/* Agent Ace Slot — shared stylesheet (critical subset is inlined per page) */
/* ===== core design system (53b33185) ===== */
/* Agent Ace Slot — Liquid Glass theme. Mobile-first. Min font 14px. Inline SVG only. */
:root{
  --bg-0:#06070b;
  --bg-1:#0a0c12;
  --accent:#ff9f4a;
  --accent-2:#ffbe85;
  --accent-dark:#db7a26;
  --accent-glow:rgba(255,159,74,.35);
  --steel:#6f9fd8;
  --violet:#9a6cf0;
  --text-primary:#f4f6f9;
  --text-secondary:#b3bcca;
  --text-muted:#a3adbc;
  /* glass */
  --glass-bg:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  --glass-bg-strong:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  --glass-border:rgba(255,255,255,.16);
  --glass-blur:13px;
  --glass-shadow:inset 0 1px 0 rgba(255,255,255,.40),inset 0 -1px 1px rgba(255,255,255,.05),0 12px 40px rgba(0,0,0,.45);
  --glass-shadow-sm:inset 0 1px 0 rgba(255,255,255,.30),0 6px 20px rgba(0,0,0,.35);
  --radius-sm:14px;--radius-md:22px;--radius-lg:30px;--pill:999px;
  --font-display:-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body:-apple-system,BlinkMacSystemFont,sans-serif;
  --container-max:1180px;
  --container-pad:12px;
  color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  position:relative;
  background:var(--bg-0);
  color:var(--text-primary);
  font-family:var(--font-body);
  font-size:15px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* living mesh-gradient behind the glass */
body::before{
  content:"";position:fixed;inset:-25%;z-index:-2;
  background:
    radial-gradient(38% 38% at 18% 22%,rgba(255,159,74,.20),transparent 62%),
    radial-gradient(44% 44% at 82% 12%,rgba(111,159,216,.26),transparent 62%),
    radial-gradient(48% 48% at 72% 82%,rgba(154,108,240,.20),transparent 62%),
    radial-gradient(40% 40% at 10% 92%,rgba(41,182,246,.14),transparent 62%);
  filter:blur(48px) saturate(130%);
  animation:drift 26s ease-in-out infinite alternate;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(120% 90% at 50% -10%,transparent 60%,rgba(0,0,0,.55) 100%),
    linear-gradient(180deg,rgba(6,7,11,.2),rgba(6,7,11,.7));
}
@keyframes drift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-3%,2%,0) scale(1.08)}
  100%{transform:translate3d(3%,-2%,0) scale(1.04)}
}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none}
h1,h2,h3{font-family:var(--font-display);line-height:1.16;font-weight:800;letter-spacing:-.015em;color:var(--text-primary)}
h1{font-size:clamp(1.8rem,5.8vw,3rem);margin-bottom:.45em}
h2{font-size:clamp(1.35rem,4vw,2rem);margin:1.5em 0 .55em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
h3{font-size:clamp(1.05rem,3vw,1.32rem);margin:1.15em 0 .4em}
p{margin:0 0 1em;color:var(--text-secondary)}
p strong,li strong{color:inherit;font-weight:inherit}
ul,ol{margin:0 0 1em;padding-left:1.2em;color:var(--text-secondary)}
li{margin:.35em 0}
.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}
.section{padding:26px 0;content-visibility:auto;contain-intrinsic-size:auto 600px}.section+.section{padding-top:0}
.muted{color:var(--text-muted);font-size:.875rem}
.center{text-align:center}

.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#000;padding:8px 14px;border-radius:0 0 var(--radius-sm) 0;z-index:200}
.skip:focus{left:0}

