:root { color-scheme: dark; --bg:#061017; --bg2:#091821; --surface:#0d2029; --surface2:#112a34; --line:#1f3943; --text:#eff9f7; --muted:#91a9ad; --brand:#54e2bd; --brand2:#8bf1d6; --warm:#f2b75a; --radius:22px; --max:1180px; }
* { box-sizing:border-box; }
*[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
.skip-link { position:fixed; z-index:1000; left:12px; top:-60px; padding:10px 14px; color:#061017; background:var(--brand); border-radius:10px; }
.skip-link:focus { top:12px; }
.site-header { position:fixed; z-index:50; inset:0 0 auto; height:72px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:40px; padding:0 max(24px,calc((100vw - var(--max))/2)); border-bottom:1px solid rgba(70,112,122,.2); background:rgba(6,16,23,.8); backdrop-filter:blur(22px); }
.brand { display:flex; align-items:center; gap:11px; font-size:18px; letter-spacing:-.03em; }
.brand>img { width:34px; height:34px; display:block; border-radius:10px; object-fit:contain; filter:drop-shadow(0 7px 16px rgba(84,226,189,.15)); }
.site-header nav { justify-self:center; display:flex; gap:30px; color:#a9bcbe; font-size:13px; }
.site-header nav a { transition:color .18s; }
.site-header nav a:hover { color:var(--text); }
.header-actions { display:flex; align-items:center; gap:8px; }
.language-toggle { width:40px; height:38px; border:0; color:var(--muted); background:transparent; cursor:pointer; font-size:11px; font-weight:800; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 21px; border:1px solid var(--brand); border-radius:12px; color:#062018; background:var(--brand); font-weight:800; font-size:13px; cursor:pointer; transition:transform .18s,box-shadow .18s,background .18s; }
.button:hover { transform:translateY(-2px); box-shadow:0 13px 35px rgba(84,226,189,.17); background:var(--brand2); }
.button.small { min-height:38px; padding:0 15px; font-size:11px; }
.button.ghost { color:#c5dad8; border-color:var(--line); background:rgba(13,32,41,.55); }
.button.light { color:#092018; background:#eaf8f4; border-color:#eaf8f4; }
.menu-toggle { display:none; }
.section-pad { width:min(var(--max),calc(100% - 48px)); margin-inline:auto; }
.section-block { padding-top:112px; padding-bottom:112px; }
.hero { min-height:760px; display:grid; grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr); gap:70px; align-items:center; padding-top:120px; }
.hero::before { content:""; position:absolute; z-index:-1; width:min(650px,100vw); height:min(650px,100vw); right:0; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(84,226,189,.09),transparent 67%); }
.eyebrow { display:inline-block; color:var(--brand); font-size:10px; font-weight:850; letter-spacing:.18em; }
.hero h1 { margin:17px 0 25px; max-width:650px; font-size:clamp(48px,6vw,79px); line-height:.96; letter-spacing:-.058em; }
.hero h1 span,.hero h1 em { display:block; }
.hero h1 em { color:var(--brand); font-style:normal; }
.lead { max-width:610px; margin:0; color:#a6babc; font-size:17px; line-height:1.75; }
.hero-actions { display:flex; gap:10px; margin-top:32px; }
.demo-note { display:flex; align-items:center; gap:8px; margin:17px 0 0; color:#708b90; font-size:10px; }
.demo-note i,.floating-card i { width:7px; height:7px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 5px rgba(84,226,189,.08); }
.hero-visual { position:relative; }
.app-window { overflow:hidden; border:1px solid #25404b; border-radius:20px; background:#07141b; box-shadow:0 45px 100px rgba(0,0,0,.43); transform:perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.app-bar { height:45px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 15px; border-bottom:1px solid #1b333d; color:#6f8b91; background:#0c1d25; font-size:9px; }
.app-bar>b { justify-self:end; color:#65dcbf; font-size:8px; letter-spacing:.1em; }
.window-dots { display:flex; gap:5px; }.window-dots i{width:7px;height:7px;border-radius:50%;background:#29434d}.window-dots i:first-child{background:#6ecdb7}
.app-body { display:grid; grid-template-columns:1.07fr .93fr; min-height:430px; }
.mock-panel { min-width:0; padding:20px; }.mock-panel+ .mock-panel{border-left:1px solid #1b333d;background:#091820}
.mock-panel>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; color:#d7e7e4; font-size:11px; font-weight:750; }.mock-panel>header i{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 13px var(--brand)}
.wave{height:34px;display:flex;gap:4px;align-items:center;padding:0 10px;margin-bottom:15px;border:1px solid #1c3640;border-radius:9px;background:#061219}.wave span{width:2px;height:8px;background:#3ab99b;border-radius:3px;animation:wave 1.2s ease-in-out infinite}.wave span:nth-child(2n){height:18px;animation-delay:.15s}.wave span:nth-child(3n){height:25px;animation-delay:.3s}@keyframes wave{50%{transform:scaleY(.45);opacity:.5}}
#mock-transcript { display:grid; gap:11px; }#mock-transcript p{margin:0;padding:12px;border:1px solid #19333c;border-radius:10px;color:#9bb2b5;background:#0a1a22;font-size:10px;line-height:1.55}#mock-transcript p.own{margin-left:28px;border-color:rgba(84,226,189,.22);background:rgba(84,226,189,.045)}#mock-transcript small{display:block;margin-bottom:5px;color:#4f777c;font-size:7px;font-weight:800;letter-spacing:.15em}
.mock-input{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;padding:11px 12px;color:#536f74;border:1px solid #1d3842;border-radius:9px;background:#061219;font-size:9px}.transcript-mock{position:relative}
.answer-mock header small{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(84,226,189,.11);color:var(--brand)}.answer-mock article{padding:16px;border:1px solid rgba(84,226,189,.19);border-radius:13px;background:linear-gradient(140deg,rgba(84,226,189,.065),rgba(13,32,41,.2))}.answer-label{color:var(--brand);font-size:7px;font-weight:850;letter-spacing:.16em}.answer-mock article p{margin:11px 0 13px;color:#d8e8e5;font-size:11px;line-height:1.65}.answer-mock article small{color:#54757a;font-size:8px}.context-chip{display:inline-flex;margin-top:13px;padding:6px 9px;border-radius:99px;color:#6fbba9;background:rgba(84,226,189,.065);font-size:8px}
.floating-card{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #27434b;border-radius:12px;background:rgba(11,29,37,.92);box-shadow:0 14px 38px rgba(0,0,0,.28);font-size:10px;backdrop-filter:blur(16px)}.floating-card span{color:#d5e8e4;font-weight:750}.floating-card small{display:block;color:#658087;font-size:7px}.float-one{right:-18px;top:66px}.float-one span{color:var(--brand);font-size:15px}.float-two{left:-25px;bottom:55px}
.proof-strip { border-block:1px solid rgba(56,92,101,.33); background:#07151c; }.proof-strip>div{width:min(var(--max),calc(100% - 48px));height:72px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin:auto}.proof-strip span{display:flex;align-items:center;justify-content:center;gap:12px;color:#769196;font-size:10px;font-weight:700;letter-spacing:.05em}.proof-strip i{width:4px;height:4px;border-radius:50%;background:var(--brand)}
.section-heading{max-width:820px}.section-heading h2,.roadmap h2,.contact h2,.newsletter h2{margin:13px 0 18px;font-size:clamp(34px,4.5vw,55px);line-height:1.04;letter-spacing:-.045em}.section-heading>p,.roadmap-copy>p,.newsletter p,.contact p{max-width:690px;margin:0;color:var(--muted);line-height:1.75}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:58px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}.flow-card{min-height:245px;padding:29px;background:var(--surface)}.flow-card>span{color:#50737a;font:700 10px/1 ui-monospace,monospace}.flow-card h3,.feature-card h3{margin:45px 0 10px;font-size:17px}.flow-card p,.feature-card p{margin:0;color:#88a0a4;font-size:12px;line-height:1.7}
.features{border-top:1px solid rgba(40,71,80,.28)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:52px}.feature-card{min-height:235px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(16,40,49,.82),rgba(9,24,32,.78));transition:transform .18s,border-color .18s}.feature-card:hover{transform:translateY(-3px);border-color:rgba(84,226,189,.3)}.feature-icon{width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(84,226,189,.24);border-radius:12px;color:var(--brand);background:rgba(84,226,189,.07);font-weight:850}.feature-card h3{margin-top:28px}
.use-cases{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.use-cases>.section-heading{grid-column:1/-1}.case-tabs{display:grid;align-content:start;border-top:1px solid var(--line)}.case-tabs button{height:66px;display:flex;align-items:center;padding:0 2px;border:0;border-bottom:1px solid var(--line);color:#68868b;background:transparent;font-weight:750;text-align:left;cursor:pointer}.case-tabs button::after{content:"→";margin-left:auto;opacity:0}.case-tabs button.active{color:var(--text)}.case-tabs button.active::after{opacity:1;color:var(--brand)}.case-content{min-height:335px;padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(140deg,rgba(84,226,189,.06),rgba(13,32,41,.75));display:grid;grid-template-columns:1fr 1fr;gap:40px}.case-number{color:var(--brand);font:700 10px/1 ui-monospace,monospace}.case-content h3{margin:20px 0 10px;font-size:32px}.case-content p{color:#a2b9ba}.case-content ul{display:grid;align-content:center;gap:16px;margin:0;padding:0;list-style:none}.case-content li{position:relative;padding-left:24px;color:#a2b9ba;font-size:12px;line-height:1.6}.case-content li::before{content:"✓";position:absolute;left:0;color:var(--brand)}
.downloads{background:linear-gradient(180deg,transparent,rgba(13,32,41,.25),transparent)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.download-card,.download-empty{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.download-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.platform-icon{font-size:25px;color:var(--brand)}.channel{padding:5px 8px;border-radius:99px;background:rgba(84,226,189,.08);color:#6bc7b0;font-size:8px;text-transform:uppercase}.channel.beta{color:var(--warm);background:rgba(242,183,90,.08)}.download-card h3{margin:24px 0 9px}.download-card>p{min-height:52px;color:var(--muted);font-size:11px;line-height:1.55}.download-meta{display:flex;gap:12px;margin:20px 0;color:#58767c;font-size:9px}.download-card .button{width:100%;min-height:40px}.download-empty{grid-column:1/-1;color:var(--muted);text-align:center}
.roadmap{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.roadmap-copy{position:sticky;top:120px}.roadmap-list{display:grid}.roadmap-item{display:grid;grid-template-columns:78px 18px 1fr;gap:17px;min-height:150px}.roadmap-item>span{padding-top:4px;color:var(--brand);font-size:9px;font-weight:800;text-transform:uppercase}.roadmap-line{position:relative;border-left:1px solid #2b4a53}.roadmap-line::before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--brand)}.roadmap-item h3{margin:0 0 10px}.roadmap-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.newsletter{width:100%;padding-block:80px;border-block:1px solid rgba(70,109,117,.28);background:#091a22}.newsletter-inner{width:min(var(--max),calc(100% - 48px));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin:auto}.newsletter h2{font-size:38px}.newsletter-form{}#newsletter-form>div{display:flex;gap:8px}#newsletter-form input[type=email]{min-width:0;flex:1;height:50px;padding:0 16px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:#061219;outline:none}#newsletter-form input:focus{border-color:var(--brand)}#newsletter-form label{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:#688489;font-size:9px;line-height:1.5}#newsletter-form label input{accent-color:var(--brand)}#newsletter-status{min-height:18px;margin:9px 0 0;color:var(--brand);font-size:10px}#newsletter-status.error{color:#ff9b9b}
.cms-collections{display:grid;gap:80px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px}.collection-card,.faq-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.collection-card blockquote{margin:0 0 20px;color:var(--text);font-size:15px;line-height:1.65}.collection-card small{display:block;margin-top:4px;color:var(--muted)}.pricing-card{display:grid;gap:13px}.pricing-card.highlighted{border-color:var(--brand);box-shadow:inset 0 3px 0 var(--brand)}.pricing-card b{color:var(--brand);font-size:25px}.pricing-card ul{display:grid;gap:7px;padding-left:18px;color:var(--muted)}.faq-grid{display:grid;gap:9px;margin-top:36px}.faq-card summary{color:var(--text);font-weight:800;cursor:pointer}.faq-card p{margin:15px 0 0;color:var(--muted);line-height:1.7}.download-integrity{margin:-8px 0 17px;color:var(--muted);font-size:9px}.download-integrity summary{cursor:pointer}.download-integrity code{display:block;overflow-wrap:anywhere;margin-top:7px;white-space:pre-wrap}
@media(max-width:760px){.collection-grid{grid-template-columns:1fr}}
.contact{min-height:330px;display:flex;justify-content:space-between;align-items:center;gap:60px}.contact>div{max-width:700px}.contact h2{margin-top:0}.contact .button{flex:0 0 auto}
footer{width:min(var(--max),calc(100% - 48px));display:grid;grid-template-columns:auto 1fr auto auto;gap:28px;align-items:center;margin:auto;padding:35px 0;color:#617e83;font-size:10px}footer p{margin:0}footer>div{display:flex;gap:18px}footer .brand{color:var(--text)}
.load-error{position:fixed;z-index:100;left:50%;bottom:20px;transform:translateX(-50%);padding:12px 18px;border:1px solid #874652;border-radius:12px;color:#ffd6da;background:#35171e}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.site-header{padding-inline:24px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px;padding-bottom:90px}.hero-copy{max-width:760px}.hero-visual{width:min(760px,100%);margin:auto}.flow-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.download-grid{grid-template-columns:repeat(2,1fr)}.use-cases{gap:30px}.roadmap{gap:40px}}
@media(max-width:760px){.site-header{height:64px;grid-template-columns:1fr auto auto;gap:5px}.site-header nav{position:fixed;inset:64px 0 auto;display:none;padding:12px 24px 25px;border-bottom:1px solid var(--line);background:rgba(6,16,23,.98)}body.menu-open .site-header nav{display:grid;gap:0}.site-header nav a{padding:14px 0;border-bottom:1px solid rgba(43,71,79,.5)}.header-actions .button{display:none}.menu-toggle{width:42px;height:42px;display:grid;place-content:center;gap:4px;border:0;color:transparent;background:transparent}.menu-toggle span{width:19px;height:1px;background:#b9cfcc}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden}.section-pad{width:min(100% - 30px,var(--max))}.section-block{padding-top:78px;padding-bottom:78px}.hero{gap:48px;padding-top:118px}.hero h1{font-size:46px}.lead{font-size:14px}.app-body{grid-template-columns:1fr;min-height:560px}.mock-panel+.mock-panel{border-left:0;border-top:1px solid #1b333d}.transcript-mock{min-height:290px}.float-one{right:-5px}.float-two{left:-6px}.proof-strip>div{width:calc(100% - 30px);height:auto;grid-template-columns:repeat(2,1fr);padding:16px 0;gap:15px}.proof-strip span{justify-content:flex-start}.flow-grid,.features-grid,.download-grid{grid-template-columns:1fr}.flow-card{min-height:210px}.use-cases{grid-template-columns:1fr;gap:25px}.case-tabs{grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.case-tabs button{height:48px;padding:0 14px;border:0}.case-content{grid-template-columns:1fr;padding:27px}.roadmap{grid-template-columns:1fr}.roadmap-copy{position:static}.newsletter-inner{width:calc(100% - 30px);grid-template-columns:1fr;gap:35px}.contact{min-height:360px;align-items:flex-start;justify-content:center;flex-direction:column}.contact .button{width:100%}footer{width:calc(100% - 30px);grid-template-columns:1fr;justify-items:start}}
@media(max-width:430px){.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero h1{font-size:41px}.app-window{border-radius:15px}.mock-panel{padding:15px}.floating-card{display:none}.case-content h3{font-size:27px}#newsletter-form>div{flex-direction:column}#newsletter-form .button{width:100%}.section-heading h2,.roadmap h2,.contact h2,.newsletter h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.wave span{animation:none}}
.quality-public{border-top:1px solid rgba(40,71,80,.28)}.quality-public-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:46px}.quality-public-card{min-height:190px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,40,49,.85),rgba(9,24,32,.75))}.quality-public-card>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--brand);background:rgba(84,226,189,.08);font-weight:850}.quality-public-card h3{margin:25px 0 9px}.quality-public-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
@media(max-width:1050px){.site-header nav{gap:16px}.quality-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quality-public-grid{grid-template-columns:1fr}}