.landing-page{--bg:#0a0a0a;--bg-raised:#111;--bg-card:#161616;--border:#292929;--text:#e0e0e0;--text-dim:#999;--accent:#0f8;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box}.landing-page :is(h1,h2,h3,p,ul,ol,dl,dd){margin:0}.landing-page a{color:inherit;text-decoration:none}.landing-page button{font:inherit;cursor:pointer}.landing-page :focus-visible{outline:2px solid var(--accent);outline-offset:5px}.landing-page ::selection{background:var(--accent);color:var(--bg)}.landing-page code{font-family:var(--mono)}.landing-page .page-width{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-content-width);margin-inline:auto}.landing-page .skip-link{z-index:200;background:var(--accent);color:var(--bg);border-radius:8px;padding:12px 24px;position:fixed;top:-100px;left:24px}.landing-page .skip-link:focus{top:16px}.landing-page .landing-hero{padding:56px 0 0}.landing-page .hero-heading{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:end;gap:48px;margin-bottom:52px;display:grid}.landing-page .hero-heading>*,.landing-page .section-heading>*,.landing-page .footer-top>*{overflow-wrap:anywhere;min-width:0}.landing-page h1,.landing-page h2,.landing-page h3{overflow-wrap:anywhere}.landing-page h1{color:#f7f7f8;letter-spacing:-.035em;font-size:clamp(3.5rem,6vw,5rem);font-weight:500;line-height:1.1}.landing-page .hero-intro{padding-bottom:2px}.landing-page .hero-intro>p:first-child{color:var(--text-body);text-wrap:pretty;max-width:44ch;font-size:clamp(1rem,.9rem + .25vw,1.125rem);font-weight:400;line-height:1.6}.landing-page :is(.action-primary,.action-secondary){border-radius:999px;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:12px 24px;font-size:14px;font-weight:550;transition:background .15s;display:inline-flex}.landing-page .action-primary{background:var(--accent);color:var(--bg);transition:background .18s,transform .18s}.landing-page .action-primary:hover{background:#76ffb7}.landing-page .action-secondary{color:var(--text);border:1px solid #3a3a3a}.landing-page .action-secondary:hover{background:#202020}.landing-page .free-note{color:var(--text-dim);align-items:baseline;gap:8px;margin-top:16px;font-size:.875rem;font-weight:400;line-height:1.5;display:flex}.landing-page .status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.landing-page .tunnel-stage{background:radial-gradient(at 76% 95%,#00ff8838,#0000 53%),radial-gradient(at 16% 0,#00ff8821,#0000 57%),#10211a;border:1px solid #244031;border-radius:24px;padding:32px 64px 20px;position:relative;overflow:hidden}.landing-page .tunnel-stage:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#73a98b 1px,#0000 1px),linear-gradient(90deg,#73a98b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000)}.landing-page .demo-tabs{background:#1d3227;border:1px solid #486152;border-radius:24px;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;margin:0 auto 28px;padding:5px;display:flex;position:relative}.landing-page .demo-tabs button{color:#becdc4;white-space:normal;background:0 0;border:0;border-radius:999px;max-width:100%;min-height:40px;padding:8px 24px;font-size:13px}.landing-page .demo-tabs button[aria-selected=true]{background:var(--text);color:var(--bg);box-shadow:0 2px 5px #0003}.landing-page .demo-tabs button:hover:not([aria-selected=true]){color:#fff}.landing-page .demo-window{background:#0d100e;border:1px solid #3a4a40;border-radius:16px;max-width:1000px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 24px 60px #0003}.landing-page .demo-toolbar{color:#a1aaa5;border-bottom:1px solid #252d28;align-items:center;gap:16px;padding:16px 24px;font-size:12px;display:flex}.landing-page .window-dots{gap:6px;display:flex}.landing-page .window-dots i{background:#4b534e;border-radius:50%;width:8px;height:8px}.landing-page .example-label{border:1px solid #303b34;border-radius:5px;margin-left:auto;padding:1px 8px;font-size:11px}.landing-page .demo-content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.landing-page .demo-content>*{min-width:0}.landing-page .command-panel{padding:28px 32px 24px}.landing-page .panel-label{color:#919d96;margin-bottom:16px;font-size:12px}.landing-page .demo-command{align-items:center;gap:12px;display:flex}.landing-page .demo-command>span{color:#75897c;font-family:var(--mono)}.landing-page .demo-command code{overflow-wrap:anywhere;color:#edf5f0;flex:1;min-width:0;font-size:17px}.landing-page .copy-command{color:#8fa196;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:inline-flex}.landing-page .copy-command:hover{color:var(--accent);background:#202d25}.landing-page .connection-line{color:var(--accent);font-family:var(--mono);align-items:center;gap:8px;margin:24px 0 16px;font-size:12px;display:flex}.landing-page .terminal-details{font-size:11px;font-family:var(--mono);line-height:2.2}.landing-page .terminal-details>div{grid-template-columns:104px minmax(0,1fr);gap:8px;display:grid}.landing-page .terminal-details dt{color:#8c9a91}.landing-page .terminal-details dd{color:#c2d3c9;overflow-wrap:anywhere}.landing-page .terminal-prompt{color:#8c9a91;font-family:var(--mono);margin-top:24px;font-size:13px}.landing-page .terminal-prompt span{vertical-align:middle;background:#99b7a6;width:6px;height:13px;margin-left:4px;display:inline-block}.landing-page .connection-panel{background:#141c17;border-left:1px solid #252d28;padding:32px}.landing-page .connection-map{align-items:center;display:flex}.landing-page .map-node{color:#aac4b5;background:#1b2b21;border:1px solid #364a3e;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.landing-page .node-public{color:var(--accent);background:#224330;border-color:#397952}.landing-page .connection-track{background:linear-gradient(90deg,#364a3e,#0f8);flex:1;height:1px;margin:0 16px;position:relative}.landing-page .connection-track span{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:55%;box-shadow:0 0 12px #0f86}.landing-page .connection-labels{color:#91a296;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.landing-page .connection-panel h2{letter-spacing:-.035em;margin-top:28px;font-size:23px;font-weight:450;line-height:1.2}.landing-page .connection-panel p{color:#a0b0a6;max-width:300px;margin-top:12px;font-size:13px;line-height:1.7}.landing-page .connection-panel a{color:#b5e6cb;align-items:center;gap:16px;min-height:48px;padding-top:18px;font-size:12px;display:inline-flex}.landing-page .connection-panel a:hover{color:var(--accent)}.landing-page .demo-bottom{color:#8c9d92;border-top:1px solid #252d28;justify-content:space-between;gap:16px;padding:12px 24px;font-size:10px;display:flex}.landing-page .stage-caption{text-align:center;color:#94b5a1;margin-top:16px;font-size:12px;position:relative}.landing-page .section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px;display:flex}.landing-page :is(.section-heading,.faq-section,.start-section) h2{letter-spacing:-.045em;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:450;line-height:1.12}.landing-page .section-heading>p{max-width:340px;color:var(--text-dim);font-size:15px}.landing-page .setup-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;list-style:none;display:grid}.landing-page .step-number{color:#aaa;border:1px solid #404040;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:16px;font-size:14px;display:inline-flex}.landing-page .setup-steps h3,.landing-page .benefit-grid h3{letter-spacing:-.02em;font-size:1.125rem;font-weight:500}.landing-page .setup-steps p{color:var(--text-dim);max-width:340px;margin:8px 0 16px;font-size:.9375rem}.landing-page .setup-steps a{color:var(--text);text-underline-offset:4px;font-size:14px;text-decoration:underline #555}.landing-page .setup-steps a:hover{color:var(--accent)}.landing-page .setup-steps code{color:#c5dece;background:#141d17;border-radius:6px;padding:10px 16px;font-size:13px;display:inline-block}.landing-page .faq-section{grid-template-columns:1fr 1.1fr;gap:48px;display:grid}.landing-page .faq-list details{border-bottom:1px solid var(--border)}.landing-page .faq-list details:first-child{border-top:1px solid var(--border)}.landing-page .faq-list summary{cursor:pointer;justify-content:space-between;gap:24px;padding:24px 0;font-size:16px;list-style:none;display:flex}.landing-page .faq-list summary::-webkit-details-marker{display:none}.landing-page .faq-list summary:after{content:"+";color:#aaa;font-size:24px;font-weight:300;line-height:1}.landing-page .faq-list details[open] summary:after{content:"−"}.landing-page .faq-list p{color:var(--text-dim);padding:0 40px 24px 0;font-size:14px;line-height:1.8}.landing-page .faq-list p a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.landing-page .faq-list code{color:#bed2c5;overflow-wrap:anywhere;font-size:12px}.landing-page .start-section{justify-content:space-between;align-items:center;gap:32px;margin-bottom:64px;display:flex}.landing-page .start-section .action-primary{flex-shrink:0}.landing-page .landing-footer{border-top:1px solid var(--border);text-align:left;padding:56px 0 24px;font-size:13px}.landing-page .landing-footer .nav-logo{align-items:center;min-height:48px;display:inline-flex}.landing-page .footer-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:40px;padding-bottom:56px;display:grid}.landing-page .footer-top p{color:var(--text-dim);margin-top:12px}.landing-page .footer-group{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.landing-page .footer-group h2{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:500}.landing-page .footer-group a{color:var(--text-dim)}.landing-page .footer-group a:hover,.landing-page .footer-bottom a:hover{color:var(--accent)}.landing-page .footer-bottom{color:var(--text-dim);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:24px;font-size:12px;display:flex}.landing-page .footer-bottom>div{flex-wrap:wrap;gap:24px;display:flex}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--site-header-height,88px) + 24px)}@media (width<=1100px){.landing-page .hero-heading{gap:32px}.landing-page .tunnel-stage{padding-inline:32px}.landing-page .command-panel,.landing-page .connection-panel{padding:24px}.landing-page .terminal-details>div{grid-template-columns:85px minmax(0,1fr)}.landing-page .footer-top{gap:24px}}@media (width<=850px){.landing-page .hero-heading{grid-template-columns:minmax(0,1fr);gap:24px}.landing-page h1{font-size:clamp(3rem,8vw,4rem)}.landing-page .section-heading{align-items:flex-start}.landing-page .section-heading>p{max-width:260px}.landing-page .demo-content{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.landing-page .terminal-details>div{margin-bottom:8px;display:block}.landing-page .terminal-details{line-height:1.7}.landing-page .demo-command code{font-size:14px}.landing-page .connection-panel h2{font-size:21px}.landing-page .setup-steps{gap:24px}.landing-page .faq-section{grid-template-columns:1fr;gap:32px}.landing-page .start-section{flex-direction:column;align-items:flex-start}.landing-page .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}@media (width<=700px){.landing-page .landing-hero{padding-top:40px}.landing-page .hero-heading{margin-bottom:32px}.landing-page h1{font-size:clamp(2.25rem,9vw,2.75rem)}.landing-page .tunnel-stage{border-radius:16px;padding:20px 12px 16px}.landing-page .demo-tabs{margin-bottom:20px;padding:4px}.landing-page .demo-tabs button{min-height:48px;padding:8px 16px;font-size:12px}.landing-page .demo-content{grid-template-columns:1fr}.landing-page .demo-toolbar{gap:12px;padding:12px 16px;font-size:10px}.landing-page .example-label{font-size:9px}.landing-page .window-dots{display:none}.landing-page .command-panel{padding:24px 20px}.landing-page .copy-command{flex-shrink:0;width:48px;height:48px}.landing-page .demo-command code{font-size:16px}.landing-page .terminal-details>div{grid-template-columns:86px minmax(0,1fr);margin-bottom:0;display:grid}.landing-page .terminal-details{font-size:10px;line-height:2.2}.landing-page .terminal-prompt{margin-top:16px}.landing-page .connection-panel{border-top:1px solid #252d28;border-left:0;padding:24px}.landing-page .connection-map{max-width:240px;margin:0 auto}.landing-page .connection-labels{max-width:240px;margin:8px auto 0}.landing-page .connection-panel h2{margin-top:24px}.landing-page .connection-panel p{max-width:none}.landing-page .demo-bottom{flex-direction:column;gap:4px;padding:12px 16px;font-size:10px}.landing-page .stage-caption{font-size:11px}.landing-page .section-heading{flex-direction:column;gap:20px;margin-bottom:32px}.landing-page .section-heading>p{max-width:360px;font-size:16px}.landing-page .setup-steps{grid-template-columns:1fr;gap:24px}.landing-page .setup-steps li{border-top:1px solid var(--border);padding-top:24px}.landing-page .faq-list p{font-size:16px}.landing-page .start-section .action-primary{gap:12px;padding-inline:20px;font-size:13px}.landing-page .landing-footer{padding-top:40px;padding-bottom:max(24px, env(safe-area-inset-bottom))}.landing-page .footer-top{column-gap:20px;padding-bottom:32px}.landing-page .footer-top>div:first-child{grid-column:1/-1}.landing-page .footer-group{gap:0}.landing-page .footer-group h2{margin-bottom:8px;font-size:14px}.landing-page .footer-group a{overflow-wrap:anywhere;align-items:center;min-height:48px;font-size:14px;display:flex}.landing-page .footer-group:last-child{grid-column:1/-1}.landing-page .footer-bottom a{align-items:center;min-height:48px;display:inline-flex}}@media (width<=360px){.landing-page .demo-tabs button{padding-inline:12px}.landing-page .demo-command code{font-size:13px}.landing-page .terminal-details>div{display:block}}.landing-page .section-panel{isolation:isolate;margin-top:40px;padding:48px;position:relative}.landing-page .morph-surface{z-index:-1;pointer-events:none;border:1px solid var(--border);background:#00ff8806;border-radius:24px;position:absolute;inset:0}.landing-page .benefits-section .morph-surface,.landing-page .faq-section .morph-surface{background:var(--bg-raised)}.landing-page .start-section .morph-surface{background:#122218;border-color:#294032}.landing-page .section-guide,.landing-page .benefit-grid a{min-height:48px;color:var(--text);text-underline-offset:5px;align-items:center;gap:12px;font-size:.875rem;text-decoration:underline #555;display:inline-flex}.landing-page .section-guide{margin-top:24px}.landing-page .section-guide:hover,.landing-page .benefit-grid a:hover{color:var(--accent)}.landing-page .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.landing-page .benefit-grid>div{border-top:1px solid var(--border);overflow-wrap:anywhere;min-width:0;padding-top:24px}.landing-page .benefit-grid p{color:var(--text-dim);max-width:32ch;margin-top:12px;font-size:.9375rem}.landing-page .benefit-grid code{color:#bed2c5;font-size:.875em}.landing-page .benefit-grid a{margin-top:12px}.landing-page .action-primary:active{transform:scale(.98)}@media (width<=850px){.landing-page .section-panel{padding:32px}.landing-page .benefit-grid{gap:24px}}@media (width<=700px){.landing-page .section-panel{margin-top:24px;padding:32px 24px}.landing-page .benefit-grid{grid-template-columns:1fr;gap:24px}.landing-page .benefit-grid p,.landing-page .setup-steps p{max-width:none;font-size:1rem}.landing-page .section-heading>p{font-size:1rem}.landing-page .setup-steps li:first-child{border-top:0;padding-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-page *,.landing-page :before,.landing-page :after{transition:none!important;animation:none!important}}