/* InstaLanding design system · Kairo · kairo@1.0.0
   Extracted from https://instalanding.ai/demos/kairo-time-assistant.html
   Fonts (Google Fonts): Inter 400-600 (text), Inter Tight 500-800 (display), JetBrains Mono 500-600 (labels, figures) */
:root {
  /* Color · core */
  --kr-bg: #050506;
  --kr-bg2: #0A0A0C;
  --kr-card: #0D0D10;
  --kr-card2: #121216;
  --kr-text: #F4F4F6;
  --kr-muted: #8D8D96;
  --kr-dim: #5B5B64;
  --kr-accent: #FF6B2C;
  --kr-accent-hi: #FF8549;
  --kr-accent2: #FFB36B;

  /* Color · signals */
  --kr-violet: #8B7BFF;
  --kr-mint: #4FE3B1;
  --kr-sky: #5CC8FF;
  --kr-rose: #FF5C8A;
  --kr-lime: #C6FF6B;

  /* Color · light sheet */
  --kr-paper: #F2F0EC;
  --kr-paper-ink: #0B0B0C;
  --kr-paper-muted: #64646B;
  --kr-mint-deep: #3FBF93;
  --kr-sky-deep: #3AA7E0;
  --kr-rose-deep: #E0457A;

  /* Color · lines */
  --kr-line: rgba(255,255,255,.07);
  --kr-line2: rgba(255,255,255,.13);
  --kr-spot: rgba(255,140,80,.55);

  /* Type · families */
  --kr-font-display: "Inter Tight", Inter, system-ui, sans-serif;
  --kr-font-text: Inter, system-ui, sans-serif;
  --kr-font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Type · scale */
  --kr-wordmark: clamp(80px, 19vw, 280px);
  --kr-hero: clamp(64px, 9.5vw, 148px);
  --kr-stat: 76px;
  --kr-title: clamp(40px, 6vw, 76px);
  --kr-h2: clamp(38px, 4.6vw, 60px);
  --kr-cta: clamp(34px, 4.4vw, 56px);
  --kr-h3: clamp(28px, 3.4vw, 40px);
  --kr-card-title: 26px;
  --kr-lead: 18px;
  --kr-small: 13px;
  --kr-label: 12px;

  /* Shape · radii */
  --kr-pill: 99px;
  --kr-r-sheet: 48px;
  --kr-r-stage: 40px;
  --kr-r-cta: 36px;
  --kr-r-card: 28px;
  --kr-r-panel: 22px;
  --kr-r-tile: 20px;
  --kr-r-chip: 16px;

  /* Shape · borders */
  --kr-hair: 1px;
  --kr-key: 3px;

  /* Depth · grain, glass and glow */
  --kr-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --kr-glass: blur(18px) saturate(1.4);
  --kr-shadow-pop: 0 30px 80px -20px #000;
  --kr-shadow-lift: 0 1px 2px rgba(0,0,0,.03), 0 30px 60px -40px rgba(0,0,0,.25);
  --kr-glow-accent: 0 10px 30px -10px var(--kr-accent);

  /* Motion · easing */
  --kr-ease: cubic-bezier(.2,.7,.1,1);

  /* Motion · durations */
  --kr-dur-quick: .3s;
  --kr-dur-knob: .55s;
  --kr-dur-fill: 1.4s;
  --kr-dur-ring: 2s;
  --kr-float: 7s;
  --kr-shine: 7s;
  --kr-marquee: 40s;
  --kr-orbit: 60s;

  /* Space · layout */
  --kr-maxw: 1240px;
  --kr-gut: 24px;
  --kr-sec: 140px;
  --kr-gap: 18px;
  --kr-nav-h: 76px;
}