/* ---------- NAV (floating glass capsule) ---------- */
.nav{position:sticky;top:12px;z-index:100;margin:12px auto 0;max-width:calc(var(--container-max) + 24px);padding:0 12px}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:0 16px;
  background:var(--glass-bg-strong);
  backdrop-filter:blur(var(--glass-blur)) saturate(170%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%);
  border:1px solid var(--glass-border);
  border-radius:var(--pill);
  box-shadow:var(--glass-shadow);
}
.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:900;font-size:1.08rem;color:var(--text-primary);letter-spacing:.02em}
.nav-logo .dot{color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}
.nav-burger{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill);color:var(--text-primary);cursor:pointer;box-shadow:var(--glass-shadow-sm)}
.nav-links{display:none;list-style:none;margin:0;padding:0;align-items:center;gap:2px}
.nav-links a{display:flex;align-items:center;min-height:40px;padding:8px 10px;color:var(--text-secondary);font-size:.95rem;font-weight:600;border-radius:var(--pill);white-space:nowrap;transition:color .2s,background .2s}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text-primary);background:rgba(255,255,255,.08)}
.nav-links a.nav-cta,.nav-cta{background:linear-gradient(180deg,var(--accent-2),var(--accent) 55%,var(--accent-dark));color:#231405;font-weight:800;padding:9px 18px;border-radius:var(--pill);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 16px var(--accent-glow);text-shadow:none}
.nav-links a.nav-cta:hover,.nav-cta:hover{filter:brightness(1.04);color:#231405;background:linear-gradient(180deg,var(--accent-2),var(--accent) 55%,var(--accent-dark))}
.lang-switch{display:flex;gap:5px;margin-left:4px;list-style:none;padding:0}
.lang-switch a{padding:6px 11px;font-size:.875rem;border:1px solid var(--glass-border);border-radius:var(--pill);color:var(--text-secondary);text-transform:uppercase;background:var(--glass-bg)}
.lang-switch a[aria-current="true"]{color:var(--accent);border-color:rgba(255,159,74,.45);box-shadow:0 0 14px var(--accent-glow)}

.nav-menu{position:fixed;inset:84px 12px auto 12px;background:var(--glass-bg-strong);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transform:translateY(-130%);transition:transform .32s cubic-bezier(.22,1,.36,1);z-index:99;padding:8px 16px 16px}
.nav-menu.open{transform:translateY(0)}
.nav-menu ul{list-style:none;margin:0;padding:0}
.nav-menu a{display:flex;align-items:center;min-height:48px;padding:12px 6px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem;font-weight:600}
.nav-menu a:last-child{border-bottom:0}
.nav-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.4);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s;z-index:98}
.nav-backdrop.open{opacity:1;visibility:visible}

/* ---------- HERO ---------- */
.hero{padding:34px 0 26px}
.hero-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.hero-grid>*{min-width:0}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);background:var(--glass-bg);border:1px solid rgba(255,159,74,.35);border-radius:var(--pill);padding:6px 14px;margin-bottom:16px;box-shadow:var(--glass-shadow-sm)}
.hero-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),0 24px 60px rgba(0,0,0,.5)}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 40%);pointer-events:none}
.hero-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hero p.lead{font-size:1.05rem;color:var(--text-secondary);max-width:60ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* ---------- BUTTONS (glossy liquid) ---------- */
.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--accent-2),var(--accent) 55%,var(--accent-dark));color:#1a1206;font-weight:800;font-size:1rem;padding:14px 28px;min-height:50px;border-radius:var(--pill);border:none;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(120,80,0,.3),0 6px 22px var(--accent-glow);transition:transform .15s,box-shadow .2s,filter .2s}
.btn-primary::after{content:"";position:absolute;top:0;left:0;right:0;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);border-radius:var(--pill) var(--pill) 60% 60%/var(--pill) var(--pill) 100% 100%;opacity:.55;pointer-events:none}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 30px var(--accent-glow)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:var(--text-primary);font-weight:600;font-size:1rem;padding:13px 26px;min-height:50px;border:1px solid var(--glass-border);border-radius:var(--pill);cursor:pointer;box-shadow:var(--glass-shadow-sm);transition:background .2s,border-color .2s,transform .15s}
.btn-ghost:hover{background:var(--glass-bg-strong);border-color:rgba(255,159,74,.4);transform:translateY(-1px)}
.btn-full{width:100%}

