/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-fe4a10363b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-c628a829d0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-0186fb75f1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-fe4a10363b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-c628a829d0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-0186fb75f1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-fe4a10363b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-c628a829d0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-0186fb75f1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-a53201c811.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-11aa495c85.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-a53201c811.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-11aa495c85.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-a53201c811.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: optional;
  src: url(/fonts/w78-11aa495c85.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ── Maraschino Room · cherry lacquer / cream / amber ── */
:root{
  --bg-main:#1C0D11;
  --bg-card:#251219;
  --bg-raise:#2E1820;
  --accent:#E0A64A;
  --accent-hover:#ECBA5F;
  --accent-2:#8A2E40;
  --text-main:#F4E9DA;
  --text-muted:#BDA69C;
  --border:rgba(240,226,210,.16);
  --cream-line:rgba(240,226,210,.26);
  --cream-soft:rgba(244,233,218,.75);
  --cream-tint:rgba(244,233,218,.04);
  --amber-line:rgba(224,166,74,.5);
  --amber-edge:rgba(224,166,74,.4);
  --amber-tint:rgba(224,166,74,.08);
  --bar-bg:#F4E9DA;
  --bar-ink:#1C0D11;
  --bar-muted:#5F4B44;
  --bar-line:rgba(28,13,17,.22);
  --bar-line-soft:rgba(28,13,17,.1);
  --wrap:1120px;
  --radius:16px;
  --radius-sm:12px;
  --font-head:'Archivo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --font-body:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --overlay:linear-gradient(90deg,rgba(24,10,14,.92) 0%,rgba(24,10,14,.8) 42%,rgba(24,10,14,.5) 62%,rgba(24,10,14,.24) 82%,rgba(24,10,14,.16) 100%);
  --overlay-v:linear-gradient(180deg,rgba(24,10,14,.9) 0%,rgba(24,10,14,.84) 45%,rgba(24,10,14,.5) 100%);
  --scrim-inner:linear-gradient(90deg,rgba(24,10,14,.9) 0%,rgba(24,10,14,.74) 55%,rgba(24,10,14,.52) 100%);
  --hero-ph:linear-gradient(120deg,#2A141B 0%,#1C0D11 55%,#241016 100%);
  --shadow-card:0 14px 36px -22px rgba(0,0,0,.55);
  --shadow-pop:0 24px 60px rgba(0,0,0,.5);
}

/* ── Base ── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg-main);color:var(--text-main);font:400 1rem/1.6 var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%}
p,li,td,th,dd,dt,figcaption{overflow-wrap:anywhere}
p{margin:.55rem 0}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--accent-hover)}
ul,ol{margin:.55rem 0;padding-inline-start:1.2rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:var(--accent);color:var(--bg-main)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

h1{font:800 clamp(1.85rem,4.5vw,3.05rem)/1.1 var(--font-head);letter-spacing:-.015em;color:var(--text-main);margin:0 0 .6rem;text-wrap:balance}
h2{font:800 clamp(1.25rem,2.6vw,1.6rem)/1.2 var(--font-head);letter-spacing:-.01em;color:var(--text-main);margin:0 0 1rem;text-wrap:balance}
h3{font:700 1.02rem/1.3 var(--font-head);letter-spacing:0;color:var(--text-main);margin:1.15rem 0 .45rem}
.w78-eyebrow{display:flex;align-items:center;gap:.5rem;font:700 .72rem/1.2 var(--font-head);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0}
.w78-eyebrow::before{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--accent)}

/* ── Container + cards archetype: every section is a lacquered panel ── */
.w78-container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1rem,3vw,1.5rem)}
.w78-container>*{min-width:0}
.w78-section{padding-block:clamp(1rem,2.4vw,1.6rem)}
.w78-section>.w78-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:clamp(1.25rem,3vw,1.9rem) clamp(1.1rem,3vw,1.75rem)}
.w78-section--alt>.w78-container{background:var(--bg-raise)}
/* signature: art-deco double hairline (cream + amber, 3px apart) crowning each section heading */
.w78-section h2{position:relative;padding-top:.95rem}
.w78-section h2::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--cream-line)}
.w78-section h2::after{content:"";position:absolute;top:4px;left:0;width:100%;height:1px;background:var(--amber-line)}

