/* ═══ DESIGN TOKENS ═══ */
:root{--bg:#050505;--bg2:#0d1117;--card:rgba(255,255,255,.05);--primary:#7c3aed;--secondary:#8b5cf6;--pink:#ec4899;--blue:#3b82f6;--green:#10b981;--text:#fff;--muted:#a1a1aa;--border:rgba(255,255,255,.08);--display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-sprite{position:absolute;width:0;height:0}
.container{width:min(1160px,calc(100% - 48px));margin:auto}
.section{position:relative;padding:130px 0}
.skip-link{position:fixed;left:16px;top:-60px;z-index:999;padding:10px 16px;background:#fff;color:#000;border-radius:10px}
.skip-link:focus{top:16px}
.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.023;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(124,58,237,.07),transparent 65%);transform:translate(-50%,-50%);transition:opacity .3s}

/* ═══ NAV ═══ */
.nav-wrap{height:78px;position:fixed;top:0;left:0;right:0;z-index:90;border-bottom:1px solid transparent;transition:.4s var(--ease)}
.nav-wrap.scrolled{height:68px;background:rgba(5,5,5,.72);border-color:var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav{height:100%;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:11px;font:700 22px/1 var(--display);letter-spacing:-.04em;flex-shrink:0}
.brand-icon,.brand img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;flex-shrink:0;border-radius:9px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(124,58,237,.45));transition:transform .3s var(--ease)}
.brand:hover .brand-icon,.brand:hover img{transform:scale(1.08) rotate(3deg)}
.brand-icon.small,.brand img.small{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;border-radius:6px}
.brand-mark{position:relative;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#7c3aed 55%,#ec4899);box-shadow:0 0 24px rgba(124,58,237,.4);overflow:hidden;flex-shrink:0}
.brand-mark img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover}
.nav-links{display:flex;align-items:center;gap:34px;margin:auto}
.nav-links a{font-size:14px;color:#b5b5bd;transition:.25s}
.nav-links a:hover{color:#fff}

/* ═══ BUTTONS ═══ */
.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid var(--border);border-radius:14px;font-size:14px;font-weight:600;transition:.3s var(--ease);isolation:isolate}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:42px;padding:0 17px;border-color:rgba(139,92,246,.25);background:rgba(124,58,237,.13)}
.button-small:hover{background:rgba(124,58,237,.22);box-shadow:0 8px 30px rgba(124,58,237,.14)}
.button-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed 55%,#6d28d9);border-color:rgba(255,255,255,.15);box-shadow:0 12px 40px rgba(124,58,237,.28),inset 0 1px rgba(255,255,255,.2)}
.button-primary:hover{box-shadow:0 16px 48px rgba(124,58,237,.42),inset 0 1px rgba(255,255,255,.2)}
.button-ghost{background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.button-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.button-large{min-height:60px;padding:0 28px;font-size:15px}
.ripple-dot{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);transform:scale(0);animation:ripple .7s linear;z-index:-1}
.nav-cta{flex-shrink:0}
.menu-toggle{display:none;margin-left:16px;width:42px;height:42px;color:#fff;border:1px solid var(--border);border-radius:12px;background:var(--card)}

/* ═══ HERO ═══ */
.hero{min-height:920px;display:flex;align-items:center;position:relative;overflow:hidden;padding:150px 0 100px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.hero-aurora{position:absolute;left:50%;top:-430px;width:1050px;height:800px;border-radius:50%;background:conic-gradient(from 90deg,transparent,rgba(124,58,237,.16),rgba(236,72,153,.1),transparent 55%);filter:blur(70px);animation:aurora 14s linear infinite}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#c4b5fd;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;margin-bottom:20px}
.pulse{width:7px;height:7px;border-radius:50%;background:#a78bfa;box-shadow:0 0 0 6px rgba(167,139,250,.09);animation:pulse 2s infinite}
.hero h1,.section h2{font-family:var(--display);letter-spacing:-.055em;line-height:.98;margin:0}
.hero h1{font-size:clamp(58px,6vw,86px);max-width:720px}
.hero h1 span,.comparison-copy h2 span{display:block;color:transparent;background:linear-gradient(110deg,#fff 5%,#c4b5fd 35%,#a78bfa 60%,#f0abfc);background-clip:text;-webkit-background-clip:text}
.hero-copy>p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.8;margin:28px 0 32px}
.hero-actions{display:flex;gap:12px}
.trust{display:flex;align-items:center;gap:17px;margin-top:32px;color:#777781;font-size:12px}
.trust b{color:#bcbcc4}
.trust i{width:3px;height:3px;background:#4b4b55;border-radius:50%}

/* Genre float chips */
.genre-float-chips{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.gfc{position:absolute;padding:8px 14px;border:1px solid rgba(255,255,255,.09);border-radius:40px;background:rgba(255,255,255,.04);backdrop-filter:blur(12px);font-size:11px;font-weight:600;color:#c4b5fd;white-space:nowrap;animation:chipFloat var(--cd,10s) ease-in-out infinite;opacity:.7}
.gfc-1{top:18%;left:3%;--cd:11s;animation-delay:-1s}
.gfc-2{top:32%;left:1%;--cd:13s;animation-delay:-5s;color:#f9a8d4}
.gfc-3{top:55%;left:2%;--cd:9s;animation-delay:-3s;color:#6ee7b7}
.gfc-4{top:72%;left:4%;--cd:14s;animation-delay:-7s}
.gfc-5{top:15%;right:2%;--cd:12s;animation-delay:-2s;color:#93c5fd}
.gfc-6{top:38%;right:1%;--cd:10s;animation-delay:-4s;color:#fcd34d}
.gfc-7{top:62%;right:2%;--cd:15s;animation-delay:-6s;color:#f9a8d4}
.gfc-8{top:80%;right:3%;--cd:11s;animation-delay:-8s}

/* Hero social proof */
.hero-social-proof{display:flex;align-items:center;gap:13px;margin-top:26px}
.viewer-avatars{display:flex}
.viewer-avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;border:2px solid var(--bg);margin-left:-8px}
.viewer-avatars span:first-child{margin-left:0}
.hero-social-proof p{margin:0;font-size:12px;color:#7a7a84}
.hero-social-proof p b{color:#c4b5fd}

/* Hero phone visual */
.hero-visual{height:650px;display:grid;place-items:center;position:relative;perspective:1000px}
.hero-visual:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.28),rgba(236,72,153,.1) 40%,transparent 68%);filter:blur(10px)}
.phone{position:relative;width:304px;height:620px;padding:8px;border-radius:46px;background:linear-gradient(145deg,#43434a,#121216 25%,#050505 78%,#34343a);box-shadow:0 50px 100px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.14),inset 0 0 1px 1px rgba(255,255,255,.25);transform:rotateY(-5deg) rotateX(2deg);animation:float 6s ease-in-out infinite;transition:transform .2s ease-out}
.phone:before,.phone:after{content:"";position:absolute;left:-3px;top:120px;width:3px;height:55px;border-radius:3px 0 0 3px;background:#28282e}
.phone:after{right:-3px;left:auto;top:150px;height:78px;border-radius:0 3px 3px 0}
.phone-frame{height:100%;overflow:hidden;border-radius:39px;background:#07070a;position:relative}
.phone-bar{position:absolute;z-index:5;left:50%;top:11px;transform:translateX(-50%);width:78px;height:22px;border-radius:20px;background:#050505}
.app-screen{height:100%;padding:42px 14px 16px;background:linear-gradient(160deg,#10101a,#07070a 38%);font-size:8px}
.app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mini-brand{display:grid;place-items:center;width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:7px;font:700 10px var(--display)}
.avatar{width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#f5c2a7,#5e3c79)}
.featured-art{height:218px;border-radius:20px;position:relative;overflow:hidden;background-image:linear-gradient(0deg,rgba(5,5,10,.94),rgba(5,5,10,.05) 65%),url('assets/aot.jpg');background-size:cover;background-position:center top}
.featured-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(3,3,8,.95))}
.art-glow{position:absolute;width:90px;height:90px;right:4px;top:16px;border-radius:50%;background:#f9a8d4;filter:blur(22px);opacity:.35}
.art-copy{position:absolute;z-index:2;left:15px;right:15px;bottom:15px;display:flex;flex-direction:column}
.art-copy small{font-size:5px;letter-spacing:.18em;color:#c4b5fd}
.art-copy strong{font:700 24px/1 var(--display);letter-spacing:-.06em}
.art-copy strong em{color:#d8b4fe;font-style:normal}
.art-copy span{color:#aaa;margin:5px 0 10px}
.art-copy button{align-self:flex-start;color:#fff;border:0;border-radius:8px;background:#7c3aed;padding:7px 10px;font-size:7px}
.continue-row{display:flex;justify-content:space-between;margin:17px 2px 8px}
.continue-row b,.trending>b{font-size:10px}
.continue-row span{color:#8b5cf6}
.episode-card{display:grid;grid-template-columns:80px 1fr;gap:9px;align-items:center;padding:7px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:12px}
.episode-thumb,.thumb-one{height:48px;border-radius:8px;display:grid;place-items:center;background-size:cover;background-position:center top}
.thumb-one{background-image:linear-gradient(135deg,rgba(35,26,75,.3),rgba(124,58,237,.25)),url('assets/demonslayer.jpg')}
.episode-thumb span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.5)}
.episode-card div:nth-child(2){display:flex;flex-direction:column}
.episode-card small{color:#777;margin:3px 0 5px}
.progress{height:2px;background:#292930;border-radius:3px}
.progress i{display:block;width:64%;height:100%;background:#8b5cf6}
.trending{margin-top:14px}
.trending>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.poster{height:82px;border-radius:9px;background-size:cover!important;background-position:center top!important}
.poster.p1{background-image:linear-gradient(0deg,rgba(8,5,15,.45),transparent),url('assets/jjk.jpg')}
.poster.p2{background-image:linear-gradient(0deg,rgba(8,5,15,.45),transparent),url('assets/onepiece.jpg')}
.poster.p3{background-image:linear-gradient(0deg,rgba(8,5,15,.45),transparent),url('assets/naruto.jpg')}
.app-tabs{position:absolute;left:0;right:0;bottom:0;height:50px;padding:7px 20px;display:flex;justify-content:space-between;background:rgba(8,8,12,.92);border-top:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.app-tabs span{display:flex;flex-direction:column;align-items:center;color:#555;font-size:12px}
.app-tabs .active{color:#a78bfa}
.app-tabs small{font-size:5px}
.badge{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(16,16,22,.65);box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(18px);font-size:12px;font-weight:600;animation:float 5s ease-in-out infinite}
.badge-android{left:-10px;top:130px;color:#6ee7b7}
.badge-android span,.badge-free span{color:#fff}
.badge-free{right:-25px;bottom:130px;color:#f9a8d4;animation-delay:-2s}
.orbit{position:absolute;border:1px solid rgba(167,139,250,.1);border-radius:50%}
.orbit-one{width:480px;height:480px;animation:spin 18s linear infinite}
.orbit-two{width:610px;height:610px;border-style:dashed;animation:spin 30s linear infinite reverse}
.hero-fade{position:absolute;bottom:0;width:100%;height:180px;background:linear-gradient(transparent,var(--bg))}
.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 9px #a78bfa;animation:particleFloat var(--duration) ease-in-out infinite;opacity:var(--opacity)}

/* ═══ STATS BAR ═══ */
.stats-bar-section{position:relative;z-index:2;padding:0 0 20px}
.stats-bar{display:flex;align-items:center;justify-content:center;gap:0;padding:28px 40px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.stat-item{display:flex;flex-direction:column;align-items:center;flex:1;padding:0 20px}
.stat-num{font:700 28px/1 var(--display);letter-spacing:-.04em;color:#fff;display:flex;align-items:baseline;gap:2px}
.stat-num sup{font-size:16px;color:#a78bfa}
.stat-star{width:18px;height:18px;stroke:none;fill:#a78bfa;margin-left:2px}
.stat-label{font-size:11px;color:#6a6a74;margin-top:6px;text-transform:uppercase;letter-spacing:.1em}
.stat-divider{width:1px;height:48px;background:var(--border);flex-shrink:0}

/* ═══ SECTIONS SHARED ═══ */
.section-head{text-align:center;max-width:690px;margin:0 auto 64px}
.section-head h2,.comparison-copy h2,.faq-copy h2,.download-card h2{font-size:clamp(42px,5vw,64px)}
.section-head p,.comparison-copy>p,.faq-copy>p,.download-card>p{color:var(--muted);margin:20px auto 0;font-size:16px}
.grad-text{color:transparent;background:linear-gradient(110deg,#c4b5fd,#f0abfc,#ec4899);background-clip:text;-webkit-background-clip:text}
.section-head h2 .grad-text{display:inline}

/* ═══ FEATURES ═══ */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-card{min-height:275px;padding:30px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));position:relative;overflow:hidden;transition:.4s var(--ease)}
.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(350px circle at var(--x,50%) var(--y,50%),rgba(139,92,246,.13),transparent 40%);opacity:0;transition:.3s}
.feature-card:hover{transform:translateY(-8px);border-color:rgba(167,139,250,.22);box-shadow:0 28px 60px rgba(0,0,0,.35)}
.feature-card:hover:before{opacity:1}
.feature-icon{position:relative;width:47px;height:47px;display:grid;place-items:center;border-radius:14px;margin-bottom:54px}
.feature-icon svg{width:22px;height:22px}
.violet{color:#c4b5fd;background:rgba(124,58,237,.16);box-shadow:0 0 25px rgba(124,58,237,.12)}
.pink{color:#f9a8d4;background:rgba(236,72,153,.14)}
.blue{color:#93c5fd;background:rgba(59,130,246,.14)}
.green{color:#6ee7b7;background:rgba(16,185,129,.14)}
.amber{color:#fcd34d;background:rgba(245,158,11,.14)}
.cyan{color:#67e8f9;background:rgba(6,182,212,.14)}
.feature-card h3{font:600 20px var(--display);margin:0 0 10px;letter-spacing:-.025em}
.feature-card p{font-size:14px;color:#8d8d97;margin:0;line-height:1.7}
.card-shine{position:absolute;right:-60px;top:-60px;width:120px;height:120px;background:rgba(167,139,250,.13);filter:blur(40px)}

/* ═══ CATALOG SECTION ═══ */
.catalog-section{background:linear-gradient(180deg,var(--bg),#07060d 50%,var(--bg))}
.catalog-tabs{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.ctab{padding:9px 20px;border:1px solid var(--border);border-radius:40px;background:rgba(255,255,255,.04);color:#888;font-size:13px;font-weight:600;cursor:pointer;transition:.25s;font-family:var(--body)}
.ctab:hover{color:#fff;border-color:rgba(167,139,250,.3)}
.ctab.active{background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(236,72,153,.15));border-color:rgba(167,139,250,.4);color:#e2d9fd;box-shadow:0 0 20px rgba(124,58,237,.15)}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:48px}
.cat-card{display:flex;flex-direction:column;gap:10px}
.cat-card.hidden{display:none}
.cat-poster{position:relative;width:100%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#121318;cursor:pointer}
.cat-poster img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.cat-card:hover .cat-poster img{transform:scale(1.07)}
/* CSS Art catalog cards — Isekai Odyssey & Sakura Days */
.css-isekai{background:linear-gradient(160deg,#1a1200,#6b4c00 35%,#3d2800 60%,#0a0800)}
.css-sakura{background:linear-gradient(160deg,#200010,#8c1a4e 35%,#4a0a28 60%,#0f000a)}
.css-art-scene{position:absolute;inset:0;overflow:hidden}
.css-figure{position:absolute;bottom:25%;left:50%;transform:translateX(-50%)}
.css-fig-isekai{width:36px;height:72px;background:linear-gradient(180deg,#ffe082,#f59e0b 35%,#92400e);border-radius:18px 18px 8px 8px;box-shadow:0 0 30px rgba(245,158,11,.5),0 0 60px rgba(245,158,11,.2)}
.css-fig-isekai::before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:radial-gradient(#ffe082,#f59e0b);box-shadow:0 0 20px rgba(245,158,11,.8)}
.css-fig-sakura{width:32px;height:68px;background:linear-gradient(180deg,#fce7f3,#ec4899 40%,#9d174d);border-radius:16px 16px 8px 8px;box-shadow:0 0 30px rgba(236,72,153,.5),0 0 60px rgba(236,72,153,.2)}
.css-fig-sakura::before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:radial-gradient(#fce7f3,#f9a8d4);box-shadow:0 0 20px rgba(249,168,212,.8)}
.css-glow-orb{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);border-radius:50%;filter:blur(20px);opacity:.6}
.orb-isekai{width:80px;height:40px;background:radial-gradient(#fbbf24,#f59e0b,transparent)}
.orb-sakura{width:80px;height:40px;background:radial-gradient(#f9a8d4,#ec4899,transparent)}
.css-particles{position:absolute;inset:0}
.css-particles::before,.css-particles::after{content:"";position:absolute;border-radius:50%}
.css-particles::before{width:4px;height:4px;background:#fbbf24;top:20%;left:25%;box-shadow:20px 40px 0 #fde68a,40px 10px 0 #fbbf24,60px 55px 0 #fde68a,-10px 65px 0 #f59e0b,80px 30px 0 #fbbf24;animation:particlesTwinkle 3s ease-in-out infinite alternate}
.css-particles::after{width:3px;height:3px;background:#fde68a;top:35%;right:20%;box-shadow:-15px 25px 0 #fbbf24,10px 45px 0 #fde68a,-30px 15px 0 #f59e0b;animation:particlesTwinkle 4s ease-in-out infinite alternate-reverse}
.sakura-petals{position:absolute;inset:0;overflow:hidden}
.sakura-petals i{position:absolute;width:8px;height:8px;border-radius:50% 0;background:#f9a8d4;opacity:.7;animation:petalFall var(--pd,5s) ease-in-out infinite}
.sakura-petals i:nth-child(1){left:15%;top:-10%;--pd:6s;animation-delay:-1s;transform:rotate(20deg)}
.sakura-petals i:nth-child(2){left:35%;top:-10%;--pd:8s;animation-delay:-3s;background:#fce7f3;transform:rotate(-15deg)}
.sakura-petals i:nth-child(3){left:55%;top:-10%;--pd:5s;animation-delay:-2s;transform:rotate(40deg)}
.sakura-petals i:nth-child(4){left:70%;top:-10%;--pd:7s;animation-delay:-4s;background:#fda4af;transform:rotate(-30deg)}
.sakura-petals i:nth-child(5){left:85%;top:-10%;--pd:6s;animation-delay:-0.5s;transform:rotate(10deg)}
.sakura-petals i:nth-child(6){left:5%;top:-10%;--pd:9s;animation-delay:-5s;background:#fce7f3;transform:rotate(-45deg)}
@keyframes petalFall{0%{transform:translateY(-20px) rotate(0);opacity:.7}100%{transform:translateY(500px) rotate(360deg);opacity:0}}
@keyframes particlesTwinkle{0%{opacity:.4;transform:scale(1)}100%{opacity:1;transform:scale(1.2)}}
.css-poster-title{position:absolute;bottom:16px;left:14px;right:14px;z-index:3}
.css-poster-title small{display:block;font-size:7px;font-weight:700;letter-spacing:.18em;color:rgba(255,255,255,.55);margin-bottom:4px}
.css-poster-title b{display:block;font:700 18px/1 var(--display);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.css-title-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.3}
.cat-overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(5,5,10,.9));opacity:0;transition:.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}
.cat-card:hover .cat-overlay{opacity:1}
.cat-rating{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:8px;background:rgba(5,5,10,.72);backdrop-filter:blur(8px);font-size:11px;font-weight:700;color:#fcd34d;font-family:var(--display)}
.cat-play{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff;font-size:14px;cursor:pointer;transition:.2s}
.cat-play:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}
.cat-badge{position:absolute;top:10px;right:10px;padding:3px 7px;border-radius:6px;background:rgba(124,58,237,.75);color:#e2d9fd;font-size:9px;font-weight:700;font-family:var(--display);letter-spacing:.06em}
.cat-info b{display:block;font-size:14px;font-weight:600;font-family:var(--display);letter-spacing:-.02em;color:#f0f0f5}
.cat-info small{display:block;font-size:11px;color:#68687a;margin-top:3px}
.catalog-cta{display:flex;align-items:center;justify-content:center;gap:20px;padding:32px;border:1px solid rgba(167,139,250,.15);border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.09),rgba(255,255,255,.025));flex-wrap:wrap}
.catalog-count-badge{display:flex;align-items:center;gap:10px;color:#a78bfa;font-size:14px;font-weight:600}
.catalog-count-badge svg{width:22px;height:22px;stroke:currentColor;fill:none}
.catalog-count-badge span b{color:#fff}

/* ═══ SCREENSHOTS ═══ */
.screenshots-section{overflow:hidden;background:linear-gradient(180deg,var(--bg),#08070b 45%,var(--bg))}
.screens-track{display:grid;grid-template-columns:repeat(6,220px);gap:24px;width:max-content;transform:translateX(calc((1160px - 1440px)/2))}
.shot{text-align:center}
.shot:nth-child(even){margin-top:42px}
.shot:nth-child(2n) .mini-phone{animation-delay:-2s}
.shot:nth-child(3n) .mini-phone{animation-delay:-4s}
.shot h3{font:500 14px var(--display);color:#aaa;margin-top:19px}
.mini-phone{width:220px;height:450px;border-radius:35px;padding:7px;background:linear-gradient(145deg,#3b3b42,#0b0b0d 30%,#27272c);box-shadow:0 35px 70px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);animation:softFloat 8s ease-in-out infinite}
.shot-ui{height:100%;border-radius:29px;padding:35px 14px 15px;text-align:left;overflow:hidden;position:relative;background:#09090d;color:#fff}
.mini-notch{position:absolute;z-index:2;width:62px;height:17px;border-radius:0 0 12px 12px;background:#09090b;margin-left:79px}
.shot-ui strong{display:block;font:600 16px/1.2 var(--display)}
.shot-ui>small{display:block;color:#8b5cf6;font-size:7px;letter-spacing:.12em;margin-bottom:7px}
.ui-logo{display:grid;place-items:center;width:22px;height:22px;max-width:22px;max-height:22px;border-radius:7px;background:linear-gradient(135deg,#8b5cf6,#ec4899);font-weight:700;overflow:hidden;flex-shrink:0}
.mini-brand img,.ui-logo img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover;border-radius:6px;display:block}

/* ═══ REAL UI SCREENS ═══ */
.real-ui{padding:0;background:#08090d;color:#f5f5f7;font-size:8px;isolation:isolate}
.real-ui *{box-sizing:border-box}
.real-ui img{display:block;width:100%;height:100%;object-fit:cover}
.real-ui .mini-brand img,.real-ui .ui-logo img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
.app-status{height:31px;padding:10px 14px 0;display:flex;justify-content:space-between;position:relative;z-index:8;color:#ececf0;font-size:6px;font-weight:700;letter-spacing:.02em}
.app-status.over{position:absolute;top:0;left:0;right:0;text-shadow:0 1px 5px #000}
.screen-top{height:34px;padding:0 13px 6px;display:flex;align-items:center;justify-content:space-between}
.screen-top>div{display:flex;align-items:center;gap:8px}
.tiny-avatar{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#d8b4fe,#7c3aed);font-size:6px;font-weight:700}
.bell{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;background:#14151b;color:#ec4899;font-size:12px}
.real-hero{height:178px;margin:0 9px;border-radius:15px;overflow:hidden;position:relative;background:#16131f}
.real-hero:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(4,4,8,.98))}
.real-hero-copy{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;display:flex;flex-direction:column;align-items:flex-start}
.real-hero-copy small{color:#d8b4fe;font-size:5px;font-weight:700;letter-spacing:.14em}
.real-hero-copy strong{font:700 18px/1.1 var(--display);letter-spacing:-.045em;margin:3px 0}
.real-hero-copy span{color:#a6a6af;font-size:6px}
.real-hero-copy button{margin-top:8px;padding:6px 9px;border:0;border-radius:7px;background:#fff;color:#101014;font-size:6px;font-weight:700}
.screen-heading{height:29px;padding:10px 12px 6px;display:flex;align-items:center;justify-content:space-between}
.screen-heading b{font:600 9px var(--display)}
.screen-heading span{color:#9b7df3;font-size:6px}
.screen-heading.compact{padding-top:9px}
.watch-card{height:48px;margin:0 10px;display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;border-radius:9px;background:#111218;border:1px solid rgba(255,255,255,.045);overflow:hidden}
.watch-card img{height:48px}
.watch-card>div{padding-right:7px;min-width:0}
.watch-card b{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-card small{display:block;color:#72727c;font-size:5px;margin:2px 0 5px}
.mini-progress{height:2px;border-radius:2px;background:#292934;overflow:hidden}
.mini-progress i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.poster-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px}
.poster-strip>div{min-width:0}
.poster-strip img{height:65px;border-radius:7px}
.poster-strip b{display:block;margin-top:3px;font-size:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen-nav{position:absolute;z-index:10;left:0;right:0;bottom:0;height:43px;padding:7px 15px 5px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.055);background:rgba(8,9,13,.94);backdrop-filter:blur(12px)}
.screen-nav span{min-width:28px;display:flex;flex-direction:column;align-items:center;color:#595963;font-size:10px;line-height:1}
.screen-nav span.active{color:#a78bfa}
.screen-nav small{margin-top:4px;font-size:4px;font-weight:600}
.browse-head{height:56px;padding:8px 12px 7px;display:flex;align-items:center;justify-content:space-between}
.browse-head>div{display:flex;flex-direction:column}
.browse-head small{color:#9f7aea;font-size:5px;letter-spacing:.14em;font-weight:700}
.browse-head strong{font:700 16px/1.2 var(--display);letter-spacing:-.04em;margin-top:2px}
.real-search{height:32px;margin:2px 11px 8px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#12131a;color:#62626d}
.real-search svg{width:11px;height:11px}
.real-search span{font-size:6px}
.real-search kbd{margin-left:auto;padding:2px 4px;border:1px solid rgba(255,255,255,.08);border-radius:3px;font:5px var(--body);color:#777782}
.genre-pills{display:flex;gap:5px;padding:0 11px;overflow:hidden}
.genre-pills span{flex:none;padding:5px 8px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#101117;color:#74747e;font-size:5px}
.genre-pills span.active{background:#7c3aed;color:#fff;border-color:#8b5cf6}
.discover-label{padding:13px 12px 7px;display:flex;justify-content:space-between}
.discover-label b{font:600 9px var(--display)}
.discover-label span{color:#777;font-size:5px}
.real-poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 7px;padding:0 11px 50px}
.real-poster-grid article>div{height:112px;position:relative;border-radius:9px;overflow:hidden;background:#171820}
.real-poster-grid em{position:absolute;top:5px;right:5px;padding:2px 4px;border-radius:5px;background:rgba(5,5,8,.72);backdrop-filter:blur(5px);font-style:normal;font-size:5px;color:#f5d76e}
.real-poster-grid b{display:block;margin:5px 1px 1px;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.real-poster-grid small{display:block;color:#63636d;font-size:5px}
.player-ui{background:#090a0f}
.real-video{height:220px;position:relative;background:#17131f}
.real-video:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(3,3,8,.28),transparent 35%,rgba(3,3,8,.7))}
.video-top{position:absolute;z-index:2;top:35px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between}
.video-top span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(3,3,8,.42);font-size:15px}
.video-top small{font-size:6px}
.play-main{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-35%);width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(5,5,10,.45);backdrop-filter:blur(8px);color:#fff;font-size:12px}
.video-bottom{position:absolute;z-index:2;left:11px;right:11px;bottom:11px;display:grid;grid-template-columns:25px 1fr 25px;gap:5px;align-items:center;font-size:5px}
.video-bottom>div{height:2px;background:rgba(255,255,255,.28);border-radius:2px}
.video-bottom i{display:block;width:72%;height:100%;background:#a78bfa}
.playing-details{padding:13px 12px}
.quality-row{display:flex;gap:5px;margin-bottom:10px}
.quality-row span{padding:3px 5px;border:1px solid rgba(255,255,255,.09);border-radius:4px;color:#aaa;font-size:5px}
.quality-row span:first-child{color:#d8b4fe;border-color:rgba(167,139,250,.28)}
.playing-details>small{color:#9f7aea;font-size:5px;letter-spacing:.13em;font-weight:700}
.playing-details>strong{font:700 16px var(--display);margin:2px 0 4px}
.playing-details>p{margin:0;color:#777780;font-size:6px;line-height:1.5}
.action-row{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0;border-block:1px solid rgba(255,255,255,.055);padding:9px 0}
.action-row span{display:flex;flex-direction:column;align-items:center;color:#d8d8dc;font-size:11px}
.action-row small{margin-top:4px;color:#6e6e78;font-size:5px}
.up-next .screen-heading{padding-inline:0}
.next-card{height:50px;display:grid;grid-template-columns:73px 1fr 22px;gap:7px;align-items:center}
.next-card img{height:50px;border-radius:7px}
.next-card>div{display:flex;flex-direction:column;min-width:0}
.next-card small{color:#9774e8;font-size:4px}
.next-card b{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.next-card span{color:#666;font-size:5px}
.next-card button{width:21px;height:21px;padding:0;border:0;border-radius:50%;background:#7c3aed;color:#fff;font-size:6px}
.detail-ui{padding-bottom:8px}
.detail-cover{height:200px;position:relative;background:#17131f}
.detail-cover:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#08090d)}
.detail-actions{position:absolute;z-index:3;left:10px;right:10px;top:35px;display:flex;justify-content:space-between}
.detail-actions span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(4,4,9,.48);backdrop-filter:blur(7px);font-size:15px}
.detail-cover>div:last-child{position:absolute;z-index:2;left:12px;right:12px;bottom:8px;display:flex;flex-direction:column}
.detail-cover small{color:#c4b5fd;font-size:5px;letter-spacing:.12em;font-weight:700}
.detail-cover strong{font:700 20px/1.05 var(--display);letter-spacing:-.04em;margin:2px 0}
.detail-cover span{color:#8b8b94;font-size:5px}
.detail-meta{padding:8px 11px}
.detail-meta button{height:27px;padding:0 12px;border:0;border-radius:7px;background:#7c3aed;color:#fff;font-size:6px;font-weight:700}
.detail-meta button:nth-child(2){width:27px;padding:0;margin-left:4px;background:#171820}
.detail-meta p{margin:8px 0 4px;color:#8a8a94;font-size:5.5px;line-height:1.5}
.detail-meta>span{color:#b1b1b8;font-size:5px}
.season-select{padding:8px 11px 6px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05)}
.season-select b{font-size:7px}
.season-select span{color:#666;font-size:5px}
.real-episode-list{padding:0 10px}
.real-episode-list article{height:55px;display:grid;grid-template-columns:73px 1fr 16px;gap:7px;align-items:center;border-top:1px solid rgba(255,255,255,.04)}
.real-episode-list img{height:43px;border-radius:6px}
.real-episode-list>article>div{display:flex;flex-direction:column;min-width:0}
.real-episode-list small{color:#8d6ce2;font-size:4px}
.real-episode-list b{font-size:6px}
.real-episode-list span{color:#5f5f68;font-size:4.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.real-episode-list button{padding:0;border:0;background:none;color:#888;font-size:8px}
.download-head{height:55px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between}
.download-head small{display:block;color:#9b79ef;font-size:5px;letter-spacing:.12em}
.download-head strong{font:700 17px var(--display)}
.download-head button,.profile-head button{border:0;background:none;color:#aaa}
.storage-card{margin:0 10px 9px;padding:11px;border:1px solid rgba(167,139,250,.12);border-radius:11px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(255,255,255,.025))}
.storage-card>div{display:flex;justify-content:space-between}
.storage-card span{color:#878790;font-size:5px}
.storage-card b{font-size:6px}
.storage-card b small{color:#686872;font-weight:400}
.storage-card>i,.level-card>i{display:block;height:3px;margin:7px 0 5px;border-radius:3px;background:#25252d;overflow:hidden}
.storage-card em{display:block;width:33%;height:100%;border-radius:3px;background:linear-gradient(90deg,#7c3aed,#ec4899)}
.download-filter{display:flex;gap:5px;padding:0 10px 7px}
.download-filter span{padding:4px 7px;border-radius:9px;background:#121319;color:#676771;font-size:5px}
.download-filter .active{background:#fff;color:#101014}
.download-list{padding:0 10px}
.download-list article{min-height:65px;display:grid;grid-template-columns:67px 1fr 12px;gap:7px;align-items:center;border-top:1px solid rgba(255,255,255,.045)}
.download-list img{height:48px;border-radius:7px}
.download-list article>div{min-width:0;display:flex;flex-direction:column}
.download-list b{font-size:6px}
.download-list small,.download-list span{color:#686872;font-size:4.5px}
.download-list button{padding:0;border:0;background:none;color:#8f8f98;font-size:7px}
.download-list .downloading>div>div{height:2px;margin:5px 0 3px;border-radius:2px;background:#292932}
.download-list .downloading i{display:block;width:68%;height:100%;background:#8b5cf6}
.download-list article:not(.downloading) span{color:#59c69b;margin-top:4px}
.download-tip{height:43px;margin:8px 10px 48px;padding:7px 9px;display:grid;grid-template-columns:22px 1fr 20px;gap:7px;align-items:center;border-radius:9px;background:#111219}
.download-tip>span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(124,58,237,.15);color:#c4b5fd}
.download-tip div{display:flex;flex-direction:column}
.download-tip b{font-size:6px}
.download-tip small{color:#666;font-size:4.5px}
.download-tip>i{font-style:normal;color:#6ee7b7;font-size:5px}
.profile-head{height:44px;padding:4px 12px;display:flex;justify-content:space-between;align-items:center}
.profile-head b{font:600 13px var(--display)}
.real-profile{text-align:center}
.profile-picture{position:relative;width:56px;height:56px;margin:3px auto 7px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#a78bfa,#7c3aed 50%,#ec4899);font:700 14px var(--display);box-shadow:0 0 0 4px #12121a,0 0 0 5px rgba(167,139,250,.25)}
.profile-picture i{position:absolute;right:0;bottom:1px;width:11px;height:11px;border:2px solid #08090d;border-radius:50%;background:#10b981}
.real-profile strong{font:700 12px var(--display)}
.real-profile small{display:block;color:#6e6e78;font-size:5px}
.real-profile button{margin-top:7px;padding:5px 11px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#12131a;color:#c9c9cf;font-size:5px}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:11px 11px 8px;padding:8px 0;border-block:1px solid rgba(255,255,255,.055)}
.profile-stats div{display:flex;flex-direction:column}
.profile-stats b{font:700 10px var(--display)}
.profile-stats small{color:#686872;font-size:4.5px}
.level-card{margin:0 10px 8px;padding:8px 9px;border-radius:9px;background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(236,72,153,.04));border:1px solid rgba(167,139,250,.1)}
.level-card>div{display:flex;justify-content:space-between}
.level-card span,.level-card b{font-size:5px}
.level-card em{display:block;width:78%;height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.level-card>small{color:#6e6e78;font-size:4px}
.profile-menu{padding:0 10px 46px}
.profile-menu button{width:100%;height:43px;padding:0;display:grid;grid-template-columns:26px 1fr 8px;gap:7px;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:none;color:#fff;text-align:left}
.profile-menu button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:9px}
.profile-menu .purple{color:#c4b5fd;background:rgba(124,58,237,.13)}
.profile-menu .blue{color:#93c5fd;background:rgba(59,130,246,.13)}
.profile-menu .green{color:#6ee7b7;background:rgba(16,185,129,.13)}
.profile-menu .pink{color:#f9a8d4;background:rgba(236,72,153,.13)}
.profile-menu div{display:flex;flex-direction:column}
.profile-menu b{font-size:6px}
.profile-menu small{color:#62626c;font-size:4.5px}
.profile-menu i{color:#555;font-style:normal;font-size:12px}

/* ═══ COMPARISON ═══ */
.comparison-section{background:radial-gradient(circle at 75% 50%,rgba(124,58,237,.08),transparent 35%)}
.comparison-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:110px;align-items:center}
.comparison-copy h2{text-align:left}
.comparison-copy>p{margin-left:0;max-width:390px}
.quote-chip{display:flex;align-items:flex-start;gap:13px;margin-top:38px;padding:18px;border-left:1px solid rgba(167,139,250,.35);color:#8e8e98;font-size:13px}
.quote-chip span{color:#c4b5fd}
.quote-chip p{margin:0}
.comparison-card{padding:16px 24px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.03);box-shadow:0 40px 100px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
.table-row{display:grid;grid-template-columns:1fr 110px 110px;align-items:center;min-height:59px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px;color:#aaa}
.table-row:last-child{border:0}
.table-row>*:not(:first-child){text-align:center}
.table-row b{color:#6ee7b7;font-size:18px}
.table-row>i{font-style:normal;color:#555}
.table-head{min-height:72px;color:#71717a;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.table-head strong{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-transform:none;font:600 15px var(--display);letter-spacing:0}
.brand-mark.small{width:22px;height:22px;border-radius:7px}
.brand-mark.small:before,.brand-mark.small i{width:8px;height:12px;border-width:1.5px}

/* ═══ STEPS ═══ */
.steps-section{overflow:hidden}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step-line{position:absolute;left:16%;right:16%;top:64px;height:1px;background:rgba(255,255,255,.08)}
.step-line i{display:block;width:30%;height:100%;background:linear-gradient(90deg,transparent,#a78bfa,transparent);animation:lineMove 4s linear infinite}
.step-card{position:relative;z-index:2;min-height:235px;padding:30px;text-align:center;border:1px solid var(--border);border-radius:23px;background:#08080a;transition:.35s var(--ease)}
.step-card:hover{transform:translateY(-6px);border-color:rgba(139,92,246,.22)}
.step-number{position:absolute;top:20px;right:22px;color:#414147;font:600 11px var(--display)}
.step-icon{width:68px;height:68px;margin:0 auto 28px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.18);border-radius:20px;background:linear-gradient(145deg,rgba(124,58,237,.16),rgba(124,58,237,.04));color:#c4b5fd;box-shadow:0 0 0 8px #08080a,0 0 0 9px var(--border)}
.step-icon svg{width:25px;height:25px}
.step-card h3{font:600 19px var(--display);margin:0 0 7px}
.step-card p{margin:0;color:#7e7e87;font-size:13px}

/* ═══ TESTIMONIALS ═══ */
.testimonials{background:linear-gradient(180deg,var(--bg),#08070a,var(--bg))}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.testimonial-card{padding:31px;border:1px solid var(--border);border-radius:23px;background:rgba(255,255,255,.025);transition:.35s var(--ease)}
.testimonial-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.045)}
.testimonial-card.featured{background:linear-gradient(145deg,rgba(124,58,237,.12),rgba(255,255,255,.03));border-color:rgba(167,139,250,.17)}
.stars{color:#a78bfa;letter-spacing:3px;font-size:12px}
.testimonial-card blockquote{margin:25px 0 35px;font:500 18px/1.65 var(--display);letter-spacing:-.02em}
.person{display:flex;align-items:center;gap:12px}
.person>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#343443,#17171f);color:#c4b5fd;font-size:10px;font-weight:600}
.person div{display:flex;flex-direction:column}
.person b{font-size:12px}
.person small{color:#666;font-size:10px}

/* ═══ DOWNLOAD ═══ */
.download-section{padding-top:70px}
.download-card{position:relative;overflow:hidden;text-align:center;padding:100px 30px;border:1px solid rgba(167,139,250,.16);border-radius:32px;background:linear-gradient(145deg,rgba(124,58,237,.13),rgba(255,255,255,.025) 45%,rgba(236,72,153,.05));box-shadow:0 50px 120px rgba(0,0,0,.4)}
.download-card:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,black,transparent 70%)}
.download-card>*:not(.download-orb){position:relative;z-index:2}
.download-card>p{margin-bottom:32px}
.download-orb{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.17}
.download-orb.one{left:-120px;top:-120px;background:#7c3aed}
.download-orb.two{right:-120px;bottom:-140px;background:#ec4899}
.download-meta{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:34px;color:#6f6f78;font-size:11px}
.download-meta b{color:#b3b3bc}
.download-meta i{width:3px;height:3px;background:#444;border-radius:50%}

/* ═══ FAQ ═══ */
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}
.faq-copy h2{text-align:left}
.faq-copy>p{margin-left:0}
.faq-copy>a{display:inline-block;margin-top:30px;color:#777;font-size:13px}
.faq-copy>a span{color:#c4b5fd}
.accordion{border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item button{width:100%;padding:25px 4px;display:flex;align-items:center;justify-content:space-between;color:#dedee3;background:none;border:0;cursor:pointer;text-align:left;font-weight:500}
.faq-item button svg{transition:.3s}
.faq-item.open button svg{transform:rotate(180deg);color:#a78bfa}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.faq-answer p{overflow:hidden;margin:0;color:#85858e;font-size:13px;line-height:1.75}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer p{margin:0 30px 24px 4px}

/* ═══ FOOTER ═══ */
footer{padding:70px 0 28px;border-top:1px solid var(--border);background:#070707}
.footer-top{display:flex;justify-content:space-between}
.footer-brand p{max-width:310px;color:#707078;font-size:13px;margin-top:20px}
.footer-links{display:grid;grid-template-columns:repeat(3,120px);gap:50px}
.footer-links div{display:flex;flex-direction:column;gap:10px}
.footer-links b{font:600 12px var(--display);margin-bottom:7px}
.footer-links a{color:#777;font-size:12px;transition:.2s}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;margin-top:65px;padding-top:24px;border-top:1px solid rgba(255,255,255,.055);color:#57575f;font-size:11px}
.footer-bottom em{font-style:normal;color:#ec4899}

/* ═══ REVEAL ANIMATION ═══ */
.reveal{opacity:0;filter:blur(8px);transform:translateY(28px);transition:opacity .8s var(--ease),filter .8s var(--ease),transform .8s var(--ease);transition-delay:var(--delay,0ms)}
.reveal.visible{opacity:1;filter:blur(0);transform:none}

/* ═══ KEYFRAMES ═══ */
@keyframes float{0%,100%{transform:translateY(0) rotateY(-5deg) rotateX(2deg)}50%{transform:translateY(-18px) rotateY(-3deg) rotateX(1deg)}}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(167,139,250,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes aurora{to{transform:rotate(360deg)}}
@keyframes particleFloat{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:var(--opacity)}50%{transform:translate(var(--drift),-110px)}}
@keyframes lineMove{from{transform:translateX(-100%)}to{transform:translateX(430%)}}
@keyframes ripple{to{transform:scale(4);opacity:0}}
@keyframes chipFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.04)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1050px){
  .hero{min-height:auto;padding-top:145px}
  .hero-grid{grid-template-columns:1fr 420px;gap:20px}
  .hero h1{font-size:58px}
  .hero-visual{transform:scale(.88)}
  .screens-track{transform:none}
  .comparison-grid,.faq-grid{gap:55px}
  .comparison-grid{grid-template-columns:.7fr 1.3fr}
  .footer-links{gap:25px}
}
@media(max-width:720px){
  .container{width:min(100% - 36px,680px)}
  .section{padding:100px 0}
  .nav-links{position:fixed;inset:68px 12px auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--border);border-radius:18px;background:rgba(10,10,12,.96);backdrop-filter:blur(20px);opacity:0;transform:translateY(-15px);visibility:hidden;transition:.3s;margin:0}
  .nav-links.open{opacity:1;transform:none;visibility:visible}
  .nav-links a{padding:14px;border-radius:10px}
  .nav-links a:hover{background:rgba(255,255,255,.05)}
  .nav-cta{margin-left:0}
  .menu-toggle{display:grid;place-items:center;margin-left:auto}
  .hero{padding-bottom:30px}
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-copy{padding-top:25px}
  .hero h1{font-size:clamp(49px,10vw,70px);margin:auto}
  .hero-copy>p{margin-inline:auto}
  .hero-actions,.trust,.hero-social-proof{justify-content:center}
  .hero-visual{height:660px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .feature-card{min-height:255px}
  .catalog-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .screens-track{overflow-x:auto;width:calc(100vw - 18px);padding:15px 40px 50px;margin-left:calc((680px - 100vw)/2);scroll-snap-type:x mandatory;scrollbar-width:none}
  .shot{scroll-snap-align:center}
  .comparison-grid,.faq-grid{grid-template-columns:1fr}
  .comparison-copy{text-align:center}
  .comparison-copy h2,.faq-copy h2{text-align:center}
  .comparison-copy>p,.faq-copy>p{margin-inline:auto}
  .quote-chip{max-width:400px;margin-inline:auto}
  .steps{gap:12px}
  .step-card{padding:25px 16px}
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial-card{max-width:570px;width:100%;margin:auto}
  .faq-copy{text-align:center}
  .footer-top{gap:40px}
  .footer-links{grid-template-columns:repeat(3,1fr);gap:30px}
  .stats-bar{flex-wrap:wrap;gap:20px;padding:24px}
  .stat-divider{display:none}
  .stat-item{flex:1 1 40%}
  .gfc{display:none}
}
@media(max-width:560px){
  .container{width:calc(100% - 28px)}
  .section{padding:82px 0}
  .nav{gap:10px}
  .nav-cta{display:none}
  .brand{font-size:20px}
  .hero{padding-top:115px}
  .hero h1{font-size:clamp(43px,13vw,58px)}
  .hero-copy>p{font-size:15px;line-height:1.7}
  .hero-actions{flex-direction:column}
  .hero-actions .button{width:100%}
  .trust{gap:10px;flex-wrap:wrap}
  .hero-visual{height:580px;margin-top:10px;transform:scale(.82);transform-origin:top center;margin-bottom:-90px}
  .badge-android{left:-25px}
  .badge-free{right:-30px}
  .section-head{margin-bottom:45px}
  .section-head h2,.comparison-copy h2,.faq-copy h2,.download-card h2{font-size:40px}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:auto;padding:25px}
  .feature-icon{margin-bottom:35px}
  .catalog-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .catalog-tabs{gap:6px}
  .ctab{padding:8px 14px;font-size:12px}
  .catalog-cta{flex-direction:column;text-align:center;padding:24px}
  .screens-track{margin-left:-14px;padding-left:30px}
  .shot:nth-child(even){margin-top:20px}
  .comparison-grid{gap:45px}
  .comparison-card{padding:8px}
  .table-row{grid-template-columns:1fr 75px 75px;padding:0 8px;font-size:11px}
  .table-head strong{font-size:12px}
  .table-head .brand-mark{display:none}
  .steps{grid-template-columns:1fr}
  .step-line{left:50%;right:auto;top:60px;bottom:60px;width:1px;height:auto}
  .step-line i{width:100%;height:30%;animation:lineMoveVertical 4s linear infinite}
  .step-card{min-height:210px}
  .download-card{padding:75px 18px}
  .download-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .download-meta i{display:none}
  .faq-grid{gap:42px}
  .footer-top{flex-direction:column}
  .footer-links{gap:20px}
  .footer-bottom{flex-direction:column;gap:8px;margin-top:45px}
  .cursor-glow{display:none}
  .stats-bar{padding:20px}
  .stat-num{font-size:22px}
  .stat-item{flex:1 1 45%}
  .real-ui{font-size:8px}
}
@keyframes lineMoveVertical{from{transform:translateY(-100%)}to{transform:translateY(430%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;filter:none;transform:none}.phone{transform:none}}