:root{
  --bg:#050615; --bg-deep:#080a22; --bg-soft:#101338;
  --panel:rgba(255,255,255,.065); --panel-strong:rgba(255,255,255,.1); --panel-glass:rgba(13,16,48,.74);
  --purple:#6f2cff; --violet:#8b35ff; --cyan:#16d9f2; --blue:#3b82f6; --green:#25d366;
  --text:#f8faff; --muted:#aab4d6; --muted-strong:#d9e0ff;
  --border:rgba(255,255,255,.14); --border-glow:rgba(22,217,242,.34);
  --soft-panel:#f7f5ff; --dark-text:#0d1022; --muted-dark:#5f6680;
  --radius-md:18px; --radius-lg:26px; --radius-xl:34px;
  --shadow-glow:0 0 40px rgba(111,44,255,.35); --shadow-cyan:0 0 32px rgba(22,217,242,.28);
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif; color:var(--text);
  background:
    radial-gradient(circle at 14% 8%, rgba(111,44,255,.42), transparent 36rem),
    radial-gradient(circle at 88% 12%, rgba(22,217,242,.18), transparent 31rem),
    linear-gradient(135deg,#03040d 0%,#090a24 50%,#030411 100%);
  min-height:100vh; overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.section{padding:104px 0;position:relative}
.section.compact{padding:72px 0}
.section-dark{position:relative;overflow:hidden}
.section-dark::before,.cyber-bg::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.52;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    radial-gradient(circle at 75% 30%,rgba(22,217,242,.18),transparent 26rem);
  background-size:44px 44px,44px 44px,100% 100%;
  mask-image:linear-gradient(to bottom,black,transparent 95%);
}
.site-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-3}
.site-bg::after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 0 42%,rgba(22,217,242,.08) 42.5% 43.2%,transparent 44% 55%,rgba(111,44,255,.11) 55.5% 56.1%,transparent 57%);animation:gridShift 18s linear infinite}
.orb{position:absolute;width:34rem;height:34rem;border-radius:999px;filter:blur(55px);opacity:.42;animation:floatOrb 12s ease-in-out infinite alternate}
.orb-a{background:var(--purple);left:-14rem;top:8rem}.orb-b{background:var(--cyan);right:-18rem;top:38%;animation-delay:-4s}
@keyframes gridShift{to{transform:translate3d(70px,40px,0)}}
@keyframes floatOrb{to{transform:translate3d(4rem,-2rem,0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,6,21,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,217,242,.18)}
.nav-shell{min-height:78px;display:flex;align-items:center;gap:26px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{width:178px;max-height:56px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(22,217,242,.2))}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-link{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:700;font-size:.92rem;letter-spacing:.01em}.nav-link:hover,.nav-link.active{color:var(--text);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:999px;border:1px solid transparent;font-weight:900;line-height:1;cursor:pointer;transition:.2s ease;white-space:nowrap;min-height:48px}
.btn img{width:20px;height:20px}.btn-primary{background:linear-gradient(135deg,var(--green),#15a852);color:white;box-shadow:0 14px 34px rgba(37,211,102,.26)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(37,211,102,.34)}
.btn-secondary{background:linear-gradient(135deg,var(--purple),var(--cyan));color:white;box-shadow:var(--shadow-glow)}.btn-secondary:hover,.btn-ghost:hover{transform:translateY(-2px)}
.btn-ghost{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:var(--text)}.btn.full{width:100%}
.nav-cta{padding-inline:16px}.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:1px solid var(--border);background:rgba(255,255,255,.06);border-radius:16px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:20px;height:2px;border-radius:4px;background:var(--text)}
.mobile-panel{display:none;position:fixed;inset:78px 16px auto 16px;z-index:999}.mobile-panel-inner{border:1px solid var(--border);background:rgba(8,10,34,.94);backdrop-filter:blur(22px);border-radius:26px;padding:18px;box-shadow:var(--shadow-glow)}.mobile-link{display:block;padding:15px 16px;border-radius:16px;color:var(--muted);font-weight:900}.mobile-link.active,.mobile-link:hover{color:var(--text);background:rgba(255,255,255,.08)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(22,217,242,.3);border-radius:999px;color:#d9fbff;background:rgba(22,217,242,.08);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;margin:0;color:var(--text);letter-spacing:-.04em}h1{font-size:clamp(2.65rem,6.3vw,5.5rem);line-height:1.03}h2{font-size:clamp(2rem,4.2vw,3.45rem);line-height:1.11}h3{font-size:1.18rem;line-height:1.18}p{color:var(--muted);line-height:1.72;font-size:clamp(1rem,1.2vw,1.1rem);margin:0}.lead{font-size:1.15rem;color:var(--muted-strong);max-width:760px}.highlight{color:var(--cyan);text-shadow:0 0 20px rgba(22,217,242,.28)}
.hero{padding:106px 0 86px;min-height:calc(100vh - 78px);display:flex;align-items:center}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:54px;align-items:center}.hero-copy{display:grid;gap:24px}.hero-copy p{max-width:690px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.mini-disclaimer{font-size:.88rem!important;color:#8fa0cb!important}.hero-stage{position:relative}.hero-composition{position:relative;min-height:560px;border:1px solid rgba(22,217,242,.22);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:var(--shadow-glow);overflow:hidden;padding:24px}.hero-composition::before{content:"";position:absolute;inset:18px;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 80%,rgba(22,217,242,.22),transparent 16rem),linear-gradient(180deg,rgba(111,44,255,.12),transparent);z-index:0}.hero-img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 50px rgba(0,0,0,.46))}.platform{position:absolute;left:14%;right:14%;bottom:40px;height:44px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(22,217,242,.58),transparent 70%);filter:blur(4px);animation:pulseGlow 3s ease-in-out infinite alternate}.hud-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(22,217,242,.28);background:rgba(5,6,21,.72);backdrop-filter:blur(12px);font-weight:900;font-size:.82rem;box-shadow:0 0 22px rgba(22,217,242,.15)}.hud-chip i{width:8px;height:8px;border-radius:999px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.chip-1{top:28px;left:24px}.chip-2{top:112px;right:20px}.chip-3{bottom:110px;left:22px}.chip-4{bottom:30px;right:24px}@keyframes pulseGlow{to{opacity:.65;transform:scaleX(1.12)}}
.section-head{display:grid;gap:14px;margin-bottom:34px}.section-head.center{text-align:center;justify-items:center}.section-head p{max-width:760px}.grid{display:grid;gap:20px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}
.glass-card,.neon-card,.dashboard-card,.product-frame,.table-card,.faq-item{position:relative;border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border-radius:var(--radius-lg);padding:24px;box-shadow:0 18px 46px rgba(0,0,0,.24);overflow:hidden}.glass-card::after,.neon-card::after,.dashboard-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(22,217,242,.08),transparent 32%,rgba(111,44,255,.1));opacity:.85}.glass-card>* ,.neon-card>* ,.dashboard-card>*{position:relative;z-index:1}.glass-card h3,.neon-card h3{margin:12px 0 8px}.card-icon,.mission-id{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:15px;border:1px solid rgba(22,217,242,.26);background:rgba(22,217,242,.08);color:var(--cyan);font-weight:900}.neon-card{border-color:rgba(22,217,242,.22)}.neon-card:hover{box-shadow:var(--shadow-cyan);transform:translateY(-3px)}.dark-card{background:rgba(8,10,34,.65)}
.stats-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{padding:22px;border:1px solid rgba(22,217,242,.22);border-radius:24px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 26px rgba(22,217,242,.08)}.stat-card strong{display:block;font-family:"Space Grotesk";font-size:clamp(1.75rem,3.2vw,3rem);line-height:1.05;white-space:nowrap;color:white}.stat-card span{display:block;margin-top:8px;color:var(--muted);font-weight:800}
.mentor-console{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.mentor-frame{position:relative;border-radius:34px;padding:22px;background:linear-gradient(145deg,rgba(111,44,255,.3),rgba(22,217,242,.08));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-glow)}.mentor-frame img{border-radius:26px;width:100%;max-height:560px;object-fit:cover;object-position:center top}.mentor-label{position:absolute;left:40px;bottom:40px;padding:12px 14px;border-radius:999px;background:rgba(5,6,21,.76);border:1px solid rgba(22,217,242,.28);backdrop-filter:blur(14px);font-weight:900}.mission-grid{display:grid;gap:16px}.mission-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.product-frame{padding:18px}.product-frame img{border-radius:22px;width:100%;object-fit:contain;background:rgba(0,0,0,.18)}.holo-caption{margin-top:12px;color:var(--muted);font-size:.92rem}.pill-list{display:flex;gap:10px;flex-wrap:wrap}.pill-list span,.chapter-pills a{padding:9px 12px;border-radius:999px;border:1px solid rgba(22,217,242,.24);background:rgba(22,217,242,.07);font-weight:800;color:#dffcff;font-size:.9rem}.cta-panel{text-align:center;border:1px solid rgba(22,217,242,.22);border-radius:38px;background:linear-gradient(145deg,rgba(111,44,255,.18),rgba(22,217,242,.08));padding:54px;box-shadow:var(--shadow-glow)}.cta-panel p{max-width:720px;margin:14px auto 24px}.light-section{background:linear-gradient(180deg,#f7f5ff,#eef3ff);color:var(--dark-text)}.light-section h2,.light-section h3{color:var(--dark-text)}.light-section p{color:var(--muted-dark)}.light-card{background:white;border:1px solid rgba(13,16,34,.1);box-shadow:0 18px 38px rgba(13,16,34,.08);color:var(--dark-text)}.light-card p{color:var(--muted-dark)}
.dashboard-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:18px;align-items:start}.control-panel,.result-panel{position:sticky;top:100px}.form-group{display:grid;gap:8px;margin-bottom:16px}.form-group label{font-weight:900;color:var(--muted-strong)}select,input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08);color:var(--text);padding:13px 14px;outline:none}select option{color:#111}.preset-tabs{display:flex;gap:8px;flex-wrap:wrap}.preset-tabs button,.rank-tabs button{border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--muted);border-radius:999px;padding:10px 13px;font-weight:900;cursor:pointer}.preset-tabs button.active,.rank-tabs button.active{background:linear-gradient(135deg,var(--purple),var(--cyan));color:white;border-color:transparent}.level-groups{display:grid;gap:16px}.level-group{border:1px solid var(--border);border-radius:24px;padding:16px;background:rgba(255,255,255,.04)}.level-group h3{font-size:1rem;margin-bottom:12px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:18px;padding:12px}.level-card.locked{opacity:.48}.level-card.unlocked{border-color:rgba(22,217,242,.42);box-shadow:0 0 18px rgba(22,217,242,.1)}.level-card label{display:flex;justify-content:space-between;gap:8px;font-weight:900;margin-bottom:8px}.level-card small{color:var(--muted)}.level-card input{padding:10px;border-radius:12px}.result-number{font-family:"Space Grotesk";font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;color:white;white-space:nowrap}.result-tile{padding:18px;border-radius:22px;border:1px solid rgba(22,217,242,.22);background:rgba(22,217,242,.06);margin-bottom:12px}.progress-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:10px}.progress-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:inherit;transition:width .5s ease}.breakdown{display:grid;gap:8px;margin-top:14px}.breakdown-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.breakdown-row b{color:var(--text)}.disclaimer{border:1px solid rgba(255,184,77,.28);background:rgba(255,184,77,.08);color:#ffe7b0;border-radius:18px;padding:14px;font-size:.92rem;line-height:1.55}.esk-calc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.esk-results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.rank-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.rank-card{min-height:230px}.rank-card .rate{font-family:"Space Grotesk";font-size:2rem;color:var(--cyan);margin:12px 0}.verification-wall{display:grid;grid-template-columns:1fr 1fr;gap:18px}.verification-wall .product-frame:first-child{grid-row:span 2}.chapter-pills{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin:22px 0 30px}.chapter-pills a{flex:0 0 auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:20px}.data-table th,.data-table td{padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.data-table th{color:#dffcff;background:rgba(22,217,242,.08)}.data-table td{color:var(--muted-strong)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.045)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline-card strong{display:block;color:var(--cyan);font-family:"Space Grotesk";font-size:1.5rem;white-space:nowrap}.faq-list{display:grid;gap:14px;max-width:900px;margin-inline:auto}.faq-item{padding:0}.faq-question{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;cursor:pointer;text-align:left;font-weight:900}.faq-icon{width:34px;height:34px;border-radius:999px;border:1px solid rgba(22,217,242,.26);display:grid;place-items:center;flex:0 0 auto;color:var(--cyan);background:rgba(22,217,242,.08)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.faq-answer>div{overflow:hidden;padding:0 24px}.faq-item.open{border-color:rgba(22,217,242,.38);box-shadow:var(--shadow-cyan)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>div{padding-bottom:22px}.faq-item.open .faq-icon{background:linear-gradient(135deg,var(--purple),var(--cyan));color:white}.site-footer{padding:70px 0 28px;border-top:1px solid rgba(22,217,242,.16)}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:36px}.footer-brand img{width:180px;margin-bottom:18px}.footer-links div{display:grid;gap:9px;margin-top:13px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.88rem}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:998;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:999px;background:linear-gradient(135deg,var(--green),#15a852);box-shadow:0 18px 38px rgba(37,211,102,.28);font-weight:900}.floating-wa img{width:22px;height:22px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:1060px){.nav-links,.nav-cta{display:none}.menu-toggle{display:flex}.mobile-panel.open{display:block}.hero-grid,.mentor-console,.split,.dashboard-layout{grid-template-columns:1fr}.hero{padding-top:82px}.hero-composition{min-height:auto}.control-panel,.result-panel{position:relative;top:auto}.stats-hud,.grid.four,.rank-ladder,.esk-results{grid-template-columns:repeat(2,1fr)}.verification-wall{grid-template-columns:1fr}.verification-wall .product-frame:first-child{grid-row:auto}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(100% - 28px, var(--container))}.section{padding:64px 0}.hero{min-height:auto;padding:64px 0}.hero-grid{gap:28px}.hero-actions .btn{width:100%}h1{font-size:clamp(2.2rem,12vw,3.4rem)}h2{font-size:clamp(1.8rem,9vw,2.55rem)}.brand img{width:138px}.stats-hud,.grid.three,.grid.four,.grid.two,.esk-calc,.esk-results,.timeline{grid-template-columns:1fr}.level-grid{grid-template-columns:1fr}.hero-composition{border-radius:26px;padding:12px}.hud-chip{position:relative;display:inline-flex;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:5px;font-size:.74rem}.hero-composition .hud-wrap{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-wrap:wrap}.cta-panel{padding:34px 20px}.footer-grid,.footer-bottom{grid-template-columns:1fr;display:grid}.floating-wa span{display:none}.floating-wa{border-radius:50%;width:56px;height:56px;justify-content:center;padding:0}.result-number{font-size:2.15rem}.stat-card strong{white-space:normal;overflow-wrap:normal}.table-wrap{margin-inline:-4px}.data-table th,.data-table td{padding:13px 12px;white-space:nowrap}}

/* === FINAL PRESENTATION QA AMEND: overflow-safe graphics & numbers === */
:root{
  --num-max: 2.85rem;
}

/* Slightly tighter hero typography for presentation screens */
h1{font-size:clamp(2.45rem,5.25vw,4.75rem);line-height:1.04;}
.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);gap:46px;}
.hero-composition{
  min-height:clamp(380px,34vw,500px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-img{height:auto;max-height:100%;object-fit:contain;}
.platform{bottom:28px;}

/* Universal numeric safety: no cropped money values */
.dashboard-card,
.result-panel,
.result-tile,
.stat-card,
.product-frame,
.glass-card,
.neon-card{min-width:0;}
.result-tile,
.stat-card{
  overflow:visible;
}
.result-tile span,
.stat-card span{
  display:block;
}
.result-number,
.timeline-card strong,
.stat-card strong{
  max-width:100%;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  letter-spacing:-.055em;
}
.result-number{
  font-size:clamp(1.85rem,3.1vw,var(--num-max));
}
.result-panel .result-number{
  font-size:clamp(1.85rem,2.6vw,2.55rem);
}
.dashboard-card .result-number{
  font-size:clamp(1.75rem,2.55vw,2.45rem);
}
.stat-card strong{
  font-size:clamp(1.65rem,2.8vw,2.65rem);
}

/* Better console layout: give Result HUD more room and let center shrink safely */
.dashboard-layout{
  grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(360px,420px);
  gap:22px;
}
.result-panel{
  overflow:visible;
}
.result-panel .result-tile{
  padding:18px 20px;
}
.breakdown-row{
  align-items:flex-start;
}
.breakdown-row span{min-width:0;line-height:1.35;}
.breakdown-row b{white-space:nowrap;}

/* Mini dashboard cards must reflow instead of cutting values */
.dashboard-card .grid.two{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}

/* ESK result cards: never force 4 columns if currency is long */
.esk-results{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  align-items:stretch;
}
.esk-results .result-tile{
  min-height:126px;
}
.esk-results .result-number{
  font-size:clamp(2rem,3vw,2.9rem);
}

/* ESK form spacing presentation-ready */
.esk-calc{grid-template-columns:repeat(3,minmax(0,1fr));}
.preset-tabs{row-gap:10px;}

/* FAQ hero card: no placeholder feel */
.faq-question span:first-child{line-height:1.35;}
.faq-icon{font-size:1.2rem;font-weight:900;}

/* Presentation screen widths */
@media(max-width:1180px){
  .dashboard-layout{grid-template-columns:1fr;}
  .control-panel,.result-panel{position:relative;top:auto;}
  .result-panel .result-number{font-size:clamp(2rem,7vw,3.2rem);}
  .dashboard-card .result-number{font-size:clamp(2rem,5vw,3rem);}
}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-composition{min-height:auto;padding:16px;}
  .hero-img{width:100%;}
  .platform{display:none;}
  .stats-hud{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:720px){
  h1{font-size:clamp(2.15rem,10vw,3.25rem);}
  .result-number,
  .result-panel .result-number,
  .dashboard-card .result-number,
  .esk-results .result-number{
    font-size:clamp(1.85rem,10vw,2.65rem);
  }
  .stat-card strong{
    white-space:nowrap;
    font-size:clamp(1.7rem,9vw,2.55rem);
  }
  .stats-hud{grid-template-columns:1fr 1fr;gap:12px;}
  .stat-card{padding:18px 16px;border-radius:20px;}
  .stat-card span{font-size:.86rem;line-height:1.25;}
  .dashboard-card .grid.two{grid-template-columns:1fr;}
  .esk-calc,.esk-results{grid-template-columns:1fr;}
  .result-tile{padding:16px;}
}

@media(max-width:430px){
  .stats-hud{grid-template-columns:1fr;}
  .result-number,
  .result-panel .result-number,
  .dashboard-card .result-number,
  .esk-results .result-number{
    font-size:clamp(1.75rem,9vw,2.35rem);
    letter-spacing:-.06em;
  }
}

/* Pelan final polish: presentation-safe spacing and balanced Scenario Aiman cards */
.page-hero{
  min-height:auto!important;
  padding:96px 0 64px!important;
}
.page-hero .hero-grid{
  align-items:start;
}
.nav-strip-section{
  padding:18px 0 54px!important;
  position:sticky;
  top:78px;
  z-index:20;
  background:linear-gradient(180deg,rgba(5,6,21,.78),rgba(5,6,21,.46),rgba(5,6,21,0));
  backdrop-filter:blur(10px);
}
.chapter-pills-clean{
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  overflow:visible;
  padding:10px 12px;
  border:1px solid rgba(22,217,242,.16);
  border-radius:999px;
  background:rgba(5,6,21,.42);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.chapter-pills-clean a{
  margin:0;
  min-width:max-content;
  padding:10px 15px;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.chapter-pills-clean a:hover{
  transform:translateY(-1px);
  border-color:rgba(22,217,242,.48);
  background:linear-gradient(135deg,rgba(111,44,255,.34),rgba(22,217,242,.18));
}
#aiman .split{
  align-items:start;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
}
.scenario-panel{
  min-width:0;
}
.aiman-timeline{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.aiman-timeline .timeline-card{
  min-width:0;
  min-height:142px;
  padding:22px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  overflow:visible;
}
.aiman-timeline .timeline-card span{
  color:var(--muted-strong);
  font-weight:900;
  line-height:1.16;
  font-size:clamp(.92rem,1vw,1.05rem);
}
.aiman-timeline .timeline-card strong{
  display:block;
  max-width:100%;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(1.58rem,2.15vw,2.28rem);
  line-height:1;
  letter-spacing:-.06em;
  color:var(--cyan);
  white-space:nowrap;
  overflow:visible;
}
.aiman-timeline .total-card{
  border-color:rgba(22,217,242,.36);
  background:linear-gradient(145deg,rgba(22,217,242,.13),rgba(111,44,255,.12));
  box-shadow:0 0 28px rgba(22,217,242,.11);
}
.learning-card{
  margin-top:18px;
  padding:24px;
}
.learning-card h3{
  margin-bottom:8px;
}
@media(max-width:1060px){
  .nav-strip-section{position:relative;top:auto;padding:16px 0 42px!important;}
  .chapter-pills-clean{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;border-radius:24px;}
  #aiman .split{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .page-hero{padding:74px 0 42px!important;}
  .nav-strip-section{padding:8px 0 34px!important;}
  .aiman-timeline{grid-template-columns:1fr;}
  .aiman-timeline .timeline-card{min-height:auto;padding:20px;}
  .aiman-timeline .timeline-card strong{font-size:clamp(1.82rem,9vw,2.35rem);letter-spacing:-.055em;}
}

/* === V6 MOBILE-ONLY FINAL QA ===
   Desktop/tablet-wide visual remains untouched. These rules only affect mobile/tablet-small layout. */
@media (max-width: 900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  .site-header{backdrop-filter:blur(16px);}
  .nav-shell{min-height:68px;gap:12px;}
  .brand img{width:148px;max-height:46px;}
  .mobile-panel{inset:76px 12px auto 12px;}
  .mobile-panel-inner{padding:14px;border-radius:22px;}
  .mobile-link{padding:13px 14px;font-size:.96rem;}

  .container{width:min(100% - 30px,var(--container));}
  .section{padding:66px 0;}
  .section.compact{padding:48px 0;}
  .section-head{margin-bottom:24px;gap:10px;}
  .section-head.center{text-align:left;justify-items:start;}
  .section-head.center p{margin-inline:0;}

  .hero,
  .page-hero{padding:64px 0 50px!important;min-height:auto!important;}
  .hero-grid{grid-template-columns:1fr!important;gap:28px;}
  .hero-copy{gap:18px;}
  .hero-copy p,.lead{max-width:100%;font-size:1rem;line-height:1.62;}
  h1{font-size:clamp(2.18rem,9.6vw,3.15rem);line-height:1.04;letter-spacing:-.055em;}
  h2{font-size:clamp(1.78rem,7.2vw,2.42rem);line-height:1.12;letter-spacing:-.045em;}
  h3{font-size:1.08rem;}
  .eyebrow{font-size:.68rem;letter-spacing:.1em;padding:7px 10px;max-width:100%;}

  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  .hero-actions .btn{width:100%;min-height:50px;}
  .btn{min-height:48px;padding:12px 16px;font-size:.94rem;}

  /* Hero graphics: stack image + chips neatly instead of flex-row clutter */
  .hero-composition{display:block!important;min-height:auto!important;border-radius:26px;padding:14px;}
  .hero-composition::before{inset:10px;border-radius:22px;}
  .hero-img{width:100%;height:auto;max-height:420px;object-fit:contain;margin:0 auto;}
  .platform{display:none!important;}
  .hud-chip{position:static!important;display:inline-flex;margin:6px 5px 0 0;font-size:.72rem;line-height:1;padding:9px 10px;max-width:100%;white-space:nowrap;}

  .stats-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .stat-card{padding:17px 15px;border-radius:20px;min-width:0;}
  .stat-card strong{font-size:clamp(1.42rem,7.2vw,2.25rem);letter-spacing:-.055em;white-space:nowrap;}
  .stat-card span{font-size:.82rem;line-height:1.25;margin-top:7px;}

  .glass-card,.neon-card,.dashboard-card,.product-frame,.table-card,.faq-item{border-radius:22px;padding:20px;}
  .grid,.mission-grid{gap:14px;}
  .grid.three,.grid.four,.grid.two,.mentor-console,.split,.dashboard-layout,.verification-wall{grid-template-columns:1fr!important;}
  .rank-ladder{grid-template-columns:1fr!important;gap:14px;}
  .rank-card{min-height:auto;}
  .rank-card .rate{font-size:1.55rem;}

  .mentor-frame{padding:14px;border-radius:26px;}
  .mentor-frame img{border-radius:20px;max-height:440px;object-fit:cover;}
  .mentor-label{left:24px;right:24px;bottom:24px;text-align:center;font-size:.86rem;}
  .mission-card{grid-template-columns:auto minmax(0,1fr);gap:12px;}
  .mission-id,.card-icon{min-width:38px;height:38px;border-radius:13px;font-size:.88rem;}

  .product-frame{padding:14px;}
  .product-frame img{border-radius:18px;max-height:460px;object-fit:contain;}
  .holo-caption{font-size:.86rem;line-height:1.45;}
  .pill-list{gap:8px;}
  .pill-list span{font-size:.82rem;padding:8px 10px;}

  .dashboard-layout{gap:16px;}
  .control-panel,.result-panel{position:relative!important;top:auto!important;}
  .control-panel{order:1;}
  .dashboard-layout>section.dashboard-card{order:2;}
  .result-panel{order:3;}
  .preset-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;-webkit-overflow-scrolling:touch;}
  .preset-tabs button{flex:0 0 auto;}
  .level-groups{gap:12px;}
  .level-group{padding:14px;border-radius:20px;}
  .level-grid{grid-template-columns:1fr!important;gap:9px;}
  .level-card{padding:11px;border-radius:16px;}

  .result-tile{padding:16px;border-radius:20px;margin-bottom:10px;}
  .result-tile span{font-size:.9rem;line-height:1.25;}
  .result-number,
  .result-panel .result-number,
  .dashboard-card .result-number,
  .esk-results .result-number,
  .aiman-timeline .timeline-card strong{
    font-size:clamp(1.72rem,8.4vw,2.45rem)!important;
    line-height:1!important;
    letter-spacing:-.06em;
    white-space:nowrap;
  }
  .breakdown-row{font-size:.92rem;gap:10px;}
  .breakdown-row span{max-width:70%;}
  .breakdown-row b{font-size:.95rem;}

  .esk-calc,.esk-results{grid-template-columns:1fr!important;gap:12px;}
  .esk-results .result-tile{min-height:auto;}
  .form-group{margin-bottom:13px;}
  input,select{border-radius:14px;padding:12px 13px;}

  .table-wrap{border-radius:18px;margin-inline:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .data-table{min-width:520px;}
  .data-table th,.data-table td{padding:12px 13px;font-size:.9rem;white-space:nowrap;}

  .nav-strip-section{position:relative!important;top:auto!important;padding:8px 0 28px!important;background:transparent!important;backdrop-filter:none!important;}
  .chapter-pills-clean{width:100%;max-width:100%;margin:0;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:8px;border-radius:20px;gap:8px;-webkit-overflow-scrolling:touch;}
  .chapter-pills-clean a{padding:9px 12px;font-size:.82rem;}

  #aiman .split{grid-template-columns:1fr!important;gap:20px;}
  .aiman-timeline{grid-template-columns:1fr!important;gap:12px;}
  .aiman-timeline .timeline-card{min-height:auto;padding:18px 18px;gap:8px;border-radius:20px;}
  .aiman-timeline .timeline-card span{font-size:.92rem;}
  .learning-card{margin-top:14px;padding:20px;}

  .faq-list{gap:12px;}
  .faq-question{padding:18px 18px;gap:14px;align-items:center;}
  .faq-question span:first-child{line-height:1.3;font-size:.98rem;}
  .faq-icon{width:30px;height:30px;font-size:1rem;}
  .faq-answer>div{padding:0 18px;}
  .faq-item.open .faq-answer>div{padding-bottom:18px;}

  .cta-panel{border-radius:28px;padding:32px 20px;}
  .site-footer{padding:52px 0 24px;}
  .footer-grid{grid-template-columns:1fr!important;gap:24px;}
  .footer-brand img{width:158px;}
  .footer-bottom{display:grid!important;grid-template-columns:1fr!important;gap:10px;text-align:left;}
  .floating-wa{right:14px;bottom:14px;width:54px;height:54px;border-radius:50%;padding:0;justify-content:center;}
  .floating-wa span{display:none;}
}

@media (max-width: 520px){
  .container{width:min(100% - 24px,var(--container));}
  .site-header{border-bottom-color:rgba(22,217,242,.12);}
  .nav-shell{min-height:64px;}
  .brand img{width:132px;}
  .menu-toggle{width:44px;height:44px;border-radius:14px;}
  .mobile-panel{inset:70px 10px auto 10px;}

  .section{padding:54px 0;}
  .section.compact{padding:38px 0;}
  .hero,.page-hero{padding:48px 0 38px!important;}
  h1{font-size:clamp(2rem,11.3vw,2.72rem);}
  h2{font-size:clamp(1.58rem,8.8vw,2.1rem);}
  p,.lead{font-size:.96rem;line-height:1.58;}
  .mini-disclaimer{font-size:.8rem!important;}

  .hero-copy{gap:15px;}
  .hero-composition{padding:10px;border-radius:22px;}
  .hero-composition::before{inset:7px;border-radius:18px;}
  .hero-img{max-height:330px;}
  .hud-chip{font-size:.68rem;padding:8px 9px;margin-top:5px;}

  .stats-hud{grid-template-columns:1fr!important;}
  .stat-card{padding:16px 15px;}
  .stat-card strong{font-size:2rem;}

  .glass-card,.neon-card,.dashboard-card,.product-frame,.table-card{padding:17px;border-radius:20px;}
  .mentor-frame img{max-height:380px;}
  .mission-card{grid-template-columns:1fr;}
  .mission-id,.card-icon{width:max-content;min-width:36px;height:36px;}

  .product-frame img{max-height:380px;}
  .result-number,
  .result-panel .result-number,
  .dashboard-card .result-number,
  .esk-results .result-number,
  .aiman-timeline .timeline-card strong{
    font-size:clamp(1.62rem,9.6vw,2.22rem)!important;
  }
  .result-tile{padding:14px 15px;}
  .breakdown-row{display:grid;grid-template-columns:1fr auto;align-items:start;}
  .breakdown-row span{max-width:100%;}

  .page-hero .dashboard-card{padding:16px;}
  .chapter-pills-clean{border-radius:18px;}
  .aiman-timeline .timeline-card{padding:16px;}
  .faq-question{padding:16px;}
  .faq-answer>div{padding:0 16px;}
  .cta-panel{padding:28px 16px;}
}

@media (max-width: 380px){
  .container{width:min(100% - 20px,var(--container));}
  .btn{font-size:.88rem;padding-inline:12px;}
  h1{font-size:clamp(1.86rem,12vw,2.38rem);}
  h2{font-size:clamp(1.46rem,9vw,1.92rem);}
  .hero-img{max-height:285px;}
  .hud-chip{font-size:.64rem;padding:7px 8px;}
  .result-number,
  .result-panel .result-number,
  .dashboard-card .result-number,
  .esk-results .result-number,
  .aiman-timeline .timeline-card strong{
    font-size:clamp(1.48rem,9.5vw,1.95rem)!important;
  }
  .data-table{min-width:480px;}
}

/* === V7 MOBILE-ONLY INSENTIF PENDAFTARAN ALIGNMENT FIX ===
   Scope: mobile/tablet-small only. Desktop layout remains untouched. */
@media (max-width: 900px){
  #insentif .section-head{
    text-align:left;
  }
  #insentif .table-wrap.container{
    width:min(100% - 30px,var(--container));
    margin-left:auto;
    margin-right:auto;
    padding:0;
    overflow:visible;
  }
  #insentif .data-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }
  #insentif .data-table th,
  #insentif .data-table td{
    white-space:normal;
    text-align:center;
    padding:15px 10px;
    font-size:.94rem;
    line-height:1.25;
  }
  #insentif .data-table th:first-child,
  #insentif .data-table td:first-child{
    text-align:left;
    width:34%;
    padding-left:18px;
  }
  #insentif .data-table th:nth-child(2),
  #insentif .data-table td:nth-child(2),
  #insentif .data-table th:nth-child(3),
  #insentif .data-table td:nth-child(3){
    width:33%;
  }
}

