@font-face{font-family:"Poppins";src:url("/fonts/poppins-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/poppins-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/poppins-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/poppins-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--bg:#FAF7F0;--bg2:#F3EDE0;--card:#fff;--ink:#0A0F1A;--mut:#4F4A40;--line:#E7E1D2;--navy:#0A0F1A;--gold:#E0A82E;--gold-d:#7A5410;--gold-l:#E6CFA0;--g1:#F3E2B0;--g2:#E8F0FF;--wa:#15803D;--sh:0 1px 2px #0A0F1A0d,0 16px 40px -18px #0A0F1A33;--f:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:light}
[data-theme=dark]{--bg:#0B111D;--bg2:#121A2B;--card:#18213A;--ink:#E9ECF2;--mut:#AEB5C4;--line:#26304A;--navy:#060A12;--gold:#E0A82E;--gold-d:#F3D58A;--gold-l:#8A6A2A;--g1:#2A2410;--g2:#152038;--sh:0 1px 2px #0006,0 16px 40px -18px #000a;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font:400 16px/1.65 var(--f);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold-d)}img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0 0 .45em;line-height:1.1;letter-spacing:-.025em;font-weight:700}
h1{font-size:clamp(40px,7vw,72px)}h2{font-size:clamp(28px,3.8vw,40px)}h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
p{margin:0 0 1em}.w{max-width:1180px;margin:0 auto;padding:0 24px}
section{padding:clamp(56px,8vw,96px) 0}
.ey{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);margin-bottom:12px}
.sub{color:var(--mut);font-size:clamp(17px,1.6vw,19px);max-width:62ch}
.hd2{max-width:720px;margin-bottom:36px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--card);padding:8px 12px;border-radius:8px;color:var(--ink)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* header */
.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--navy) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(224,168,46,.18);color:#E1E4EA}
.hb{display:flex;align-items:center;gap:14px;height:68px}
.logo{display:flex;margin-right:auto}.logo img{height:40px;width:auto}
.lg-d{display:none}[data-theme=dark] .lg-l{display:none}[data-theme=dark] .lg-d{display:block}
.top .lg-l{display:none}.top .lg-d{display:block}
.nv{display:none;gap:2px;margin-left:auto}.nv a{color:#E1E4EA;text-decoration:none;font-weight:500;font-size:14px;padding:8px 10px;border-radius:999px;white-space:nowrap}.nv a:hover{color:var(--gold)}.nv a[aria-current]{color:var(--gold)}
.lang{display:flex;font-size:13px;font-weight:700;border:1px solid #2E3850;border-radius:999px;overflow:hidden;flex:none}.lang a{padding:0 14px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#C9CDD6}.lang a[aria-current]{background:var(--gold);color:#0A0F1A}
.ic{width:40px;height:40px;display:grid;place-items:center;border:1px solid #2E3850;border-radius:999px;background:transparent;color:#E1E4EA;cursor:pointer;flex:none}
.ic svg{width:18px;height:18px}.i-sun{display:none}[data-theme=dark] .i-sun{display:block}[data-theme=dark] .i-moon{display:none}
.hdcta{background:var(--gold);color:#0A0F1A;text-decoration:none;font-weight:600;font-size:14px;min-height:40px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;white-space:nowrap}
.hdcta:hover{background:#fff}
.burger{display:grid}
.mpan{border-top:1px solid #26304A;padding:8px 24px 20px;background:#0A0F1A;max-height:calc(100vh - 68px);overflow:auto}
.mpan a{display:block;padding:14px 4px;font-weight:600;color:#E1E4EA;text-decoration:none;border-bottom:1px solid #1E2740}
.mpan a[aria-current]{color:var(--gold)}
.mpan .mcta{display:flex;gap:10px;margin-top:14px;border:0;padding-top:4px}
.mpan .mcta a{flex:1;text-align:center;border:0;border-radius:999px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}
.mpan .m1{background:var(--gold);color:#0A0F1A}.mpan .m2{background:#fff;color:#0A0F1A}.mpan .m2 svg{color:var(--wa)}
.mpan .lang{display:inline-flex;margin-bottom:8px}
/* buttons */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:13px 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.b svg{width:20px;height:20px;flex:none}.b:hover{transform:translateY(-1px)}
.bp{background:linear-gradient(180deg,#F0C048,#E0A82E);color:#0A0F1A;box-shadow:0 8px 24px rgba(224,168,46,.28)}.bp:hover{background:#fff;color:#0A0F1A}
.bo{border-color:var(--line);color:var(--ink);background:var(--card)}.bo:hover{border-color:var(--mut)}
.bw{background:#fff;color:#0A0F1A;border-color:#0A0F1A}.bw svg{color:var(--wa)}.bw:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
[data-theme=dark] .bw{background:var(--card);color:var(--ink);border-color:#C9CDD6}
.bg{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}.bg:hover{background:#fff;color:#0A0F1A}
.btns{display:flex;flex-wrap:wrap;gap:12px}
/* ===== HERO v10a ===== */
.hero{position:relative;padding:clamp(40px,6vw,72px) 0 120px;overflow:hidden;color:#fff;background:
  radial-gradient(900px 420px at 92% 8%,rgba(224,168,46,.28),transparent 55%),
  radial-gradient(700px 360px at 10% 90%,rgba(224,168,46,.08),transparent 50%),
  linear-gradient(165deg,#060A12 0%,#0A0F1A 45%,#152038 100%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(224,168,46,.55),transparent)}
.hg{display:grid;gap:32px;align-items:center;position:relative;z-index:1}
@media(min-width:960px){.hg{grid-template-columns:1.15fr .85fr;gap:48px}}
.pill{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;padding:6px 14px;border:1px solid rgba(224,168,46,.4);border-radius:999px;background:rgba(224,168,46,.08);color:#F3D58A;margin-bottom:20px;text-decoration:none}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(224,168,46,.2)}
.hero h1{color:#fff;max-width:14ch}.hero h1 em{font-style:normal;color:var(--gold)}
.lead{font-size:clamp(17px,1.8vw,20px);color:#C9CDD6;max-width:36em;margin-bottom:28px;line-height:1.55}
.risk{margin:18px 0 0;font-size:15px}.risk a{color:#F3D58A}
.hero-vis{position:relative;display:grid;place-items:center;min-height:280px}
.hero-vis picture,.hero-vis img{width:min(100%,420px);height:auto;filter:drop-shadow(0 28px 40px rgba(0,0,0,.45))}
.hero-ring{position:absolute;inset:8% 12%;border:1px solid rgba(224,168,46,.22);border-radius:40% 60% 55% 45%/45% 40% 60% 55%;pointer-events:none}
/* ===== LIVE PRICE CARD ===== */
.prwrap{position:relative;z-index:2;margin-top:-72px;padding-bottom:8px}
.prcard{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh);padding:22px 24px;min-height:168px;display:grid;gap:16px;align-items:center}
@media(min-width:720px){.prcard{grid-template-columns:1fr auto;padding:24px 28px}}
.prcard .pt{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}
.prcard h2{font-size:clamp(20px,2.4vw,26px);margin:0}
.prcard .meta{font-size:13px;color:var(--mut)}
.prgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
@media(min-width:720px){.prgrid{min-width:280px}}
.prcell{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:14px 16px;min-height:76px}
.prcell .l{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.prcell .v{display:block;min-height:28px;font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.15;font-variant-numeric:tabular-nums}
.prcell .u{font-size:13px;color:var(--mut);font-weight:500}
.prskel .v{display:block;height:28px;width:70%;border-radius:8px;background:linear-gradient(90deg,var(--line),var(--bg2),var(--line));background-size:200% 100%;animation:shimmer 1.2s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}
#harga-hari{min-height:112px;display:grid;gap:12px;align-content:start}
.prfail{margin:0;font-size:15px;color:var(--mut)}.prfail a{font-weight:600}
.prfoot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;font-size:13px;color:var(--mut);margin:0}
.prfoot a{font-weight:600}
/* ===== STEPS ===== */
.steps{background:var(--bg)}
.stgrid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.stgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.stgrid{grid-template-columns:repeat(4,1fr)}}
.st{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 22px;text-decoration:none;color:inherit;box-shadow:var(--sh);min-height:100%;transition:border-color .2s,transform .2s}
.st:hover{border-color:var(--gold);transform:translateY(-2px);color:inherit}
.stico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--g1),var(--bg2));border:1px solid var(--gold-l);color:var(--gold-d)}
.stico svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.st .n{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
.st strong{display:block;font-size:18px;color:var(--ink)}.st p{margin:0;color:var(--mut);font-size:14.5px;flex:1}
.st em{font-style:normal;font-weight:700;color:var(--gold-d);font-size:14px}
/* ===== PROOF ===== */
.proof{background:linear-gradient(165deg,#0A0F1A,#152038);color:#E1E4EA;position:relative;overflow:hidden}
.proof:before{content:"";position:absolute;inset:-20% 40% auto auto;width:480px;height:480px;background:radial-gradient(circle,rgba(224,168,46,.18),transparent 65%);pointer-events:none}
.proof .ey{color:#F3D58A}.proof h2{color:#fff}.proof .sub{color:#AEB5C4}
.prgrid2{display:grid;gap:16px;position:relative;z-index:1}
@media(min-width:800px){.prgrid2{grid-template-columns:1.1fr 1fr 1fr}}
.pf{background:rgba(255,255,255,.04);border:1px solid rgba(224,168,46,.22);border-radius:20px;padding:24px;min-height:160px}
.pf .k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F3D58A;margin-bottom:10px}
.pf strong{display:block;font-size:22px;color:#fff;margin-bottom:8px;letter-spacing:-.02em}
.pf p{margin:0;color:#C9CDD6;font-size:15px}
.pfcode{background:linear-gradient(135deg,rgba(224,168,46,.16),rgba(224,168,46,.04));border-color:rgba(224,168,46,.45)}
.pfcode .code{font-size:clamp(26px,3vw,34px);font-weight:800;color:var(--gold);letter-spacing:.04em;font-variant-numeric:tabular-nums}
/* ===== ARTICLES ===== */
.arts{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.arts{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.arts{grid-template-columns:repeat(3,1fr)}}
.art{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:transform .2s,border-color .2s}
.art:hover{transform:translateY(-2px);border-color:var(--gold);color:inherit}
.art .th{aspect-ratio:16/9;background:var(--bg2);display:grid;place-items:center;color:var(--gold-d)}
.art .th svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.6}
.art .thp{padding:0;overflow:hidden}.thimg{width:100%;height:100%;object-fit:cover}
.art .bdy{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.art .at{margin:0;font-weight:600;font-size:16px;line-height:1.35;color:var(--ink)}
.art .go{margin-top:auto;font-weight:700;font-size:14px;color:var(--gold-d)}
.allart{margin:28px 0 0;text-align:center;font-weight:600}
/* ===== CTA BAND ===== */
.ctaband{background:var(--bg2);padding:0 0 clamp(56px,8vw,96px)}
.cta{border-radius:28px;padding:clamp(36px,5vw,56px);text-align:center;color:#fff;background:
  radial-gradient(600px 200px at 50% 0%,rgba(224,168,46,.35),transparent 60%),
  linear-gradient(145deg,#0A0F1A,#1B2438);
  border:1px solid rgba(224,168,46,.4);box-shadow:0 24px 48px rgba(10,15,26,.25)}
.cta h2{color:#fff;font-size:clamp(28px,4vw,40px)}.cta p{color:#C9CDD6;max-width:42ch;margin:0 auto 24px}
.cta .btns{justify-content:center}
/* footer */
footer{background:var(--navy);color:#C9CDD6;padding:56px 0 120px;border-top:1px solid #1E2740}
.fg{display:grid;gap:28px;grid-template-columns:1.3fr 1fr 1fr 1.2fr;margin-bottom:28px}
.fg p{margin:0;font-size:14px}.fh{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F3D58A}
.fg ul{list-style:none;margin:0;padding:0}.fg li{margin:0 0 8px}.fg a{color:#E1E4EA;text-decoration:none;font-size:14px}.fg a:hover{color:var(--gold)}
.flive{color:#F3D58A!important;font-weight:600}
.fdisc{font-size:13px;color:#AEB5C4;border-top:1px solid #1E2740;padding-top:20px;margin:0;line-height:1.6}.fdisc a{color:#F3D58A}
/* fab + mbar */
.wafab{position:fixed;right:18px;bottom:88px;z-index:30;width:56px;height:56px;border-radius:999px;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px rgba(21,128,61,.4);text-decoration:none}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .25s}
.mbar.on{transform:none}
.mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;min-height:52px;text-decoration:none;color:var(--mut);font-size:11px;font-weight:600}
.mbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.mbar .mw{color:var(--wa)}.mbar .mw svg{fill:currentColor;stroke:none}
.mbar .md{color:var(--gold-d)}
@media(min-width:960px){
  .nv{display:flex}.burger{display:none}.hdcta{display:inline-flex}
  .mbar,.wafab{display:none}
  footer{padding-bottom:56px}
}
@media(max-width:959px){.hdcta{display:none}}
@media(max-width:799px){.fg{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fg{grid-template-columns:1fr}}
/* reveal — only hide when .js is present */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .rv{opacity:1;transform:none}
  .prskel .v{animation:none}
}
/* ===== v11a: pure white, trust-first ===== */
:root{--bg:#FFFFFF;--bg2:#F7F7F8;--card:#FFFFFF;--ink:#111214;--mut:#55585F;--line:#E6E7EA;--gold:#B8860B;--gold-d:#7A5A0C;--wa:#15803D;--sh:0 1px 2px #1112140a}
[data-theme=dark]{--bg:#0E0F11;--bg2:#16171A;--card:#16171A;--ink:#EDEEF0;--mut:#A9ADB5;--line:#2A2C31;--gold:#D9AE4A;--gold-d:#E3BE6A;--sh:none}
a{color:var(--ink)}
.top{background:color-mix(in srgb,var(--bg) 94%,transparent);color:var(--ink);border-bottom:1px solid var(--line)}
.top .lg-l{display:block}.top .lg-d{display:none}
[data-theme=dark] .top .lg-l{display:none}[data-theme=dark] .top .lg-d{display:block}
.nv a{color:var(--mut)}.nv a:hover,.nv a[aria-current]{color:var(--ink)}
.nv a[aria-current]{box-shadow:inset 0 -2px 0 var(--gold)}
.ic{color:var(--ink);border-color:var(--line)}
.hdcta{background:var(--ink);color:var(--bg)}.hdcta:hover{opacity:.88}
.mpan{background:var(--bg);color:var(--ink);border-top-color:var(--line)}.mpan a{color:var(--ink);border-bottom-color:var(--line)}.mpan .m1{background:var(--ink);color:var(--bg)}.mpan .m2{background:var(--wa);color:#fff}.mpan .m2 svg{color:#fff}
.ey{color:var(--gold-d);font-size:12.5px;letter-spacing:.12em;margin:0 0 14px}
section{padding:clamp(56px,8vw,104px) 0}
.b{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;font-weight:600;text-decoration:none;border:1px solid transparent;font-size:16px}
.bp{background:var(--ink);color:var(--bg);box-shadow:none}.bp:hover{opacity:.88}
.bo{background:transparent;color:var(--ink);border-color:var(--line)}.bo:hover{border-color:var(--ink)}
.bw,[data-theme=dark] .bw{background:var(--wa);color:#fff;border-color:var(--wa)}.bw:hover{background:#116632}
.btns{display:flex;flex-wrap:wrap;gap:12px}
/* hero */
.hero{background:var(--bg);padding:clamp(40px,7vw,96px) 0 clamp(48px,7vw,88px);border-bottom:1px solid var(--line)}
.hero:after{display:none}
.hg{display:grid;gap:40px;align-items:center}
@media(min-width:960px){.hg{grid-template-columns:1.15fr .85fr;gap:64px}}
.hero h1{font-size:clamp(36px,5.6vw,60px);line-height:1.06;letter-spacing:-.03em;margin:0 0 20px;max-width:16ch}
.hero h1 span{color:var(--mut);font-weight:600}
.lead{font-size:clamp(17px,1.6vw,19px);color:var(--mut);max-width:56ch;margin-bottom:28px}
.chips{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:var(--mut)}
.chips li{display:flex;align-items:center;gap:7px}
.ck{width:16px;height:16px;fill:none;stroke:var(--gold-d);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.prcard{display:block;padding:28px!important;margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh)}
.prhd h2{font-size:24px;margin:10px 0 4px}.prhd .meta{color:var(--mut);font-size:14.5px;margin:0 0 20px}
.live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.prgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.prcell{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;min-height:104px}
.prcell .l{font-size:13px;color:var(--mut)}.prcell .v{font-size:clamp(20px,2.4vw,24px);font-weight:700;color:var(--ink)}.prcell .u{font-size:12.5px;color:var(--mut)}
.prfoot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13.5px;color:var(--mut);margin:16px 0 0}
.prfoot a,.prfail a{color:var(--ink);font-weight:600}
.prfail{color:var(--mut);font-size:15px;margin:0;min-height:104px}
/* steps */
.steps,.trust,.faq{background:var(--bg)}
.steps:before,.proof:before{display:none}
.hd2{max-width:680px;margin-bottom:40px}.hd2 h2{font-size:clamp(28px,3.6vw,40px)}
.stgrid{list-style:none;padding:0;margin:0;display:grid;gap:16px;counter-reset:none}
@media(min-width:800px){.stgrid{grid-template-columns:repeat(3,1fr);gap:24px}}
.st{border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--card);display:flex;flex-direction:column}
.st:hover{transform:none;box-shadow:none}
.st .n{width:36px;height:36px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-weight:700;font-size:15px;margin-bottom:18px;color:var(--ink);letter-spacing:0;text-transform:none}
.st h3{font-size:19px;margin:0 0 8px}.st p{color:var(--mut);margin:0 0 18px;flex:1}.st a{font-weight:600;text-decoration:none;color:var(--ink)}.st a:hover{text-decoration:underline}
/* trust */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.tgrid{list-style:none;padding:0;margin:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
@media(min-width:640px){.tgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.tgrid{grid-template-columns:repeat(5,1fr)}}
.tgrid li{background:var(--card);padding:24px}
.tgrid strong{display:block;font-size:18px;margin-bottom:8px;letter-spacing:-.01em}
.tgrid li:first-child strong{font-variant-numeric:tabular-nums;color:var(--gold-d)}
.tgrid p{color:var(--mut);font-size:14.5px;margin:0}
/* faq */
.fw{display:grid;gap:8px}@media(min-width:960px){.fw{grid-template-columns:.8fr 1.2fr;gap:64px}}
.more{font-weight:600;color:var(--ink)}
.acc details{border-bottom:1px solid var(--line)}.acc details:first-child{border-top:1px solid var(--line)}
.acc summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-weight:600;font-size:17px;position:relative}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:24px;font-weight:400;color:var(--mut)}
.acc details[open] summary:after{content:"−"}
.acc details p{color:var(--mut);margin:0 0 20px;max-width:62ch}
/* cta */
.ctaband{background:var(--bg);padding-top:0}
.cta{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:clamp(28px,5vw,56px);display:grid;gap:24px;align-items:center;color:var(--ink);text-align:left}
@media(min-width:900px){.cta{grid-template-columns:1fr auto}}
.cta h2{font-size:clamp(26px,3.2vw,36px);color:var(--ink)}.cta p{color:var(--mut);margin:0}.cta .btns{justify-content:flex-start;margin:0}
/* footer */
footer{background:var(--bg2);color:var(--mut);border-top:1px solid var(--line)}
footer a{color:var(--ink)}footer .fh{color:var(--ink)}
footer .flg{height:40px;width:auto}footer .lg-d{display:none}[data-theme=dark] footer .lg-l{display:none}[data-theme=dark] footer .lg-d{display:block}
.mbar a{color:var(--mut)}.mbar .md{color:var(--ink)}
.fg a{color:var(--ink)}.fg a:hover{color:var(--gold-d)}.flive{color:var(--ink)!important}.fdisc{color:var(--mut);border-top-color:var(--line)}
.wafab{background:var(--wa)}
.prcell .l{text-transform:none;letter-spacing:0;font-weight:500}
.hero h1,.lead{color:var(--ink)}.lead{color:var(--mut)}.hero h1 span{color:var(--mut)}
.cta{box-shadow:none}
.lang a{color:var(--mut)}.lang a[aria-current]{background:var(--ink);color:var(--bg)}.lang{border-color:var(--line);background:transparent}
.fdisc a{color:var(--ink)}.prfoot{min-height:44px;align-items:flex-start}.prfoot span{flex:1 1 220px}

.logo,.logo img{flex-shrink:0}.prcell .v a.prmiss{font-size:15px;font-weight:600;color:var(--gold-d);text-decoration:underline}
@media(max-width:420px){.logo img{height:32px}}
@media(max-width:375px){.logo img{height:24px}.hd{gap:6px}.lang a{min-width:40px;padding:0 6px}}
@media(max-width:340px){.top .w,.top .wrap{padding-left:12px;padding-right:12px}.hd{gap:4px}}