/* ---------- STATS ---------- */
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.stat-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow-sm)}
.stat-badge .value{font-size:1.8rem;font-weight:900;color:var(--accent);font-family:var(--font-display);text-shadow:0 0 18px var(--accent-glow)}
.stat-badge .label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}

/* ---------- CARDS / GRID ---------- */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:22px;box-shadow:var(--glass-shadow);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.16),transparent 38%);pointer-events:none}
.card:hover{transform:translateY(-3px);border-color:rgba(255,159,74,.35);box-shadow:var(--glass-shadow),0 18px 50px rgba(0,0,0,.5)}
.card h3{margin-top:0;display:flex;align-items:center;gap:9px;position:relative}
.card .ico{color:var(--accent);flex:none}
.card p:last-child{margin-bottom:0;position:relative}

.checklist{list-style:none;padding:0;margin:0 0 1em}
.checklist li{display:flex;gap:11px;align-items:flex-start;margin:.55em 0;color:var(--text-secondary)}
.checklist .ico{color:var(--accent);flex:none;margin-top:3px}

/* ---------- TABLE (glass panel) ---------- */
.table-wrap{overflow-x:auto;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);margin:1.1em 0}
table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:380px}
caption{caption-side:top;text-align:left;color:var(--text-muted);font-size:.875rem;padding:12px 16px}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
th{color:var(--text-primary);font-weight:700;background:rgba(255,255,255,.05)}
td{color:var(--text-secondary)}
tr:last-child td{border-bottom:none}

/* ---------- STEPS ---------- */
.steps{counter-reset:step;list-style:none;padding:0;margin:1.1em 0}
.steps li{position:relative;padding:4px 0 18px 54px;border-left:1px solid rgba(255,255,255,.12);margin-left:18px}
.steps li:last-child{border-left:0}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:-18px;top:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--accent-2),var(--accent-dark));color:#1a1206;font-weight:800;border-radius:50%;font-family:var(--font-display);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px var(--accent-glow)}
.steps li h3{margin:.1em 0 .3em}

/* ---------- DEMO ---------- */
.demo-wrap{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--glass-shadow);margin:1.2em 0}
.demo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;aspect-ratio:16/9;padding:24px;text-align:center}
.demo-wrap iframe{width:100%;aspect-ratio:16/9;height:auto;min-height:280px;max-height:640px;border:0;display:none}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:12px;margin:1em 0}
.faq details{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--glass-shadow-sm)}
.faq summary{padding:16px 20px;cursor:pointer;font-weight:600;font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;color:var(--text-primary)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.5rem;line-height:1;transition:transform .25s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 20px 18px;color:var(--text-secondary)}

.crumbs{font-size:.875rem;color:var(--text-muted);padding:16px 0 0}
.crumbs a{color:var(--text-secondary)}
.crumbs span{margin:0 6px;color:var(--text-muted)}

.callout{background:linear-gradient(135deg,rgba(255,159,74,.14),rgba(255,159,74,.04));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,159,74,.32);border-radius:var(--radius-md);padding:16px 18px;font-size:.95rem;color:var(--text-secondary);margin:1.2em 0;box-shadow:var(--glass-shadow-sm)}
.callout strong{color:inherit;font-weight:inherit}

/* ---------- STICKY MOBILE CTA ---------- */
.sticky-cta{position:fixed;bottom:12px;left:12px;right:12px;padding:0;z-index:50}