@media (max-width: 520px){
  #insentif .table-wrap.container{
    width:min(100% - 24px,var(--container));
    border-radius:22px;
  }
  #insentif .data-table th,
  #insentif .data-table td{
    padding:14px 8px;
    font-size:.88rem;
  }
  #insentif .data-table th:first-child,
  #insentif .data-table td:first-child{
    padding-left:14px;
  }
  #insentif .data-table th:nth-child(2){font-size:.82rem;}
}

@media (max-width: 380px){
  #insentif .table-wrap.container{width:min(100% - 20px,var(--container));}
  #insentif .data-table{min-width:0!important;}
  #insentif .data-table th,
  #insentif .data-table td{font-size:.82rem;padding:12px 6px;}
  #insentif .data-table th:first-child,
  #insentif .data-table td:first-child{padding-left:12px;}
}


/* === V8 CALCULATOR RANK UNLOCK SIMULATOR === */
.calculator-hero{min-height:auto!important;padding:96px 0 72px!important;}
.calc-preview-card{display:grid;gap:18px;align-self:center;}
.unlock-preview-line{display:flex;align-items:center;gap:10px;color:#dffcff;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.86rem;}
.preview-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);}
.preview-ranks{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.preview-rank{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:var(--muted);padding:10px 13px;border-radius:999px;font-weight:900;}
.preview-rank.active{color:white;background:linear-gradient(135deg,var(--purple),var(--cyan));border-color:transparent;}
.preview-arrow{color:var(--cyan);font-weight:900;}
.unlock-dashboard{display:grid;grid-template-columns:minmax(270px,310px) minmax(0,1fr) minmax(340px,400px);grid-template-areas:"setup journey result";gap:20px;align-items:start;}
.rank-setup{grid-area:setup;position:sticky;top:100px;}
.unlock-journey{grid-area:journey;}
.unlock-result{grid-area:result;position:sticky;top:100px;overflow:visible;}
.rank-setup h2,.unlock-journey h2{font-size:clamp(1.65rem,2.6vw,2.35rem);margin:14px 0 10px;}
.field-label{display:block;margin:8px 0 10px;font-weight:900;color:var(--muted-strong);}
.unlock-help-card{display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid rgba(22,217,242,.22);background:rgba(22,217,242,.06);border-radius:20px;padding:14px;margin-top:18px;}
.unlock-help-card strong{display:block;color:var(--text);margin-bottom:4px;}
.unlock-help-card p{font-size:.9rem;line-height:1.5;}
.help-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--cyan));font-weight:900;}
.rank-unlock-stack{display:grid;gap:16px;margin-top:22px;}
.rank-unlock-panel{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);border-radius:24px;padding:16px;transition:border-color .25s ease, box-shadow .25s ease, opacity .25s ease;}
.rank-unlock-panel.is-unlocked{border-color:rgba(22,217,242,.38);box-shadow:0 0 28px rgba(22,217,242,.12);}
.rank-unlock-panel.is-locked{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.032);}
.rank-unlock-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;}
.rank-unlock-head h3{margin:0 0 5px;font-size:1.15rem;}
.rank-unlock-head p{font-size:.92rem;line-height:1.45;}
.state-icon,.rank-status-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--muted);flex:0 0 auto;}
.state-icon svg,.rank-status-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rank-unlock-panel.is-unlocked .state-icon,.rank-status-icon{color:var(--cyan);border-color:rgba(22,217,242,.35);background:rgba(22,217,242,.09);box-shadow:0 0 16px rgba(22,217,242,.12);}
.unlock-badge{align-self:start;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:var(--muted);padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
.rank-unlock-panel.is-unlocked .unlock-badge{color:#dffcff;border-color:rgba(22,217,242,.34);background:rgba(22,217,242,.10);}
.rank-locked-message{display:none;margin-top:14px;border:1px dashed rgba(255,255,255,.18);border-radius:18px;padding:14px;color:var(--muted-strong);background:rgba(255,255,255,.04);line-height:1.5;}
.rank-unlock-panel.is-locked .rank-locked-message{display:block;}
.rank-unlock-panel.is-locked .unlock-level-grid{display:none;}
.unlock-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;}
.unlock-level-card{display:grid;gap:9px;}
.unlock-level-card span{display:flex;justify-content:space-between;gap:10px;align-items:center;}
.unlock-level-card b{font-size:1.02rem;}
.unlock-level-card small{color:var(--cyan);font-weight:900;}
.unlock-level-card input:disabled{opacity:.45;cursor:not-allowed;}
.rank-status{display:flex;align-items:center;gap:12px;margin:16px 0;border:1px solid rgba(22,217,242,.24);background:rgba(22,217,242,.075);border-radius:22px;padding:14px;}
.rank-status small{display:block;color:var(--muted);font-weight:800;margin-bottom:3px;}
.rank-status strong{display:block;color:white;font-family:"Space Grotesk";font-size:1.18rem;line-height:1.1;}
.primary-result{background:linear-gradient(145deg,rgba(22,217,242,.10),rgba(111,44,255,.08));}
.result-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.result-tile.compact{padding:14px;margin-bottom:12px;}
.result-number.small{font-size:clamp(1.55rem,2.2vw,2.05rem)!important;letter-spacing:-.055em;}
.milestone-card{margin-top:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:18px;padding:13px;}
.milestone-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted-strong);font-weight:900;}
.milestone-head b{color:#dffcff;font-size:.86rem;white-space:nowrap;}
.row-locked b{color:var(--muted);}
.row-unlocked b{color:var(--text);}

@media(max-width:1180px){
  .unlock-dashboard{grid-template-columns:minmax(260px,320px) minmax(0,1fr);grid-template-areas:"setup result" "journey journey";}
  .rank-setup,.unlock-result{position:relative;top:auto;}
}
@media(max-width:900px){
  .calculator-hero{padding:68px 0 42px!important;}
  .unlock-dashboard{grid-template-columns:1fr!important;grid-template-areas:"result" "setup" "journey";gap:16px;}
  .unlock-result{position:relative!important;top:auto!important;}
  .rank-setup{position:relative!important;top:auto!important;}
  .unlock-journey h2,.rank-setup h2{font-size:clamp(1.65rem,7vw,2.15rem);}
  .rank-unlock-head{grid-template-columns:auto minmax(0,1fr);}
  .unlock-badge{grid-column:2;justify-self:start;margin-top:-4px;}
  .unlock-level-grid{grid-template-columns:1fr!important;}
  .rank-status{margin-top:14px;}
  .result-mini-grid{grid-template-columns:1fr 1fr;}
  .result-number.small{font-size:clamp(1.55rem,7vw,2.05rem)!important;}
  .primary-result .result-number{font-size:clamp(1.95rem,9vw,2.8rem)!important;}
}
@media(max-width:520px){
  .calc-preview-card{padding:17px;}
  .preview-ranks{gap:7px;}
  .preview-rank{padding:8px 10px;font-size:.82rem;}
  .preview-arrow{font-size:.88rem;}
  .unlock-help-card{grid-template-columns:1fr;padding:13px;}
  .state-icon,.rank-status-icon{width:38px;height:38px;border-radius:14px;}
  .rank-unlock-panel{padding:14px;border-radius:21px;}
  .rank-unlock-head{gap:11px;}
  .rank-unlock-head p{font-size:.88rem;}
  .rank-locked-message{font-size:.9rem;padding:13px;}
  .result-mini-grid{grid-template-columns:1fr;gap:0;}
  .milestone-head{align-items:flex-start;flex-direction:column;gap:4px;}
  .breakdown-row{grid-template-columns:1fr auto;}
}

/* =========================================================
   V9 CALCULATOR GUIDED UX PATCH
   Scope: calculator page only. Rank names preserved exactly.
   ========================================================= */
.calculator-story-hero .lead{max-width:760px;}
.rank-story-card .preview-ranks{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rank-story-card .preview-rank{white-space:normal;text-align:center;line-height:1.25;padding:10px 12px;}
.calculator-guided-section{padding-top:74px;}
.guided-calculator-intro{margin-bottom:26px;max-width:900px;}
.guided-calculator-intro h2{max-width:760px;}
.guided-calculator-intro p{max-width:760px;color:var(--muted);}
.guided-unlock-dashboard{grid-template-columns:minmax(280px,330px) minmax(0,1fr) minmax(350px,410px);}
.guided-setup h2,.guided-journey h2{font-size:clamp(1.65rem,2.4vw,2.45rem);}
.guided-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.guided-mode-tabs button{white-space:normal;line-height:1.25;min-height:48px;}
.friendly-help-card{align-items:flex-start;}
.friendly-help-card .help-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:rgba(22,217,242,.12);border:1px solid rgba(22,217,242,.28);color:var(--cyan);font-weight:900;flex:0 0 auto;}
.guided-result{position:sticky;top:98px;}
.guided-result .rank-status{margin-bottom:15px;}
.guided-result .primary-result{background:linear-gradient(135deg,rgba(22,217,242,.12),rgba(111,44,255,.11));}
.guided-result .result-number{font-size:clamp(2rem,3.5vw,3.35rem);letter-spacing:-.045em;}
.guided-result .result-number.small{font-size:clamp(1.5rem,2.3vw,2.1rem);}
.guided-result .result-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.guided-result .compact{margin-bottom:0;}
.guided-journey p{max-width:720px;}
.guided-rank-panel{padding:18px;}
.guided-rank-panel .rank-unlock-head h3{font-size:clamp(1.15rem,1.8vw,1.42rem);}
.guided-rank-panel .rank-unlock-head p{color:var(--muted);}
.guided-rank-panel .rank-locked-message{font-size:1rem;line-height:1.55;border-radius:18px;background:rgba(255,255,255,.055);border:1px dashed rgba(255,255,255,.16);padding:14px 15px;color:var(--muted-strong);}
.guided-rank-panel.is-locked .rank-locked-message{display:block;}
.guided-rank-panel.is-unlocked .rank-locked-message{display:none;}
.guided-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;}
.guided-level-card{display:grid;gap:9px;min-width:0;}
.guided-level-card .level-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;}
.guided-level-card em{font-style:normal;color:var(--muted);font-size:.82rem;line-height:1.25;min-height:2.2em;}
.guided-level-card input{font-size:1.05rem;font-weight:800;}
.guided-rank-panel.is-locked{opacity:.82;}
.guided-rank-panel.is-locked .state-icon svg path,.guided-rank-panel.is-locked .state-icon svg rect{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.guided-rank-panel.is-unlocked .state-icon svg path,.guided-rank-panel.is-unlocked .state-icon svg rect,.rank-status-icon svg path,.rank-status-icon svg rect{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.unlock-badge{white-space:nowrap;}
.row-locked b{color:var(--muted);}
.row-unlocked b{color:#dffcff;}

@media(max-width:1180px){
  .guided-unlock-dashboard{grid-template-columns:minmax(260px,320px) minmax(0,1fr);grid-template-areas:"setup result" "journey journey";}
  .guided-setup{grid-area:setup;}
  .guided-result{grid-area:result;}
  .guided-journey{grid-area:journey;}
  .guided-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:760px){
  .calculator-story-hero{padding:64px 0 38px!important;}
  .calculator-story-hero .hero-grid{gap:22px;}
  .calculator-story-hero h1{font-size:clamp(2.28rem,10vw,3.6rem);line-height:1.02;}
  .rank-story-card{padding:16px;}
  .rank-story-card .preview-ranks{gap:7px;}
  .rank-story-card .preview-arrow{display:none;}
  .rank-story-card .preview-rank{flex:1 1 100%;font-size:.86rem;padding:9px 10px;}
  .calculator-guided-section{padding-top:48px;}
  .guided-calculator-intro{margin-bottom:18px;}
  .guided-calculator-intro h2{font-size:clamp(1.85rem,8vw,2.6rem);}
  .guided-unlock-dashboard{grid-template-columns:1fr!important;grid-template-areas:"result" "setup" "journey"!important;gap:15px;}
  .guided-result{position:relative!important;top:auto!important;order:1;}
  .guided-setup{order:2;}
  .guided-journey{order:3;}
  .guided-mode-tabs{grid-template-columns:1fr;}
  .guided-result .result-number{font-size:clamp(2.05rem,10vw,2.8rem);white-space:normal;word-break:keep-all;}
  .guided-result .result-number.small{font-size:clamp(1.5rem,7vw,2.05rem);}
  .guided-result .result-mini-grid{grid-template-columns:1fr;}
  .milestone-head{align-items:flex-start;flex-direction:column;gap:4px;}
  .rank-unlock-head{grid-template-columns:auto minmax(0,1fr)!important;align-items:start;}
  .rank-unlock-head .unlock-badge{grid-column:1 / -1;justify-self:start;margin-left:50px;}
  .guided-level-grid{grid-template-columns:1fr!important;}
  .guided-level-card em{min-height:auto;}
  .guided-rank-panel .rank-locked-message{font-size:.94rem;padding:13px;}
}

@media(max-width:420px){
  .calculator-story-hero h1{font-size:clamp(2rem,11vw,3rem);}
  .guided-calculator-intro h2{font-size:clamp(1.65rem,9vw,2.35rem);}
  .guided-result .result-number{font-size:clamp(1.86rem,9.5vw,2.45rem);}
  .guided-result .result-tile{padding:15px;border-radius:18px;}
  .guided-rank-panel{padding:14px;border-radius:20px;}
  .state-icon,.rank-status-icon{width:36px;height:36px;}
}


/* V10 Calculator Simulation Focus: calculator page removes CTA clutter; compact unlock cards */
.calculator-page .nav-cta{display:none!important;}
.guided-result .btn.full{display:none!important;}
.guided-journey .rank-unlock-stack{gap:12px;}
.guided-rank-panel.is-locked{padding:14px 15px;min-height:auto;}
.guided-rank-panel.is-locked .rank-unlock-head{align-items:center;}
.guided-rank-panel.is-locked .rank-unlock-head p{font-size:.86rem;line-height:1.35;margin-top:2px;color:var(--muted);}
.guided-rank-panel.is-locked .rank-locked-message{margin-top:10px;padding:11px 13px;border-radius:16px;font-size:.88rem;line-height:1.38;background:rgba(255,255,255,.045);}
.guided-rank-panel.is-unlocked .guided-level-grid{animation:rankOpen .38s ease both;}
@keyframes rankOpen{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media(max-width:720px){
  .calculator-story-hero .lead{font-size:1rem;line-height:1.58;}
  .guided-calculator-intro p{font-size:.98rem;line-height:1.55;}
  .guided-rank-panel.is-locked{padding:13px;border-radius:18px;}
  .guided-rank-panel.is-locked .rank-locked-message{font-size:.86rem;}
  .guided-rank-panel.is-locked .state-icon{width:38px;height:38px;}
  .guided-rank-panel.is-locked .unlock-badge{font-size:.68rem;padding:6px 9px;}
}

/* V11 Calculator Intro Center Alignment
   Scope: calculator page only. Keeps all previous layout and desktop design intact. */
.calculator-page .guided-calculator-intro{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  display:grid;
  justify-items:center;
}
.calculator-page .guided-calculator-intro h2,
.calculator-page .guided-calculator-intro p{
  margin-left:auto;
  margin-right:auto;
}
.calculator-page .guided-calculator-intro .eyebrow{
  justify-content:center;
}
@media (min-width: 721px){
  .calculator-page .guided-calculator-intro{
    max-width:920px;
  }
  .calculator-page .guided-calculator-intro h2{
    max-width:850px;
  }
  .calculator-page .guided-calculator-intro p{
    max-width:760px;
  }
}
@media (max-width: 720px){
  .calculator-page .guided-calculator-intro{
    text-align:center;
    justify-items:center;
  }
}


/* =========================================================
   V12 CONTENT REVAMP + RESPONSIVE OPTIMIZATION
   Scope: final content sections, visual hierarchy, all screen sizes
   ========================================================= */
.green-text{color:#20f090!important}.highlight .green-text{color:#20f090}.section-head.center h2 br{display:block}.clean-visual-frame{border:1px solid rgba(22,217,242,.25);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 0 42px rgba(22,217,242,.18), inset 0 0 40px rgba(111,44,255,.12);padding:18px}.clean-visual-frame img,.product-frame-large img{width:100%;display:block;border-radius:22px}.hero-clean-card{max-width:720px;margin-inline:auto}.rank-progression-cards{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:22px}.rank-progress-card{border:1px solid rgba(22,217,242,.22);border-radius:28px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));padding:30px;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 26px rgba(22,217,242,.08)}.rank-progress-card.primary{border-color:rgba(22,217,242,.65);box-shadow:0 0 42px rgba(22,217,242,.18),0 0 50px rgba(255,0,255,.14)}.rank-progress-card strong{font-family:"Space Grotesk";font-size:clamp(3.5rem,7vw,6.4rem);line-height:1;background:linear-gradient(135deg,var(--cyan),#f08cff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.06em}.rank-progress-card h3{font-size:clamp(1.25rem,1.9vw,2rem);margin:14px 0 8px}.rank-progress-card p{color:var(--muted-strong);font-weight:700}.rank-progress-card b{color:var(--cyan);font-size:1.35em}.mini-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(22,217,242,.34);padding:9px 16px;border-radius:999px;color:#dffcff;font-weight:900}.mini-pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}.icon-bubble{width:76px;height:76px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 40% 25%,rgba(22,217,242,.28),rgba(111,44,255,.16));border:1px solid rgba(22,217,242,.38);box-shadow:0 0 24px rgba(22,217,242,.13);color:#dffcff;flex:0 0 auto}.icon-bubble svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.check-eyebrow:before{content:'✓';margin-right:8px;background:#fff;color:#0a1030;border-radius:50%;padding:1px 5px}.icon-card-grid{display:grid;gap:24px}.four-card-grid{grid-template-columns:repeat(4,1fr)}.six-card-grid{grid-template-columns:repeat(3,1fr)}.icon-feature-card,.compact-icon-card,.big-content-card,.price-card{border:1px solid rgba(22,217,242,.27);background:linear-gradient(145deg,rgba(15,22,58,.82),rgba(11,13,38,.78));border-radius:28px;padding:30px;box-shadow:0 0 30px rgba(22,217,242,.08)}.icon-feature-card{text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.icon-feature-card>span:not(.icon-bubble){font-size:2rem;color:var(--cyan);font-weight:900;margin:18px 0 8px}.icon-feature-card h3{font-size:1.28rem}.icon-feature-card p{margin-top:14px;color:var(--muted-strong)}.compact-icon-card{display:flex;align-items:center;gap:22px;min-height:145px}.compact-icon-card h3{color:#fff}.compact-icon-card:nth-child(2n) h3,.compact-icon-card:nth-child(5n) h3{color:#20f090}.compact-icon-card p{color:var(--muted-strong);line-height:1.45}.mentor-v2-section .section-head{max-width:1040px}.mentor-v2-grid{display:grid;grid-template-columns:minmax(340px,.85fr) 1.15fr;gap:38px;align-items:center}.mentor-id-card{border:1px solid rgba(22,217,242,.24);border-radius:34px;background:rgba(255,255,255,.055);padding:36px 26px;text-align:center;box-shadow:0 0 40px rgba(22,217,242,.08)}.mentor-avatar-ring{width:min(100%,410px);aspect-ratio:1;border-radius:50%;margin:auto;background:linear-gradient(135deg,var(--cyan),var(--purple),#ff4ff0);padding:5px;display:grid;place-items:center}.mentor-avatar-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:white}.mentor-id-card h3{font-size:1.7rem;margin-top:24px}.mentor-id-card p{color:var(--muted)}.mentor-steps{display:grid;gap:18px}.step-line-card{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;border:1px solid rgba(22,217,242,.22);border-radius:24px;padding:24px 28px;background:rgba(255,255,255,.045)}.step-line-card span{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(22,217,242,.34);color:var(--cyan);font-weight:900;font-size:1.35rem}.step-line-card h3{font-size:1.25rem}.step-line-card p{color:var(--muted-strong);line-height:1.45}.split-wide{grid-template-columns:1fr 1.08fr;gap:64px}.wide-stat-panel{padding:34px;align-self:center}.arrow-btn{gap:14px}.arrow-btn span{font-size:1.4em;line-height:1}.product-frame-large{padding:18px;border-radius:32px}.icon-pills span{display:inline-flex;align-items:center;gap:8px}.icon-pills svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.footer-cta-panel{position:relative;overflow:hidden;border-color:rgba(22,217,242,.55);box-shadow:0 0 50px rgba(111,44,255,.16),0 0 36px rgba(22,217,242,.1)}.footer-cta-panel:before,.footer-cta-panel:after{content:'';position:absolute;inset:22px;border-radius:inherit;background:radial-gradient(circle at 15% 55%,rgba(22,217,242,.16),transparent 24%),radial-gradient(circle at 85% 45%,rgba(111,44,255,.19),transparent 28%);pointer-events:none}.rocket-eyebrow:before{content:'🚀';margin-right:8px}.footer-cta-btn{font-size:1.2rem;padding:18px 34px}.arrow-links a:before{content:'›';color:#20f090;margin-right:12px;font-weight:900}.upgraded-footer .footer-grid{border-top:1px solid rgba(255,255,255,.12);padding-top:60px}.sim-product-stage{border:1px solid rgba(22,217,242,.28);border-radius:34px;padding:28px;background:linear-gradient(135deg,rgba(111,44,255,.10),rgba(22,217,242,.08));box-shadow:0 0 55px rgba(22,217,242,.16);position:relative;overflow:hidden}.sim-product-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 92%,rgba(138,55,255,.55),transparent 30%),linear-gradient(120deg,transparent 20%,rgba(22,217,242,.16),transparent 60%);opacity:.7}.sim-podium{position:relative;display:grid;place-items:center;min-height:390px}.sim-podium:after{content:'';position:absolute;bottom:18px;width:72%;height:38px;border-radius:50%;background:radial-gradient(ellipse,rgba(22,217,242,.9),rgba(111,44,255,.42),transparent 72%);filter:blur(1px)}.sim-podium img{position:relative;z-index:2;max-width:74%;border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.34);transform:rotate(-2deg)}.app-experience-v2 h2{font-size:clamp(3rem,5.5vw,5.6rem)}.price-card-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.price-card strong{font-family:"Space Grotesk";font-size:clamp(2.2rem,4vw,3.35rem);color:#fff}.old-price strong{position:relative;display:inline-block}.old-price strong:after{content:'';position:absolute;left:-5%;right:-5%;top:52%;height:4px;background:#ff395c;transform:rotate(-9deg);border-radius:99px}.big-content-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.big-content-card{min-height:310px;padding:36px;display:flex;flex-direction:column;justify-content:center}.big-content-card span{width:62px;height:62px;border-radius:18px;border:1px solid rgba(22,217,242,.36);display:grid;place-items:center;color:var(--cyan);font-size:1.5rem;font-weight:900;background:rgba(22,217,242,.1);box-shadow:0 0 20px rgba(22,217,242,.1);margin-bottom:22px}.big-content-card h3{font-size:1.5rem;margin-bottom:14px}.big-content-card p{font-size:1.08rem;color:var(--muted-strong);line-height:1.55}.cert-hero-section .section-head{max-width:980px}.certificate-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.certificate-card{border:1px solid rgba(22,217,242,.24);background:rgba(255,255,255,.055);border-radius:28px;padding:18px;display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;min-height:250px}.certificate-card.large{grid-row:span 2;grid-template-columns:1fr;min-height:auto}.certificate-card img{width:100%;height:100%;max-height:560px;object-fit:contain;border-radius:18px;background:#fff}.certificate-card.large img{height:520px}.cert-badge{display:inline-flex;padding:7px 12px;border:1px solid rgba(22,217,242,.32);border-radius:999px;color:var(--cyan);font-weight:900;margin-bottom:10px}.certificate-card h3{font-size:1.45rem}.certificate-card p{color:var(--muted-strong);line-height:1.5}.nav-strip-section{padding:24px 0 32px}.chapter-pills-clean{justify-content:center;flex-wrap:wrap}.chapter-pills-clean a{border:1px solid rgba(22,217,242,.26);padding:10px 14px;border-radius:999px;background:rgba(22,217,242,.06);color:#dffcff;font-weight:900}.calc-hero-v12 .lead{font-size:clamp(1rem,1.35vw,1.15rem)}.calc-hero-v12 .hero-copy h1{font-size:clamp(2.7rem,5.2vw,5rem)}
@media(max-width:1180px){.rank-progression-cards,.four-card-grid,.big-content-cards{grid-template-columns:repeat(2,1fr)}.six-card-grid{grid-template-columns:1fr 1fr}.mentor-v2-grid,.split-wide,.certificate-showcase{grid-template-columns:1fr}.certificate-card.large{grid-row:auto}.certificate-card.large img{height:auto}.sim-podium{min-height:330px}.hero-grid{grid-template-columns:1fr!important}.hero-stage,.sim-product-stage{max-width:760px;margin-inline:auto}.footer-cta-panel h2 br{display:none}}
@media(max-width:760px){body{overflow-x:hidden}.container{width:min(100% - 32px,var(--container))}.section{padding:58px 0}.hero{padding-top:58px!important}.hero-copy{text-align:left}.home-hero-updated .hero-copy{text-align:left}.hero-actions{gap:12px}.hero-actions .btn{width:100%;justify-content:center}.rank-progression-cards,.four-card-grid,.six-card-grid,.big-content-cards{grid-template-columns:1fr}.rank-progress-card{min-height:190px;padding:26px 22px}.icon-feature-card{min-height:250px}.compact-icon-card{align-items:flex-start;padding:22px;gap:16px}.compact-icon-card .icon-bubble{width:60px;height:60px;border-radius:20px}.compact-icon-card .icon-bubble svg{width:30px;height:30px}.mentor-v2-grid{gap:26px}.mentor-id-card{padding:28px 18px}.mentor-avatar-ring{max-width:300px}.step-line-card{grid-template-columns:64px 1fr;padding:18px;gap:14px}.step-line-card span{width:52px;height:52px;border-radius:16px}.split-wide{gap:28px}.product-frame-large{padding:12px;border-radius:24px}.wide-stat-panel{padding:18px}.footer-cta-panel{padding:34px 18px}.footer-cta-panel h2{font-size:clamp(2.2rem,9vw,3rem)}.footer-cta-btn{width:100%;justify-content:center}.sim-podium{min-height:300px}.sim-podium img{max-width:88%}.app-experience-v2 h2{font-size:clamp(2.5rem,11vw,4rem)}.price-card-row{grid-template-columns:1fr 1fr;gap:12px}.price-card{padding:20px}.big-content-card{min-height:230px;padding:28px}.certificate-card,.certificate-card.large{grid-template-columns:1fr}.certificate-card{min-height:auto}.certificate-card img{max-height:460px}.chapter-pills-clean{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.chapter-pills-clean a{white-space:nowrap}.calc-hero-v12 .hero-copy h1{font-size:clamp(2.35rem,10vw,3.6rem)}.calc-hero-v12 .hero-copy{text-align:left}.guided-calculator-intro{text-align:left!important}.site-header{backdrop-filter:blur(18px)}}
@media(max-width:480px){.container{width:min(100% - 28px,var(--container))}.section{padding:50px 0}h1{font-size:clamp(2.2rem,11vw,3rem)!important}h2{font-size:clamp(1.85rem,9.5vw,2.5rem)!important}.lead{font-size:1.02rem}.eyebrow{max-width:100%;white-space:normal}.clean-visual-frame{padding:10px;border-radius:22px}.rank-progress-card strong{font-size:clamp(3rem,18vw,5rem)}.icon-bubble{width:62px;height:62px;border-radius:22px}.icon-bubble svg{width:31px;height:31px}.icon-feature-card{padding:24px 20px}.compact-icon-card{display:grid;grid-template-columns:58px 1fr}.mentor-avatar-ring{max-width:250px}.step-line-card{grid-template-columns:1fr}.step-line-card span{margin-bottom:4px}.result-number{white-space:normal!important}.price-card-row{grid-template-columns:1fr}.big-content-card span{width:54px;height:54px}.certificate-card img{max-height:360px}.floating-wa{right:14px;bottom:14px}.footer-bottom{font-size:.78rem}.nav-shell{min-height:72px}.brand img{width:132px}}


/* V13 Final asset placement: use user-provided SIM and ESK visuals without redundant preview framing */
.sim-product-stage{
  padding:20px;
  background:linear-gradient(135deg,rgba(111,44,255,.10),rgba(22,217,242,.08));
}
.sim-podium{
  min-height:auto;
  padding:0;
}
.sim-podium:after{
  display:none;
}
.sim-podium img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  transform:none;
  border-radius:28px;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.product-frame img[src$="esk-starter-kit-clean.jpeg"],
.product-frame img[src$="esk-home-premium.jpeg"]{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  background:transparent;
}
.home-esk-v2 .product-frame img{
  max-height:560px;
  object-fit:contain;
}
#esk-summary .product-frame img{
  max-height:480px;
  object-fit:contain;
}
@media(max-width:760px){
  .sim-product-stage{padding:12px;border-radius:26px;}
  .sim-podium img{border-radius:22px;box-shadow:0 14px 38px rgba(0,0,0,.24);}
  .home-esk-v2 .product-frame img,
  #esk-summary .product-frame img,
  .product-frame img[src$="esk-starter-kit-clean.jpeg"]{
    max-height:none;
  }
}


/* === V14 FINAL FULL AMENDMENT: asset, certificate, CTA and responsive polish === */
/* Rocket badge: keep rocket, remove the default cyan dot so icon never overlaps. */
.rocket-eyebrow{
  gap:10px;
}
.rocket-eyebrow::before{
  content:'🚀';
  width:auto;
  height:auto;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:1.05em;
  line-height:1;
  transform:translateY(-1px);
}

/* App mockup from original V11 should be presented as product art, not screenshot-in-frame. */
.app-experience-v2 .product-frame-large img{
  object-fit:contain;
  background:transparent;
  max-height:620px;
  padding:0;
}
.app-experience-v2 .product-frame-large{
  overflow:hidden;
}

/* Certificate trust wall: NSP and ASP portrait, Shariah landscape wide highlight. */
.certificate-showcase-v14{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  align-items:stretch;
}
.certificate-showcase-v14 .certificate-card{
  min-height:auto;
  height:auto;
  overflow:hidden;
}
.certificate-showcase-v14 .cert-portrait{
  grid-template-columns:minmax(180px, .92fr) 1fr;
  gap:22px;
  align-items:center;
}
.certificate-showcase-v14 .cert-portrait img{
  height:520px;
  max-height:56vw;
  object-fit:contain;
  object-position:center;
  background:#fff;
}
.certificate-showcase-v14 .cert-landscape{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(420px,1.25fr) minmax(260px,.75fr);
  gap:26px;
  align-items:center;
  padding:24px;
  border-color:rgba(22,217,242,.38);
  box-shadow:0 0 40px rgba(22,217,242,.10), 0 0 60px rgba(111,44,255,.12);
}
.certificate-showcase-v14 .cert-landscape img{
  width:100%;
  height:auto;
  max-height:460px;
  aspect-ratio: 16 / 10;
  object-fit:contain;
  background:#fff;
  border-radius:18px;
}

/* Non-home pages no longer need a large repeated CTA panel; keep footer compact and credible. */
.site-footer:not(.home-footer){
  padding-top:58px;
}

/* Better image behavior across final assets on all screens. */
.product-frame img,
.clean-visual-frame img,
.sim-product-stage img{
  object-fit:contain;
}

/* Desktop/laptop optimization */
@media (min-width:1280px){
  .container{width:min(1240px, calc(100% - 72px));}
  .hero-grid,.split-wide{gap:62px;}
  .certificate-showcase-v14 .cert-portrait img{height:560px;}
}

/* Tablet and small laptop */
@media(max-width:1060px){
  .certificate-showcase-v14{
    grid-template-columns:1fr;
  }
  .certificate-showcase-v14 .cert-portrait,
  .certificate-showcase-v14 .cert-landscape{
    grid-template-columns:1fr;
  }
  .certificate-showcase-v14 .cert-portrait img{
    height:auto;
    max-height:620px;
  }
  .certificate-showcase-v14 .cert-landscape img{
    max-height:none;
    aspect-ratio:auto;
  }
}

/* Mobile optimization */
@media(max-width:720px){
  .certificate-showcase-v14{
    gap:18px;
  }
  .certificate-showcase-v14 .certificate-card{
    padding:14px;
    border-radius:24px;
  }
  .certificate-showcase-v14 .cert-portrait img,
  .certificate-showcase-v14 .cert-landscape img{
    width:100%;
    height:auto;
    max-height:none;
    border-radius:16px;
  }
  .certificate-showcase-v14 .cert-landscape{
    padding:14px;
    gap:16px;
  }
  .app-experience-v2 .product-frame-large img{
    max-height:none;
  }
  .footer-cta-panel .rocket-eyebrow{
    justify-content:center;
  }
}

@media(max-width:480px){
  .rocket-eyebrow::before{font-size:1em;}
  .certificate-showcase-v14 .certificate-card h3{font-size:1.2rem;}
  .certificate-showcase-v14 .certificate-card p{font-size:.95rem;}
}

/* V15 Slider Calculator UX */
.calculator-page .guided-calculator-intro h2{max-width:840px;}
.calculator-page .guided-calculator-intro p{max-width:780px;}
.slider-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.slider-level-card{padding:15px;border-radius:20px;gap:12px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(22,217,242,.045));}
.slider-level-card .level-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.slider-level-card .level-card-head b{font-size:1.05rem;}
.slider-level-card em{font-style:normal;color:var(--muted);font-size:.88rem;line-height:1.35;min-height:2.4em;}
.slider-value-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;}
.slider-value-row span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
.slider-number{width:84px!important;text-align:center;padding:9px 10px!important;border-radius:13px!important;font-weight:900!important;color:#fff!important;background:rgba(255,255,255,.085)!important;}
.rank-slider{appearance:none;-webkit-appearance:none;width:100%;height:18px;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;outline:none;cursor:pointer;}
.rank-slider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--purple) 0,var(--cyan) var(--fill,0%),rgba(255,255,255,.13) var(--fill,0%),rgba(255,255,255,.13) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.rank-slider::-moz-range-track{height:8px;border-radius:999px;background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.rank-slider::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--cyan));}
.rank-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:#fff;border:4px solid var(--cyan);box-shadow:0 0 0 5px rgba(22,217,242,.13),0 0 24px rgba(22,217,242,.45);}
.rank-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--cyan);box-shadow:0 0 0 5px rgba(22,217,242,.13),0 0 24px rgba(22,217,242,.45);}
.rank-slider:disabled{opacity:.45;cursor:not-allowed;}
.slider-scale{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem;font-weight:800;margin-top:-4px;}
.guided-rank-panel.is-unlocked .slider-level-grid{animation:rankOpen .38s ease both;}
.guided-rank-panel.is-locked .slider-level-grid{display:none;}
.guided-rank-panel.is-unlocked{border-color:rgba(22,217,242,.26);box-shadow:0 0 34px rgba(22,217,242,.08);}
@media(max-width:1120px){.slider-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
  .slider-level-grid{grid-template-columns:1fr!important;gap:12px;}
  .slider-level-card{padding:14px;border-radius:18px;}
  .slider-level-card em{min-height:auto;font-size:.84rem;}
  .slider-value-row{gap:10px;}
  .slider-number{width:76px!important;}
  .rank-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px;}
  .rank-slider::-moz-range-thumb{width:18px;height:18px;}
  .calculator-page .guided-calculator-intro h2{font-size:clamp(1.75rem,8vw,2.45rem);}
  .calculator-page .guided-calculator-intro p{font-size:.96rem;line-height:1.55;}
}
@media(max-width:420px){.slider-number{width:70px!important;font-size:.95rem!important}.slider-value-row span{font-size:.7rem}.slider-level-card .level-card-head b{font-size:1rem}}

