*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:wait}
button,summary,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}
::selection{background:var(--color-accent);color:var(--color-bg)}
img,svg{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}
.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.mono,.eyebrow{font-family:var(--font-mono)}
.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--color-muted);line-height:1.5}
.soft{color:var(--color-secondary)}
.skip{position:fixed;left:16px;top:-96px;background:var(--color-accent);color:var(--color-bg);padding:12px 24px;z-index:10;border-radius:var(--radius)}
.skip:focus{top:16px}
.site-header{border-bottom:1px solid var(--color-line)}
.header-inner{height:96px;display:flex;align-items:center;gap:48px}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;letter-spacing:-.03em;font-weight:600;white-space:nowrap}
.brand img{flex-shrink:0}.brand-suffix{color:var(--color-secondary);font-weight:400}
.header-inner nav{margin-left:auto;display:flex;gap:32px;color:var(--color-secondary);font-size:14px}
.header-inner nav a,.site-footer a{transition:color .2s}.header-inner nav a:hover,.site-footer a:hover{color:var(--color-accent)}
.header-link{font-size:14px;display:flex;gap:16px;align-items:center;padding:12px 16px;border:1px solid var(--color-line);border-radius:var(--radius)}
.header-link:hover{background:var(--color-surface)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-top:96px;padding-bottom:96px;min-height:736px}
.hero .eyebrow{display:flex;align-items:center;gap:12px}
.status-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent) 25%,transparent)}
h1{font-size:clamp(48px,5.1vw,72px);line-height:1.25;letter-spacing:-.06em;margin-top:32px;white-space:nowrap}
h1>span{color:var(--color-accent)}
.hero-lead{color:var(--color-secondary);font-size:18px;line-height:2;margin-top:32px;max-width:32em}
.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;border-radius:var(--radius);font-weight:600;font-size:16px;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.primary{margin-top:32px;background:var(--color-accent);color:var(--color-action-ink)}
.primary:hover{background:var(--color-accent-hover)}
.button svg{width:20px;height:20px}
.primary>span{margin-left:24px}
.hero-meta{color:var(--color-muted);font-size:12px;margin-top:16px;font-family:var(--font-mono)}
.hero-meta>span{color:var(--color-muted);margin:0 8px}
.signal-stage{position:relative;isolation:isolate;min-width:0;min-height:544px;padding:24px 32px;display:flex;flex-direction:column;align-items:center}
.signal-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 60% 48%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 65%)}
.stage-grid{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--color-line) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.signal-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--color-accent) 9%,transparent);border-radius:50%;width:448px;height:448px;top:48px;left:calc(50% - 224px);z-index:-1}
.orbit-two{width:544px;height:544px;top:0;left:calc(50% - 272px)}
.stage-topline{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--color-muted);font-size:12px;letter-spacing:.08em;margin-bottom:32px}
.stage-corner{font-size:24px;color:var(--color-accent)}
.mac-menu{width:100%;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);color:var(--color-secondary);font-size:12px;border-radius:8px;position:relative;margin-bottom:12px}
.mac-menu>div{display:flex;gap:24px;align-items:center}.mac-menu svg{width:20px;height:20px;color:var(--color-accent)}
.mac-menu:after{content:"";position:absolute;width:28px;height:28px;right:96px;top:4px;background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:8px}
.demo-panel{width:calc(100% - 24px);margin-left:24px;position:relative;background:color-mix(in srgb,var(--color-surface) 94%,transparent);backdrop-filter:blur(24px);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-panel);overflow:hidden}
.demo-panel:before{content:"";position:absolute;width:48px;height:1px;background:var(--color-accent);right:64px;top:0}
.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;gap:16px}
.panel-brand{display:flex;align-items:center;gap:8px;font-size:14px}
.settings-icon{width:16px;height:16px;color:var(--color-muted)}
.connection{display:flex;align-items:center;gap:8px;padding:0 16px 16px;font-size:12px;color:var(--color-accent)}
.connection .mono{color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-list{padding:0 16px;max-height:292px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}
.message{padding:16px 0;border-top:1px solid var(--color-line)}
.message>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.message h3{font-size:14px}.message time{font-family:var(--font-mono);font-size:12px;color:var(--color-muted)}
.message p{font-size:12px;color:var(--color-secondary);margin-top:4px;line-height:1.5}
.message-tag{font-size:12px;color:var(--color-muted);display:block;margin-top:8px}
.message.new-message{animation:message-in .45s ease-out}
.panel-footer{padding:12px 16px;display:flex;justify-content:space-between;font-size:12px;color:var(--color-muted);border-top:1px solid var(--color-line)}
.demo-controls{display:flex;flex-direction:column;align-items:center;margin-top:24px;gap:8px}
.demo-send{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 16px;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:40px}
.demo-send:hover{border-color:var(--color-accent);color:var(--color-accent)}
.demo-controls p{font-size:12px;color:var(--color-muted)}
.spec-strip{padding:24px 0;display:flex;gap:32px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);color:var(--color-secondary);font-size:12px}
.spec-strip>span{display:flex;gap:12px;align-items:center}.spec-mark{font-size:18px;color:var(--color-muted)}.spec-strip .strip-end{margin-left:auto;font-size:12px;color:var(--color-muted);letter-spacing:.05em}
.section{padding-top:128px;padding-bottom:128px}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;align-items:end;margin-bottom:48px}
.section-heading>.eyebrow{grid-column:1/-1}
h2{font-size:48px;line-height:1.25;letter-spacing:-.04em}
.section-heading>p:last-child,.workflow-head>p{color:var(--color-secondary);font-size:16px;line-height:2;max-width:32em}
.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.feature-main{padding:24px 32px 32px;background:var(--color-surface);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between}
.mini-menu{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--color-line);padding-bottom:16px;font-size:12px;color:var(--color-muted)}
.mini-menu>span:first-child{margin-right:auto}.mini-menu .menu-symbol{color:var(--color-accent);font-family:var(--font-mono);font-size:16px}
.feature-art{height:224px;display:flex;justify-content:center;align-items:center;position:relative}
.feature-art img{width:96px;height:96px}.crosshair{position:absolute;font-family:var(--font-mono);color:var(--color-line);font-size:24px}.cross-one{left:16px;top:32px}.cross-two{right:16px;bottom:48px}.art-caption{position:absolute;bottom:16px;font-size:12px;letter-spacing:.08em;color:var(--color-muted)}
.feature-label{font-size:12px;color:var(--color-accent);letter-spacing:.08em;margin-bottom:12px}
.feature-main h3{font-size:24px;line-height:1.5;letter-spacing:-.03em}
.feature-main p:last-child{color:var(--color-secondary);font-size:14px;line-height:2;margin-top:12px;max-width:32em}
.feature-stack{display:flex;flex-direction:column;justify-content:space-between}
.feature-small{display:flex;align-items:flex-start;gap:24px;padding:24px 0;border-bottom:1px solid var(--color-line)}.feature-small:first-child{padding-top:0}.feature-small:last-child{border:0;padding-bottom:0}
.feature-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;flex-shrink:0;background:var(--color-surface);color:var(--color-accent);font-size:24px;border-radius:var(--radius)}
.feature-small h3{font-size:18px}.feature-small p{color:var(--color-secondary);font-size:14px;line-height:2;margin-top:12px;max-width:32em}
.workflow-section{background:var(--color-surface);padding:96px 0}
.workflow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:64px}.workflow-head h2{margin-top:24px}
.workflow-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:96px;align-items:start}
.setup-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:32px}.setup-steps>li{display:flex;gap:24px}
.step-no{font-size:12px;color:var(--color-accent);padding-top:4px}.setup-steps h3{font-size:18px}.setup-steps p{font-size:14px;line-height:2;color:var(--color-secondary);margin-top:8px;max-width:28em}
.terminal{min-width:0;background:var(--color-bg);border-radius:var(--radius);overflow:hidden}
.terminal-head{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-line);font-size:12px;color:var(--color-muted)}
.terminal-head button{display:flex;gap:8px;padding:8px 0 8px 12px;background:transparent;border:0;font-size:12px;color:var(--color-secondary);min-height:40px}
.terminal-head button:hover{color:var(--color-accent)}
pre{margin:0;padding:32px 24px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:2.5;tab-size:2}code{font-family:inherit}
.code-comment{color:var(--color-muted)}.code-prompt,.code-string{color:var(--color-accent)}
.terminal-result{display:flex;align-items:center;gap:12px;padding:0 24px 24px;color:var(--color-secondary);font-size:12px;letter-spacing:.02em}
.terminal-note{padding:24px;border-top:1px solid var(--color-line);font-size:12px;color:var(--color-muted);line-height:2}
.copy-status{font-size:12px;color:var(--color-accent);padding:0 24px}.copy-status:not(:empty){padding-bottom:24px}
.data-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-bottom:1px solid var(--color-line)}
.data-section h2,.faq-section h2{margin-top:24px}.data-lead{font-size:18px;line-height:2;margin-bottom:32px}.data-row{display:grid;grid-template-columns:96px 1fr;gap:24px;margin-top:24px}.data-row h3{font-size:14px}.data-row p{color:var(--color-secondary);font-size:14px;line-height:2}
.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.faq-list details{border-bottom:1px solid var(--color-line)}.faq-list details:first-child{border-top:1px solid var(--color-line)}
summary{display:flex;justify-content:space-between;gap:24px;align-items:center;list-style:none;cursor:pointer;font-size:14px;padding:24px 0;font-weight:600}
summary::-webkit-details-marker{display:none}summary>span{color:var(--color-muted);font-size:18px;font-weight:400;transition:transform .2s}
details[open] summary>span{transform:rotate(45deg)}details p{color:var(--color-secondary);font-size:14px;line-height:2;padding:0 32px 24px 0}
.download-section{display:grid;grid-template-columns:1fr auto;gap:32px 64px;padding:64px;background:var(--color-surface);border-radius:var(--radius);position:relative;overflow:hidden}
.download-section:before{content:"";position:absolute;left:0;top:0;width:96px;height:2px;background:var(--color-accent)}
.download-heading{display:flex;gap:32px;align-items:flex-start}.download-heading img{flex-shrink:0}.download-heading .eyebrow{margin-bottom:24px}.download-heading h2{font-size:36px}
.download-actions{align-self:center}.download-button{width:100%;background:var(--color-text);color:var(--color-bg);justify-content:space-between}.download-button:hover{background:var(--color-secondary)}
.download-actions p{color:var(--color-muted);font-size:12px;margin-top:12px}.release-link{font-size:12px;display:inline-block;margin-top:24px;color:var(--color-secondary)}.release-link:hover{color:var(--color-accent)}
.download-notice{grid-column:1/-1;color:var(--color-muted);font-size:12px;padding-top:24px;border-top:1px solid var(--color-line)}
.site-footer{padding-top:48px;padding-bottom:48px;display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px}.site-footer .brand{font-size:14px}.site-footer p{font-size:12px;color:var(--color-muted)}.site-footer>div{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:12px;color:var(--color-secondary)}.site-footer .mono{color:var(--color-muted)}
@keyframes message-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{gap:64px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:24px;padding-top:64px;padding-bottom:64px;min-height:auto}h1{font-size:48px}.hero-lead{font-size:16px}.signal-stage{padding-inline:16px}.orbit-two{width:448px;height:448px;left:calc(50% - 224px);top:48px}.orbit-one{width:384px;height:384px;left:calc(50% - 192px);top:80px}.signal-stage{overflow:hidden}.spec-strip .strip-end{display:none}.workflow-grid{gap:48px}.download-section{padding:48px;gap:32px}.download-heading{gap:24px}h2{font-size:36px}}
@media(max-width:800px){.header-inner{height:80px;gap:24px}.header-inner nav{gap:24px}.header-link{display:none}.hero{grid-template-columns:1fr;padding-top:64px;gap:48px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center}h1{font-size:60px;white-space:normal}.hero-lead{margin-inline:auto}.signal-stage{max-width:512px;width:100%;margin:auto}.hero-meta{margin-top:16px}.section{padding-top:96px;padding-bottom:96px}.spec-strip{justify-content:center;gap:24px}.section-heading{gap:24px 32px}.feature-layout{gap:32px}.feature-main{padding:24px}.feature-small{gap:16px}.feature-icon{width:40px;height:40px;font-size:18px}.feature-art{height:192px}.feature-main h3{font-size:20px}.workflow-head{gap:32px;align-items:flex-start}.workflow-head>p{font-size:14px;max-width:20em}.workflow-grid{grid-template-columns:1fr;gap:48px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.setup-steps>li{flex-direction:column;gap:12px}.setup-steps h3{font-size:16px}.terminal{max-width:none}.data-section,.faq-section{gap:48px}.data-row{grid-template-columns:1fr;gap:8px}.data-lead{font-size:16px}.download-section{grid-template-columns:1fr}.download-actions{max-width:384px;width:100%;margin-left:88px}.download-notice{margin-top:8px}.site-footer>div{margin-left:0;width:100%}}
@media(max-width:580px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header-inner{height:80px;gap:16px}.brand{font-size:16px;gap:8px}.brand img{width:28px;height:28px}.header-inner nav{gap:16px;font-size:12px}.header-inner nav a:nth-child(2){display:none}.hero{padding-top:48px;padding-bottom:48px;gap:32px}.hero .eyebrow{font-size:10px;letter-spacing:.08em;gap:8px}h1{font-size:clamp(36px,9.4vw,48px);margin-top:24px}.hero-lead{font-size:14px;line-height:2;margin-top:24px;max-width:24em}.desktop-break{display:none}.primary{margin-top:24px}.hero-meta{font-size:10px}.hero-meta>span{margin:0 4px}.signal-stage{padding:16px 0;min-height:auto}.stage-topline{padding-inline:8px;margin-bottom:24px;font-size:10px}.mac-menu{width:calc(100% - 16px)}.demo-panel{width:calc(100% - 24px);margin-left:16px}.demo-controls{margin-top:24px}.message p{font-size:12px}.spec-strip{justify-content:flex-start;gap:12px 24px;padding:24px 0;font-size:10px}.spec-strip>span{gap:8px}.spec-mark{font-size:14px}.section{padding-top:64px;padding-bottom:64px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.section-heading>p:last-child{font-size:14px}.eyebrow{font-size:10px}h2{font-size:30px}.feature-layout{grid-template-columns:1fr;gap:32px}.feature-main{padding:24px}.feature-art{height:192px}.feature-stack{gap:24px}.feature-small{padding:0 0 24px}.feature-icon{width:40px;height:40px}.feature-small h3{font-size:18px}.feature-small p{margin-top:8px}.workflow-section{padding:64px 0}.workflow-head{flex-direction:column;gap:24px;margin-bottom:32px}.workflow-head>p{max-width:28em}.workflow-head h2{margin-top:24px}.setup-steps{display:flex;gap:24px}.setup-steps>li{flex-direction:row;gap:16px}.setup-steps p{max-width:30em}.terminal-head{padding:12px 16px}pre{padding:24px 16px;font-size:11px;line-height:2.5}.terminal-result{padding:0 16px 24px;font-size:10px;gap:8px;letter-spacing:0}.terminal-note{padding:16px;font-size:11px}.copy-status{padding-inline:16px}.data-section,.faq-section{grid-template-columns:1fr;gap:32px}.data-lead{font-size:16px;line-height:2;margin-bottom:24px}.data-row{grid-template-columns:64px 1fr;gap:16px}.data-row h3{font-size:12px;padding-top:2px}.data-row p{font-size:14px}.download-section{padding:32px 24px;gap:24px}.download-heading{flex-direction:column;gap:24px}.download-heading img{width:48px;height:48px}.download-heading h2{font-size:30px}.download-heading .eyebrow{margin-bottom:16px}.download-actions{margin:0;max-width:none}.download-notice{line-height:2;padding-top:24px;font-size:11px}.download-actions p{font-size:11px}.site-footer{padding-top:32px;padding-bottom:32px;gap:16px}.site-footer .brand{font-size:14px}.site-footer .brand img{width:24px;height:24px}.site-footer p{width:100%}.site-footer>div{gap:16px;flex-wrap:wrap;font-size:11px}.site-footer .mono{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