/* ---------- FOOTER ---------- */
.footer{margin-top:36px;padding:30px 0 96px;position:relative}
.footer .container>*{position:relative}
.footer::before{content:"";position:absolute;inset:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border-top:1px solid var(--glass-border)}
.footer-cols{display:grid;grid-template-columns:1fr;gap:24px;position:relative}
.footer h4{font-family:var(--font-display);font-size:.98rem;margin-bottom:10px;color:var(--text-primary)}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{margin:.4em 0}
.footer a{color:var(--text-secondary);font-size:.92rem}
.footer a:hover{color:var(--accent)}
.footer .legal{margin-top:24px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:.875rem;color:var(--text-muted);position:relative}
.age-badge{display:inline-flex;align-items:center;gap:6px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill);padding:4px 12px;font-weight:700;color:var(--text-secondary);font-size:.875rem}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  body::before{animation:none}
}
.lazy-img{filter:blur(8px);transition:filter .4s}
.lazy-img.loaded{filter:none}

/* ---------- TABLET ---------- */
/* mobile default is the lighter blur (perf on low-end phones); desktop upgrades it */
@media (min-width:768px){
  :root{--glass-blur:20px}
  .section{padding:36px 0}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .grid-2{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .footer-cols{grid-template-columns:2fr 1fr 1fr 1fr}
  .stat-badge .value{font-size:2.1rem}
}
@media (min-width:1024px){
  .grid-3{grid-template-columns:repeat(3,1fr)}
}

/* ===== nav/hero media queries (10d90ecc) ===== */
/* mobile-first: stacked full-width CTAs, roomier padding added from 481px up */
.hero-actions,.cta-row{display:flex;flex-wrap:wrap;gap:12px;flex-direction:column;align-items:stretch}
.hero-actions>.btn-primary,.hero-actions>.btn-ghost,.cta-row>.btn-primary,.cta-row>.btn-ghost{flex:none;width:100%}
.nav-menu{overflow-y:auto;-webkit-overflow-scrolling:touch}
.nav-lang-mobile{display:none}
.nav-menu .lang-switch{margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);gap:8px}
@media(min-width:361px){.nav-lang-mobile{display:flex;align-items:center;gap:6px;margin-left:auto;list-style:none;padding:0}}
@media(min-width:481px){:root{--container-pad:clamp(16px,4vw,40px)}.hero-actions,.cta-row{flex-direction:row;align-items:flex-start}.hero-actions>.btn-primary,.hero-actions>.btn-ghost,.cta-row>.btn-primary,.cta-row>.btn-ghost{flex:1 1 0;min-width:0;width:auto}}
@media(min-width:1080px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}.nav-links{display:flex}.nav-burger{display:none}.nav-menu,.nav-backdrop{display:none}.sticky-cta{display:none}.nav-lang-mobile{display:none}}.nav-menu .lang-switch a.lang-code,.nav-lang-mobile a.lang-code{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);padding:7px 13px;border-radius:10px;font-size:.9rem}.nav-menu .lang-switch a.lang-code.is-active,.nav-lang-mobile a.lang-code.is-active{color:#231405;background:linear-gradient(180deg,var(--accent-2),var(--accent-dark));border-color:transparent}.spec .sv{overflow-wrap:anywhere}

/* ===== nav-logo + lang switch (b29baedb) ===== */
.nav-logo{display:flex;align-items:center;gap:9px}.nav-logo .logo-mark{flex:none;filter:drop-shadow(0 2px 8px rgba(255,159,74,.35))}.nav-logo .logo-text{font-family:var(--font-display);font-weight:800;letter-spacing:.05em;font-size:1.04rem;color:var(--text-primary);white-space:nowrap}.nav-logo .logo-text b{color:var(--accent);font-weight:800}.lang-switch{align-items:center;gap:5px;margin:0 4px 0 2px}.lang-switch a.lang-code{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:5px 9px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:none;transition:color .2s,background .2s,box-shadow .2s}.lang-switch a.lang-code:hover{color:var(--text-secondary)}.lang-switch a.lang-code.is-active{color:var(--accent);background:rgba(255,159,74,.14);box-shadow:inset 0 0 0 1px rgba(255,159,74,.32)}.lang-switch .lang-sep{color:var(--text-muted);opacity:.45;font-weight:600;font-size:.82rem;margin:0 -1px}

/* ===== topbar (79050765) ===== */
.topbar{background:linear-gradient(90deg,rgba(255,159,74,.12),rgba(255,159,74,.04));border-bottom:1px solid var(--glass-border)}.topbar-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:9px 20px;text-align:center;font-size:14px;color:var(--text-secondary);line-height:1.4}.topbar-age{font-weight:800;color:var(--accent)}.topbar a{color:var(--accent);text-decoration:underline;white-space:nowrap}

