:root{
  --bg:#050812;
  --bg-soft:#0a1020;
  --panel:#0d1729;
  --panel-2:#121f35;
  --ink:#f4f8ff;
  --muted:#a8b8d5;
  --soft:#dbe7fb;
  --line:rgba(255,255,255,.11);
  --cyan:#37d6ff;
  --blue:#5276ff;
  --red:#ef3340;
  --red-dark:#b41028;
  --gold:#ffd84d;
  --green:#62f0a8;
  --shadow:0 24px 70px rgba(0,0,0,.52);
  --radius:24px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100svh;
  color:var(--ink);
  font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  background:
    radial-gradient(1100px 620px at 4% -8%,rgba(239,51,64,.18),transparent 58%),
    radial-gradient(950px 520px at 100% 0,rgba(55,214,255,.14),transparent 58%),
    radial-gradient(800px 460px at 50% 36%,rgba(82,118,255,.08),transparent 62%),
    var(--bg);
  padding-bottom:calc(104px + env(safe-area-inset-bottom));
}

a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,a{touch-action:manipulation}
.wrap{width:min(1180px,calc(100% - 28px));margin:0 auto}
.skip-link{position:fixed;left:12px;top:-80px;z-index:99999;padding:10px 14px;border-radius:999px;background:var(--gold);color:#111;font-weight:900}
.skip-link:focus{top:12px}

.fallback-nav{
  margin:12px auto 0;
  padding:11px 14px;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(10,16,32,.88);
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 14px;
}
.fallback-nav a{color:var(--ink);font-weight:800}

.banner{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:#090f1c;
}
.banner img{width:100%;height:clamp(140px,22vw,285px);object-fit:cover}

.surface{
  position:relative;
  margin-top:24px;
  padding:clamp(20px,4vw,42px);
  border:1px solid var(--line);
  border-radius:30px;
  background:
    radial-gradient(800px 340px at 0 0,rgba(239,51,64,.13),transparent 63%),
    radial-gradient(760px 340px at 100% 0,rgba(55,214,255,.12),transparent 63%),
    linear-gradient(180deg,rgba(18,31,53,.94),rgba(7,11,22,.97));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.surface::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 85px rgba(55,214,255,.035)}
.surface>*{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(24px,5vw,52px);align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(55,214,255,.28);background:rgba(55,214,255,.08);color:#e8faff;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sg-badge{border-color:rgba(239,51,64,.35);background:rgba(239,51,64,.10)}
h1,h2,h3,.btn{font-family:Sora,"Noto Sans SC",Inter,sans-serif}
h1{margin:14px 0 0;font-size:clamp(2.25rem,5.6vw,5rem);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
h2{margin:0;font-size:clamp(1.7rem,3.6vw,2.75rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
h3{margin:0;font-size:1.16rem;line-height:1.3}
.lead{margin:18px 0 0;color:var(--soft);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;max-width:68ch}
.muted{color:var(--muted)}
.hero-price{margin-top:20px;display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.hero-price s{color:#8291ad}
.hero-price strong{font:900 clamp(1.75rem,4vw,2.8rem)/1 Sora;color:var(--gold);text-shadow:0 0 20px rgba(255,216,77,.23)}
.cta-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:13px 18px;
  border:0;
  border-radius:15px;
  color:#071018;
  font-weight:900;
  background:linear-gradient(105deg,#fff 0,#ffecf0 17%,var(--red) 54%,var(--gold) 100%);
  box-shadow:0 0 25px rgba(239,51,64,.25),inset 0 0 18px rgba(255,255,255,.42);
  transition:transform .18s,filter .18s,border-color .18s;
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn.secondary{color:var(--ink);background:rgba(255,255,255,.055);border:1px solid rgba(55,214,255,.30);box-shadow:none}
.btn.compact{min-height:44px;padding:11px 15px}
.microcopy{margin:11px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5}
.proof-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.proof{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:.86rem;font-weight:800;color:#e9f2ff}

.cover-stage{position:relative;min-height:400px;display:grid;place-items:center}
.covers{position:relative;width:min(100%,460px);height:390px}
.covers img{position:absolute;bottom:0;width:32%;max-height:360px;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,0,0,.65));transform-origin:bottom center}
.covers img:nth-child(1){left:0;transform:rotate(-9deg) translateY(16px)}
.covers img:nth-child(2){left:17%;transform:rotate(-4deg) translateY(7px)}
.covers img:nth-child(3){left:34%;z-index:3}
.covers img:nth-child(4){left:51%;transform:rotate(4deg) translateY(7px);z-index:2}
.covers img:nth-child(5){left:68%;transform:rotate(9deg) translateY(16px)}
.sg-orb{position:absolute;inset:8% 5% 0;border-radius:50%;background:radial-gradient(circle,rgba(239,51,64,.22),rgba(55,214,255,.08) 48%,transparent 70%);filter:blur(5px)}

.section{margin-top:26px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:15px}
.section-head p{margin:8px 0 0;max-width:72ch;color:var(--muted);line-height:1.65}
.trust-grid,.feature-grid,.language-grid,.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}
.trust-card,.feature,.language-card,.info-card,.faq,.price-card{
  border:1px solid var(--line);
  border-radius:21px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:0 16px 42px rgba(0,0,0,.34);
}
.trust-card,.feature,.info-card,.price-card{padding:17px}
.trust-card{display:grid;grid-template-columns:auto 1fr;gap:12px}
.icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(239,51,64,.25),rgba(55,214,255,.19));border:1px solid rgba(255,255,255,.13);font-weight:900}
.trust-card p,.feature p,.info-card p,.price-card p{margin:7px 0 0;color:var(--muted);line-height:1.58;font-size:.94rem}

.language-card{overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}
.language-card:hover{transform:translateY(-3px);border-color:rgba(55,214,255,.38)}
.language-visual{min-height:240px;display:grid;place-items:center;padding:16px;background:radial-gradient(380px 190px at 50% 20%,rgba(55,214,255,.16),transparent 65%),rgba(5,10,22,.65)}
.language-visual img{height:250px;width:auto;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}
.language-copy{padding:17px;display:flex;flex-direction:column;gap:10px;flex:1}
.language-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.flag-chip{font-size:1.35rem}
.language-copy p{margin:0;color:var(--muted);line-height:1.56}
.language-meta{display:flex;gap:7px;flex-wrap:wrap}
.language-meta span{padding:6px 8px;border-radius:999px;border:1px solid rgba(55,214,255,.18);background:rgba(55,214,255,.06);color:#e3f8ff;font-size:.77rem;font-weight:900}
.language-price{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:4px}
.language-price strong{color:var(--gold);font:900 1.25rem Sora}
.language-actions{display:flex;gap:8px;flex-wrap:wrap}
.language-actions .btn{flex:1}

.preview-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,31%);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:3px 3px 14px;scrollbar-color:var(--red) rgba(255,255,255,.08)}
.preview-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:22px;background:rgba(5,10,22,.76);overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.37)}
.preview-card figcaption{padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-weight:900}
.step-num{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:white;font-size:.8rem}
.preview-screen{background:#03060b;padding:10px}
.preview-screen img{display:block;width:100%;height:auto;aspect-ratio:691/1100;object-fit:cover;object-position:50% 57.4%;border-radius:14px}
.preview-hint{margin:0 0 12px;color:var(--muted);font-size:.9rem}
.mini-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.mini-preview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(4,8,18,.8)}
.mini-preview img{display:block;width:100%;height:auto;aspect-ratio:691/1100;object-fit:cover;object-position:50% 57.4%}
.mini-preview span{display:block;padding:9px 11px;color:var(--soft);font-weight:800;font-size:.86rem}

.feature--visual{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:15px;min-height:160px;overflow:hidden}
.feature-icon{display:block;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.42))}
.feature-copy{min-width:0}
.feature-copy h3{margin:0}
.feature-copy p{margin-top:7px}
.feature--anki{display:flex;flex-direction:column;justify-content:center;min-height:160px;overflow:hidden;background:radial-gradient(240px 130px at 92% 12%,rgba(55,214,255,.15),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}
.feature-stars{display:block;width:min(100%,210px);height:auto;margin:14px 0 0;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}
.feature--transport{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:160px;overflow:hidden;background:radial-gradient(220px 130px at 88% 88%,rgba(239,51,64,.18),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}
.feature--transport .feature-copy{position:relative;z-index:2;max-width:58%}
.feature-transport-art{position:absolute;z-index:1;right:-8%;bottom:-12%;width:62%;margin:0;pointer-events:none;filter:drop-shadow(0 15px 18px rgba(0,0,0,.48))}
.feature-transport-art img{display:block;width:100%;height:auto}

.collection{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr) auto;
  align-items:center;
  gap:clamp(20px,4vw,42px);
  border-color:rgba(255,216,77,.25);
  background:
    radial-gradient(720px 320px at 0 50%,rgba(239,51,64,.16),transparent 62%),
    radial-gradient(700px 330px at 100% 0,rgba(255,216,77,.12),transparent 62%),
    linear-gradient(180deg,rgba(18,31,53,.95),rgba(7,11,22,.98));
}
.collection-covers{position:relative;height:290px}
.collection-covers img{position:absolute;bottom:0;width:30%;height:260px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.58))}
.collection-covers img:nth-child(1){left:0;transform:rotate(-9deg)}
.collection-covers img:nth-child(2){left:17%;transform:rotate(-4deg)}
.collection-covers img:nth-child(3){left:34%;z-index:3}
.collection-covers img:nth-child(4){left:51%;transform:rotate(4deg);z-index:2}
.collection-covers img:nth-child(5){left:68%;transform:rotate(9deg)}
.benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.benefits span{padding:7px 10px;border-radius:999px;border:1px solid rgba(98,240,168,.20);background:rgba(98,240,168,.07);color:#e4fff1;font-size:.82rem;font-weight:800}
.collection-buy{text-align:center;min-width:220px}
.collection-buy small{display:block;color:var(--muted)}
.collection-buy strong{display:block;margin:8px 0 13px;color:var(--gold);font:900 2.25rem Sora}

.level-path{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.level{padding:16px 12px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.level b{display:block;margin-bottom:7px;color:var(--gold);font:900 1.15rem Sora}
.level span{color:var(--muted);font-size:.9rem;line-height:1.5}

.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check-list{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:9px}
.check-list li{position:relative;padding-left:28px;color:var(--soft);line-height:1.48}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:rgba(98,240,168,.12);color:var(--green);font-weight:900}

.faq-list{display:grid;gap:10px}
.faq{padding:0}
.faq summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:900}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"＋";float:right;color:var(--gold)}
.faq[open] summary::after{content:"—"}
.faq p{margin:0;padding:0 18px 17px;color:var(--muted);line-height:1.6}

