.hero{border-bottom:1px solid var(--line);padding:140px 32px 80px}.hero-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.hero-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;display:grid}.hero-text{max-width:680px}.product-label{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);background:#ff4a1c14;border:1px solid #ff4a1c4d;border-radius:100px;align-items:center;gap:10px;margin-bottom:24px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.product-label:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1.product-name{letter-spacing:-.045em;margin-bottom:24px;font-family:Fraunces,serif;font-size:clamp(88px,13vw,200px);font-weight:400;line-height:.88}h1.product-name em{color:var(--accent);font-style:italic;font-weight:300}.product-tagline{letter-spacing:-.015em;color:#0a0a0acc;max-width:600px;margin-bottom:32px;font-family:Fraunces,serif;font-size:clamp(22px,2.5vw,32px);font-style:italic;font-weight:300;line-height:1.3}.product-sub-desc{color:#0a0a0ab3;max-width:560px;margin-bottom:40px;font-size:17px;line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{justify-content:center;align-items:center;height:560px;padding:10px;display:flex;position:relative}.assembly{flex-direction:column;gap:14px;width:100%;max-width:460px;display:flex;position:relative}.assembly-label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.assembly-label span.live{color:var(--accent);align-items:center;gap:6px;display:flex}.assembly-label span.live:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse}.comp-voice{background:var(--ink);color:var(--paper);opacity:0;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:20px;animation:.7s cubic-bezier(.22,1,.36,1) .2s forwards comp-in;display:grid}@keyframes comp-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.voice-icon{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.voice-icon:before{content:"";background:var(--paper);border-radius:4px;width:10px;height:14px}.voice-wave{align-items:center;gap:3px;height:28px;display:flex}.voice-wave span{background:var(--paper);border-radius:2px;width:3px;animation:1.4s ease-in-out infinite wave}@keyframes wave{0%,to{height:30%}50%{height:100%}}.voice-wave span:first-child{height:40%;animation-delay:0s}.voice-wave span:nth-child(2){height:80%;animation-delay:.1s}.voice-wave span:nth-child(3){height:60%;animation-delay:.2s}.voice-wave span:nth-child(4){height:90%;animation-delay:.3s}.voice-wave span:nth-child(5){height:50%;animation-delay:.4s}.voice-wave span:nth-child(6){height:70%;animation-delay:.5s}.voice-wave span:nth-child(7){height:45%;animation-delay:.6s}.voice-wave span:nth-child(8){height:85%;animation-delay:.7s}.voice-wave span:nth-child(9){height:55%;animation-delay:.8s}.voice-wave span:nth-child(10){height:40%;animation-delay:.9s}.voice-wave span:nth-child(11){height:72%;animation-delay:1s}.voice-wave span:nth-child(12){height:62%;animation-delay:1.1s}.voice-time{color:#f2efe899;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:11px}.comp-connector{opacity:0;justify-content:center;margin:-4px 0;animation:.5s forwards line-fade;display:flex}.comp-connector:before{content:"";background:var(--line-strong);opacity:.4;width:1px;height:18px}.comp-connector.c1{animation-delay:.5s}.comp-connector.c2{animation-delay:.8s}.comp-connector.c3{animation-delay:1.1s}@keyframes line-fade{to{opacity:1}}.comp-refs{background:var(--paper);border:1px solid var(--line);opacity:0;border-radius:12px;align-items:center;gap:12px;padding:18px 20px;animation:.7s cubic-bezier(.22,1,.36,1) .5s forwards comp-in;display:flex}.refs-label{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px}.refs-thumbs{gap:6px;margin-left:auto;display:flex}.ref-thumb{border:1px solid var(--line);border-radius:6px;width:28px;height:28px}.ref-thumb:first-child{background:linear-gradient(135deg,var(--bone)50%,var(--accent)50%)}.ref-thumb:nth-child(2){background:var(--ink)}.ref-thumb:nth-child(3){background:var(--paper-2);border-color:var(--line-strong);position:relative}.ref-thumb:nth-child(3):before{content:"";background:var(--ink);border-radius:2px;position:absolute;inset:30% 20%}.comp-components{background:var(--paper);border:1px solid var(--line);opacity:0;border-radius:12px;padding:20px;animation:.7s cubic-bezier(.22,1,.36,1) .8s forwards comp-in}.comps-head{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);justify-content:space-between;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.comps-head .comps-count{color:var(--accent)}.comps-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.comp-tile{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);background:var(--paper-2);border-radius:6px;justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:14px;transition:all .3s;display:flex}.comp-tile.active{background:var(--accent);color:var(--paper);border-color:var(--accent)}.comp-tile.wide{background:var(--ink);color:var(--paper);border-color:var(--ink)}.comp-output{background:var(--accent);color:var(--paper);opacity:0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:20px;animation:.7s cubic-bezier(.22,1,.36,1) 1.1s forwards comp-in;display:grid;box-shadow:0 12px 28px #ff4a1c40}.output-label{text-transform:uppercase;letter-spacing:.15em;opacity:.85;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px}.output-title{letter-spacing:-.015em;font-family:Fraunces,serif;font-size:20px;font-style:italic;font-weight:400}.output-arrow{background:var(--paper);width:36px;height:36px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}@media (max-width:1100px){.hero-content{grid-template-columns:1fr;gap:60px}.hero-visual{order:2;height:auto;padding:0}}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:32px}.hero{padding:120px 20px 60px}}.how-section{border-bottom:1px solid var(--line);padding:120px 32px}.how-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.how-stages{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.how-stage{background:var(--paper);flex-direction:column;min-height:400px;padding:48px 36px 44px;transition:all .3s;display:flex;position:relative}.how-stage:hover{background:var(--ink);color:var(--paper)}.how-stage:hover .hs-num{color:var(--accent)}.how-stage:hover .hs-desc{color:#f2efe8bf}.how-stage:hover .hs-tags{border-color:#f2efe826}.how-stage:hover .hs-tag{color:#f2efe8b3;background:#f2efe814;border-color:#f2efe826}.how-stage:hover .hs-glyph{color:var(--accent);background:#ff4a1c1a;border-color:#f2efe84d}.hs-num{color:var(--muted);letter-spacing:.2em;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:11px;transition:color .3s}.hs-glyph{border:1px solid var(--line-strong);width:52px;height:52px;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;margin-bottom:28px;font-family:Fraunces,serif;font-size:24px;font-style:italic;font-weight:400;transition:all .3s;display:flex}.how-stage h3{letter-spacing:-.03em;margin-bottom:14px;font-family:Fraunces,serif;font-size:34px;font-weight:400;line-height:1}.how-stage h3 em{color:var(--accent);font-style:italic;font-weight:300}.hs-desc{color:#0a0a0ab3;flex:1;margin-bottom:28px;font-size:14px;line-height:1.6;transition:color .3s}.hs-tags{border-top:1px dashed var(--line);flex-wrap:wrap;gap:6px;padding-top:20px;transition:border-color .3s;display:flex}.hs-tag{text-transform:uppercase;letter-spacing:.15em;background:var(--paper-2);border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:9px;transition:all .3s}@media (max-width:1000px){.how-stages{grid-template-columns:1fr}.how-stage{min-height:auto}}@media (max-width:900px){.how-inner{grid-template-columns:1fr;gap:32px}.how-section{padding:80px 20px}}.examples-section{background:var(--paper-2);border-bottom:1px solid var(--line);padding:120px 32px}.examples-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.examples-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.example-card{background:var(--paper);border:1px solid var(--line);flex-direction:column;padding:0;transition:all .25s;display:flex;overflow:hidden}.example-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 20px 40px #0a0a0a14}.example-card:hover .ex-mockup{background:var(--ink)}.example-card:hover .ex-mockup-screen{background:var(--paper)}.ex-mockup{background:var(--paper-2);justify-content:center;align-items:center;height:160px;padding:20px;transition:background .3s;display:flex;position:relative}.ex-mockup-screen{background:var(--paper);border:1px solid var(--line-strong);border-radius:10px;flex-direction:column;gap:5px;width:120px;height:128px;padding:10px 8px;transition:background .3s;display:flex;position:relative;overflow:hidden}.ex-mockup-screen .mock-bar{background:var(--bone);border-radius:2px;height:3px}.ex-mockup-screen .mock-bar.accent{background:var(--accent)}.ex-mockup-screen .mock-bar.full{width:100%}.ex-mockup-screen .mock-bar.w80{width:80%}.ex-mockup-screen .mock-bar.w60{width:60%}.ex-mockup-screen .mock-bar.w40{width:40%}.ex-mockup-screen .mock-circle{background:var(--bone);border-radius:50%;width:28px;height:28px;margin:4px auto}.ex-mockup-screen .mock-circle.accent{background:var(--accent)}.ex-mockup-screen .mock-chart{align-items:flex-end;gap:3px;height:32px;margin-top:6px;display:flex}.ex-mockup-screen .mock-chart span{background:var(--bone);border-radius:1px;flex:1}.ex-mockup-screen .mock-chart span.accent{background:var(--accent)}.ex-mockup-screen .mock-input{background:var(--paper-2);border:1px solid var(--line);border-radius:4px;height:14px;margin-top:auto}.ex-content{flex-direction:column;flex:1;gap:10px;padding:24px 24px 28px;display:flex}.ex-category{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:9px}.ex-title{letter-spacing:-.02em;font-family:Fraunces,serif;font-size:22px;font-weight:400;line-height:1.15}.ex-desc{color:#0a0a0aa6;flex:1;font-size:13px;line-height:1.5}.ex-persona{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-top:1px dashed var(--line);margin-top:8px;padding-top:14px;font-family:JetBrains Mono,monospace;font-size:10px}@media (max-width:1000px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.examples-grid{grid-template-columns:1fr}}@media (max-width:900px){.examples-inner{grid-template-columns:1fr;gap:32px}.examples-section{padding:80px 20px}}.caps-section{border-bottom:1px solid var(--line);padding:120px 32px}.caps-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.caps-grid{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.cap-item{border-top:1px solid var(--line);grid-template-columns:60px 1fr;align-items:start;gap:28px;padding:40px 40px 40px 0;display:grid}.cap-item:nth-child(2n){border-left:1px solid var(--line);padding-left:40px;padding-right:0}.cap-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.cap-num{color:var(--accent);letter-spacing:.15em;padding-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.cap-item h3{letter-spacing:-.015em;margin-bottom:10px;font-family:Fraunces,serif;font-size:22px;font-weight:400;line-height:1.2}.cap-item p{color:#0a0a0aa6;font-size:14px;line-height:1.55}@media (max-width:900px){.caps-inner{grid-template-columns:1fr;gap:32px}.caps-section{padding:80px 20px}.caps-grid{grid-template-columns:1fr}.cap-item,.cap-item:nth-child(2n){border-left:none;padding:28px 0}.cap-item:not(:first-child){border-top:1px solid var(--line)}}.deliv-section{background:var(--ink);color:var(--paper);border-bottom:1px solid var(--line);padding:120px 32px;position:relative;overflow:hidden}.deliv-section:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);height:1px;position:absolute;top:0;left:0;right:0}.deliv-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.deliv-section .section-tag{color:var(--paper);border-color:var(--accent)}.deliv-section .section-header h2{color:var(--paper)}.deliv-section .section-header p{color:#f2efe8a6}.deliv-list{background:#f2efe81a;border:1px solid #f2efe81a;grid-template-columns:1fr 1fr;gap:2px;display:grid}.deliv-item{background:var(--ink);align-items:flex-start;gap:20px;padding:32px;transition:all .25s;display:flex}.deliv-item:hover{background:#ff4a1c0f}.deliv-item:hover .dl-check{background:var(--accent);color:var(--paper);border-color:var(--accent)}.dl-check{border:1px solid #f2efe84d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;transition:all .25s;display:flex}.deliv-item h3{letter-spacing:-.015em;color:var(--paper);margin-bottom:8px;font-family:Fraunces,serif;font-size:20px;font-weight:400;line-height:1.2}.deliv-item p{color:#f2efe8a6;font-size:13px;line-height:1.55}@media (max-width:900px){.deliv-inner{grid-template-columns:1fr;gap:32px}.deliv-section{padding:80px 20px}.deliv-list{grid-template-columns:1fr}}