/* V16 Slider UX Fix — clearer one-row-per-level controls */
.calculator-page .slider-level-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.calculator-page .slider-level-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(86px,96px)!important;
  grid-template-areas:
    "head value"
    "desc value"
    "range range"
    "scale scale"!important;
  align-items:center!important;
  gap:8px 18px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(22,217,242,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(22,217,242,.035))!important;
}
.calculator-page .slider-level-card .level-card-head{
  grid-area:head!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
}
.calculator-page .slider-level-card .level-card-head b{
  font-size:1.18rem!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.calculator-page .slider-level-card .level-card-head small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  color:var(--cyan)!important;
  background:rgba(22,217,242,.10)!important;
  border:1px solid rgba(22,217,242,.20)!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.calculator-page .slider-level-card em{
  grid-area:desc!important;
  min-height:0!important;
  max-width:520px!important;
  font-size:.94rem!important;
  line-height:1.45!important;
  color:var(--muted)!important;
}
.calculator-page .slider-value-row{
  grid-area:value!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  min-width:0!important;
}
.calculator-page .slider-value-row span{
  font-size:.68rem!important;
  line-height:1.05!important;
  text-align:right!important;
  letter-spacing:.09em!important;
  color:var(--muted-strong)!important;
}
.calculator-page .slider-number{
  width:86px!important;
  max-width:86px!important;
  height:42px!important;
  text-align:center!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  font-size:1.08rem!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(22,217,242,.04)!important;
}
.calculator-page .rank-slider{
  grid-area:range!important;
  margin-top:8px!important;
  height:24px!important;
}
.calculator-page .slider-scale{
  grid-area:scale!important;
  margin-top:-4px!important;
  padding:0 2px!important;
  font-size:.76rem!important;
}
.calculator-page .guided-rank-panel .rank-unlock-head{
  align-items:flex-start!important;
}
.calculator-page .guided-rank-panel .rank-unlock-head h3{
  margin-bottom:3px!important;
}
@media(max-width:640px){
  .calculator-page .slider-level-card{
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "head head"
      "desc desc"
      "value value"
      "range range"
      "scale scale"!important;
    padding:16px!important;
    gap:10px!important;
  }
  .calculator-page .slider-value-row{
    width:100%!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 12px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
  .calculator-page .slider-value-row span{
    text-align:left!important;
    font-size:.72rem!important;
  }
  .calculator-page .slider-number{
    width:82px!important;
    max-width:82px!important;
    height:40px!important;
  }
  .calculator-page .rank-slider{
    margin-top:2px!important;
  }
  .calculator-page .slider-level-card .level-card-head b{
    font-size:1.1rem!important;
  }
}
@media(max-width:380px){
  .calculator-page .slider-level-card{padding:14px!important;}
  .calculator-page .slider-value-row{padding:9px 10px!important;}
  .calculator-page .slider-number{width:74px!important;max-width:74px!important;font-size:1rem!important;}
}


/* V17 Calculator Rank Journey Polish — compact locked cards + rank color accents */
.calculator-page .guided-rank-panel{
  --rank-accent: var(--cyan);
  --rank-accent-2: #5ee7ff;
  --rank-rgb: 22,217,242;
  border-color: rgba(var(--rank-rgb), .30) !important;
  box-shadow: 0 0 32px rgba(var(--rank-rgb), .08), inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
.calculator-page .guided-rank-panel[data-group="elite"]{
  --rank-accent: #16d9f2;
  --rank-accent-2: #3b82f6;
  --rank-rgb: 22,217,242;
}
.calculator-page .guided-rank-panel[data-group="ambassador"]{
  --rank-accent: #a855f7;
  --rank-accent-2: #7c3aed;
  --rank-rgb: 168,85,247;
}
.calculator-page .guided-rank-panel[data-group="senior"]{
  --rank-accent: #f7c948;
  --rank-accent-2: #f59e0b;
  --rank-rgb: 247,201,72;
}
.calculator-page .guided-rank-panel.is-locked{
  padding:16px 18px !important;
  opacity:.96 !important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(var(--rank-rgb),.035)) !important;
}
.calculator-page .guided-rank-panel.is-unlocked{
  border-color: rgba(var(--rank-rgb), .54) !important;
  box-shadow: 0 0 34px rgba(var(--rank-rgb), .18), inset 0 0 0 1px rgba(var(--rank-rgb), .12) !important;
}
.calculator-page .guided-rank-panel .state-icon,
.calculator-page .guided-rank-panel.is-unlocked .state-icon{
  color:var(--rank-accent)!important;
  border-color:rgba(var(--rank-rgb),.42)!important;
  background:rgba(var(--rank-rgb),.09)!important;
  box-shadow:0 0 18px rgba(var(--rank-rgb),.13)!important;
}
.calculator-page .guided-rank-panel .unlock-badge,
.calculator-page .guided-rank-panel.is-unlocked .unlock-badge{
  color:#fff!important;
  border-color:rgba(var(--rank-rgb),.38)!important;
  background:rgba(var(--rank-rgb),.11)!important;
}
.calculator-page .guided-rank-panel .rank-locked-message{
  border-color:rgba(var(--rank-rgb),.24)!important;
  background:linear-gradient(135deg,rgba(var(--rank-rgb),.08),rgba(255,255,255,.035))!important;
  color:var(--muted-strong)!important;
}
.calculator-page .guided-rank-panel.is-locked [data-level-wrap],
.calculator-page .guided-rank-panel [data-level-wrap][hidden]{
  display:none!important;
}
.calculator-page .guided-rank-panel.is-unlocked [data-level-wrap]{
  display:flex!important;
  animation:rankOpen .38s ease both;
}
.calculator-page .slider-level-card{
  border-color:rgba(var(--rank-rgb),.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(var(--rank-rgb),.045))!important;
}
.calculator-page .slider-level-card .level-card-head small{
  color:var(--rank-accent)!important;
  background:rgba(var(--rank-rgb),.10)!important;
  border-color:rgba(var(--rank-rgb),.22)!important;
}
.calculator-page .slider-number{
  border-color:rgba(var(--rank-rgb),.24)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--rank-rgb),.06)!important;
}
.calculator-page .rank-slider::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,var(--rank-accent-2) 0,var(--rank-accent) var(--fill,0%),rgba(255,255,255,.13) var(--fill,0%),rgba(255,255,255,.13) 100%)!important;
}
.calculator-page .rank-slider::-moz-range-progress{
  background:linear-gradient(90deg,var(--rank-accent-2),var(--rank-accent))!important;
}
.calculator-page .rank-slider::-webkit-slider-thumb{
  border-color:var(--rank-accent)!important;
  box-shadow:0 0 0 5px rgba(var(--rank-rgb),.14),0 0 24px rgba(var(--rank-rgb),.45)!important;
}
.calculator-page .rank-slider::-moz-range-thumb{
  border-color:var(--rank-accent)!important;
  box-shadow:0 0 0 5px rgba(var(--rank-rgb),.14),0 0 24px rgba(var(--rank-rgb),.45)!important;
}
@media(max-width:640px){
  .calculator-page .guided-rank-panel.is-locked{padding:14px 15px!important;}
  .calculator-page .guided-rank-panel.is-locked .rank-unlock-head{align-items:center!important;}
  .calculator-page .guided-rank-panel.is-locked .rank-locked-message{font-size:.9rem!important;line-height:1.42!important;margin-top:10px!important;}
}

