@font-face{font-family:Arad;src:url('/assets/fonts/AradFD-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Arad;src:url('/assets/fonts/AradFD-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Arad;src:url('/assets/fonts/AradFD-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Estedad;src:url('/assets/fonts/Estedad-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Estedad;src:url('/assets/fonts/Estedad-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Lalezar;src:url('/assets/fonts/Lalezar-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#080a10;--bg2:#0b0e16;--panel:#11151f;--panel2:#151a25;--line:#242b38;--text:#f7f8fb;--muted:#929baa;--violet:#7658ff;--violet2:#9a79ff;--blue:#55b8ff;--green:#35d6a1;--danger:#ff687b;--max:1180px}
html[data-theme="light"]{--bg:#f5f7fb;--bg2:#eef1f7;--panel:#fff;--panel2:#f7f8fb;--line:#dfe4ed;--text:#171b23;--muted:#697487;--violet:#6747f4;--violet2:#805ff8;--blue:#147dd1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arad,Vazirmatn,system-ui,sans-serif;line-height:1.9;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section-pad{padding:110px 0;position:relative}.site-header{position:sticky;top:0;z-index:100;background:rgba(8,10,16,.86);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line)}.header-inner{height:74px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Estedad,Arad,sans-serif;font-weight:500;font-size:20px;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.brand span{direction:ltr}.main-nav{display:flex;gap:28px;margin:auto;align-items:center}.main-nav a{font-size:14px;color:var(--muted);transition:.2s}.main-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:13px;border:1px solid var(--line);font-size:14px;transition:.2s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--violet),#4f7cff);border-color:transparent;color:#fff;box-shadow:0 10px 28px rgba(110,84,255,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(110,84,255,.35)}.btn-xl{min-height:54px;padding:0 26px;border-radius:15px;font-size:16px}.icon-btn,.lang-btn,.menu-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);height:42px;min-width:42px;border-radius:13px;cursor:pointer}.lang-btn{padding:0 13px}.menu-btn{display:none}.mobile-nav{display:none}.hero{min-height:860px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-center{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(90px);opacity:.24;pointer-events:none}.glow-violet{background:#6d4cff;top:-120px;right:4%}.glow-blue{background:#1f9eff;left:-5%;bottom:10%}.hero-logo-wrap{width:88px;height:88px;display:grid;place-items:center;margin-bottom:18px}.hero-logo{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(118,88,255,.35))}.status-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(118,88,255,.45);background:rgba(118,88,255,.09);border-radius:999px;padding:5px 12px;font-size:13px;color:#c9c0ff;margin-bottom:20px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(53,214,161,.08)}.hero-title{font-family:Estedad,Arad,sans-serif;font-weight:500;font-size:clamp(44px,6vw,78px);line-height:1.2;margin:0;letter-spacing:-1px;max-width:900px}.hero-sub{max-width:760px;color:var(--muted);font-size:18px;line-height:2.1;margin:20px 0 28px}.browser-label{margin-top:28px;color:var(--muted);font-size:13px}.browser-row{display:flex;gap:16px;justify-content:center;align-items:center;margin:12px 0 23px}.browser-item{position:relative;display:flex;align-items:center;gap:6px;color:var(--text);padding:5px 8px;border-radius:12px}.browser-item svg{width:38px;height:38px}.browser-item img{width:38px;height:38px;object-fit:contain;display:block}.browser-item span{display:none}.browser-item.soon{opacity:.6}.browser-item em{position:absolute;font-size:10px;right:-13px;top:-8px;background:var(--violet);color:#fff;padding:1px 5px;border-radius:999px;font-style:normal}.announcement{display:flex;flex-direction:column;gap:3px;max-width:660px;padding:14px 18px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:16px;color:var(--muted);font-size:12px}.announcement strong{color:var(--text);font-size:13px}.announcement a{color:#bbaaff}.stats-section{padding-top:28px;padding-bottom:60px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:22px;overflow:hidden}.stat{padding:30px 24px;text-align:center;border-left:1px solid var(--line)}[dir="ltr"] .stat{border-left:0;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-family:Estedad,Arad;font-size:26px}.stat span{color:var(--muted);font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{color:#a898ff;font-size:13px;font-weight:500;margin-bottom:9px}.copy h2,.section-head h2,.privacy-copy h2,.story-copy h2,.final-card h2{font-family:Estedad,Arad,sans-serif;font-weight:500;line-height:1.35;font-size:clamp(31px,4vw,50px);margin:0 0 16px}.copy p,.section-head p,.privacy-copy p{color:var(--muted);font-size:16px;margin:0}.story-mini{display:flex;flex-direction:column;align-items:center}.mini-window{width:min(480px,100%);border:1px solid var(--line);background:var(--panel);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}.mini-top{height:48px;border-bottom:1px solid var(--line);display:flex;gap:7px;align-items:center;padding:0 16px}.mini-top span{width:8px;height:8px;border-radius:50%;background:#414a58}.mini-lines{padding:30px 28px 20px}.mini-lines i{display:block;height:10px;border-radius:99px;background:var(--line);margin-bottom:12px}.mini-lines i:nth-child(1){width:82%}.mini-lines i:nth-child(2){width:65%}.mini-lines i:nth-child(3){width:90%}.mini-lines i.short{width:40%}.mini-sub{margin:0 28px 28px;border-radius:13px;background:var(--bg2);padding:14px;display:flex;flex-direction:column;gap:4px}.mini-sub span{font-family:ui-monospace,monospace;font-size:12px;color:#b4bdca;direction:ltr;text-align:left}.mini-sub b{font-size:15px;color:#fff}.story-mini-caption{color:var(--muted);font-size:13px;margin-top:12px}.section-head{text-align:center;max-width:790px;margin:0 auto 36px}.section-head .eyebrow{margin-bottom:6px}.product-showcase{display:flex;justify-content:center}.browser-frame{width:min(100%,1060px);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:0 35px 80px rgba(0,0,0,.3)}.browser-bar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 16px}.traffic{display:flex;gap:6px}.traffic span{width:8px;height:8px;border-radius:50%;background:#404756}.address{flex:1;background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:4px 10px;font:12px ui-monospace,monospace;color:var(--muted);direction:ltr;text-align:left}.shield{color:var(--green)}.browser-body{display:grid;grid-template-columns:1.65fr .9fr;min-height:460px}.video-pane{padding:22px;background:linear-gradient(135deg,#090c14,#111621)}.video-stage{height:100%;min-height:415px;border:1px solid var(--line);border-radius:17px;background:radial-gradient(circle at 40% 30%,rgba(105,77,255,.2),transparent 40%),#090b12;position:relative;overflow:hidden}.video-badge{position:absolute;left:18px;top:16px;padding:5px 9px;border-radius:999px;border:1px solid rgba(53,214,161,.4);color:#84edc6;font:11px ui-monospace,monospace}.video-center{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;color:#fff}.video-caption{position:absolute;left:25px;right:25px;bottom:38px;display:flex;flex-direction:column;gap:7px}.video-caption span,.video-caption b{display:inline-block;align-self:center;background:rgba(0,0,0,.64);padding:6px 12px;border-radius:8px}.video-caption span{font:13px ui-monospace,monospace;color:#e7ebf2;direction:ltr}.video-caption b{font-size:15px}.timeline{position:absolute;left:20px;right:20px;bottom:17px;height:4px;background:#2b3241;border-radius:999px}.timeline i{display:block;width:60%;height:100%;background:linear-gradient(90deg,var(--violet),var(--blue));border-radius:999px}.extension-pane{border-right:1px solid var(--line);padding:21px;background:var(--panel2)}[dir="ltr"] .extension-pane{border-right:0;border-left:1px solid var(--line)}.ext-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand-small{display:flex;gap:8px;align-items:center;font-weight:500;direction:ltr}.brand-small img{width:25px;height:25px}.online{font:10px ui-monospace,monospace;color:#6be4bc}.ext-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.ext-row label{color:var(--muted);font-size:12px}.ext-row strong{font-size:13px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px}.switch{width:37px;height:21px;border-radius:999px;background:#303847;position:relative}.switch:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;top:3px;left:3px;background:#fff}.switch.on{background:var(--violet)}.switch.on:after{left:19px}.wave-box{margin-top:9px;border:1px solid var(--line);padding:13px;border-radius:13px;background:var(--bg2)}.wave-box small{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.wave-bars{height:35px;display:flex;align-items:center;gap:4px}.wave-bars i{width:4px;background:var(--violet2);border-radius:999px;height:35%;animation:wave 1.2s ease-in-out infinite}.wave-bars i:nth-child(2){height:65%;animation-delay:.1s}.wave-bars i:nth-child(3){height:45%;animation-delay:.2s}.wave-bars i:nth-child(4){height:80%;animation-delay:.3s}.wave-bars i:nth-child(5){height:55%;animation-delay:.4s}.wave-bars i:nth-child(6){height:95%;animation-delay:.5s}.wave-bars i:nth-child(7){height:48%;animation-delay:.6s}.wave-bars i:nth-child(8){height:70%;animation-delay:.7s}.wave-bars i:nth-child(9){height:40%;animation-delay:.8s}.wave-bars i:nth-child(10){height:82%;animation-delay:.9s}.wave-bars i:nth-child(11){height:60%;animation-delay:1s}.wave-bars i:nth-child(12){height:37%;animation-delay:1.1s}@keyframes wave{50%{transform:scaleY(1.15)}}.demo-button{width:100%;border:1px solid rgba(118,88,255,.45);background:rgba(118,88,255,.1);color:#d6d0ff;padding:11px;border-radius:11px;cursor:pointer;margin-top:12px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.platform-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;transition:.25s}.platform-card:hover{transform:translateY(-5px);border-color:rgba(118,88,255,.55);box-shadow:0 20px 50px rgba(0,0,0,.18)}.platform-icon{width:64px;height:64px;margin:auto;display:grid;place-items:center;border-radius:17px;background:var(--bg2);border:1px solid var(--line)}.platform-icon svg{width:44px;height:44px}.platform-card strong{display:block;margin-top:13px;font-family:Estedad;font-size:16px}.platform-card small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:25px;min-height:180px;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(118,88,255,.52)}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(118,88,255,.11);color:#b9aaff;border:1px solid rgba(118,88,255,.25);font-family:ui-monospace,monospace;font-weight:700}.feature-card h3{font-family:Estedad;font-size:18px;margin:18px 0 5px}.feature-card p{color:var(--muted);font-size:13px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.step span{font:12px ui-monospace,monospace;color:#b6a9ff;border:1px solid rgba(118,88,255,.25);padding:4px 8px;border-radius:999px}.step h3{font-family:Estedad;font-size:20px;margin:18px 0 5px}.step p{color:var(--muted);font-size:14px;margin:0}.privacy-section{padding-top:80px}.privacy-box{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:44px;border:1px solid rgba(118,88,255,.32);background:linear-gradient(135deg,rgba(118,88,255,.08),rgba(75,190,255,.04));border-radius:26px}.privacy-list{display:grid;gap:10px;align-content:center}.privacy-list div{border-bottom:1px solid var(--line);padding:9px 0;color:var(--muted);font-size:14px}.privacy-list div:first-letter{color:var(--green)}.story-section{padding-top:120px}.story-wrap{display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:start}.story-copy p{color:var(--muted);font-size:15px;line-height:2.1;margin:0 0 19px}.story-copy blockquote{margin:35px 0 0;padding:18px 22px;border-right:3px solid var(--violet);background:rgba(118,88,255,.06);border-radius:12px;font-family:Estedad;font-size:20px;color:var(--text)}.story-art{min-height:500px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at center,rgba(118,88,255,.15),transparent 60%),var(--panel);position:sticky;top:100px;overflow:hidden}.story-logo{position:absolute;inset:0;margin:auto;width:100px;height:100px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--blue));color:#fff;font:700 44px Estedad;box-shadow:0 0 0 8px rgba(118,88,255,.08),0 25px 60px rgba(118,88,255,.3)}.orbit{position:absolute;inset:0;margin:auto;border:1px dashed rgba(171,158,255,.35);border-radius:50%}.o1{width:310px;height:310px}.o2{width:420px;height:420px}.node{position:absolute;padding:6px 9px;border:1px solid var(--line);background:var(--bg2);border-radius:9px;font:11px ui-monospace,monospace;color:#dfe4ed}.n1{right:18%;top:18%}.n2{left:13%;top:31%}.n3{right:20%;bottom:22%}.n4{left:18%;bottom:14%}.story-art-caption{position:absolute;left:28px;right:28px;bottom:28px;text-align:center}.story-art-caption b{display:block;font-family:Estedad;font-size:19px}.story-art-caption small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.final-section{padding-top:80px}.final-card{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:28px;padding:60px 30px}.final-card p{color:var(--muted);font-size:15px;margin:0 auto 24px;max-width:650px}.text-link{display:inline-block;margin-right:18px;color:#baadff;font-size:14px}.footer{border-top:1px solid var(--line);padding-top:70px;margin-top:80px;background:var(--bg2)}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand p{color:var(--muted);max-width:330px;font-size:13px}.footer h4{font-family:Estedad;margin:0 0 14px}.footer-top>div:not(.footer-brand) a{display:block;color:var(--muted);font-size:13px;margin:9px 0}.socials{display:flex;gap:8px;margin-top:18px}.social{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:var(--panel)}.social svg{width:18px;height:18px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:22px 0;margin-top:50px;color:var(--muted);font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media(max-width:980px){.main-nav{gap:18px}.browser-body,.two-col,.privacy-box,.story-wrap{grid-template-columns:1fr}.extension-pane{border-right:0;border-top:1px solid var(--line)}[dir="ltr"] .extension-pane{border-left:0}.story-art{position:relative;top:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-left:0}.platform-grid,.steps{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.5fr 1fr 1fr}}@media(max-width:700px){.container{width:min(var(--max),calc(100% - 28px))}.section-pad{padding:80px 0}.main-nav,.header-actions>.btn{display:none}.menu-btn{display:block}.header-inner{justify-content:space-between}.mobile-nav{padding:10px 14px 16px;display:none;flex-direction:column;gap:3px;border-top:1px solid var(--line)}.mobile-nav.open{display:flex}.mobile-nav a{padding:9px 4px;color:var(--muted)}.hero{min-height:760px}.hero-title{font-size:43px}.hero-sub{font-size:15px}.announcement{max-width:100%}.stats-grid,.platform-grid,.feature-grid,.steps,.footer-top{grid-template-columns:1fr}.stat{border-left:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.browser-body{min-height:auto}.video-stage{min-height:290px}.browser-bar{padding:0 10px}.address{font-size:10px}.footer-bottom{flex-direction:column}.text-link{margin-right:0;margin-top:12px}.final-card{padding:45px 20px}.story-art{min-height:420px}.story-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.wave-bars i{animation:none}}


/* =========================================================
   SUBPAGES UI
   Scoped to .subpage so the homepage remains untouched.
   ========================================================= */
body.subpage{min-height:100vh;background:
  radial-gradient(circle at 12% 0%,rgba(118,88,255,.08),transparent 32%),
  radial-gradient(circle at 90% 12%,rgba(31,158,255,.06),transparent 28%),
  var(--bg)}
.subpage .bg-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.subpage .nav{position:sticky;top:0;z-index:100;background:rgba(8,10,16,.80);backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid var(--line)}
html[data-theme="light"] .subpage .nav{background:rgba(245,247,251,.82)}
.subpage .nav-inner{min-height:74px;display:flex;align-items:center;gap:28px}
.subpage .nav .brand{flex:0 0 auto}
.subpage .nav-links{display:flex;align-items:center;gap:24px;margin:auto}
.subpage .nav-links a{font-size:13px;color:var(--muted);padding:8px 0;position:relative;transition:color .2s ease}
.subpage .nav-links a:hover,.subpage .nav-links a[aria-current="page"]{color:var(--text)}
.subpage .nav-links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--blue))}
.subpage .nav-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.subpage .nav-actions .lang,
.subpage .nav-actions .theme-toggle,
.subpage .nav-actions .mobile-toggle{
  height:42px;min-width:42px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer}
.subpage .nav-actions .lang{padding:0 12px;font-size:12px}
.subpage .nav-actions .theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:0 12px}
.subpage .theme-icon{font-size:17px;line-height:1}
.subpage .theme-label{font-size:11px;color:var(--muted)}
.subpage .nav-actions .primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:13px;
  background:linear-gradient(135deg,var(--violet),#4f7cff);color:#fff;font-size:13px;box-shadow:0 10px 28px rgba(110,84,255,.23);transition:.2s}
.subpage .nav-actions .primary:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(110,84,255,.30)}
.subpage .mobile-toggle{display:none;padding:0 12px;font-size:18px}

.subpage main{min-height:calc(100vh - 74px)}
.subpage .page-hero{padding:92px 0 58px;position:relative;overflow:hidden}
.subpage .page-hero::before{content:"";position:absolute;width:520px;height:520px;left:-220px;top:-240px;border-radius:50%;
  background:radial-gradient(circle,rgba(118,88,255,.16),transparent 65%);pointer-events:none}
.subpage .page-hero::after{content:"";position:absolute;width:460px;height:460px;right:-220px;top:-160px;border-radius:50%;
  background:radial-gradient(circle,rgba(85,184,255,.10),transparent 65%);pointer-events:none}
.subpage .page-hero .container{position:relative;z-index:1}
.subpage .page-hero .eyebrow{letter-spacing:.08em}
.subpage .page-hero h1{margin:0;max-width:920px;font-family:Estedad,Arad,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.25;letter-spacing:-.8px}
.subpage .page-hero p.muted{margin:17px 0 0;max-width:760px;font-size:16px;line-height:2;color:var(--muted)}
.subpage .section{padding:24px 0 90px;position:relative}
.subpage .section+.section{padding-top:0}
.subpage .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.subpage .card{position:relative;min-height:150px;padding:25px 23px;border:1px solid var(--line);border-radius:20px;background:
  linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%),var(--panel);
  box-shadow:0 22px 55px rgba(0,0,0,.10);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.subpage .card::before{content:"";position:absolute;inset:auto 18px 0 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(118,88,255,.45),transparent);opacity:.8}
