@font-face{font-family:Geist Pixel Line;src:url(../media/GeistPixel-Line.2mkbez_3692ug.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--brand-background:#080909;--brand-foreground:#f4f2eb;--brand-muted:#9b9d98;--brand-gold:#f5c842;--brand-gold-bright:#ffe174;--brand-line:#ffffff12;--brand-display:"Geist Pixel Line", ui-monospace, monospace}.landing-page{--brand-background:#000;background:var(--brand-background);color:var(--brand-foreground);--primary:46 90% 61%;overflow:clip}.landing-width{width:min(1180px,100% - 96px);margin-inline:auto}.landing-page h1,.landing-page h2{font-family:var(--brand-display);letter-spacing:-.055em;text-wrap:balance;font-weight:400}.landing-page h1{font-size:clamp(48px,5.8vw,88px);line-height:1.07}.landing-page h2{font-size:clamp(30px,3.4vw,51px);line-height:1.18}.landing-page p{color:var(--brand-muted);line-height:1.6}.landing-page a,.landing-page button{-webkit-tap-highlight-color:transparent}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:2px solid var(--brand-gold);outline-offset:6px}.landing-skip{z-index:50;background:var(--brand-gold);color:#080909;padding:12px 20px;position:fixed;top:-80px;left:20px}.landing-skip:focus{top:12px}.landing-header{z-index:5;align-items:center;gap:60px;height:92px;display:flex;position:relative}.landing-brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:650;display:inline-flex}.landing-brand svg{width:34px;height:34px;color:var(--brand-gold);flex-shrink:0;transform:none}.landing-header nav,.landing-footer nav{color:var(--brand-muted);align-items:center;gap:30px;font-size:13px;display:flex}.landing-header nav a{align-items:center;gap:4px;display:inline-flex}.landing-header nav a:hover,.landing-footer nav a:hover{color:var(--brand-foreground)}.landing-hero{align-items:center;min-height:650px;padding-bottom:64px;display:flex;position:relative}.hero-copy{z-index:2;pointer-events:none;max-width:660px;position:relative}.hero-copy a{pointer-events:auto}.hero-copy p{color:#c2c4bd;margin-top:26px;font-size:clamp(17px,1.65vw,23px)}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.landing-install-button{color:#191405;background:linear-gradient(115deg,#f5bc24,#ffda5c);border:1px solid #ffdf7066;border-radius:7px;gap:10px;height:48px;padding-inline:25px;font-size:14px;font-weight:650;box-shadow:0 3px 22px #f5c84215}.landing-install-button:hover{background:#ffdd70;box-shadow:0 4px 28px #f5c84225}.landing-text-link{color:var(--brand-gold);align-items:center;gap:9px;font-size:14px;font-weight:500;display:inline-flex}.landing-text-link:hover{color:var(--brand-gold-bright)}.celestial-hero{aspect-ratio:1;pointer-events:none;width:min(850px,76vw);position:absolute;top:50%;right:-165px;transform:translateY(-54%)}.eclipse-art{object-fit:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle,#000 44%,#000d 58%,#0000 72%);mask-image:radial-gradient(circle,#000 44%,#000d 58%,#0000 72%)}.celestial-hero canvas{width:100%;height:100%;position:absolute;inset:0}.eclipse-halo{filter:blur(50px);background:#ffbc2710;border-radius:50%;animation:9s ease-in-out infinite alternate eclipse-glow;position:absolute;inset:30%}@keyframes eclipse-breathe{to{filter:brightness(1.07);transform:scale(1.025)}}@keyframes eclipse-glow{to{opacity:.4}}.client-strip{border-block:1px solid var(--brand-line);justify-content:space-between;align-items:center;gap:28px;min-height:112px;display:flex}.client-strip>span{white-space:nowrap;align-items:center;gap:13px;font-size:16px;display:flex}.client-strip .works-with{color:var(--brand-muted);letter-spacing:.02em;font-size:12px}.client-logo{flex:0 0 31px;width:31px;height:31px;display:inline-block}.client-logo-claude{background:#d98a55;-webkit-mask:url(/brands/claude.svg) 50%/contain no-repeat;mask:url(/brands/claude.svg) 50%/contain no-repeat}.client-logo-codex{background:#e8e8e3;-webkit-mask:url(/brands/openai.svg) 50%/contain no-repeat;mask:url(/brands/openai.svg) 50%/contain no-repeat}.grok-logo{justify-content:center;align-items:center;display:inline-flex}.grok-logo svg{width:31px;height:31px}.terminal-logo{color:#bbbdb6;background:#1d1e1d;border-radius:4px;padding:3px}.landing-demo-section{padding-top:90px}.landing-demo-section h2{margin-bottom:46px}.demo-carousel{max-width:1480px;margin:0 auto}.demo-stage{perspective:1600px;touch-action:pan-y;height:630px;position:relative}.demo-slide{background:#0f1010;border:1px solid #ffffff19;border-radius:9px;width:min(780px,67vw);height:100%;transition:transform .55s cubic-bezier(.22,.68,0,1),opacity .4s,filter .4s;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 65px #0007}.demo-slide.is-active{z-index:3;opacity:1}.demo-slide.is-previous{z-index:1;opacity:.4;filter:brightness(.7);transform:translate(calc(-50% - 280px))scale(.86)rotateY(8deg)}.demo-slide.is-next{z-index:1;opacity:.4;filter:brightness(.7);transform:translate(calc(280px - 50%))scale(.86)rotateY(-8deg)}.demo-slide-content{scrollbar-width:thin;scrollbar-color:#333 transparent;height:100%;overflow-y:auto}.demo-slide-content>.rounded-xl{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:100%}.demo-caption{border-bottom:1px solid var(--brand-line);font:11px var(--font-mono),monospace;color:#969a92;padding:13px 22px}.demo-caption span{color:var(--brand-gold)}.client-demo-body{padding:20px}.demo-select-side{cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.demo-select-side:hover{background:#ffffff08}.demo-controls{justify-content:center;align-items:center;gap:32px;padding:28px 0 16px;display:flex}.demo-arrow{color:#9b9d98;border-radius:50%;place-items:center;width:35px;height:35px;transition:color .2s,background .2s;display:grid}.demo-arrow:hover{color:var(--brand-gold);background:#ffffff08}.demo-client-picker{gap:27px;display:flex}.demo-client-picker button{color:#858982;border-bottom:1px solid #0000;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.demo-client-picker button[aria-pressed=true]{border-bottom-color:var(--brand-gold);color:var(--brand-foreground)}.demo-client-picker .client-logo{flex-basis:18px;width:18px;height:18px}.demo-client-picker .grok-logo svg{width:18px;height:18px}.capability-section{text-align:center;border-bottom:1px solid var(--brand-line);padding:70px 0 74px;scroll-margin-top:28px}.capability-list{grid-template-columns:repeat(4,1fr);margin-bottom:34px;display:grid}.capability-list a{border-right:1px solid var(--brand-line);flex-direction:column;align-items:center;gap:20px;padding:6px 10px;font-size:15px;display:flex}.capability-list a:last-child{border-right:0}.capability-list svg{color:var(--brand-gold);transition:transform .2s}.capability-list a:hover svg{transform:translateY(-3px)}.x402-section{border-bottom:1px solid var(--brand-line);padding-block:80px}.x402-label{font:600 13px var(--font-mono), monospace;color:var(--brand-gold);margin-bottom:16px;display:inline-block}.x402-section p{margin-top:15px;font-size:17px}.payment-flow{grid-template-columns:repeat(4,1fr);margin:46px 0 35px;padding:0;list-style:none;display:grid}.payment-flow li{color:#c6c8c0;flex-direction:column;align-items:center;gap:15px;font-size:13px;display:flex;position:relative}.flow-number{width:38px;height:38px;color:var(--brand-gold);background:var(--brand-background);font:13px var(--font-mono), monospace;border:1px solid #c49b32;border-radius:50%;place-items:center;display:grid}.payment-flow li:not(:last-child):after{content:"";border-top:1px solid #ffffff18;width:calc(100% - 56px);position:absolute;top:18px;left:calc(50% + 28px)}.flow-arrow{color:#65685e;background:var(--brand-background);z-index:1;width:14px;height:14px;position:absolute;top:12px;right:-7px}.x402-section>.landing-text-link{justify-content:center;display:flex}.install-section{z-index:2;padding:80px 0 40px;scroll-margin-top:28px;position:relative}.quick-install{text-align:center;width:min(650px,100%);margin:42px auto 0}.quick-install .quick-install-tabs{background:0 0;border-radius:0;gap:20px;width:100%;height:auto;margin-bottom:15px;padding:0 10px;display:flex}.quick-install-tabs button{color:#8c9087;border:0;border-bottom:1px solid #0000;border-radius:0;flex:1;padding:12px 5px;font-size:13px;box-shadow:none!important;background:0 0!important}.quick-install-tabs button[data-state=active]{border-bottom-color:var(--brand-gold);color:var(--brand-gold)}.install-command{text-align:left;background:#141615;border:1px solid #ffffff16;border-radius:6px;align-items:center;gap:18px;padding:17px 20px;display:flex}.install-command code{min-width:0;font:12px/1.8 var(--font-mono), monospace;overflow-wrap:anywhere;color:#d4d7cc;flex:1}.install-command button{color:#95998e;flex-shrink:0;padding:4px}.install-command button:hover{color:var(--brand-gold)}.copy-feedback{min-height:22px;margin:7px 0;font-size:11px}.custody-copy{text-align:center;margin-top:38px;font-size:13px}.final-eclipse{align-items:center;min-height:650px;margin-top:-20px;display:flex;position:relative}.planet-art{object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 80%,#0000);mask-image:linear-gradient(#0000,#000 18% 80%,#0000)}.final-copy{z-index:1;justify-content:flex-end;padding-block:130px;display:flex;position:relative}.final-copy>div{width:49%}.final-copy h2{margin-bottom:32px;font-size:clamp(36px,4.4vw,66px)}.landing-footer{border-top:1px solid var(--brand-line);justify-content:space-between;align-items:center;margin-top:-30px;padding-block:30px 40px;display:flex;position:relative}@media (min-width:1600px){.landing-hero{min-height:740px}.celestial-hero{width:940px;right:-220px}}@media (max-width:1000px){.landing-width{width:calc(100% - 56px)}.landing-hero{min-height:560px}.celestial-hero{opacity:.75;width:760px;right:-160px}.hero-copy{max-width:540px}.hero-copy h1{text-shadow:0 2px 30px #080909}.demo-slide{width:74vw}.demo-slide.is-previous{transform:translate(calc(-50% - 210px))scale(.86)rotateY(8deg)}.demo-slide.is-next{transform:translate(calc(210px - 50%))scale(.86)rotateY(-8deg)}.client-strip{gap:17px}.client-strip>span{gap:8px;font-size:14px}.client-strip .works-with{display:none}}@media (max-width:650px){.landing-width{width:calc(100% - 40px)}.landing-header{justify-content:space-between;gap:0;height:76px}.landing-header nav{gap:18px;font-size:12px}.landing-brand{gap:8px;font-size:14px}.landing-brand svg{width:29px;height:29px}.landing-hero{align-items:flex-end;min-height:730px;padding-bottom:40px}.celestial-hero{opacity:.95;width:620px;top:-76px;left:50%;right:auto;transform:translate(-50%)}.hero-copy{padding-top:360px}.hero-copy h1{font-size:clamp(42px,9.5vw,60px)}.hero-copy p{margin-top:20px;font-size:17px}.hero-actions{gap:22px;margin-top:25px}.landing-install-button{height:44px;padding-inline:21px}.client-strip{grid-template-columns:1fr 1fr;gap:18px 24px;min-height:125px;padding:22px 12px;display:grid}.client-strip>span{gap:11px;font-size:14px}.client-logo{flex-basis:25px;width:25px;height:25px}.grok-logo svg{width:25px;height:25px}.landing-demo-section{padding-top:55px}.landing-demo-section h2{margin-bottom:28px}.demo-stage{height:610px}.demo-slide{width:calc(100vw - 46px)}.demo-slide.is-previous{transform:translate(calc(-50% - 80px))scale(.91)}.demo-slide.is-next{transform:translate(calc(80px - 50%))scale(.91)}.demo-controls{gap:8px;padding-top:18px}.demo-client-picker{gap:17px}.demo-client-picker button{gap:6px;font-size:11px}.demo-client-picker .client-logo{flex-basis:16px;width:16px;height:16px}.demo-arrow{width:28px}.capability-section{padding:42px 0 48px}.capability-list{grid-template-columns:1fr 1fr;gap:35px 0}.capability-list a{gap:14px;font-size:13px}.capability-list a:nth-child(2){border-right:0}.x402-section{padding-block:52px}.x402-section p{font-size:15px}.payment-flow{margin-top:34px}.payment-flow li{font-size:11px}.flow-number{width:31px;height:31px}.payment-flow li:not(:last-child):after{width:calc(100% - 44px);top:15px;left:calc(50% + 22px)}.flow-arrow{top:9px}.install-section{padding-top:52px}.quick-install{margin-top:26px}.quick-install .quick-install-tabs{gap:12px;padding:0}.install-command{gap:10px;padding:12px 14px}.install-command code{font-size:11px}.custody-copy{margin-top:26px;font-size:12px;line-height:1.8}.final-eclipse{align-items:flex-start;min-height:540px;margin-top:0}.planet-art{object-position:25% center}.final-copy{justify-content:flex-end;padding-top:40px;padding-bottom:260px}.final-copy>div{text-align:right;width:70%}.final-copy h2{text-shadow:0 2px 20px #000;font-size:37px}.landing-footer{margin-top:-30px;padding-block:25px 35px}.landing-footer nav{gap:18px;font-size:11px}}@media (prefers-reduced-motion:reduce){.eclipse-art,.eclipse-halo{animation:none}.demo-slide,.capability-list svg{transition:none}}.landing-page{isolation:isolate;position:relative}.landing-stars{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-star{width:var(--star-size);height:var(--star-size);opacity:.2;animation:star-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite;background:#fff3d5;border-radius:50%;position:absolute;box-shadow:0 0 5px #ffcf7855}.landing-star.sparkle{background:#ffe0a0;width:2px;height:2px;box-shadow:0 0 9px #ffd07888}.landing-star.sparkle:before,.landing-star.sparkle:after{content:"";background:linear-gradient(#0000,#ffe3b3,#0000);width:1px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-star.sparkle:after{height:7px;transform:translate(-50%,-50%)rotate(90deg)}@keyframes star-twinkle{0%,to{opacity:.12;transform:scale(.8)}50%{opacity:.65;transform:scale(1.15)}}@media (max-width:650px){.landing-star:nth-child(3n){display:none}}@media (prefers-reduced-motion:reduce){.landing-star{opacity:.28;animation:none}}.install-code-wells{text-align:left;gap:16px;min-width:0;margin-block:22px 28px;display:grid}.install-code-wells[data-state=inactive]{display:none}.install-code-wells>div{background:#101211;border-color:#ffffff18}.install-code-wells pre{text-align:left}.eclipse-video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 44%,#000d 58%,#0000 72%);mask-image:radial-gradient(circle,#000 44%,#000d 58%,#0000 72%)}.eclipse-video[data-playing=true]{opacity:1}@media (prefers-reduced-motion:reduce){.eclipse-video{display:none}}.hero-use-case-line{display:grid}.hero-use-case-sizer,.hero-use-case-decrypted{grid-area:1/1}.hero-use-case-sizer{visibility:hidden;padding-right:.3em}.hero-use-case-ending{display:block}
