.phone-stage{position:relative;width:min(100%,320px);margin-inline:auto;perspective:1200px;display:grid;place-items:center;padding:.5rem 0 1rem}.phone-orbit{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(90,22,48,.28) 0%,transparent 68%);animation:orbitPulse 4.8s ease-in-out infinite}@keyframes orbitPulse{0%,to{transform:scale(.94);opacity:.55}50%{transform:scale(1.08);opacity:1}}.phone-3d{position:relative;width:min(100%,248px);aspect-ratio:9 / 19.5;height:auto;transform-style:preserve-3d;transform:rotateY(-10deg) rotateX(6deg);animation:phoneDrift 6.5s ease-in-out infinite}@keyframes phoneDrift{0%,to{transform:rotateY(-10deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(3deg) translateY(-8px)}}.phone-bezel{position:absolute;inset:0;border-radius:clamp(2rem,12%,2.55rem);background:linear-gradient(145deg,#9a4560,#6b1f3a 28%,#4e1429 62%,#2d0a18);box-shadow:inset 0 0 0 1.5px #ffdce64d,inset 0 0 0 6px #3f1022,0 28px 50px #28081247;overflow:hidden;transform:translateZ(18px)}.phone-island{position:absolute;top:1.35%;left:50%;z-index:5;width:31%;height:2.35%;min-height:13px;transform:translate(-50%);border-radius:999px;background:#050305;box-shadow:inset 0 0 0 1px #ffffff14}.phone-glass{position:absolute;inset:1.15% 2.4%;border-radius:clamp(1.5rem,9.5%,2.1rem);overflow:hidden;background:#0e1217}.phone-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.phone-gloss{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,transparent 28%,transparent 62%,rgba(255,255,255,.04) 100%);z-index:6}.phone-side{position:absolute;top:14%;bottom:14%;width:3px;border-radius:2px;background:linear-gradient(180deg,#7a3148,#3a0c1e)}.phone-side-l{left:-2px}.phone-side-r{right:-2px}.phone-floor{position:absolute;bottom:0;width:58%;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(40,8,18,.28),transparent 70%);filter:blur(3px)}@media(max-width:767px){.phone-3d{transform:none;animation:none;width:min(100%,200px)}.phone-orbit{width:180px;height:180px}.phone-stage{width:min(100%,240px);padding-bottom:.35rem}.hero{min-height:0}.hero-visual{margin-top:.25rem}}@media(prefers-reduced-motion:reduce){.phone-3d,.phone-orbit{animation:none}}:root{--bg: #fff7f0;--bg-2: #eef6ff;--bg-elev: #ffffff;--ink: #152033;--muted: #5d6b7c;--coral: #ff5c4d;--coral-deep: #e8483a;--sun: #ffb020;--mint: #1ec9a8;--sky: #4aa3ff;--line: rgba(21, 32, 51, .1);--shadow: 0 18px 40px rgba(21, 32, 51, .08);--danger: #e23d3d;--font: "Cairo", system-ui, sans-serif;--display: "Fredoka", "Cairo", sans-serif;--radius: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-h: 64px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;overflow-x:hidden}a{color:var(--coral-deep);text-decoration:none}.shell{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;isolation:isolate;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}.site-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 10% -10%,rgba(255,176,32,.28),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 8%,rgba(74,163,255,.22),transparent 50%),radial-gradient(ellipse 55% 40% at 80% 90%,rgba(30,201,168,.16),transparent 55%),linear-gradient(180deg,#fff7f0,#eef6ff 48%,#fff4f8)}.site-backdrop:before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(21,32,51,.06) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black,transparent 75%)}.top{display:flex;align-items:center;gap:.75rem;padding:calc(.65rem + env(safe-area-inset-top,0px)) 1rem .65rem;position:sticky;top:0;z-index:40;background:#fff7f0eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em;flex-shrink:0;position:relative;z-index:2}.brand img{border-radius:10px}.brand b{color:var(--coral);font-weight:700}.from-unug{display:inline-flex;align-items:center;gap:.35rem;margin-inline-start:auto;flex-shrink:0;max-width:46%;padding:.28rem .55rem .28rem .3rem;border-radius:999px;border:1px solid rgba(10,77,74,.16);background:linear-gradient(135deg,#0a4d4a14,#ffffffeb);color:#0a4d4a;text-decoration:none;box-shadow:0 4px 14px #0a4d4a0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.from-unug:hover{transform:translateY(-1px);border-color:#0a4d4a52;box-shadow:0 8px 20px #0a4d4a1a}.from-unug-label{font-family:Fredoka,Cairo,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#0a4d4ab8;text-transform:none}@media(max-width:420px){.from-unug-label{display:none}.from-unug{padding-inline:.35rem;max-width:none}.brand{font-size:1.05rem}}.from-unug img{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #0a4d4a1f}.from-unug strong{font-family:Fredoka,Cairo,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.06em}.nav-desktop{display:none;align-items:center;gap:.85rem}.nav a{color:var(--muted);font-size:.95rem;font-weight:600}.nav a.active{color:var(--ink)}.nav-cta{background:var(--coral)!important;color:#fff!important;padding:.45rem .9rem;border-radius:12px;font-weight:700!important}.nav-text-btn{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;padding:0}.nav-logout{border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;padding:.4rem .85rem;border-radius:12px;line-height:1.2}.nav-logout:hover{border-color:var(--coral);color:var(--coral-deep)}.nav-lang{border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:800;letter-spacing:.02em;cursor:pointer;padding:.35rem .65rem;border-radius:10px;line-height:1.2;min-width:2.4rem}.nav-lang:hover{border-color:var(--coral);color:var(--coral-deep)}.mobile-tabbar{position:fixed;inset-inline:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:.15rem;padding:.4rem .35rem calc(.4rem + var(--safe-bottom));background:#fffffff0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -8px 28px #1520330f}.mobile-tabbar.logged-in{grid-template-columns:repeat(6,1fr)}.mobile-tabbar a{display:grid;place-items:center;min-height:44px;border-radius:12px;color:var(--muted);font-size:.72rem;font-weight:700;text-align:center;padding:.25rem .15rem}.mobile-tabbar a.active{color:var(--coral-deep);background:#ff5c4d1a}.mobile-tabbar .tab-primary{color:#fff;background:linear-gradient(135deg,var(--coral),#ff7a3d)}.mobile-tabbar .tab-primary.active{color:#fff;background:linear-gradient(135deg,var(--coral-deep),var(--coral))}.mobile-tabbar .tab-logout{display:grid;place-items:center;min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;padding:.25rem .15rem}.mobile-tabbar .tab-logout:hover{color:var(--coral-deep);background:#ff5c4d1a}.landing{flex:1}.hero{position:relative;min-height:calc(100dvh - 4.2rem - var(--tabbar-h));display:grid;align-items:start;overflow-x:hidden;overflow-y:visible;padding-top:.35rem}.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,176,32,.25),transparent 60%),radial-gradient(ellipse 55% 45% at 100% 70%,rgba(74,163,255,.18),transparent 55%),linear-gradient(180deg,rgba(255,247,240,.2),transparent 70%);z-index:0}.hero-sparkles{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 18% 28%,rgba(255,176,32,.55) 0 2px,transparent 3px),radial-gradient(circle at 78% 22%,rgba(255,92,77,.45) 0 2px,transparent 3px),radial-gradient(circle at 62% 68%,rgba(30,201,168,.5) 0 2px,transparent 3px);animation:sparkleTwinkle 4.5s ease-in-out infinite}@keyframes sparkleTwinkle{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.hero-inner{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto;padding:.75rem 1rem 1.75rem;display:grid;grid-template-columns:1fr;gap:1.15rem;align-items:center;text-align:center}.hero-copy{order:1}.hero-visual{order:2}.logo-hero{font-family:var(--display);font-size:clamp(2.55rem,11vw,4.6rem);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin:.4rem 0 .7rem}.logo-hero span{color:var(--coral)}.unug-kicker{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .85rem;padding:.35rem .7rem .35rem .4rem;border-radius:999px;background:#0a4d4a14;border:1px solid rgba(10,77,74,.14);color:#0a4d4a;font-size:.88rem;font-weight:700}.unug-kicker img{border-radius:50%}.lead{max-width:28rem;margin:0 auto 1.25rem;color:var(--muted);font-size:1.05rem}.hero-hook{max-width:32rem;margin:0 auto 1.35rem;color:var(--ink);font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:650;line-height:1.55;text-wrap:balance}.hero-form{display:flex;flex-direction:column;gap:.55rem;max-width:34rem;margin-inline:auto}.hero-form input,.panel input,.panel select,.auth-form input,.otp-input{width:100%;min-height:48px;border:1px solid var(--line);background:#ffffffe6;color:var(--ink);border-radius:var(--radius);padding:.85rem 1rem;font:inherit}.hero-form input:focus,.panel input:focus,.panel select:focus,.auth-form input:focus{outline:2px solid rgba(255,92,77,.35);border-color:transparent}.hero-form button,.panel button,.btn,.auth-form button,.btn.full{border:0;background:linear-gradient(135deg,var(--coral),#ff7a3d);color:#fff;font:inherit;font-weight:800;border-radius:var(--radius);padding:.95rem 1.25rem;min-height:48px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #ff5c4d47}.hero-note{margin:.9rem 0 0;color:var(--muted);font-size:.95rem}.hero-note a{color:var(--ink);border-bottom:1px solid rgba(255,92,77,.45)}.animate-in{animation:riseIn .75s cubic-bezier(.2,.8,.2,1) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.26s}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.pulse-section,.clarity-section{padding:2rem 1rem 2.5rem}.pulse-inner{width:min(920px,100%);margin:0 auto}.pulse-section h2,.clarity-section h2,.ladder-note h2{font-family:var(--display);font-size:clamp(1.55rem,6vw,2.1rem);margin:0 0 .35rem;letter-spacing:-.02em;text-align:center}.section-lead{text-align:center;color:var(--muted);margin:0 auto 1.35rem;max-width:28rem}.stat-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.1rem}.stat-block{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow);text-align:center}.stat-label{display:block;color:var(--muted);font-size:.85rem;font-weight:600}.stat-value{display:block;margin-top:.2rem;font-family:var(--display);font-size:clamp(1.8rem,8vw,2.4rem);color:var(--ink);letter-spacing:-.03em}.chart-panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.chart-head h3{margin:0;font-size:1rem}.chart-head span{color:var(--muted);font-size:.8rem}.week-chart{width:100%;height:auto;color:var(--coral);display:block}.chart-line{stroke-dasharray:420;stroke-dashoffset:420;animation:drawLine 1.4s ease forwards .2s}.chart-area{opacity:0;animation:fadeIn .8s ease forwards .5s}.chart-dot{fill:#fff;stroke:var(--coral);stroke-width:2;transform-origin:center;animation:popDot .45s ease both}.chart-dot:nth-child(3){animation-delay:.55s}.chart-dot:nth-child(4){animation-delay:.65s}.chart-dot:nth-child(5){animation-delay:.75s}.chart-dot:nth-child(6){animation-delay:.85s}.chart-dot:nth-child(7){animation-delay:.95s}.chart-dot:nth-child(8){animation-delay:1.05s}.chart-dot:nth-child(9){animation-delay:1.15s}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}@keyframes popDot{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.week-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-top:.35rem;color:var(--muted);font-size:.68rem;text-align:center;direction:ltr}.clarity-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;align-items:end;min-height:180px;margin-bottom:1.25rem}.clarity-col{display:grid;gap:.35rem;justify-items:center;text-align:center}.clarity-track{width:100%;max-width:56px;height:140px;border-radius:14px 14px 8px 8px;background:#ffffffb3;border:1px solid var(--line);display:flex;align-items:end;overflow:hidden}.clarity-fill{width:100%;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,var(--sun),var(--coral));animation:growBar .9s cubic-bezier(.2,.8,.2,1) both}@keyframes growBar{0%{transform:scaleY(.15);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.clarity-col strong{font-size:.82rem}.clarity-col span{font-size:.68rem;color:var(--muted);line-height:1.35}.section-cta{display:flex;width:min(100%,240px);margin:0 auto}.page{width:min(980px,100%);margin:0 auto;padding:1.35rem 1rem 2.5rem}.page h1{font-family:var(--display);font-size:clamp(1.7rem,6vw,2.3rem);margin:0 0 .35rem;letter-spacing:-.02em}.sub{color:var(--muted);margin-top:0}.panel{margin-top:1.1rem;padding:1.1rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;display:grid;gap:.8rem;box-shadow:var(--shadow)}.panel label{display:grid;gap:.35rem;font-weight:700}.row{display:grid;grid-template-columns:1fr;gap:.75rem}.err{color:var(--danger);margin:0}.muted{color:var(--muted);margin:0}.readonly{opacity:.9}.plans{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78%,260px);gap:.85rem;margin-top:1.2rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.plans>*{scroll-snap-align:start}.plan{position:relative;padding:1.15rem;border:1px solid var(--line);border-radius:16px;background:var(--bg-elev);display:grid;gap:.4rem;box-shadow:var(--shadow)}.plan.popular{border-color:#ff5c4d73;box-shadow:0 0 0 1px #ff5c4d26,var(--shadow)}.plan .tag{position:absolute;top:.75rem;left:.75rem;background:var(--coral);color:#fff;font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:8px}.price{font-size:1.5rem;font-weight:800;margin:0}.price small{font-size:.85rem;font-weight:500;color:var(--muted)}.price-iqd-note{margin:-.35rem 0 0;font-size:.82rem;color:var(--muted)}.currency-hint{margin-top:-.5rem;font-size:.92rem}.clarity-chip{margin:0;display:inline-block;width:fit-content;background:#1ec9a81f;color:#0f8f78;font-size:.82rem;font-weight:700;padding:.25rem .55rem;border-radius:8px}.plan ul,.bullets{margin:.35rem 0 .7rem;padding-inline-start:1.1rem;color:var(--muted)}.ladder-note{margin-top:1.5rem;padding:1.1rem;border-radius:16px;background:#ffffffbf;border:1px solid var(--line)}.ladder-note ol{margin:.6rem 0 0;padding-inline-start:1.2rem;color:var(--muted)}.note{margin-top:1.1rem;color:var(--muted)}.usage-bar{display:grid;grid-template-columns:1fr;gap:.75rem}.usage-bar div{display:grid;gap:.15rem}.usage-bar strong{font-size:.85rem;color:var(--muted)}.usage-bar span{font-size:1.1rem;font-weight:700}.job-head{display:flex;justify-content:space-between;align-items:center}.badge{padding:.25rem .6rem;border-radius:8px;background:#ff5c4d1f;color:var(--coral-deep);font-size:.8rem;font-weight:700}.stages{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.stages li{display:flex;justify-content:space-between;padding:.55rem .7rem;border-radius:10px;background:#1520330a;color:var(--muted)}.stages li.done{color:var(--ink);border:1px solid rgba(30,201,168,.35)}.stages li.running{color:var(--coral-deep)}.clips,.real-clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.clip-video{width:100%;aspect-ratio:9 / 16;border-radius:16px;border:1px solid var(--line);background:#101824;object-fit:cover}.clip-card h3{margin:.55rem 0 .2rem;font-size:.95rem}.clip-card p{margin:.35rem 0 0;color:var(--muted);font-size:.85rem}.signup-gate{margin-top:1.1rem;padding:1.1rem;border-radius:14px;border:1px solid rgba(255,92,77,.3);background:linear-gradient(135deg,#ff5c4d1a,#ffb02014)}.gate-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.85rem}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.success-banner{border-color:#1ec9a866;background:#1ec9a81a}.celebrate-banner{position:relative;overflow:hidden;text-align:center;border-color:#ff5c4d59;background:radial-gradient(circle at 20% 20%,rgba(255,184,77,.28),transparent 42%),radial-gradient(circle at 80% 10%,rgba(255,92,77,.22),transparent 40%),linear-gradient(160deg,#fffffff5,#fff7f0eb);padding:1.6rem 1.2rem 1.5rem;animation:celebrateIn .7s cubic-bezier(.2,.85,.2,1) both}.celebrate-burst{position:absolute;inset:-20% auto auto 50%;width:18rem;height:18rem;margin-inline-start:-9rem;border-radius:50%;background:radial-gradient(circle,rgba(255,184,77,.35),transparent 68%);animation:burstPulse 1.8s ease-out both;pointer-events:none}.celebrate-burst-delay{inset:auto 10% -30% auto;width:12rem;height:12rem;margin:0;background:radial-gradient(circle,rgba(255,92,77,.28),transparent 70%);animation-delay:.15s}.celebrate-eyebrow{position:relative;margin:0 0 .35rem;color:var(--coral-deep);font-weight:800;font-size:.85rem;letter-spacing:.04em}.celebrate-banner h2{position:relative;margin:0 0 .55rem;font-family:var(--display);font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.25}.celebrate-lead{position:relative;margin:0 auto 1.1rem;max-width:28rem;color:var(--muted)}.celebrate-actions{position:relative;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}@keyframes celebrateIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes burstPulse{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.studio-eyebrow{margin:0 0 .25rem;color:var(--coral-deep);font-weight:800;font-size:.82rem;letter-spacing:.03em}.studio-welcome{max-width:36rem;line-height:1.55}.plan-welcome-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem;border-color:#ff5c4d47;background:linear-gradient(135deg,#ff5c4d14,#ffb84d1a),#ffffffe6;animation:riseIn .55s cubic-bezier(.2,.8,.2,1) both}.plan-welcome-card h2{margin:0 0 .25rem;font-size:1.15rem}.plan-welcome-card .muted{margin:0}.auth-screen{flex:1;display:grid;place-items:center;padding:1.5rem 1rem 2rem;min-height:calc(100dvh - 8rem - var(--tabbar-h))}.auth-card{width:min(440px,100%);padding:1.5rem 1.2rem 1.4rem;border-radius:18px;border:1px solid var(--line);background:#ffffffeb;box-shadow:var(--shadow);animation:riseIn .65s cubic-bezier(.2,.8,.2,1) both}.auth-brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-family:var(--display);font-weight:700;font-size:1.15rem;margin-bottom:1rem}.auth-brand img{border-radius:10px}.auth-brand b{color:var(--coral)}.auth-card h1{font-family:var(--display);font-size:clamp(1.5rem,5vw,1.9rem);margin:0 0 .35rem}.auth-form{display:grid;gap:.8rem;margin-top:1rem}.otp-input{letter-spacing:.3em;text-align:center;font-size:1.3rem;font-weight:800}.auth-divider{display:grid;place-items:center;margin:1.1rem 0 .75rem;position:relative}.auth-divider:before{content:"";position:absolute;inset-inline:0;height:1px;background:var(--line)}.auth-divider span{position:relative;background:#fff;padding:0 .75rem;color:var(--muted);font-size:.85rem}.auth-foot{margin:1rem 0 0;text-align:center}.btn.ghost.full{width:100%;margin-top:.55rem;display:inline-block;text-align:center}.foot{margin-top:auto;padding:1.35rem 1rem calc(5.5rem + var(--safe-bottom));color:var(--muted);border-top:1px solid var(--line);font-size:.85rem}.foot-brand{display:flex;gap:.85rem;align-items:flex-start;text-align:start;max-width:42rem;margin:0 auto .85rem}.foot-brand img{border-radius:12px;flex-shrink:0}.foot-brand strong{display:block;color:var(--ink);font-size:.95rem;margin-bottom:.25rem}.foot-brand p{margin:0;line-height:1.55}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.1rem}.foot-links a{color:#0a4d4a;font-weight:700}.unug-section{padding:1.5rem 1rem 2.5rem}.unug-panel{border:1px solid rgba(10,77,74,.14);background:linear-gradient(160deg,#0a4d4a0f,#fff7f0e6);border-radius:22px;padding:1.35rem 1.25rem 1.5rem}.unug-panel__brand{display:flex;gap:.85rem;align-items:center;margin-bottom:.75rem}.unug-panel__brand img{border-radius:14px}.unug-panel__brand h2{margin:.15rem 0 0;font-size:clamp(1.35rem,3.5vw,1.85rem)}.unug-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.center-or{text-align:center;margin:0;opacity:.7}.provider-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:1.1rem}.provider{padding:1rem;border-radius:14px;border:1px solid var(--line);background:var(--bg-elev);position:relative}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:#1520330f;padding:.1rem .35rem;border-radius:6px}@media(min-width:768px){.shell{padding-bottom:0}.mobile-tabbar{display:none}.nav-desktop{display:flex;flex:1;justify-content:center}.top{padding:calc(.9rem + env(safe-area-inset-top,0px)) 1.5rem .9rem;gap:1rem}.from-unug{padding:.32rem .75rem .32rem .4rem}.from-unug-label{font-size:.78rem}.from-unug strong{font-size:.9rem}.from-unug img{width:24px;height:24px}.hero{align-items:center;padding-top:0}.hero-inner{grid-template-columns:1.05fr .95fr;text-align:start;padding:2.5rem 1.4rem 3rem;gap:1.5rem 2rem}.hero-copy,.hero-visual{order:initial}.lead,.hero-form{margin-inline:0}.hero-form{flex-direction:row;flex-wrap:wrap}.hero-form input{flex:1;min-width:14rem}.stat-grid{grid-template-columns:repeat(3,1fr)}.plans{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.row{grid-template-columns:1fr 1fr}.usage-bar{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.plans{grid-template-columns:repeat(4,minmax(0,1fr))}}.studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;margin-bottom:.35rem}.studio-head h1{margin-bottom:.2rem}.studio-account-link{flex-shrink:0;white-space:nowrap}.account-page{padding-bottom:3rem}.account-hero{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.account-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--coral),#ffb020);color:#fff;display:grid;place-items:center;font-family:var(--display);font-size:1.4rem;font-weight:700;overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.35rem;margin-bottom:.85rem;-webkit-overflow-scrolling:touch}.account-tabs button{border:1px solid var(--line);background:#ffffffbf;color:var(--muted);font:inherit;font-weight:700;font-size:.85rem;padding:.55rem .85rem;border-radius:12px;cursor:pointer;white-space:nowrap;min-height:42px}.account-tabs button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--coral),#ff7a3d)}.account-grid{display:grid;gap:.85rem}.account-card h2{margin:0 0 .75rem;font-size:1.1rem}.account-subhead{margin:1.25rem 0 .65rem;font-size:1rem}.account-form{display:grid;gap:.85rem}.account-form label{display:grid;gap:.35rem;font-weight:700}.field-hint{font-weight:500;font-size:.8rem;color:var(--muted)}.detail-list{margin:0;display:grid;gap:.65rem}.detail-list>div{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-weight:600}.detail-list dd{margin:0;font-weight:700;text-align:end}.account-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.btn.danger-outline{background:transparent;color:var(--danger);border:1px solid rgba(226,61,61,.35);box-shadow:none}.upgrade-list,.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.upgrade-list li,.activity-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:12px;background:#15203308;border:1px solid var(--line)}.upgrade-list li>div,.activity-list li>div{display:grid;gap:.15rem}.upgrade-list span,.activity-list .muted{font-size:.8rem}.ok-flash{color:#0f8f78;background:#1ec9a81f;border:1px solid rgba(30,201,168,.28);border-radius:12px;padding:.7rem .85rem;margin:0 0 .85rem}.account-flash{margin-top:0}.account-danger-zone{margin-top:1rem}@media(min-width:768px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-head{align-items:center}}.reel-rule-note{margin:.35rem 0 .85rem;font-size:.9rem}.reel-targets{border:1px solid var(--line);border-radius:14px;padding:.85rem .9rem 1rem;margin:0}.auto-length-note{border:1px solid rgba(255,92,77,.22);border-radius:14px;padding:.9rem 1rem;margin:.15rem 0 0;background:linear-gradient(135deg,#ff5c4d12,#ffb84d14),#fff;color:var(--ink)}.auto-length-note strong{display:block;font-size:.98rem;color:var(--ink);margin-bottom:.35rem}.auto-length-note .muted{margin:0;line-height:1.55;color:var(--muted)}.auto-length-note ul{margin:.55rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem}.auto-length-note li{margin:0;padding:.35rem .55rem;border-radius:10px;background:#ffffffb8;border:1px solid rgba(21,32,51,.06);color:var(--muted);font-size:.88rem;line-height:1.45}.auto-length-note li b{color:var(--ink);font-weight:700}.reel-targets legend{padding:0 .35rem;font-weight:800;font-size:.92rem}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.chip{border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;padding:.55rem .85rem;border-radius:12px;min-height:44px;cursor:pointer}.chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--coral),#ff7a3d)}.check-row{display:flex!important;align-items:flex-start;gap:.55rem;font-weight:600!important}.check-row input{width:auto;min-height:auto;margin-top:.2rem}.manual-ranges{display:grid;gap:.75rem;padding:.85rem;border-radius:14px;border:1px dashed var(--line);background:#ffffff8c}.manual-ranges-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.range-row{display:grid;gap:.55rem;padding:.7rem;border-radius:12px;border:1px solid var(--line);background:#fff}.range-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted)}.linkish{border:0;background:transparent;color:var(--coral-deep);font:inherit;font-weight:700;cursor:pointer;padding:0}@media(min-width:768px){.range-row{grid-template-columns:1.4fr .7fr .7fr auto;align-items:end}}.compare-section{margin-top:2rem}.compare-head{text-align:center;margin-bottom:1rem}.compare-head h2{font-family:var(--display);font-size:clamp(1.45rem,5vw,2rem);margin:0 0 .35rem}.compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:16px;background:#ffffffeb;box-shadow:var(--shadow)}.compare-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.92rem}.compare-table th,.compare-table td{padding:.85rem .75rem;text-align:center;border-bottom:1px solid var(--line);vertical-align:middle}.compare-table thead th{position:sticky;top:0;z-index:2;background:#fff;box-shadow:0 1px 0 var(--line)}.compare-feature,.compare-table tbody th{text-align:start;font-weight:700;color:var(--ink);background:#fff7f0a6;min-width:9.5rem;position:sticky;right:0;z-index:1}.compare-table thead .compare-feature{z-index:3;background:#fff8f2}.compare-plan{min-width:7.5rem}.compare-plan-name{display:block;font-family:var(--display);font-size:1.05rem;font-weight:700;margin-bottom:.25rem}.compare-badge{display:inline-block;font-size:.68rem;font-weight:800;color:#fff;background:var(--coral);padding:.15rem .45rem;border-radius:8px;margin-bottom:.45rem}.compare-cta{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.35rem .7rem;border-radius:10px;background:linear-gradient(135deg,var(--coral),#ff7a3d);color:#fff!important;font-weight:800;font-size:.8rem}.compare-table th.popular,.compare-table td.popular{background:#ff5c4d0f}.compare-yes{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#1ec9a829;color:#0f8f78;font-weight:800}.compare-no{color:#9aa6b5;font-weight:700}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}@media(min-width:900px){.compare-table{min-width:0;font-size:.95rem}}.topic-editor{margin:1.1rem 0 1.4rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#ffffffb8}.topic-editor-head{display:grid;gap:.85rem;margin-bottom:.9rem}.topic-editor-head h3{margin:0 0 .25rem}.piece-picker span{display:block;font-size:.85rem;font-weight:700;margin-bottom:.35rem}.topic-row{display:grid;gap:.45rem;grid-template-columns:auto 1fr;padding:.7rem 0;border-top:1px solid var(--line)}.topic-row label{display:grid;gap:.2rem;font-size:.82rem;font-weight:700}.topic-check{grid-row:span 2;align-self:center}.topic-hook{display:block;font-style:normal;color:var(--muted);font-size:.8rem;margin-top:.2rem}.topic-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}@media(min-width:720px){.topic-editor-head{grid-template-columns:1fr auto;align-items:end}.topic-row{grid-template-columns:auto 1.4fr .7fr .7fr 1fr;align-items:end}.topic-check{grid-row:auto}}.hook-box{margin:.55rem 0 .7rem;padding:.7rem .8rem .8rem;border-radius:14px;border:1px solid rgba(255,92,77,.22);background:linear-gradient(160deg,#ff5c4d14,#ffffffeb)}.hook-box-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.hook-box-head span{font-size:.78rem;font-weight:800;color:var(--coral-deep, #d4452f);letter-spacing:.02em}.hook-copy-btn{border:1px solid rgba(255,92,77,.35);background:#fff;color:var(--coral-deep, #d4452f);font:inherit;font-size:.78rem;font-weight:800;padding:.28rem .7rem;border-radius:999px;cursor:pointer;line-height:1.2}.hook-copy-btn:hover{background:#ff5c4d1a}.hook-box-text{margin:0;font-size:.98rem;font-weight:700;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word}