.subpage .card:hover{transform:translateY(-4px);border-color:rgba(118,88,255,.42);box-shadow:0 28px 70px rgba(0,0,0,.16)}
.subpage .card h3{margin:0 0 7px;font-family:Estedad,Arad,sans-serif;font-weight:500;font-size:19px;line-height:1.45}
.subpage .card p,.subpage .card .muted{margin:0;color:var(--muted);font-size:13px;line-height:1.95}
.subpage .badge{display:inline-flex;align-items:center;margin-bottom:14px;padding:5px 9px;border-radius:999px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9c0ff;
  border:1px solid rgba(118,88,255,.28);background:rgba(118,88,255,.08)}
.subpage html[data-theme="light"] .badge{color:#5c46c9}
.subpage .prose{max-width:900px}
.subpage .prose h2{margin:0;padding-top:8px;font-family:Estedad,Arad,sans-serif;font-size:24px;font-weight:500;line-height:1.5}
.subpage .prose h2:not(:first-child){margin-top:40px}
.subpage .prose p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:2.15}
.subpage .prose::before{content:"";display:block;width:72px;height:3px;margin-bottom:36px;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--blue))}
.subpage .cta-band{position:relative;max-width:820px;margin:0 auto;padding:36px;border:1px solid rgba(118,88,255,.30);border-radius:24px;
  background:linear-gradient(135deg,rgba(118,88,255,.09),rgba(85,184,255,.045)),var(--panel);text-align:center;overflow:hidden}
