@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--bg:#0b111c;--panel:#121b2a;--panel2:#172337;--line:#2a3445;--ink:#f4f2ef;--muted:#9da8b9;--accent:#e4a66d;--soft:#d2dceb;--font:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.container{width:min(1180px,calc(100% - 72px));margin:auto}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:var(--accent);color:#111;z-index:20}.skip:focus{top:12px}.header{border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:15;background:#0b111ce8;backdrop-filter:blur(18px)}.header-inner{height:80px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:20px;white-space:nowrap;letter-spacing:-.6px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);width:32px;height:32px;border-radius:9px;font-size:25px;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:#c76c4f;font-size:14px;align-self:flex-start;margin-top:3px}.divider{height:21px;width:1px;background:#4c5563;margin:0 6px}.product-name{font-weight:500;color:var(--soft);font-size:15px;letter-spacing:0}.header nav{display:flex;gap:28px}.header nav a{font-size:12px;color:var(--muted)}.header nav a:hover,.footer a:hover{color:var(--accent)}.nav-cta{font-size:12px;padding:12px 16px;border:1px solid #4c586b;border-radius:7px;white-space:nowrap}.nav-cta:hover{background:var(--panel2)}.nav-cta span{margin-left:13px;color:var(--accent)}.hero{padding:95px 0 105px;display:grid;grid-template-columns:1fr 1.03fr;gap:58px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 27px}.live-dot,.pulse-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(60px,6.3vw,98px);line-height:1.03;font-weight:500;letter-spacing:-5px;margin:0 0 28px}.hero h1>span{color:#c6d1e1}.hero em,h2 em,.video-content em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--accent);letter-spacing:-2px}.hero-description{color:var(--muted);line-height:1.85;font-size:15px;max-width:460px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:#182030}.btn-ghost{border:1px solid #425065;color:#e7ebf1}.btn-light{background:#f4efea;color:#151c26}.fine-print{font-size:11px;color:#8492a3;margin-top:18px}.hero-preview{padding:15px;background:#141f30;border:1px solid #35435a;border-radius:16px;box-shadow:0 38px 100px #0007,0 0 80px #b66b3420;transform:rotate(1.2deg)}.window-bar,.preview-tools,.preview-bottom{display:flex;align-items:center;justify-content:space-between}.window-bar{font-size:9px;letter-spacing:1.1px;color:#bdc8da;padding:5px 4px 15px}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#68778b}.window-dots i:first-child{background:#d69a7c}.window-dots i:nth-child(2){background:#bba87b}.muted{color:#697990}.view-icon{font-size:17px}.video-area{height:265px;background:radial-gradient(circle at 70% 20%,#6a7581,#29364a 36%,#111b2a 78%);position:relative;overflow:hidden;border-radius:7px;padding:18px}.video-label{font-size:8px;letter-spacing:1.6px;color:#d3d8dd;position:relative;z-index:2}.visual-halo{position:absolute;right:-110px;top:-90px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#e2b990 0%,#e3a476 17%,#a66a56 32%,#6b5360 46%,transparent 65%);filter:blur(5px);opacity:.84}.visual-moon{position:absolute;right:70px;top:26px;width:135px;height:135px;background:linear-gradient(140deg,#ffdcb0,#ba8266);border-radius:50%;box-shadow:0 0 45px #daa58388}.video-content{position:absolute;z-index:3;top:85px;left:32px}.video-content>span{display:block;font-size:8px;letter-spacing:3px;margin-bottom:10px}.video-content strong{font-weight:500;line-height:1.04;font-size:39px;letter-spacing:-1.5px}.video-content em{color:#fff1df}.play-emblem{position:absolute;bottom:34px;right:24px;z-index:3;font-size:12px;border:1px solid #ffffff99;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.video-timeline{position:absolute;bottom:13px;left:18px;right:18px;background:#ffffff55;height:3px;border-radius:3px}.video-timeline span{display:block;width:44%;height:3px;background:var(--accent)}.preview-tools{padding:17px 3px 12px;font-size:9px;letter-spacing:1px;color:#bcc8da}.preview-tools span:last-child{font-weight:700;color:var(--accent)}.speaker-line{border:1px solid #344359;display:flex;align-items:center;gap:13px;padding:12px;margin:7px 0;border-radius:7px}.speaker-tag{border-radius:5px;padding:9px;background:#2a3b53;color:#dbe5f4;font-size:11px;font-weight:700}.speaker-line small{color:#8898ad;font-size:8px;letter-spacing:1px}.speaker-line p{font-size:12px;margin:6px 0 0}.speaker-line.translated{border-color:#a7745166;background:#40332d52}.translated .speaker-tag{background:#b4764d;color:#1b2029}.check{color:#e2aa75;margin-left:auto}.waveform{height:32px;display:flex;align-items:center;gap:3px;padding:1px 6px;overflow:hidden}.waveform i{width:3px;min-width:3px;background:#aabbd0;border-radius:3px}.waveform i:nth-child(3n){background:var(--accent)}.preview-bottom{font-size:9px;color:#8e9bae;padding:4px}.signal-strip{border-block:1px solid var(--line);background:#101927}.signal-inner{display:flex;gap:26px;align-items:center;min-height:100px}.signal-inner>span:first-child{font-size:9px;color:var(--accent);letter-spacing:2px;white-space:nowrap}.signal-line{height:1px;background:#3a495d;flex:1}.signal-inner strong{font-family:Georgia,serif;font-weight:400;font-size:19px}.signal-spark{font-size:27px;color:var(--accent)}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:48px}.section-head>div{flex:1.2}.section-head>p{flex:.8;color:var(--muted);font-size:13px;line-height:1.8;margin:0;max-width:380px}.section-head .eyebrow{margin-bottom:19px}h2{font-size:clamp(36px,4.3vw,57px);font-weight:500;line-height:1.14;letter-spacing:-2.1px;margin:0}h2 em{color:var(--accent)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#141f2f;border:1px solid #27374c;border-radius:12px;padding:21px;min-height:356px}.feature-large{grid-column:span 2}.feature-index{color:var(--accent);font-size:9px;letter-spacing:1.6px}.feature h3{font-size:19px;margin:19px 0 10px;font-weight:500}.feature p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:460px}.feature-art{height:182px;margin-top:19px;border-radius:7px;position:relative;overflow:hidden;background:#1b2a3d}.transcript-art{background:radial-gradient(ellipse at top,#3a4e63,#1b2a3d 65%);display:flex;justify-content:center;align-items:center}.audio-bars{display:flex;align-items:center;gap:5px;position:absolute;top:35px;height:62px}.audio-bars i{width:4px;background:#b2c7d6;border-radius:3px}.fake-subtitle{position:absolute;bottom:14px;left:25px;right:25px;background:#0e1726e8;border:1px solid #4c6377;border-radius:6px;padding:11px 15px;font-size:9px;color:var(--accent)}.fake-subtitle span{float:right;color:#9aabba}.fake-subtitle p{font-size:12px;color:#fff;margin-top:6px}.translation-art{padding:30px;display:flex;justify-content:center;flex-direction:column;gap:13px;background:#2b2c3c}.translation-art>span{padding:14px;background:#3c3e53;border:1px solid #5b5360;border-radius:6px;font-family:Georgia,serif;font-size:16px}.translation-art>span:nth-child(2){background:#48413e;border-color:#ae8464;color:#e9bc94;margin-left:28px}.flow-arrow{position:absolute;color:var(--accent);top:10px;right:16px;font-size:22px}.voice-art{display:flex;align-items:center;justify-content:center;gap:17px;background:#273e46}.voice-avatar{background:#c08866;border-radius:50%;height:47px;width:47px;display:grid;place-items:center;color:#16232c;font-weight:700}.voice-visual{display:flex;align-items:center;gap:5px}.voice-visual i{background:#e0af86;width:5px;border-radius:5px;height:28px}.voice-visual i:nth-child(3n){height:73px}.voice-visual i:nth-child(2n){height:50px}.voice-art>span{position:absolute;bottom:20px;font-size:8px;letter-spacing:2px;color:#c5d6d0}.export-art{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.export-art div{background:#344358;border:1px solid #546780;padding:11px 18px;display:flex;justify-content:space-between;width:190px;border-radius:6px;font-size:12px;letter-spacing:1.2px}.export-art div span{color:var(--accent)}.steps-section{background:#e4e9ee;color:#1b2633;padding:100px 0}.steps-section .section-head>p{color:#5b6877}.steps-section .eyebrow{color:#a05f3c}.steps-section h2 em{color:#a05f3c}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin:45px 0 25px}.steps li{border-top:1px solid #aab6c2;padding-top:17px}.steps li>span{font-size:12px;color:#a05f3c}.steps h3{font-size:18px;margin:37px 0 11px;font-weight:600}.steps p{font-size:12px;line-height:1.8;color:#536274}.roadmap-note{font-size:11px;color:#657487;border-top:1px solid #b7c4cf;padding-top:18px}.demo-panel{border:1px solid #384b64;background:#142135;border-radius:14px;overflow:hidden}.demo-top,.demo-target-head,.demo-bottom{display:flex;align-items:center;justify-content:space-between}.demo-top{padding:22px 27px;border-bottom:1px solid #324056;font-size:10px;letter-spacing:1px}.demo-badge{color:#e8b688;font-size:8px;background:#594534;padding:8px;border-radius:4px}.demo-grid{display:grid;grid-template-columns:1fr 1fr}.demo-source,.demo-target{padding:36px;min-height:265px}.demo-source{border-right:1px solid #324056}.demo-heading{color:#889eb9;font-size:9px;letter-spacing:1.6px}.demo-grid p{font-family:Georgia,serif;font-size:clamp(20px,2.2vw,30px);line-height:1.44;margin:30px 0}.demo-target p{color:#f2c399}.demo-speaker{display:flex;align-items:center;gap:12px;color:#8295aa;font-size:9px;letter-spacing:1px}.demo-speaker span{background:#4c5f78;color:white;padding:8px;border-radius:5px}.demo-speaker small{margin-left:auto}.switch-language{display:flex;gap:5px}.switch-language button{background:transparent;color:#bac7d7;border:1px solid #42536b;border-radius:5px;padding:7px 10px;font-size:10px}.switch-language button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1b2633}.demo-bottom{font-size:9px;letter-spacing:1px;color:#be9a79}.audience-section{background:#101927;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:95px 0}.audience-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.audience-list article{display:flex;gap:23px;padding:23px 0;border-bottom:1px solid #2b394a}.audience-list article:first-child{padding-top:0}.audience-list article>span{color:var(--accent);font-size:23px}.audience-list h3{margin:0 0 10px;font-size:18px;font-weight:500}.audience-list p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.faq-list details{border-bottom:1px solid #2c394b}.faq-list summary{font-size:14px;font-weight:500;cursor:pointer;padding:22px 28px 22px 0;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;color:var(--accent);font-size:23px;top:17px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px}.bottom-cta{background:#bb7b55;color:#14202e;padding:85px 0}.bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.bottom-cta .eyebrow{color:#453128}.bottom-cta h2 em{color:#fff1df}.bottom-cta p:last-child{font-size:13px}.footer{padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer>a:last-child{font-size:11px;color:#a1aec0}
@media(max-width:1050px){.container{width:min(100% - 46px,1180px)}.header nav{gap:15px}.hero{gap:30px}.hero h1{font-size:65px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-column:span 1}.feature{min-height:360px}.section-head{gap:35px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{height:69px}.header nav{display:none}.brand{font-size:17px}.product-name{font-size:12px}.nav-cta{padding:11px;font-size:10px}.nav-cta span{margin-left:3px}.hero{padding:63px 0 65px;grid-template-columns:1fr}.hero h1{font-size:clamp(58px,12vw,79px);letter-spacing:-3px}.hero-preview{max-width:550px;width:100%;margin:20px auto 0;transform:none}.section,.steps-section,.audience-section{padding:68px 0}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:20px;max-width:530px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.feature-art{height:185px}.signal-inner{min-height:100px;gap:12px;flex-wrap:wrap;padding-block:18px}.signal-line{display:none}.signal-inner strong{width:85%}.steps{grid-template-columns:1fr 1fr}.steps h3{margin-top:22px}.demo-grid{grid-template-columns:1fr}.demo-source{border-right:none;border-bottom:1px solid #324056}.demo-source,.demo-target{padding:25px;min-height:220px}.audience-inner,.faq-section{grid-template-columns:1fr;gap:35px}.bottom-inner{flex-direction:column;align-items:flex-start}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}}
@media(max-width:420px){.header .brand .divider,.header .brand .product-name{display:none}.hero h1{font-size:56px}.btn{width:100%}.hero-actions{display:grid}.video-area{height:225px}.video-content strong{font-size:31px}.visual-moon{right:35px}.steps{grid-template-columns:1fr}.steps h3{margin-top:15px}.demo-target-head{flex-wrap:wrap;gap:12px}.demo-badge{font-size:7px}.speaker-line p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}