/* ── Buttons ── */
.w78-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.35rem;border:1px solid transparent;border-radius:14px;background:var(--accent);color:var(--bg-main);font:700 .95rem/1 var(--font-head);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,color .2s}
.w78-btn:hover{background:var(--accent-hover);color:var(--bg-main);transform:translateY(-1px)}
.w78-btn--ghost{background:transparent;border-color:var(--amber-edge);color:var(--accent)}
.w78-btn--ghost:hover{background:var(--amber-tint);border-color:var(--accent);color:var(--accent)}

/* ── Header (light cream bar: dark logo needs a light surface) ── */
.w78-header{position:sticky;top:0;z-index:1000;background:var(--bar-bg);border-bottom:1px solid var(--bar-line);box-shadow:0 4px 0 -3px var(--amber-line)}
.w78-header__bar{display:flex;align-items:center;gap:1rem;min-height:66px}
.w78-logo{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;text-decoration:none}
.w78-logo__img{display:block;height:40px;width:auto;max-width:100%;object-fit:contain}
.w78-nav{display:flex;align-items:center;gap:.2rem;margin-left:auto}
.w78-nav a:not(.w78-btn){display:inline-flex;align-items:center;padding:.55rem .7rem;border-bottom:2px solid transparent;color:var(--bar-ink);font:600 .88rem/1.2 var(--font-body);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}
.w78-nav a:not(.w78-btn):hover,.w78-nav a:not(.w78-btn):focus-visible{color:var(--accent-2);border-bottom-color:var(--accent)}
.w78-nav a:not(.w78-btn)[aria-current="page"]{color:var(--accent-2);border-bottom-color:var(--accent)}
.w78-header__cta{flex-shrink:0;margin-left:.25rem;padding:.62rem 1.05rem;font-size:.88rem}
.w78-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;flex:0 0 44px;padding:0;background:transparent;border:1px solid var(--bar-line);border-radius:var(--radius-sm);cursor:pointer}
.w78-burger span{display:block;width:22px;height:2px;background:var(--bar-ink);transition:transform .25s,opacity .2s}
.w78-header.is-open .w78-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.w78-header.is-open .w78-burger span:nth-child(2){opacity:0}
.w78-header.is-open .w78-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:959px){
  .w78-header__bar{gap:.75rem;min-height:58px}
  .w78-logo{max-width:min(42vw,150px)}
  .w78-logo__img{height:32px}
  .w78-burger{display:flex}
  .w78-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin-left:0;background:var(--bar-bg);border-bottom:1px solid var(--bar-line);box-shadow:0 18px 26px -18px rgba(28,13,17,.45);padding:.4rem clamp(1rem,3vw,1.5rem) .8rem}
  .w78-header.is-open .w78-nav{display:flex}
  .w78-nav a:not(.w78-btn){padding:.85rem .25rem;border-bottom:1px solid var(--bar-line-soft);font-size:.95rem}
  .w78-nav a:not(.w78-btn):hover,.w78-nav a:not(.w78-btn)[aria-current="page"]{border-bottom-color:var(--accent)}
}
@media (max-width:480px){
  .w78-header__cta{padding:.55rem .8rem;font-size:.8rem}
}

