/* ==========================================================================
   6svip · "kuil-lampion" skin  (poster archetype, reference-led)
   Visual language taken from the brand's own poster: red lacquer temple, gold
   bevel type, mahjong-tile cards, coin dividers. No reference copy, no
   third-party game art, no promo amounts.
   ========================================================================== */

:root{
  --k-ink:#210403;
  --k-ink-2:#2a0604;
  --k-maroon:#3b0906;
  --k-maroon-2:#4d0e08;
  --k-red:#8f1a10;
  --k-red-2:#b8261a;
  --k-gold:#f2c75c;
  --k-gold-2:#e0a63c;
  --k-gold-3:#a9721d;
  --k-gold-deep:#6d4310;
  --k-jade:#1c7a49;
  --k-jade-2:#0f5533;
  --k-cream:#fff1d8;
  --k-cream-2:#f7e3bd;
  --k-muted:#e7c39a;
  --k-line:rgba(242,199,92,.34);
  --k-line-soft:rgba(242,199,92,.18);
  --bg:var(--k-maroon);
  --bg2:var(--k-ink-2);
  --panel:#511110;
  --text:var(--k-cream);
  --muted:var(--k-muted);
  --accent:var(--k-gold);
  --accent2:var(--k-gold-2);
  --line:var(--k-line);
  --radius:12px;
}