/* ===== index: slider / lightbox / gallery (66560c6e) ===== */
.hero-grid{align-items:flex-start}.hero-side{display:flex;flex-direction:column;gap:14px}.stats-under{margin:0;gap:10px}.stats-under .stat-badge{padding:14px 8px}.stats-under .value{font-size:1.5rem;white-space:nowrap;line-height:1.15}@media(min-width:768px){.stats-under .value{font-size:1.4rem}}

/* ===== index: slider / lightbox / gallery (e3c707a9) ===== */
.live-demo{position:relative;width:100%}.live-demo iframe{display:none;width:100%;aspect-ratio:16/9;min-height:320px;border:0;background:#0a0a12}.live-demo-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:16/9;padding:22px;text-align:center;cursor:pointer;background:radial-gradient(120% 120% at 50% 0,rgba(255,159,74,.16),rgba(10,10,18,.55))}.live-demo-ph p{margin:0;color:var(--text-secondary);font-size:.95rem;max-width:360px}.live-demo-ph .ld-play{color:var(--accent);display:inline-flex}.live-demo-ph .ld-play svg{width:48px;height:48px;filter:drop-shadow(0 4px 14px rgba(255,159,74,.5))}.live-demo-ph button{cursor:pointer}

/* ===== index: slider / lightbox / gallery (303ea097) ===== */
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px}.rev{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:18px}.rev-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.rev-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#231405;background:linear-gradient(135deg,var(--accent),var(--accent-2,#ffbe85));flex:none;font-family:var(--font-display);font-size:1.1rem;overflow:hidden}.rev-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.rev-meta{display:flex;flex-direction:column;gap:3px}.rev-name{font-weight:700;color:var(--text-primary);font-size:.95rem}.rev-loc{color:var(--text-secondary);font-size:.85rem;font-weight:500}.rev-stars{display:flex;gap:2px;color:var(--accent)}.rev-stars svg{width:16px;height:16px}.rev p{margin:0;color:#dde2ea;font-size:.95rem;font-weight:400;line-height:1.6}

