.hero-demo{--terminal-muted:#96939e;width:100%;min-width:0;font-family:var(--mono);position:relative}.demo-caption{color:#a6a0b6;letter-spacing:1.5px;align-items:center;gap:10px;margin:0 0 18px 2px;font-size:8px;display:flex}.demo-caption-line{background:var(--accent);width:22px;height:1px}.demo-terminal{background:#0d0c10;border:1px solid #37323f;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 70px -25px #9281f728,0 22px 70px #0008}.terminal-toolbar{color:#aaa6b2;background:#151318;border-bottom:1px solid #27232e;align-items:center;gap:18px;height:43px;padding:0 17px;font-size:9px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#55505f;border-radius:50%;width:7px;height:7px}.window-dots i:first-child{background:#a36568}.window-dots i:nth-child(2){background:#a18c57}.window-dots i:nth-child(3){background:#668a72}.terminal-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.terminal-kind{color:#a09aa9;margin-left:auto;font-size:8px}.terminal-screen{flex-direction:column;height:464px;padding:19px 22px 12px;font-size:10px;line-height:1.8;display:flex}.terminal-shell{color:#d8d5df;height:22px}.terminal-shell>span{color:var(--accent);margin-right:7px}.claude-welcome{opacity:0;flex-shrink:0;align-items:center;gap:13px;height:79px;display:flex}.hero-demo[data-phase=complete] .claude-welcome{height:45px}.claude-welcome.is-visible{opacity:1}.claude-mark{color:#d99778;font-size:40px;line-height:1}.claude-welcome strong{color:#e9e5ee;font-size:13px;font-weight:500;display:block}.claude-welcome div>span{color:var(--terminal-muted);margin-top:2px;font-size:9px;display:block}.terminal-transcript{scrollbar-width:none;overflow-anchor:none;flex:1;min-height:0;padding:5px 0 13px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 9px,#000);mask-image:linear-gradient(#0000,#000 9px,#000)}.terminal-transcript::-webkit-scrollbar{display:none}.terminal-idle{color:var(--terminal-muted);padding:14px 0 0 24px;font-size:10px;line-height:2}.terminal-idle>span{display:block}.terminal-idle>span:last-child{color:#9e96b1}.terminal-message{color:#e1dce8;align-items:baseline;gap:10px;margin:0 0 13px;padding:0 1px;display:flex}.terminal-message>div{overflow-wrap:anywhere;min-width:0}.terminal-message>span:first-child{flex:0 0 10px}.terminal-chevron{color:#c5b6ff}.user-message{background:#211b2d;border-radius:4px;margin-inline:-1px;padding:7px 9px}.pasted-context{color:#ac9fca;font-size:9px;display:block}.tool-message strong{color:#ece8f1;font-weight:500}.tool-command{color:#c0bacb}.tool-detail{color:var(--terminal-muted);padding-left:1px;font-size:9px;display:block}.tool-done{color:#9bcaac}.tool-working{color:#d99778;animation:.8s ease-in-out infinite alternate terminal-pulse}.agent-bullet{color:#d7d1de}.terminal-input{border-block:1px solid #514958;flex-shrink:0;align-items:baseline;gap:10px;min-height:61px;padding:10px 1px;transition:border-color .15s,background .15s;display:flex}.terminal-input>div{overflow-wrap:anywhere;flex:1;min-width:0}.input-pasted{background:#9281f70b;border-color:#9b83e4}.input-placeholder{color:#96909f}.terminal-caret{vertical-align:-2px;background:#c7b8fb;width:6px;height:12px;margin-left:3px;animation:1s steps(2,jump-none) infinite terminal-blink;display:inline-block}.enter-key{color:#e1d9f3;border:1px solid #61546f;border-bottom-width:2px;border-radius:3px;padding:3px 5px;display:flex}.terminal-status{color:var(--terminal-muted);justify-content:space-between;gap:10px;padding-top:8px;font-size:8px;display:flex}.terminal-status>span:first-child{color:#c7a38d}.hero-demo[data-phase=complete] .terminal-status>span:first-child{color:#a3cbb1}.demo-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.demo-steps{align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.demo-steps li{color:#98919f;align-items:center;gap:7px;font-size:9px;display:flex}.demo-steps li>span{border:1px solid #37323e;border-radius:50%;place-items:center;width:18px;height:18px;font-size:7px;display:grid}.demo-steps li>svg{color:#69616f;margin-left:4px}.demo-steps li.step-active{color:#c6b7ee}.demo-steps li.step-active>span{background:#201828;border-color:#75618e}.demo-controls{gap:3px;display:flex}.demo-controls button{color:#a9a0b7;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.demo-controls button:hover{color:#e3d9f5;background:#18121f;border-color:#40334e}.demo-note{color:#948b9f;margin:8px 0 0;font-size:8px}.demo-pointer{z-index:5;pointer-events:none;width:22px;height:22px;transition:transform 40ms linear,opacity 40ms linear;position:absolute;top:0;left:0}.flying-prompt{background:#20192ef5;border:1px solid #9f89d8;border-radius:7px;width:194px;padding:10px 12px;position:absolute;bottom:13px;box-shadow:0 8px 32px #0007}.flying-prompt>span{color:#e0d4fa;align-items:center;gap:7px;font-size:10px;display:flex}.flying-prompt>p{color:#b8a9cf;margin-top:7px;font-size:8px;line-height:1.6}.pointer-click{border:1px solid #c6acf9;border-radius:50%;width:20px;height:20px;animation:.55s ease-out both pointer-click;position:absolute;top:-6px;left:-6px}.hero:has(.hero-demo[data-phase=copy]) .hero-copy .copy-cta{background:#21182e;border-color:#c1a3ff;box-shadow:0 0 28px #9281f730}.hero-demo[data-running=false] *,.hero-demo[data-running=false] :before{animation-play-state:paused}.demo-preview{border:1px solid #525346;border-radius:6px;margin:5px 0 1px 20px;overflow:hidden}.preview-address{color:#d1d0c5;background:#201f1c;align-items:center;gap:7px;padding:7px 10px;font-size:8px;line-height:1.3;display:flex}.preview-live{color:#aed0a0;align-items:center;gap:4px;margin-left:auto;display:flex}.preview-live:before{content:"";background:#aed0a0;border-radius:50%;width:4px;height:4px}.preview-app{color:#31372d;background:#eeede4;padding:13px 19px 10px;font-family:Inter,sans-serif}.preview-brand{letter-spacing:-.3px;justify-content:space-between;align-items:center;font-size:9px;font-weight:500;display:flex}.preview-brand>span{font-family:var(--mono);letter-spacing:.8px;color:#646956;font-size:5px}.preview-heading{font-family:var(--serif);letter-spacing:-.5px;margin:12px 0;font-size:26px;line-height:1.15}.preview-habits{border-top:1px solid #d3d4c6}.preview-habit{border-bottom:1px solid #d3d4c6;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:7px;line-height:1.3;display:flex}.habit-week{gap:4px;display:flex}.habit-week>i{background:#dedfd2;border-radius:2px;place-items:center;width:13px;height:13px;display:grid}.habit-week>i.habit-done{color:#f0f0db;background:#5a6a49}.preview-footer{color:#626853;justify-content:space-between;margin-top:8px;font-size:6px;display:flex}@keyframes terminal-blink{to{opacity:0}}@keyframes terminal-pulse{to{opacity:.45}}@keyframes pointer-click{to{opacity:0;transform:scale(2.1)}}@media (width<=1100px){.terminal-screen{padding-inline:17px;font-size:9px}.demo-steps{gap:8px}.demo-steps li{gap:5px;font-size:8px}.demo-steps li>svg{margin-left:0}}@media (width<=950px){.hero-demo{max-width:620px;margin-inline:auto}.terminal-screen{padding-inline:22px;font-size:11px}.demo-steps{gap:16px}.demo-steps li{font-size:9px}}@media (width<=600px){.demo-caption{letter-spacing:1px;font-size:7px}.terminal-screen{height:463px;padding:14px 15px 10px;font-size:10px}.terminal-toolbar{gap:12px;padding-inline:13px}.terminal-title{font-size:8px}.terminal-kind{display:none}.demo-footer{gap:7px;margin-top:11px}.demo-steps{gap:6px}.demo-steps li{gap:4px;font-size:8px}.demo-steps li>span{width:16px;height:16px;font-size:6px}.demo-controls{gap:0}.demo-controls button{width:26px;height:32px}.demo-preview{margin-left:0}.preview-app{padding-inline:13px}.preview-heading{font-size:25px}.preview-brand>span{letter-spacing:.4px;font-size:4px}}@media (width<=360px){.demo-steps{gap:5px}.demo-steps li{gap:3px}.demo-steps li>svg{width:7px}.terminal-status{font-size:7px}.demo-controls button{width:24px}}.features-section{padding-top:104px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.feature-card{border:1px solid var(--border);background:#050505;border-radius:14px;min-width:0;overflow:hidden}.feature-visual{background:radial-gradient(at 50% 105%,#9281f716,#0000 72%);flex-direction:column;justify-content:center;align-items:center;height:238px;padding:26px;display:flex;position:relative;overflow:hidden}.feature-card-copy{border-top:1px solid #1e1d22;padding:26px 27px 28px}.feature-label{font-family:var(--mono);color:#b1a4d4;letter-spacing:1.4px;font-size:8px}.feature-card h3{color:#f1eff5;letter-spacing:-.7px;margin-top:15px;font-size:22px;font-weight:400;line-height:1.25}.feature-card p{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.9}.feature-detail{color:#aaa3b5;margin-top:22px;font-size:8px;line-height:1.8;display:block}.feature-window{background:#101014;border:1px solid #333039;border-radius:8px;width:100%;max-width:292px;box-shadow:0 12px 32px #0006}.feature-window-heading{color:#c7c2d0;border-bottom:1px solid #29262f;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:9px;display:flex}.feature-online{color:#a9c1ae;font-family:var(--mono);align-items:center;gap:5px;font-size:7px;display:flex}.feature-online i{background:#93b99c;border-radius:50%;width:4px;height:4px}.backend-service{align-items:center;gap:10px;padding:11px 14px;display:flex}.backend-service+.backend-service{border-top:1px solid #232129}.service-icon{color:#b2a0df;border:1px solid #34303e;border-radius:6px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.backend-service>div{color:#ddd7e8;min-width:0;font-size:9px}.backend-service>div>span{color:#a59eaf;margin-top:4px;font-size:7px;display:block}.backend-service>svg{color:#98bc9f;margin-left:auto}.domain-visual{gap:15px}.domain-orbit{color:#b6a1e7;border:1px solid #302937;border-radius:50%;place-items:center;width:101px;height:101px;display:grid;position:relative}.domain-orbit:before,.domain-orbit:after{content:"";background:#b6a1e7;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 10px #b6a1e780}.domain-orbit:before{top:15px;right:11px}.domain-orbit:after{background:#635277;width:3px;height:3px;bottom:16px;left:10px}.domain-orbit-inner{border:1px solid #27222d;border-radius:50%;position:absolute;inset:15px}.domain-address{color:#cbc0e3;background:#111014;border:1px solid #3b3348;border-radius:7px;align-items:center;gap:13px;width:100%;max-width:272px;padding:12px 14px;display:flex;box-shadow:0 6px 22px #0008}.domain-address>span{font-family:var(--mono);flex:1;font-size:10px}.domain-address>svg:last-child{color:#8a7c9d}.domain-secure{color:#a6b5a3;align-items:center;gap:6px;font-size:8px;display:flex}.direct-agent-visual{gap:15px}.direct-agent-options{justify-content:center;gap:9px;width:100%;display:flex}.direct-agent-options>span{color:#d2c8e0;white-space:nowrap;background:#111014;border:1px solid #393040;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:9px;display:flex}.direct-agent-options svg{color:#b6a1e7}.direct-agent-connection{color:#a18abc;font-family:var(--mono);letter-spacing:1.4px;flex-direction:column;align-items:center;gap:6px;font-size:6px;display:flex}.direct-agent-savings{flex-direction:column;align-items:center;gap:10px;display:flex}.direct-agent-savings>span:first-child{font-family:var(--serif);letter-spacing:-3px;color:#d6c2f5;font-size:77px;line-height:.85}.direct-agent-savings>span:last-child{color:#b4a5c5;font-size:9px}@media (width<=1100px){.feature-grid{gap:12px}.feature-visual{padding-inline:19px}.feature-card-copy{padding-inline:21px}.feature-card h3{min-height:50px;font-size:20px}.feature-card p{font-size:11px}.feature-detail{font-size:7px}.backend-service{gap:7px;padding-inline:10px}.backend-service>div>span{font-size:6px}.domain-address{gap:8px;padding-inline:11px}.domain-address>span{font-size:9px}}@media (width<=850px){.features-section{padding-top:78px}.feature-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:30px}.feature-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.feature-visual{height:100%;min-height:238px;padding:26px}.feature-card-copy{border-top:0;border-left:1px solid #1e1d22;padding:28px}.feature-card h3{min-height:0;font-size:23px}.feature-card p{font-size:12px}.feature-detail{font-size:8px}.backend-service>div>span{font-size:7px}}@media (width<=600px){.features-section{padding-top:68px}.feature-card{display:block}.feature-visual{height:238px}.feature-card-copy{border-top:1px solid #1e1d22;border-left:0;padding:25px 26px 28px}.feature-card p{font-size:13px}.feature-detail{margin-top:18px}}