.breadcrumbs{margin-top:18px;color:var(--muted);font-size:.9rem}
.breadcrumbs a{color:#dff7ff;font-weight:800}
.product-hero{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(22px,5vw,48px);align-items:center}
.product-art{position:relative;isolation:isolate;overflow:hidden;min-height:410px;display:grid;place-items:center;border-radius:24px;background:#050914;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 42px rgba(0,0,0,.36)}
.product-art::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(3,7,16,.08),rgba(3,7,16,.54)),radial-gradient(circle at 50% 34%,rgba(55,214,255,.13),transparent 58%);pointer-events:none}
.product-cultural{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(.92) contrast(1.03)}
.product-box{position:relative;z-index:2;max-height:410px;width:auto;transform:translateX(-8%);filter:drop-shadow(0 22px 28px rgba(0,0,0,.72))}
.product-float{position:absolute;z-index:3;margin:0;pointer-events:none;filter:drop-shadow(0 18px 20px rgba(0,0,0,.58))}
.product-float img{display:block;width:100%;height:auto}
.product-float--english{right:-5%;bottom:-2%;width:46%}
.product-float--spanish{right:-11%;bottom:-7%;width:56%}
.product-float--german{right:-10%;bottom:-7%;width:58%}
.product-float--japanese{right:-9%;bottom:-6%;width:55%}
.product-float--korean{right:-11%;bottom:-7%;width:60%}
.product-art--korean .product-cultural{opacity:.52}
.product-title h1{font-size:clamp(2rem,4.5vw,4.1rem)}
.notice{margin-top:16px;padding:13px 15px;border-radius:15px;border:1px solid rgba(255,216,77,.24);background:rgba(255,216,77,.07);color:#fff3c1;line-height:1.55}

.section-head--illustrated{display:grid;grid-template-columns:minmax(82px,120px) minmax(0,1fr) minmax(100px,150px);align-items:end;gap:18px}
.section-head--illustrated>div{text-align:center}
.section-head--illustrated>div p{margin-left:auto;margin-right:auto}
.level-float{display:flex;align-items:flex-end;justify-content:center;min-height:128px;margin:0;pointer-events:none;filter:drop-shadow(0 14px 17px rgba(0,0,0,.46))}
.level-float img{display:block;max-width:100%;max-height:145px;width:auto;height:auto;object-fit:contain}

.price-card{display:flex;flex-direction:column}
.price-card strong{margin-top:12px;color:var(--gold);font:900 1.55rem Sora}
.price-card .btn{margin-top:14px}
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(5,10,22,.65)}
.comparison-table th,.comparison-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);line-height:1.5}
.comparison-table th{background:rgba(55,214,255,.08);color:#fff}
.comparison-table td{color:var(--muted)}
.comparison-table tr:last-child td{border-bottom:0}

.internal-links{margin:26px auto 0;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.internal-links a{padding:8px 10px;border-radius:999px;background:rgba(55,214,255,.06);border:1px solid rgba(55,214,255,.16);color:#e9f8ff;font-weight:800;font-size:.85rem}
footer{margin:26px 0 10px;text-align:center;color:var(--gold);font-weight:900}

.purchase-dock{
  position:fixed;
  z-index:1000;
  left:50%;
  bottom:max(10px,env(safe-area-inset-bottom));
  width:min(980px,calc(100% - 18px));
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(5,9,18,.91);
  backdrop-filter:blur(16px) saturate(130%);
  box-shadow:0 16px 52px rgba(0,0,0,.62),0 0 24px rgba(239,51,64,.12);
}
.dock-copy{display:flex;align-items:baseline;gap:10px;padding-left:6px}
.dock-copy small{color:var(--muted)}
.dock-copy strong{color:var(--gold);font:900 1.25rem Sora}
.dock-actions{display:flex;gap:8px}

@media(max-width:920px){
  .hero-grid,.product-hero,.collection{grid-template-columns:1fr}
  .cover-stage{min-height:340px}.covers{height:330px}
  .collection-buy{text-align:left}
  .collection-covers{height:260px}
  .level-path{grid-template-columns:repeat(3,1fr)}
  .preview-rail{grid-auto-columns:minmax(260px,72%)}
}
@media(max-width:680px){
  body{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
  .wrap{width:min(100% - 20px,1180px)}
  .surface{padding:18px 14px;border-radius:24px}
  h1{letter-spacing:-.04em}
  .cover-stage{min-height:275px}.covers{height:270px}
  .covers img{max-height:250px}
  .language-visual{min-height:210px}.language-visual img{height:220px}
  .split{grid-template-columns:1fr}
  .level-path{grid-template-columns:1fr 1fr}
  .preview-rail{grid-auto-columns:88%}
  .purchase-dock{align-items:stretch;flex-direction:column}
  .dock-copy{justify-content:space-between}
  .dock-actions .btn{flex:1}
  .collection-covers{height:225px}.collection-covers img{height:220px}
  .product-art{min-height:320px}.product-box{max-height:320px}.product-float{width:48%;right:-7%;bottom:-3%}
  .feature--visual{grid-template-columns:76px minmax(0,1fr)}.feature-icon{width:76px;height:76px}
  .feature--transport .feature-copy{max-width:62%}
  .section-head--illustrated{grid-template-columns:1fr 1fr;gap:8px 16px}
  .section-head--illustrated>div{grid-column:1/-1;grid-row:1;text-align:left}
  .section-head--illustrated>div p{margin-left:0;margin-right:0}
  .level-float{grid-row:2;min-height:104px}.level-float--left{grid-column:1}.level-float--right{grid-column:2}
  .level-float img{max-height:112px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* BR/US visual parity pass ------------------------------------------------ */
[hidden]{display:none!important}

body.product-page{background:#050308;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
body.product-page>.wrap,
body.product-page main>.wrap{width:min(1120px,calc(100% - 28px))}
body.product-page .banner{max-width:1045px;margin:32px auto 0;border-radius:20px}
body.product-page .banner img{height:clamp(160px,24vw,320px)}
body.product-page .breadcrumbs{display:none}

.product-surface{
  margin-top:48px;
  padding:0;
  border-radius:26px;
  min-height:570px;
  isolation:isolate;
  background:#050914;
}
.product-surface::after{box-shadow:inset 0 -1px 0 rgba(255,216,77,.42),inset 0 0 90px rgba(0,0,0,.12)}
.product-surface .product-hero{position:relative;display:block;min-height:570px}
.product-surface .product-art{
  position:absolute;
  inset:0;
  min-height:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  background:#050914;
  box-shadow:none;
}
.product-surface .product-cultural{opacity:1;filter:saturate(.96) contrast(1.04);object-position:center}
.product-surface .product-art::after{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(2,4,9,.94) 0%,rgba(2,4,9,.81) 41%,rgba(2,4,9,.35) 67%,rgba(2,4,9,.10) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.22) 72%,rgba(0,0,0,.66));
}
.product-surface .product-box{display:none}
.product-surface .product-title{
  position:relative;
  z-index:5;
  display:flex;
  min-height:570px;
  width:min(72%,780px);
  flex-direction:column;
  justify-content:center;
  padding:48px 54px;
  text-shadow:0 3px 18px rgba(0,0,0,.74);
}
.product-surface .product-title h1{font-size:clamp(2.35rem,4.8vw,4.35rem);max-width:760px}
.product-surface .eyebrow{align-self:flex-start}
.product-surface .lead{color:#f0f3f9;max-width:60ch}
.product-surface .microcopy{color:#d6dbe5}
.product-surface .proof{background:rgba(3,6,12,.48);border-color:rgba(255,255,255,.20)}
.product-surface .btn:not(.secondary),
.product-intro .btn:not(.secondary){color:#fff}
.product-surface .product-float{display:block}
.product-surface .product-float--english{width:34%;right:2%;bottom:0}
.product-surface .product-float--spanish{width:46%;right:-5%;bottom:-8%}
.product-surface .product-float--german{width:48%;right:-7%;bottom:-8%}
.product-surface .product-float--japanese{width:45%;right:-5%;bottom:-7%}
.product-surface .product-float--korean{width:49%;right:-7%;bottom:-8%}

body[data-campaign="sg_zh_english"] .product-surface{border-color:rgba(215,47,76,.42)}
body[data-campaign="sg_zh_spanish"] .product-surface{border-color:rgba(255,196,0,.42)}
body[data-campaign="sg_zh_german"] .product-surface{border-color:rgba(255,196,0,.34)}
body[data-campaign="sg_zh_japanese"] .product-surface{border-color:rgba(55,214,255,.42)}
body[data-campaign="sg_zh_korean"] .product-surface{border-color:rgba(64,151,255,.42)}

.product-surface + .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-surface + .trust-grid .trust-card:nth-child(3){display:none}
.product-surface + .trust-grid .trust-card{min-height:106px;background:linear-gradient(135deg,rgba(15,27,52,.96),rgba(7,11,25,.96));border-color:rgba(104,185,255,.18)}
.product-surface + .trust-grid .icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#dffcff 0%,#50d7ff 46%,#ffde65 100%);color:#06111b;box-shadow:0 0 26px rgba(55,214,255,.25)}

.product-intro{
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  align-items:center;
  gap:clamp(28px,5vw,58px);
  min-height:620px;
  padding:clamp(26px,4vw,48px);
  border-color:rgba(255,216,77,.22);
  background:
    radial-gradient(600px 360px at 0 50%,rgba(239,51,64,.18),transparent 68%),
    radial-gradient(600px 360px at 100% 0,rgba(255,216,77,.12),transparent 68%),
    linear-gradient(155deg,#18080d,#080b15 72%);
}
.product-intro-visual{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate}
.product-intro-box{position:relative;z-index:2;max-height:520px;width:auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.66));transform:translateX(-8%)}
.product-intro-float{position:absolute;z-index:3;right:-8%;bottom:-3%;width:48%;margin:0;pointer-events:none;filter:drop-shadow(0 18px 22px rgba(0,0,0,.58))}
.product-intro-float img{display:block;width:100%;height:auto}
.product-intro-float--english{width:42%;right:-2%;bottom:3%}
.product-intro-float--spanish{width:58%;right:-13%;bottom:-3%}
.product-intro-float--german{width:58%;right:-13%;bottom:-5%}
.product-intro-float--japanese{width:54%;right:-10%;bottom:-4%}
.product-intro-float--korean{width:58%;right:-13%;bottom:-5%}
.product-intro-copy{position:relative;z-index:4}
.product-intro-copy h2{font-size:clamp(2rem,4.3vw,4rem)}
.product-intro-copy .lead{font-size:1.04rem}
.product-intro-copy .notice{margin-top:18px}
.product-intro-copy .hero-price{margin-top:22px}

body.product-page #real-preview{
  border-color:rgba(255,216,77,.22);
  background:
    radial-gradient(720px 360px at 0 0,rgba(239,51,64,.16),transparent 65%),
    radial-gradient(620px 320px at 100% 100%,rgba(255,216,77,.10),transparent 68%),
    linear-gradient(180deg,#19090f,#080b14 94%);
}
body.product-page .preview-card{border-color:rgba(255,216,77,.22);background:#10050a}
body.product-page .preview-screen{background:#080307}
body.product-page .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.product-page .feature{min-height:200px;padding:20px;background:radial-gradient(240px 150px at 88% 86%,rgba(255,216,77,.12),transparent 70%),linear-gradient(180deg,rgba(46,14,22,.92),rgba(14,8,14,.96));border-color:rgba(255,216,77,.13)}
body.product-page .feature--visual{grid-template-columns:112px minmax(0,1fr)}
body.product-page .feature-icon{width:112px;height:112px}

.language-visual{position:relative;isolation:isolate;overflow:hidden}
.language-visual>img{position:relative;z-index:2;transform:translateX(-10%)}
.language-float{position:absolute;z-index:1;right:-7%;bottom:-4%;width:54%;margin:0;pointer-events:none;filter:drop-shadow(0 15px 18px rgba(0,0,0,.48))}
.language-float img{display:block;width:100%;height:auto}
.language-float--english{width:42%;right:1%;bottom:1%}
.language-float--spanish{width:58%;right:-10%;bottom:-4%}
.language-float--german{width:58%;right:-10%;bottom:-5%}
.language-float--japanese{width:55%;right:-9%;bottom:-5%}
.language-float--korean{width:58%;right:-11%;bottom:-5%}

@media(max-width:920px){
  .product-surface .product-title{width:78%}
  .product-intro{grid-template-columns:1fr}
  .product-intro-visual{min-height:440px}
  .product-intro-box{max-height:440px}
  body.product-page .feature-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  body.product-page{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
  body.product-page>.wrap,
  body.product-page main>.wrap{width:min(100% - 20px,1120px)}
  body.product-page .banner{margin-top:18px;border-radius:18px}
  body.product-page .banner img{height:clamp(145px,41vw,220px)}
  .product-surface{margin-top:24px;min-height:610px;border-radius:22px}
  .product-surface .product-hero{min-height:610px}
  .product-surface .product-title{min-height:610px;width:100%;justify-content:flex-start;padding:34px 20px 210px}
  .product-surface .product-title h1{font-size:clamp(2rem,10vw,3.05rem)}
  .product-surface .product-title .lead{font-size:.98rem;line-height:1.55}
  .product-surface .product-art::after{background:linear-gradient(180deg,rgba(2,4,9,.94) 0%,rgba(2,4,9,.80) 47%,rgba(2,4,9,.34) 74%,rgba(2,4,9,.63) 100%)}
  .product-surface .product-float--english{width:55%;right:-2%;bottom:-1%}
  .product-surface .product-float--spanish,
  .product-surface .product-float--german,
  .product-surface .product-float--japanese,
  .product-surface .product-float--korean{width:66%;right:-10%;bottom:-6%}
  .product-surface + .trust-grid{grid-template-columns:1fr}
  .product-intro{min-height:0;padding:24px 18px}
  .product-intro-visual{min-height:390px}
  .product-intro-box{max-height:390px}
  .product-intro-float{width:54%;right:-7%;bottom:-2%}
  .product-intro-float--spanish,
  .product-intro-float--german,
  .product-intro-float--japanese,
  .product-intro-float--korean{width:62%;right:-12%;bottom:-4%}
  body.product-page .feature-grid{grid-template-columns:1fr}
  body.product-page .feature{min-height:170px}
  body.product-page .feature--visual{grid-template-columns:92px minmax(0,1fr)}
  body.product-page .feature-icon{width:92px;height:92px}
}


/* SG-ZH BR/US exact component parity: 2026-08-22 */
/* The level path and the purchase-to-review flow reuse the approved BR component model. */
.sg-levels{position:relative;overflow:hidden;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));border-color:rgba(92,225,255,.18);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.sg-levels>.glow{position:absolute;inset:-2px;border-radius:20px;pointer-events:none;background:linear-gradient(135deg,rgba(1,33,105,.24),transparent 60%),linear-gradient(315deg,rgba(200,16,46,.1),transparent 55%);filter:blur(8px);opacity:.85}
.sg-levels .sg-level-path{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(14px,2vw,22px)}
.sg-levels .sg-level-step{display:grid;padding:12px;background:rgba(255,255,255,.02);border:1px dashed rgba(90,120,255,.25);border-radius:14px;color:var(--soft);line-height:1.5}
.sg-levels .sg-level-step b{color:#fff}
.sg-levels>.mini{position:relative;z-index:2;margin:10px 0 0;color:var(--muted);font-size:.92rem;line-height:1.55}

.dl-product-depth{
  --dl-depth-rgb:55,214,255;
  --dl-depth-warm-rgb:255,216,77;
  position:relative;
  overflow:hidden;
  margin-top:18px;
  padding:clamp(20px,3.2vw,34px);
  color:#edf5ff;
  background:
    radial-gradient(720px 320px at 0 0,rgba(var(--dl-depth-rgb),.13),transparent 64%),
    radial-gradient(620px 280px at 100% 0,rgba(var(--dl-depth-warm-rgb),.09),transparent 66%),
    linear-gradient(180deg,rgba(15,23,40,.98),rgba(7,10,19,.99));
  border:1px solid rgba(255,255,255,.11);
  border-radius:26px;
  box-shadow:0 22px 58px rgba(0,0,0,.4);
}
.dl-product-depth--english{--dl-depth-rgb:55,214,255;--dl-depth-warm-rgb:255,77,46}
.dl-product-depth--spanish{--dl-depth-rgb:255,77,46;--dl-depth-warm-rgb:255,216,77}
.dl-product-depth--german{--dl-depth-rgb:255,216,77;--dl-depth-warm-rgb:255,77,46}
.dl-product-depth--japanese{--dl-depth-rgb:55,214,255;--dl-depth-warm-rgb:255,52,72}
.dl-product-depth--korean{--dl-depth-rgb:79,124,255;--dl-depth-warm-rgb:255,77,93}
.dl-product-depth__head{max-width:800px;margin:0 auto 18px;text-align:center}
.dl-product-depth__eyebrow{
  display:inline-flex;
  margin-bottom:9px;
  padding:7px 11px;
  color:#eaf8ff;
  background:rgba(var(--dl-depth-rgb),.08);
  border:1px solid rgba(var(--dl-depth-rgb),.24);
  border-radius:999px;
  font:900 .76rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.dl-product-depth h2,.dl-product-depth h3{font-family:Sora,Inter,system-ui,sans-serif;color:#fff}
.dl-product-depth__head h2{margin:0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.12;letter-spacing:-.035em}
.dl-product-depth__head p{margin:10px auto 0;color:#afc2e2;line-height:1.62}
.dl-depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dl-depth-card{
  min-width:0;
  padding:16px;
  background:rgba(7,12,25,.75);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(0,0,0,.3);
}
.dl-depth-card__index{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:11px;
  color:#071018;
  background:linear-gradient(135deg,rgb(var(--dl-depth-rgb)),rgb(var(--dl-depth-warm-rgb)));
  border-radius:11px;
  font:900 .78rem/1 Inter,system-ui,sans-serif;
}
.dl-depth-card h3{margin:0;font-size:1.02rem;line-height:1.3}
.dl-depth-card p{margin:7px 0 0;color:#9fb3d8;font-size:.9rem;line-height:1.55}
.dl-depth-split{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin-top:14px}
.dl-depth-panel{padding:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:19px}
.dl-depth-panel h3{margin:0 0 11px;font-size:1.08rem}
.dl-depth-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.dl-depth-list li{display:flex;gap:9px;color:#c9d9f3;font-size:.91rem;line-height:1.5}
.dl-depth-list li::before{content:"✓";flex:0 0 auto;color:rgb(var(--dl-depth-rgb));font-weight:900}
.dl-depth-caveat{margin:0;color:#b8cae8;line-height:1.62}
.dl-depth-caveat strong{color:#fff}
.dl-depth-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.dl-depth-meta span{padding:7px 9px;color:#dceaff;background:rgba(var(--dl-depth-rgb),.065);border:1px solid rgba(var(--dl-depth-rgb),.18);border-radius:999px;font:800 .78rem/1 Inter,system-ui,sans-serif}
.dl-depth-faq{display:grid;gap:9px;margin-top:14px}
.dl-depth-faq details{overflow:hidden;background:rgba(7,12,25,.72);border:1px solid rgba(255,255,255,.1);border-radius:15px}
.dl-depth-faq summary{cursor:pointer;padding:13px 15px;color:#fff;font-weight:850;list-style:none}
.dl-depth-faq summary::-webkit-details-marker{display:none}
.dl-depth-faq summary::after{content:"+";float:right;color:rgb(var(--dl-depth-rgb));font-size:1.15rem}
.dl-depth-faq details[open] summary::after{content:"−"}
.dl-depth-faq details p{margin:0;padding:0 15px 14px;color:#9fb3d8;font-size:.9rem;line-height:1.58}
.dl-product-depth .dl-real-preview__actions{margin-top:16px}
.dl-buy-meta{margin:10px 0 0;color:#91a7cc;font-size:.8rem;line-height:1.45}

@media(max-width:780px){
  .dl-product-depth{padding:18px 14px;border-radius:22px}
  .dl-depth-grid{grid-template-columns:1fr}
  .dl-depth-split{grid-template-columns:1fr}
}
@media(max-width:680px){
  .sg-levels{padding:14px 12px}
  .product-surface .product-float{display:block}
}