/* V18 ESK Slider Calculator — practical slider controls */
.esk-slider-dashboard{
  --esk-accent:#16d9f2;
  --esk-accent-2:#6f2cff;
  --esk-rgb:22,217,242;
  overflow:hidden;
}
.esk-slider-dashboard .esk-preset-tabs{
  margin-bottom:18px;
}
.esk-slider-grid{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:10px;
}
.esk-slider-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(86px,100px);
  grid-template-areas:
    "head value"
    "desc value"
    "range range"
    "scale scale";
  align-items:center;
  gap:8px 18px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(var(--esk-rgb),.26);
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(var(--esk-rgb),.045));
  box-shadow:0 0 24px rgba(var(--esk-rgb),.07), inset 0 0 0 1px rgba(255,255,255,.035);
}
.esk-slider-card:nth-child(2){--esk-accent:#8b35ff;--esk-accent-2:#16d9f2;--esk-rgb:139,53,255;}
.esk-slider-card:nth-child(3){--esk-accent:#f7c948;--esk-accent-2:#8b35ff;--esk-rgb:247,201,72;}
.esk-slider-card .level-card-head{
  grid-area:head;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-width:0;
}
.esk-slider-card .level-card-head b{
  font-size:1.18rem;
  line-height:1.1;
  white-space:nowrap;
}
.esk-slider-card .level-card-head small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:999px;
  color:var(--esk-accent);
  background:rgba(var(--esk-rgb),.10);
  border:1px solid rgba(var(--esk-rgb),.25);
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.esk-slider-card em{
  grid-area:desc;
  font-style:normal;
  min-height:0;
  max-width:560px;
  font-size:.94rem;
  line-height:1.45;
  color:var(--muted);
}
.esk-slider-card .slider-value-row{
  grid-area:value;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:7px;
  margin:0;
  min-width:0;
}
.esk-slider-card .slider-value-row span{
  font-size:.68rem;
  line-height:1.05;
  text-align:right;
  letter-spacing:.09em;
  color:var(--muted-strong);
  font-weight:900;
  text-transform:uppercase;
}
.esk-slider-card .slider-number{
  width:92px!important;
  max-width:92px!important;
  height:42px!important;
  text-align:center!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  font-size:1.08rem!important;
  font-weight:900!important;
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(var(--esk-rgb),.25)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--esk-rgb),.06)!important;
}
.esk-slider-card .rank-slider{
  grid-area:range;
  margin-top:8px;
  height:24px;
}
.esk-slider-card .slider-scale{
  grid-area:scale;
  margin-top:-4px;
  padding:0 2px;
  font-size:.76rem;
}
.esk-slider-card .rank-slider::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,var(--esk-accent-2) 0,var(--esk-accent) var(--fill,0%),rgba(255,255,255,.13) var(--fill,0%),rgba(255,255,255,.13) 100%)!important;
}
.esk-slider-card .rank-slider::-moz-range-progress{
  background:linear-gradient(90deg,var(--esk-accent-2),var(--esk-accent))!important;
}
.esk-slider-card .rank-slider::-webkit-slider-thumb{
  border-color:var(--esk-accent)!important;
  box-shadow:0 0 0 5px rgba(var(--esk-rgb),.14),0 0 24px rgba(var(--esk-rgb),.45)!important;
}
.esk-slider-card .rank-slider::-moz-range-thumb{
  border-color:var(--esk-accent)!important;
  box-shadow:0 0 0 5px rgba(var(--esk-rgb),.14),0 0 24px rgba(var(--esk-rgb),.45)!important;
}
.esk-slider-dashboard .esk-results{
  margin-top:22px;
}
@media(max-width:760px){
  .esk-slider-card{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "head head"
      "desc desc"
      "value value"
      "range range"
      "scale scale";
    padding:16px;
    gap:10px;
  }
  .esk-slider-card .slider-value-row{
    width:100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:10px 12px;
    border-radius:16px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.10);
  }
  .esk-slider-card .slider-value-row span{text-align:left;font-size:.72rem;}
  .esk-slider-card .slider-number{width:84px!important;max-width:84px!important;height:40px!important;}
  .esk-slider-card .rank-slider{margin-top:2px;}
  .esk-slider-card .level-card-head b{font-size:1.1rem;}
}
@media(max-width:380px){
  .esk-slider-card{padding:14px;}
  .esk-slider-card .slider-number{width:74px!important;max-width:74px!important;font-size:1rem!important;}
}