/* ── Hero ── */
.w78-hero{position:relative;overflow:hidden;background:var(--bg-card)}
.w78-hero.w78-section{padding-block:0}
.w78-hero>.w78-container{background:transparent;border:0;box-shadow:none;border-radius:0}
.w78-hero__img{display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
/* home: full-bleed overlay — dark left where the text sits, light right so the figure stays visible */
.w78-hero--home{min-height:clamp(420px,60vh,620px);display:flex;align-items:center;background:var(--hero-ph)}
.w78-hero--home .w78-hero__img{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0}
.w78-hero--home::after{content:"";position:absolute;inset:0;z-index:1;background:var(--overlay)}
.w78-hero--home .w78-hero__inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;min-height:clamp(420px,60vh,620px);padding-block:clamp(2rem,6vh,3.5rem)}
.w78-hero--home h1{color:#fff;max-width:58%}
.w78-hero--home h1,.w78-hero--home .w78-hero__sub{max-width:58%}
.w78-hero__sub{margin:0;font-size:1.05rem;line-height:1.6;color:var(--cream-soft)}
.w78-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem}
.w78-hero__fine{font-size:.75rem;color:var(--cream-soft)}
@media (max-width:640px){
  .w78-hero--home::after{background:var(--overlay-v)}
  .w78-hero--home h1,.w78-hero--home .w78-hero__sub{max-width:100%}
}
/* inner pages: compact lacquer band */
.w78-hero--inner{position:relative;min-height:172px;display:flex;align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 4px 0 -3px var(--amber-line)}
.w78-hero--inner:has(.w78-hero__img){background:var(--bg-main)}
.w78-hero--inner .w78-hero__img{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0}
.w78-hero--inner:has(.w78-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:var(--scrim-inner)}
.w78-hero--inner .w78-hero__inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:.55rem;padding-block:clamp(1.4rem,3.5vw,2rem)}
:where(.w78-hero--inner .w78-hero__inner > :not(.w78-hero__img)){position:relative;z-index:2}
.w78-hero--inner h1{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.01em}

/* ── Page header (base, no image) ── */
.w78-page-header{position:relative;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 4px 0 -3px var(--amber-line);padding-block:clamp(1.5rem,3.5vw,2.2rem)}
.w78-page-header .w78-container{display:flex;flex-direction:column;gap:.55rem;position:relative;z-index:2}
.w78-page-header h1{font-size:clamp(1.4rem,3vw,2rem)}
.w78-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;list-style:none;margin:0;padding:0;font:600 .72rem/1.4 var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.w78-breadcrumb li+li::before{content:"—";margin-right:.5rem;color:var(--amber-line)}
.w78-breadcrumb a{color:var(--accent);text-decoration:none}
.w78-breadcrumb a:hover{text-decoration:underline}
.w78-breadcrumb [aria-current]{color:var(--text-main)}

/* ── Icons ── */
.w78-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0;stroke:currentColor}

/* ── Overview / two-cols / content panel ── */
.w78-overview p{font-size:.95rem;line-height:1.65}
.w78-two-cols__inner{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(1.25rem,3vw,2rem);align-items:start}
.w78-two-cols__inner>*{min-width:0}
@media (max-width:840px){.w78-two-cols__inner{grid-template-columns:1fr}}
.w78-panel{display:flex;flex-direction:column;gap:.9rem;align-self:start;background:var(--bg-raise);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2.5vw,1.5rem)}
.w78-panel__title,.w78-content-panel__title{display:flex;align-items:center;gap:.5rem;margin:0;font:800 .78rem/1.4 var(--font-head);letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.w78-panel__title::before,.w78-content-panel__title::before{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--accent)}
.w78-facts{display:flex;flex-direction:column;margin:0}
.w78-facts__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--border)}
.w78-facts__row:last-child{border-bottom:0}
.w78-facts dt{margin:0;color:var(--text-muted);font-size:.85rem}
.w78-facts dd{margin:0;color:var(--text-main);font-size:.92rem;font-weight:600;text-align:right}
.w78-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.w78-checklist li{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;line-height:1.55}
.w78-checklist .w78-icon{color:var(--accent);margin-top:.15rem}
.w78-score{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}
.w78-score__value{font:800 2.6rem/1 var(--font-head);color:var(--accent)}
.w78-score__stars{display:flex;gap:2px;color:var(--accent)}
.w78-score__stars .w78-icon{width:1rem;height:1rem}
.w78-score__label{font-size:.8rem;color:var(--text-muted)}

