@layer components{.product-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;width:min(1280px,100% - 96px);padding-block:64px 72px;display:grid}.product-intro{padding-block:28px}.product-category{color:var(--text-soft);font-size:var(--text-base);margin-bottom:24px}.product-intro h1{letter-spacing:-.055em;text-wrap:initial;font-size:clamp(2.875rem,4.85vw,4.375rem);line-height:1.06}.hero-period{color:var(--amber)}.product-description{font-size:var(--text-lg);max-width:430px;margin-top:26px;line-height:1.8}.product-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:30px;display:flex}.product-actions .text-link{font-size:var(--text-xs);margin:0}.product-availability{font-size:var(--text-xs);color:var(--text-meta);margin-top:22px;line-height:1.8}.product-availability a{color:var(--text-soft);text-underline-offset:3px;text-decoration:underline}.home-flow{padding-block:108px 0}.home-flow-heading{grid-template-columns:1fr 1fr;align-items:end;gap:100px;display:grid}.home-flow-heading h2{font-size:var(--text-heading)}.home-flow-heading p{font-size:var(--text-lg);max-width:520px}.home-flow-steps{grid-template-columns:repeat(4,1fr);gap:34px;margin:56px 0 48px;padding:0;list-style:none;display:grid}.home-flow-steps span{border:1px solid var(--accent-line);background:var(--accent-wash);width:32px;height:32px;color:var(--amber);font-family:var(--mono);font-size:var(--text-sm);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.home-flow-steps h3{font-size:var(--text-xl);letter-spacing:-.025em;margin-bottom:12px;line-height:1.35}.home-flow-steps p{font-size:var(--text-sm)}.home-flow>.text-link{font-size:var(--text-xs);margin-top:24px}.terminal-fit{border-block:1px solid var(--line);grid-template-columns:1fr 2.4fr;align-items:start;gap:38px;padding-block:34px;display:grid}.terminal-fit h2{font-size:var(--text-xl);letter-spacing:-.025em;line-height:1.4}.terminal-fit p,.terminal-integrations span{font-size:var(--text-xs);margin-top:5px}.terminal-integrations .text-link{font-size:var(--text-xs);margin-top:8px;display:inline-block}.terminal-integrations{grid-template-columns:1fr 1.25fr 1fr;gap:32px;display:grid}.terminal-integrations strong{font-size:var(--text-xl);letter-spacing:-.04em;align-items:center;gap:14px;display:flex}.terminal-integrations .mono-name{font-family:var(--mono);font-size:var(--text-xl)}.terminal-integrations span{color:var(--muted);max-width:200px;line-height:1.8;display:block}.session-story{grid-template-columns:1fr 1fr;gap:100px;padding-block:108px;display:grid}.session-story h2{font-size:var(--text-heading)}.session-story-heading p{max-width:420px;font-size:var(--text-lg);margin-top:25px}.session-capabilities{gap:34px;display:grid}.session-capabilities article{grid-template-columns:25px 1fr;gap:18px;display:grid}.session-capabilities article>svg{color:var(--amber);margin-top:3px}.session-capabilities h3{font-size:var(--text-xl);letter-spacing:-.025em;margin-bottom:12px}.session-capabilities p{font-size:var(--text-base)}.key-shelf{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.key-shelf kbd{font-family:var(--mono);font-size:var(--text-2xs);background:var(--surface);border:1px solid var(--border-strong);min-width:30px;color:var(--text-soft);text-align:center;border-bottom-width:3px;border-radius:5px;padding:3px 9px}.product-trust{border-block:1px solid var(--line);padding-block:76px}.product-trust>h2{max-width:740px;font-size:var(--text-heading)}.trust-answers{grid-template-columns:1fr 1fr;gap:96px;margin-top:48px;display:grid}.trust-answers article>svg{color:var(--green);margin-bottom:20px}.trust-answers h3{font-size:var(--text-2xl);max-width:410px;margin-bottom:15px;line-height:1.3}.trust-answers p{font-size:var(--text-base);max-width:440px}.trust-answers .text-link{font-size:var(--text-xs);margin-top:22px}.hosting-invitation{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:80px;padding-block:82px;display:flex}.hosting-invitation>div>svg{color:var(--amber);margin-bottom:20px}.hosting-invitation h2{font-size:var(--text-4xl)}.hosting-invitation p{font-size:var(--text-base);max-width:580px;margin-top:20px}.hosting-invitation>a{flex-shrink:0}.home-finish{justify-content:space-between;align-items:center;gap:35px;padding-block:70px;display:flex}.home-finish h2{font-size:var(--text-4xl)}.home-finish p{font-size:var(--text-xs);margin-top:12px}.demo{min-width:0}.demo-heading{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.demo-heading strong{font-size:var(--text-sm);color:var(--text-soft);font-weight:550}.demo-heading>span{font-size:var(--text-2xs);color:var(--text-meta)}.demo-controls{gap:6px;margin-bottom:20px;display:flex}.demo-controls button{min-height:44px;font-size:var(--text-xs);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:8px 14px}.demo-controls button.active{color:var(--amber);border-color:var(--accent-line);background:var(--accent-wash)}.demo-controls button:hover{border-color:var(--border-hover)}.demo-stage{isolation:isolate;min-height:500px;position:relative}.demo-stage:before{content:"";background:radial-gradient(ellipse at 65% 50%, var(--accent-glow), transparent 65%);z-index:-1;position:absolute;inset:20% 0 0}.desktop-window,.phone-device,.demo-notification{color-scheme:dark;--text:#f2f1ed;--muted:#a4a6b2;--amber:#ffba60;--green:#9cccb0;--line:#252832;color:var(--text)}.desktop-window{background:#0d0f15;border:1px solid #343741;border-radius:10px;width:calc(100% - 126px);position:absolute;top:54px;left:0;overflow:hidden;box-shadow:0 20px 60px #0003}.window-bar{height:39px;font-size:var(--text-2xs);color:#a4a6b2;background:#191c24;border-bottom:1px solid #292c35;align-items:center;gap:15px;padding:0 15px;display:flex}.window-bar>span:nth-child(2){align-items:center;gap:8px;display:flex}.window-bar>.status-dot{margin-left:auto}.window-dots{gap:5px;display:flex}.window-dots i{background:#8e6865;border-radius:50%;width:6px;height:6px}.window-dots i:nth-child(2){background:#958156}.window-dots i:nth-child(3){background:#557862}.terminal-pane{padding:20px 20px 16px}.terminal-heading{color:#a4a6b2;font-size:var(--text-2xs);justify-content:space-between;margin-bottom:20px;display:flex}.terminal-heading>span:last-child{font-family:var(--mono);font-size:var(--text-2xs);color:#858b99}.terminal-output{font-family:var(--mono);font-size:var(--text-2xs);min-height:227px;max-height:280px;line-height:1.95;overflow-y:auto}.terminal-output p,.phone-output p{color:#d1d3dc}.terminal-output .terminal-muted,.phone-output .terminal-muted{color:#999fad}.terminal-output .terminal-green,.phone-output .terminal-green{color:var(--green)}.terminal-output .amber,.phone-output .amber{color:var(--amber)}.terminal-prompt{font-family:var(--mono);font-size:var(--text-2xs);align-items:center;gap:8px;min-height:20px;margin-top:13px;display:flex}.terminal-cursor{background:#ffba6088;width:5px;height:12px}.window-bottom{font-size:var(--text-2xs);color:#989fad;border-top:1px solid #252832;padding:9px 20px}.phone-device{z-index:2;background:#0c0e14;border:5px solid #292a31;border-radius:36px;outline:1px solid #50535c;width:260px;padding:15px 17px 27px;position:absolute;top:0;right:0;box-shadow:0 20px 45px #0005}.phone-status{height:20px;font-size:var(--text-2xs);justify-content:space-between;align-items:center;padding-inline:3px;display:flex;position:relative}.phone-island{background:#000;border-radius:20px;width:74px;height:19px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-app-heading{font-size:var(--text-base);border-bottom:1px solid #252832;align-items:center;gap:8px;padding-block:24px 15px;display:flex}.phone-app-heading>svg{color:#999fad;margin-left:auto}.phone-session{font-size:var(--text-xs);align-items:center;gap:8px;padding-block:15px;display:flex}.phone-output{height:210px;font-family:var(--mono);font-size:var(--text-2xs);scrollbar-width:thin;line-height:1.85;overflow-y:auto}.phone-keyboard{border-top:1px solid #252832;gap:5px;padding-top:12px;display:flex}.phone-keyboard span{text-align:center;font-size:var(--text-2xs);color:#b0b5c2;font-family:var(--mono);background:#191c24;border:1px solid #30343f;border-radius:4px;flex:1;padding:4px}.phone-reply{width:100%;min-height:44px;color:var(--amber);font-size:var(--text-xs);background:#ffba6014;border:1px solid #ffba6055;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;padding:10px 12px;display:flex}.phone-reply:hover:not([aria-disabled=true]){background:#ffba6025}.phone-reply[aria-disabled=true]{color:var(--green);background:#9cccb011;border-color:#9cccb055}.phone-home{background:#777e8e;border-radius:3px;width:80px;height:3px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.demo-notification{z-index:3;background:#1b1e28;border:1px solid #3c414d;border-radius:12px;align-items:center;gap:10px;width:calc(100% - 84px);max-width:340px;padding:12px 14px;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 12px 28px #0004}.demo-notification>img{border-radius:8px;flex-shrink:0}.demo-notification>div{flex:1;min-width:0}.demo-notification strong{font-size:var(--text-2xs);justify-content:space-between;align-items:center;font-weight:600;display:flex}.demo-notification small{color:#a4a6b2;font-size:var(--text-2xs);font-weight:400}.demo-notification span{color:#c2c7d4;font-size:var(--text-2xs);margin-top:2px;line-height:1.5;display:block}.demo-caption{font-size:var(--text-2xs);color:var(--text-meta);margin-top:20px;line-height:1.8}}@layer responsive{@media (width<=1100px){.product-hero{grid-template-columns:.85fr 1.15fr;gap:32px}.product-intro h1{font-size:3.25rem}.product-description{font-size:var(--text-base)}.product-actions{flex-direction:column;align-items:start}.terminal-fit{grid-template-columns:1fr;gap:22px}.terminal-integrations span{max-width:none}.session-story{gap:55px}.trust-answers{gap:50px}.home-flow-heading{gap:55px}.home-flow-steps{grid-template-columns:1fr 1fr;gap:40px 50px}}@media (width<=800px){.product-hero{grid-template-columns:1fr;gap:42px;width:calc(100% - 40px);max-width:650px;padding-block:36px 54px}.product-intro{padding:0}.product-intro h1{font-size:clamp(2.6875rem,7vw,3.875rem)}.product-category{font-size:var(--text-xs);margin-bottom:20px}.product-description{max-width:530px}.product-actions{flex-direction:row;align-items:center}.product-availability{font-size:var(--text-2xs)}.home-flow{padding-block:65px 0}.home-flow-heading{grid-template-columns:1fr;gap:20px}.home-flow-heading p{font-size:var(--text-base)}.session-story{grid-template-columns:1fr;gap:38px;padding-block:65px}.session-story-heading p{max-width:600px;font-size:var(--text-base)}.product-trust{padding-block:54px}.trust-answers{gap:34px;margin-top:35px}.trust-answers h3{font-size:var(--text-xl)}.hosting-invitation{flex-direction:column;align-items:start;gap:30px;padding-block:55px}.home-finish{flex-direction:column;align-items:start;padding-block:54px}.home-finish h2{font-size:var(--text-3xl)}}@media (width<=500px){.product-intro h1{font-size:2.6875rem}.product-description{font-size:var(--text-base);margin-top:22px}.product-actions{gap:20px}.terminal-integrations{grid-template-columns:1fr;gap:22px}.terminal-integrations>div{grid-template-columns:90px 1fr;align-items:start;gap:18px;display:grid}.terminal-integrations strong{gap:7px}.terminal-integrations span{margin-top:0}.terminal-fit{padding-block:28px}.trust-answers{grid-template-columns:1fr;gap:35px}.session-story{padding-block:55px}.home-flow-steps{grid-template-columns:1fr;gap:32px;margin-block:40px 36px}}@media (width<=1100px) and (width>=801px){.phone-device{width:236px;padding-inline:14px}.desktop-window{width:calc(100% - 75px)}.terminal-pane{padding:17px 13px}.demo-notification{max-width:300px}.demo-controls button{padding-inline:11px}}@media (width<=800px){.demo{width:100%;max-width:570px;margin:auto}.demo-heading{flex-flow:wrap;justify-content:space-between;gap:3px 15px}.demo-controls{margin-bottom:24px}.demo-stage{min-height:510px}.phone-device{width:272px}.phone-output{font-size:var(--text-xs)}.desktop-window{width:calc(100% - 130px)}}@media (width<=500px){.demo-stage{min-height:545px}.phone-device{width:272px;right:50%;transform:translate(50%)}.desktop-window{display:none}.demo-notification{width:100%;max-width:none;bottom:0}.phone-output{font-size:var(--text-xs);height:220px}.demo-heading strong{font-size:var(--text-xs)}.demo-controls button{flex:1;padding-inline:8px}.demo-caption{margin-top:18px}}}
