/* English typography: Inter + Inter Display */
@font-face{font-family:SubifyInter;src:url('/assets/fonts/Inter-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:SubifyInter;src:url('/assets/fonts/Inter-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:SubifyInter;src:url('/assets/fonts/Inter-SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:SubifyInter;src:url('/assets/fonts/Inter-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:SubifyInter;src:url('/assets/fonts/Inter-Black.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:SubifyInterDisplay;src:url('/assets/fonts/InterDisplay-SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:SubifyInterDisplay;src:url('/assets/fonts/InterDisplay-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:SubifyInterDisplay;src:url('/assets/fonts/InterDisplay-Black.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}

/* Subify typography system - supplied brand fonts */
@font-face{font-family:IRANYekanX;src:url('/assets/fonts/IRANYekanX-UltraLight.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:IRANYekanX;src:url('/assets/fonts/IRANYekanX-Thin.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:IRANYekanX;src:url('/assets/fonts/IRANYekanX-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IRANYekanX;src:url('/assets/fonts/IRANYekanX-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('/assets/fonts/Peyda-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('/assets/fonts/Peyda-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('/assets/fonts/Peyda-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/Vazirmatn-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

/* Premium Persian type hierarchy */
:root{--font-body:IRANYekanX,Arad,Vazirmatn,sans-serif;--font-heading:Peyda,IRANYekanX,Arad,sans-serif;--font-ui:Vazirmatn,IRANYekanX,sans-serif}
html,body{font-family:var(--font-body);font-synthesis:none}
.pro-title,.copy h2,.section-head h2,.privacy-copy h2,.story-copy h2,.final-card h2,.subpage .page-hero h1,.subpage .card h3,.subpage .prose h2,.subpage .cta-band h2,.subpage .footer-col h4,.quality-copy h2,.dubbing-copy h2{font-family:var(--font-heading)!important;font-weight:900!important}
.pro-sub,.copy p,.section-head p,.privacy-copy p,.story-copy p,.final-card p,.quality-copy p,.dubbing-copy p,.faq-a{font-family:var(--font-body)!important}
.btn,.main-nav a,.header-actions,.hero-meta,.eyebrow,.status-badge,.floating-chip,.browser-url,.card-tag,.feature-arrow,.console-head,.console-controls,.platform-card small,.footer,.mobile-nav{font-family:var(--font-ui),sans-serif}
.brand,.brand span{font-family:var(--font-heading)!important;font-weight:500!important}
@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:#080b12;--bg2:#0b0f18;--panel:#10151f;--panel2:#141a26;--surface1:#10151f;--surface2:#161d2b;--surface3:#1c2436;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);--text:#f5f6f8;--muted:#8b93a3;--violet:#7c5cff;--violet2:#9a86ff;--blue:#4cc2ff;--green:#25d8a0;--danger:#ff6b7a;--warning:#e6b866;--max:1180px;--btn-fg:#080b12;--btn-bg:#f5f6f8}
html[data-theme="light"]{--bg:#fafafa;--bg2:#f4f4f6;--panel:#fff;--panel2:#f8f8f9;--surface1:#f2f2f4;--surface2:#ececef;--surface3:#e3e3e7;--line:rgba(10,10,15,.09);--line-strong:rgba(10,10,15,.16);--text:#0d0d10;--muted:#63636e;--violet:#6747f4;--violet2:#805ff8;--blue:#147dd1;--btn-fg:#fff;--btn-bg:#0d0d10}
*{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}
.brand-mark{display:inline-block;width:30px;height:30px;flex:0 0 auto;background-image:url('/assets/img/subify-logo-dark.png');background-repeat:no-repeat;background-position:center;background-size:contain}
html[data-theme="light"] .brand-mark{background-image:url('/assets/img/subify-logo.png')}
.hero-mark{width:30px;height:30px}.hero-mark-lg{width:58px;height:58px}.hero-mark-sm{width:20px;height:20px}.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;gap:8px;min-height:42px;padding:0 18px;border-radius:12px;border:1px solid var(--line);font-size:14px;font-weight:500;transition:.2s;cursor:pointer}.btn-primary{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg);box-shadow:0 1px 0 rgba(255,255,255,.12) inset}.btn-primary:hover{transform:translateY(-2px);opacity:.92;box-shadow:0 12px 28px rgba(0,0,0,.28)}.btn-secondary{background:var(--surface2);border-color:var(--line);color:var(--text)}.btn-secondary:hover{transform:translateY(-2px);background:var(--surface3);border-color:var(--line-strong)}.btn-xl{min-height:52px;padding:0 24px;border-radius:14px;font-size:15px}.btn-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.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:460px;height:460px;border-radius:50%;filter:blur(130px);opacity:.13;pointer-events:none}.glow-violet{background:var(--violet);top:-140px;right:4%}.glow-blue{background:var(--blue);left:-5%;bottom:10%}.hero-logo-wrap{width:88px;height:88px;display:grid;place-items:center;margin-bottom:18px}.hero-mark-lg{filter:drop-shadow(0 10px 30px rgba(124,92,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,6.4vw,82px);line-height:1.16;margin:0;letter-spacing:-1px;max-width:920px}
.accent-serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--violet2)}
.hero-badge-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.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}.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:color-mix(in srgb,var(--violet) 45%,var(--line));background:var(--surface2)}.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:color-mix(in srgb,var(--violet) 42%,var(--line));background:var(--surface2)}.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}.faq-more-row{text-align:center;margin-top:22px}.faq-more-row .text-link{margin:0}.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(124,92,255,.10),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(76,194,255,.07),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:color-mix(in srgb,var(--violet) 40%,var(--line));background:var(--surface2)}
.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:.08}
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-mark{width:26px;height:26px}.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}.step:hover,.stat:hover{transform:translateY(-4px);border-color:var(--line-strong);background:var(--surface2)}
.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-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
.subpage .subpage-github{display:inline-flex;align-items:center;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)}