/* ── Quick facts ── */
.w78-quick-facts{display:flex;flex-direction:column;gap:.4rem;background:var(--bg-raise);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2.5vw,1.4rem)}

/* ── Feature cards: icon-rows (no card boxes) ── */
.w78-feature-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.w78-feature-cards li,.w78-feature-cards__item{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--border)}
.w78-feature-cards li:last-child,.w78-feature-cards__item:last-child{border-bottom:0;padding-bottom:.25rem}
.w78-feature-cards li:first-child,.w78-feature-cards__item:first-child{padding-top:.25rem}
.w78-feature-cards__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--amber-edge);border-radius:var(--radius-sm);background:var(--amber-tint);color:var(--accent)}
.w78-feature-cards__icon .w78-icon{width:1.35rem;height:1.35rem}
.w78-feature-cards h3{margin:0 0 .3rem;font-size:.98rem}
.w78-feature-cards p{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-muted)}
@media (max-width:480px){
  .w78-feature-cards__icon{flex-basis:40px;width:40px;height:40px}
  .w78-feature-cards__icon .w78-icon{width:1.15rem;height:1.15rem}
}

/* ── Card grid / cards ── */
.w78-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(.8rem,2vw,1.25rem)}
.w78-cards-grid>*{min-width:0}
.w78-card{display:flex;flex-direction:column;gap:.55rem;background:var(--bg-raise);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}
.w78-card h3{margin:0}
.w78-card p{margin:0;font-size:.9rem;color:var(--text-muted)}

/* ── Stats bar: bare counters ── */
.w78-stats-bar__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:clamp(1rem,3vw,1.75rem)}
.w78-stats-bar__inner>*{min-width:0}
.w78-stats-bar__value{font:800 clamp(2.2rem,5vw,3.5rem)/1 var(--font-head);letter-spacing:-.02em;color:var(--accent)}
.w78-stats-bar__label{margin-top:.4rem;font:600 .72rem/1.4 var(--font-head);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}

/* ── Numbered list ── */
.w78-numbered-list{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.w78-numbered-list li{counter-increment:step;position:relative;padding-left:2.6rem;min-width:0}
.w78-numbered-list li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--amber-edge);border-radius:10px;font:700 .8rem/1 var(--font-head);color:var(--accent)}
.w78-numbered-list li>p:first-child{margin-top:0}
.w78-numbered-list h3{margin:.1rem 0 .2rem;font-size:1rem}

/* ── Categories bar ── */
.w78-categories-bar{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.w78-categories-bar a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font:600 .8rem/1.2 var(--font-body);text-decoration:none;transition:border-color .2s,color .2s}
.w78-categories-bar a:hover{border-color:var(--amber-edge);color:var(--accent)}

/* ── Tables ── */
.w78-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.25rem}
.w78-table-wrap table{width:100%;min-width:480px;border-collapse:collapse;font-size:.9rem}
table th{white-space:nowrap;text-align:left;padding:.7rem .8rem;border-bottom:2px solid var(--amber-line);font:700 .72rem/1.3 var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
table td{padding:.7rem .8rem;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:top}
tbody tr:nth-child(even){background:var(--cream-tint)}
tbody tr:hover{background:var(--amber-tint)}
.w78-bonus-table table th{color:var(--accent);background:var(--amber-tint)}
.w78-data-table table td strong,.w78-bonus-table table td strong{color:var(--accent)}
.w78-payments-table .w78-icon{width:1.35rem;height:1.35rem;color:var(--accent)}
.w78-payments-table table td:first-child{white-space:nowrap;font-weight:500}

/* ── Pros & cons ── */
.w78-pros-cons__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(1rem,2.5vw,1.5rem)}
.w78-pros-cons__inner>*{min-width:0}
.w78-pros-cons__col{display:flex;flex-direction:column;gap:.7rem;background:var(--bg-raise);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem}
.w78-pros-cons__pros{border-inline-start:3px solid var(--accent)}
.w78-pros-cons__cons{border-inline-start:3px solid var(--accent-2)}
.w78-pros-cons__title{margin:0;font:800 .82rem/1.4 var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.w78-pros-cons ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.w78-pros-cons ul li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.5}
.w78-pros-cons ul li::before{content:"";width:6px;height:6px;flex:0 0 6px;margin-top:.5rem;background:var(--accent)}
.w78-pros-cons__cons ul li::before{background:var(--accent-2)}
.w78-note{margin:0;border-inline-start:2px solid var(--accent);padding:.2rem 0 .2rem .75rem;font-size:.86rem;color:var(--text-muted)}