.subpage .cta-band::after{content:"";position:absolute;width:250px;height:250px;right:-120px;top:-130px;border-radius:50%;
  background:radial-gradient(circle,rgba(118,88,255,.16),transparent 70%);pointer-events:none}
.subpage .cta-band h2{position:relative;z-index:1;margin:0;font-family:Estedad,Arad,sans-serif;font-size:28px;font-weight:500}
.subpage .cta-band p{position:relative;z-index:1;margin:7px 0 18px;color:var(--muted);font-size:15px}
.subpage .cta-band .primary{position:relative;z-index:1;display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 19px;border-radius:13px;
  background:linear-gradient(135deg,var(--violet),#4f7cff);color:#fff;font-size:13px;box-shadow:0 10px 28px rgba(110,84,255,.23)}
.subpage .faq{max-width:900px;margin:0 auto}
.subpage .faq-item{border:1px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.subpage .faq-item+.faq-item{margin-top:12px}
.subpage .faq-item.open{border-color:rgba(118,88,255,.38);box-shadow:0 18px 45px rgba(0,0,0,.10)}
.subpage .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:0;background:none;color:var(--text);text-align:right;cursor:pointer;font-size:14px}
.subpage .faq-q span:last-child{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:18px;line-height:1;transition:transform .2s ease,background .2s ease,color .2s ease}
.subpage .faq-item.open .faq-q span:last-child{transform:rotate(45deg);background:rgba(118,88,255,.10);color:#c1b5ff}
.subpage .faq-a{max-height:0;overflow:hidden;padding:0 20px;color:var(--muted);font-size:13px;line-height:2;transition:max-height .28s ease,padding-bottom .28s ease}
.subpage .faq-item.open .faq-a{max-height:300px;padding-bottom:18px}
.subpage .footer{margin-top:20px;padding:60px 0 0;background:var(--bg2);border-top:1px solid var(--line)}
.subpage .footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}
.subpage .footer-col .brand{margin-bottom:12px}
.subpage .footer-col h4{font-family:Estedad,Arad,sans-serif;font-size:15px;font-weight:500}
.subpage .footer-col>a{display:block;margin:8px 0;color:var(--muted);font-size:12px;transition:color .2s ease}
.subpage .footer-col>a:hover{color:var(--text)}
.subpage .footer-col>p.muted{max-width:310px;margin:0;color:var(--muted);font-size:12px;line-height:1.9}
.subpage .copy{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:42px;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.subpage .copy .small{opacity:.8}
.subpage a:focus-visible,.subpage button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:980px){
  .subpage .nav-inner{gap:16px}
  .subpage .nav-links{gap:16px}
  .subpage .nav-actions .theme-label{display:none}
  .subpage .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subpage .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:700px){
  .subpage .container{width:min(var(--max),calc(100% - 28px))}
  .subpage .nav-inner{min-height:68px}
  .subpage .nav-links{display:none}
  .subpage .nav-actions .primary{display:none}
  .subpage .nav-actions .mobile-toggle{display:block}
  .subpage .nav.mobile-open .nav-links{display:flex;position:absolute;left:14px;right:14px;top:68px;padding:12px 14px 14px;border:1px solid var(--line);border-top:0;
    border-radius:0 0 16px 16px;background:var(--panel);box-shadow:0 20px 45px rgba(0,0,0,.18);flex-direction:column;align-items:stretch;gap:2px}
  .subpage .nav.mobile-open .nav-links a{padding:10px 4px}
  .subpage .page-hero{padding:70px 0 40px}
  .subpage .page-hero h1{font-size:38px}
  .subpage .page-hero p.muted{font-size:14px}
  .subpage .section{padding:18px 0 66px}
  .subpage .grid-3{grid-template-columns:1fr}
  .subpage .card{min-height:0;padding:22px 20px}
  .subpage .prose p{font-size:14px}
  .subpage .cta-band{padding:28px 20px}
  .subpage .footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}
  .subpage .footer-grid .footer-col:first-child{grid-column:1/-1}
  .subpage .copy{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .subpage .card,.subpage .nav-actions .primary{transition:none}
  .subpage .faq-a{transition:none}
}

/* Subify micro-interactions and reliable theme surfaces */
html{color-scheme:dark;transition:background-color .35s ease,color .35s ease}
html[data-theme="light"]{color-scheme:light}
body, .site-header, .section-pad, .card, .stats-grid, .stat, .browser-frame, .extension-pane, .mini-window, .announcement, .btn, .icon-btn, .lang-btn, .menu-btn, .address, .mini-sub{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}
.site-header{background:rgba(8,10,16,.82)}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.82)}
html[data-theme="light"] .hero-glow{opacity:.16}
html[data-theme="light"] .browser-frame,html[data-theme="light"] .mini-window{box-shadow:0 30px 70px rgba(40,55,85,.13)}
.hero-title{animation:subifyTitleReveal .8s cubic-bezier(.2,.8,.2,1) both}
.hero-logo-wrap{animation:subifyFloat 5s ease-in-out infinite}
.hero-glow{animation:subifyGlow 9s ease-in-out infinite alternate}
.glow-blue{animation-delay:-3s}
.browser-item{transition:transform .25s ease,opacity .25s ease,filter .25s ease,background-color .25s ease}
.browser-item:hover{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 10px 20px rgba(118,88,255,.18))}
.github-browser svg{color:var(--text)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}
@keyframes subifyTitleReveal{from{opacity:0;transform:translateY(14px) scale(.985);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@keyframes subifyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes subifyGlow{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(24px,-12px,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

/* Targeted UI polish: logo, header, and theme contrast only */
.brand img{width:42px;height:42px;object-fit:contain;filter:none;background:transparent}
.site-header{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent);box-shadow:0 8px 28px rgba(0,0,0,.08)}
.header-inner{height:70px;gap:26px}
.brand{gap:9px;font-size:21px;font-weight:600}
.main-nav{gap:22px}
.main-nav a{padding:7px 9px;border-radius:9px}
.main-nav a:hover{background:var(--panel);color:var(--text)}
.header-actions{gap:8px}
.icon-btn,.lang-btn,.menu-btn{height:40px;min-width:40px;border-radius:11px;background:var(--panel);box-shadow:0 5px 16px rgba(0,0,0,.06)}
.lang-btn{font-weight:600}
.status-badge{color:var(--text);background:color-mix(in srgb,var(--violet) 10%,transparent);border-color:color-mix(in srgb,var(--violet) 42%,var(--line))}
html[data-theme="light"] .status-badge{color:#43358e;background:rgba(103,71,244,.08);border-color:rgba(103,71,244,.28)}
html[data-theme="light"] .site-header{box-shadow:0 8px 28px rgba(38,49,72,.08)}
html[data-theme="light"] .brand{color:#151922}
html[data-theme="light"] .main-nav a:hover{background:#f2f4f8}
html[data-theme="light"] .icon-btn,html[data-theme="light"] .lang-btn,html[data-theme="light"] .menu-btn{background:#fff}
@media(max-width:700px){.header-inner{height:64px;gap:8px}.brand{font-size:19px}.brand img{width:38px;height:38px}.header-actions{gap:7px}}


/* =========================================================
   FINAL PRODUCT POLISH
   Only visual/interaction layers. Existing structure preserved.
   ========================================================= */
.site-header{box-shadow:0 8px 32px rgba(0,0,0,.10);will-change:background-color,box-shadow}
.site-header.scrolled{box-shadow:0 12px 36px rgba(0,0,0,.16);backdrop-filter:blur(22px) saturate(155%)}
.brand{transition:transform .25s ease,opacity .25s ease}.brand:hover{transform:translateY(-1px);opacity:.94}.brand img{background:transparent!important;box-shadow:none!important}
.header-actions .btn,.icon-btn,.lang-btn,.menu-btn{transition:transform .22s ease,background-color .28s ease,border-color .28s ease,box-shadow .22s ease}
.header-actions .btn:hover,.icon-btn:hover,.lang-btn:hover,.menu-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.13)}
.main-nav a{transition:color .2s ease,background-color .2s ease,transform .2s ease}.main-nav a:hover{transform:translateY(-1px)}
.main-nav a.active{color:var(--text);background:color-mix(in srgb,var(--violet) 9%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 22%,var(--line))}
.hero-center{isolation:isolate}.hero-logo-wrap{position:relative}.hero-logo-wrap::after{content:"";position:absolute;inset:-18px;border:1px solid color-mix(in srgb,var(--violet) 20%,transparent);border-radius:50%;opacity:.65;animation:subifyPulse 3.8s ease-in-out infinite;pointer-events:none}
.hero-title{position:relative;text-wrap:balance}.hero-title.typing::after{content:"";display:inline-block;width:2px;height:.85em;margin-inline-start:7px;vertical-align:-.06em;background:var(--violet2);border-radius:99px;animation:subifyCaret .85s steps(1,end) infinite}.hero-sub{animation:subifySubtleIn .9s .18s both}
.browser-row{gap:12px}.browser-item{min-width:92px;justify-content:center;padding:9px 11px;border:1px solid transparent}.browser-item.active{background:color-mix(in srgb,var(--panel) 92%,transparent);border-color:var(--line)}.browser-item.active:hover{border-color:color-mix(in srgb,var(--violet) 45%,var(--line));background:color-mix(in srgb,var(--violet) 6%,var(--panel))}.browser-item img,.browser-item svg{transition:transform .25s ease}.browser-item:hover img,.browser-item:hover svg{transform:scale(1.08)}.browser-item .browser-state{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:var(--muted);font-style:normal;opacity:0;transition:opacity .2s ease}.browser-item:hover .browser-state{opacity:1}.browser-item.soon{border-color:var(--line)}
.btn-primary{position:relative;overflow:hidden}.btn-primary::before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.18),transparent 75%);transition:transform .65s ease}.btn-primary:hover::before{transform:translateX(120%)}.btn-primary>*{position:relative}
.feature-card,.step,.platform-card,.stat{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background-color .28s ease}.feature-card:hover,.step:hover,.platform-card:hover,.stat:hover{box-shadow:0 18px 42px rgba(0,0,0,.10)}
.footer .social{transition:transform .22s ease,color .22s ease,border-color .22s ease,background-color .22s ease}.footer .social:hover{transform:translateY(-3px);color:var(--text);border-color:color-mix(in srgb,var(--violet) 45%,var(--line));background:color-mix(in srgb,var(--violet) 7%,var(--panel))}

/* Download page */
.subpage .download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.subpage .download-card{display:flex;gap:18px;align-items:flex-start;min-height:230px}.subpage .download-card-featured{border-color:color-mix(in srgb,var(--violet) 42%,var(--line));box-shadow:0 24px 60px rgba(118,88,255,.10)}.subpage .download-icon{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--panel2);color:var(--text);box-shadow:0 10px 28px rgba(0,0,0,.08)}.subpage .download-icon img{width:44px;height:44px;object-fit:contain}.subpage .download-icon svg{width:34px;height:34px}.subpage .download-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.subpage .download-meta h3{margin-top:3px}.subpage .download-status{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--green);padding:4px 7px;border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));background:color-mix(in srgb,var(--green) 7%,transparent);border-radius:999px}.subpage .download-status.coming{color:var(--muted);border-color:var(--line);background:var(--bg2)}.subpage .download-meta .primary{margin-top:18px}.subpage .secondary-download{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line);box-shadow:none!important}.subpage .secondary-download:hover{border-color:color-mix(in srgb,var(--violet) 45%,var(--line))}.subpage .install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.subpage .install-steps>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 85%,transparent)}.subpage .install-steps span{font:11px ui-monospace,monospace;color:var(--violet2);border:1px solid color-mix(in srgb,var(--violet) 30%,var(--line));padding:4px 7px;border-radius:999px}.subpage .install-steps strong{font-size:12px;font-weight:500}