html{background:#1b0302}
body.variant-poster{
  background:
    radial-gradient(1100px 620px at 50% -8%, rgba(242,199,92,.20), transparent 62%),
    radial-gradient(900px 520px at 88% 12%, rgba(184,38,26,.34), transparent 60%),
    radial-gradient(700px 460px at 4% 32%, rgba(28,122,73,.16), transparent 65%),
    linear-gradient(180deg,#4d0e08 0%,#3b0906 42%,#2a0604 100%);
  background-attachment:fixed;
  color:var(--k-cream);
  overflow-x:clip;
  font-family:var(--body);
  padding-bottom:0;
}
body.variant-poster::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.28;
  background-image:
    radial-gradient(circle at 12px 12px, rgba(242,199,92,.30) 1.1px, transparent 1.6px),
    linear-gradient(90deg, rgba(242,199,92,.05) 1px, transparent 1px);
  background-size:24px 24px, 120px 120px;
}
body.variant-poster>*{position:relative;z-index:1}
body.variant-poster a{color:var(--k-gold)}
body.variant-poster a:hover{color:#fff6df}
body.variant-poster ::selection{background:var(--k-gold);color:var(--k-ink)}
body.variant-poster .wrap{width:min(1160px,100% - 36px)}
body.variant-poster p{color:var(--k-muted)}

/* ---------- header: lacquer bar, gold rule, 56px lockup ---------- */
body.variant-poster .av-header{
  background:linear-gradient(180deg,#2a0604 0%,#3b0906 70%,#2a0604 100%);
  border-bottom:3px solid var(--k-gold-2);
  box-shadow:0 8px 26px rgba(0,0,0,.46), inset 0 -1px 0 rgba(242,199,92,.28);
}
body.variant-poster .av-header-inner{min-height:82px;gap:20px}
body.variant-poster .av-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
body.variant-poster .brand-logo{
  height:56px;width:56px;max-width:56px;border-radius:14px;
  border:2px solid rgba(242,199,92,.75);
  box-shadow:0 3px 0 rgba(0,0,0,.45), 0 0 18px rgba(242,199,92,.22);
  background:#2a0604;padding:1px;
}
body.variant-poster .av-brand::after{
  content:"6SVIP";font-family:var(--display);font-size:19px;letter-spacing:.02em;
  color:var(--k-gold);text-transform:uppercase;margin-left:10px;
  text-shadow:0 2px 0 rgba(0,0,0,.5);
}
body.variant-poster .av-nav a{
  color:var(--k-cream-2);font-size:10px;letter-spacing:.13em;
  border-bottom:2px solid transparent;padding:8px 1px;
}
body.variant-poster .av-nav a:hover,
body.variant-poster .av-nav a[aria-current="page"]{
  color:var(--k-gold);border-bottom-color:var(--k-gold);
}
body.variant-poster .av-actions .btn-primary{
  background:linear-gradient(180deg,#ffe6a1 0%,var(--k-gold) 42%,var(--k-gold-2) 100%);
  color:#3b0906;border:2px solid #6d4310;border-radius:10px;
  box-shadow:0 4px 0 #6d4310, 0 0 18px rgba(242,199,92,.24);
  min-height:44px;
}
body.variant-poster .menu-btn{
  background:linear-gradient(180deg,#ffe6a1,var(--k-gold-2));color:#3b0906;
  border:2px solid #6d4310;border-radius:10px;height:44px;font-size:10px;
}
body.variant-poster .av-scoreline{
  background:linear-gradient(90deg,#8a1610,#b8261a 55%,#8a1610);color:var(--k-cream);
  border-top:1px solid rgba(242,199,92,.35);
}
body.variant-poster .av-scoreline b{color:var(--k-gold)}

/* ---------- policy strip: gold band ---------- */
body.variant-poster .policy-strip{
  background:linear-gradient(180deg,var(--k-gold) 0%,var(--k-gold-2) 100%);
  color:#3b0906;border-bottom:3px solid #6d4310;
}
body.variant-poster .policy-badge{color:#3b0906}
body.variant-poster .policy-tag{
  border:1px solid rgba(59,9,6,.55);color:#3b0906;background:rgba(255,246,222,.35);
}
body.variant-poster .policy-link{
  color:#3b0906;border:1px solid rgba(59,9,6,.55);background:rgba(255,246,222,.28);
  border-radius:6px;font-weight:700;
}
body.variant-poster .policy-link:hover{background:#3b0906;color:var(--k-gold)}
body.variant-poster .policy-note{color:#4d0e08}

/* Desktop hero buttons read as explicit actions ("Masuk H5" / "Unduh APK"). */
@media (min-width:701px){
  body.variant-poster .po-hero-actions .btn-primary::before{content:"Masuk "}
  body.variant-poster .po-hero-actions .btn-ghost::before{content:"Unduh "}
  body.variant-poster .po-hero-actions .btn{min-width:168px}
}

/* ---------- hero: poster type over the temple crop ---------- */
body.variant-poster .po-hero{
  position:relative;padding:44px 0 30px;border-bottom:0;
  background:
    radial-gradient(760px 420px at 50% -18%, rgba(242,199,92,.26), transparent 68%),
    linear-gradient(180deg,#5a1109 0%,#3b0906 68%,#2a0604 100%);
  overflow:clip;
}
body.variant-poster .po-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:
    radial-gradient(520px 240px at 50% 0%, rgba(255,214,120,.28), transparent 72%),
    radial-gradient(420px 220px at 12% 18%, rgba(28,122,73,.18), transparent 70%);
}
body.variant-poster .po-hero>.wrap{position:relative;z-index:2}
body.variant-poster .hero-logo-lockup{align-items:center;gap:14px;margin:0 0 16px}
body.variant-poster .hero-brand-logo{
  height:184px;width:184px;max-height:184px;max-width:184px;
  border-radius:26px;border:3px solid var(--k-gold);
  box-shadow:0 8px 0 rgba(109,67,16,.85), 0 0 40px rgba(242,199,92,.28);
  background:#2a0604;
}
body.variant-poster .hero-logo-tag{
  color:#3b0906;background:var(--k-gold);border:2px solid #6d4310;border-radius:6px;
  font-size:10px;letter-spacing:.2em;padding:5px 9px;font-weight:800;
}
body.variant-poster .po-kicker{
  color:var(--k-gold-2);letter-spacing:.2em;font-size:10px;margin:0 0 12px;
}
body.variant-poster .po-hero-figure{
  margin:16px 0 4px;border:3px solid var(--k-gold-2);border-radius:18px;
  overflow:hidden;max-height:none;max-width:560px;
  box-shadow:0 10px 0 rgba(109,67,16,.55), 0 22px 50px rgba(0,0,0,.42);
  background:#2a0604;
}
body.variant-poster .po-hero-figure img{
  width:100%;height:auto;max-height:none;object-fit:cover;display:block;
}
body.variant-poster .po-hero h1,
body.variant-poster .po-title{
  color:var(--k-gold);-webkit-text-stroke:0;
  background:linear-gradient(180deg,#fff3c9 0%,#f7d47a 38%,#e0a63c 68%,#c98a26 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 4px 0 rgba(66,24,6,.85)) drop-shadow(0 10px 22px rgba(0,0,0,.45));
  font-size:clamp(54px,7.4vw,104px);line-height:.88;letter-spacing:-.02em;
  margin:10px 0 0;
}
body.variant-poster .po-rule{gap:6px;margin:20px 0 16px}
body.variant-poster .po-rule span{height:8px;border-radius:2px}
body.variant-poster .po-rule span:nth-child(1){background:linear-gradient(90deg,var(--k-gold),var(--k-gold-2))}
body.variant-poster .po-rule span:nth-child(2){background:var(--k-jade)}
body.variant-poster .po-rule span:nth-child(3){border:2px solid var(--k-gold-2)}
body.variant-poster .po-deck{color:var(--k-cream-2);font-size:16px;line-height:1.65;max-width:660px}
body.variant-poster .po-hero-actions{gap:10px}

/* CTA buttons: gold for H5, jade for APK (never low-contrast text links) */
body.variant-poster .po-hero-actions .btn,
body.variant-poster .co-actions .btn,
body.variant-poster .mi-cta,
body.variant-poster .mi-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 26px;border-radius:12px;text-decoration:none;
  font-family:var(--display);font-size:13px;letter-spacing:.05em;text-transform:uppercase;
}
body.variant-poster .po-hero-actions .btn-primary{
  background:linear-gradient(180deg,#ffe9ab 0%,var(--k-gold) 45%,var(--k-gold-2) 100%);
  color:#3b0906;border:2px solid #6d4310;
  box-shadow:0 6px 0 #6d4310, 0 0 26px rgba(242,199,92,.30);
}
body.variant-poster .po-hero-actions .btn-ghost,
body.variant-poster .mi-link{
  background:linear-gradient(180deg,#27935b 0%,var(--k-jade) 55%,var(--k-jade-2) 100%);
  color:#fff8e6;border:2px solid var(--k-gold);border-radius:12px;
  box-shadow:0 6px 0 #0a3a23;
}
body.variant-poster .mi-cta{
  background:linear-gradient(180deg,#ffe9ab,var(--k-gold-2));color:#3b0906;
  border:2px solid #6d4310;box-shadow:0 6px 0 #6d4310;
}
body.variant-poster .po-arrow{color:var(--k-gold);border-bottom:2px solid var(--k-gold)}
body.variant-poster .po-chips span,
body.variant-poster .chips span{
  border:1px solid var(--k-line);background:rgba(77,14,8,.72);color:var(--k-cream-2);
  border-radius:6px;font-size:9px;padding:5px 8px;
}
body.variant-poster .po-strip{
  border-top:3px solid var(--k-gold-2);border-bottom:1px solid var(--k-line-soft);
  color:var(--k-muted);margin-top:22px;
}
body.variant-poster .po-strip b{color:var(--k-gold)}

/* ---------- shared section chrome ---------- */
/* Desktop hero: headline column left, poster art column right (no float, so
   the following grid never overlaps the artwork). */
@media (min-width:901px){
  body.variant-poster .po-hero>.wrap{
    display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    column-gap:36px;align-items:start;
  }
  body.variant-poster .po-hero .hero-logo-lockup{grid-column:1;grid-row:1}
  body.variant-poster .po-hero .po-kicker{grid-column:1;grid-row:2}
  body.variant-poster .po-hero h1{grid-column:1;grid-row:3}
  body.variant-poster .po-hero .po-rule{grid-column:1;grid-row:4}
  body.variant-poster .po-hero .po-hero-figure{
    grid-column:2;grid-row:1 / span 4;align-self:start;margin:0;max-width:100%;
  }
  body.variant-poster .po-hero .po-hero-grid{grid-column:1 / -1;grid-row:5;margin-top:24px}
  body.variant-poster .po-hero .po-chips{grid-column:1;grid-row:6}
  body.variant-poster .po-hero .po-strip{grid-column:1 / -1;grid-row:7}
}
body.variant-poster .section{border-bottom:1px solid var(--k-line-soft);padding:56px 0}
body.variant-poster .sec-head{max-width:780px}
body.variant-poster .kicker,
body.variant-poster .eyebrow{color:var(--k-gold);letter-spacing:.2em}
body.variant-poster h2{color:var(--k-gold);letter-spacing:-.01em}
body.variant-poster .sec-head p{color:var(--k-muted)}
body.variant-poster .section-head p{color:var(--k-muted)}

/* summary: gold pull-quote on lacquer panel */
body.variant-poster .po-summary{
  background:linear-gradient(180deg,rgba(77,14,8,.92),rgba(42,6,4,.92));
  border:1px solid var(--k-line);border-left:10px solid var(--k-gold);
  border-radius:0 14px 14px 0;padding:22px 24px;max-width:none;
  box-shadow:0 12px 34px rgba(0,0,0,.34);
}
body.variant-poster .po-pull{
  border-left:0;padding-left:0;color:var(--k-cream);font-family:var(--body);
  font-size:clamp(17px,1.6vw,21px);line-height:1.5;letter-spacing:0;
  text-transform:none;margin-bottom:14px;font-weight:700;
}
body.variant-poster .po-summary>p{color:var(--k-muted);font-size:14px;line-height:1.7}
body.variant-poster .po-mini-facts{gap:8px;margin-top:18px}
body.variant-poster .po-mini-facts span{
  border:1px solid var(--k-line);border-radius:9px;background:rgba(59,9,6,.72);padding:10px;
}
body.variant-poster .po-mini-facts b{color:var(--k-gold)}
body.variant-poster .po-mini-facts small{color:var(--k-muted)}

/* routes: mahjong-tile cards */
body.variant-poster .route-grid{border-top:0;gap:12px}
body.variant-poster .variant-poster .route-grid{grid-template-columns:repeat(3,1fr)}
body.variant-poster .route-card{
  border:1px solid var(--k-line);border-radius:14px;background:
    linear-gradient(180deg,rgba(77,14,8,.95),rgba(35,5,4,.95));
  padding:20px;min-height:236px;box-shadow:0 8px 0 rgba(109,67,16,.35);
  transition:.16s ease;
}
body.variant-poster .route-card:hover{transform:translateY(-3px);box-shadow:0 12px 0 rgba(109,67,16,.5)}
body.variant-poster .route-card.primary{
  background:linear-gradient(180deg,#6d1209,#3b0906);
  border-color:var(--k-gold);box-shadow:0 8px 0 rgba(242,199,92,.45);
}
body.variant-poster .route-card h3{color:var(--k-gold);font-size:clamp(22px,2.6vw,30px);margin:14px 0 8px}
body.variant-poster .route-card p{color:var(--k-muted);font-size:13px;line-height:1.6}
body.variant-poster .route-no{
  display:inline-block;font-family:ui-monospace,monospace;font-size:10px;
  color:#3b0906;background:var(--k-gold);border-radius:5px;padding:2px 7px;
}
body.variant-poster .route-link{
  color:var(--k-gold);border-top:1px solid var(--k-line-soft);font-size:11px;
}

/* facts: gold-ruled grid */
body.variant-poster .po-factgrid{
  border-top:3px solid var(--k-gold-2);border-left:1px solid var(--k-line);gap:0;
  background:rgba(35,5,4,.45);
}
body.variant-poster .po-factgrid div{padding:16px;border-right:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
body.variant-poster .po-factgrid span{color:var(--k-gold)}
body.variant-poster .po-factgrid b{color:var(--k-cream);font-size:15px}
body.variant-poster .po-factgrid small{color:var(--k-muted)}

/* promo cards */
body.variant-poster .card{
  border:1px solid var(--k-line);background:linear-gradient(180deg,rgba(77,14,8,.9),rgba(35,5,4,.92));
  border-radius:12px;
}
body.variant-poster .promo-card h3{color:var(--k-gold);font-size:17px;line-height:1.25}
body.variant-poster .promo-card p{color:var(--k-muted);font-size:12px;line-height:1.6}
body.variant-poster .card .label{color:var(--k-gold-2)}

/* trust list */
body.variant-poster .trust-list li{
  border:1px solid var(--k-line);border-radius:10px;background:rgba(35,5,4,.55);
  grid-template-columns:52px 1fr;padding:15px 16px;
}
body.variant-poster .trust-list li span{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--k-gold);color:#3b0906;font-size:13px;font-weight:900;
}
body.variant-poster .trust-list li p{color:var(--k-cream-2);font-size:13.5px;line-height:1.6}
body.variant-poster .section-note a{color:var(--k-gold)}

/* terms: a cream mahjong tile */
body.variant-poster .terms-box{
  background:linear-gradient(180deg,#fff8e7,#f3e2bf);border:3px solid var(--k-gold-2);
  border-radius:14px;padding:20px;box-shadow:0 8px 0 rgba(109,67,16,.55);
  color:#3b0906;
}
body.variant-poster .terms-box p,
body.variant-poster .terms-box .terms-label{color:#6d4310}
body.variant-poster .terms-box .chips span{
  background:#fffdf6;border:1px solid rgba(109,67,16,.45);color:#3b0906;
}
body.variant-poster .terms-derived span{border-style:dashed}
body.variant-poster .edition-note{
  border-top:1px solid rgba(109,67,16,.35);margin-top:12px;padding-top:10px;
}
body.variant-poster .edition-note p{color:#5b3510;font-size:12px;line-height:1.6}

/* FAQ: two columns with gold numerals */
body.variant-poster .po-faq{border-top:3px solid var(--k-gold-2);gap:0}
body.variant-poster .po-faq article{border-bottom:1px solid var(--k-line-soft);padding:18px 18px 18px 0}
body.variant-poster .po-faq h3{color:var(--k-cream);font-size:14px;line-height:1.35}
body.variant-poster .po-faq p{color:var(--k-muted);font-size:12.5px;line-height:1.65}
body.variant-poster .po-num{color:var(--k-gold-2)}

/* showcase: four framed tiles + a gold band */
body.variant-poster .sec-showcase .h03-tiles,
body.variant-poster .h03-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.variant-poster .h03-tile{
  margin:0;border:2px solid var(--k-gold-2);border-radius:12px;overflow:hidden;
  background:#2a0604;box-shadow:0 7px 0 rgba(109,67,16,.45);
}
body.variant-poster .h03-tile img{
  display:block;width:100%;height:238px;object-fit:cover;
}
body.variant-poster .h03-tile figcaption{
  font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--k-gold);padding:8px 10px;background:linear-gradient(180deg,#4d0e08,#2a0604);
  border-top:1px solid var(--k-line-soft);
}
body.variant-poster .h03-band{margin:16px 0 0;border:2px solid var(--k-gold-2);border-radius:12px;overflow:hidden;background:#2a0604}
body.variant-poster .h03-band img{display:block;width:100%;height:auto}
body.variant-poster .h03-band figcaption{
  font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--k-muted);padding:7px 10px;border-top:1px solid var(--k-line-soft);
}

/* guide pages (steps / requirements / aside) */
body.variant-poster .po-steps{border-top:3px solid var(--k-gold-2)}
body.variant-poster .po-steps li{border-bottom:1px solid var(--k-line-soft)}
body.variant-poster .po-steps li:nth-child(odd){border-right:1px solid var(--k-line-soft)}
body.variant-poster .po-steps li>span{color:var(--k-gold-2);opacity:.9}
body.variant-poster .po-steps h3{color:var(--k-cream)}
body.variant-poster .po-steps p{color:var(--k-muted)}
body.variant-poster .steps .step{border-bottom:1px solid var(--k-line-soft)}
body.variant-poster .steps .step .n{color:var(--k-gold)}
body.variant-poster .steps .step p{color:var(--k-muted)}
body.variant-poster .callout{border-left-color:var(--k-gold);background:rgba(77,14,8,.7);color:var(--k-muted)}

/* info / page heroes */
body.variant-poster .page-hero,
body.variant-poster .variant-page-hero{
  padding:42px 0 30px;text-align:left;
  background:
    radial-gradient(640px 320px at 20% -20%, rgba(242,199,92,.18), transparent 70%),
    linear-gradient(180deg,#4d0e08,#3b0906);
  border-bottom:3px solid var(--k-gold-2);
}
body.variant-poster .variant-page-hero .eyebrow,
body.variant-poster .page-hero .eyebrow{
  font-size:9px;letter-spacing:.12em;line-height:1.7;color:var(--k-gold-2);
  max-width:860px;margin-bottom:12px;
}
body.variant-poster .variant-page-hero h1,
body.variant-poster .page-hero h1{
  font-size:clamp(32px,5.2vw,68px);line-height:.98;color:var(--k-gold);
  max-width:940px;
  -webkit-text-stroke:0;-webkit-text-fill-color:currentColor;
  background:none;filter:none;text-shadow:0 3px 0 rgba(66,24,6,.8);
}
body.variant-poster .variant-page-hero .deck,
body.variant-poster .page-hero .deck{color:var(--k-cream-2);font-size:15px;line-height:1.65;max-width:760px;margin:14px 0 0}
body.variant-poster .prose h2{
  color:var(--k-gold);border-top:2px solid var(--k-gold-2);padding-top:12px;margin-top:30px;
}
body.variant-poster .prose p,
body.variant-poster .prose li{color:var(--k-muted);font-size:14px;line-height:1.72}
body.variant-poster .prose ul{padding-left:20px}
body.variant-poster .prose li{margin-bottom:6px}
body.variant-poster .table-wrap{border:1px solid var(--k-line);background:rgba(35,5,4,.6)}
body.variant-poster th{background:rgba(242,199,92,.18);color:var(--k-gold)}
body.variant-poster td{color:var(--k-muted);border-bottom:1px solid var(--k-line-soft)}
body.variant-poster .faq details{background:rgba(35,5,4,.6);border:1px solid var(--k-line)}
body.variant-poster .faq summary{color:var(--k-cream)}
body.variant-poster .faq .a{color:var(--k-muted)}
body.variant-poster .faq-item{background:rgba(35,5,4,.6);border:1px solid var(--k-line)}
body.variant-poster .faq-q{color:var(--k-cream)}
body.variant-poster .faq-a{color:var(--k-muted)}
body.variant-poster .empty{border-color:var(--k-line);background:rgba(35,5,4,.55)}
body.variant-poster .empty p{color:var(--k-muted)}

/* footer: giant gold wordmark */
body.variant-poster .po-footer{border-top:3px solid var(--k-gold-2);padding:34px 0 22px;background:linear-gradient(180deg,#2a0604,#1b0302)}
/* Gold frieze: the roof-and-coin texture from the brand poster, used once at
   the foot of the page so the background artwork has a real role. */
body.variant-poster .po-footer::before{
  content:"";display:block;height:86px;margin:-34px 0 26px;
  background:var(--k-maroon-2) url("6svip-texture.webp") center center/720px 86px repeat-x;
  border-bottom:1px solid var(--k-gold-2);opacity:.7;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
body.variant-poster .po-footer-mark{
  color:transparent;background:linear-gradient(180deg,#ffe9ab,#e0a63c 60%,#a9721d);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.5));
}
body.variant-poster .po-footer-row a{color:var(--k-muted)}
body.variant-poster .po-footer-row a:hover{color:var(--k-gold)}
body.variant-poster .po-footer-bottom{color:var(--k-muted)}

/* ---------- mobile fixed CTA bar ---------- */
body.variant-poster .bottom-cta{
  display:none;
}
@media (max-width:700px){
  body.variant-poster{
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
    font-size:15px;
    /* Fixed backgrounds repaint on every scroll on iOS and break long
       screenshots; the gradient is identical without the attachment. */
    background-attachment:scroll;
  }
  body.variant-poster .bottom-cta{
    display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:90;
    gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,#3b0906,#210403);
    border-top:2px solid var(--k-gold-2);
    box-shadow:0 -10px 26px rgba(0,0,0,.5);
  }
  body.variant-poster .bottom-cta .btn{
    flex:1;min-height:50px;height:50px;border-radius:10px;
    font-family:var(--display);font-size:12px;letter-spacing:.05em;text-transform:uppercase;
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
  }
  body.variant-poster .bottom-cta .btn-primary{
    background:linear-gradient(180deg,#ffe9ab,var(--k-gold) 55%,var(--k-gold-2));
    color:#3b0906;border:2px solid #6d4310;box-shadow:0 3px 0 #6d4310;
  }
  body.variant-poster .bottom-cta .btn-ghost{
    background:linear-gradient(180deg,#27935b,var(--k-jade) 60%,var(--k-jade-2));
    color:#fff8e6;border:2px solid var(--k-gold);box-shadow:0 3px 0 #0a3a23;
  }

  body.variant-poster .av-header-inner{min-height:62px;gap:10px}
  body.variant-poster .brand-logo{height:44px;width:44px;max-width:44px;border-radius:11px}
  body.variant-poster .av-brand::after{display:none}
  body.variant-poster .av-nav{
    position:fixed;inset:auto 0 auto 0;top:70px;flex-direction:column;gap:2px;
    background:#2a0604;border:1px solid var(--k-line);border-top:3px solid var(--k-gold-2);
    padding:8px;display:none;z-index:80;
  }
  body.variant-poster .av-nav.is-open{display:flex}
  body.variant-poster .av-nav a{font-size:12px;padding:10px 8px;border-bottom:1px solid var(--k-line-soft)}
  body.variant-poster .menu-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 12px}

  body.variant-poster .av-scoreline{display:none}
  body.variant-poster .policy-strip-inner{gap:4px 6px;padding:5px 0;font-size:8px;letter-spacing:.04em}
  body.variant-poster .policy-badge,.body .policy-tag{font-size:8px}
  body.variant-poster .policy-link{padding:2px 5px;font-size:8px;min-height:20px}
  body.variant-poster .policy-note{display:none}

  body.variant-poster .po-hero{padding:22px 0 18px}
  body.variant-poster .hero-brand-logo{
    height:80px;width:80px;max-height:80px;max-width:80px;border-radius:18px;
    box-shadow:0 5px 0 rgba(109,67,16,.8);
  }
  body.variant-poster .hero-logo-tag{font-size:9px;padding:3px 6px}
  body.variant-poster .po-hero-figure{
    margin:10px 0 0;border-width:2px;border-radius:14px;max-width:100%;
    box-shadow:0 7px 0 rgba(109,67,16,.45);
  }
  body.variant-poster .po-hero h1,
  body.variant-poster .po-title{font-size:clamp(34px,10.4vw,52px);line-height:.92;margin-top:12px}
  body.variant-poster .po-rule{margin:14px 0 12px}
  body.variant-poster .po-deck{font-size:14px;line-height:1.6}
  body.variant-poster .po-hero-actions{gap:8px}
  body.variant-poster .po-hero-actions .btn{min-height:50px;flex:1;padding:0 12px;font-size:12px}
  body.variant-poster .po-strip{font-size:8px;gap:8px 14px;margin-top:16px}

  body.variant-poster .section{padding:38px 0}
  body.variant-poster .po-factgrid{grid-template-columns:1fr 1fr}
  body.variant-poster .h03-tiles{grid-template-columns:1fr 1fr;gap:8px}
  body.variant-poster .h03-tile img{height:168px}
  body.variant-poster .po-faq{grid-template-columns:1fr}
  body.variant-poster .po-faq article:nth-child(odd){border-right:0}
  body.variant-poster .po-steps{grid-template-columns:1fr}
  body.variant-poster .po-steps li:nth-child(odd){border-right:0}
  body.variant-poster .po-footer-mark{font-size:clamp(44px,13vw,86px)}
  body.variant-poster .variant-page-hero h1{font-size:clamp(30px,8.6vw,44px)}
}

@media (max-width:420px){
  body.variant-poster .wrap{width:calc(100% - 26px)}
  body.variant-poster .po-hero h1{font-size:clamp(30px,9.6vw,44px)}
  body.variant-poster .bottom-cta .btn{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  body.variant-poster *{transition:none !important;animation:none !important}
}