:root{color-scheme:dark;--bg:#080e18;--text:#f3f5fa;--muted:#93a1b4;--line:rgba(183,201,222,.14);--cyan:#93dce8;--pink:#f0bddf;--mono:'IBM Plex Mono',monospace;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#d88ac150;color:#fff}svg{display:block}p,h1,h2{margin:0}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:10;background:var(--bg);border:1px solid var(--cyan);padding:12px}.skip-link:focus{transform:translateY(0)}
.hero{height:100svh;min-height:780px;max-height:1250px;position:relative;isolation:isolate;overflow:hidden;background:#14283d url('assets/hero.jpg?v=product-2') center/cover no-repeat}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-video{object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,12,24,.56) 0%,rgba(5,13,27,.32) 41%,rgba(5,13,27,.05) 70%),linear-gradient(0deg,#080e18 0%,rgba(8,14,24,.71) 7%,rgba(8,14,24,0) 31%),linear-gradient(180deg,rgba(4,10,20,.27),transparent 21%)}
.header{display:flex;align-items:center;justify-content:space-between;padding:36px 4.4%;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-icon{width:28px;height:28px;color:var(--pink)}.wordmark-light{font-weight:450}.brand-period{color:var(--pink)}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:500}.header nav a{transition:color 150ms}.header nav a:hover{color:var(--pink)}.header nav a span{padding-left:4px;opacity:.7}.header .nav-install{padding:10px 17px;border:1px solid #ffffff4a;border-radius:5px;background:#08101a12}.header .nav-install:hover{border-color:#ffffff9c;background:#ffffff0d}
.hero-content{position:absolute;top:25.2%;left:7.1%;max-width:790px}.eyebrow{font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:1.7px;font-weight:400}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#d2e4ed;margin-bottom:25px}.status-dot{height:5px;width:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #9de4ed50}.hero h1{font-size:clamp(72px,6.8vw,112px);font-weight:550;line-height:1.065;letter-spacing:-.067em;text-shadow:0 2px 25px #0b16351f}.hero-description{font-size:19px;font-weight:400;color:#e0e8f3;letter-spacing:-.3px;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.primary-button{display:inline-flex;align-items:center;gap:30px;padding:17px 23px;background:var(--pink);color:#1c1e31;font-size:13px;font-weight:700;letter-spacing:-.1px;border-radius:5px;transition:background 150ms}.primary-button:hover{background:#f8d5ed}.primary-button svg{height:20px;width:20px}.quiet-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:500;color:#dce3f0;transition:color 150ms}.quiet-link:hover{color:var(--pink)}.hero-note{margin-top:23px;font-family:var(--mono);font-size:11px;letter-spacing:.8px;color:#c9d5e3}.hero-note span{margin:0 11px;color:#75889d}.hero-bottom{position:absolute;bottom:37px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:center}.scroll-cue{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:1.2px;color:#c3d0de}.scroll-line{width:32px;height:1px;background:#879caf80}.scene-toggle{display:flex;align-items:center;gap:13px;background:#08132140;border:1px solid #abbad025;border-radius:24px;padding:9px 12px 9px 16px;color:#c1cdda;font-size:10px;font-family:var(--mono);transition:background 150ms}.scene-toggle:hover{background:#16263b}.scene-toggle svg{width:18px;height:18px}.play-icon{display:none}.scene-toggle[aria-pressed=true] .pause-icon{display:none}.scene-toggle[aria-pressed=true] .play-icon{display:block}
.section-shell{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:7.1%;padding-right:7.1%}.app-section{padding-top:128px;padding-bottom:124px;display:grid;grid-template-columns:285px minmax(0,1fr);gap:70px;align-items:center}.section-eyebrow{color:var(--cyan);font-size:9px;letter-spacing:1.5px;margin-bottom:24px}h2{font-weight:500;font-size:43px;line-height:1.15;letter-spacing:-2px}.section-description{font-size:13px;line-height:1.9;color:var(--muted);margin-top:23px}.app-panel{min-width:0;padding-top:3px}.terminal-window{border:1px solid #7295af26;border-radius:7px;overflow:hidden;background:#10171d;box-shadow:0 24px 80px #00000020}.terminal-titlebar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#121c27;border-bottom:1px solid #b5c6d310;font-family:var(--mono);font-size:9px;color:#73869b}.window-dots{display:flex;gap:5px}.window-dots i{height:6px;width:6px;border-radius:50%;background:#485364}.window-dots i:first-child{background:#9b6273}.window-dots i:nth-child(2){background:#9b8965}.window-dots i:nth-child(3){background:#577a72}.terminal-corner{font-size:11px;width:28px;text-align:right;opacity:.7}.terminal-window a{display:block}.terminal-window img,.terminal-window video{display:block;width:100%;height:auto}.screen-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:10px;color:#8796aa;margin-top:17px;line-height:1.7}.screen-caption>a{white-space:nowrap;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#51657c;padding-top:2px}.screen-caption>a span{margin-left:4px}.screen-caption>a:hover{color:var(--cyan)}
.install-section{text-align:center;padding-top:82px;padding-bottom:92px;border-top:1px solid var(--line);max-width:1236px;width:85.8%;padding-left:0;padding-right:0}.install-section h2{font-size:45px}.install-section .section-eyebrow{margin-bottom:18px}.install-intro{color:var(--muted);font-size:13px;margin-top:21px}.install-intro code{color:#c6dce8;font-family:var(--mono);font-size:12px}.install-command{display:flex;align-items:center;gap:17px;max-width:630px;margin:35px auto 0;padding:10px 12px 10px 22px;border:1px solid #91b4cd2b;border-radius:5px;background:#0d1724;text-align:left;min-height:64px}.command-prompt{color:var(--pink);font-family:var(--mono);font-size:14px}.install-command>code{font-family:var(--mono);font-size:12px;letter-spacing:-.1px;color:#d1dfe9;overflow-x:auto;white-space:nowrap;scrollbar-width:none;flex:1;min-width:0}.install-command>code::-webkit-scrollbar{display:none}#copy-command{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;color:#b3c2d3;background:#1d2a3c;border-radius:3px;font-family:var(--mono);font-size:10px;min-width:70px;transition:background 150ms}#copy-command:hover{background:#2a3e53;color:#fff}#copy-command svg{width:17px;height:17px}.copy-status{height:22px;line-height:22px;font-family:var(--mono);font-size:10px;color:var(--cyan);margin-top:6px}.requirements{max-width:570px;margin:13px auto 0;text-align:center;color:#7f91a9;font-size:11px}.requirements summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px;padding:9px}.requirements summary::-webkit-details-marker{display:none}.requirements summary span{font-size:16px;line-height:1;transition:transform 150ms}.requirements[open] summary span{transform:rotate(45deg)}.requirements>div{padding:18px 12px 4px;line-height:1.9;color:#a3b0c2}.requirements a{display:inline-block;color:var(--cyan);margin-top:12px}.requirements a:hover{text-decoration:underline}
.footer{display:flex;align-items:center;gap:25px;padding-top:29px;padding-bottom:31px;border-top:1px solid var(--line);font-size:10px;color:#7b8ca5}.footer-brand{font-size:17px;font-weight:650;color:#c6d1e0;letter-spacing:-.6px}.footer-brand span{color:var(--pink)}.footer-note{font-size:10px}.footer>div{margin-left:auto;display:flex;gap:26px}.footer a:hover{color:var(--pink)}
@media(min-width:1650px){.hero-content{top:26%;left:max(7.1%,calc((100vw - 1440px)/2 + 102px))}.header{padding-left:max(4.4%,calc((100vw - 1530px)/2));padding-right:max(4.4%,calc((100vw - 1530px)/2))}}
@media(max-width:1100px){.app-section{grid-template-columns:245px minmax(0,1fr);gap:38px}.hero h1{font-size:82px}.hero-content{left:7%;top:27%}.app-section h2{font-size:36px}.screen-caption{flex-direction:column;gap:6px}.section-description{font-size:12px}.section-shell{padding-left:6%;padding-right:6%}.install-section{padding-left:0;padding-right:0}}
@media(max-width:760px){.hero{min-height:740px;max-height:1050px}.header{padding:28px 24px;gap:18px}.wordmark{font-size:21px;gap:9px}.brand-icon{width:24px;height:24px}.header nav{gap:21px;font-size:11px}.explore-nav{display:none}.header .nav-install{border:0;padding:0;background:none}.hero-content{top:27%;left:7%;right:6%}.hero h1{font-size:clamp(55px,10vw,76px);line-height:1.09;letter-spacing:-.065em}.hero-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:23px}.hero-description{font-size:16px;margin-top:24px}.hero-actions{margin-top:29px;gap:24px}.primary-button{font-size:12px;padding:15px 19px;gap:22px}.quiet-link{font-size:11px;gap:9px}.hero-note{font-size:10px;letter-spacing:.4px;margin-top:22px}.hero-note span{margin:0 7px}.hero-video{object-position:80% center}.hero{background-position:80% center}.hero-shade{background:linear-gradient(90deg,#040c18b0,#040c187a 52%,#040c1845),linear-gradient(0deg,#080e18,#080e18b0 6%,#080e1800 32%),linear-gradient(180deg,#040a1440,transparent 24%)}.hero-bottom{left:7%;right:6%;bottom:28px}.scroll-cue{font-size:10px;letter-spacing:.6px;gap:9px}.scroll-line{width:18px}.scene-toggle{padding:7px 8px 7px 11px;gap:5px;font-size:8px}.scene-toggle svg{width:16px;height:16px}.app-section{padding-top:77px;padding-bottom:70px;display:block}.section-shell{padding-left:7%;padding-right:7%}.section-eyebrow{margin-bottom:19px}.app-section h2{font-size:38px;letter-spacing:-1.8px}.section-description{margin-top:18px;font-size:13px}.section-description br{display:none}.terminal-titlebar{height:29px;padding:0 10px;font-size:8px}.terminal-window{border-radius:5px}.screen-caption{flex-direction:row;font-size:9px;gap:12px;margin-top:13px}.screen-caption>a{font-size:7px}.install-section{width:86%;padding:65px 0 66px}.install-section h2{font-size:33px;letter-spacing:-1.5px}.install-intro{font-size:12px;line-height:1.8;margin-top:18px}.install-command{margin-top:27px;gap:10px;padding:9px 9px 9px 13px;min-height:59px}.install-command>code{font-size:10px;letter-spacing:-.3px}.command-prompt{font-size:12px}#copy-command{min-width:32px;padding:10px 6px}.copy-label{display:none}.requirements{font-size:10px;margin-top:4px}.footer{padding-top:23px;padding-bottom:25px;gap:12px;flex-wrap:wrap}.footer-brand{font-size:16px}.footer-note{display:none}.footer>div{gap:22px}}
@media(max-width:360px){.header{padding-left:20px;padding-right:20px}.header nav{gap:14px}.hero h1{font-size:clamp(43px,14vw,50px)}.hero-actions{gap:19px}.primary-button{gap:17px}.hero-note{font-size:9px}.scroll-cue{font-size:9px}.scene-label{display:none}.scene-toggle{padding:8px}.screen-caption{display:block}.screen-caption>a{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.demo-controls{display:flex;align-items:center;gap:24px;margin-top:32px}.demo-toggle{display:inline-flex;align-items:center;gap:10px;background:none;padding:8px 0;color:var(--cyan);font-size:12px}.demo-toggle:hover{color:var(--pink)}.demo-toggle svg{height:20px;width:20px}.demo-pause{display:none}.demo-toggle[aria-pressed=false] .demo-play{display:none}.demo-toggle[aria-pressed=false] .demo-pause{display:block}.demo-duration{font-family:var(--mono);font-size:10px;letter-spacing:.7px;color:#7e91a8}#demo-video{background:#10171d;aspect-ratio:2200/1640}
@media(max-width:760px){.demo-controls{margin-top:20px;margin-bottom:27px;gap:19px}.demo-toggle{font-size:12px}.demo-duration{font-size:10px}}

.header nav a[aria-current=page]{color:var(--cyan)}
@media(max-width:760px){.header nav .github-nav{display:none}}
html:not(.js) .scene-toggle,html:not(.js) .demo-toggle{display:none}
main[tabindex="-1"]:focus{outline:none}