/* Internal pages get the same restrained motion system */
.sub-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.sub-reveal.in{opacity:1;transform:none}.subpage .card,.subpage .cta-band,.subpage .faq-item,.subpage .nav-actions .primary{will-change:transform}.subpage .nav-actions button,.subpage .nav-actions .primary{transition:transform .22s ease,box-shadow .22s ease,background-color .28s ease,border-color .28s ease}.subpage .nav-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.10)}.subpage .nav-links a{transition:color .2s ease,transform .2s ease}.subpage .nav-links a:hover{transform:translateY(-1px)}.subpage .footer-col>a{transition:color .2s ease,transform .2s ease}.subpage .footer-col>a:hover{transform:translateX(-2px)}[dir="ltr"] .subpage .footer-col>a:hover{transform:translateX(2px)}

@keyframes subifyCaret{50%{opacity:0}}@keyframes subifyPulse{0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.05);opacity:.8}}@keyframes subifySubtleIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.subpage .download-grid{grid-template-columns:1fr 1fr}.subpage .install-steps{grid-template-columns:1fr}.subpage .download-card{min-height:210px}}
@media(max-width:700px){.browser-item{min-width:82px}.browser-item .browser-state{display:none}.subpage .download-grid{grid-template-columns:1fr}.subpage .download-card{min-height:0}.subpage .download-icon{width:56px;height:56px;flex-basis:56px}.subpage .download-icon img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.sub-reveal{opacity:1;transform:none;transition:none}.hero-title.typing::after{animation:none}.hero-logo-wrap::after{animation:none}.btn-primary::before{display:none}}