/* ===== index: slider / lightbox / gallery (6f5626a5) ===== */
.specs-card{padding:18px}.specsgrid{display:grid;grid-template-columns:1fr;gap:12px}.specsgrid>*{min-width:0}@media(min-width:441px){.specsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.specsgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.spec{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--glass-shadow-sm)}.spec .si{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(255,159,74,.12);color:var(--accent)}.spec .meta{display:flex;flex-direction:column;gap:1px;min-width:0}.spec .sl{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.spec .sv{font-size:1.05rem;font-weight:800;color:var(--text-primary)}

/* ===== index: slider / lightbox / gallery (21f79f32) ===== */
.aa-slider{width:100%;margin:0 auto}
.aa-stage{position:relative;width:100%;aspect-ratio:1031/556;border-radius:var(--radius-lg,30px);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),0 24px 60px rgba(0,0,0,.5);background:#0a0a12;cursor:zoom-in}
.aa-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.aa-slide.is-active{opacity:1}
.aa-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);background:rgba(6,7,11,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s,color .2s}
.aa-nav:hover{background:var(--accent);color:#231405}
.aa-prev{left:12px}.aa-next{right:12px}
.aa-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:6px;justify-content:center;z-index:2}
.aa-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:0;padding:0;cursor:pointer;transition:width .25s,background .25s}
.aa-dot.is-active{background:var(--accent);width:22px;border-radius:5px}
.aa-thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.aa-thumb{flex:0 0 auto;width:22%;min-width:76px;aspect-ratio:1031/556;border-radius:12px;overflow:hidden;border:2px solid transparent;background:none;padding:0;cursor:pointer;opacity:.65;transition:opacity .2s,border-color .2s}
.aa-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.aa-thumb.is-active,.aa-thumb:hover{opacity:1;border-color:var(--accent)}
.aa-lb{position:fixed;inset:0;background:rgba(3,4,8,.93);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.aa-lb.open{display:flex}
.aa-lb>img{max-width:96vw;max-height:90vh;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.7)}
.aa-lb-close{position:absolute;top:16px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--glass-border);background:rgba(6,7,11,.6);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.aa-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid var(--glass-border);background:rgba(6,7,11,.6);color:#fff;font-size:1.9rem;line-height:1;cursor:pointer}
.aa-lb-prev{left:16px}.aa-lb-next{right:16px}
@media(min-width:561px){.aa-thumb{width:15%;min-width:92px}}

/* ===== index: slider / lightbox / gallery (791046cb) ===== */
.viz-card{display:flex;flex-direction:column;gap:8px}.viz-card .lead2{color:var(--text-secondary);font-size:.9375rem;margin:0}.viz-row{display:flex;align-items:center;gap:10px;margin:.3em 0}.viz-row .k{flex:0 0 36%;font-size:.9375rem;color:var(--text-secondary)}.viz-bar{position:relative;flex:1;height:10px;border-radius:999px;background:rgba(255,255,255,.08)}.viz-bar>span{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#db7a26,#ff9f4a)}.viz-row .v{flex:0 0 auto;min-width:46px;text-align:right;font-weight:800;color:var(--text-primary);font-size:.9375rem}.meter{display:flex;gap:6px;margin:.3em 0}.meter i{flex:1;height:16px;border-radius:5px;background:rgba(255,255,255,.08)}.meter i.on{background:linear-gradient(180deg,#ffbe85,#ff9f4a);box-shadow:0 0 12px rgba(255,159,74,.4)}.bignum{font-size:2.4rem;font-weight:900;color:var(--accent);font-family:var(--font-display);text-shadow:0 0 18px rgba(255,159,74,.35);line-height:1;display:flex;align-items:center;gap:8px}.sym{display:flex;align-items:center;gap:14px}.sym .meta{display:flex;flex-direction:column;gap:1px}.sym .nm{font-weight:800;color:var(--text-primary);font-size:1rem}.sym .tier{font-size:.875rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.sym .ds{font-size:.875rem;color:var(--text-secondary)}.pc{display:flex;gap:11px;align-items:flex-start;margin:.5em 0;color:var(--text-secondary);list-style:none}.pc .ico{flex:none;margin-top:2px}.pc-yes{color:#56d364}.pc-no{color:#ff7b72}.rating-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:8px}

/* ===== index: slider / lightbox / gallery (5b60597e) ===== */
.calc-card{padding:22px}.calc-betline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.calc-betline span{color:var(--text-secondary);font-size:.95rem}.calc-betline strong{font-size:1.6rem;color:var(--accent);font-family:var(--font-display)}.calc-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:rgba(255,255,255,.12);outline:none;margin:12px 0 14px}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 10px rgba(255,159,74,.5);border:2px solid #1a1206}.calc-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #1a1206}.calc-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.calc-presets button{cursor:pointer;font:inherit;font-size:.9375rem;font-weight:700;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:8px 14px;transition:color .15s,background .15s,border-color .15s}.calc-presets button:hover{color:var(--text-primary);border-color:var(--accent)}.calc-presets button.active{color:#231405;background:var(--accent);border-color:var(--accent)}.calc-table td:last-child,.calc-table th:last-child{text-align:right}.calc-table td:last-child{font-weight:800;font-size:1.05rem;white-space:nowrap}.calc-table .ico{vertical-align:-4px;margin-right:9px}.v.gold{color:var(--accent)}.v.blue{color:#5ab0ff}.v.pink{color:#ff8fc7}.v.red{color:#ff7b72}.v.green{color:#56d364}.calc-sub{margin-top:18px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:14px;padding:18px}.calc-sub h3{margin:0 0 12px;color:#5ab0ff}.calc-sub .grid>div{display:flex;flex-direction:column;gap:2px}.calc-sub .k{font-size:.9375rem;color:var(--text-muted)}.bignum2{font-size:1.45rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display);line-height:1.1}.bignum2.red{color:#ff7b72}.bignum2.gold{color:var(--accent)}.bignum2.blue{color:#5ab0ff}.calc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.calc-field label{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.calc-card input[type=number],.calc-card select{font:inherit;font-size:1.05rem;font-weight:700;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.calc-card input:focus,.calc-card select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,159,74,.18)}.calc-card select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ff9f4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.calc-note{margin:14px 0 0;color:#56d364;font-size:.9375rem;line-height:1.5}.calc-disclaimer{margin:16px 0 0;color:var(--text-muted);font-size:.8125rem;line-height:1.5}

