:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07100f;color:#e9f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #07100f;--panel: #0d1716;--panel-2: #101f1d;--line: rgba(198, 232, 219, .16);--text: #e9f4ef;--muted: #98aaa4;--mint: #65e6af;--teal: #2dd4bf;--amber: #f6c762;--rose: #ff7a90;--blue: #75b8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 14%,rgba(101,230,175,.18),transparent 30rem),radial-gradient(circle at 82% 20%,rgba(246,199,98,.11),transparent 26rem),linear-gradient(180deg,#07100f,#0a1211 46%,#08100f)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}main{overflow:hidden}.hero{position:relative;min-height:100svh;padding:18px clamp(18px,4vw,56px) clamp(34px,5vw,58px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);grid-template-rows:auto minmax(0,1fr);align-items:center;column-gap:clamp(28px,5vw,80px);row-gap:clamp(28px,5vh,58px)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(233,244,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(233,244,239,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 82%);mask-image:linear-gradient(to bottom,#000,transparent 82%)}.nav{position:relative;z-index:3;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:8px 0}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand img{width:44px;height:44px;object-fit:contain;transform:scale(1.8);transform-origin:center}.brand span{display:grid;gap:2px}.brand small{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.brand strong{font-size:.98rem;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:clamp(12px,2.2vw,28px);color:var(--muted);font-size:.92rem}.nav-links a{transition:color .16s ease}.nav-links a:hover{color:var(--text)}.nav-install{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgba(101,230,175,.35);color:#08110e;background:var(--mint);font-size:.9rem;font-weight:900;transition:transform .16s ease,background .16s ease}.nav-install:hover{transform:translateY(-1px);background:var(--amber)}.hero-copy{position:relative;z-index:2;max-width:780px}.eyebrow,.section-kicker{color:var(--mint);text-transform:uppercase;font-size:.76rem;letter-spacing:.11em;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;max-width:820px;font-size:clamp(3rem,5.75vw,6.9rem);line-height:.94;letter-spacing:0}.hero-copy p:not(.eyebrow){max-width:680px;color:#bfd1ca;font-size:clamp(1.04rem,1.7vw,1.36rem);line-height:1.65}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:0 18px;font-weight:800;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#06100d;border-color:transparent;background:linear-gradient(135deg,var(--mint),var(--amber))}.button.secondary,.button.ghost{background:#e9f4ef12;color:var(--text)}.button.text{border-color:transparent;color:var(--muted)}.workspace{position:relative;z-index:1;right:auto;bottom:auto;width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(230px,.72fr);gap:12px;opacity:.92}.editor-shell,.insight-panel,.trust-terminal,.builder-panel,.screenshot-slot{border:1px solid var(--line);background:#091312d1;box-shadow:0 28px 80px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.editor-shell{min-width:0;overflow:visible}.editor-topbar{height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);background:#e9f4ef08}.dot{width:10px;height:10px;border-radius:999px}.red{background:var(--rose)}.yellow{background:var(--amber)}.green{background:var(--mint)}.tab{margin-left:8px;color:var(--muted);font-size:.78rem}.tab.active{color:var(--text)}.editor-body{position:relative;min-height:clamp(320px,48vh,430px);padding:clamp(18px,3vh,26px) 0 22px;overflow:visible}.code-lines{margin:0;padding-left:clamp(46px,4vw,66px);color:#d5e6df;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:clamp(.72rem,.82vw,.95rem);line-height:2;counter-reset:code}.code-lines li{padding:0 18px}.code-lines li::marker{color:#e9f4ef57}.focus-line{position:relative;color:#f4fff9;background:linear-gradient(90deg,rgba(101,230,175,.2),transparent);outline:1px solid rgba(101,230,175,.24);animation:focusPulse 3s ease-in-out infinite}.token-purple{color:#d6a9ff}.cursor{display:inline-block;width:8px;height:1.2em;margin-left:3px;vertical-align:-.2em;background:var(--mint);animation:blink 1s steps(2,start) infinite}.hover-pop{position:absolute;z-index:4;top:clamp(108px,17vh,150px);right:18px;width:min(300px,52%);padding:16px;border:1px solid rgba(101,230,175,.3);background:#0c1816f5;box-shadow:0 22px 60px #00000057;animation:hoverReveal 5s ease-in-out infinite}.hover-title{display:flex;align-items:center;gap:8px;color:var(--mint);font-weight:900}.hover-pop code,.signature{display:inline-block;margin:10px 0;color:var(--amber);font-family:Cascadia Code,Consolas,monospace}.hover-pop p,.hover-pop li,.panel-content p{color:#b7cac3;line-height:1.5;font-size:.9rem}.hover-pop ul{padding-left:18px;margin:8px 0 12px}.hover-actions{display:flex;flex-wrap:wrap;gap:8px}.hover-actions span{padding:5px 7px;color:#07100f;background:var(--mint);font-size:.72rem;font-weight:900}.insight-panel{align-self:end;min-width:0}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.panel-tabs span{padding:12px 8px;color:var(--muted);text-align:center;font-size:.78rem;border-bottom:2px solid transparent}.panel-tabs .active{color:var(--text);border-color:var(--mint)}.panel-content{padding:18px}.panel-content h2{font-size:clamp(1.2rem,2vw,1.8rem);margin-bottom:2px}.panel-content h3{margin:12px 0 8px;color:var(--mint);font-size:.9rem}.mini-test,.ask-row{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;color:var(--text);background:#e9f4ef0f;border:1px solid var(--line)}.section{padding:clamp(70px,10vw,130px) clamp(18px,5vw,74px)}.narrative{max-width:1180px}.narrative h2,.section-heading h2,.trust-copy h2,.builder-panel h2,.final-cta h2,.image-copy h2{margin:12px 0 0;max-width:900px;font-size:clamp(2rem,4.8vw,5rem);line-height:1;letter-spacing:0}.narrative p,.section-heading p,.trust-copy p,.builder-panel p,.image-copy p{max-width:760px;color:#b9ccc5;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.8}.narrative p{margin-top:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:36px}.section-heading p{max-width:420px;margin-bottom:0}.flow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-step{min-height:300px;padding:26px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(233,244,239,.045),transparent)}.flow-step:last-child{border-right:0}.flow-step span{color:var(--amber);font-family:Cascadia Code,Consolas,monospace}.flow-step strong{display:block;margin-top:40px;color:var(--mint);font-size:.9rem}.flow-step h3{margin:14px 0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.12}.flow-step p,.insight-item p{color:var(--muted);line-height:1.7}.image-strip{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(24px,5vw,70px);align-items:start;padding-top:clamp(56px,8vw,96px)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.screenshot-slot{margin:0;min-height:230px;overflow:hidden}.screenshot-slot img{display:block;width:100%;height:clamp(210px,18vw,300px);object-fit:cover;object-position:top left;background:#0b1413}.screenshot-slot figcaption{padding:12px 14px;color:var(--muted);border-top:1px solid var(--line);font-size:.85rem}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.insight-item{min-height:230px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#e9f4ef09}.insight-item:nth-child(3n){border-right:0}.insight-item:nth-last-child(-n+3){border-bottom:0}.insight-item svg{color:var(--amber)}.insight-item h3{margin:30px 0 12px;font-size:1.35rem}.trust-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(28px,6vw,96px);align-items:center}.trust-terminal{padding:16px}.terminal-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;border-bottom:1px solid var(--line);color:#c9ddd5;font-family:Cascadia Code,Consolas,monospace;font-size:.9rem}.terminal-row:last-child{border-bottom:0}.terminal-row.ok svg{color:var(--mint)}.terminal-row.muted svg{color:var(--blue)}.builders{padding-top:20px}.builder-panel{padding:clamp(28px,5vw,68px);background:linear-gradient(120deg,rgba(45,212,191,.12),transparent 44%),#091312e0}.builder-panel svg{color:var(--mint)}.builder-panel p{margin-top:24px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e9f4ef09}.final-cta h2{max-width:700px}footer{min-height:82px;padding:0 clamp(18px,5vw,74px);display:flex;align-items:center;gap:22px;color:var(--muted);font-size:.92rem}.footer-brand{color:var(--text);font-weight:900;margin-right:auto}@keyframes blink{50%{opacity:0}}@keyframes focusPulse{0%,to{background-color:#65e6af0f}50%{background-color:#65e6af26}}@keyframes hoverReveal{0%,10%{opacity:0;transform:translateY(10px)}20%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media(max-width:1100px){.workspace{position:relative;right:auto;bottom:auto;width:100%;grid-template-columns:1fr;align-self:end}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding-top:56px;padding-bottom:20px}.insight-panel{transform:none}.flow-track,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-step:nth-child(2n),.insight-item:nth-child(2n){border-right:0}.insight-item:nth-child(3n){border-right:1px solid var(--line)}.insight-item:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.insight-item:nth-last-child(-n+2){border-bottom:0}.section-heading,.final-cta,.trust-section,.image-strip{grid-template-columns:1fr;flex-direction:column;align-items:start}}@media(max-width:720px){.hero{padding-inline:14px;row-gap:28px}.nav{align-items:center;gap:12px}.nav-links{display:none}h1{font-size:clamp(2.8rem,14vw,5.2rem)}.workspace{gap:10px}.editor-body{min-height:320px;padding-top:18px}.code-lines{padding-left:46px;font-size:.74rem}.hover-pop{top:auto;right:10px;bottom:12px;width:calc(100% - 20px)}.flow-track,.insight-grid,.screenshot-grid{grid-template-columns:1fr}.flow-step,.insight-item{border-right:0}.flow-step,.insight-item,.insight-item:nth-child(3n),.insight-item:nth-last-child(-n+2),.insight-item:nth-last-child(-n+3){border-right:0;border-bottom:1px solid var(--line)}.flow-step:last-child,.insight-item:last-child{border-bottom:0}.button{width:100%}.terminal-row{min-height:auto;padding-block:14px;align-items:flex-start}footer{flex-wrap:wrap;padding-block:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}