/* ── FAQ (single column) ── */
.w78-faq details{border-bottom:1px solid var(--border)}
.w78-faq details:last-child{border-bottom:0}
.w78-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;color:var(--text-main)}
.w78-faq summary::-webkit-details-marker{display:none}
.w78-faq summary::before{content:'+';margin-right:.5rem;transition:transform .2s;color:var(--accent);font-family:var(--font-head)}
.w78-faq details[open] summary::before{content:'−'}
.w78-faq details>:not(summary){padding:.5rem 0 1rem}
.w78-faq p{margin:.3rem 0;font-size:.92rem;color:var(--text-muted)}

/* ── TOC ── */
.w78-toc{display:flex;flex-direction:column;gap:.1rem;border-inline-start:2px solid var(--accent);padding:.25rem 0 .25rem 1.1rem}
.w78-toc a{display:flex;gap:.55rem;align-items:baseline;padding:.45rem 0;color:var(--text-main);text-decoration:none;font-size:.92rem;font-weight:500}
.w78-toc a::before{content:"";width:6px;height:6px;flex:0 0 6px;transform:translateY(-2px);background:var(--accent)}
.w78-toc a:hover{color:var(--accent)}

/* ── CTA block ── */
.w78-cta-block>.w78-container{background:var(--bg-raise);border:1px solid var(--amber-edge);border-top:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-card);text-align:center}
.w78-cta-block__inner{display:flex;flex-direction:column;gap:1rem;align-items:center;max-width:640px;margin-inline:auto}
.w78-cta-block .w78-eyebrow{justify-content:center}
.w78-cta-block__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.w78-cta-block__fine{margin:0;font-size:.78rem;line-height:1.5;color:var(--text-muted)}

/* ── Legal body ── */
.w78-legal-body{counter-reset:law;display:flex;flex-direction:column;gap:1.2rem}
.w78-legal-body h2{counter-increment:law;position:relative;margin:0 0 .6rem;padding-top:.95rem}
.w78-legal-body h2::before{content:counter(law,decimal-leading-zero);position:static;display:block;width:auto;height:auto;background:transparent;margin-bottom:.45rem;color:var(--accent);font:800 .78rem/1 var(--font-head);letter-spacing:.18em}
.w78-legal-body h2::after{display:none}
.w78-legal-body h3{margin:1rem 0 .35rem;font-size:1rem}
.w78-legal-body p{font-size:.92rem;line-height:1.65}

/* ── Slot tiles (rtp-grid) ── */
.w78-rtp{display:grid;gap:clamp(.6rem,1.5vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.w78-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.w78-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.w78-rtp-item{position:relative;overflow:hidden;min-width:0;border-radius:var(--radius-sm)}
.w78-rtp-item__thumb{display:block;aspect-ratio:3/2;position:relative;background:var(--hero-ph)}
.w78-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.w78-rtp-item__name{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.55rem .15rem 0;font:600 .84rem/1.3 var(--font-body);color:var(--text-main)}
.w78-rtp-item__name span{font:700 .78rem/1 var(--font-head);color:var(--accent);white-space:nowrap}
.w78-rtp-tooltip{position:absolute;bottom:0;left:0;right:0;padding:.55rem .7rem;background:rgba(24,10,14,.92);border-top:1px solid var(--amber-edge);color:var(--text-main);font-size:.78rem;line-height:1.45;opacity:0;transition:opacity .2s;pointer-events:none}
.w78-rtp-item:hover .w78-rtp-tooltip{opacity:1}

/* ── Sticky mobile nav ── */
.w78-sticky-nav{display:none}
@media (max-width:767px){
  body:has(.w78-sticky-nav){padding-bottom:72px}
  .w78-sticky-nav{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;justify-content:space-around;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -8px 20px rgba(0,0,0,.35);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom))}
  .w78-sticky-nav a{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1 1 0;min-width:0;padding:.35rem .2rem;color:var(--text-muted);text-decoration:none;font:600 .62rem/1.2 var(--font-head);text-transform:uppercase;letter-spacing:.06em}
  .w78-sticky-nav a:hover,.w78-sticky-nav a[aria-current="page"]{color:var(--accent)}
  .w78-sticky-nav .w78-icon{width:1.25rem;height:1.25rem}
  .w78-chat-btn{bottom:80px}
  .w78-chat{bottom:calc(80px + 62px)}
}