/* ===== contact form (4432500d) ===== */
.contact-form{display:grid;gap:14px;max-width:560px;margin-top:6px}.contact-form .field{display:flex;flex-direction:column;gap:6px}.contact-form label{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.contact-form input,.contact-form textarea{font:inherit;font-size:1rem;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,159,74,.18)}.contact-form textarea{min-height:130px;resize:vertical}.contact-form .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.contact-form button{justify-self:start;cursor:pointer;border:none;font:inherit}.contact-form .form-note{font-size:.875rem;color:var(--text-muted);margin:2px 0 0}

/* ===== how-to-play (fa9226f0) ===== */
.htp-stats{margin:0 0 8px}.htp-stats .value{font-size:1.5rem;white-space:nowrap;line-height:1.15}.htp-faq details{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;margin:10px 0;overflow:hidden}.htp-faq summary{cursor:pointer;list-style:none;padding:15px 18px;font-weight:700;color:var(--text-primary);font-size:1.02rem;display:flex;justify-content:space-between;align-items:center;gap:12px}.htp-faq summary::-webkit-details-marker{display:none}.htp-faq summary::after{content:"+";color:var(--accent);font-size:1.35rem;font-weight:700;flex:none;line-height:1}.htp-faq details[open] summary::after{content:"\2212"}.htp-faq details>div{padding:0 18px 16px;color:var(--text-secondary)}.htp-faq details>div p{margin:0}

/* ===== added content blocks: video reviews, reviewer quotes, slot comparison ===== */
.lead-sm { font-size: 1rem; line-height: 1.65; max-width: 68ch; margin: 0 0 22px; }
.block-note { font-size: 0.8125rem; line-height: 1.6; margin: 16px 0 0; opacity: .9; }

/* video grid */
.vid-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
.vid-card { margin: 0; min-width: 0; }
.vid-card h3 { margin: 12px 0 4px; font-size: 1.05rem; }
.vid-meta { margin: 0 0 6px; font-size: 0.8125rem; font-weight: 600; }
.vid-note { margin: 0; font-size: 0.9rem; line-height: 1.55; }
.vid-thumb {
  position: relative; display: block; width: 100%; padding: 0; border: 0;
  background: none; cursor: pointer; border-radius: 14px; overflow: hidden;
  aspect-ratio: 16 / 9; min-height: 44px;
}
.vid-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vid-thumb iframe { width: 100%; height: 100%; border: 0; display: block; }
.vid-play {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.45));
  transition: background .2s;
}
.vid-play svg { width: 58px; height: 58px; filter: drop-shadow(0 3px 12px rgba(0,0,0,.55)); }
.vid-thumb:hover .vid-play, .vid-thumb:focus-visible .vid-play { background: rgba(0,0,0,.25); }