.subpage .subpage-github{display:inline-flex;align-items:center;margin-top:12px;color:var(--text);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.82;transition:transform .2s ease,color .2s ease,opacity .2s ease}.subpage .subpage-github:hover{transform:translateX(-2px);color:var(--violet2);opacity:1}[dir="ltr"] .subpage .subpage-github:hover{transform:translateX(2px)}


/* =========================================================
   SUBIFY — LIVDUB-INSPIRED PRODUCT EXPERIENCE
   Original implementation. Visual inspiration only.
   ========================================================= */
.livdub-hero{position:relative;min-height:calc(100vh - 70px);display:flex;align-items:center;overflow:hidden;padding-top:72px;padding-bottom:82px;background:radial-gradient(circle at 78% 42%,rgba(111,82,255,.16),transparent 30%),radial-gradient(circle at 12% 20%,rgba(24,210,255,.08),transparent 24%)}
.livdub-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);gap:70px;align-items:center;direction:ltr}
.livdub-copy{direction:rtl;position:relative;z-index:2;max-width:650px}.hero-kicker{display:flex;align-items:center;gap:10px;margin:24px 0 16px;color:var(--muted);font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;direction:ltr}.hero-kicker span:first-child{color:var(--violet2)}.hero-kicker i{width:3px;height:3px;border-radius:50%;background:var(--line)}
.livdub-title{font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-.045em;max-width:680px;margin:0 0 24px}.livdub-sub{max-width:610px;font-size:18px;line-height:1.95;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px;flex-wrap:wrap}.hero-secondary{color:var(--text);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:10px}.hero-secondary span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;transition:.25s}.hero-secondary:hover span{transform:translateY(3px);border-color:var(--violet2)}
.language-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:32px;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.language-strip>span:not(.language-live){padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.language-live{display:flex;align-items:center;gap:6px;color:var(--green)}.language-live b{width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 12px currentColor}.livdub-hero .announcement{margin-top:26px;max-width:610px}
.live-stage-wrap{direction:ltr;position:relative;min-height:620px;display:grid;place-items:center}.live-stage-shadow{position:absolute;width:78%;height:65%;border-radius:50%;background:rgba(118,88,255,.22);filter:blur(70px);transform:translateY(30px)}.live-stage{position:relative;width:min(100%,700px);aspect-ratio:1.06/1;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,#151823,#090b11 65%);box-shadow:0 40px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.08);overflow:visible;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);transition:transform .5s ease}.live-stage:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-4px)}.live-window-top{height:48px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);gap:16px}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#505563}.window-url{flex:1;text-align:center;color:#777d8c;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.live-pill{font:600 9px ui-monospace,monospace;color:#6ef0b1;display:flex;align-items:center;gap:5px}.live-pill b{width:5px;height:5px;background:#6ef0b1;border-radius:50%;box-shadow:0 0 10px #6ef0b1}
.live-video{height:58%;margin:18px 18px 0;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1c2030,#0d1018 48%,#202235)}.video-noise{position:absolute;inset:0;opacity:.28;background:radial-gradient(circle at 25% 35%,rgba(113,87,255,.7),transparent 24%),radial-gradient(circle at 78% 60%,rgba(24,210,255,.45),transparent 28%)}.video-person{position:absolute;inset:12% 25% 0;display:flex;justify-content:center;align-items:flex-start}.person-head{width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#aeb4c3,#555c6d);box-shadow:0 15px 50px rgba(0,0,0,.35)}.person-body{position:absolute;top:80px;width:210px;height:180px;border-radius:90px 90px 20px 20px;background:linear-gradient(145deg,#6d7383,#262b38)}.live-caption{position:absolute;right:24px;left:24px;bottom:22px;text-align:center;color:white;text-shadow:0 2px 12px rgba(0,0,0,.7)}.live-caption small{display:block;font:9px ui-monospace,monospace;color:#b7bcc9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.live-caption strong{display:block;font-size:18px}.caption-fa{display:inline-block;margin-top:7px;padding:7px 12px;border-radius:9px;background:rgba(5,7,12,.68);font-size:16px}.live-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.12)}.live-progress span{display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--violet),#24d5ff);box-shadow:0 0 15px rgba(118,88,255,.8)}
.live-controlbar{height:45px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#8f95a3;font:10px ui-monospace,monospace}.control-play{color:white;margin-right:9px}.control-icons{display:flex;gap:15px}.control-icons span:first-child{color:#fff}
.floating-translation{position:absolute;right:-72px;bottom:58px;width:270px;padding:17px;border-radius:20px;background:rgba(15,17,25,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.13);box-shadow:0 28px 70px rgba(0,0,0,.42);color:#fff}.float-head,.float-row,.voice-meta{display:flex;align-items:center;justify-content:space-between}.mini-brand{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.mini-brand img{width:22px;height:22px}.connected{font:9px ui-monospace,monospace;color:#7debb4}.connected b{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:4px}.float-row{margin-top:18px;gap:8px}.float-row>div{flex:1;padding:9px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}.float-row small,.voice-meta span{display:block;color:#7f8695;font-size:8px}.float-row strong{display:block;margin-top:4px;font-size:11px}.float-row>span{color:#8d79ff}.float-mode{display:flex;gap:6px;margin-top:10px}.float-mode span{flex:1;text-align:center;padding:7px 3px;border-radius:8px;color:#7f8695;font-size:9px}.float-mode .mode-active{color:#fff;background:rgba(118,88,255,.18);border:1px solid rgba(118,88,255,.35)}.voice-wave{height:42px;margin-top:12px;display:flex;align-items:center;gap:2px;overflow:hidden}.voice-wave i{width:3px;border-radius:99px;background:linear-gradient(to top,#7c5cff,#30d6ff);animation:subifyWave .8s ease-in-out infinite alternate;opacity:.85}.voice-wave i:nth-child(3n){animation-delay:-.2s}.voice-wave i:nth-child(4n){animation-delay:-.5s}.voice-wave i:nth-child(5n){animation-delay:-.1s}.voice-wave i:nth-child(odd){height:12px}.voice-wave i:nth-child(even){height:25px}.voice-wave i:nth-child(3n){height:34px}.voice-meta{border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.voice-meta strong{font-size:9px}.floating-chip{position:absolute;padding:9px 12px;border-radius:999px;background:rgba(15,17,25,.9);border:1px solid rgba(255,255,255,.1);color:#bfc4cf;font:9px ui-monospace,monospace;box-shadow:0 18px 45px rgba(0,0,0,.3);animation:subifyFloat 4s ease-in-out infinite}.chip-one{top:105px;left:-45px}.chip-two{bottom:105px;left:20px;animation-delay:-1.5s}.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#666d7c;font:8px ui-monospace,monospace;letter-spacing:.15em}.scroll-cue span{width:28px;height:44px;border:1px solid var(--line);border-radius:20px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;border-radius:3px;background:var(--muted);left:50%;top:8px;transform:translateX(-50%);animation:scrollDot 1.8s ease-in-out infinite}
@keyframes subifyWave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes scrollDot{0%,100%{transform:translate(-50%,0);opacity:.35}50%{transform:translate(-50%,13px);opacity:1}}
/* Reframe the following sections into the same product-story rhythm */
.stats-section{padding-top:30px}.stats-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.intro-story{padding-top:120px;padding-bottom:120px}.screenshot-section{padding-top:40px}.screenshot-section .section-head{text-align:left;direction:ltr}.screenshot-section .section-head>*{max-width:720px;margin-left:0;margin-right:auto}.product-showcase{margin-top:48px}.platforms-section{padding-top:120px}.features-section{padding-top:120px}.how-section{padding-top:120px}.privacy-section{padding-top:120px}.story-section{padding-top:140px}.final-section{padding-top:120px;padding-bottom:120px}
html[data-theme="light"] .livdub-hero{background:radial-gradient(circle at 78% 42%,rgba(111,82,255,.10),transparent 30%),radial-gradient(circle at 12% 20%,rgba(24,160,210,.06),transparent 24%)}html[data-theme="light"] .live-stage{background:linear-gradient(145deg,#f8f9fc,#eef1f7 65%);border-color:rgba(30,35,48,.1);box-shadow:0 40px 90px rgba(30,35,48,.14),inset 0 1px rgba(255,255,255,.8)}html[data-theme="light"] .live-window-top,html[data-theme="light"] .live-controlbar{border-color:rgba(30,35,48,.08)}html[data-theme="light"] .live-video{background:linear-gradient(135deg,#dfe4ee,#b8c0d0 48%,#e6e9f1)}html[data-theme="light"] .floating-translation,html[data-theme="light"] .floating-chip{background:rgba(255,255,255,.92);color:#151922;border-color:rgba(30,35,48,.1);box-shadow:0 28px 60px rgba(30,35,48,.15)}html[data-theme="light"] .live-caption{color:#fff}.hero-secondary{direction:rtl}
@media(max-width:1100px){.livdub-hero-grid{grid-template-columns:1fr;gap:38px}.livdub-copy{max-width:760px}.live-stage-wrap{min-height:520px}.live-stage{width:min(100%,760px)}.floating-translation{right:18px;bottom:32px}.chip-one{left:12px}.chip-two{left:45px}}
@media(max-width:700px){.livdub-hero{min-height:auto;padding-top:52px;padding-bottom:70px}.livdub-title{font-size:clamp(42px,13vw,62px)}.livdub-sub{font-size:15px;line-height:1.8}.hero-actions{gap:14px}.hero-actions .btn{width:100%;justify-content:center}.hero-secondary{width:100%;justify-content:center}.language-strip{margin-top:24px}.live-stage-wrap{min-height:400px}.live-stage{border-radius:20px;aspect-ratio:auto;height:390px;transform:none}.live-video{height:56%;margin:13px 13px 0}.person-head{width:62px;height:62px}.person-body{top:56px;width:145px;height:135px}.live-caption{bottom:14px}.live-caption strong{font-size:13px}.caption-fa{font-size:12px}.floating-translation{right:10px;bottom:-20px;width:225px;padding:13px}.floating-chip{display:none}.live-controlbar{height:38px}.scroll-cue{display:none}.intro-story,.platforms-section,.features-section,.how-section,.privacy-section,.story-section,.final-section{padding-top:78px;padding-bottom:78px}}
@media(prefers-reduced-motion:reduce){.live-stage,.voice-wave i,.floating-chip,.scroll-cue span:after{animation:none!important;transition:none!important}}