/* Ecosystem marquee */
.marquee-section{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.marquee-wrap{overflow:hidden;max-width:100%;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;flex-wrap:nowrap;width:max-content;min-width:200%;gap:0;animation:marqueeScroll 32s linear infinite}
.marquee-track:hover{animation-play-state:paused}
.marquee-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:0 34px;font-size:13px;line-height:1.4;color:var(--muted);white-space:nowrap;border-right:1px solid var(--line)}
[dir="ltr"] .marquee-item{border-right:0;border-left:1px solid var(--line)}
.marquee-item b{color:var(--text);font-weight:500;white-space:nowrap}
.marquee-item .dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex:0 0 auto}
@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[dir="ltr"] .marquee-track{animation-name:marqueeScrollLtr}
@keyframes marqueeScrollLtr{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media(max-width:700px){.marquee-item{padding:0 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;min-width:0}}

/* Motion test: narrative intro section only */
.intro-story{overflow:clip;perspective:1200px}.intro-story .copy,.intro-story .story-mini{will-change:transform,opacity}.intro-story .story-mini{--scroll-p:0;transform:translate3d(0,calc((1 - var(--scroll-p))*42px),0) rotateX(calc((1 - var(--scroll-p))*6deg)) rotateY(calc((1 - var(--scroll-p))*-4deg)) scale(calc(.92 + var(--scroll-p)*.08));opacity:calc(.72 + var(--scroll-p)*.28);transition:none}.intro-story .copy{--scroll-p:0;transform:translate3d(0,calc((1 - var(--scroll-p))*18px),0);opacity:calc(.78 + var(--scroll-p)*.22)}.intro-story .mini-window{box-shadow:0 30px 70px rgba(0,0,0,.25),0 0 calc(35px + var(--scroll-p)*35px) rgba(118,88,255,calc(.08 + var(--scroll-p)*.12));transition:box-shadow .15s linear}.intro-story .story-mini-caption{transform:translateY(calc((1 - var(--scroll-p))*10px));opacity:calc(.72 + var(--scroll-p)*.28);transition:none}@media(max-width:980px){.intro-story .story-mini{transform:translate3d(0,calc((1 - var(--scroll-p))*28px),0) scale(calc(.95 + var(--scroll-p)*.05))}}@media(prefers-reduced-motion:reduce){.intro-story .copy,.intro-story .story-mini,.intro-story .story-mini-caption{transform:none!important;opacity:1!important;transition:none!important}}

/* =========================================================
   SUBIFY PRO HOMEPAGE v3
   Inspired by modern Persian SaaS/editorial landing pages,
   while keeping Subify's product identity and real features.
   ========================================================= */
:root{--pro-bg:#07070a;--pro-surface:#101015;--pro-surface2:#15151c;--pro-line:rgba(255,255,255,.09);--pro-line2:rgba(255,255,255,.14);--pro-text:#f8f8fa;--pro-muted:#a5a5b0;--pro-purple:#9b78ff;--pro-purple2:#c5b3ff;--pro-pink:#ff79b7;--pro-green:#7ee8b1}
html[data-theme="light"]{--pro-bg:#fafafa;--pro-surface:#fff;--pro-surface2:#f4f4f7;--pro-line:rgba(20,20,30,.10);--pro-line2:rgba(20,20,30,.16);--pro-text:#17171c;--pro-muted:#6d6d78}
body{background:var(--pro-bg);color:var(--pro-text);font-family:AradFD,Vazirmatn,sans-serif}
body:before{background:radial-gradient(circle at 50% -10%,rgba(139,91,255,.12),transparent 38%),radial-gradient(circle at 100% 40%,rgba(255,80,160,.05),transparent 28%);opacity:1}
.site-header{background:color-mix(in srgb,var(--pro-bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--pro-line)}
.brand{font-family:Vazirmatn,Arial,sans-serif;font-weight:750;letter-spacing:-.03em}.brand-mark{filter:drop-shadow(0 0 12px rgba(155,120,255,.28))}
.header-cta{padding:10px 17px!important;border-radius:12px!important}.main-nav a{font-family:AradFD,Vazirmatn,sans-serif;font-size:12px;color:var(--pro-muted)}
.pro-hero{position:relative;min-height:860px;display:flex;align-items:center;overflow:hidden;padding-top:130px!important;padding-bottom:100px!important;background:radial-gradient(circle at 70% 46%,rgba(142,91,255,.13),transparent 31%),radial-gradient(circle at 15% 35%,rgba(255,84,165,.07),transparent 25%)}
.pro-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.orb-one{width:420px;height:420px;background:rgba(119,70,255,.12);right:-120px;top:100px}.orb-two{width:280px;height:280px;background:rgba(255,65,160,.08);left:-100px;bottom:120px}
.pro-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:65px;position:relative;z-index:2}.hero-copy{max-width:620px}.hero-kicker{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:var(--pro-purple2);margin:22px 0 18px}.pro-title{font-family:AradFD,Vazirmatn,sans-serif;font-size:clamp(52px,6vw,82px);line-height:1.08;letter-spacing:-.055em;margin:0 0 22px;max-width:680px}.pro-sub{font-size:18px;line-height:2.05;color:var(--pro-muted);max-width:590px;margin:0 0 28px}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--pro-muted);font-size:11px;margin-top:20px}.hero-meta span:first-child{color:var(--pro-text)}
.hero-product{position:relative;padding:24px}.browser-shell{border:1px solid var(--pro-line2);background:#0d0d12;border-radius:28px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 80px rgba(118,88,255,.10);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transition:transform .5s ease,box-shadow .5s ease}.hero-product:hover .browser-shell{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 48px 110px rgba(0,0,0,.56),0 0 100px rgba(118,88,255,.15)}.browser-top{height:42px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid var(--pro-line);background:#15151a;color:#686875;font-size:10px}.traffic{display:flex;gap:6px}.traffic i{width:7px;height:7px;border-radius:50%;background:#36363d}.browser-url{flex:1;text-align:center;color:#747480}.browser-content{display:grid;grid-template-columns:1fr 265px;min-height:430px}.fake-video{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(140deg,#29242c 0%,#4b3449 36%,#18181d 100%)}.video-gradient{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,170,210,.38),transparent 22%),linear-gradient(150deg,transparent 25%,rgba(0,0,0,.45) 75%)}.play-ring{position:absolute;inset:0;margin:auto;width:66px;height:66px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;color:white;background:rgba(0,0,0,.18);backdrop-filter:blur(6px)}.video-sub{position:absolute;right:30px;left:30px;text-align:center;padding:9px 14px;border-radius:8px;background:rgba(0,0,0,.63);font-size:13px}.video-sub.original{bottom:83px;color:#ddd}.video-sub.translated{bottom:38px;color:#fff;font-weight:700;box-shadow:0 0 25px rgba(155,120,255,.12)}
.mini-extension{padding:18px;background:#101015;border-right:1px solid var(--pro-line);display:flex;flex-direction:column;gap:13px}.mini-ext-head{display:flex;align-items:center;justify-content:space-between}.mini-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.mini-brand .brand-mark{width:19px;height:19px}.live-pill{font:700 8px ui-monospace,monospace;color:var(--pro-green);padding:4px 6px;border:1px solid rgba(126,232,177,.2);border-radius:999px}.mini-field{border:1px solid var(--pro-line);background:#15151b;border-radius:10px;padding:8px 10px;display:grid;grid-template-columns:1fr auto;gap:2px}.mini-field small{color:#7e7e89;font-size:8px}.mini-field strong{font-size:11px}.mini-field span{grid-row:1/3;grid-column:2;align-self:center;color:#777}.mode-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.mode{font-size:9px;text-align:center;padding:8px 3px;border-radius:8px;color:#858590;border:1px solid var(--pro-line)}.mode.active{color:#fff;background:rgba(155,120,255,.16);border-color:rgba(155,120,255,.32)}.mode.dubbing{color:#ffc1df}.voice-card{padding:11px;border:1px solid rgba(255,121,183,.16);background:linear-gradient(135deg,rgba(255,121,183,.06),rgba(155,120,255,.07));border-radius:12px}.voice-card small{display:block;color:#858590;font-size:8px}.voice-card b{display:block;font-size:10px;margin-top:3px}.wave{height:27px;display:flex;align-items:center;gap:2px;margin-top:8px}.wave i{width:3px;border-radius:99px;background:linear-gradient(to top,var(--pro-purple),var(--pro-pink));height:var(--h,50%)}.wave i:nth-child(2){--h:75%}.wave i:nth-child(3){--h:35%}.wave i:nth-child(4){--h:90%}.wave i:nth-child(5){--h:55%}.wave i:nth-child(6){--h:100%}.wave i:nth-child(7){--h:42%}.wave i:nth-child(8){--h:72%}.wave i:nth-child(9){--h:30%}.mini-run{margin-top:auto;border:0;border-radius:10px;padding:11px;background:linear-gradient(135deg,#8661f6,#c14e94);color:white;font:700 11px AradFD;cursor:pointer}.mini-run span{float:left}.floating-chip{position:absolute;z-index:3;padding:10px 13px;border:1px solid var(--pro-line2);background:rgba(18,18,24,.82);backdrop-filter:blur(14px);border-radius:13px;box-shadow:0 14px 35px rgba(0,0,0,.3);font:10px ui-monospace,monospace;color:#cfcfd7}.floating-chip b{color:var(--pro-green);margin-right:7px}.chip-top{top:2px;right:-5px}.chip-bottom{bottom:4px;left:-5px;color:#ffc2e0}.chip-bottom b{color:#ff91c4}
.proof-strip{border-top:1px solid var(--pro-line);border-bottom:1px solid var(--pro-line);background:rgba(255,255,255,.015)}.proof-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--pro-muted);font-size:11px}.proof-inner b{color:var(--pro-text);font:600 12px ui-monospace,monospace}.proof-note{color:var(--pro-purple2)!important}
.section-pad{padding:120px 0}.section-head{max-width:720px;margin:0 auto 55px;text-align:center}.section-head .eyebrow{margin-bottom:15px}.section-head h2{font-size:clamp(34px,4vw,55px);line-height:1.18;letter-spacing:-.04em;margin:0 0 15px}.section-head p{font-size:15px;line-height:2;color:var(--pro-muted);margin:0}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.experience-card{min-height:410px;padding:24px;border:1px solid var(--pro-line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border-radius:24px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,background .3s}.experience-card:hover{transform:translateY(-7px);border-color:var(--pro-line2);background:linear-gradient(180deg,rgba(155,120,255,.06),rgba(255,255,255,.012))}.card-top{display:flex;align-items:center;justify-content:space-between;color:#777783}.card-index{font:700 10px ui-monospace,monospace}.card-tag{font:600 9px ui-monospace,monospace;letter-spacing:.1em}.subtitle-demo,.caption-demo,.dubbing-demo{height:180px;margin:26px 0 25px;border-radius:17px;border:1px solid var(--pro-line);background:#0d0d12;position:relative;overflow:hidden}.subtitle-demo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(155,120,255,.2),transparent 35%)}.subtitle-demo span,.subtitle-demo b{position:absolute;right:16px;left:16px;text-align:center;padding:8px 10px;background:rgba(0,0,0,.55);border-radius:7px;font-size:11px}.subtitle-demo span{bottom:72px;color:#aaa}.subtitle-demo b{bottom:32px;color:white}.caption-demo{padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;background:linear-gradient(145deg,#111117,#16121b)}.caption-demo span{font-size:9px;color:#777}.caption-demo .mic-dot{color:#ff72af}.caption-demo strong{font-size:13px;line-height:1.8}.dubbing-demo{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:radial-gradient(circle,rgba(255,121,183,.13),transparent 55%),#0d0d12}.speaker{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,121,183,.25);color:#ff8fbe;box-shadow:0 0 30px rgba(255,121,183,.15)}.voice-lines{height:38px;display:flex;align-items:center;gap:3px}.voice-lines i{width:3px;height:30%;border-radius:4px;background:linear-gradient(var(--pro-pink),var(--pro-purple))}.voice-lines i:nth-child(2n){height:75%}.voice-lines i:nth-child(3n){height:45%}.dubbing-demo span{font-size:9px;color:#888}.dubbing-demo b{font-size:11px}.experience-card h3{font-size:22px;margin:0 0 7px}.experience-card p{font-size:12px;line-height:1.9;color:var(--pro-muted);margin:0}
.pro-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pro-feature{min-height:145px;display:flex;align-items:flex-start;gap:17px;padding:24px;border:1px solid var(--pro-line);border-radius:18px;background:var(--pro-surface);transition:.3s}.pro-feature:hover{transform:translateY(-4px);border-color:var(--pro-line2)}.pro-feature.feature-highlight{background:linear-gradient(120deg,rgba(155,120,255,.12),rgba(255,121,183,.05));border-color:rgba(155,120,255,.25)}.pro-feature .feature-icon{width:43px;height:43px;flex:0 0 43px;border:1px solid var(--pro-line2);border-radius:12px;display:grid;place-items:center;color:var(--pro-purple2);font:700 14px ui-monospace,monospace;background:rgba(255,255,255,.025)}.pro-feature h3{font-size:17px;margin:2px 0 7px}.pro-feature p{font-size:11px;line-height:1.9;color:var(--pro-muted);margin:0}.feature-arrow{margin-right:auto;color:#676773;font-size:16px}
.dubbing-spotlight{background:linear-gradient(180deg,transparent,rgba(255,76,165,.025),transparent)}.dubbing-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.dubbing-copy h2{font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-.06em;margin:15px 0 24px}.dubbing-copy h2 span{background:linear-gradient(90deg,#fff,#ff8ec4);-webkit-background-clip:text;background-clip:text;color:transparent}.dubbing-copy p{font-size:15px;line-height:2;color:var(--pro-muted);max-width:520px}.dubbing-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.dubbing-points span{font-size:10px;padding:8px 10px;border:1px solid var(--pro-line);border-radius:999px;color:#bcbcc6;background:rgba(255,255,255,.02)}.dubbing-console{border:1px solid var(--pro-line2);border-radius:25px;overflow:hidden;background:#0d0d12;box-shadow:0 35px 80px rgba(0,0,0,.4)}.console-head,.console-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;font:9px ui-monospace,monospace;color:#72727d;border-bottom:1px solid var(--pro-line)}.console-live{color:var(--pro-green)}.console-screen{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(255,110,177,.13),transparent 24%),radial-gradient(circle at 50% 60%,rgba(125,91,255,.10),transparent 45%)}.speaker-orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font:700 30px Vazirmatn;color:#fff;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#7652ef,#d54d9c);box-shadow:0 0 60px rgba(184,85,206,.25)}.language-route{display:flex;align-items:center;gap:16px;margin-top:18px;font-size:13px}.language-route span{color:#8f78ff}.big-wave{height:72px;display:flex;align-items:center;gap:4px;margin:28px 0 10px}.big-wave i{width:5px;height:18%;border-radius:5px;background:linear-gradient(to top,#7652ef,#ff73b5)}.big-wave i:nth-child(3n){height:65%}.big-wave i:nth-child(4n){height:42%}.big-wave i:nth-child(5n){height:88%}.console-time{width:62%;display:flex;justify-content:space-between;color:#62626e;font:9px ui-monospace,monospace}.console-controls{border-top:1px solid var(--pro-line);border-bottom:0}.console-controls button{width:30px;height:30px;border-radius:50%;border:1px solid var(--pro-line2);background:#16161c;color:white}
.quality-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;padding:55px;border:1px solid var(--pro-line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(155,120,255,.035))}.quality-copy h2{font-size:36px;line-height:1.35;margin:13px 0}.quality-copy p{color:var(--pro-muted);line-height:2;font-size:13px}.quality-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px}.compare-box{padding:22px;border:1px solid var(--pro-line);border-radius:17px;background:#0e0e13;min-height:170px}.compare-box small{font-size:9px;color:#777}.compare-box p{font-size:13px;line-height:2;margin:18px 0}.compare-box span{font-size:9px}.compare-box.bad span{color:#ff7676}.compare-box.good{border-color:rgba(126,232,177,.18);background:linear-gradient(135deg,rgba(126,232,177,.04),rgba(255,255,255,.01))}.compare-box.good span{color:var(--pro-green)}.compare-arrow{color:var(--pro-purple2);font-size:22px}
.pro-platforms{grid-template-columns:repeat(4,1fr)!important}.pro-platforms .platform-card{min-height:110px;border-radius:18px;background:var(--pro-surface);border:1px solid var(--pro-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.pro-platforms .platform-card b{font:700 15px ui-monospace,monospace}.pro-platforms .platform-card span{font-size:9px;color:var(--pro-green)}.pro-steps{gap:12px}.pro-steps .step{border-radius:20px;background:var(--pro-surface);border:1px solid var(--pro-line)}
.privacy-box{border-radius:25px!important;border-color:rgba(126,232,177,.14)!important;background:linear-gradient(135deg,rgba(126,232,177,.035),rgba(255,255,255,.01))!important}.privacy-list div{font-size:11px!important}
.pro-final{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(155,120,255,.18),transparent 42%),var(--pro-surface)!important;border-color:var(--pro-line2)!important}.final-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,90,174,.08);filter:blur(70px);left:50%;top:-130px;transform:translateX(-50%)}.pro-final>*{position:relative}.pro-final h2{font-size:clamp(40px,5vw,65px)!important;letter-spacing:-.05em}.pro-final p{color:var(--pro-muted)}
.footer{background:#050508;border-top:1px solid var(--pro-line);margin-top:0}.footer h4{font-family:AradFD}.footer a{font-family:AradFD}.social{font-family:ui-monospace!important}
@media(max-width:1050px){.pro-hero-grid,.dubbing-layout,.quality-card{grid-template-columns:1fr}.hero-copy{max-width:760px;margin:auto;text-align:center}.hero-copy .btn-row,.hero-meta{justify-content:center}.pro-hero{min-height:auto}.hero-product{max-width:850px;width:100%;margin:auto}.browser-shell{transform:none}.quality-card{padding:38px}.quality-copy{text-align:center}.quality-copy p{max-width:650px;margin:auto}.dubbing-copy{text-align:center}.dubbing-copy p{margin-left:auto;margin-right:auto}.dubbing-points{justify-content:center}}
@media(max-width:780px){.pro-hero{padding-top:100px!important}.pro-title{font-size:47px}.pro-sub{font-size:15px}.browser-content{grid-template-columns:1fr}.mini-extension{display:none}.fake-video{min-height:340px}.browser-shell{border-radius:20px}.hero-product{padding:8px}.floating-chip{font-size:8px}.chip-top{right:-8px}.chip-bottom{left:-8px}.proof-inner{overflow:hidden;justify-content:flex-start;flex-wrap:wrap;padding:18px 0}.proof-inner span:first-child{width:100%}.proof-inner b{font-size:10px}.experience-grid,.pro-feature-grid{grid-template-columns:1fr}.experience-card{min-height:370px}.dubbing-copy h2{font-size:53px}.dubbing-console{border-radius:19px}.quality-card{padding:26px}.quality-compare{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg);text-align:center}.pro-platforms{grid-template-columns:1fr 1fr!important}.section-pad{padding:88px 0}}
@media(max-width:520px){.pro-title{font-size:41px}.hero-meta{gap:10px;font-size:9px}.btn-row{flex-direction:column}.btn-row .btn{width:100%;justify-content:center}.pro-hero-grid{gap:35px}.fake-video{min-height:270px}.video-sub{right:12px;left:12px;font-size:10px}.video-sub.original{bottom:62px}.video-sub.translated{bottom:25px}.browser-top{height:36px}.floating-chip{display:none}.section-head h2{font-size:34px}.dubbing-copy h2{font-size:48px}.pro-platforms{grid-template-columns:1fr!important}.pro-final{padding:45px 18px!important}}
@media(prefers-reduced-motion:reduce){.browser-shell,.hero-product:hover .browser-shell,.experience-card,.pro-feature{transform:none!important;transition:none!important}}

/* =========================================================
   SUBIFY REFERENCE HOMEPAGE
   Visual direction follows the supplied mobile references:
   near-black canvas, stacked rounded editorial cards,
   heavy Persian headings, compact CTA and product-first demos.
   ========================================================= */
@font-face{font-family:SubifyPeyda;src:url('/assets/fonts/Peyda-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:SubifyPeyda;src:url('/assets/fonts/Peyda-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:SubifyYekan;src:url('/assets/fonts/IRANYekanX-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:SubifyYekan;src:url('/assets/fonts/IRANYekanX-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:SubifyVazir;src:url('/assets/fonts/Vazirmatn-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

.reference-home{background:#050007;color:#faf9fc;min-height:100vh;overflow:hidden}
.reference-home *{box-sizing:border-box}
.reference-home .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.reference-home .reveal.in{opacity:1;transform:none}
.reference-header{position:sticky;top:0;background:rgba(8,8,10,.92)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;z-index:100}
.reference-header .header-inner{height:76px;justify-content:space-between}
.brand-fa{gap:10px;font-family:SubifyPeyda,Arial,sans-serif;font-size:22px;font-weight:900;direction:inherit}
.brand-fa .brand-name{line-height:1}
.brand-mark-wrap{width:34px;height:34px;display:grid;place-items:center}
.brand-mark-wrap img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.reference-header .main-nav{display:flex;gap:22px;font-family:SubifyYekan,sans-serif;font-size:12px;color:#b6b0bb}
.reference-header .main-nav a:hover,.reference-header .main-nav a.active{color:#fff}
.reference-header .header-actions{display:flex;align-items:center;gap:9px}
.reference-header .icon-btn,.reference-header .lang-btn{display:none}
.reference-header .header-cta{padding:11px 18px;border-radius:15px;background:#fff;color:#111!important;box-shadow:none;font-family:SubifyYekan,sans-serif;font-weight:700;font-size:12px}
.reference-header .menu-btn{display:none;color:#fff;background:none;border:0;font-size:27px}
.ref-wrap{width:min(920px,calc(100% - 36px));margin:0 auto}
.ref-hero{position:relative;padding:62px 0 84px;background:radial-gradient(circle at 50% 15%,rgba(146,68,255,.18),transparent 42%),#050007}
.ref-noise{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) .5px,transparent .5px);background-size:6px 6px;opacity:.06}
.ref-hero .ref-wrap{position:relative;z-index:1;text-align:center}
.ref-pill{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#aaa2b0;font-family:SubifyYekan,sans-serif;font-size:11px}
.ref-dot{width:7px;height:7px;border-radius:50%;background:#a875ff;box-shadow:0 0 16px rgba(168,117,255,.7)}
.ref-hero-title{font-family:SubifyPeyda,sans-serif;font-size:clamp(53px,7vw,82px);line-height:1.02;letter-spacing:-.055em;margin:35px 0 22px;font-weight:900}
.ref-hero-title span{color:#fff;text-shadow:none}.ref-hero-title .wave-text > span:nth-of-type(4),.ref-hero-title .wave-text > span:nth-of-type(6),.ref-hero-title .wave-text > span:nth-of-type(7){color:#ffadc8;text-shadow:0 0 26px rgba(255,120,179,.14)}
.ref-hero-sub{font:400 17px/2 SubifyYekan,sans-serif;color:#e0dbe3;max-width:680px;margin:0 auto 30px}
.ref-cta-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 23px;border-radius:17px;font:500 14px/1 SubifyYekan,sans-serif;border:1px solid rgba(255,255,255,.12);transition:transform .2s,box-shadow .2s,border-color .2s}
.ref-btn:hover{transform:translateY(-2px)}
.ref-btn-primary{background:#fff;color:#161118;box-shadow:0 14px 34px rgba(255,255,255,.08);border-color:#fff}
.ref-btn-secondary{background:rgba(255,255,255,.04);color:#fff}
.ref-text-btn{font:500 13px SubifyYekan,sans-serif;color:#bbb4c0;padding:12px}
.ref-browsers{margin:24px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font:500 12px SubifyYekan,sans-serif;color:#d5cfda}
.ref-browsers span{display:inline-flex;align-items:center;gap:7px}.ref-browsers img{width:25px;height:25px;object-fit:contain}.ref-browsers em{font-style:normal;color:#918b98;margin-right:3px}
.ref-video-card{margin:58px auto 0;max-width:790px;border-radius:28px;background:#140d1a;border:1px solid rgba(255,255,255,.08);padding:12px;box-shadow:0 30px 90px rgba(0,0,0,.42)}
.ref-video-toolbar{height:34px;display:flex;align-items:center;gap:10px;color:#716b77;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;padding:0 8px}.ref-video-toolbar b{margin-right:auto;color:#b99dff;letter-spacing:.12em}.ref-window-dots{display:flex;gap:4px}.ref-window-dots i{width:7px;height:7px;border-radius:50%;background:#39323f}
.ref-video-screen{display:grid;grid-template-columns:1.4fr .65fr;gap:10px;direction:ltr}
.ref-video-scene{position:relative;min-height:420px;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#2d2440 0%,#6b476e 34%,#2b4c44 70%,#0a1113 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.ref-video-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 24%,rgba(255,208,147,.65),transparent 16%),linear-gradient(180deg,transparent 38%,rgba(0,0,0,.35) 100%)}
.scene-person{position:absolute;right:19%;bottom:12%;width:110px;height:210px;border-radius:55% 55% 35% 35%;background:linear-gradient(170deg,#1a1722,#302c39 55%,#111 56%);transform:rotate(-7deg);box-shadow:0 0 0 2px rgba(255,255,255,.03)}
.scene-ground{position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,rgba(49,107,81,.18),rgba(7,14,15,.95))}.scene-sun{position:absolute;left:13%;top:16%;width:72px;height:72px;border-radius:50%;background:#ffd5c1;filter:blur(.2px);box-shadow:0 0 55px rgba(255,170,160,.35)}
.scene-badge{position:absolute;left:18px;top:18px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.10);color:#fff;font:8px ui-monospace,monospace;letter-spacing:.12em;z-index:2}
.scene-title{position:absolute;left:18px;bottom:72px;color:#fff;font:600 12px SubifyYekan,sans-serif;direction:ltr;text-align:left;z-index:2}.scene-subtitle{position:absolute;right:16px;left:16px;bottom:18px;padding:9px 11px;border-radius:9px;background:rgba(0,0,0,.6);color:#ffd96d;font:500 11px SubifyYekan,sans-serif;text-align:right;direction:inherit;z-index:2}.scene-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(10,8,14,.52);border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;z-index:3}
.ref-extension-ui{direction:inherit;border-radius:20px;background:#0c0a0f;border:1px solid rgba(255,255,255,.08);padding:15px;display:flex;flex-direction:column;gap:11px;min-width:0}.ext-title{display:flex;align-items:center;justify-content:space-between;color:#f5eef9;font:700 13px SubifyPeyda,sans-serif}.ext-title span{font:9px SubifyVazir;color:#6df0b7}.ext-row{padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111017}.ext-row small{display:block;color:#7c7683;font:9px SubifyYekan;margin-bottom:4px}.ext-row strong{font:600 11px SubifyYekan;color:#eee;display:block}.ext-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ext-modes span{padding:7px 3px;text-align:center;border-radius:9px;background:#121016;border:1px solid rgba(255,255,255,.07);font:500 9px SubifyYekan;color:#938d98}.ext-modes span.active{background:#17121f;color:#fff;border-color:rgba(168,117,255,.45)}.ext-wave{height:38px;display:flex;align-items:center;justify-content:center;gap:2px}.ext-wave span{width:3px;border-radius:99px;background:linear-gradient(180deg,#ffa3c8,#8b5aff)}.ext-wave span:nth-child(1),.ext-wave span:nth-child(9){height:16%}.ext-wave span:nth-child(2),.ext-wave span:nth-child(8){height:42%}.ext-wave span:nth-child(3),.ext-wave span:nth-child(10){height:62%}.ext-wave span:nth-child(4),.ext-wave span:nth-child(7){height:34%}.ext-wave span:nth-child(5){height:78%}.ext-wave span:nth-child(6){height:58%}.ext-action{border:0;background:#fff;color:#161118;padding:11px 10px;border-radius:10px;font:700 10px SubifyYekan;cursor:pointer}.ext-action b{float:left}
.ref-stack-section{padding:20px 0 84px;background:#050007}.ref-stack{width:min(780px,calc(100% - 30px));margin:0 auto;display:flex;flex-direction:column;gap:18px}.ref-card{position:relative;background:linear-gradient(180deg,#261f2a,#1b161f);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:34px 30px 36px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.16)}.ref-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 12%,rgba(255,255,255,.05),transparent 30%);pointer-events:none}.ref-card>*{position:relative;z-index:1}.ref-card-kicker{font:500 12px SubifyYekan,sans-serif;color:#99919e;margin-bottom:14px}.ref-card h2{font:900 clamp(31px,4.7vw,48px)/1.22 SubifyPeyda,sans-serif;letter-spacing:-.035em;margin:0 0 18px;color:#fff}.ref-card p{font:400 16px/2.08 SubifyYekan,sans-serif;color:#c8c0cb;margin:0}.ref-card-visual{margin:0 auto 32px;min-height:220px;border-radius:20px;background:#120e15;border:1px solid rgba(255,255,255,.07);display:grid;place-items:center;overflow:hidden}.ref-translate-visual{position:relative}.ref-bubble{position:absolute;border-radius:8px;background:#0d0910;color:#fff;padding:12px 15px;font:500 12px SubifyYekan,sans-serif;box-shadow:0 15px 35px rgba(0,0,0,.22)}.ref-bubble.one{right:12%;top:22%}.ref-bubble.two{left:10%;bottom:21%;display:flex;flex-direction:column;gap:5px}.ref-bubble.two small{color:#6f6674;font-size:8px;text-align:right}.ref-arrow{position:absolute;left:44%;top:44%;font:900 56px/1 SubifyVazir;color:#beb6c1;transform:rotate(12deg)}
.ref-ai-visual{position:relative;background:radial-gradient(circle at 50% 43%,rgba(255,104,172,.17),transparent 22%),radial-gradient(circle at 50% 60%,rgba(127,86,255,.14),transparent 40%),#120e15}.ai-orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#714ef2,#d64f9c);box-shadow:0 0 55px rgba(189,77,170,.22);font-size:30px}.ai-line{position:absolute;bottom:28px;display:flex;gap:4px;align-items:center}.ai-line i{width:4px;border-radius:999px;background:linear-gradient(#ff9bc4,#825aff)}.ai-line i:nth-child(1){height:18px}.ai-line i:nth-child(2){height:30px}.ai-line i:nth-child(3){height:45px}.ai-line i:nth-child(4){height:25px}.ai-line i:nth-child(5){height:58px}.ai-line i:nth-child(6){height:34px}.ai-line i:nth-child(7){height:48px}.ai-caption{position:absolute;top:18px;font:500 10px ui-monospace,monospace;color:#9f93ab}.pink-word{color:#ffaac9}
.ref-mini-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.ref-mini-features span{padding:11px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font:500 10px SubifyYekan,sans-serif;color:#d9d2dc;text-align:center}
.ref-compare{display:flex;flex-direction:column;gap:10px;margin-top:25px}.ref-compare-box{padding:18px 18px;border-radius:15px;background:#131016;border:1px solid rgba(255,255,255,.08)}.ref-compare-box small{display:block;font:500 10px SubifyYekan;color:#8a838e;margin-bottom:8px}.ref-compare-box p{font:400 15px/1.9 SubifyYekan;color:#ece7ee}.ref-compare-box span{display:block;margin-top:9px;font:500 10px SubifyYekan}.ref-compare-box.bad span{color:#ea6474}.ref-compare-box.good{border-color:rgba(255,255,255,.16);background:#17151b}.ref-compare-box.good span{color:#a5f1ca}
.ref-download-card{padding-bottom:34px}.ref-download-visual{position:relative;padding:14px;background:radial-gradient(circle at 50% 30%,rgba(125,93,255,.16),transparent 45%),#120d17}.download-browser{width:77%;background:#17121b;border:1px solid rgba(255,255,255,.10);border-radius:15px;box-shadow:0 20px 38px rgba(0,0,0,.36);overflow:hidden}.download-bar{height:30px;background:#0d0b10;display:flex;align-items:center;gap:5px;padding:0 9px}.download-bar span{width:5px;height:5px;border-radius:50%;background:#48424c}.download-bar b{margin-right:auto;color:#736c78;font:8px ui-monospace,monospace;direction:ltr}.download-player{position:relative;height:165px;background:linear-gradient(145deg,#252035,#6d4c6f 45%,#3d4c43 72%,#151515)}.download-player:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.55))}.download-hero{position:absolute;left:16px;top:19px;color:#fff;font:900 26px SubifyPeyda}.download-caption{position:absolute;right:12px;left:12px;bottom:12px;z-index:2;background:rgba(0,0,0,.58);padding:8px;border-radius:7px;color:#ffd76f;font:500 10px SubifyYekan;text-align:right}.download-arrow{position:absolute;right:13%;bottom:5%;font:900 48px SubifyVazir;color:#a79db0;transform:rotate(-15deg)}.ref-download-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.ref-download-buttons .ref-btn{min-height:46px;border-radius:14px;padding:0 18px}
.ref-dubbing-card{background:linear-gradient(180deg,#261e29,#18121c)}.ref-dubbing-card h2 span{color:#ffa6c7}.ref-dubbing-console{margin-top:28px;border-radius:20px;background:#0e0b11;border:1px solid rgba(255,255,255,.09);overflow:hidden}.dub-head{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.08);font:8px ui-monospace,monospace;color:#7d7683;direction:ltr}.dub-head b{color:#6de4af}.dub-voice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:20px 17px}.dub-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6f4cf0,#cf4d96);font:900 18px SubifyPeyda}.dub-voice small,.dub-voice strong{display:block;font-family:SubifyYekan}.dub-voice small{font-size:9px;color:#78717f}.dub-voice strong{font-size:12px;color:#efeaf1;margin-top:4px}.dub-waves{display:flex;align-items:center;gap:3px;height:35px}.dub-waves i{width:3px;border-radius:99px;background:linear-gradient(#ff9fc7,#7959ff)}.dub-waves i:nth-child(1),.dub-waves i:nth-child(9){height:22%}.dub-waves i:nth-child(2),.dub-waves i:nth-child(6){height:55%}.dub-waves i:nth-child(3),.dub-waves i:nth-child(8){height:78%}.dub-waves i:nth-child(4),.dub-waves i:nth-child(7){height:45%}.dub-waves i:nth-child(5){height:92%}.dub-route{padding:0 17px 17px;display:flex;justify-content:center;gap:15px;align-items:center;color:#d3ccd7;font:500 11px SubifyYekan}.dub-route b{color:#9d7cff}.ref-dub-btn{margin:0 17px 17px;width:calc(100% - 34px);border:0;border-radius:11px;padding:11px;background:#fff;color:#151118;font:700 11px SubifyYekan;cursor:pointer}
.ref-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.ref-steps>div{padding:17px;border-radius:15px;background:#121016;border:1px solid rgba(255,255,255,.07)}.ref-steps b{font:900 16px SubifyPeyda;color:#a787ff}.ref-steps h3{margin:10px 0 5px;font:700 15px SubifyPeyda;color:#fff}.ref-steps p{font-size:11px;line-height:1.8}
.ref-privacy-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ref-privacy-list span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font:500 10px SubifyYekan;color:#c7c0cb}
.ref-faq{margin-top:18px}.ref-faq .faq-item{border-top:1px solid rgba(255,255,255,.08);padding:0}.ref-faq .faq-q{width:100%;padding:18px 2px;background:none;border:0;color:#fff;display:flex;justify-content:space-between;align-items:center;font:600 14px SubifyYekan;cursor:pointer}.ref-faq .faq-a{display:none;padding:0 2px 18px;color:#bdb5c3;font:400 12px/2 SubifyYekan}.ref-faq .faq-item.open .faq-a{display:block}.ref-faq .faq-item.open .faq-q>span:last-child{transform:rotate(45deg)}
.ref-final{padding:0 0 80px}.ref-final-card{padding:50px 30px;border-radius:30px;text-align:center;background:linear-gradient(160deg,#231c28,#110c14);border:1px solid rgba(255,255,255,.08)}.ref-final-card h2{font:900 clamp(35px,5vw,56px)/1.2 SubifyPeyda;margin:0 0 13px}.ref-final-card p{max-width:620px;margin:0 auto 23px;color:#bdb4c2;font:400 15px/2 SubifyYekan}
.reference-footer{background:#08070a!important;border-top:1px solid rgba(255,255,255,.08)}
.reference-footer .brand-fa{font-size:20px}.reference-footer p,.reference-footer a,.reference-footer h4,.reference-footer span{font-family:SubifyYekan,sans-serif}.reference-footer .footer-top{padding-top:50px;padding-bottom:35px}.reference-footer .footer-brand p{color:#8d8792;font-size:11px;max-width:280px}.reference-footer h4{font-size:11px}.reference-footer a{font-size:10px}
@media(max-width:900px){.reference-header .main-nav{display:none}.reference-header .icon-btn,.reference-header .lang-btn{display:none}.reference-header .header-cta{display:inline-flex}.reference-header .menu-btn{display:block;font-size:26px}.reference-header .mobile-nav{background:#0b090d;border-top:1px solid rgba(255,255,255,.07)}.reference-header .mobile-nav a{font-family:SubifyYekan,sans-serif}.ref-hero{padding:36px 0 65px}.ref-hero-title{font-size:clamp(46px,12vw,74px);margin-top:30px}.ref-hero-sub{font-size:15px;line-height:2.1;max-width:680px}.ref-video-screen{grid-template-columns:1fr}.ref-extension-ui{display:none}.ref-video-scene{min-height:360px}.ref-stack{width:min(700px,calc(100% - 22px));gap:15px}.ref-card{padding:28px 22px 30px;border-radius:25px}.ref-card h2{font-size:clamp(29px,9vw,47px)}.ref-card p{font-size:15px}.ref-card-visual{min-height:210px;margin-bottom:28px}.ref-steps{grid-template-columns:1fr}.ref-mini-features{grid-template-columns:1fr}.ref-download-buttons{display:grid;grid-template-columns:1fr 1fr}.ref-download-buttons .ref-btn{width:100%}.reference-footer .footer-top{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:560px){.ref-wrap{width:calc(100% - 24px)}.reference-header .header-inner{height:67px}.reference-header .header-cta{font-size:11px;padding:10px 13px;border-radius:14px}.brand-fa{font-size:21px}.brand-mark-wrap{width:29px;height:29px}.ref-hero-title{font-size:44px}.ref-hero-sub{font-size:14px}.ref-cta-row{flex-direction:column}.ref-cta-row .ref-btn{width:100%}.ref-text-btn{padding-top:4px}.ref-browsers{font-size:11px}.ref-video-card{margin-top:43px;padding:8px;border-radius:24px}.ref-video-toolbar{height:29px}.ref-video-scene{min-height:255px;border-radius:17px}.scene-person{width:78px;height:150px;right:21%}.scene-title{font-size:10px}.scene-subtitle{font-size:9px}.scene-play{width:46px;height:46px}.ref-card{padding:25px 18px 27px}.ref-card h2{font-size:31px}.ref-card p{font-size:14px}.ref-card-visual{min-height:190px;border-radius:18px}.ref-compare-box p{font-size:13px}.ref-download-visual{padding:10px}.download-browser{width:91%}.download-player{height:140px}.ref-download-buttons{grid-template-columns:1fr}.ref-dubbing-console{border-radius:16px}.dub-voice{grid-template-columns:auto 1fr;}.dub-waves{grid-column:1 / -1;justify-content:center}.reference-footer .footer-top{grid-template-columns:1fr 1fr}.reference-footer .footer-brand{grid-column:1 / -1}.reference-footer .footer-bottom{font-size:9px;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.reference-home .reveal{opacity:1!important;transform:none!important;transition:none!important}}


/* =========================================================
   Subify custom identity pass v6
   More original than the references, with actual logo,
   visible theme/language controls, right-aligned Persian UI,
   and a warmer editorial tone
   ========================================================= */
.reference-home{background:var(--ref-bg,#050007);color:var(--ref-text,#faf9fc);text-align:right;direction:inherit}
.reference-home .ref-wrap,.reference-home .ref-card,.reference-home .ref-final-card{direction:inherit}
.reference-home .ref-hero .ref-wrap{text-align:center}
.reference-home .ref-stack{direction:inherit}
.reference-home .ref-card p,.reference-home .ref-card h2,.reference-home .ref-card-kicker,.reference-home .ref-steps,.reference-home .ref-privacy-list,.reference-home .ref-faq{text-align:right}
.reference-home .ref-card-kicker{font-family:SubifyYekan,sans-serif;letter-spacing:0;font-weight:500}
.reference-home .ref-card h2,.reference-home .ref-final-card h2,.reference-home .ref-hero-title{font-family:SubifyPeyda,sans-serif;font-weight:900}
.reference-home .ref-card p,.reference-home .ref-final-card p{font-family:SubifyYekan,sans-serif}
.reference-header .header-inner{direction:inherit}
.reference-header .brand-fa{order:3}
.reference-header .main-nav{order:2}
.reference-header .header-actions{order:1}
.brand-mark-wrap{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px}
.brand-mark-wrap img{width:100%;height:100%;object-fit:contain;filter:none!important}
.logo-on-dark{display:block}.logo-on-light{display:none}
.reference-header .icon-btn,.reference-header .lang-btn{display:inline-grid;place-items:center;font-family:SubifyYekan,sans-serif;font-size:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);color:#fff}
.reference-header .lang-btn{min-width:52px;padding:0 12px}
.reference-header .icon-btn{font-size:18px}
.reference-header .header-cta{font-size:12px}
.reference-header .menu-btn{display:none}
.reference-home .ref-btn-primary{background:linear-gradient(135deg,#ffffff,#f4f0ff);color:#111;border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 30px rgba(147,103,255,.14)}
.reference-home .ref-btn-secondary{background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.11)}
.reference-home .ref-hero{background:radial-gradient(circle at 80% 20%,rgba(136,82,255,.13),transparent 34%),radial-gradient(circle at 20% 55%,rgba(255,107,169,.06),transparent 28%),#050007}
.reference-home .ref-card{background:linear-gradient(150deg,#1d1821,#110d14);border-color:rgba(255,255,255,.085);box-shadow:0 24px 70px rgba(0,0,0,.14)}
.reference-home .ref-dubbing-card{background:linear-gradient(150deg,#221a26,#120d16)}
.reference-home .ref-card-visual{border-color:rgba(255,255,255,.07)}
.reference-home .pink-word{color:#ffb2d0}
.reference-home .ref-final-card{background:radial-gradient(circle at 20% 20%,rgba(150,104,255,.12),transparent 25%),radial-gradient(circle at 80% 70%,rgba(255,105,175,.07),transparent 22%),linear-gradient(160deg,#201924,#0f0b12)}
.reference-footer{background:#07060a!important}
.reference-home .ref-compare-box.good{border-color:rgba(165,241,202,.18)}
.reference-home .ref-dub-btn{font-weight:700}
.reference-home [data-i18n] span{font:inherit}

/* Light theme */
html[data-theme="light"] .reference-home{--ref-bg:#f6f4f8;--ref-text:#131217;background:#f6f4f8;color:#131217}
html[data-theme="light"] .reference-home .ref-hero{background:radial-gradient(circle at 80% 20%,rgba(139,93,255,.11),transparent 36%),radial-gradient(circle at 15% 50%,rgba(255,125,182,.08),transparent 28%),#f6f4f8}
html[data-theme="light"] .reference-header{background:rgba(246,244,248,.92)!important;border-bottom-color:rgba(20,16,24,.09)!important}
html[data-theme="light"] .reference-header .main-nav a{color:#65616b}
html[data-theme="light"] .reference-header .main-nav a:hover,html[data-theme="light"] .reference-header .main-nav a.active{color:#131217}
html[data-theme="light"] .reference-header .icon-btn,html[data-theme="light"] .reference-header .lang-btn{background:#fff;color:#16141a;border-color:rgba(20,16,24,.10)}
html[data-theme="light"] .reference-header .header-cta{background:#15131a;color:#fff!important;border-color:#15131a}
html[data-theme="light"] .reference-home .ref-pill{background:rgba(15,12,20,.045);border-color:rgba(15,12,20,.09);color:#6b6672}
html[data-theme="light"] .reference-home .ref-hero-sub{color:#66616c}
html[data-theme="light"] .reference-home .ref-browsers{color:#65606a}
html[data-theme="light"] .reference-home .ref-card{background:linear-gradient(150deg,#ffffff,#f0edf3);border-color:rgba(20,16,24,.09);box-shadow:0 25px 60px rgba(28,20,42,.08)}
html[data-theme="light"] .reference-home .ref-card h2,html[data-theme="light"] .reference-home .ref-card p,html[data-theme="light"] .reference-home .ref-card-kicker{color:#17141b}
html[data-theme="light"] .reference-home .ref-card p{color:#65606b}
html[data-theme="light"] .reference-home .ref-compare-box{background:#f7f5f8;border-color:rgba(20,16,24,.08)}
html[data-theme="light"] .reference-home .ref-compare-box p{color:#28252d}
html[data-theme="light"] .reference-home .ref-mini-features span,html[data-theme="light"] .reference-home .ref-privacy-list span,html[data-theme="light"] .reference-home .ref-steps>div{background:rgba(30,22,40,.035);border-color:rgba(20,16,24,.08);color:#343039}
html[data-theme="light"] .reference-home .ref-faq .faq-item{border-top-color:rgba(20,16,24,.09)}
html[data-theme="light"] .reference-home .ref-faq .faq-q{color:#17141b}
html[data-theme="light"] .reference-home .ref-faq .faq-a{color:#66616c}
html[data-theme="light"] .reference-home .ref-final-card{background:linear-gradient(160deg,#ffffff,#eeeaf3);border-color:rgba(20,16,24,.09)}
html[data-theme="light"] .reference-home .ref-final-card p{color:#68636e}
html[data-theme="light"] .reference-home .ref-video-toolbar{background:#f0edf3;color:#77717c}
html[data-theme="light"] .reference-footer{background:#efedf1!important;border-top-color:rgba(20,16,24,.08)}
html[data-theme="light"] .reference-footer p,html[data-theme="light"] .reference-footer a,html[data-theme="light"] .reference-footer h4,html[data-theme="light"] .reference-footer span{color:#5f5a65}
html[data-theme="light"] .reference-footer .brand-name{color:#17141b}

/* Make the two switches obvious but quiet */
.reference-header .header-actions .icon-btn,.reference-header .header-actions .lang-btn{transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
.reference-header .header-actions .icon-btn:hover,.reference-header .header-actions .lang-btn:hover{transform:translateY(-2px);border-color:rgba(155,120,255,.35)}

@media(max-width:900px){
  .reference-header .brand-fa{order:3}.reference-header .header-actions{order:1}
  .reference-header .icon-btn,.reference-header .lang-btn{display:inline-grid}
  .reference-header .header-cta{display:none}
  .reference-header .menu-btn{display:block}
  .reference-header .header-actions{gap:7px}
}
@media(max-width:560px){
  .brand-mark-wrap{width:31px;height:31px;flex-basis:31px}
  .reference-header .lang-btn{min-width:46px;padding:0 9px}
  .reference-header .icon-btn{min-width:39px}
}

/* =========================================================
   Subify v7 public subpages
   Same visual language as the homepage, with original copy
   ========================================================= */
.reference-subpage .reference-header{position:sticky;top:0;z-index:50}
.ref-page-hero{min-height:620px;display:flex;align-items:center}
.ref-page-hero .ref-wrap{text-align:center}
.ref-page-hero .ref-hero-title{max-width:980px;margin-left:auto;margin-right:auto}
.ref-page-hero .ref-hero-sub{max-width:780px;margin-left:auto;margin-right:auto}
.ref-sub-card{position:relative;overflow:hidden}
.ref-sub-index{position:absolute;left:24px;top:18px;font:900 12px SubifyVazir,sans-serif;color:#8e7cff;opacity:.7;direction:ltr}
html[dir="rtl"] .ref-sub-index{left:auto;right:24px}
.ref-sub-visual{min-height:180px!important;background:radial-gradient(circle at 60% 35%,rgba(148,108,255,.16),transparent 34%),#0d0b11!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.sub-visual-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.07);font:9px ui-monospace,monospace;color:#716b78;direction:ltr}
.sub-visual-bar i{width:6px;height:6px;border-radius:50%;background:#3a3540}.sub-visual-bar b{margin-left:auto;color:#8e82a0;letter-spacing:.08em}
.sub-visual-body{padding:24px;display:grid;gap:10px;direction:inherit}.sub-visual-body span{font:900 34px SubifyPeyda;color:#8e7cff;opacity:.9;line-height:1}.sub-visual-body strong{font:900 25px/1.45 SubifyPeyda;color:#faf8fc}.sub-visual-body em{display:block;height:7px;width:72%;border-radius:99px;background:rgba(255,255,255,.09)}.sub-visual-body em:last-child{width:44%}
.ref-sub-card h2{font-size:clamp(27px,4vw,42px)}
.ref-sub-card p{font-size:15px;line-height:2.1}
.ref-faq-card{padding-bottom:40px}
.ref-final-wrap{padding:0;background:transparent!important;border:0!important;box-shadow:none!important}
.ref-final-wrap .ref-final-card{min-height:300px;display:flex;flex-direction:column;justify-content:center}
.social-handle{display:inline-flex!important;align-items:center;gap:8px;margin-top:13px;padding:8px 12px!important;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-family:SubifyYekan,sans-serif!important;font-size:11px!important;color:#dfd8e8!important}
.social-handle span{font-family:SubifyVazir,sans-serif!important}
html[data-theme="light"] .ref-sub-visual{background:linear-gradient(145deg,#f7f3fa,#ede8f1)!important;border-color:rgba(20,16,24,.08)}
html[data-theme="light"] .sub-visual-bar{border-bottom-color:rgba(20,16,24,.07);color:#8b8490}
html[data-theme="light"] .sub-visual-body strong{color:#17141b}
html[data-theme="light"] .sub-visual-body em{background:rgba(20,16,24,.08)}
html[data-theme="light"] .social-handle{background:rgba(20,16,24,.04);border-color:rgba(20,16,24,.08);color:#25212a!important}
html[data-theme="light"] .reference-footer{background:#efedf1!important}
@media(max-width:700px){.ref-page-hero{min-height:550px}.ref-page-hero .ref-hero-title{font-size:42px}.ref-sub-visual{min-height:150px!important}.sub-visual-body{padding:18px}.sub-visual-body span{font-size:27px}.sub-visual-body strong{font-size:20px}}


/* v8 typography fix: keep Latin text on Latin fonts */
html[dir="ltr"] body,
html[dir="ltr"] button,
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] select{font-family:SubifyInter,Arial,sans-serif}
html[dir="ltr"] .reference-home .ref-hero-title,
html[dir="ltr"] .reference-home .ref-card h2,
html[dir="ltr"] .reference-home .ref-final-card h2,
html[dir="ltr"] .reference-home .ref-page-hero h1{font-family:SubifyInterDisplay,SubifyInter,Arial,sans-serif!important;font-weight:700}
html[dir="ltr"] .reference-home .ref-hero-sub,
html[dir="ltr"] .reference-home .ref-card p,
html[dir="ltr"] .reference-home .ref-card-kicker,
html[dir="ltr"] .reference-home .ref-text-btn,
html[dir="ltr"] .reference-home .ref-btn,
html[dir="ltr"] .reference-home .ref-pill,
html[dir="ltr"] .reference-home .ref-faq .faq-q,
html[dir="ltr"] .reference-home .ref-faq .faq-a,
html[dir="ltr"] .reference-footer{font-family:SubifyInter,Arial,sans-serif}
html[dir="ltr"] .reference-header .brand-name{font-family:SubifyInterDisplay,SubifyInter,Arial,sans-serif!important;font-weight:700}
.latin{font-family:SubifyInter,Arial,sans-serif!important;direction:ltr}

/* Human-friendly wave headline */
.wave-text{display:inline-block;line-height:1.04}
.wave-text > span{display:inline-block;animation:subify-wave 2s ease-in-out infinite;will-change:transform}
.wave-text > span:nth-of-type(1){animation-delay:0s}
.wave-text > span:nth-of-type(2){animation-delay:.2s}
.wave-text > span:nth-of-type(3){animation-delay:.4s}
.wave-text > span:nth-of-type(4){animation-delay:.6s}
.wave-text > span:nth-of-type(5){animation-delay:.8s}
.wave-text > span:nth-of-type(6){animation-delay:1s}
.wave-text > span:nth-of-type(7){animation-delay:1.2s}
.wave-text > span:nth-of-type(8){animation-delay:1.4s}
@keyframes subify-wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ref-hero-title .wave-text > span{white-space:nowrap}
@media(max-width:560px){.wave-text > span{animation-duration:2.2s}.ref-hero-title .wave-text{max-width:100%}.ref-hero-title .wave-text > span{white-space:normal}}
@media(prefers-reduced-motion:reduce){.wave-text > span{animation:none}}


/* v9 rich content: keeps the established Subify visual system, adds readable long-form pages */
.ref-rich-card{padding-top:30px}
.ref-rich-card .ref-detail-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.ref-rich-card .ref-detail-list li{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025);font:400 13px/1.9 SubifyYekan,sans-serif;color:#cfc8d2}
.detail-bullet{color:#9a6cff;flex:0 0 auto}
.ref-contact-link{margin-top:20px}
.ref-contact-link a{display:inline-flex;align-items:center;padding:13px 17px;border-radius:15px;border:1px solid rgba(146,103,255,.28);background:rgba(129,80,255,.08);color:#d8c9ff;text-decoration:none;font:600 13px SubifyYekan,sans-serif}
.ref-shot{margin:4px 0 26px;padding:10px;border-radius:22px;background:#0d0a10;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.ref-shot img{display:block;width:100%;height:auto;border-radius:15px;object-fit:cover}
.ref-gallery-card{padding-bottom:30px}
.ref-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.ref-shot-tile{margin:0;padding:10px;border-radius:18px;background:#0e0a12;border:1px solid rgba(255,255,255,.07)}
.ref-shot-tile img{display:block;width:100%;height:220px;object-fit:cover;object-position:top center;border-radius:12px;background:#08060a}
.ref-shot-tile figcaption{padding:11px 5px 3px;color:#bbb2c2;font:500 12px/1.7 SubifyYekan,sans-serif;text-align:right}
html[data-theme="light"] .ref-rich-card .ref-detail-list li{background:rgba(20,16,24,.025);border-color:rgba(20,16,24,.08);color:#5e5964}
html[data-theme="light"] .ref-contact-link a{background:rgba(120,78,255,.07);color:#6442b9;border-color:rgba(120,78,255,.2)}
html[data-theme="light"] .ref-shot,html[data-theme="light"] .ref-shot-tile{background:#f7f4f8;border-color:rgba(20,16,24,.09)}
html[data-theme="light"] .ref-shot-tile figcaption{color:#66616c}
html[dir="ltr"] .ref-rich-card .ref-detail-list li,html[dir="ltr"] .ref-shot-tile figcaption{text-align:left;font-family:SubifyInter,Arial,sans-serif}
@media(max-width:700px){.ref-shot-grid{grid-template-columns:1fr}.ref-shot-tile img{height:auto;max-height:360px}.ref-rich-card .ref-detail-list li{font-size:12px}}

/* FINAL HOMEPAGE MOBILE + HERO ALIGNMENT FIX */
.reference-home .subify-wordrotate{
  vertical-align:baseline!important;
  transform:none!important;
}
.reference-home .subify-wordrotate-window{
  inset:0!important;
}
.reference-home .subify-wordrotate-current{
  transform:none!important;
  animation-name:subifyWordInNoShift!important;
}
@keyframes subifyWordInNoShift{
  from{opacity:0;filter:blur(5px)}
  to{opacity:1;filter:blur(0)}
}

/* Remove the extra release box + capability row. */
.reference-home .ref-pill,
.reference-home .home-capabilities{
  display:none!important;
}

@media(max-width:700px){
  .reference-home .ref-wrap{
    width:calc(100% - 28px)!important;
    max-width:370px!important;
  }
  .reference-home .subify-wordrotate-hero{
    width:100%!important;
    max-width:350px!important;
    margin-inline:auto!important;
    font-size:clamp(28px,7.7vw,38px)!important;
    line-height:1.18!important;
    letter-spacing:-.045em!important;
  }
  .reference-home .subify-hero-fa,
  .reference-home .subify-hero-en{
    white-space:normal!important;
    line-height:1.18!important;
  }
  .reference-home .subify-wordrotate,
  .reference-home .subify-wordrotate-current,
  .reference-home .subify-wordrotate-measure{
    line-height:1.18!important;
  }
  .reference-home .subify-wordrotate-window{
    inset:0!important;
  }
  .reference-home .ref-hero-sub{
    width:min(100%,330px)!important;
    max-width:330px!important;
    margin-inline:auto!important;
    font-size:13px!important;
    line-height:1.9!important;
  }
}

@media(max-width:380px){
  .reference-home .subify-wordrotate-hero{
    max-width:336px!important;
    font-size:clamp(26px,7.4vw,32px)!important;
  }
}


/* Mobile navigation drawer - right-side smooth panel. Targeted only to homepage reference header. */
@media (max-width:900px){
  .reference-header{position:sticky;top:0;z-index:1000;}
  .reference-header .header-inner{position:relative;z-index:1002;}
  .reference-header .mobile-nav{
    position:fixed;
    top:67px;
    right:0;
    left:auto;
    bottom:0;
    width:min(330px,86vw);
    z-index:1001;
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:18px 14px 22px;
    margin:0;
    border:1px solid rgba(255,255,255,.09);
    border-right:0;
    border-radius:18px 0 0 18px;
    background:rgba(11,9,13,.975);
    box-shadow:-24px 0 60px rgba(0,0,0,.28),-1px 0 0 rgba(255,255,255,.04) inset;
    backdrop-filter:blur(24px) saturate(145%);
    transform:translate3d(105%,0,0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .42s cubic-bezier(.22,.8,.2,1),opacity .28s ease,visibility 0s linear .42s;
    will-change:transform,opacity;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .reference-header .mobile-nav.open,
  .reference-header .mobile-nav.mobile-open{
    display:flex;
    transform:translate3d(0,0,0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:transform .42s cubic-bezier(.22,.8,.2,1),opacity .28s ease,visibility 0s linear 0s;
  }
  .reference-header .mobile-nav a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:10px 13px;
    border-radius:12px;
    color:#bdb7c2;
    font-size:13px;
    text-align:right;
    transform:translateX(12px);
    opacity:0;
    transition:background .18s ease,color .18s ease,transform .34s cubic-bezier(.22,.8,.2,1),opacity .28s ease;
  }
  .reference-header .mobile-nav.open a,
  .reference-header .mobile-nav.mobile-open a{
    transform:translateX(0);
    opacity:1;
  }
  .reference-header .mobile-nav.open a:nth-child(1),.reference-header .mobile-nav.mobile-open a:nth-child(1){transition-delay:.04s}
  .reference-header .mobile-nav.open a:nth-child(2),.reference-header .mobile-nav.mobile-open a:nth-child(2){transition-delay:.07s}
  .reference-header .mobile-nav.open a:nth-child(3),.reference-header .mobile-nav.mobile-open a:nth-child(3){transition-delay:.10s}
  .reference-header .mobile-nav.open a:nth-child(4),.reference-header .mobile-nav.mobile-open a:nth-child(4){transition-delay:.13s}
  .reference-header .mobile-nav.open a:nth-child(5),.reference-header .mobile-nav.mobile-open a:nth-child(5){transition-delay:.16s}
  .reference-header .mobile-nav.open a:nth-child(6),.reference-header .mobile-nav.mobile-open a:nth-child(6){transition-delay:.19s}
  .reference-header .mobile-nav.open a:nth-child(7),.reference-header .mobile-nav.mobile-open a:nth-child(7){transition-delay:.22s}
  .reference-header .mobile-nav.open a:nth-child(8),.reference-header .mobile-nav.mobile-open a:nth-child(8){transition-delay:.25s}
  .reference-header .mobile-nav a:hover,
  .reference-header .mobile-nav a:active{
    background:rgba(255,255,255,.055);
    color:#fff;
  }
}

@media (max-width:560px){
  .reference-header .mobile-nav{
    top:64px;
    width:min(320px,88vw);
    padding:15px 11px 20px;
    border-radius:16px 0 0 16px;
  }
  .reference-header .mobile-nav a{
    min-height:46px;
    font-size:12.5px;
    padding:9px 12px;
  }
}

@media(prefers-reduced-motion:reduce){
  .reference-header .mobile-nav,
  .reference-header .mobile-nav a{transition:none!important}
}

/* Translated pages: keep long words and phrases inside their boxes on phones. */
html:not([lang="en"]):not([lang="fa"]) .ref-hero-title{overflow-wrap:break-word}
@media(max-width:560px){
  html[lang="de"] .ref-hero-title{font-size:38px;letter-spacing:-.04em}
}
html:not([lang="en"]):not([lang="fa"]) .subify-support-copy strong{white-space:normal!important}

/* Personal links in the footer (round 31) */
.footer-personal { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 12px; font-size: 14px; }
.footer-personal-name { opacity: .85; }
.footer-personal-links { display: flex; flex-wrap: wrap; gap: 10px 14px; }
.footer-personal-links a { color: inherit; opacity: .8; text-decoration: none; border-bottom: 1px solid currentColor; }
.footer-personal-links a:hover, .footer-personal-links a:focus-visible { opacity: 1; }

/* Footer credit: name plus two icon links (round 31b) */
.footer-credit { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.footer-credit strong { font-weight: 600; }
.footer-credit-icons { display: inline-flex; align-items: center; gap: 8px; margin-inline-start: 6px; }
.footer-credit-icons a { display: inline-flex; color: inherit; opacity: .7; }
.footer-credit-icons a:hover, .footer-credit-icons a:focus-visible { opacity: 1; }
.footer-credit-icons svg { width: 16px; height: 16px; }