/* V18 ESK Price Fix: keep price label below amount, not beside it */
.price-card-row .price-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
  min-height:150px;
}
.price-card-row .price-card strong{
  display:block;
  line-height:.95;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.price-card-row .price-card > span{
  display:block;
  width:100%;
  margin:0;
  color:var(--muted-strong);
  font-weight:800;
  line-height:1.25;
}
.price-card-row .old-price strong{
  width:max-content;
}
@media(max-width:760px){
  .price-card-row .price-card{
    min-height:126px;
    gap:8px;
    padding:24px 22px;
  }
  .price-card-row .price-card strong{
    font-size:clamp(2.55rem,12vw,4rem);
  }
}


/* FAQ V19 content refresh */
.faq-hero-v2{min-height:auto;padding:96px 0 82px;}
.faq-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;}
.faq-hero-v2 h1{max-width:920px;font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.06em;line-height:.98;}
.faq-summary-card{padding:34px;border-color:rgba(22,217,242,.28);}
.faq-summary-card h3{font-size:clamp(1.45rem,2.4vw,2.2rem);margin:14px 0 12px;}
.faq-head-v2{max-width:920px;margin-inline:auto;text-align:center;margin-bottom:34px;}
.faq-list-v2{max-width:1040px;gap:16px;}
.faq-item-v2{border-color:rgba(22,217,242,.18);background:linear-gradient(145deg,rgba(18,24,60,.82),rgba(10,11,38,.72));}
.faq-question-v2{padding:20px 22px;align-items:center;}
.faq-q-left{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;min-width:0;}
.faq-number{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(111,44,255,.7),rgba(22,217,242,.65));border:1px solid rgba(22,217,242,.36);box-shadow:0 0 18px rgba(22,217,242,.16);font-weight:950;color:#fff;font-family:"Space Grotesk",Inter,sans-serif;font-size:1rem;letter-spacing:.02em;}
.faq-question-v2 span:last-child:not(.faq-icon){line-height:1.35;}
.faq-item-v2 .faq-answer p{font-size:1.02rem;color:var(--muted-strong);line-height:1.75;}
.faq-item-v2.open .faq-number{box-shadow:0 0 26px rgba(22,217,242,.34);}
.faq-note{max-width:1040px;margin:22px auto 0;border:1px solid rgba(255,184,77,.24);background:rgba(255,184,77,.075);border-radius:24px;padding:20px 22px;color:#ffe7b0;}
.faq-note strong{display:block;margin-bottom:6px;color:#fff;font-size:1.02rem;}
.faq-note p{margin:0;color:#ffe7b0;line-height:1.65;}
@media(max-width:900px){
  .faq-hero-grid{grid-template-columns:1fr;gap:26px;}
  .faq-hero-v2{padding:72px 0 60px;}
  .faq-summary-card{padding:24px;}
}
@media(max-width:640px){
  .faq-hero-v2 h1{font-size:clamp(2.35rem,12vw,3.75rem);line-height:1.02;}
  .faq-hero-v2 .lead{font-size:1rem;line-height:1.65;}
  .faq-head-v2{text-align:left;margin-bottom:24px;}
  .faq-head-v2 h2{font-size:clamp(2rem,9vw,3rem);}
  .faq-list-v2{gap:12px;}
  .faq-question-v2{padding:16px 14px;gap:12px;}
  .faq-q-left{grid-template-columns:42px 1fr;gap:12px;}
  .faq-number{width:36px;height:36px;border-radius:12px;font-size:.86rem;}
  .faq-question-v2{font-size:.98rem;line-height:1.35;}
  .faq-icon{width:30px;height:30px;}
  .faq-answer>div{padding:0 16px;}
  .faq-item.open .faq-answer>div{padding-bottom:18px;}
  .faq-item-v2 .faq-answer p{font-size:.96rem;line-height:1.68;}
  .faq-note{padding:18px 16px;border-radius:20px;}
}