/* Components · scoped under .kr; class names use the kr- prefix */
:where(.kr) h4,
:where(.kr) h5,
:where(.kr) h6 { font-family: inherit; }
:where(.kr, .kr *) {box-sizing:border-box;margin:0;padding:0}
.kr {background:var(--kr-bg);color:var(--kr-text);font:400 16px/1.6 var(--kr-font-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(.kr) a {color:inherit;text-decoration:none}
:where(.kr) button,
:where(.kr) input {font:inherit;color:inherit;border:0;background:none}
:where(.kr) button {cursor:pointer}
:where(.kr) svg {display:block}
:where(.kr) .kr-container {max-width:var(--kr-maxw);margin:0 auto;padding:0 var(--kr-gut)}
:where(.kr) h1,
:where(.kr) h2,
:where(.kr) h3,
:where(.kr) .kr-display {font-family:var(--kr-font-display);letter-spacing:-.04em;line-height:1.02;font-weight:700}
:where(.kr) p:not([class]) {color:var(--kr-muted)}
:where(.kr) .kr-eyebrow {display:inline-flex;align-items:center;gap:8px;font:500 var(--kr-label)/1 var(--kr-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kr-muted);padding:8px 12px;border:var(--kr-hair) solid var(--kr-line2);border-radius:var(--kr-pill);background:rgba(255,255,255,.02)}
:where(.kr) .kr-eyebrow i {width:6px;height:6px;border-radius:50%;background:var(--kr-accent);box-shadow:0 0 12px var(--kr-accent)}
:where(.kr) .kr-section-title {font-size:var(--kr-title);max-width:14ch;margin:20px auto 18px}
:where(.kr) .kr-section-head {text-align:center;display:flex;flex-direction:column;align-items:center}
:where(.kr) .kr-section-head p {max-width:520px;font-size:var(--kr-lead)}
:where(.kr) .kr-grad {background:linear-gradient(100deg,#fff 20%,var(--kr-accent2) 60%,var(--kr-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
:where(.kr) .kr-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:var(--kr-pill);font-weight:600;font-size:15px;transition:transform var(--kr-dur-quick) var(--kr-ease),box-shadow .3s,background .3s;white-space:nowrap}
:where(.kr) .kr-btn-light {background:#fff;color:#000;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 8px 30px -8px rgba(255,255,255,.35)}
:where(.kr) .kr-btn-light:hover {transform:translateY(-2px);box-shadow:0 0 0 1px #fff,0 14px 40px -8px rgba(255,255,255,.45)}
:where(.kr) .kr-btn-accent {background:linear-gradient(180deg,var(--kr-accent-hi),var(--kr-accent));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),var(--kr-glow-accent)}
:where(.kr) .kr-btn-accent:hover {transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 40px -10px var(--kr-accent)}
:where(.kr) .kr-btn-dark {background:#0a0a0a;color:#fff}
:where(.kr) .kr-btn-dark:hover {transform:translateY(-2px)}
:where(.kr) .kr-nav {position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
:where(.kr) .kr-nav.kr-scrolled {background:rgba(5,5,6,.72);backdrop-filter:var(--kr-glass);-webkit-backdrop-filter:var(--kr-glass);border-color:var(--kr-line)}
:where(.kr) .kr-nav-in {display:flex;align-items:center;justify-content:space-between;height:var(--kr-nav-h);gap:20px}
:where(.kr) .kr-brand {display:flex;align-items:center;gap:10px;font:700 19px var(--kr-font-display);letter-spacing:-.03em}
:where(.kr) .kr-mark {width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#2a2a30,#060607);border:var(--kr-hair) solid var(--kr-line2);display:grid;place-items:center;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
:where(.kr) .kr-mark b {font:800 17px var(--kr-font-display);letter-spacing:-.05em}
:where(.kr) .kr-mark sup {position:absolute;top:3px;right:4px;font:800 10px var(--kr-font-display);color:var(--kr-accent)}
:where(.kr) .kr-nav-links {display:flex;gap:4px;padding:5px;border:var(--kr-hair) solid var(--kr-line);border-radius:var(--kr-pill);background:rgba(255,255,255,.02)}
:where(.kr) .kr-nav-links a {padding:8px 16px;border-radius:var(--kr-pill);font-size:14px;color:var(--kr-muted);transition:color .25s,background .25s}
:where(.kr) .kr-nav-links a:hover {color:var(--kr-text);background:rgba(255,255,255,.06)}
:where(.kr) .kr-nav-right {display:flex;align-items:center;gap:10px}
:where(.kr) .kr-icon-btn {width:44px;height:44px;border-radius:50%;border:var(--kr-hair) solid var(--kr-line2);display:grid;place-items:center;position:relative;transition:background .25s}
:where(.kr) .kr-icon-btn:hover {background:rgba(255,255,255,.06)}
:where(.kr) .kr-cart-count {position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--kr-accent);font:600 10px/18px var(--kr-font-text);text-align:center;color:#fff}
:where(.kr) .kr-cart-panel {position:absolute;top:70px;right:24px;width:320px;padding:22px;border-radius:var(--kr-r-panel);background:rgba(16,16,19,.92);backdrop-filter:blur(20px);border:var(--kr-hair) solid var(--kr-line2);box-shadow:var(--kr-shadow-pop);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:var(--kr-dur-quick) var(--kr-ease)}
:where(.kr) .kr-cart-panel.kr-open {opacity:1;transform:none;pointer-events:auto}
:where(.kr) .kr-cart-panel h6 {font:600 16px var(--kr-font-display);display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
:where(.kr) .kr-cart-empty {text-align:center;padding:18px 0 4px}
:where(.kr) .kr-cart-empty svg {margin:0 auto 12px;opacity:.5}
:where(.kr) .kr-cart-empty p {margin-bottom:16px;font-size:14px}
:where(.kr) .kr-menu-btn {display:none}
:where(.kr) .kr-mobile-menu {display:none}
@media(max-width:900px) {
:where(.kr) .kr-nav-links,
:where(.kr) .kr-nav-right .kr-btn {display:none}
:where(.kr) .kr-menu-btn {display:grid}
:where(.kr) .kr-mobile-menu {display:flex;flex-direction:column;gap:4px;position:fixed;top:76px;left:12px;right:12px;padding:12px;border-radius:var(--kr-r-panel);background:rgba(14,14,17,.96);border:var(--kr-hair) solid var(--kr-line2);backdrop-filter:blur(20px);opacity:0;transform:translateY(-10px);pointer-events:none;transition:var(--kr-dur-quick) var(--kr-ease)}
:where(.kr) .kr-mobile-menu.kr-open {opacity:1;transform:none;pointer-events:auto}
:where(.kr) .kr-mobile-menu a {padding:14px 16px;border-radius:14px;font-size:17px}
:where(.kr) .kr-mobile-menu a:hover {background:rgba(255,255,255,.05)}
:where(.kr) .kr-mobile-menu .kr-btn {margin-top:8px}
}
:where(.kr) .kr-hero {position:relative;padding:150px 0 60px;overflow:hidden}
:where(.kr) .kr-hero-bg {position:absolute;inset:0;pointer-events:none}
:where(.kr) .kr-hero-bg .kr-orb {position:absolute;border-radius:50%;filter:blur(90px)}
:where(.kr) .kr-hero-bg .kr-o1 {width:620px;height:620px;left:50%;top:180px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,107,44,.38),transparent 65%)}
:where(.kr) .kr-hero-bg .kr-o2 {width:500px;height:500px;left:8%;top:40px;background:radial-gradient(circle,rgba(139,123,255,.16),transparent 65%)}
:where(.kr) .kr-hero-bg .kr-grid {position:absolute;inset:0;background-image:linear-gradient(var(--kr-line) 1px,transparent 1px),linear-gradient(90deg,var(--kr-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);opacity:.6}
:where(.kr) .kr-hero-grid {position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px}
:where(.kr) .kr-hero-title {font-size:var(--kr-hero);line-height:.9;letter-spacing:-.06em}
:where(.kr) .kr-hero-title span {display:block;position:relative}
:where(.kr) .kr-hero-title .kr-glow {position:relative}
:where(.kr) .kr-hero-title .kr-glow::after {content:attr(data-text);position:absolute;inset:0;filter:blur(28px);opacity:.55;color:var(--kr-accent);z-index:-1}
:where(.kr) .kr-hero-title .kr-plus {color:var(--kr-accent)}
:where(.kr) .kr-hero-copy p {font-size:var(--kr-lead);line-height:1.6;margin:20px 0 28px;max-width:360px}
:where(.kr) .kr-hero-meta {display:flex;align-items:center;gap:12px;margin-top:20px;font-size:var(--kr-small);color:var(--kr-muted)}
:where(.kr) .kr-stars {display:flex;gap:2px;color:var(--kr-accent2)}
:where(.kr) .kr-form {display:flex;gap:6px;padding:6px;border-radius:var(--kr-pill);background:rgba(255,255,255,.04);border:var(--kr-hair) solid var(--kr-line2);max-width:420px;transition:border-color .3s,box-shadow .3s}
:where(.kr) .kr-form:focus-within {border-color:rgba(255,107,44,.6);box-shadow:0 0 0 4px rgba(255,107,44,.12)}
:where(.kr) .kr-form input {flex:1;min-width:0;padding:0 16px;outline:0;font-size:15px}
:where(.kr) .kr-form input::placeholder {color:var(--kr-dim)}
:where(.kr) .kr-form-msg {font-size:var(--kr-small);margin-top:10px;color:var(--kr-mint);min-height:20px}
:where(.kr) .kr-phone-wrap {position:relative;display:grid;place-items:center}
:where(.kr) .kr-phone-wrap::after {content:"";position:absolute;bottom:-30px;width:70%;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.9),transparent 70%);filter:blur(10px);z-index:-1}
:where(.kr) .kr-float {animation:kr-float var(--kr-float) ease-in-out infinite}
@keyframes kr-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(.4deg)}}
:where(.kr) .kr-chip-float {position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--kr-r-chip);background:rgba(18,18,22,.75);border:var(--kr-hair) solid var(--kr-line2);backdrop-filter:blur(14px);font-size:var(--kr-small);box-shadow:0 20px 50px -20px #000;white-space:nowrap;z-index:3}
:where(.kr) .kr-chip-float b {font-weight:600;display:block;font-size:var(--kr-small);line-height:1.2}
:where(.kr) .kr-chip-float small {color:var(--kr-muted);font-size:11px}
:where(.kr) .kr-chip-ic {width:30px;height:30px;border-radius:9px;display:grid;place-items:center}
:where(.kr) .kr-cf1 {left:-120px;top:22%;animation:kr-float 6s ease-in-out infinite}
:where(.kr) .kr-cf2 {right:-110px;bottom:20%;animation:kr-float 8s ease-in-out infinite reverse}
@media(max-width:1060px) {
:where(.kr) .kr-hero-grid {grid-template-columns:1fr;text-align:center;justify-items:center}
:where(.kr) .kr-hero-copy p {margin-left:auto;margin-right:auto}
:where(.kr) .kr-hero-meta {justify-content:center}
:where(.kr) .kr-hero-copy {order:3}
:where(.kr) .kr-phone-wrap {order:2}
}
@media(max-width:560px) {
:where(.kr) .kr-cf1 {left:-24px}
:where(.kr) .kr-cf2 {right:-20px}
:where(.kr) .kr-chip-float {transform:scale(.85)}
}
:where(.kr) .kr-logos {margin-top:90px;text-align:center}
:where(.kr) .kr-logos p {font:500 var(--kr-label) var(--kr-font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;color:var(--kr-dim)}
:where(.kr) .kr-marquee {overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
:where(.kr) .kr-marquee-track {display:flex;gap:64px;width:max-content;animation:kr-marquee var(--kr-marquee) linear infinite}
@keyframes kr-marquee{to{transform:translateX(-50%)}}
:where(.kr) .kr-logo {display:flex;align-items:center;gap:10px;color:#6f6f78;font:600 21px var(--kr-font-display);letter-spacing:-.03em;transition:color .3s}
:where(.kr) .kr-logo:hover {color:#fff}
:where(.kr) .kr-logo svg {width:24px;height:24px}
:where(.kr) .kr-section {padding:140px 0;position:relative}
:where(.kr) .kr-bento {display:grid;grid-template-columns:repeat(12,1fr);gap:var(--kr-gap);margin-top:70px}
:where(.kr) .kr-card {position:relative;border-radius:var(--kr-r-card);background:linear-gradient(180deg,var(--kr-card2),var(--kr-card));border:var(--kr-hair) solid var(--kr-line);overflow:hidden;isolation:isolate;min-height:420px;display:flex;flex-direction:column}
:where(.kr) .kr-card::before {content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(400px circle at var(--kr-mx,50%) var(--kr-my,0%),var(--kr-spot),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none;z-index:2}
:where(.kr) .kr-card::after {content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--kr-mx,50%) var(--kr-my,0%),rgba(255,107,44,.07),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none}
:where(.kr) .kr-card:hover::before,
:where(.kr) .kr-card:hover::after {opacity:1}
:where(.kr) .kr-c-7 {grid-column:span 7}
:where(.kr) .kr-c-5 {grid-column:span 5}
:where(.kr) .kr-c-4 {grid-column:span 4}
:where(.kr) .kr-c-8 {grid-column:span 8}
:where(.kr) .kr-c-6 {grid-column:span 6}
@media(max-width:900px) {
:where(.kr) .kr-bento>* {grid-column:1/-1!important}
}
:where(.kr) .kr-card-viz {flex:1;position:relative;display:grid;place-items:center;padding:30px 30px 0;min-height:240px}
:where(.kr) .kr-card-text {padding:28px 32px 32px;position:relative;z-index:1}
:where(.kr) .kr-card-text h3 {font-size:var(--kr-card-title);letter-spacing:-.03em;margin-bottom:8px}
:where(.kr) .kr-card-text p {font-size:15.5px;max-width:420px}
:where(.kr) .kr-tag {font:500 11px var(--kr-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kr-accent2);margin-bottom:12px;display:block}
:where(.kr) .kr-tl {width:100%;max-width:560px;font:500 11px var(--kr-font-mono);color:var(--kr-dim)}
:where(.kr) .kr-tl-hours {display:grid;grid-template-columns:76px repeat(6,1fr);margin-bottom:10px}
:where(.kr) .kr-tl-row {display:grid;grid-template-columns:76px 1fr;align-items:center;margin-bottom:10px}
:where(.kr) .kr-tl-row span {color:var(--kr-muted)}
:where(.kr) .kr-tl-track {position:relative;height:30px;border-radius:9px;background:rgba(255,255,255,.025);border:var(--kr-hair) solid var(--kr-line)}
:where(.kr) .kr-tl-track i {position:absolute;top:4px;bottom:4px;left:var(--kr-s);width:var(--kr-w);border-radius:6px;background:linear-gradient(90deg,var(--kr-c),color-mix(in srgb,var(--kr-c) 60%,#000));box-shadow:0 0 18px -4px var(--kr-c);transform-origin:left;transform:scaleX(0);transition:transform var(--kr-dur-fill) var(--kr-ease);transition-delay:var(--kr-dl,0s)}
:where(.kr) .kr-in .kr-tl-track i {transform:scaleX(1)}
:where(.kr) .kr-tl-wrap {position:relative;width:100%;max-width:560px}
:where(.kr) .kr-tl-now {position:absolute;top:22px;bottom:-4px;left:calc(76px + 68%);width:1px;background:var(--kr-accent);box-shadow:0 0 10px var(--kr-accent)}
:where(.kr) .kr-tl-now::before {content:"NOW";position:absolute;top:-18px;left:50%;transform:translateX(-50%);font:600 9px var(--kr-font-mono);color:var(--kr-accent);background:var(--kr-card2);padding:0 4px}
:where(.kr) .kr-ring-viz {position:relative;width:220px;height:220px}
:where(.kr) .kr-ring-viz svg {width:100%;height:100%;transform:rotate(-90deg)}
:where(.kr) .kr-ring-viz circle {fill:none;stroke-linecap:round}
:where(.kr) .kr-ring-viz .kr-r-p {stroke-dashoffset:var(--kr-len);transition:stroke-dashoffset var(--kr-dur-ring) var(--kr-ease);transition-delay:var(--kr-dl,0s)}
:where(.kr) .kr-in .kr-ring-viz .kr-r-p {stroke-dashoffset:var(--kr-to)}
:where(.kr) .kr-ring-center {position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(.kr) .kr-ring-center b {font:600 34px var(--kr-font-mono);letter-spacing:-.04em;display:block}
:where(.kr) .kr-ring-center small {font:500 10px var(--kr-font-mono);letter-spacing:.12em;color:var(--kr-muted);text-transform:uppercase}
:where(.kr) .kr-dev-viz {display:flex;align-items:flex-end;gap:22px;position:relative}
:where(.kr) .kr-dev {border:1.5px solid var(--kr-line2);background:linear-gradient(180deg,#16161b,#0b0b0e);border-radius:var(--kr-r-panel);padding:10px;position:relative;box-shadow:0 30px 60px -30px #000}
:where(.kr) .kr-dev-in {width:100%;height:100%;border-radius:14px;background:#08080a;display:flex;flex-direction:column;gap:7px;padding:12px 10px}
:where(.kr) .kr-dev .kr-l {height:7px;border-radius:4px;background:rgba(255,255,255,.08)}
:where(.kr) .kr-dev .kr-l.kr-a {background:var(--kr-accent);width:60%}
:where(.kr) .kr-dev .kr-blk {flex:1;border-radius:8px;background:linear-gradient(135deg,rgba(255,107,44,.25),rgba(139,123,255,.12));border:var(--kr-hair) solid var(--kr-line)}
:where(.kr) .kr-sync {position:absolute;left:50%;top:-34px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font:500 11px var(--kr-font-mono);color:var(--kr-mint);background:rgba(79,227,177,.08);border:1px solid rgba(79,227,177,.25);padding:6px 10px;border-radius:var(--kr-pill);white-space:nowrap}
:where(.kr) .kr-sync i {width:6px;height:6px;border-radius:50%;background:var(--kr-mint);animation:kr-pulse 1.6s infinite}
@keyframes kr-pulse{0%{box-shadow:0 0 0 0 rgba(79,227,177,.6)}100%{box-shadow:0 0 0 8px rgba(79,227,177,0)}}
:where(.kr) .kr-chart-viz {width:100%;max-width:520px}
:where(.kr) .kr-chart-top {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}
:where(.kr) .kr-chart-top b {font:600 40px var(--kr-font-display);letter-spacing:-.04em;display:block;line-height:1}
:where(.kr) .kr-chart-top small {color:var(--kr-muted);font-size:var(--kr-small)}
:where(.kr) .kr-delta {font:600 12px var(--kr-font-mono);color:var(--kr-mint);background:rgba(79,227,177,.1);padding:5px 9px;border-radius:var(--kr-pill)}
:where(.kr) .kr-chart-viz .kr-area-line {stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 2.4s var(--kr-ease)}
:where(.kr) .kr-in .kr-chart-viz .kr-area-line {stroke-dashoffset:0}
:where(.kr) .kr-chart-viz .kr-area-fill {opacity:0;transition:opacity 1.5s .8s}
:where(.kr) .kr-in .kr-chart-viz .kr-area-fill {opacity:1}
:where(.kr) .kr-badge-award {display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 12px 7px 8px;border-radius:var(--kr-pill);border:var(--kr-hair) solid var(--kr-line2);font-size:12.5px;color:var(--kr-text)}
:where(.kr) .kr-badge-award span {width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--kr-accent2),var(--kr-accent));display:grid;place-items:center}
:where(.kr) .kr-integ {overflow:hidden}
:where(.kr) .kr-orbit-stage {position:relative;height:640px;display:grid;place-items:center;margin-top:40px;--kr-r:270px}
:where(.kr) .kr-orbit-rings {position:absolute;width:calc(var(--kr-r)*2);height:calc(var(--kr-r)*2);border-radius:50%;border:1px dashed var(--kr-line2)}
:where(.kr) .kr-orbit-rings::before {content:"";position:absolute;inset:-70px;border-radius:50%;border:var(--kr-hair) solid var(--kr-line)}
:where(.kr) .kr-orbit-glow {position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,44,.22),transparent 62%);filter:blur(30px)}
:where(.kr) .kr-orbit {position:absolute;width:0;height:0;animation:kr-spin var(--kr-orbit) linear infinite}
:where(.kr) .kr-orbit .kr-tile {position:absolute;left:0;top:0;transform:rotate(var(--kr-a)) translateX(var(--kr-r)) rotate(calc(-1*var(--kr-a)))}
:where(.kr) .kr-tile-in {width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:var(--kr-r-tile);display:grid;place-items:center;background:linear-gradient(160deg,#1b1b21,#0b0b0e);border:var(--kr-hair) solid var(--kr-line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px -14px #000,0 0 30px -10px var(--kr-c);animation:kr-spin var(--kr-orbit) linear infinite reverse;color:var(--kr-c)}
:where(.kr) .kr-tile-in svg {width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes kr-spin{to{transform:rotate(360deg)}}
:where(.kr) .kr-workflow {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;border-top:var(--kr-hair) solid var(--kr-line);padding-top:40px;margin-top:30px}
:where(.kr) .kr-workflow h3 {font-size:var(--kr-h3);max-width:16ch}
:where(.kr) .kr-kbd-row {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
:where(.kr) .kr-kbd {display:inline-flex;align-items:center;gap:8px;font-size:var(--kr-small);color:var(--kr-muted)}
:where(.kr) .kr-kbd kbd {font:600 12px var(--kr-font-mono);color:var(--kr-text);padding:5px 9px;border-radius:8px;background:#141418;border:var(--kr-hair) solid var(--kr-line2);border-bottom-width:var(--kr-key)}
@media(max-width:800px) {
:where(.kr) .kr-orbit-stage {--kr-r:150px;height:460px}
:where(.kr) .kr-tile-in {width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:15px}
:where(.kr) .kr-tile-in svg {width:22px;height:22px}
:where(.kr) .kr-workflow {grid-template-columns:1fr}
:where(.kr) .kr-orbit-glow {width:340px;height:340px}
}
:where(.kr) .kr-stats-grid {display:grid;grid-template-columns:5fr 7fr;gap:80px}
:where(.kr) .kr-stats-sticky {position:sticky;top:140px;align-self:start}
:where(.kr) .kr-stats-sticky h2 {font-size:var(--kr-h2);margin:20px 0 22px}
:where(.kr) .kr-stats-sticky p {font-size:17px;max-width:420px}
:where(.kr) .kr-stat {padding:44px 0;border-bottom:var(--kr-hair) solid var(--kr-line);display:grid;grid-template-columns:200px 1fr;gap:30px}
:where(.kr) .kr-stat:first-child {border-top:var(--kr-hair) solid var(--kr-line)}
:where(.kr) .kr-stat-num {font:700 var(--kr-stat)/1 var(--kr-font-display);letter-spacing:-.05em;background:linear-gradient(180deg,#fff,#6e6e78);-webkit-background-clip:text;background-clip:text;color:transparent}
:where(.kr) .kr-stat h4 {font:600 20px var(--kr-font-display);letter-spacing:-.02em;margin-bottom:8px}
:where(.kr) .kr-stat-bar {height:4px;border-radius:2px;background:var(--kr-line);margin-top:18px;overflow:hidden}
:where(.kr) .kr-stat-bar i {display:block;height:100%;width:var(--kr-v);background:linear-gradient(90deg,var(--kr-accent),var(--kr-accent2));transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--kr-ease)}
:where(.kr) .kr-in .kr-stat-bar i {transform:scaleX(1)}
@media(max-width:900px) {
:where(.kr) .kr-stats-grid {grid-template-columns:1fr;gap:40px}
:where(.kr) .kr-stats-sticky {position:static}
:where(.kr) .kr-stat {grid-template-columns:1fr;gap:12px}
:where(.kr) .kr-stat-num {font-size:60px}
}
:where(.kr) .kr-stores {display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}
:where(.kr) .kr-store {display:flex;align-items:center;gap:12px;height:58px;padding:0 22px 0 18px;border-radius:var(--kr-r-chip);background:#fff;color:#000;transition:transform var(--kr-dur-quick) var(--kr-ease),box-shadow .3s}
:where(.kr) .kr-store:hover {transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(255,255,255,.4)}
:where(.kr) .kr-store small {display:block;font-size:11px;opacity:.6;line-height:1}
:where(.kr) .kr-store b {font:700 18px var(--kr-font-display);letter-spacing:-.02em;line-height:1.2}
:where(.kr) .kr-store.kr-ghost {background:transparent;color:#fff;border:var(--kr-hair) solid var(--kr-line2)}
:where(.kr) .kr-theme-stage {margin-top:90px;position:relative;border-radius:var(--kr-r-stage);border:var(--kr-hair) solid var(--kr-line);overflow:hidden;padding:80px 24px 0;display:grid;place-items:center;transition:background .9s var(--kr-ease);background:radial-gradient(ellipse at 50% 100%,rgba(255,107,44,.18),transparent 60%),#08080a}
:where(.kr) .kr-theme-stage.kr-light-on {background:radial-gradient(ellipse at 50% 100%,rgba(255,179,107,.5),transparent 60%),#ece9e4}
:where(.kr) .kr-theme-switch {display:flex;padding:5px;border-radius:var(--kr-pill);background:rgba(255,255,255,.06);border:var(--kr-hair) solid var(--kr-line2);position:relative;margin-bottom:56px;z-index:2;transition:background .6s}
:where(.kr) .kr-light-on .kr-theme-switch {background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1)}
:where(.kr) .kr-theme-switch button {position:relative;z-index:1;padding:10px 22px;border-radius:var(--kr-pill);font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center;color:var(--kr-muted);transition:color .4s}
:where(.kr) .kr-theme-switch button.kr-on {color:#000}
:where(.kr) .kr-theme-switch .kr-knob {position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:var(--kr-pill);background:#fff;transition:transform var(--kr-dur-knob) var(--kr-ease);box-shadow:0 4px 14px rgba(0,0,0,.25)}
:where(.kr) .kr-light-on .kr-theme-switch .kr-knob {transform:translateX(100%);background:#111}
:where(.kr) .kr-light-on .kr-theme-switch button.kr-on {color:#fff}
:where(.kr) .kr-light-on .kr-theme-switch button:not(.kr-on) {color:#555}
:where(.kr) .kr-theme-caption {position:absolute;bottom:40px;font:500 var(--kr-label) var(--kr-font-mono);letter-spacing:.1em;text-transform:uppercase;z-index:2;transition:color .6s}
:where(.kr) .kr-theme-stage .kr-phone {margin-bottom:-160px}
:where(.kr) .kr-theme-cap-l {left:40px;color:var(--kr-muted)}
:where(.kr) .kr-theme-cap-r {right:40px;color:var(--kr-muted)}
:where(.kr) .kr-light-on .kr-theme-caption {color:#777}
@media(max-width:700px) {
:where(.kr) .kr-theme-caption {display:none}
}
:where(.kr) .kr-light-sec {background:var(--kr-paper);color:var(--kr-paper-ink);border-radius:var(--kr-r-sheet) var(--kr-r-sheet) 0 0;padding:140px 0 120px;position:relative}
:where(.kr) .kr-light-sec p {color:var(--kr-paper-muted)}
:where(.kr) .kr-light-sec .kr-eyebrow {color:#55555c;border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.02)}
:where(.kr) .kr-lcard {background:#fff;border-radius:var(--kr-r-card);border:1px solid rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;min-height:400px;box-shadow:var(--kr-shadow-lift);transition:transform .5s var(--kr-ease),box-shadow .5s}
:where(.kr) .kr-lcard:hover {transform:translateY(-4px);box-shadow:0 1px 2px rgba(0,0,0,.03),0 40px 70px -40px rgba(0,0,0,.35)}
:where(.kr) .kr-lcard .kr-card-viz {padding:28px}
:where(.kr) .kr-lcard h3 {font-size:24px;letter-spacing:-.03em;margin-bottom:6px}
:where(.kr) .kr-lcard .kr-card-text {padding:4px 30px 30px}
:where(.kr) .kr-lcard .kr-tag {color:var(--kr-accent)}
:where(.kr) .kr-stack {display:flex;flex-direction:column;gap:var(--kr-gap)}
:where(.kr) .kr-stack .kr-lcard {min-height:0;flex:1}
:where(.kr) .kr-logo-card {position:relative;background:var(--kr-bg2);border-radius:var(--kr-r-card);overflow:hidden;min-height:220px;display:grid;place-items:center;flex:1}
:where(.kr) .kr-mesh {position:absolute;inset:-20%;background:conic-gradient(from 0deg at 50% 50%,var(--kr-accent),var(--kr-violet),var(--kr-bg2),var(--kr-accent2),var(--kr-accent));filter:blur(50px);opacity:.55;animation:kr-spin 18s linear infinite}
:where(.kr) .kr-logo-card .kr-mark {width:96px;height:96px;border-radius:var(--kr-r-card);z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 30px 60px -10px rgba(0,0,0,.8)}
:where(.kr) .kr-logo-card .kr-mark b {font-size:52px;color:#fff}
:where(.kr) .kr-logo-card .kr-mark sup {font-size:var(--kr-card-title);top:6px;right:10px}
:where(.kr) .kr-nodes {position:relative;width:100%;max-width:340px;aspect-ratio:1.3}
:where(.kr) .kr-nodes svg.kr-lines {position:absolute;inset:0;width:100%;height:100%}
:where(.kr) .kr-nodes .kr-flow {stroke-dasharray:4 6;animation:kr-dash 1.4s linear infinite}
@keyframes kr-dash{to{stroke-dashoffset:-20}}
:where(.kr) .kr-node {position:absolute;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:var(--kr-r-chip);background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 24px -10px rgba(0,0,0,.25);display:grid;place-items:center;color:var(--kr-c)}
:where(.kr) .kr-node svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:where(.kr) .kr-node.kr-hub {width:74px;height:74px;border-radius:var(--kr-r-panel);background:var(--kr-bg2)}
:where(.kr) .kr-node.kr-hub .kr-mark {border:0;background:none;box-shadow:none}
:where(.kr) .kr-node.kr-hub .kr-mark b {color:#fff;font-size:28px}
:where(.kr) .kr-node.kr-hub .kr-mark sup {font-size:14px;top:-2px;right:-6px}
:where(.kr) .kr-auto {width:100%;max-width:300px;display:flex;flex-direction:column;gap:8px}
:where(.kr) .kr-auto-row {display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f6f5f2;font-size:var(--kr-small);color:#333;opacity:0;transform:translateX(-10px);transition:.7s var(--kr-ease);transition-delay:var(--kr-dl)}
:where(.kr) .kr-in .kr-auto-row {opacity:1;transform:none}
:where(.kr) .kr-auto-row b {margin-left:auto;font:600 12px var(--kr-font-mono);color:#111}
:where(.kr) .kr-app-ic {width:24px;height:24px;border-radius:7px;background:var(--kr-c);display:grid;place-items:center;color:#fff;font:700 11px var(--kr-font-display)}
:where(.kr) .kr-auto-live {display:flex;align-items:center;gap:8px;font:600 11px var(--kr-font-mono);color:var(--kr-accent);letter-spacing:.06em;margin-bottom:4px}
:where(.kr) .kr-auto-live i {width:7px;height:7px;border-radius:50%;background:var(--kr-accent);animation:kr-pulse2 1.4s infinite}
@keyframes kr-pulse2{0%{box-shadow:0 0 0 0 rgba(255,107,44,.6)}100%{box-shadow:0 0 0 8px rgba(255,107,44,0)}}
:where(.kr) .kr-team {width:100%;max-width:320px}
:where(.kr) .kr-team-row {display:grid;grid-template-columns:34px 1fr 54px;gap:12px;align-items:center;margin-bottom:12px;font:600 12px var(--kr-font-mono)}
:where(.kr) .kr-av {width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 12px var(--kr-font-display);background:var(--kr-c);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
:where(.kr) .kr-team-bar {height:10px;border-radius:5px;background:#f0eee9;overflow:hidden}
:where(.kr) .kr-team-bar i {display:block;height:100%;width:var(--kr-v);background:var(--kr-c);border-radius:5px;transform-origin:left;transform:scaleX(0);transition:transform var(--kr-dur-fill) var(--kr-ease);transition-delay:var(--kr-dl)}
:where(.kr) .kr-in .kr-team-bar i {transform:scaleX(1)}
:where(.kr) .kr-cats {display:flex;flex-direction:column;gap:12px;width:100%;max-width:330px}
:where(.kr) .kr-cat {border-radius:var(--kr-r-chip);border:1px dashed rgba(0,0,0,.14);padding:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
:where(.kr) .kr-cat-h {width:100%;font:600 11px var(--kr-font-mono);color:#888;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:6px}
:where(.kr) .kr-cat-h i {width:8px;height:8px;border-radius:3px;background:var(--kr-c)}
:where(.kr) .kr-pill {padding:6px 11px;border-radius:var(--kr-pill);font-size:12.5px;background:color-mix(in srgb,var(--kr-c) 14%,#fff);color:color-mix(in srgb,var(--kr-c) 70%,#000);font-weight:500}
:where(.kr) .kr-docs {position:relative;width:220px;height:200px}
:where(.kr) .kr-doc {position:absolute;width:150px;height:186px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 40px -18px rgba(0,0,0,.35);padding:16px 14px;display:flex;flex-direction:column;gap:7px;transition:transform .6s var(--kr-ease)}
:where(.kr) .kr-doc .kr-l {height:6px;border-radius:3px;background:#eeece7}
:where(.kr) .kr-doc .kr-l.kr-s {width:60%}
:where(.kr) .kr-doc .kr-bars {display:flex;align-items:flex-end;gap:5px;height:50px;margin-top:auto}
:where(.kr) .kr-doc .kr-bars i {flex:1;border-radius:3px 3px 0 0;background:var(--kr-c);height:var(--kr-h)}
:where(.kr) .kr-doc-badge {position:absolute;top:12px;right:-10px;font:700 10px var(--kr-font-mono);color:#fff;padding:4px 7px;border-radius:6px;background:var(--kr-c)}
:where(.kr) .kr-d1 {left:0;top:14px;transform:rotate(-8deg);--kr-c:var(--kr-mint)}
:where(.kr) .kr-d2 {left:70px;top:14px;transform:rotate(8deg);--kr-c:var(--kr-sky)}
:where(.kr) .kr-d3 {left:35px;top:0;z-index:2;--kr-c:var(--kr-accent)}
:where(.kr) .kr-lcard:hover .kr-d1 {transform:rotate(-14deg) translateX(-14px)}
:where(.kr) .kr-lcard:hover .kr-d2 {transform:rotate(14deg) translateX(14px)}
:where(.kr) .kr-cta {margin-top:90px;border-radius:var(--kr-r-cta);background:var(--kr-bg2);color:#fff;padding:64px 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
:where(.kr) .kr-cta::before {content:"";position:absolute;right:-120px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,44,.45),transparent 65%);filter:blur(20px)}
:where(.kr) .kr-cta h2 {font-size:var(--kr-cta);position:relative}
:where(.kr) .kr-cta p {color:#9b9ba3;margin-top:14px;position:relative}
:where(.kr) .kr-cta .kr-form {position:relative;max-width:none}
:where(.kr) .kr-cta small {display:block;color:#6b6b73;font-size:12.5px;margin-top:12px;position:relative}
@media(max-width:860px) {
:where(.kr) .kr-cta {grid-template-columns:1fr;padding:44px 26px}
}
:where(.kr) footer {background:var(--kr-paper);color:var(--kr-paper-ink);padding:0 0 40px}
:where(.kr) .kr-foot {display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding:70px 0 50px;border-top:1px solid rgba(0,0,0,.08)}
:where(.kr) .kr-foot .kr-brand {color:#000}
:where(.kr) .kr-foot .kr-brand .kr-mark {background:var(--kr-bg2)}
:where(.kr) .kr-foot .kr-brand .kr-mark b {color:#fff}
:where(.kr) .kr-foot p {color:#76767d;font-size:14px;margin-top:16px;max-width:260px}
:where(.kr) .kr-foot h5 {font:500 var(--kr-label) var(--kr-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8a8a90;margin-bottom:16px}
:where(.kr) .kr-foot a {display:block;font-size:15px;color:#2a2a2e;padding:5px 0;transition:color .2s}
:where(.kr) .kr-foot a:hover {color:var(--kr-accent)}
:where(.kr) .kr-foot-bottom {display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:var(--kr-small);color:#8a8a90}
:where(.kr) .kr-wordmark {font:800 var(--kr-wordmark)/.8 var(--kr-font-display);letter-spacing:-.07em;text-align:center;background:linear-gradient(180deg,var(--kr-paper-ink) 30%,rgba(11,11,12,.05));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:50px;user-select:none}
:where(.kr) .kr-wordmark span {color:var(--kr-accent);-webkit-text-fill-color:var(--kr-accent);opacity:.9}
@media(max-width:800px) {
:where(.kr) .kr-foot {grid-template-columns:1fr 1fr}
:where(.kr) .kr-foot>div:first-child {grid-column:1/-1}
}
:where(.kr) .kr-phone {--kr-pw:300px;width:var(--kr-pw);height:calc(var(--kr-pw)*2.06);font-size:calc(var(--kr-pw)/26);position:relative;border-radius:calc(var(--kr-pw)*.17);padding:calc(var(--kr-pw)*.035);
  background:linear-gradient(145deg,#3a3a40,#121214 30%,#25252a 60%,#0c0c0e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 1px #000,0 60px 100px -40px rgba(0,0,0,.95),0 30px 60px -30px rgba(255,107,44,.25)}
:where(.kr) .kr-phone::before {content:"";position:absolute;right:-2px;top:26%;width:3px;height:14%;border-radius:2px;background:#2a2a2f}
:where(.kr) .kr-phone::after {content:"";position:absolute;left:-2px;top:20%;width:3px;height:7%;border-radius:2px;background:#2a2a2f;box-shadow:0 calc(var(--kr-pw)*.12) 0 #2a2a2f}
:where(.kr) .kr-screen {position:relative;width:100%;height:100%;border-radius:calc(var(--kr-pw)*.135);overflow:hidden;background:var(--kr-a-bg)}
:where(.kr) .kr-island {position:absolute;top:.7em;left:50%;transform:translateX(-50%);width:7.4em;height:2.1em;border-radius:2em;background:#000;z-index:5}
:where(.kr) .kr-screen::after {content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.07),transparent 35%);pointer-events:none;z-index:6}
:where(.kr) .kr-phone {--kr-a-bg:#08080a;--kr-a-card:#141418;--kr-a-card2:#1b1b20;--kr-a-text:var(--kr-text);--kr-a-muted:#7d7d86;--kr-a-line:rgba(255,255,255,.07)}
:where(.kr) .kr-phone.kr-light {--kr-a-bg:#f5f4f1;--kr-a-card:#ffffff;--kr-a-card2:#efede8;--kr-a-text:var(--kr-paper-ink);--kr-a-muted:#85858c;--kr-a-line:rgba(0,0,0,.07)}
:where(.kr) .kr-screen,
:where(.kr) .kr-app * {transition:background-color .7s var(--kr-ease),color .7s var(--kr-ease),border-color .7s}
:where(.kr) .kr-app {position:absolute;inset:0;padding:3.6em 1.15em 1em;display:flex;flex-direction:column;gap:.85em;color:var(--kr-a-text);font-family:var(--kr-font-text)}
:where(.kr) .kr-app-status {position:absolute;top:1.15em;left:1.9em;right:1.7em;display:flex;justify-content:space-between;font-size:.72em;font-weight:600}
:where(.kr) .kr-app-status span:last-child {display:flex;gap:.35em;align-items:center}
:where(.kr) .kr-sb-bat {width:1.9em;height:.9em;border-radius:.25em;border:1px solid currentColor;padding:1px;opacity:.9}
:where(.kr) .kr-sb-bat i {display:block;height:100%;width:72%;background:currentColor;border-radius:.12em}
:where(.kr) .kr-app-head {display:flex;justify-content:space-between;align-items:center}
:where(.kr) .kr-app-head small {font-size:.7em;color:var(--kr-a-muted);display:block;font-weight:500}
:where(.kr) .kr-app-head b {font:700 1.55em var(--kr-font-display);letter-spacing:-.04em}
:where(.kr) .kr-app-av {width:2.3em;height:2.3em;border-radius:50%;background:linear-gradient(135deg,var(--kr-accent2),var(--kr-accent));display:grid;place-items:center;font:700 .75em var(--kr-font-display);color:#fff}
:where(.kr) .kr-app-timer {background:var(--kr-a-card);border:1px solid var(--kr-a-line);border-radius:1.3em;padding:1em;display:flex;align-items:center;gap:.9em;position:relative;overflow:hidden}
:where(.kr) .kr-app-timer::before {content:"";position:absolute;right:-2em;top:-2em;width:7em;height:7em;border-radius:50%;background:radial-gradient(circle,rgba(255,107,44,.28),transparent 70%)}
:where(.kr) .kr-app-ring {width:4.2em;height:4.2em;flex:none;position:relative}
:where(.kr) .kr-app-ring svg {width:100%;height:100%;transform:rotate(-90deg)}
:where(.kr) .kr-app-ring .kr-rp {animation:kr-ringfill 6s var(--kr-ease) infinite alternate}
@keyframes kr-ringfill{from{stroke-dashoffset:120}to{stroke-dashoffset:38}}
:where(.kr) .kr-app-ring span {position:absolute;inset:0;display:grid;place-items:center;font:700 .62em var(--kr-font-mono);color:var(--kr-accent)}
:where(.kr) .kr-app-t {flex:1;min-width:0;position:relative}
:where(.kr) .kr-app-t small {display:flex;align-items:center;gap:.4em;font-size:.62em;color:var(--kr-accent);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
:where(.kr) .kr-app-t small i {width:.55em;height:.55em;border-radius:50%;background:var(--kr-accent);animation:kr-pulse2 1.4s infinite}
:where(.kr) .kr-app-t b {display:block;font:600 1.6em var(--kr-font-mono);letter-spacing:-.05em;margin:.1em 0}
:where(.kr) .kr-app-t em {font-style:normal;font-size:.68em;color:var(--kr-a-muted)}
:where(.kr) .kr-app-stop {width:2.4em;height:2.4em;border-radius:50%;background:var(--kr-a-text);display:grid;place-items:center;flex:none;position:relative}
:where(.kr) .kr-app-stop i {width:.75em;height:.75em;border-radius:.15em;background:var(--kr-a-bg)}
:where(.kr) .kr-app-week {background:var(--kr-a-card);border:1px solid var(--kr-a-line);border-radius:1.3em;padding:.8em 1em}
:where(.kr) .kr-app-week-h {display:flex;justify-content:space-between;font-size:.66em;color:var(--kr-a-muted);margin-bottom:.7em}
:where(.kr) .kr-app-week-h b {color:var(--kr-a-text);font-weight:600}
:where(.kr) .kr-app-bars {display:flex;gap:.45em;align-items:flex-end;height:3.6em}
:where(.kr) .kr-app-bars div {flex:1;display:flex;flex-direction:column;align-items:center;gap:.3em;height:100%;justify-content:flex-end}
:where(.kr) .kr-app-bars i {width:100%;border-radius:.35em;background:var(--kr-a-card2);height:var(--kr-h)}
:where(.kr) .kr-app-bars i.kr-on {background:linear-gradient(180deg,var(--kr-accent2),var(--kr-accent))}
:where(.kr) .kr-app-bars span {font-size:.5em;color:var(--kr-a-muted);font-weight:600}
:where(.kr) .kr-app-list-h {font-size:.68em;color:var(--kr-a-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:.1em}
:where(.kr) .kr-app-row {display:flex;align-items:center;gap:.7em;padding:.6em .2em;border-bottom:1px solid var(--kr-a-line)}
:where(.kr) .kr-app-row:last-of-type {border:0}
:where(.kr) .kr-app-dot {width:2em;height:2em;border-radius:.65em;display:grid;place-items:center;background:color-mix(in srgb,var(--kr-c) 18%,transparent)}
:where(.kr) .kr-app-dot i {width:.65em;height:.65em;border-radius:50%;background:var(--kr-c)}
:where(.kr) .kr-app-row div {flex:1;min-width:0}
:where(.kr) .kr-app-row b {display:block;font-size:.78em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.kr) .kr-app-row small {font-size:.62em;color:var(--kr-a-muted)}
:where(.kr) .kr-app-row em {font:600 .68em var(--kr-font-mono);font-style:normal}
:where(.kr) .kr-app-ai {display:flex;gap:.7em;padding:.85em .9em;border-radius:1.3em;background:linear-gradient(135deg,color-mix(in srgb,var(--kr-accent) 16%,var(--kr-a-card)),var(--kr-a-card));border:1px solid color-mix(in srgb,var(--kr-accent) 35%,transparent)}
:where(.kr) .kr-app-ai-ic {width:1.9em;height:1.9em;flex:none;border-radius:.6em;display:grid;place-items:center;background:linear-gradient(135deg,var(--kr-accent2),var(--kr-accent));color:#fff;font-size:.85em}
:where(.kr) .kr-app-ai p {font-size:.7em;line-height:1.4;color:var(--kr-a-text);margin:0}
:where(.kr) .kr-app-ai b {font-weight:600}
:where(.kr) .kr-app-ai-btns {display:flex;gap:.4em;margin-top:.55em}
:where(.kr) .kr-app-ai-btns span {font-size:.62em;font-weight:600;padding:.35em .9em;border-radius:var(--kr-pill);border:1px solid var(--kr-a-line);color:var(--kr-a-text)}
:where(.kr) .kr-app-ai-btns .kr-ok {background:var(--kr-a-text);color:var(--kr-a-bg);border-color:transparent}
:where(.kr) .kr-app-tab {margin-top:auto;display:flex;justify-content:space-around;align-items:center;padding:.55em .4em;border-radius:1.4em;background:var(--kr-a-card);border:1px solid var(--kr-a-line)}
:where(.kr) .kr-app-tab svg {width:1.3em;height:1.3em;fill:none;stroke:var(--kr-a-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(.kr) .kr-app-tab .kr-act svg {stroke:var(--kr-a-text)}
:where(.kr) .kr-app-plus {width:2.6em;height:2.6em;border-radius:50%;background:var(--kr-accent);display:grid;place-items:center;box-shadow:0 .4em 1.2em -.3em var(--kr-accent)}
:where(.kr) .kr-app-plus svg {stroke:#fff!important}
@media (prefers-reduced-motion:reduce) {
:where(.kr, .kr *),
:where(.kr, .kr *)::before,
:where(.kr, .kr *)::after {animation:none!important;transition:none!important}
}
:where(.kr) .kr-phone {text-align:left}
:where(.kr) .kr-nav {animation:kr-navIn 1.1s var(--kr-ease) .15s both}
@keyframes kr-navIn{from{transform:translateY(-100%);opacity:0}}
:where(.kr) .kr-hero-bg .kr-orb {animation:kr-drift 18s ease-in-out infinite alternate}
:where(.kr) .kr-hero-bg .kr-o2 {animation-duration:24s;animation-direction:alternate-reverse}
@keyframes kr-drift{0%{translate:0 0;scale:1}50%{translate:70px -40px;scale:1.14}100%{translate:-60px 30px;scale:.92}}
:where(.kr) .kr-hero-bg .kr-grid {animation:kr-gridpan 30s linear infinite}
@keyframes kr-gridpan{to{background-position:72px 72px}}
:where(.kr) .kr-phone-wrap {isolation:isolate}
:where(.kr) .kr-phone-wrap::before {content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,rgba(255,107,44,.38) 72%,rgba(255,179,107,.2) 80%,transparent 92%);filter:blur(46px);animation:kr-spin 14s linear infinite;z-index:-1;pointer-events:none}
:where(.kr) .kr-hero .kr-phone {will-change:transform}
:where(.kr) .kr-hero-title .kr-glow::after {animation:kr-breathe 4s ease-in-out infinite}
@keyframes kr-breathe{0%,100%{opacity:.35}50%{opacity:.75}}
:where(.kr) .kr-grad {background-image:linear-gradient(100deg,#fff 0%,var(--kr-accent2) 28%,var(--kr-accent) 50%,var(--kr-accent2) 72%,#fff 100%);background-size:200% auto;animation:kr-shine var(--kr-shine) linear infinite}
@keyframes kr-shine{to{background-position:200% center}}
:where(.kr) .kr-btn {position:relative;overflow:hidden;isolation:isolate;transition:transform var(--kr-dur-quick) var(--kr-ease),box-shadow .3s,background .3s,translate .45s var(--kr-ease)}
:where(.kr) .kr-store {transition:transform var(--kr-dur-quick) var(--kr-ease),box-shadow .3s,translate .45s var(--kr-ease)}
:where(.kr) .kr-icon-btn {transition:background .25s,translate .45s var(--kr-ease)}
:where(.kr) .kr-btn-accent::after {content:"";position:absolute;top:0;bottom:0;width:45%;left:-70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:kr-sweep 4.5s var(--kr-ease) infinite;z-index:-1}
@keyframes kr-sweep{0%,55%{left:-70%}100%{left:140%}}
:where(.kr) .kr-eyebrow i {animation:kr-pulse2 2.2s infinite}
:where(.kr) .kr-marquee:hover .kr-marquee-track {animation-play-state:paused}
:where(.kr) .kr-lcard.kr-settled:hover {--kr-lift:-5px}
:where(.kr) .kr-tl-now {animation:kr-nowmove 14s ease-in-out infinite alternate}
@keyframes kr-nowmove{from{left:calc(76px + 62%)}to{left:calc(76px + 76%)}}
:where(.kr) .kr-ring-viz {isolation:isolate}
:where(.kr) .kr-ring-viz::before {content:"";position:absolute;inset:-24px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,107,44,.35),transparent 40%);filter:blur(20px);animation:kr-spin 6s linear infinite;z-index:-1}
:where(.kr) .kr-dev {animation:kr-bob 6s ease-in-out infinite}
:where(.kr) .kr-dev-viz .kr-dev:nth-child(3) {animation-delay:-3s}
:where(.kr) .kr-dev .kr-blk {position:relative;overflow:hidden}
:where(.kr) .kr-dev .kr-blk::after {content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);background-size:250% 100%;animation:kr-shimmer 3s linear infinite}
@keyframes kr-shimmer{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes kr-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
:where(.kr) .kr-ripple {position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,107,44,.4);box-shadow:0 0 30px -6px rgba(255,107,44,.35) inset;animation:kr-ripple 4.5s var(--kr-ease) infinite;animation-delay:var(--kr-rd);pointer-events:none}
@keyframes kr-ripple{0%{transform:scale(.7);opacity:0}15%{opacity:1}100%{transform:scale(2.7);opacity:0}}
:where(.kr) .kr-tile-in {animation:kr-spin var(--kr-orbit) linear infinite reverse,kr-tileglow 3s ease-in-out infinite;transition:scale .35s var(--kr-ease)}
:where(.kr) .kr-tile-in:hover {scale:1.15}
@keyframes kr-tileglow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px -14px #000,0 0 22px -12px var(--kr-c)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px -14px #000,0 0 44px -6px var(--kr-c)}}
:where(.kr) .kr-kbd kbd {transition:transform .15s,border-bottom-width .15s}
:where(.kr) .kr-kbd kbd.kr-press {transform:translateY(2px);border-bottom-width:1px;color:var(--kr-accent2)}
:where(.kr) .kr-stat>* {transition:opacity .6s var(--kr-ease)}
:where(.kr) .kr-stats-active .kr-stat:not(.kr-active)>* {opacity:.3}
:where(.kr) .kr-app-bars i {transform-origin:bottom;animation:kr-barGrow 1.3s var(--kr-ease) both}
:where(.kr) .kr-app-bars div:nth-child(2) i {animation-delay:.08s}
:where(.kr) .kr-app-bars div:nth-child(3) i {animation-delay:.16s}
:where(.kr) .kr-app-bars div:nth-child(4) i {animation-delay:.24s}
:where(.kr) .kr-app-bars div:nth-child(5) i {animation-delay:.32s}
:where(.kr) .kr-app-bars div:nth-child(6) i {animation-delay:.4s}
:where(.kr) .kr-app-bars div:nth-child(7) i {animation-delay:.48s}
:where(.kr) .kr-app-bars i.kr-on {animation:kr-barGrow 1.3s var(--kr-ease) .24s both,kr-barPulse 2.4s ease-in-out 1.6s infinite}
@keyframes kr-barGrow{from{transform:scaleY(0)}}
@keyframes kr-barPulse{50%{filter:brightness(1.25) drop-shadow(0 0 .4em rgba(255,107,44,.6))}}
:where(.kr) .kr-app-row {animation:kr-rowIn .9s var(--kr-ease) both}
:where(.kr) .kr-app-row:nth-child(2) {animation-delay:.12s}
:where(.kr) .kr-app-row:nth-child(3) {animation-delay:.24s}
@keyframes kr-rowIn{from{opacity:0;transform:translateX(1.2em)}}
:where(.kr) .kr-app-ai {position:relative;overflow:hidden;animation:kr-aiIn 1s var(--kr-ease) .3s both}
@keyframes kr-aiIn{from{opacity:0;transform:translateY(.8em) scale(.97)}}
:where(.kr) .kr-app-ai::after {content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-20deg);animation:kr-sweep 5.2s var(--kr-ease) infinite;pointer-events:none}
:where(.kr) .kr-app-ai-ic {animation:kr-twinkle 3s ease-in-out infinite}
@keyframes kr-twinkle{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.08)}}
:where(.kr) .kr-app-ai p {min-height:2.8em}
:where(.kr) .kr-tw {display:inline-block;animation:kr-twIn var(--kr-dur-knob) var(--kr-ease) both}
@keyframes kr-twIn{from{opacity:0;filter:blur(4px);transform:translateY(.35em)}}
:where(.kr) .kr-app-ai-btns .kr-ok {transition:transform .2s}
:where(.kr) .kr-app-ai-btns .kr-ok.kr-tap {transform:scale(.88)}
:where(.kr) .kr-nodes .kr-node:not(.kr-hub) {animation:kr-bob 5s ease-in-out infinite}
:where(.kr) .kr-nodes .kr-node:nth-child(4) {animation-delay:-1s}
:where(.kr) .kr-nodes .kr-node:nth-child(5) {animation-delay:-2s}
:where(.kr) .kr-nodes .kr-node:nth-child(6) {animation-delay:-3s}
:where(.kr) .kr-nodes .kr-node:nth-child(7) {animation-delay:-4s}
:where(.kr) .kr-node.kr-hub {animation:kr-hubPulse 2.4s ease-out infinite}
@keyframes kr-hubPulse{0%{box-shadow:0 10px 24px -10px rgba(0,0,0,.4),0 0 0 0 rgba(255,107,44,.45)}100%{box-shadow:0 10px 24px -10px rgba(0,0,0,.4),0 0 0 18px rgba(255,107,44,0)}}
:where(.kr) .kr-auto-row:nth-child(2) {box-shadow:inset 0 0 0 1px rgba(255,107,44,.35);background:#fff7f2}
:where(.kr) .kr-docs {animation:kr-bob 6s ease-in-out infinite}
:where(.kr) .kr-logo-card .kr-mark {animation:kr-bob 5s ease-in-out infinite;transition:transform .6s var(--kr-ease)}
:where(.kr) .kr-logo-card:hover .kr-mark {transform:scale(1.08) rotate(-6deg)}
:where(.kr) .kr-pill {transition:transform var(--kr-dur-quick) var(--kr-ease)}
:where(.kr) .kr-lcard:hover .kr-pill {transform:translateY(-2px)}
:where(.kr) .kr-cta::before {animation:kr-drift 14s ease-in-out infinite alternate}
:where(.kr) .kr-wordmark {transform:translateY(calc((1 - var(--kr-wp,1)) * 35%)) scale(calc(.9 + var(--kr-wp,1) * .1));opacity:calc(.15 + var(--kr-wp,1) * .85);will-change:transform}
@media (prefers-reduced-motion:reduce) {
:where(.kr) .kr-ripple {display:none}
}
:where(.kr) .kr-nav { position: relative; animation: none; }
:where(.kr) .kr-hero { padding: 72px 0 60px; }
:where(.kr) .kr-hero-grid > * { min-width: 0; }
:where(.kr) .kr-form input { width: 0; }
:where(.kr) .kr-demo-pad { padding: clamp(28px, 4vw, 48px) var(--kr-gut); }
:where(.kr) .kr-demo-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; }
:where(.kr) .kr-demo-gap { height: 26px; }
:where(.kr) .kr-phones { display: flex; flex-wrap: wrap; justify-content: center; gap: 48px; padding: 56px var(--kr-gut); }
:where(.kr) .kr-demo-sheet { border-radius: 0; padding: 56px 0; }
:where(.kr) .kr-demo-sheet .kr-cta { margin-top: 0; }
@media (max-width: 900px) {
:where(.kr) .kr-mobile-menu { position: absolute; }
}
@media (max-width: 420px) {
:where(.kr) .kr-phones .kr-phone { --kr-pw: 260px; }
}