/* ── Chat widget ── */
.w78-chat-btn{position:fixed;right:1.1rem;bottom:1.1rem;z-index:950;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--amber-edge);border-radius:50%;background:var(--accent);color:var(--bg-main);cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.4);transition:background .2s,transform .2s}
.w78-chat-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}
.w78-chat-btn .w78-icon{width:1.4rem;height:1.4rem}
.w78-chat{display:none;position:fixed;right:1.1rem;bottom:calc(1.1rem + 62px);z-index:951;flex-direction:column;width:min(360px,calc(100vw - 2.2rem));max-height:min(70vh,540px);overflow:hidden;background:var(--bg-card);border:1px solid var(--amber-edge);border-radius:var(--radius);box-shadow:var(--shadow-pop)}
.w78-chat.is-open{display:flex}
.w78-chat__head{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);font:700 .85rem/1.2 var(--font-head);letter-spacing:.04em}
.w78-chat__head .w78-icon{color:var(--accent)}
.w78-chat__body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.7rem;font-size:.9rem;color:var(--text-muted)}
.w78-chat__foot{padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}

/* ── Footer (light cream bar: dark logo needs a light surface) ── */
.w78-footer{margin-top:clamp(1.5rem,4vw,2.75rem);background:var(--bar-bg);color:var(--bar-ink);border-top:1px solid var(--bar-line);box-shadow:0 -4px 0 -3px var(--amber-line)}
.w78-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:clamp(1.25rem,3vw,2.5rem);padding-block:clamp(1.75rem,4vw,2.75rem)}
.w78-footer__grid>*{min-width:0}
@media (max-width:840px){.w78-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.w78-footer__grid{grid-template-columns:1fr}}
.w78-footer__brand{display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}
.w78-footer__tagline{margin:0;font-size:.88rem;line-height:1.55;color:var(--bar-muted)}
.w78-footer__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font:800 .72rem/1.4 var(--font-head);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
.w78-footer__title::before{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--accent)}
.w78-footer__col ul{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.w78-footer__col a{display:inline-block;padding:.3rem 0;color:var(--bar-ink);text-decoration:none;font-size:.9rem}
.w78-footer__col a:hover{color:var(--accent-2);text-decoration:underline}
.w78-footer__info{margin:.35rem 0;font-size:.84rem;line-height:1.55;color:var(--bar-muted)}
.w78-footer__info a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.w78-footer__disclaimer{display:flex;flex-direction:column;gap:.6rem;border-top:1px solid var(--bar-line-soft);padding-block:1.1rem}
.w78-footer__age{display:inline-flex;align-self:flex-start;align-items:center;padding:.18rem .55rem;border:1px solid var(--accent-2);border-radius:8px;font:800 .75rem/1.2 var(--font-head);letter-spacing:.08em;color:var(--accent-2)}
.w78-footer__micro{margin:0;font-size:.78rem;line-height:1.55;color:var(--bar-muted)}
.w78-footer__bottom{border-top:1px solid var(--bar-line-soft);padding-block:.95rem}
.w78-footer__copy{margin:0;font-size:.78rem;color:var(--bar-muted)}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.w78-footer .w78-logo__img{filter:none;background:transparent;padding:0}
.w78-footer .w78-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.w78-logo__img{object-fit:contain}
/* sa-ph-media */
.w78-page-header:has(.w78-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.w78-page-header:has(.w78-hero__img) .w78-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.w78-page-header:has(.w78-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.w78-page-header:has(.w78-hero__img)>:not(.w78-hero__img)){position:relative}
.w78-page-header:has(.w78-hero__img)>:not(.w78-hero__img){z-index:2}
.w78-page-header:has(.w78-hero__img),.w78-page-header:has(.w78-hero__img) h1,.w78-page-header:has(.w78-hero__img) a,.w78-page-header:has(.w78-hero__img) p,.w78-page-header:has(.w78-hero__img) li,.w78-page-header:has(.w78-hero__img) span{color:#fff}
/* sa-hero-media */
.w78-hero:has(>.w78-hero__img){position:relative;isolation:isolate}
.w78-hero:has(>.w78-hero__img)>.w78-hero__img{z-index:0}
.w78-hero:has(>.w78-hero__img)::after{z-index:1}
:where(.w78-hero:has(>.w78-hero__img)>:not(.w78-hero__img)){position:relative}
.w78-hero:has(>.w78-hero__img)>:not(.w78-hero__img){z-index:2}
/* sa-rhythm v3 */
:where(.w78-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.w78-table-wrap)+p{margin-block-start:1rem}
main :is(ul,ol,table,.w78-table-wrap,.w78-rtp,.w78-steps,.w78-cards,.w78-features)+:is(.w78-actions,div:has(>.w78-btn),p:has(>.w78-btn)){margin-block-start:1.25rem}
/* sa-table-thead */
.w78-table-wrap thead th,.w78-table-wrap thead{position:static}
/* sa-slot-link v2 */
.w78-rtp-item,.w78-rtp-item:hover,.w78-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
:where(.w78-rtp-item){display:block}
/* sa-rtp-touch */
.w78-rtp-item__thumb{display:block}
@media (hover:none){.w78-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.w78-rtp-item__thumb img{height:auto}.w78-rtp-tooltip{position:static;opacity:1;background:transparent;border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.w78-rtp-item__name{padding-top:.35rem}}
/* sa-actions-gap: базовый отступ CTA-рядов — sa-rhythm даёт его только после таблиц/списков,
   из-за чего после .w78-note и .w78-two-cols__inner кнопки липли к контенту (gap 0) */
.w78-actions{margin-block-start:1.25rem}
/* sa-cta-touch: тап-таргет шапки 32px → 40px на мобильных */
@media (max-width:959px){.w78-header__cta{min-height:40px}}
/* sa-narrow-tables: 2-колоночные таблицы не тянут горизонтальный скролл на 320–375px */
.w78-table-wrap table:has(thead th:nth-child(2):last-child){min-width:min(480px,100%)}
/* sa-fine-quiet: повторные 18+ строки под CTA приглушаем (hero и футер не трогаем) */
.w78-actions .w78-hero__fine{font-size:.72rem;color:var(--text-muted);margin-top:.45rem}
/* sa-cookie-consent: баннер согласия, обещанный политикой конфиденциальности */
.w78-cookie{position:fixed;left:0;right:0;bottom:0;z-index:9995;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;background:var(--bg-raise);border-top:1px solid var(--amber-edge);box-shadow:0 -10px 30px rgba(0,0,0,.4);padding:.9rem clamp(1rem,3vw,1.5rem) calc(.9rem + env(safe-area-inset-bottom))}
.w78-cookie[hidden]{display:none}
.w78-cookie__text{margin:0;flex:1 1 340px;font-size:.8rem;line-height:1.5;color:var(--text-muted)}
.w78-cookie__actions{display:flex;gap:.6rem;flex:0 0 auto}
.w78-cookie .w78-btn{min-height:44px}