:root{--bg:#000;--grid:#ffffff38;--text:#e8e8e8;--nav:#b6b6b6;--muted:#7a7a7a;--gold:#e4d08a;--blue-1:#1a6fff;--blue-2:#0046f0;--blue-3:#002fd4;--glass:#0a0a0c6b;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--line-left:5.371%;--line-c1:33.203%;--line-c2:66.797%;--line-right:95.02%;--header-h:8.286vh;--band-h:calc(21.286vh - 20px);--card-h:calc(46.857vh + 7px);--card-line:var(--card-h);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}@media (max-height:800px){body{overflow:auto}}@media (max-width:860px){body{overflow:auto}}body.menu-open{overflow:hidden}.bg-media{z-index:0;pointer-events:none;background:#000;animation:1.5s both fade-in;position:fixed;inset:0;overflow:hidden}.bg-media video{object-fit:cover;object-position:center;width:103%;max-width:none;height:103%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translate(-1.65%)}@media (min-height:1200px){.bg-media video{width:101.5%;height:101.5%}}@media (min-height:1440px){.bg-media video{width:101%;height:101%}}@media (max-width:860px){.bg-media video{object-position:51.5% 50%;width:100%;height:100%;transform:translate(-50%,-50%)}}.grid-overlay{z-index:20;pointer-events:none;position:fixed;inset:0}.grid-overlay .v{background:var(--grid);transform-origin:top;width:1px;animation:1.05s cubic-bezier(.22,1,.36,1) both draw-y;position:absolute;top:0;bottom:0}.grid-overlay .h{left:var(--line-left);width:calc(var(--line-right) - var(--line-left));background:var(--grid);transform-origin:0;height:1px;animation:1.05s cubic-bezier(.22,1,.36,1) both draw-x;position:absolute}.v-left{left:var(--line-left);animation-delay:.12s}.v-c1{left:var(--line-c1);animation-delay:.22s}.v-c2{left:var(--line-c2);animation-delay:.3s}.v-right{left:var(--line-right);animation-delay:.38s}.v-c1,.v-c2{background:linear-gradient(to bottom, var(--grid) 0, var(--grid) var(--card-line), transparent 100%)}.h-header{top:var(--header-h);animation-delay:.18s}.h-band{top:var(--band-h);animation-delay:.32s}.h-card{top:var(--card-h);animation-delay:.46s}@media (min-width:861px) and (max-height:1199px){:root{--card-h:calc(46.857vh + 27px)}}@media (min-height:1200px){:root{--band-h:calc(21.286vh - 48px);--card-h:calc(51vh + 8px)}}@media (min-height:1440px){:root{--band-h:16.8vh;--card-h:55vh}}@media (max-width:860px){.v-c1,.v-c2{display:none}.v-left{left:20px}.v-right{left:calc(100% - 20px)}.grid-overlay .h{width:calc(100% - 40px);left:20px}}.page{z-index:10;grid-template-columns:var(--line-left) calc(var(--line-c1) - var(--line-left)) calc(var(--line-c2) - var(--line-c1)) calc(var(--line-right) - var(--line-c2)) calc(100% - var(--line-right));grid-template-rows:var(--header-h) calc(var(--band-h) - var(--header-h)) calc(var(--card-h) - var(--band-h)) 1fr auto;min-height:100dvh;display:grid;position:relative}.header-bar{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#0000008c;grid-area:1/2/auto/5;animation:.7s .12s both fade-down}.brand{color:inherit;grid-area:1/2;align-items:center;gap:.62rem;padding-left:.85rem;text-decoration:none;animation:.7s .18s both fade-down;display:flex}.brand__mark{object-fit:contain;border-radius:6px;flex:none;width:22px;height:22px;display:block}.brand__name{font-family:var(--font-mono);letter-spacing:.02em;color:#949493;font-size:clamp(15px,1.55vw,18px);font-weight:400}.nav{grid-area:1/3;justify-content:space-between;align-items:center;padding:0 1.4rem;display:flex}.nav a{font-family:var(--font-sans);color:var(--nav);font-size:clamp(13px,1.38vw,16px);font-weight:400;text-decoration:none;transition:color .2s;animation:.7s both fade-down}.nav a:hover{color:#fff}.nav a:first-child{animation-delay:.24s}.nav a:nth-child(2){animation-delay:.3s}.nav a:nth-child(3){animation-delay:.36s}.nav a:nth-child(4){animation-delay:.42s}.header-cta{grid-area:1/4;justify-content:flex-end;align-items:center;animation:.7s .46s both fade-down;display:flex}.btn-frame{background:#050505;border:3px solid #2a2a2a;border-radius:0;padding:4px;line-height:0;display:inline-block}.btn{font-family:var(--font-mono);color:#f4f7ff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#0170c4 0%,#0058b8 18%,#0039c4 55%,#0018ae 100%);border:1px solid #0d1220;border-radius:0;justify-content:center;align-items:center;font-weight:400;text-decoration:none;transition:filter .25s,transform .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-frame--demo{border-width:2px;padding:3px}.btn--demo{min-width:8rem;height:clamp(32px,4.8vh,38px);font-size:clamp(12px,1.15vw,14px)}.btn--start{min-width:10rem;height:clamp(42px,6.6vh,50px);font-size:clamp(14px,1.4vw,17px)}.burger{cursor:pointer;background:0 0;border:0;flex-direction:column;grid-area:1/4;justify-content:center;place-self:center end;align-items:center;gap:6px;width:44px;height:44px;padding:0;animation:.7s .46s both fade-down;display:none}.burger span{background:#e8e8e8;width:20px;height:1.5px;transition:width .25s;display:block}.burger:hover span:first-child,.burger:hover span:last-child{width:16px}@media (max-width:1024px){.nav,.header-cta{display:none}.burger{display:flex}}.nav-x{width:30px;height:30px;color:var(--nav);border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s;animation:.7s .44s both fade-down;display:inline-flex}.nav-x:hover{color:#fff;background:#ffffff12;border-color:#fff6}.site-footer{font-family:var(--font-mono);letter-spacing:.06em;color:#6f6f6f;grid-area:5/3;justify-content:center;align-self:end;align-items:center;gap:.9rem;padding:0 1rem 5.4vh;font-size:clamp(10px,.85vw,12px);animation:1s .82s both fade-in;display:flex}.site-footer__x{color:#9a9a9a;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.site-footer__x:hover{color:#fff;background:#ffffff12;border-color:#ffffff61}.card-desat{-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();grid-area:3/1/auto/-1}.glass-card{-webkit-backdrop-filter:grayscale()blur(28px);backdrop-filter:grayscale()blur(28px);background:linear-gradient(90deg,#30303447 0%,#4e4e5429 55%,#6e6e761a 100%);border:1px solid #ffffff29;border-radius:22px;flex-direction:column;grid-area:3/3;justify-content:center;align-self:stretch;gap:clamp(2.75rem,6.4vh,5.5rem);padding:1.5rem 34px;animation:.9s cubic-bezier(.22,1,.36,1) .38s both rise-in;display:flex;position:relative;overflow:hidden;container-type:inline-size}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#12121429 0%,#ffffff0d 100%);position:absolute;inset:0}.card-top,.card-stats{z-index:1;align-items:center;display:flex;position:relative}.card-top{gap:.75rem;animation:.9s cubic-bezier(.22,1,.36,1) .55s both rise-in}.live-dot{background:#4ade80;border-radius:999px;flex:none;width:7px;height:7px;animation:2.4s ease-out infinite live-pulse;box-shadow:0 0 #4ade808c}.quote{font-family:var(--font-mono);letter-spacing:.02em;color:#b9b9b9;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:.5rem .9rem;font-size:clamp(11px,3cqw,14px);font-weight:400;transition:border-color .25s,background .25s}.quote:hover{background:#ffffff17;border-color:#ffffff52}.quote em{color:var(--gold);font-style:normal;font-weight:500}.card-divider{background:#ffffff38;flex:none;width:1px;height:17px}.card-title{font-family:var(--font-mono);color:#f4f4f4;white-space:nowrap;margin:0;font-size:clamp(13px,4.15cqw,20px);font-weight:400}.icon-btn{cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.icon-btn--terminal{color:#e6e6e6;background:#0808088c;border:1px solid #d2d2d261;margin-left:auto}.icon-btn--terminal:hover{background:#ffffff14;border-color:#ffffff80;transform:scale(1.06)}.icon-btn--link{color:#ffffffc7;background:0 0;border:1px solid #ffffff2e}.card-stats{flex-wrap:wrap;gap:.6rem;animation:.9s cubic-bezier(.22,1,.36,1) .7s both rise-in}.pill{font-family:var(--font-mono);color:#d0d0d0;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:.5rem .95rem;font-size:clamp(11px,3cqw,14px);font-weight:400;transition:border-color .25s,background .25s}.pill:hover{background:#ffffff17;border-color:#ffffff52}.pill em{color:var(--gold);font-style:normal;font-weight:500}@media (min-width:1440px) and (min-height:1051px){.card-title{font-size:clamp(13px,4.15cqw,26px)}.icon-btn{width:44px;height:44px}.pill,.quote{padding:.68rem 1.2rem;font-size:clamp(14px,3cqw,18px)}}.wordmark-line{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.42em;word-spacing:.42em;text-indent:.42em;color:#d4d0cc;text-align:center;grid-area:4/3;padding-top:min(145px,16vh);font-size:clamp(14px,1.55vw,20px);font-weight:400;animation:1s .72s both fade-in}@media (min-width:861px) and (max-height:900px){.wordmark-line{font-size:14px}}.hero-copy{flex-direction:column;grid-area:5/2;align-items:flex-start;gap:.95rem;padding:0 .4rem 5.4vh 1.55rem;display:flex;container-type:inline-size}.hero-copy h1{font-family:var(--font-mono);color:#ececec;white-space:nowrap;margin:0;font-size:clamp(22px,9.17431cqw,56px);font-weight:500;line-height:1.12;animation:.85s cubic-bezier(.22,1,.36,1) .48s both rise-in}.hero-start{animation:.8s cubic-bezier(.22,1,.36,1) .66s both rise-in}.hero-desc{font-family:var(--font-mono);color:#8d8d8d;grid-area:5/4;margin:0;padding:0 20px calc(5.4vh + 20px) .7rem;font-size:clamp(13px,1.45vw,18px);font-weight:400;line-height:1.45;animation:.85s cubic-bezier(.22,1,.36,1) .58s both rise-in}.mobile-menu{z-index:40;-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);opacity:0;clip-path:inset(0 0 100%);pointer-events:none;background:#0000009e;flex-direction:column;align-items:flex-start;gap:1.15rem;padding:80px 1.75rem 2rem;transition:opacity .45s,transform .5s cubic-bezier(.22,1,.36,1),clip-path .55s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0;transform:translateY(-18px)}.mobile-menu[hidden]{display:none}.mobile-menu.is-open{opacity:1;clip-path:inset(0);pointer-events:auto;transform:none}.mobile-link{font-family:var(--font-mono);color:#d8d8d8;font-size:clamp(18px,5vw,22px);font-weight:400;text-decoration:none}.mobile-menu.is-open .mobile-link,.mobile-menu.is-open .mobile-cta{animation:.55s cubic-bezier(.22,1,.36,1) both rise-in}.mobile-menu.is-open .mobile-link:first-of-type{animation-delay:.14s}.mobile-menu.is-open .mobile-link:nth-of-type(2){animation-delay:.22s}.mobile-menu.is-open .mobile-link:nth-of-type(3){animation-delay:.3s}.mobile-menu.is-open .mobile-link:nth-of-type(4){animation-delay:.38s}.mobile-menu.is-open .mobile-cta{animation-delay:.48s}.btn--mobile{min-width:11.5rem;height:48px;font-size:clamp(14px,1.4vw,17px)}.menu-close{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:18px;right:18px}.menu-close span{background:#e8e8e8;width:20px;height:1.5px;display:block}.menu-close span:first-child{transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)translateY(-1.5px)}@media (max-width:860px){.page{grid-template-columns:20px 1fr 20px;grid-template-rows:var(--header-h) 8vh auto auto auto auto auto auto}.header-bar{grid-area:1/1/auto/-1}.brand{grid-area:1/2;justify-self:start;padding-left:0}.burger{grid-area:1/2;justify-self:end}.card-desat{display:none}.glass-card{grid-area:3/2;gap:2.5rem;padding:1.25rem 20px}.wordmark-line{grid-area:4/2;padding-top:2.5rem}.hero-copy{display:contents}.hero-copy h1{white-space:normal;grid-area:5/2;padding-top:2.5rem;font-size:clamp(26px,8vw,36px)}.hero-desc{grid-area:6/2;padding:1.1rem 0 0}.hero-start{grid-area:7/2;justify-self:start;padding:1.6rem 0 0}.site-footer{grid-area:8/2;justify-content:flex-start;padding:2.5rem 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes live-pulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.bg-media,.grid-overlay .v,.grid-overlay .h,.header-bar,.brand,.nav a,.header-cta,.burger,.glass-card,.card-top,.card-stats,.wordmark-line,.hero-copy h1,.hero-start,.hero-desc,.mobile-menu.is-open .mobile-link,.mobile-menu.is-open .mobile-cta{opacity:1!important;animation:none!important;transform:none!important}.live-dot{animation:none!important}.mobile-menu{transition:none!important}.btn:hover,.icon-btn--terminal:hover{transform:none!important}}
