:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#04050b;--bg:#06070e;--bg-2:#080a14;--surface-1:#ffffff06;--surface-2:#ffffff0b;--surface-3:#fff1;--solid-1:#0a0d18;--solid-2:#0e1220;--solid-3:#131829;--line:#94a3d024;--line-2:#94a3d03d;--line-3:#94a3d05c;--text:#f5f7ff;--text-2:#c3cade;--text-3:#8d96b2;--text-4:#626c88;--blue:#3b82f6;--blue-bright:#60a5fa;--cyan:#22d3ee;--violet:#8b5cf6;--violet-bright:#a78bfa;--magenta:#f43f5e;--pink:#ec4899;--lime:#a3e635;--emerald:#2dd4a0;--amber:#fbbf24;--blue-soft:#3b82f61f;--cyan-soft:#22d3ee1f;--violet-soft:#8b5cf621;--magenta-soft:#f43f5e1f;--lime-soft:#a3e6351f;--emerald-soft:#2dd4a01f;--amber-soft:#fbbf241f;--grad-spectrum:linear-gradient(115deg, #3b82f6 0%, #22d3ee 34%, #8b5cf6 68%, #ec4899 100%);--grad-primary:linear-gradient(135deg, #3f7dfb 0%, #5b6ef8 46%, #8b5cf6 100%);--grad-text:linear-gradient(104deg, #8fbaff 0%, #5eead4 32%, #a78bfa 62%, #f9a8d4 100%);--grad-line:linear-gradient(90deg, transparent, #3b82f6b3, #22d3ee99, #8b5cf6a6, transparent);--grad-surface:linear-gradient(180deg, #ffffff0b, #ffffff03);--glow-blue:0 0 0 1px #3b82f629, 0 18px 60px -18px #3b82f68c;--glow-violet:0 24px 70px -22px #8b5cf699;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 18px 40px -18px #000000b3;--shadow-lg:0 40px 90px -30px #000000d9;--shadow-xl:0 60px 140px -40px #000000e6;--inner-hi:inset 0 1px 0 #ffffff12;--r-xs:8px;--r-sm:11px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-full:999px;--gutter:24px;--max-w:1200px;--section-y:108px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur:.24s}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--void:#eef1f8;--bg:#f6f8fc;--bg-2:#eff3fa;--surface-1:#0f172a07;--surface-2:#0f172a0b;--surface-3:#0f172a12;--solid-1:#fff;--solid-2:#fbfcfe;--solid-3:#f2f5fa;--line:#1e2d501f;--line-2:#1e2d5033;--line-3:#1e2d5052;--text:#0b1020;--text-2:#33405c;--text-3:#5d6a86;--text-4:#808da8;--blue:#2563eb;--blue-bright:#3b82f6;--cyan:#0891b2;--violet:#7c3aed;--violet-bright:#8b5cf6;--magenta:#e11d48;--pink:#db2777;--lime:#65a30d;--emerald:#059669;--amber:#d97706;--blue-soft:#2563eb17;--cyan-soft:#0891b217;--violet-soft:#7c3aed17;--magenta-soft:#e11d4814;--lime-soft:#65a30d1a;--emerald-soft:#05966917;--amber-soft:#d977061a;--grad-text:linear-gradient(104deg, #1d4ed8 0%, #0891b2 34%, #7c3aed 66%, #db2777 100%);--grad-surface:linear-gradient(180deg, #ffffffe6, #fff9);--shadow-sm:0 2px 6px #1725420f;--shadow-md:0 14px 34px -14px #17254238;--shadow-lg:0 30px 70px -28px #17254247;--shadow-xl:0 50px 110px -40px #1725424d;--inner-hi:inset 0 1px 0 #ffffffe6}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv02", "cv03", "cv04", "ss01";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}svg{display:block}img{max-width:100%}h1,h2,h3,h4{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:640;line-height:1.08}p{margin:0}::selection{color:#fff;background:#3b82f652}:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--line-3);background-clip:content-box}.container{width:min(var(--max-w), calc(100% - (var(--gutter) * 2)));margin-inline:auto;position:relative}.container-wide{width:min(1360px, calc(100% - (var(--gutter) * 2)));margin-inline:auto;position:relative}.section{padding-block:var(--section-y);position:relative}.section-tight{padding-block:calc(var(--section-y) * .62)}.stack{gap:18px;display:grid}.atmos{z-index:-10;pointer-events:none;background:radial-gradient(1100px 620px at 50% -14%, #3b82f629, transparent 62%), radial-gradient(900px 700px at 92% 8%, #8b5cf61f, transparent 60%), radial-gradient(760px 620px at 4% 32%, #22d3ee17, transparent 62%), var(--bg);position:fixed;inset:0;overflow:hidden}html[data-theme=light] .atmos{background:radial-gradient(1100px 620px at 50% -14%, #3b82f624, transparent 62%), radial-gradient(900px 700px at 92% 8%, #8b5cf61a, transparent 60%), radial-gradient(760px 620px at 4% 32%, #22d3ee1a, transparent 62%), var(--bg)}.atmos:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1200px 780px at 50% 0,#000 0%,#00000073 46%,#0000 78%);mask-image:radial-gradient(1200px 780px at 50% 0,#000 0%,#00000073 46%,#0000 78%)}html[data-theme=light] .atmos:before{background-image:linear-gradient(#1428500d 1px,#0000 1px),linear-gradient(90deg,#1428500d 1px,#0000 1px)}.atmos:after{content:"";opacity:.5;mix-blend-mode:overlay;background-image: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='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{filter:blur(90px);pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.orb-blue{background:#3b82f633}.orb-violet{background:#8b5cf633}.orb-cyan{background:#22d3ee29}.orb-pink{background:#ec489924}.display{letter-spacing:-.042em;max-width:15ch;font-size:clamp(38px,4.5vw,62px);font-weight:660;line-height:1.02}.h2{letter-spacing:-.038em;max-width:19ch;font-size:clamp(28px,3.1vw,44px);font-weight:650;line-height:1.08}.h3{letter-spacing:-.032em;font-size:clamp(22px,2.2vw,30px);font-weight:640}.lead{color:var(--text-3);font-size:clamp(16px,1.2vw,18.5px);line-height:1.68}.muted{color:var(--text-3)}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:12px}.grad-text{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--grad-line);width:22px;height:1px}.section-head{gap:18px;max-width:760px;margin-bottom:56px;display:grid}.section-head.centered{text-align:center;justify-items:center;margin-inline:auto}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #2dd4a073}70%{box-shadow:0 0 0 8px #2dd4a000}to{box-shadow:0 0 #2dd4a000}}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes bar-grow{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}.rise{animation:rise .7s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.logo{letter-spacing:-.035em;color:var(--text);align-items:center;gap:11px;font-size:17px;font-weight:680;display:inline-flex}.logo-mark{background:var(--grad-primary);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 26px -8px #4a6effbf,inset 0 1px #fff6}.logo-mark:after{content:"";opacity:.5;background:conic-gradient(#0000 0deg,#ffffff80 40deg,#0000 90deg);animation:6s linear infinite spin-slow;position:absolute;inset:-40%}.logo-mark span{z-index:1;letter-spacing:-.06em;color:#fff;font-size:16px;font-weight:800;position:relative}.logo-sm .logo-mark{border-radius:9px;width:28px;height:28px}.logo-sm .logo-mark span{font-size:13px}.logo-sm{font-size:15px}.btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);min-height:42px;color:var(--text);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.btn svg{width:16px;height:16px}.btn:hover{background:var(--surface-2);border-color:var(--line-2);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--grad-primary);color:#fff;border-color:#7896ff57;overflow:hidden;box-shadow:0 14px 34px -14px #506efad9,inset 0 1px #ffffff42}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:38%;position:absolute;top:0;bottom:0;transform:translate(-120%)}.btn-primary:hover{color:#fff;border-color:#96afff80;box-shadow:0 18px 44px -14px #607cfff2,inset 0 1px #ffffff4d}.btn-primary:hover:after{animation:sweep .9s var(--ease) forwards}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-glass{background:var(--surface-2);border-color:var(--line-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.btn-outline-grad{background:var(--surface-1);background-image:linear-gradient(var(--solid-1), var(--solid-1)), linear-gradient(120deg, #3b82f6b3, #22d3ee99, #8b5cf6b3);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000}.btn-lg{border-radius:var(--r-md);min-height:52px;padding:0 22px;font-size:14.5px}.btn-sm{border-radius:var(--r-xs);min-height:34px;padding:0 12px;font-size:12.5px}.btn-icon{border-radius:var(--r-sm);width:38px;min-height:38px;color:var(--text-3);padding:0}.btn-icon:hover{color:var(--text)}.btn-block{width:100%}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.pill{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);letter-spacing:.02em;color:var(--text-2);align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;font-weight:650;display:inline-flex}.pill svg{width:13px;height:13px}.pill-accent{background:var(--blue-soft);color:var(--blue-bright);border-color:#3b82f647}.pill-live{background:var(--emerald-soft);color:var(--emerald);border-color:#2dd4a04d}.pill-warn{background:var(--amber-soft);color:var(--amber);border-color:#fbbf2447}.pill-violet{background:var(--violet-soft);color:var(--violet-bright);border-color:#8b5cf64d}.dot{background:var(--emerald);border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-out infinite pulse-ring}.badge-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-4);font-size:10.5px}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--grad-surface);box-shadow:var(--inner-hi);position:relative;overflow:hidden}.card-pad{padding:24px}.card-hover{transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease)}.card-hover:hover{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-glow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.7;pointer-events:none;background:linear-gradient(140deg,#3b82f68c,#0000 40% 60%,#8b5cf673);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass{background:color-mix(in oklab, var(--solid-1) 72%, transparent);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%)}.hairline{background:var(--grad-line);opacity:.5;border:0;height:1px;margin:0}.ichip{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);width:40px;height:40px;color:var(--text-2);flex:none;place-items:center;display:grid}.ichip svg{width:18px;height:18px}.ichip-sm{border-radius:var(--r-xs);width:30px;height:30px}.ichip-sm svg{width:15px;height:15px}.ichip-blue{color:var(--blue-bright);background:var(--blue-soft);border-color:#3b82f638}.ichip-cyan{color:var(--cyan);background:var(--cyan-soft);border-color:#22d3ee38}.ichip-violet{color:var(--violet-bright);background:var(--violet-soft);border-color:#8b5cf63d}.ichip-magenta{color:var(--magenta);background:var(--magenta-soft);border-color:#f43f5e38}.ichip-lime{color:var(--lime);background:var(--lime-soft);border-color:#a3e63538}.ichip-emerald{color:var(--emerald);background:var(--emerald-soft);border-color:#2dd4a03d}.ichip-amber{color:var(--amber);background:var(--amber-soft);border-color:#fbbf2438}.field{gap:8px;display:grid}.field>label,.field-label{color:var(--text-2);letter-spacing:-.005em;font-size:12.5px;font-weight:620}.field-hint{color:var(--text-4);font-size:11.5px}.input,.field input,.field textarea,.field select{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--solid-1);width:100%;min-height:46px;color:var(--text);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);padding:12px 14px;font-size:14px}html[data-theme=light] .input,html[data-theme=light] .field input,html[data-theme=light] .field textarea,html[data-theme=light] .field select{background:#fff}.input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--text-4)}.input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#3b82f699;outline:none;box-shadow:0 0 0 4px #3b82f624}.input-lg{min-height:54px;font-size:15px}.input-code{font-family:var(--font-mono);letter-spacing:.5em;text-align:center;padding-left:.5em;font-size:22px}.chip{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);color:var(--text-2);transition:all var(--dur) var(--ease);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--line-2);color:var(--text)}.chip[aria-pressed=true],.chip.is-active{background:var(--blue-soft);color:var(--blue-bright);border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.meter{border-radius:var(--r-full);background:var(--surface-3);height:6px;overflow:hidden}.meter>i{border-radius:inherit;background:var(--grad-primary);height:100%;display:block}.meter-spectrum>i{background:var(--grad-spectrum)}.meter-emerald>i{background:linear-gradient(90deg, var(--emerald), var(--lime))}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);padding:0 14px 12px;font-size:10.5px;font-weight:700}.table td{border-top:1px solid var(--line);color:var(--text-2);vertical-align:middle;padding:13px 14px}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-1)}.table td b{color:var(--text);font-weight:620}.table td:first-child{white-space:nowrap}.avatar{color:#fff;background:var(--grad-primary);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff4d}.avatar-cyan{background:linear-gradient(135deg,#22d3ee,#3b82f6)}.avatar-violet{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.avatar-lime{color:#06210f;background:linear-gradient(135deg,#a3e635,#2dd4a0)}.theme-toggle{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);align-items:center;gap:2px;padding:3px;display:inline-flex;position:relative}.theme-toggle>span{width:30px;height:30px;color:var(--text-4);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid}.theme-toggle>span svg{width:15px;height:15px}.theme-toggle>span.is-on{color:var(--text);background:var(--surface-3);box-shadow:var(--inner-hi)}.microlabel{letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);font-size:9.5px;font-weight:750}.skip-link{z-index:200;border-radius:var(--r-sm);background:var(--solid-2);border:1px solid var(--line-2);padding:10px 16px;position:absolute;top:12px;left:-9999px}.skip-link:focus{left:16px}
.site{isolation:isolate;position:relative;overflow-x:clip}.nav{z-index:80;height:68px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), backdrop-filter var(--dur);border-bottom:1px solid #0000;align-items:center;display:flex;position:sticky;top:0}.nav.is-stuck{border-bottom-color:var(--line);background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%)}.nav-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{border-radius:var(--r-xs);color:var(--text-3);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);padding:8px 12px;font-size:13.5px;font-weight:550}.nav-links a:hover{color:var(--text);background:var(--surface-1)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-burger{display:none}.nav-mobile{z-index:79;padding:16px var(--gutter) 24px;border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:rise .28s var(--ease) both;gap:4px;display:grid;position:fixed;inset:68px 0 auto}.nav-mobile a{border-radius:var(--r-sm);color:var(--text-2);padding:13px 12px;font-size:15px;font-weight:560}.nav-mobile a:hover{background:var(--surface-1);color:var(--text)}.nav-mobile .btn{margin-top:10px}.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:56px;padding:84px 0 76px;display:grid;position:relative}.hero-copy{max-width:620px}.hero-badge{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);color:var(--text-2);box-shadow:var(--inner-hi);align-items:center;gap:10px;padding:6px 6px 6px 8px;font-size:12px;display:inline-flex}.hero-badge b{border-radius:var(--r-full);background:var(--blue-soft);color:var(--blue-bright);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:750;display:inline-flex}.hero-badge svg{width:13px;height:13px;color:var(--text-4)}.hero h1{max-width:13ch;margin:26px 0 22px}.hero .lead{max-width:560px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-note{color:var(--text-4);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.hero-note svg{width:14px;height:14px;color:var(--emerald)}.hero-stats{border-top:1px solid var(--line);gap:28px;margin-top:42px;padding-top:26px;display:flex}.hero-stats>div{gap:3px;display:grid}.hero-stats strong{letter-spacing:-.04em;background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:660}.hero-stats span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);font-size:11px;font-weight:650}.stage{perspective:1800px;position:relative}.stage-halo{filter:blur(60px);z-index:-1;background:radial-gradient(circle at 60% 40%,#3b82f647,#8b5cf61f 44%,#0000 72%);position:absolute;inset:-12% -8% -4%}.app-window{border:1px solid var(--line-2);border-radius:var(--r-xl);background:linear-gradient(180deg, color-mix(in oklab, var(--solid-3) 96%, transparent), var(--solid-1));box-shadow:var(--shadow-xl), var(--inner-hi);transform-origin:0;position:relative;overflow:hidden;transform:rotateY(-3deg)rotateX(2deg)}.app-window:before{content:"";pointer-events:none;background:linear-gradient(150deg,#ffffff0d,#0000 26% 74%,#8b5cf60d);position:absolute;inset:0}.win-bar{border-bottom:1px solid var(--line);background:var(--surface-1);justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 14px;display:flex}.win-dots{gap:6px;display:flex}.win-dots i{background:var(--surface-3);border-radius:50%;width:9px;height:9px}.win-dots i:first-child{background:#f43f5e8c}.win-dots i:nth-child(2){background:#fbbf248c}.win-dots i:nth-child(3){background:#2dd4a08c}.win-title{color:var(--text-3);align-items:center;gap:8px;font-size:11.5px;font-weight:620;display:flex}.win-title svg{width:13px;height:13px;color:var(--blue-bright)}.win-body{grid-template-columns:54px minmax(0,1fr);display:grid}.win-rail{border-right:1px solid var(--line);background:color-mix(in oklab, var(--void) 60%, transparent);align-content:start;gap:8px;padding:14px 10px;display:grid}.win-rail i{width:34px;height:34px;color:var(--text-4);border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.win-rail i svg{width:16px;height:16px}.win-rail i.on{color:var(--blue-bright);background:var(--blue-soft);border-color:#3b82f638}.win-main{align-content:start;gap:12px;padding:18px;display:grid}.win-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.win-head h3{margin-top:5px;font-size:18px}.strategy-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.strategy-row>div{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);gap:4px;min-width:0;padding:10px 12px;display:grid}.strategy-row span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);font-size:9px;font-weight:750}.strategy-row b{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.win-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:10px;display:grid}.reel{border-radius:var(--r-md);border:1px solid var(--line);background:radial-gradient(circle at 25% 15%,#3b82f652,#0000 46%),radial-gradient(circle at 85% 95%,#ec48993d,#0000 48%),linear-gradient(160deg,#101a35,#150f2c 60%,#090c1a);flex-direction:column;justify-content:space-between;min-height:216px;padding:12px;display:flex;position:relative;overflow:hidden}.reel-top{letter-spacing:.08em;color:#ffffff8c;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.reel-orb{color:#fff;background:radial-gradient(circle at 36% 30%,#7dd3fc,#4f6cf7 46%,#2b1b63 78%);border-radius:50%;place-items:center;width:62px;height:62px;margin:6px auto;display:grid;box-shadow:0 0 46px #5b71ff8c,inset 0 0 18px #fff3}.reel-orb svg{width:22px;height:22px;margin-left:2px}.reel-copy b{color:#fff;max-width:210px;font-size:11.5px;line-height:1.45;display:block}.reel-copy span{color:#ffffff80;font-size:9px}.asset-list{align-content:start;gap:8px;display:grid}.asset-row{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.asset-row b{color:var(--text-2);font-size:10.5px;font-weight:620;display:block}.asset-row small{color:var(--text-4);font-size:9px}.asset-row em{color:var(--emerald);font-size:9px;font-style:normal;font-weight:700}.spark{align-items:flex-end;gap:4px;height:44px;display:flex}.spark i{background:linear-gradient(180deg, var(--blue-bright), #3b82f624);transform-origin:bottom;animation:bar-grow .9s var(--ease) both;border-radius:3px 3px 1px 1px;flex:1}.spark i:last-child{background:linear-gradient(180deg, var(--cyan), #22d3ee2e)}.win-foot{border-top:1px solid var(--line);color:var(--text-4);justify-content:space-between;align-items:center;gap:10px;padding-top:11px;font-size:10px;display:flex}.float-card{z-index:4;border-radius:var(--r-md);border:1px solid var(--line-2);background:color-mix(in oklab, var(--solid-2) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);padding:12px 14px;position:absolute}.float-a{align-items:center;gap:10px;animation:6s ease-in-out infinite float-y;display:flex;top:8%;right:-26px}.float-a small{letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);font-size:9px;display:block}.float-a b{color:var(--text);font-size:11.5px}.float-b{min-width:158px;animation:7s ease-in-out infinite reverse float-y;bottom:-38px;left:-36px}.float-b small{letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);font-size:9px}.float-b div{justify-content:space-between;align-items:baseline;margin-top:6px;display:flex}.float-b strong{letter-spacing:-.05em;font-size:26px;font-weight:660}.float-b span{color:var(--emerald);font-size:10px;font-weight:700}.marquee{border-block:1px solid var(--line);padding:22px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:56px;width:max-content;animation:34s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{letter-spacing:-.01em;color:var(--text-4);white-space:nowrap;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.marquee-track svg{width:15px;height:15px;color:var(--text-4)}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.bento>*{flex-direction:column;grid-column:span 2;gap:12px;min-height:240px;padding:24px;display:flex}.bento .span-2{grid-column:span 2}.bento .span-3{grid-column:span 3}.bento .span-4{grid-column:span 4}.bento .span-6{grid-column:span 6}.bento h3{letter-spacing:-.03em;font-size:19px}.bento p{color:var(--text-3);max-width:44ch;font-size:13.5px;line-height:1.62}.bento-visual{margin-top:auto;position:relative}.bento-tile-accent:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f63d,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.mini-calendar{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.mini-calendar i{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);border-radius:5px}.mini-calendar i.b1{background:var(--blue-soft);border-color:#3b82f659}.mini-calendar i.b2{background:var(--violet-soft);border-color:#8b5cf659}.mini-calendar i.b3{background:var(--cyan-soft);border-color:#22d3ee59}.mini-calendar i.b4{background:var(--magenta-soft);border-color:#f43f5e52}.chip-cloud{flex-wrap:wrap;gap:7px;display:flex}.chip-cloud span{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);color:var(--text-3);padding:7px 11px;font-size:11.5px}.chip-cloud span.hot{background:var(--blue-soft);color:var(--blue-bright);border-color:#3b82f666;font-weight:620}.stat-line{align-items:flex-end;gap:5px;height:76px;display:flex}.stat-line i{background:linear-gradient(180deg, var(--violet-bright), #8b5cf61f);border-radius:4px 4px 2px 2px;flex:1}.credit-visual{gap:10px;display:grid}.credit-visual .row{color:var(--text-3);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.credit-visual b{color:var(--text);font-weight:620}.loop{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid;position:relative}.loop:before{content:"";background:var(--grad-line);opacity:.55;height:1px;position:absolute;top:40px;left:4%;right:4%}.loop-step{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--grad-surface);transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);padding:22px 18px 24px;position:relative}.loop-step:hover{border-color:var(--line-2);transform:translateY(-4px)}.loop-step .ichip{z-index:1;background:var(--solid-2);position:relative}.loop-step .badge-num{margin:18px 0 8px;display:block}.loop-step h3{letter-spacing:-.028em;margin-bottom:8px;font-size:16px}.loop-step p{color:var(--text-3);font-size:12.5px;line-height:1.6}.loop-step:after{content:"";background:var(--grad-line);transform-origin:0;height:1px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(.2)}.loop-step:hover:after{transform:scaleX(1)}.showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:72px;display:grid}.showcase-points{gap:16px;margin-top:32px;display:grid}.showcase-points>div{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:13px;display:grid}.showcase-points b{margin-bottom:3px;font-size:14px;font-weight:620;display:block}.showcase-points small{color:var(--text-3);font-size:12.5px;line-height:1.55}.brief{border-radius:var(--r-xl);border:1px solid var(--line-2);background:linear-gradient(180deg, color-mix(in oklab, var(--solid-3) 92%, transparent), var(--solid-1));box-shadow:var(--shadow-lg), var(--inner-hi);padding:22px;position:relative}.brief-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brief-head div{flex:1}.brief-head small{letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);font-size:9.5px;font-weight:750;display:block}.brief-head b{font-size:13px}.brief-prompt{border-radius:var(--r-md);border:1px solid var(--line);background:var(--void);color:var(--text-3);padding:16px;font-size:13.5px;line-height:1.6}.brief-prompt b{color:var(--text);background:linear-gradient(#0000 64%,#3b82f647 0);font-weight:600}.brief-rows{border:1px solid var(--line);border-radius:var(--r-md);margin-top:12px;overflow:hidden}.brief-rows>div{border-bottom:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);display:grid}.brief-rows>div:last-child{border-bottom:0}.brief-rows span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);background:var(--surface-1);padding:11px 13px;font-size:10px;font-weight:700}.brief-rows strong{color:var(--text-2);overflow-wrap:anywhere;min-width:0;padding:11px 13px;font-size:12px;font-weight:600}.brief-out{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.brief-out>div{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);padding:13px 12px}.brief-out b{letter-spacing:-.05em;font-size:22px;font-weight:650;display:block}.brief-out small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);font-size:9.5px}.versus{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin-inline:auto;display:grid}.versus-col{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface-1);padding:24px}.versus-col.win{background:radial-gradient(circle at 100% 0%, #3b82f61f, transparent 46%), var(--grad-surface);border-color:#3b82f652;box-shadow:0 30px 80px -40px #3b82f699}.versus-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.versus-head b{font-size:14.5px;font-weight:640}.versus-row{border-bottom:1px solid var(--line);color:var(--text-3);align-items:center;gap:12px;padding:14px 0;font-size:13px;display:flex}.versus-row:last-child{border-bottom:0}.versus .win .versus-row{color:var(--text-2)}.versus-row i{border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.versus-row i svg{width:13px;height:13px}.versus-row .no{color:var(--magenta);background:var(--magenta-soft)}.versus-row .yes{color:var(--emerald);background:var(--emerald-soft)}.arch{border-radius:var(--r-2xl);border:1px solid var(--line);background:radial-gradient(circle at 12% 0%, #8b5cf621, transparent 42%), var(--grad-surface);box-shadow:var(--inner-hi);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:60px;padding:44px;display:grid}.arch-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.arch-node{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-1);align-content:center;gap:8px;padding:20px;display:grid}.arch-node span{letter-spacing:.11em;text-transform:uppercase;color:var(--text-4);font-size:9.5px;font-weight:750}.arch-node b{letter-spacing:-.03em;font-size:17px}.arch-node small{color:var(--text-3);font-size:11.5px;line-height:1.5}.arch-node.dest{background:radial-gradient(circle at 100% 0%, #22d3ee24, transparent 52%), var(--surface-1);border-color:#22d3ee47}.arch-link{color:var(--text-4);align-self:center;place-items:center;display:grid}.arch-link svg{width:20px;height:20px}.statband{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.statband>div{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-1);padding:26px 22px}.statband strong{letter-spacing:-.045em;background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,2.5vw,34px);font-weight:660;display:block}.statband span{color:var(--text-3);margin-top:8px;font-size:12.5px;line-height:1.5;display:block}.faq{gap:10px;max-width:820px;margin-inline:auto;display:grid}.faq details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);overflow:hidden}.faq details[open]{border-color:var(--line-2);background:var(--grad-surface)}.faq summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;height:18px;color:var(--text-4);transition:transform var(--dur) var(--ease);flex:none}.faq details[open] summary svg{color:var(--blue-bright);transform:rotate(180deg)}.faq p{color:var(--text-3);max-width:68ch;padding:0 20px 20px;font-size:13.5px;line-height:1.68}.cta{text-align:center;border-radius:var(--r-2xl);border:1px solid var(--line);background:radial-gradient(circle at 50% 0%, #3b82f629, transparent 58%), var(--grad-surface);box-shadow:var(--inner-hi);padding:92px 32px 100px;position:relative;overflow:hidden}.cta:before{content:"";background:var(--grad-line);width:60%;height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.cta h2{max-width:22ch;margin-inline:auto}.cta p{max-width:56ch;margin:20px auto 0}.cta .hero-cta{justify-content:center}.footer{border-top:1px solid var(--line);margin-top:96px;padding:56px 0 40px}.footer-grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;display:grid}.footer-brand p{max-width:34ch;color:var(--text-4);margin-top:16px;font-size:12.5px;line-height:1.6}.footer-col h4{letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);margin-bottom:14px;font-size:11px;font-weight:750}.footer-col a{color:var(--text-3);transition:color var(--dur) var(--ease);padding:5px 0;font-size:13px;display:block}.footer-col a:hover{color:var(--text)}.footer-base{border-top:1px solid var(--line);color:var(--text-4);justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding-top:22px;font-size:11.5px;display:flex}@media (max-width:1120px){:root{--section-y:104px}.hero{grid-template-columns:minmax(0,1fr);gap:60px;padding-top:64px}.hero-copy{max-width:760px}.app-window{transform:none}.float-a{right:-10px}.float-b{left:-10px}.showcase,.arch{grid-template-columns:minmax(0,1fr);gap:44px}.loop{grid-template-columns:repeat(2,minmax(0,1fr))}.loop:before{display:none}.bento>*{grid-column:span 3}.bento .span-4,.bento .span-6{grid-column:span 6}.statband{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}@media (max-width:860px){.nav-links{display:none}.nav-burger{display:inline-grid}.nav-actions .nav-desktop-only{display:none}}@media (max-width:720px){:root{--gutter:16px;--section-y:78px}.hero{padding:44px 0 56px}.hero-stats{flex-wrap:wrap;gap:18px}.hero-cta .btn{width:100%}.win-body{grid-template-columns:minmax(0,1fr)}.win-rail{display:none}.win-split{grid-template-columns:minmax(0,1fr)}.strategy-row{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-row>div:last-child,.float-card{display:none}.loop,.bento,.versus,.brief-out,.statband{grid-template-columns:minmax(0,1fr)}.bento>*,.bento .span-3,.bento .span-4,.bento .span-6{grid-column:auto;min-height:0;padding:20px}.brief-out{grid-template-columns:repeat(2,minmax(0,1fr))}.arch{padding:26px 20px}.arch-flow{grid-template-columns:minmax(0,1fr)}.arch-link{transform:rotate(90deg)}.brief-rows>div{grid-template-columns:minmax(0,1fr)}.brief-rows span{background:0 0;padding-bottom:2px}.cta{padding:60px 20px 66px}.footer-grid{grid-template-columns:minmax(0,1fr)}.footer-base{flex-direction:column;align-items:flex-start;gap:10px}}
.shell{grid-template-columns:244px minmax(0,1fr);min-height:100dvh;display:grid}.side{border-right:1px solid var(--line);background:color-mix(in oklab, var(--void) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:8px;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0}.side-top{padding:6px 8px 14px}.side-section{letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);margin:14px 8px 8px;font-size:9.5px;font-weight:750}.side-nav{gap:2px;display:grid}.side-nav a{border-radius:var(--r-sm);color:var(--text-3);transition:color var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:550;display:flex;position:relative}.side-nav a svg{opacity:.9;flex:none;width:16px;height:16px}.side-nav a:hover{color:var(--text);background:var(--surface-1)}.side-nav a.active{color:var(--text);background:var(--blue-soft);border-color:#3b82f63d}.side-nav a.active:before{content:"";background:var(--grad-primary);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.side-nav a .tag{border-radius:var(--r-full);background:var(--surface-3);color:var(--text-3);margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.side-foot{gap:10px;margin-top:auto;display:grid}.credit-card{border-radius:var(--r-md);border:1px solid var(--line);background:radial-gradient(circle at 100% 0%, #8b5cf629, transparent 60%), var(--surface-1);gap:9px;padding:14px;display:grid}.credit-card .top{color:var(--text-3);justify-content:space-between;align-items:center;font-size:11px;display:flex}.credit-card b{letter-spacing:-.03em;color:var(--text);font-size:15px;font-weight:650}.credit-card small{color:var(--text-4);font-size:10.5px}.side-user{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);align-items:center;gap:10px;padding:9px;display:flex}.side-user div{min-width:0}.side-user b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:620;display:block;overflow:hidden}.side-user small{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;display:block;overflow:hidden}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:40;border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);align-items:center;gap:14px;height:62px;padding:0 26px;display:flex;position:sticky;top:0}.topbar .crumbs{color:var(--text-4);align-items:center;gap:8px;font-size:12.5px;display:flex}.topbar .crumbs b{color:var(--text-2);font-weight:600}.searchbox{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);width:min(320px,34vw);height:38px;color:var(--text-4);white-space:nowrap;align-items:center;gap:9px;margin-left:auto;padding:0 12px;font-size:13px;display:flex;overflow:hidden}.searchbox svg{width:15px;height:15px}.searchbox kbd{font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface-2);border-radius:6px;margin-left:auto;padding:3px 6px;font-size:10px}.work{align-content:start;gap:22px;padding:28px 26px 64px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-head h1{letter-spacing:-.04em;font-size:clamp(26px,3vw,34px)}.page-head p{color:var(--text-3);margin-top:8px;font-size:14px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--grad-surface);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);padding:18px;position:relative;overflow:hidden}.kpi:hover{border-color:var(--line-2);transform:translateY(-2px)}.kpi .kpi-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.kpi .label{color:var(--text-3);font-size:11.5px;font-weight:620}.kpi strong{letter-spacing:-.045em;margin-top:14px;font-size:30px;font-weight:650;display:block}.kpi .delta{color:var(--emerald);font-size:11px;font-weight:700}.kpi .delta.down{color:var(--magenta)}.kpi-spark{align-items:flex-end;gap:3px;height:34px;margin-top:12px;display:flex}.kpi-spark i{background:linear-gradient(180deg, var(--blue-bright), #3b82f61a);border-radius:3px 3px 1px 1px;flex:1}.kpi.violet .kpi-spark i{background:linear-gradient(180deg, var(--violet-bright), #8b5cf61a)}.kpi.cyan .kpi-spark i{background:linear-gradient(180deg, var(--cyan), #22d3ee1a)}.kpi.lime .kpi-spark i{background:linear-gradient(180deg, var(--lime), #a3e6351a)}.cols{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.panel{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--grad-surface);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.panel-head h2,.panel-head h3{letter-spacing:-.025em;font-size:15px;font-weight:640}.panel-head p{color:var(--text-4);margin-top:3px;font-size:12px}.panel-body{padding:18px}.panel-body.flush{padding:0}.preview-stage{border-radius:var(--r-md);border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,#3b82f647,#0000 48%),radial-gradient(circle at 82% 88%,#ec489933,#0000 46%),linear-gradient(160deg,#101a35,#150f2c 62%,#090c1a);place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.preview-stage .play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:62px;height:62px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;place-items:center;display:grid}.preview-stage .play:hover{background:#fff3;transform:scale(1.06)}.preview-stage .play svg{width:24px;height:24px;margin-left:3px}.preview-meta{color:#fff;position:absolute;bottom:14px;left:16px}.preview-meta b{font-size:14px;display:block}.preview-meta small{color:#fff9;font-size:11px}.preview-badge{position:absolute;top:14px;right:14px}.rows{display:grid}.row-item{border-bottom:1px solid var(--line);transition:background var(--dur) var(--ease);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.row-item:last-child{border-bottom:0}.row-item:hover{background:var(--surface-1)}.row-item b{font-size:13px;font-weight:620;display:block}.row-item small{color:var(--text-4);font-size:11.5px}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.board-col{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-1);align-content:start;gap:9px;min-height:180px;padding:12px;display:grid}.board-col>header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.board-card{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--solid-1);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);gap:8px;padding:12px;display:grid}.board-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.board-card b{font-size:12.5px;font-weight:620;line-height:1.35}.board-card .meta{color:var(--text-4);justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.week-day{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);align-content:start;gap:6px;min-height:108px;padding:10px;display:grid}.week-day>span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);font-size:10px;font-weight:700}.week-chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:620;overflow:hidden}.week-chip.blue{background:var(--blue-soft);color:var(--blue-bright);border-color:#3b82f64d}.week-chip.violet{background:var(--violet-soft);color:var(--violet-bright);border-color:#8b5cf64d}.week-chip.cyan{background:var(--cyan-soft);color:var(--cyan);border-color:#22d3ee4d}.week-chip.lime{background:var(--lime-soft);color:var(--lime);border-color:#a3e6354d}.health{display:grid}.health>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 18px;font-size:13px;display:flex}.health>div:last-child{border-bottom:0}.health b{font-weight:620}.health small{color:var(--text-4);margin-left:auto;font-size:11px}.auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-side{border-right:1px solid var(--line);background:radial-gradient(circle at 20% 20%, #3b82f638, transparent 52%), radial-gradient(circle at 80% 80%, #8b5cf633, transparent 54%), var(--void);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.auth-side:before{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.auth-side>*{position:relative}.auth-quote{max-width:34ch}.auth-quote h2{letter-spacing:-.04em;font-size:clamp(26px,2.6vw,36px);line-height:1.08}.auth-quote p{color:var(--text-3);max-width:38ch;margin-top:18px;font-size:14px;line-height:1.7}.auth-points{gap:12px;margin-top:30px;display:grid}.auth-points div{color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.auth-points svg{width:15px;height:15px;color:var(--emerald);flex:none}.auth-main{place-items:center;padding:40px 32px;display:grid}.auth-card{width:min(420px,100%)}.auth-card h1{letter-spacing:-.04em;margin:18px 0 10px;font-size:clamp(28px,3.2vw,36px)}.auth-card>p{color:var(--text-3);font-size:14px;line-height:1.65}.auth-form{gap:14px;margin-top:26px;display:grid}.auth-alert{border-radius:var(--r-sm);background:var(--amber-soft);color:var(--amber);border:1px solid #fbbf2452;padding:12px 14px;font-size:12.5px;line-height:1.5}.auth-foot{text-align:center;color:var(--text-4);margin-top:22px;font-size:12px}.auth-foot a{color:var(--text-2);border-bottom:1px solid var(--line-2)}.onb{grid-template-columns:330px minmax(0,1fr);min-height:100dvh;display:grid}.onb-side{border-right:1px solid var(--line);background:color-mix(in oklab, var(--void) 66%, transparent);flex-direction:column;padding:30px 26px;display:flex}.onb-steps{gap:2px;margin-top:40px;display:grid}.onb-step{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--text-4);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);grid-template-columns:28px minmax(0,1fr);gap:13px;padding:11px 10px;display:grid;position:relative}.onb-step:hover{background:var(--surface-1);color:var(--text-3)}.onb-step i{border:1px solid var(--line);width:28px;height:28px;color:var(--text-4);background:var(--surface-1);transition:all var(--dur) var(--ease);border-radius:50%;place-items:center;font-size:11.5px;font-style:normal;font-weight:700;display:grid}.onb-step i svg{width:14px;height:14px}.onb-step b{padding-top:4px;font-size:13.5px;font-weight:600;display:block}.onb-step small{color:var(--text-4);margin-top:2px;font-size:11.5px;line-height:1.45;display:block}.onb-step.is-current{color:var(--text);background:var(--surface-1)}.onb-step.is-current i{background:var(--grad-primary);color:#fff;border-color:#0000;box-shadow:0 8px 20px -8px #506efae6}.onb-step.is-done{color:var(--text-2)}.onb-step.is-done i{background:var(--emerald-soft);color:var(--emerald);border-color:#2dd4a059}.onb-progress{gap:10px;margin-top:auto;display:grid}.onb-progress span{color:var(--text-4);font-size:11.5px}.onb-main{place-items:center;padding:46px 32px;display:grid}.onb-card{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--grad-surface);width:min(680px,100%);box-shadow:var(--shadow-lg), var(--inner-hi);animation:rise .45s var(--ease) both;padding:34px}.onb-card h1{letter-spacing:-.04em;margin:16px 0 10px;font-size:clamp(26px,3vw,36px)}.onb-card>p{color:var(--text-3);max-width:54ch;font-size:14px;line-height:1.65}.onb-fields{gap:16px;margin-top:26px;display:grid}.onb-fields .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.onb-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:22px;display:flex}.onb-review{gap:10px;margin-top:24px;display:grid}.onb-review>div{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-1);justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;font-size:13px;display:flex}.onb-review span{color:var(--text-4)}.onb-review b{text-align:right;overflow-wrap:anywhere;font-weight:620}@media (max-width:1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cols,.cols-3{grid-template-columns:minmax(0,1fr)}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.week{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){.shell,.onb{grid-template-columns:minmax(0,1fr)}.side,.onb-side{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.side-nav{grid-auto-columns:max-content;grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.side-nav a.active:before,.side-section,.side-foot{display:none}.onb-steps{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;margin-top:22px;overflow-x:auto}.onb-step small{display:none}.onb-step b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.onb-progress{margin-top:18px}.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}}@media (max-width:860px){.searchbox{display:none}.topbar .theme-toggle{margin-left:auto}}@media (max-width:720px){.work{padding:20px 16px 56px}.topbar{gap:10px;padding:0 16px}.topbar .crumbs{display:none}.topbar .btn{min-height:38px;padding:0 12px;font-size:12.5px}.kpis,.board,.week{grid-template-columns:minmax(0,1fr)}.onb-main{padding:24px 16px}.onb-card{padding:22px}.onb-fields .two{grid-template-columns:minmax(0,1fr)}.onb-actions{flex-direction:column-reverse}.onb-actions .btn{width:100%}}