/* reviewer quotes */
.q-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.q-card {
  position: relative; margin: 0; padding: 20px; border-radius: 16px;
  display: flex; flex-direction: column; gap: 10px; min-width: 0;
}
.q-mark { position: absolute; top: 16px; right: 16px; opacity: .18; }
.q-mark svg { width: 30px; height: 30px; }
.q-score { display: flex; align-items: baseline; gap: 3px; flex-wrap: wrap; }
.q-score b { font-size: 1.7rem; font-weight: 800; line-height: 1; }
.q-score span { font-size: 0.95rem; font-weight: 700; opacity: .8; }
.q-score em {
  font-style: normal; font-size: 0.8125rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .05em; margin-left: 8px;
}
.q-score--plain em { margin-left: 0; }
.q-card blockquote { margin: 0; }
.q-card blockquote p { margin: 0; font-size: 1rem; font-weight: 500; line-height: 1.6; }
.q-gloss { margin: 0; font-size: 0.875rem; line-height: 1.55; opacity: .92; }
.q-card figcaption { margin-top: auto; font-size: 0.875rem; display: flex;
  flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.q-card cite { font-style: normal; font-weight: 700; }
.q-read { font-size: 0.8125rem; opacity: .75; }

/* comparison table */
.cmp-table { width: 100%; border-collapse: collapse; }
.cmp-table th, .cmp-table td { padding: 11px 14px; text-align: left; font-size: 0.9375rem;
  white-space: nowrap; }
.cmp-table th { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: .04em; }
.cmp-table td:first-child, .cmp-table th:first-child { white-space: normal; }
.row-tag { display: inline-block; font-size: 0.8125rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; padding: 2px 7px; border-radius: 999px; vertical-align: middle; }

@media (min-width: 700px) {
  .vid-grid { grid-template-columns: 1fr 1fr; gap: 22px; }
  .q-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1080px) {
  .q-grid { grid-template-columns: repeat(3, 1fr); }
}

.lead-sm { color: var(--text-secondary); }
.block-note { color: var(--text-secondary); }
.vid-card h3 { color: var(--text-primary); font-family: var(--font-display); }
.vid-meta { color: var(--accent); }
.vid-note { color: var(--text-secondary); }
.vid-thumb { border: 1px solid var(--glass-border); background: var(--glass-bg); }
.vid-play { color: var(--accent); }
.q-card { background: var(--glass-bg); border: 1px solid var(--glass-border); }
.q-mark { color: var(--accent); }
.q-score b, .q-score span { color: var(--accent); }
.q-score em { color: var(--text-secondary); }
.q-card blockquote p { color: #e4e8f0; }
.q-gloss { color: var(--text-secondary); }
.q-card cite a { color: var(--text-primary); }
.q-read { color: var(--text-secondary); }
.cmp-table th { color: var(--text-secondary); border-bottom: 1px solid var(--border-strong, var(--glass-border)); }
.cmp-table td { color: var(--text-secondary); border-bottom: 1px solid var(--glass-border); }
.cmp-table tr.is-us td { background: rgba(255,159,74,.09); color: var(--text-primary); }
.cmp-table tr.is-us td:first-child b { color: var(--accent); }
.row-tag { background: var(--accent); color: #231405; }

/* moved Play CTA out of the collapsing menu -> always visible */
.nav-cta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* phones: free bar space for Play CTA — language stays in the burger menu */
@media(max-width:1079px){.nav-lang-mobile{display:none}}

/* phones: tighten bar so logo + Play + burger fit ~360px */
@media(max-width:479px){.nav-inner{gap:8px}.nav-cta{padding:8px 13px}}