/* Uitbetaalmeter v2: «банковская выписка / касса». Холодный светлый фон, тёмно-зелёные полосы, один яркий цвет (CTA).
   Шкала отступов: 8/12/16/24/32/48/72/96. Цифры и сроки всегда моноширинным шрифтом. */
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-latin.woff2) format("woff2");font-weight:700 800;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/assets/fonts/intertight-latin.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/plexmono-500-latin.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  /* поверхности */
  --bg:#F4F6F5;--card:#FFFFFF;--deep:#0D2B24;--deep-2:#133A31;--on-deep:#E8F1EE;--on-deep2:#9DB8B0;--deep-line:rgba(232,241,238,.14);
  /* текст и линии */
  --ink:#111917;--ink2:#4D5B57;--ink3:#82908B;--line:#DCE3E0;--line2:#E9EEEC;--skel:#E4EAE7;
  /* CTA: единственный яркий цвет */
  --go:#16A34A;--go-d:#12873D;--go-soft:#E8F5EC;
  /* сигналы сроков: только точки и полоски */
  --fast:#16A34A;--mid:#C99A06;--slow:#C2410C;
  /* ссылки */
  --link:#0F6B57;--link-soft:#E7F0ED;
  /* старые имена переменных: перенаправлены на новую палитру, чтобы весь сайт перекрасился сразу */
  --or:var(--go);--or-d:var(--go-d);--or-ink:var(--link);--or-soft:var(--go-soft);
  --teal:var(--link);--teal-2:var(--deep-2);--teal-soft:var(--link-soft);
  --delft:var(--link);--delft-soft:var(--link-soft);
  /* форма */
  --r:10px;--r-lg:14px;--wrap:1240px;--hdr:68px;
  --sh:0 1px 0 rgba(17,25,23,.06);--sh-lg:0 1px 0 rgba(17,25,23,.06),0 8px 24px -16px rgba(17,25,23,.18);
  --t:.16s ease;
  --f-h:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --f-b:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-m:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  interpolate-size:allow-keywords;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f-b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--teal);text-underline-offset:3px}
h1,h2,h3{font-family:var(--f-h);font-weight:800;letter-spacing:-.015em;line-height:1.08;margin:0}
h1{font-stretch:88%}
h2{font-size:clamp(28px,3.2vw,40px)}
h3{font-size:20px;letter-spacing:-.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:separate;border-spacing:0}
.wrap{width:100%;max-width:calc(var(--wrap) + 48px);margin:0 auto;padding:0 24px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--or);outline-offset:2px;border-radius:6px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.num{font-family:var(--f-m);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.eyebrow{margin:0 0 12px;font:600 12px/1.2 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--or-ink)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* ---------- Skeletons: empty text slots and missing facts ---------- */
.tbd{display:inline-block;width:44px;height:10px;border-radius:6px;background:var(--skel);vertical-align:middle}
.tbd--w{width:120px}
.tbd--big{width:160px;height:36px;border-radius:12px}
[data-slot]:empty{display:block;min-height:3.2em;background:linear-gradient(to bottom,transparent .5em,var(--skel) .5em 1.1em,transparent 1.1em) 0 0/100% 1.6em repeat-y;max-width:100%}
[data-slot][data-words^="6"]:empty,[data-slot][data-words^="8"]:empty{min-height:6.4em}
span[data-slot]:empty{display:inline-block;width:100%;min-height:1.6em}
[data-slot][data-words^="1-"]:empty,[data-slot][data-words^="2-"]:empty,[data-slot][data-words^="3-"]:empty,[data-slot][data-words^="4-"]:empty{min-height:1.6em;width:min(160px,100%)}
span[data-slot][data-words]:empty{min-height:1.6em}
.faq summary [data-slot]:empty{min-height:1.6em;width:min(380px,80%)}

/* ---------- Buttons, links, pills ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font:600 16px/1 var(--f-b);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background var(--t),border-color var(--t),transform var(--t);white-space:nowrap}
.btn .ic{width:18px;height:18px;transition:transform var(--t)}
.btn:hover .ic{transform:translateX(2px)}
.btn--primary{background:var(--or);color:var(--ink)}
.btn--primary:hover{background:var(--or-d)}
.btn--ghost{background:transparent;color:var(--ink);border-color:#C3CFCA}
.btn--ghost:hover{border-color:var(--ink)}
.btn--sm{height:40px;padding:0 16px;font-size:15px}
.btn--block{width:100%}
.btn.is-disabled{color:#A7A9B0;border-color:var(--line);cursor:default}
.fine{display:block;margin-top:6px;font-size:12px;color:var(--ink3);text-align:center}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--teal);text-decoration:none}
.link .ic{width:18px;height:18px;transition:transform var(--t)}
.link:hover .ic{transform:translateX(3px)}
.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink2)}
.pill__dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}

/* ---------- RG strip ---------- */
.rgbar{background:var(--ink);color:#E8F1EE;font-size:13px;line-height:1}
.rgbar__in{display:flex;align-items:center;gap:10px;height:34px;white-space:nowrap;overflow:hidden}
.rgbar a{color:#fff;font-weight:600;text-decoration:none}
.rgbar__sep{width:3px;height:3px;border-radius:50%;background:#9DB8B0}
.age{display:inline-grid;place-items:center;min-width:30px;height:20px;padding:0 6px;border-radius:999px;border:1px solid rgba(232,241,238,.4);font-weight:600;font-size:11px}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);transition:background var(--t),box-shadow var(--t)}
.hdr.is-scrolled{background:#fff;box-shadow:0 6px 24px -16px rgba(20,22,27,.25)}
.hdr__in{position:relative;display:flex;align-items:center;gap:28px;height:var(--hdr)}

/* Logo: payment card */
.brand{position:relative;display:inline-flex;align-items:center;gap:10px;flex:none;min-width:176px;height:44px;padding:0 22px 0 12px;border-radius:9px;background:linear-gradient(135deg,#FF6A1A 0%,#F45E10 100%);color:#E8F1EE;text-decoration:none;transition:transform var(--t),box-shadow var(--t)}
.brand:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(232,90,12,.55)}
.brand__chip svg{width:16px;height:12.5px}
.brand__chip rect{fill:#E3D3AE;stroke:#BFA878;stroke-width:.7}
.brand__chip path{stroke:#BFA878;stroke-width:.6;fill:none}
.brand__name{font:700 17px/1 var(--f-h);letter-spacing:-.02em;white-space:nowrap}
.brand__nfc{position:absolute;right:6px;bottom:4px;opacity:.6}
.brand__nfc svg{width:10px;height:10px;fill:none;stroke:#E8F1EE;stroke-width:1.2;stroke-linecap:round}
.brand--ftr{background:linear-gradient(135deg,#FF7A30 0%,#FF6A1A 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

.nav{flex:1;min-width:0}
.nav__list{display:flex;gap:2px}
.hdr__cta{flex:none}
.burger,.mnav{display:none}

/* ---------- Logos ---------- */
.mlogo,.clogo{display:inline-flex;align-items:center;justify-content:center;flex:none}
.mlogo{height:36px}
.mlogo img{height:calc(28px*var(--s,1));width:auto;max-width:112px;object-fit:contain}
.mlogo--40{height:44px}
.mlogo--40 img{height:calc(40px*var(--s,1));max-width:132px}
.mlogo--icon .ic{width:30px;height:30px;stroke-width:1.6;color:var(--ink)}
.mlogo--40.mlogo--icon .ic{width:40px;height:40px}
.wm{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;border:1.5px solid var(--ink);font:800 14px/1 var(--f-h);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.clogo{height:22px}
.clogo img{height:calc(20px*var(--s,1));width:auto;max-width:min(76px,100%);object-fit:contain}
.clogo--icon .ic{width:20px;height:20px}
.clogo--text .wm{height:20px;padding:0 6px;font-size:11px;border-width:1.2px}
.mlogo--xl{display:grid;place-items:center;width:112px;height:112px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
.mlogo--xl img{height:calc(48px*var(--s,1));max-width:62%;max-height:56%;object-fit:contain;margin:auto}
.mlogo--xl .ic{width:48px;height:48px}

/* Brand badges (casino logos or initials, never fake logos) */
.bbadge{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);font:700 14px/1 var(--f-h);color:var(--ink2);overflow:hidden}
.bbadge img{width:100%;height:100%;object-fit:contain;padding:6px}
.bbadge--empty{background:var(--skel);border-color:transparent}
.bbadge--sm{width:28px;height:28px;font-size:11px}
.bbadge--lg{width:56px;height:56px;border-radius:16px}
.bbadge--xl{width:112px;height:112px;border-radius:26px;font-size:30px}

/* Type badges: own soft tone per category */
.tbadge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;width:max-content}
.tbadge--bank{background:#E8EEF9;color:#2C4A8A}
.tbadge--e-wallet{background:#EFE9FA;color:#5B3F99}
.tbadge--prepaid{background:#FCEBDD;color:#97480F}
.tbadge--kaart{background:#E6F2EA;color:#2F6B44}
.tbadge--crypto{background:#FBF1D2;color:#7D5A00}
.tbadge--mobiel{background:#EBF0EE;color:#474A52}

/* Deposit / withdrawal pills */
.dpill{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 6px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}
.dpill .ic{width:16px;height:16px;stroke-width:2.2}
.dpill--yes{background:var(--teal-soft);color:var(--teal)}
.dpill--no{background:#EBF0EE;color:#6E7079}
.dpill--tbd{background:transparent;border:1.5px dashed #C3CFCA;color:var(--ink3)}
.dpill .q{display:grid;place-items:center;width:16px;height:16px;font-size:12px;font-weight:700}
.yn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none}

/* Matrix cells */
.mx{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font:700 13px/1 var(--f-b);vertical-align:middle}
.mx .ic{width:16px;height:16px;stroke-width:2.4}
.mx--yes{background:var(--teal-soft);color:var(--teal)}
.mx--no{background:#EBF0EE;color:#8A8E99}
.mx--tbd{border:1.5px dashed #C3CFCA;color:#9AA8A3}

/* Status icon next to a label */
.dstat{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font:700 13px/1 var(--f-b)}
.dstat .ic{width:15px;height:15px;stroke-width:2.4}
.dstat--yes{background:var(--teal-soft);color:var(--teal)}
.dstat--no{background:#EBF0EE;color:#8A8E99}
.dstat--tbd{border:1.5px dashed #C3CFCA;color:#9AA8A3}

/* Speed bar */
.sbar{position:relative;display:block;width:100%;max-width:140px;height:8px;border-radius:999px;background:#E4EAE7;overflow:hidden}
.sbar>span{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--teal) 0%,var(--teal-2) 100%)}
.sbar--tbd>span{width:40%;background:var(--skel)}
.mx-speed{display:flex;flex-direction:column;gap:6px}
.mx-speed small{font-size:12px;color:var(--ink2)}

/* ---------- Home hero ---------- */
.hero{position:relative;padding:40px 0 48px;overflow:hidden}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:64px;align-items:center}
.hero__h1{font-size:clamp(44px,4.8vw,68px);font-weight:750;letter-spacing:-.02em;line-height:1.02;margin:20px 0 18px;max-width:12em}
.hero__lead{font-size:19px;color:var(--ink2);max-width:560px}
.hero__lead:empty{min-height:4.8em}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero__logos{display:flex;align-items:center;gap:22px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
.hero__logos .mlogo{height:24px;opacity:.9}
.hero__logos .mlogo img{height:calc(24px*var(--s,1))}
.hero__more{font-size:14px;font-weight:600;color:var(--ink2)}

/* Uitbetaalmeter widget */
.meter{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:22px;min-width:0}
.meter__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.meter__title{display:flex;align-items:center;gap:8px;font:700 19px/1.2 var(--f-h);letter-spacing:-.015em}
.meter__title .ic{color:var(--or)}
.seg{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#EBF0EE}
.seg__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--card);box-shadow:0 1px 3px rgba(20,22,27,.14);transition:transform .22s cubic-bezier(.3,.7,.2,1)}
.seg:has(label:nth-of-type(2) input:checked) .seg__thumb{transform:translateX(100%)}
.seg label{position:relative;cursor:pointer;z-index:1}
.seg input,.chip input,.speedf input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink2);text-align:center;transition:color var(--t)}
.seg input:checked+span{color:var(--ink)}
.seg input:focus-visible+span,.chip input:focus-visible+span,.speedf input:focus-visible+span{outline:2px solid var(--or);outline-offset:2px}
.chips{border:0;margin:0 -22px;padding:0;min-width:0}
.chips__row{position:relative;display:flex;gap:8px;overflow-x:auto;padding:2px 22px 10px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 40px),transparent)}
.chip{position:relative;flex:none;cursor:pointer}
.chip>span{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font-size:14px;font-weight:500;white-space:nowrap;transition:border-color var(--t),background var(--t)}
.chip:hover>span{border-color:#C3CFCA}
.chip input:checked+span{border-color:var(--or);background:var(--or-soft)}
.mres{margin-top:6px}
.mres__head,.mrow>a,.mrow--empty{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr .75fr .75fr;gap:12px;align-items:center}
.mres__head{padding:8px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line2)}
.mrow>a,.mrow--empty{min-height:52px;padding:0 4px;border-bottom:1px solid var(--line2);color:var(--ink);text-decoration:none}
.mrow>a:hover{background:var(--bg)}
.mrow__b{display:flex;align-items:center;gap:10px;font-weight:600;min-width:0}
.mrow__t{display:flex;align-items:center;gap:5px;font-weight:700}
.mrow__t .ic{width:15px;height:15px;color:var(--teal)}
.mres__empty{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border-radius:12px;background:var(--teal-soft);color:var(--teal);font-size:14px;font-weight:500}
.mres__empty .ic{width:18px;height:18px}
.mres__empty[hidden],[hidden]{display:none!important}
.meter__all{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;color:var(--teal);font-weight:600;font-size:15px;text-decoration:none}
.meter__all .ic{width:18px;height:18px}

/* Stats strip */
.stats{padding-bottom:24px}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}
.stats__grid>div{position:relative;padding:24px 28px;display:flex;flex-direction:column-reverse;gap:6px}
.stats__grid>div+div::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:var(--line)}
.stats dt{font-size:14px;color:var(--ink2)}
.stats dd{margin:0;font:700 40px/1.05 var(--f-h);letter-spacing:-.03em;min-height:42px;display:flex;align-items:center;font-variant-numeric:tabular-nums}
.stats dd .tbd{width:72px;height:24px;border-radius:8px}

/* ---------- Sections ---------- */
.sec{padding:96px 0}
.sec--white{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec--tight{padding:0 0 96px}
.sec--tight.sec--pt{padding-top:72px}
.sec--top0{padding-top:16px}
.sec__head{max-width:760px;margin-bottom:36px}
.sec__head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.sec__head--row>div{max-width:760px}
.sec__head .link{flex:none}
.sec__lead{margin-top:14px;font-size:18px;color:var(--ink2)}

/* Method tiles */
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mtile{display:flex;flex-direction:column;align-items:flex-start;aspect-ratio:1/1;height:100%;padding:22px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color var(--t),transform var(--t),box-shadow var(--t)}
.mtile:hover{border-color:#C3CFCA;transform:translateY(-2px);box-shadow:var(--sh)}
.mtile .mlogo{justify-content:flex-start}
.mtile__top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;min-height:48px;margin-bottom:auto}
.mtile__go{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bg);color:var(--ink2);transition:background var(--t),color var(--t),transform var(--t)}
.mtile__go .ic{width:16px;height:16px}
.mtile:hover .mtile__go{background:var(--or);color:var(--ink);transform:translateX(2px)}
.mtile__name{margin:16px 0 8px;font:700 22px/1.15 var(--f-h);letter-spacing:-.02em}
.mtile__foot{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--line2)}
.mtile__pills{display:flex;flex-wrap:wrap;gap:6px}
.mtile__time{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2)}
.mtile__time .ic{width:16px;height:16px}

/* Comparison matrix */
.matrix{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.matrix table{width:100%;font-size:15px;font-variant-numeric:tabular-nums}
.matrix thead th{position:sticky;top:var(--hdr);z-index:3;background:#F7F9F8;text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:14px 16px;border-bottom:1px solid var(--line)}
.matrix thead th:first-child{border-top-left-radius:var(--r-lg)}
.matrix thead th:last-child{border-top-right-radius:var(--r-lg)}
.matrix tbody th,.matrix td{padding:0 16px;height:64px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:middle;background:#fff}
.matrix tbody tr:nth-child(even)>*{background:#F7F9F8}
.matrix tbody tr:last-child>*{border-bottom:0}
.matrix tbody tr:hover>*{background:#F7F9F8}
.matrix tbody th{position:sticky;left:0;z-index:1}
.matrix tbody th a{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600}
.matrix tbody th .ltile__logo{background:#fff}
.matrix tbody tr[hidden]{display:none}

/* Brand table */
.btable{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);overflow:hidden}
.btable__head,.brow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.8fr) 190px;gap:16px;align-items:center;padding:0 20px}
.btable--rank .btable__head,.btable--rank .brow{grid-template-columns:36px minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.8fr) 190px}
.btable__head{height:46px;background:#F7F9F8;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.brow{min-height:84px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line2)}
.brow:last-child{border-bottom:0}
.brow__n{font:700 22px/1 var(--f-h);color:var(--or)}
.brow__b{flex-direction:row!important;display:flex;align-items:center;gap:12px;font:700 17px/1.2 var(--f-h);color:var(--ink);text-decoration:none;min-width:0}
.brow>span{display:flex;flex-direction:column;gap:6px;font-size:14px}
.brow small{font-size:13px;color:var(--ink2)}
.brow__cta{align-items:stretch}
.brow--empty .brow__cta{align-items:flex-end}
.mchip-row{display:flex;flex-wrap:wrap;gap:6px;flex-direction:row!important}
.mchip{display:inline-flex;align-items:center;height:28px;padding:0 8px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.mchip .clogo{height:16px}
.mchip .clogo img{height:calc(16px*var(--s,1));max-width:52px}
.mchip--more{font-size:12px;font-weight:600;color:var(--ink2)}

/* Casino cards */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ccard{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);transition:box-shadow var(--t),transform var(--t)}
.ccard:not(.ccard--empty):hover{box-shadow:var(--sh);transform:translateY(-2px)}
.ccard--empty{border-style:dashed;border-color:#C3CFCA;background:rgba(255,255,255,.6)}
.ccard__badges{display:flex;gap:6px;position:absolute;top:-12px;left:20px}
.cbadge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:600}
.ccard__top{display:flex;align-items:center;gap:14px}
.ccard__name{display:flex;flex-direction:column;gap:8px;font:700 20px/1.2 var(--f-h);color:var(--ink);text-decoration:none}
.ccard__speed{display:flex;flex-direction:column;gap:8px}
.ccard__speed .sbar{max-width:none}
.ccard__l{font-size:13px;color:var(--ink2)}
.ccard__facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0}
.ccard__facts dt{font-size:13px;color:var(--ink2)}
.ccard__facts dd{margin:4px 0 0;font-weight:600;font-variant-numeric:tabular-nums;min-height:24px;display:flex;align-items:center}
.ccard__fine{margin-top:-8px;text-align:center;font-size:12px;color:var(--ink3)}

/* Timeline */
.tline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tline::before{content:"";position:absolute;left:12.5%;right:12.5%;top:63px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px)}
.tline__s{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.tline__t{min-height:44px;font:700 18px/1.25 var(--f-h);display:flex;align-items:flex-end}
.tline__dot{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin:16px 0;border-radius:50%;background:var(--card);border:2px solid var(--or);color:var(--or-d);box-shadow:0 0 0 6px var(--bg)}
.sec--white .tline__dot{box-shadow:0 0 0 6px #fff}
.tline__dot .ic{width:22px;height:22px}
.tline__time{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:14px;font-weight:600;min-height:30px}
.tline__time .ic{width:16px;height:16px}
.tline__time .tbd{background:#CBE2DE;width:52px}
.tline__d{margin-top:14px;font-size:15px;color:var(--ink2);width:100%;max-width:260px}

/* Low deposit cards */
.lgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lcard{position:relative;display:flex;flex-direction:column;height:100%;padding:26px;border-radius:var(--r-lg);color:var(--ink);text-decoration:none;transition:transform var(--t),box-shadow var(--t)}
.lcard--0{background:#FFE9DC}.lcard--1{background:#E1F1EA}.lcard--2{background:#F3ECDD}.lcard--3{background:#ECEAF2}
.lcard:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.lcard__amt{font:750 64px/1 var(--f-h);letter-spacing:-.04em}
.lcard__amt small{font-size:.55em;vertical-align:.58em;margin-right:2px;color:var(--or-d)}
.lcard__lbl{font-size:14px;font-weight:600;color:var(--ink2);margin-top:4px}
.lcard__d{margin-top:18px;font-size:15px;color:var(--ink2);flex:1}
.lcard [data-slot]:empty{background-image:linear-gradient(to bottom,transparent .5em,rgba(20,22,27,.08) .5em 1.1em,transparent 1.1em)}
.lcard__go{position:absolute;top:24px;right:24px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;transition:background var(--t),transform var(--t)}
.lcard__go .ic{width:16px;height:16px}
.lcard:hover .lcard__go{background:var(--or);transform:translateX(2px)}

/* Numbered steps with outline numbers */
.nsteps{display:grid;gap:20px;margin:28px 0}
.nsteps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}
.nsteps__n{font:800 46px/1 var(--f-h);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--or)}
.nsteps__t{font:700 18px/1.3 var(--f-h);margin-bottom:4px}
.nsteps [data-slot].nsteps__t:empty{width:40%;min-height:1.6em}

/* How we test (home) + disclosure */
.howto{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px;align-items:start}
.howto .sec__lead{max-width:640px}
.disclose{padding:32px;border-radius:var(--r-lg);background:var(--teal-soft);border:1px solid #CBE2DE}
.disclose--wide{margin-top:48px}
.disclose__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--teal);color:#fff;margin-bottom:18px}
.disclose__h{margin-bottom:12px}
.disclose [data-slot]:empty{background-image:linear-gradient(to bottom,transparent .5em,#CBE2DE .5em 1.1em,transparent 1.1em)}
.disclose__date{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #CBE2DE;font-size:14px;font-weight:600;color:var(--teal)}
.disclose__date .ic{width:18px;height:18px}
.disclose__date .tbd{background:#CBE2DE}

/* FAQ */
.faqwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start}
.faqwrap .sec__head{position:sticky;top:calc(var(--hdr) + 32px);margin:0}
.faq{border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:18px 4px;cursor:pointer;list-style:none;font:600 17px/1.4 var(--f-b)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary>span:first-child{flex:1}
.faq__pm{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--line);transition:transform .22s ease,background var(--t)}
.faq__pm::before,.faq__pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.8px;margin:-.9px 0 0 -6px;border-radius:2px;background:var(--ink)}
.faq__pm::after{transform:rotate(90deg)}
.faq__item[open] .faq__pm{transform:rotate(45deg);background:var(--or-soft);border-color:#DCE3E0}
.faq__item summary:hover .faq__pm{border-color:var(--ink)}
.faq__item::details-content{block-size:0;overflow:hidden;transition:block-size .25s ease,content-visibility .25s allow-discrete}
.faq__item[open]::details-content{block-size:auto}
.faq__a{padding:0 52px 22px 4px;color:var(--ink2)}

/* RG block */
.rg{display:flex;gap:24px;padding:28px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.rg__badge{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;font:700 18px/1 var(--f-h);flex:none}
.rg__body{flex:1;min-width:0}
.rg__h{font-size:24px}
.rg__text{margin-top:10px;color:var(--ink2)}
.rg__lines{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tpill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 16px 6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);text-decoration:none;font-size:14px;transition:border-color var(--t),background var(--t)}
.tpill:hover{border-color:var(--ink);background:#fff}
.tpill .ic{width:17px;height:17px;color:var(--or-d)}
.tpill small{font-size:12px;color:var(--ink2)}
.tpill b{white-space:nowrap}
.kv{width:100%;margin:8px 0 16px;font-size:15px;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#fff}
.kv th,.kv td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line2);vertical-align:middle}
.kv thead th{background:#F7F9F8;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.kv tbody th{font-weight:600;color:var(--ink2);width:34%}
.kv tbody tr:last-child>*{border-bottom:0}
.tpill--teal{background:var(--teal-soft);border-color:#CBE2DE}
.tpill--teal .ic{color:var(--teal)}
.rg--big{margin:0 0 48px}

/* ---------- Inner hero ---------- */
.ihero{padding:28px 0 48px}
.ihero__grid{display:block;margin-top:24px}
.ihero__grid--kort{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}
.ihero__in{display:flex;gap:32px;align-items:center}
.kort{padding:20px 22px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.kort__h{margin-bottom:6px;font:600 12px/1.2 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--or-ink)}
.kort dl{margin:0}
.kort dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;border-bottom:1px solid var(--line2)}
.kort dl>div:last-child{border-bottom:0}
.kort dt{font-size:14px;color:var(--ink2)}
.kort dd{margin:0;display:flex;align-items:center;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.rel{padding:22px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.rel__h{margin-bottom:12px;font:600 12px/1.2 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--or-ink)}
.rel__list{display:grid;gap:8px}
.rel__list a{display:flex;align-items:center;gap:14px;padding:8px 12px 8px 8px;border-radius:14px;background:var(--bg);color:var(--ink);text-decoration:none;font-weight:600;transition:background var(--t)}
.rel__list a:hover{background:#EBF0EE}
.rel__logo{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--line2);flex:none}
.rel__logo .clogo{width:32px;height:22px}
.rel__logo .clogo img{max-width:32px;height:calc(18px*var(--s,1))}
.rel__n{flex:1}
.rel__list a>.ic{width:16px;height:16px;color:var(--ink2)}
.ihero__vis{flex:none}
.ihero__txt{flex:1;min-width:0;max-width:820px}
.ihero h1,.shead h1,.ghead h1,.vshead h1,.thead h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.025em;line-height:1.04}
.ihero__lead{margin-top:16px;font-size:18px;color:var(--ink2);max-width:640px}
.ihero__icon{display:grid;place-items:center;width:112px;height:112px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink)}
.ihero__icon .ic{width:44px;height:44px;stroke-width:1.5}
.ihero__icon--or{background:var(--or-soft);border-color:#DCE3E0;color:var(--or-d)}
.ihero__icon--teal{background:var(--teal-soft);border-color:#CBE2DE;color:var(--teal)}
.ihero__pct{font:800 48px/1 var(--f-h)}
.amt{display:flex;align-items:center;justify-content:center;gap:2px;width:112px;height:112px;border-radius:26px;background:var(--or-soft);border:1px solid #DCE3E0;font:750 44px/1 var(--f-h);letter-spacing:-.04em}
.amt small{font-size:.5em;color:var(--or-d)}
.pair{display:flex;align-items:center;gap:10px}
.pair__x{display:grid;place-items:center;width:28px;height:28px;color:var(--ink3)}
.pair__x .ic{width:16px;height:16px}
.pair__m{display:grid;place-items:center;width:112px;height:112px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.bankwm{display:grid;place-items:center;min-width:112px;height:112px;padding:0 22px;border-radius:26px;background:var(--ink);color:#fff;font:800 24px/1 var(--f-h);letter-spacing:-.02em;text-align:center}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--ink2)}
.crumbs li+li::before{content:"/";margin-right:6px;color:#9AA8A3}
.crumbs a{color:var(--ink2);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.pagehead--404{padding:96px 24px 120px}
.pagehead--404 h1{font-size:clamp(34px,4vw,54px)}
.pagehead__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Layout helpers */
.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:start}
.split--even{grid-template-columns:1fr 1fr;gap:32px}
.split--calc{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}
.side{display:flex;flex-direction:column;gap:12px}
.side__cta{padding:20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.side__cta .btn{width:100%}
.panel{padding:32px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.sec--white .panel{background:var(--bg);border-color:var(--line2)}
.panel h2{font-size:28px;margin-bottom:16px}
.panel>[data-slot]{margin:16px 0}
.verdict{display:flex;align-items:center;gap:12px;margin:4px 0 8px}
.verdict__l{font-size:14px;color:var(--ink2)}
.read>*{max-width:768px}
.read h2{font-size:30px;margin:48px 0 14px}
.read h2:first-child,.read .crumbs+h2{margin-top:0}
.read>[data-slot]{margin-bottom:16px}
.read0>[data-slot]{margin:16px 0}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duo__c{padding:32px;border-radius:var(--r-lg)}
.duo__c--or{background:var(--or-soft)}
.duo__c--teal{background:var(--teal-soft)}
.duo__c h2{font-size:26px;margin:12px 0 14px}
.duo__c [data-slot]:empty{background-image:linear-gradient(to bottom,transparent .5em,rgba(20,22,27,.08) .5em 1.1em,transparent 1.1em)}
.tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ltile{display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color var(--t),transform var(--t)}
.sec--white .ltile{background:var(--bg)}
.ltile:hover{border-color:var(--ink);transform:translateY(-1px)}
.ltile b{flex:1;font-weight:600;font-size:15px;line-height:1.3}
.ltile>.ic:first-child{color:var(--or-d)}
.ltile>.ic:last-child{width:16px;height:16px;color:var(--ink2)}

/* Callouts */
.callout{margin:24px 0;padding:18px 22px;border-radius:14px;border-left:4px solid var(--or);background:var(--or-soft)}
.callout--tip{border-left-color:var(--teal);background:var(--teal-soft)}
.callout__h{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:700 15px/1.2 var(--f-h);color:var(--or-ink)}
.callout--tip .callout__h{color:var(--teal)}
.callout__h .ic{width:18px;height:18px}
.callout [data-slot]:empty{min-height:3.2em;background-image:linear-gradient(to bottom,transparent .5em,rgba(20,22,27,.08) .5em 1.1em,transparent 1.1em)}

/* Pros / cons, problems, causes, tiers */
.pcs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pc{padding:28px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg)}
.pc__h{display:flex;align-items:center;gap:10px;margin-bottom:14px;font:700 20px/1.2 var(--f-h)}
.pc__h .ic{width:30px;height:30px;padding:6px;border-radius:50%;stroke-width:2.2}
.pc--yes .pc__h .ic{background:var(--teal-soft);color:var(--teal)}
.pc--no .pc__h .ic{background:#EBF0EE;color:#6E7079}
.pc li{padding:10px 0;border-top:1px solid var(--line2)}
.probs{display:grid;gap:12px}
.prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--card)}
.prob>div{display:flex;gap:12px;align-items:flex-start;padding:20px 22px}
.prob>div>[data-slot]{flex:1}
.prob__p{background:#F7F9F8;border-right:1px solid var(--line2);font-weight:600}
.prob__p .ic{color:var(--or-d)}
.prob__s .ic{color:var(--teal)}
.causes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cause{padding:28px;border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--line2)}
.cause__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--or-soft);color:var(--or-d);margin-bottom:18px}
.cause__t{font:700 19px/1.2 var(--f-h);margin-bottom:10px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tier{padding:26px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.tier__t{font:700 19px/1.2 var(--f-h);margin-bottom:10px}

/* Brand cashier */
.kassa__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.kassa__cta{text-align:center}
.ktable{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);overflow:hidden}
.ktable table{width:100%;font-size:15px}
.ktable thead th{background:#F7F9F8;text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:14px 16px;border-bottom:1px solid var(--line)}
.ktable tbody th,.ktable td{padding:0 16px;height:62px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:middle}
.ktable tbody tr:last-child>*{border-bottom:0}
.ktable tbody th a{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600}

.pbox{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 0}
.pbox>div{padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line2)}
.pbox dt{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2)}
.pbox dt .ic{width:16px;height:16px;color:var(--teal)}
.pbox dd{margin:8px 0 0;font:700 18px/1.2 var(--f-h);min-height:22px}
.tabs__bar{display:inline-flex;padding:4px;border-radius:999px;background:var(--line2);margin-bottom:24px}
.tabs__bar button{border:0;background:transparent;padding:9px 18px;border-radius:999px;font:600 14px/1 var(--f-b);color:var(--ink2);cursor:pointer;transition:background var(--t),color var(--t)}
.tabs__bar button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,22,27,.12)}
.tabs__p h3{font-size:24px}
.vbox{padding:24px;border-radius:var(--r-lg);background:var(--teal-soft);border:1px solid #CBE2DE}
.vbox__h{font:700 19px/1.25 var(--f-h);margin-bottom:12px}
.vbox__v{margin-bottom:14px}
.vbox [data-slot]:empty{background-image:linear-gradient(to bottom,transparent .5em,#CBE2DE .5em 1.1em,transparent 1.1em)}
.altlist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.altlist a,.altlist .is-empty>span{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 18px;border-radius:16px;background:var(--bg);border:1px solid var(--line2);color:var(--ink);text-decoration:none;font-weight:600}
.altlist__t{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:13px;color:var(--ink2);font-weight:500}
.altlist__t .ic{width:14px;height:14px}
.altlist a>.ic:last-child{width:16px;height:16px;color:var(--ink2)}

/* Hubs */
.tfilter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tfilter__b{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font:600 14px/1 var(--f-b);color:var(--ink);cursor:pointer;transition:border-color var(--t),background var(--t)}
.tfilter__b span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--bg);font-size:12px;color:var(--ink2)}
.tfilter__b:hover{border-color:#C3CFCA}
.tfilter__b.is-on{border-color:var(--or);background:var(--or-soft)}
.tfilter__b.is-on span{background:#fff}
.mgrid--filter>li[hidden]{display:none}
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wcard{min-width:0;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.wcard__top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}

.wcard__a{display:flex;align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:600;color:var(--teal);text-decoration:none}
.wcard__a .ic{width:16px;height:16px}
.wcard__a--muted{color:var(--ink2)}
.ptable{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);overflow:hidden}
.ptable__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.ptable__count{font-size:14px;color:var(--ink2)}
.ptable__head,.prow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1fr) 150px;gap:16px;align-items:center;padding:0 20px}
.ptable__head{height:44px;background:#F7F9F8;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.prow{min-height:76px;border-bottom:1px solid var(--line2)}
.prow:last-child{border-bottom:0}
.prow__b{flex-direction:row!important;display:flex;align-items:center;gap:12px;font:700 17px/1.2 var(--f-h);color:var(--ink);text-decoration:none}
.prow>span{display:flex;flex-direction:column;gap:6px;font-size:14px}
.prow small{font-size:13px;color:var(--ink2)}
.prow__go{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:14px;font-weight:600;color:var(--teal);text-decoration:none}
.prow__go .ic{width:16px;height:16px}
.ptable__none,.cgrid__none{display:flex;align-items:center;gap:8px;margin:16px 20px;color:var(--ink2)}
.search{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;min-width:0;flex:1;max-width:360px;transition:border-color var(--t)}
.search:focus-within{border-color:var(--ink)}
.search .ic{color:var(--ink2)}
.search input{border:0;outline:0;background:transparent;font:500 16px/1 var(--f-b);color:var(--ink);width:100%;min-width:0}
.cfilter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:14px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field>span:first-child{font-size:13px;font-weight:600;color:var(--ink2)}
.field select,.field input{height:56px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font:600 17px/1 var(--f-b);color:var(--ink);width:100%;min-width:0;transition:border-color var(--t)}
.field select:focus,.field input:focus{outline:0;border-color:var(--or)}
.field--inline{flex-direction:row;align-items:center;gap:10px}
.field--inline select{height:48px;font-size:15px;border-radius:999px;min-width:190px}
.field__eur{position:relative;display:block}
.field__eur::before{content:"\20AC";position:absolute;left:16px;top:50%;transform:translateY(-50%);font:600 17px/1 var(--f-b);color:var(--ink2)}
.field__eur input{padding-left:36px}
.speedf{display:flex;flex-wrap:wrap;gap:6px}
.speedf label{position:relative;cursor:pointer}
.speedf span{display:block;padding:12px 14px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:600;color:var(--ink2);transition:border-color var(--t),background var(--t)}
.speedf input:checked+span{border-color:var(--teal);background:var(--teal-soft);color:var(--teal)}
.criteria{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:28px;padding:18px 22px;border-radius:var(--r-lg);background:var(--teal-soft)}
.criteria__h{display:flex;align-items:center;gap:8px;font:700 16px/1 var(--f-h);color:var(--teal)}
.criteria ul{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.criteria li{min-width:120px;padding:6px 14px;border-radius:999px;background:#fff}
.criteria [data-slot]:empty{background-image:linear-gradient(to bottom,transparent .5em,#CBE2DE .5em 1.1em,transparent 1.1em)}
.minlist{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.minlist a{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.sec--white .minlist a{background:var(--bg)}
.ltile__logo{display:grid;place-items:center;flex:none;width:64px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--line2)}
.ltile__logo .clogo{width:52px;height:22px}
.ltile__logo .clogo img{height:calc(18px*var(--s,1))}
.minlist b{margin-left:auto;font-weight:700}
.rules{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff}
.rules__head,.rules__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,.7fr);gap:20px;padding:0 22px;align-items:center}
.rules__head{height:44px;background:#F7F9F8;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.rules__row{min-height:72px;padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.rules__row:last-child{border-bottom:0}
.rules__t{font-weight:700}
.rtpt{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff}
.rtpt table{width:100%;font-size:15px}
.rtpt th,.rtpt td{padding:0 16px;height:60px;text-align:left;border-bottom:1px solid var(--line2);vertical-align:middle}
.rtpt thead th{height:46px;background:#F7F9F8;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);border-bottom-color:var(--line)}
.rtpt tbody tr:last-child>*{border-bottom:0}
.rtpt td:nth-child(4){display:flex;align-items:center;gap:12px;height:60px}
.rtpbar{display:block;width:100px;height:8px;border-radius:999px;background:#E4EAE7;overflow:hidden}
.rtpbar>span{display:block;height:100%;background:var(--or)}
.rtpbar--tbd>span{width:40%;background:var(--skel)}

/* Guides */
.ghead,.shead{padding:28px 0 40px}
.ghead h1,.shead h1{margin-top:20px}
.ghead .eyebrow{margin-top:24px}
.ghead .eyebrow+h1{margin-top:0}
.answer{margin-top:28px;padding:22px 24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.answer__l{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:700 15px/1 var(--f-h);color:var(--teal)}
.answer__l .ic{width:18px;height:18px}
.escal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.escal>div{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.escal .ic{color:var(--teal)}
.escal__t{font:700 17px/1.2 var(--f-h);margin:10px 0 6px}
.glist{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.glist a{display:flex;align-items:center;gap:16px;min-height:80px;padding:16px 22px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color var(--t),transform var(--t)}
.glist a:hover{border-color:var(--ink);transform:translateY(-1px)}
.glist__n{display:grid;place-items:center;flex:none;width:44px;font:800 30px/1 var(--f-h);color:transparent;-webkit-text-stroke:1.3px var(--or)}
.glist__n .ic{color:var(--or-d);width:26px;height:26px}
.glist__t{flex:1;font:700 18px/1.25 var(--f-h)}
.glist a>.ic{width:18px;height:18px;color:var(--ink2)}

/* Banks */
.bankgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bankcard{position:relative;display:flex;flex-direction:column;gap:28px;padding:26px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform var(--t),box-shadow var(--t)}
.bankcard:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.bankcard__wm{font:800 28px/1 var(--f-h);letter-spacing:-.02em}
.bankcard__f{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line2);font-size:14px;color:var(--ink2)}
.bankcard__f>span:first-child{display:flex;align-items:center;gap:6px}
.bankcard__f .ic{width:16px;height:16px}
.bankcard__go{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bg)}
.bankcard__go .ic{width:16px;height:16px}
.gblock{padding:32px;border-radius:var(--r-lg);background:var(--ink);color:#E8F1EE}
.gblock h2{color:#fff;font-size:28px;margin:22px 0 12px}
.gblock__top{display:flex;align-items:center;gap:14px}
.gblock__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(232,241,238,.14);color:#fff}
.gblock__l{font-weight:600;color:#fff;margin-bottom:6px}
.gblock [data-slot]:empty{background-image:linear-gradient(to bottom,transparent .5em,rgba(232,241,238,.14) .5em 1.1em,transparent 1.1em)}

/* Comparisons */
.vsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vscard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:24px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform var(--t),box-shadow var(--t)}
.vscard:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.vscard__l{display:grid;place-items:center;height:72px;border-radius:16px;background:var(--bg)}
.vscard__vs,.vsbar__vs{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font:700 13px/1 var(--f-h)}
.vscard b{grid-column:1/-1;text-align:center;font:700 18px/1.2 var(--f-h)}
.vshead{padding:28px 0 40px}
.vshead .eyebrow{margin-top:24px}
.vsbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:32px}
.vsbar__s{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.vsbar__s b{font:700 22px/1.1 var(--f-h)}
.vsbar__s{flex-wrap:wrap;min-width:0}
.vsbar__s .tbadge{margin-left:auto}
.vst{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff}
.vst__head,.vst__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:20px;align-items:center;padding:0 22px}
.vst__head{height:46px;background:#F7F9F8;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.vst__row{min-height:64px;border-bottom:1px solid var(--line2)}
.vst__row:last-child{border-bottom:0}
.vst__c{font-weight:700}
.vst__v{padding:8px 12px;border-radius:10px;background:var(--bg);font-size:14px}
.vst__v:empty{background:var(--bg) linear-gradient(to bottom,transparent .5em,var(--skel) .5em 1.1em,transparent 1.1em) 12px 8px/calc(100% - 24px) 1.6em no-repeat!important;min-height:calc(1.6em + 16px)!important}
.ticks{display:grid;gap:10px;margin-top:8px}
.ticks li{display:flex;align-items:flex-start;gap:10px}
.ticks .ic{flex:none;margin-top:2px;width:22px;height:22px;padding:3px;border-radius:50%;background:#fff;color:var(--teal);stroke-width:2.4}

/* Calculators */
.thead{padding:28px 0 72px}
.thead__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center;margin-top:24px}
.calc{padding:28px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-lg)}
.calc__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc__out{margin-top:20px;padding:22px;border-radius:18px;background:var(--bg)}
.calc__l{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.calc__big{margin-top:8px;font:750 48px/1.05 var(--f-h);letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-height:52px;display:flex;align-items:center}
.calc__rows{display:grid;margin-top:12px}
.calc__rows li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.calc__rows a{color:var(--ink);font-weight:600;text-decoration:none}
.calc__empty{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--teal);font-size:14px;font-weight:500}
.calc__empty .ic{width:18px;height:18px}

/* News, contact */
.feed{border-top:1px solid var(--line)}
.feed a,.feed .is-empty>span{display:flex;align-items:center;gap:20px;min-height:72px;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.feed time{flex:none;width:110px;font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums}
.feed b{flex:1;font:700 18px/1.3 var(--f-h)}
.feed .is-empty>span{gap:24px}
.ndate{display:flex;align-items:center;gap:8px;margin:24px 0 12px;font-size:14px;color:var(--ink2)}
.ndate .ic{width:18px;height:18px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact__c{padding:24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.contact__c .ic{color:var(--or-d)}
.contact__t{font:700 18px/1.2 var(--f-h);margin:12px 0 6px}

/* Verdict banner (withdraw) */
.vbanner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:32px;align-items:center;padding:28px 32px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.vbanner__l{font:700 22px/1.2 var(--f-h);margin-bottom:12px}
.vbanner__f{display:flex;gap:28px;margin:0}
.vbanner__f dt{font-size:13px;color:var(--ink2)}
.vbanner__f dd{margin:6px 0 0;font-weight:700;min-height:22px}

/* ---------- Footer ---------- */
.ftr{background:var(--ink);color:#9DB8B0;padding:0 0 32px;font-size:15px}
.ftr a{color:#E8F1EE;text-decoration:none}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr__rg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid rgba(232,241,238,.14)}
.ftr__rgl{display:flex;align-items:center;gap:12px;font:700 16px/1 var(--f-h);color:#fff}
.age--lg{min-width:44px;height:28px;font-size:13px;color:#fff}
.ftr__tel{display:flex;flex-wrap:wrap;gap:8px}
.ftr__tel a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(232,241,238,.24);font-size:14px}
.ftr__tel a:hover{border-color:#fff;text-decoration:none}
.ftr__tel .ic{width:16px;height:16px;color:#9DB8B0}
.ftr__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:start;padding:48px 0 40px;border-bottom:1px solid rgba(232,241,238,.14)}
.ftr__texts{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.ftr [data-slot]:empty{background-image:linear-gradient(to bottom,transparent .5em,rgba(232,241,238,.14) .5em 1.1em,transparent 1.1em)}
.ftr__top{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1fr 1fr 1fr;gap:32px;padding-top:40px}
.ftr__h{font:700 15px/1.2 var(--f-h);color:#fff;margin-bottom:14px}
.ftr__h a{color:#fff}
.ftr__h--mt{margin-top:28px}
.ftr__col li+li{margin-top:8px}
.ftr__col li{font-size:14px;line-height:1.4}
.ftr__2col{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.ftr__2col li+li{margin-top:0}
.ftr__copy{margin-top:40px;padding-top:20px;border-top:1px solid rgba(232,241,238,.14);font-size:13px;color:#9DB8B0}
.mcta{display:none}

/* ---------- Tablet ---------- */
@media (max-width:1240px){
  .hdr__in{gap:16px}
  .ftr__top{grid-template-columns:repeat(3,1fr);row-gap:40px}
}
@media (max-width:1100px){
  .mgrid,.wgrid,.minlist{grid-template-columns:repeat(3,1fr)}
  .mtile{aspect-ratio:auto}
  .matrix{overflow-x:auto}
  .matrix thead th{position:static}
  .matrix table{min-width:860px}
  .btable__head{display:none}
  .btable--rank .brow,.brow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);row-gap:12px}
  .btable--rank .brow{grid-template-columns:28px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}
  .brow>span[data-l]::before{content:attr(data-l);font-size:12px;color:var(--ink3)}
  .brow__cta{grid-column:1/-1;flex-direction:row!important;align-items:center!important;gap:12px!important}
  .brow__cta .fine{margin:0}
  .ptable__head{display:none}
  .prow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);row-gap:10px;padding-top:14px;padding-bottom:14px}
  .prow>span[data-l]::before{content:attr(data-l);font-size:12px;color:var(--ink3)}
  .prow__go{grid-column:1/-1;justify-content:flex-start}
  .vbanner{grid-template-columns:1fr}
  .ihero__grid--kort{grid-template-columns:1fr;gap:24px}
  .kort{max-width:520px}
}
@media (max-width:1060px){
  :root{--hdr:64px}
  .nav,.hdr__cta{display:none}
  .hdr__in{justify-content:space-between}
  .burger{display:grid;place-items:center;position:relative;width:44px;height:44px;margin-right:-8px;border:0;background:transparent;cursor:pointer}
  .burger span{position:absolute;left:11px;width:22px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,top .2s}
  .burger span:first-child{top:17px}
  .burger span:last-child{top:25px}
  .burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
  .burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
  .mnav{display:block;position:absolute;left:0;right:0;top:100%;height:calc(100vh - var(--hdr));height:calc(100dvh - var(--hdr));overflow-y:auto;background:var(--bg);border-top:1px solid var(--line)}
  .mnav__in{padding:8px 16px 32px}
  .mnav__group{border-bottom:1px solid var(--line)}
  .mnav__group summary,.mnav__link{display:flex;align-items:center;justify-content:space-between;min-height:56px;font:600 18px/1.2 var(--f-h);color:var(--ink);text-decoration:none;list-style:none;cursor:pointer}
  .mnav__group summary::-webkit-details-marker{display:none}
  .mnav__group summary .ic{transition:transform var(--t)}
  .mnav__group[open] summary .ic{transform:rotate(180deg)}
  .mnav__group[open]{padding-bottom:14px}
  .mnav__link{border-bottom:1px solid var(--line)}
  .mnav__cta{width:100%;margin-top:24px}
  body.nav-open{overflow:hidden}
  body.nav-open .mcta{display:none}
  .hero{padding:28px 0 48px}
  .hero__in{grid-template-columns:1fr;gap:36px}
    .hero__h1{max-width:none}
  .cgrid{grid-template-columns:1fr 1fr}
  .tline{grid-template-columns:1fr 1fr;row-gap:40px}
  .tline::before{display:none}
  .lgrid,.causes,.tiers,.tiles3,.altlist,.bankgrid,.vsgrid{grid-template-columns:1fr 1fr}
  .split,.split--even,.split--calc,.howto,.faqwrap,.thead__in{grid-template-columns:1fr;gap:32px}
  .faqwrap .sec__head{position:static}
  .mcta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
  .mcta .btn{width:100%}
  body{padding-bottom:72px}
  .ftr__head{grid-template-columns:1fr;gap:24px}
}
/* ---------- Mobile ---------- */
@media (max-width:760px){
  .wrap{padding:0 16px}
  .sec{padding:56px 0}
  .sec--tight{padding:0 0 56px}
  .sec--tight.sec--pt{padding-top:48px}
  .sec--top0{padding-top:8px}
  .sec__head{margin-bottom:24px}
  .sec__head--row{display:block}
  .sec__head--row .link{margin-top:14px}
  .rgbar__in{font-size:12px;gap:8px}
  .brand{min-width:150px;height:38px;gap:8px;padding:0 19px 0 10px;border-radius:8px}
  .brand__name{font-size:15px}
  .brand__chip svg{width:14px;height:11px}
  .hero__h1{font-size:44px;margin:18px 0 16px}
  .hero__lead{font-size:17px}
  .hero__ctas .btn{flex:1 1 auto}
  .hero__logos{gap:16px;flex-wrap:wrap}
  .meter{padding:18px;border-radius:20px}
  .chips{margin:0 -18px}
  .chips__row{padding:2px 18px 10px}
  .meter__head{flex-wrap:wrap}
  .mres__head,.mrow>a,.mrow--empty{grid-template-columns:minmax(0,1.4fr) 1fr .8fr .8fr;gap:8px;font-size:14px}
  .stats__grid{grid-template-columns:1fr 1fr}
  .stats__grid>div{padding:18px 20px}
  .stats__grid>div:nth-child(3)::before{display:none}
  .stats__grid>div:nth-child(n+3){border-top:1px solid var(--line2)}
  .stats dd{font-size:32px}
  .mgrid,.wgrid{grid-template-columns:1fr 1fr;gap:10px}
  .mtile{padding:16px;border-radius:18px}
  .mtile__top{min-height:40px}
  .mtile__go{display:none}
  .mtile__name{font-size:18px;margin:12px 0 6px}
  .mtile .mlogo--40 img{height:calc(30px*var(--s,1));max-width:100%}
  .mtile .mlogo--40.mlogo--icon .ic{width:30px;height:30px}
  .dpill{font-size:12px;height:26px}
  /* Matrix becomes cards */
  .matrix{border:0;background:transparent;overflow:visible}
  .matrix table{min-width:0}
  .matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .matrix table,.matrix tbody{display:block}
  .matrix tbody{display:grid;gap:10px}
  .matrix tr{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .matrix tbody tr:nth-child(even)>*{background:#fff}
  .matrix tbody th{position:static;grid-column:1/-1;height:auto;padding:14px 16px;border-bottom:1px solid var(--line2)!important}
  .matrix td{display:flex;align-items:center;justify-content:space-between;gap:8px;height:auto;min-height:52px;padding:10px 16px;border-bottom:1px solid var(--line2)!important;font-size:14px}
  .matrix td:nth-child(odd){border-left:1px solid var(--line2)}
  .matrix tr>td:nth-last-child(-n+2){border-bottom:0!important}
  .matrix td::before{content:attr(data-l);color:var(--ink2);font-size:13px}
  .matrix .mx-speed{align-items:flex-end}
  .matrix .sbar{width:60px}
  .ktable{border:0;background:transparent;overflow:visible}
  .ktable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ktable table,.ktable tbody{display:block}
  .ktable tbody{display:grid;gap:10px}
  .ktable tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .ktable tbody th{grid-column:1/-1;height:auto;padding:14px 16px;border-bottom:1px solid var(--line2)!important}
  .ktable td{display:flex;align-items:center;justify-content:space-between;gap:8px;height:auto;min-height:48px;padding:10px 16px;border-bottom:1px solid var(--line2)!important;font-size:14px}
  .ktable td::before{content:attr(data-l);color:var(--ink2);font-size:13px}
  .ktable td:nth-child(odd){border-left:1px solid var(--line2)}
  .p-bank .ktable td:last-child{grid-column:1/-1;border-left:0}
  .brow,.btable--rank .brow{grid-template-columns:1fr 1fr;padding:16px}
  .btable--rank .brow__n{display:none}
  .brow__b{grid-column:1/-1}
  .brow>span[data-l="Uitbetaalsnelheid"]{grid-column:1/-1}
  .brow__cta{flex-direction:column!important;align-items:stretch!important}
  .brow__cta .btn{width:100%}
  .brow__cta .fine{text-align:center}
  .prow{grid-template-columns:1fr 1fr;padding:16px}
  .prow__b{grid-column:1/-1}
  .ptable__bar{flex-direction:column;align-items:stretch}
  .search{max-width:none}
  .cfilter{flex-direction:column;align-items:stretch}
  .field--inline{flex-direction:column;align-items:stretch}
  .field--inline select{min-width:0}
  .cgrid{grid-template-columns:1fr}
  .tline{grid-template-columns:1fr;row-gap:0;position:relative;padding-left:0}
  .tline::before{display:block;left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--line) 0 8px,transparent 8px 14px)}
  .tline__s{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:start;text-align:left;padding-bottom:28px}
  .tline__dot{grid-row:1/span 3;margin:0}
  .tline__t{min-height:0;align-items:center;font-size:17px}
  .tline__time{justify-self:start;margin-top:8px}
  .tline__d{max-width:none;margin-top:8px}
  .lgrid{grid-template-columns:1fr 1fr;gap:10px}
  .lcard{padding:18px;border-radius:18px}
  .lcard__amt{font-size:48px}
  .lcard__go{top:16px;right:16px;width:32px;height:32px}
  .nsteps li{grid-template-columns:48px minmax(0,1fr)}
  .nsteps__n{font-size:36px}
  .disclose,.panel,.duo__c,.pc,.cause,.tier,.gblock,.calc{padding:22px}
  .faq__a{padding-right:4px}
  .rg{flex-direction:column;gap:16px;padding:22px}
  .rg__badge{width:48px;height:48px;font-size:16px}
  .rg__lines{flex-direction:column;align-items:stretch}
  .ihero{padding:20px 0 36px}
  .ihero__in{flex-direction:column;align-items:flex-start;gap:20px}
  .mlogo--xl,.ihero__icon,.amt,.bbadge--xl,.pair__m{width:80px;height:80px;border-radius:20px}
  .mlogo--xl img{height:calc(36px*var(--s,1));max-width:64px}
  .ihero__icon .ic{width:34px;height:34px}
  .bankwm{height:80px;font-size:20px;border-radius:20px}
  .amt{font-size:32px}
  .duo,.pcs,.causes,.tiers,.tiles3,.altlist,.bankgrid,.vsgrid,.glist,.escal,.contact,.minlist{grid-template-columns:1fr}
  .prob{grid-template-columns:1fr}
  .prob__p{border-right:0;border-bottom:1px solid var(--line2)}
  .rules__head{display:none}
  .rules__row{grid-template-columns:1fr;gap:6px}
  .rtpt{overflow-x:auto}
  .rtpt table{min-width:640px}
  .vsbar{grid-template-columns:1fr;gap:10px}
  .vsbar__vs{justify-self:center}
  .vst__head{display:none}
  .vst__row{grid-template-columns:1fr 1fr;gap:10px;padding:16px}
  .vst__c,.vst__v{grid-column:1/-1}
  .vst__row>span[data-l]{display:flex;flex-direction:column;gap:4px}
  .vst__row>span[data-l]::before{content:attr(data-l);font-size:12px;color:var(--ink3)}
  .calc__fields{grid-template-columns:1fr}
  .calc__big{font-size:38px}
  .vbanner{padding:22px}
  .vbanner__f{flex-wrap:wrap;gap:16px}
  .kassa__head{flex-direction:column;align-items:stretch}
  .pbox{grid-template-columns:1fr 1fr}
  .ftr__rg{flex-direction:column;align-items:flex-start}
  .ftr__texts{grid-template-columns:1fr;gap:16px}
  .ftr__top{grid-template-columns:1fr 1fr;gap:28px}
  .ftr__col--wide{grid-column:1/-1}
}

.split>*,.duo>*{min-width:0}
.kv{table-layout:fixed}
.kv th,.kv td{overflow-wrap:anywhere}

/* Etalon polish (home + method), 03.11 */
.ihero__grid--kort{align-items:start}
.ihero__grid--kort .ihero__in{padding-top:12px}
.split--even{align-items:stretch}
.rel__logo{width:56px}
.rel__logo .clogo{width:48px}
.rel__logo .clogo img{max-width:48px}
.verdict{flex-wrap:wrap}
.verdict__l{white-space:nowrap}
.ftr__head .brand{justify-self:start}
@media (max-width:760px){.ihero__txt{width:100%}}
.mlogo--xl img{height:calc(52px*var(--s,1));max-height:none;max-width:70px}
@media (max-width:760px){.mlogo--xl img{height:calc(38px*var(--s,1));max-width:56px}}

/* Method template: Feiten, Let op, Veiligheid (03.11) */
.what__p{margin-top:16px}
.feiten{padding:22px 24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.feiten__h{display:flex;align-items:center;gap:10px;margin-bottom:8px;font:700 18px/1.2 var(--f-h)}
.feiten__h .clogo{justify-content:center;width:44px;height:28px;border-radius:8px;background:var(--bg)}
.feiten__h .clogo img{max-width:38px;height:calc(16px*var(--s,1))}
.feiten table{width:100%;font-size:15px}
.feiten th,.feiten td{padding:12px 0;border-bottom:1px solid var(--line2);vertical-align:top;text-align:left}
.feiten tr:last-child>*{border-bottom:0}
.feiten th{width:42%;padding-right:12px;font-weight:500;color:var(--ink2)}
.feiten td{font-weight:600}
.trap__head .eyebrow{display:inline-block}
.trap__head h2{padding-left:16px;border-left:4px solid var(--or)}
.trap{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff}
.trap__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:24px;padding:18px 22px;border-bottom:1px solid var(--line2);align-items:start}
.trap__row:last-child{border-bottom:0}
.trap__row--head{padding-top:13px;padding-bottom:13px;background:#F7F9F8;border-bottom-color:var(--line);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.trap__s{display:flex;gap:12px;align-items:flex-start;font-weight:700}
.trap__s>[data-slot]{flex:1}
.trap__ic{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--or-soft);color:var(--or-d)}
.trap__ic .ic{width:17px;height:17px}
.trap__d{padding-left:14px;border-left:3px solid var(--teal-soft)}
.safe{display:grid;grid-template-columns:72px minmax(0,1fr);gap:28px;align-items:start}
.safe__ic{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--teal);color:#fff}
.safe__ic .ic{width:32px;height:32px;stroke-width:1.6}
.safe__body h2{margin-bottom:20px}
.safe__cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
@media (max-width:760px){
  .feiten{padding:18px}
  .trap__row--head{display:none}
  .trap__row{grid-template-columns:1fr;gap:12px;padding:18px}
  .trap__row>[data-l]::before{content:attr(data-l);display:block;margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
  .safe{grid-template-columns:1fr;gap:16px}
  .safe__ic{width:56px;height:56px;border-radius:16px}
  .safe__cols{grid-template-columns:1fr;gap:16px}
}
[data-slot][data-words="90-150"]:empty,[data-slot][data-words="80-130"]:empty,[data-slot][data-words="70-110"]:empty,[data-slot][data-words="50-90"]:empty,[data-slot][data-words="60-100"]:empty{min-height:6.4em}
/* Published pages: missing facts as plain grey text; compact "In het kort" (03.11) */
.np{font-size:13px;font-weight:500;color:var(--ink3);white-space:nowrap}
.kort dd{max-width:62%;font:500 14px/1.35 var(--f-b);justify-content:flex-end;text-align:right}
.kort dd .dstat{flex:none}
.ihero--method .ihero__in{align-items:flex-start}
.ihero--method .ihero__vis{margin-top:26px}
@media (max-width:760px){.ihero--method .ihero__vis{margin-top:0}}

/* Short payout labels, stale check date, secondary CTA (03.11) */
.ptime{white-space:nowrap;font-weight:600;color:var(--ink)}
.ptime[title]{cursor:help;text-decoration:underline dotted #B7C4BF;text-underline-offset:3px}
.ptime--na{font-weight:500;color:var(--ink3)}
.stale{display:block;width:max-content;margin-top:4px;padding:2px 8px;border-radius:999px;background:#EEF2F0;font:500 11px/1.4 var(--f-b);color:var(--ink2);letter-spacing:0}
.brow__cta .btn--ghost,.ccard .btn--ghost{background:#fff}
/* Brand logos: normalized tile / dark tile for white logos / monogram */
.bbadge img{padding:3px}
.bbadge--mono,.blogo--mono{background:#EFEAF6;color:#4B3F72;border-color:transparent;font:700 14px/1 var(--f-h);letter-spacing:.02em}
.bbadge--dark,.blogo--dark{background:var(--ink);border-color:var(--ink)}
.blogo{display:grid;place-items:center;flex:none;width:72px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--line);overflow:hidden}
.blogo img{width:100%;height:100%;object-fit:contain}

/* Brand table v2 (owner spec 03.11) */
.btable2{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden}
.bsort{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line)}
.bsort__l{margin-right:6px;font-size:13px;color:var(--ink2)}
.bsort button{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:600 13px/1 var(--f-b);color:var(--ink2);cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t)}
.bsort button:hover{border-color:#C3CFCA;color:var(--ink)}
.bsort button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.bt{width:100%;font-size:15px}
.bt thead th{height:40px;padding:0 16px;background:#F7F9F8;border-bottom:1px solid var(--line);text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.bt tbody th,.bt td{height:66px;padding:0 16px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:middle;font-weight:500;transition:background var(--t)}
.bt tbody tr:last-child>*{border-bottom:0}
.bt tbody tr:hover>*{background:#F7F9F8}
.bt__b{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.bt__n{display:flex;flex-direction:column;gap:3px;min-width:0}
.bt__n b{font:700 16px/1.2 var(--f-h)}
.bt__meta{display:flex;flex-wrap:wrap;gap:4px}
.bt__meta .stale{margin:0}
.lic{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;background:#EBF0EE;font:600 11px/1 var(--f-b);color:var(--ink2)}
.lic--ksa{background:var(--teal-soft);color:var(--teal)}
.dep{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dep .ic{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--teal-soft);color:var(--teal);stroke-width:2.6}
.dep--no .ic{background:#EBF0EE;color:#8A8E99}
.dash{color:var(--ink3)}
.tdot{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tdot::before{content:"";width:8px;height:8px;border-radius:50%;background:#B7C4BF;flex:none}
.tdot--g::before{background:#2BA84A}.tdot--t::before{background:var(--teal)}.tdot--y::before{background:#E5B300}.tdot--o::before{background:var(--or)}
.tdot--na{color:var(--ink3)}
.tdot[title]{cursor:help}
.bt__cta{width:1%;text-align:right;white-space:nowrap}
.bt__note{padding:12px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink3)}
.btable--empty{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden}
.brow2--empty{display:grid;grid-template-columns:72px 1.5fr 1fr 1fr;gap:16px;align-items:center;height:66px;padding:0 16px;border-bottom:1px solid var(--line2)}
@media (max-width:760px){
  .bt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bt,.bt tbody{display:block}
  .bt tr{display:grid;grid-template-columns:1fr;padding:14px 16px;border-bottom:1px solid var(--line2)}
  .bt tbody tr:last-child{border-bottom:0}
  .bt tbody th,.bt td{display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;min-height:34px;padding:0;border:0!important;background:transparent!important}
  .bt tbody th{margin-bottom:8px}
  .bt td::before{content:attr(data-l);font-size:13px;font-weight:500;color:var(--ink2)}
  .bt td.bt__cta{width:auto;margin-top:10px}
  .bt td.bt__cta::before{display:none}
  .bt__cta .btn{width:100%}
  .brow2--empty{grid-template-columns:72px 1fr}
}
.pbox>div{min-width:0}
.pbox dd{font:600 15px/1.45 var(--f-b);overflow-wrap:anywhere}
@media (max-width:760px){.pbox{grid-template-columns:1fr}}
.blogo.blogo--dark,.bbadge.bbadge--dark{background:var(--ink);border-color:var(--ink)}
.blogo.blogo--mono,.bbadge.bbadge--mono{background:#EFEAF6;color:#4B3F72;border-color:transparent}
.bt__none{display:flex;align-items:center;gap:8px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink2)}
.bt__none .ic{color:var(--teal)}
.kort__v{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}


/* ---------- Menus v2 (03.11) ---------- */
.nav__btn{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:500 15px/1 var(--f-b);white-space:nowrap;cursor:pointer;transition:background var(--t)}
.nav__btn .ic{width:16px;height:16px;color:var(--ink2);transition:transform var(--t)}
.nav__btn:hover,.nav__btn.is-current{background:#EBF0EE}
.nav__btn[aria-expanded="true"]{background:var(--or-soft)}
.nav__btn[aria-expanded="true"] .ic{transform:rotate(180deg)}
.nav__item--narrow{position:relative}
.mp{position:absolute;top:calc(100% + 8px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px -24px rgba(20,22,27,.25);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.mp.is-open{opacity:1;visibility:visible;transform:none}
.mp::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.mp--wide{left:24px;right:24px;top:calc(100% - 4px)}
.mp--narrow{left:0;width:380px}
.mp--low{width:420px}
.mp--tools{width:460px}
.mp__body{padding:24px 26px}
.mp__foot{display:flex;align-items:center;gap:6px;padding:14px 26px;border-top:1px solid var(--line2);background:#F7F9F8;border-radius:0 0 20px 20px;color:var(--teal);font-weight:600;font-size:14px;text-decoration:none}
.mp__foot .ic{width:16px;height:16px;transition:transform var(--t)}
.mp__foot:hover .ic{transform:translateX(3px)}
.mp__grid{display:grid;gap:8px 28px}
.mp__grid--methods{grid-template-columns:repeat(4,minmax(0,1fr)) 260px}
.mp__grid--payout{grid-template-columns:1.2fr 1fr 1fr}
.mp__h{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:0 10px;font:600 12px/1.2 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.mp__h--or{color:var(--or-ink)}
.mp__h .ic{width:16px;height:16px}
.mp__list{display:grid;gap:2px}
.mi{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:14px;color:var(--ink);text-decoration:none;transition:background var(--t)}
.mi:hover,.mi:focus-visible{background:var(--or-soft)}
.mi__t{flex:none}
.mi__x{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.mi__x b{font:600 15px/1.25 var(--f-b)}
.mi__x small{font-size:13px;line-height:1.3;color:var(--ink2)}
.mi__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.mi__go{display:grid;place-items:center;flex:none;width:24px;height:24px;color:var(--ink3);opacity:0;transform:translateX(-4px);transition:opacity var(--t),transform var(--t)}
.mi__go .ic{width:16px;height:16px}
.mi:hover .mi__go,.tool2:hover .mi__go{opacity:1;transform:none;color:var(--or-d)}
.it{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--bg);color:var(--ink2);overflow:hidden}
.it .ic{width:18px;height:18px}
.it--or{background:var(--or-soft);color:var(--or-d)}
.it--teal{background:var(--teal-soft);color:var(--teal)}
.it--logo{background:#fff;border:1px solid var(--line2)}
.it--logo .clogo{width:30px;height:24px}
.it--logo .clogo img{max-width:28px;height:calc(18px*var(--s,1))}
.it--logo .clogo--icon .ic{width:18px;height:18px}
.it--logo .wm{transform:scale(.62)}
.it--bank{width:56px}
.it--bank img{max-width:44px;max-height:20px;object-fit:contain}
.it--wm{width:56px;background:var(--ink);color:#fff;font:800 11px/1 var(--f-h);letter-spacing:.02em}
.mp__promo{padding:18px;border-radius:16px;background:var(--or-soft);align-self:start}
.fast3{display:grid;gap:6px;margin:4px 0 12px}
.fast3 a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:transform var(--t)}
.fast3 a:hover{transform:translateX(2px)}
.fast3 .blogo{width:52px;height:30px;border-radius:8px}
.fast3 b{display:block;font:600 14px/1.2 var(--f-b)}
.fast3 .tdot{font-size:12px;color:var(--ink2)}
.fast3__none{font-size:13px;color:var(--ink2)}
.mp__more{display:inline-flex;align-items:center;gap:6px;color:var(--or-ink);font-weight:600;font-size:14px;text-decoration:none}
.mp__more .ic{width:16px;height:16px}
.mp__tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mt{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;border:1px solid var(--line2);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;transition:background var(--t),border-color var(--t);min-width:0}
.mt span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt:hover{background:var(--or-soft);border-color:#DCE3E0}
.mp__list--tight .mi{min-height:44px}
.mp__lead{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px;border-radius:14px;background:var(--bg);color:var(--ink);text-decoration:none;transition:background var(--t)}
.mp__lead span{display:flex;flex-direction:column;flex:1}
.mp__lead b{font:600 15px/1.25 var(--f-b)}
.mp__lead small{font-size:13px;color:var(--ink2)}
.mp__lead>.ic{width:16px;height:16px;color:var(--ink3)}
.mp__lead:hover{background:var(--or-soft)}
.amt4{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.amt4__c{position:relative;display:flex;flex-direction:column;padding:16px;border-radius:16px;color:var(--ink);text-decoration:none;transition:transform var(--t)}
.amt4__c--0{background:#FFE9DC}.amt4__c--1{background:#E1F1EA}.amt4__c--2{background:#F3ECDD}.amt4__c--3{background:#ECEAF2}
.amt4__c:hover{transform:translateY(-2px)}
.amt4__n{font:750 40px/1 var(--f-h);letter-spacing:-.04em}
.amt4__n small{font-size:.55em;vertical-align:.55em;color:var(--or-d)}
.amt4__l{margin-top:4px;font-size:13px;font-weight:600;color:var(--ink2)}
.amt4__go{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff}
.amt4__go .ic{width:14px;height:14px}
.duo2{position:relative;display:block;width:48px;height:36px}
.duo2>span{position:absolute;top:4px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);overflow:hidden}
.duo2__a{left:0;z-index:2;box-shadow:0 0 0 2px #fff}
.duo2__b{left:18px}
.duo2 .clogo{width:22px;height:18px}
.duo2 .clogo img{max-width:20px;height:calc(14px*var(--s,1))}
.duo2 .clogo--icon .ic{width:14px;height:14px}
.duo2 .wm{transform:scale(.45)}
.tools2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool2{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;border:1px solid var(--line2);color:var(--ink);text-decoration:none;transition:background var(--t),border-color var(--t)}
.tool2:hover{background:var(--or-soft);border-color:#DCE3E0}
.tool2 .it{width:44px;height:44px;margin-bottom:6px}
.tool2 b{font:700 16px/1.25 var(--f-h)}
.tool2 small{font-size:13px;color:var(--ink2)}
.tool2 .mi__go{position:absolute;top:16px;right:14px}
@media (max-width:1240px){.nav__btn{padding:0 9px;font-size:14px}.mp__grid--methods{grid-template-columns:repeat(4,minmax(0,1fr))}.mp__promo{display:none}}
@media (max-width:1060px){
  .mnav__group summary .ic{transition:transform var(--t)}
  .mnav__panel{padding:0 0 16px}
  .mnav__panel .mp__grid{grid-template-columns:1fr;gap:14px}
  .mnav__panel .mp__promo{display:block}
  .mnav__panel .mp__foot{margin-top:10px;border-radius:12px;padding:12px 14px;border:1px solid var(--line2)}
  .mnav__panel .mi{min-height:48px;background:#fff;margin-bottom:4px}
  .mnav__panel .mi__go{opacity:1;transform:none}
  .mnav__panel .mp__h{margin-top:4px;padding:0 4px}
  .mnav__group--methods .mp__list{grid-template-columns:1fr 1fr;gap:4px}
  .mnav__group--methods .mi{gap:8px;padding:6px 8px}
  .mnav__group--methods .mi__go{display:none}
  .mnav__panel .mt{background:#fff;min-height:48px}
}

.nav__item:last-child .mp--narrow{left:auto;right:0}
.mp.is-open[style*=translateX]{transition:opacity .16s ease,visibility .16s}
@media (max-width:1060px){.mnav__panel .mp__more{display:flex;min-height:48px;align-items:center}}
.mp__lead span{display:block}
.mp__lead>span:not(.it){display:flex;flex-direction:column;flex:1}
.it--logo{width:52px}
.it--logo .clogo{width:44px}
.it--logo .clogo img{max-width:42px}
.it--logo .wm{transform:scale(.8)}
.mp--compare{width:400px}
.duo2{width:56px}
.duo2>span{width:32px;height:32px}
.duo2__b{left:22px}
.duo2 .clogo{width:26px}
.duo2 .clogo img{max-width:24px;height:calc(16px*var(--s,1))}
.it--wm{font-size:10px;line-height:1.1;text-align:center;padding:0 4px}
.mp__lead .it{flex:none;display:grid;width:36px}
.it.it--bank,.it.it--wm{width:56px}
.it--wm{white-space:nowrap;font-size:9px;letter-spacing:0}
.mnav__group--methods .mp__list>.mi{min-width:0}
.mnav__group--methods .mi__x b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mnav__panel{padding-right:2px}
.mrow__t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Site-wide /go CTAs (03.11) */
.cta18{margin-top:6px;text-align:center;font-size:12px;color:var(--ink3)}
.mcta{display:none}
@media (max-width:1060px){.mcta{display:flex;align-items:center;gap:10px}.mcta .btn{flex:1}.mcta .cta18{margin:0;flex:none}}
.btn--xs{height:32px;padding:0 12px;font-size:13px}
.mp__promo-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mp__go{display:inline-flex;align-items:center;gap:6px}
.mp__go small{font-size:11px;color:var(--ink2)}
@media (max-width:1060px){.mnav__panel .btn--xs{height:44px;padding:0 16px}}

/* ---------- Visual pass 03.11: NL theme, one icon set, calmer shadows, readable lines ---------- */
h1,h2,h3,.mtile__name,.ccard__name,.bt__n b{text-wrap:balance}
p,li,dd{text-wrap:pretty}
.ic{stroke-width:1.75!important}
.yn svg{stroke-width:1.75}
/* Links inside running text */
main p a:not(.btn):not(.link),.faq__a a,.callout a,.feiten a,.kv a,.answer a{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(14,94,89,.4);transition:text-decoration-color var(--t)}
main p a:not(.btn):not(.link):hover,.faq__a a:hover{text-decoration-color:currentColor}
/* Buttons: pressed + focus */
.btn:active,.bsort button:active,.tfilter__b:active,.nav__btn:active{transform:translateY(1px)}
.btn:focus-visible,.nav__btn:focus-visible,.mi:focus-visible,.bsort button:focus-visible{outline:2px solid var(--or-d);outline-offset:2px}
/* Line length 60-80 characters */
.sec__lead,.ihero__lead,.hero__lead,.read p,.panel>p,.duo__c p,.safe__cols p,.what__p,.faq__a p,.method__main p{max-width:68ch}
/* Flat bars, no gradients */
.sbar>span{background:var(--teal)}
.hero__badges{display:flex;flex-wrap:wrap;gap:8px}
.flag{display:inline-block;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(20,22,27,.12)}
.pill .flag{width:18px;height:12px}
/* Footer NL line */
.ftr__copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.ftr__nl{display:inline-flex;align-items:center;gap:8px;color:#9DB8B0}
/* Delfts blauw: banks + informative notes */
.it--bank{border-color:#D5DEEE}
.bankcard__f .ic,.gblock__ic{color:#fff}
.gblock__ic{background:var(--delft)}
.mres__empty,.bt__none,.calc__empty,.ptable__none,.cgrid__none{color:var(--delft)}
.mres__empty,.bt__none{background:var(--delft-soft);border-color:#D5DEEE}
.mres__empty .ic,.bt__none .ic{color:var(--delft)}
.callout--info{border-left-color:var(--delft);background:var(--delft-soft)}
@media (max-width:760px){
}

.hero{overflow:hidden}
.calc__na{color:var(--ink3)}
.matrix tr>*{min-width:0}
.minlist{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.minlist .np{white-space:normal;text-align:right}
.kv th a,.kv td a{display:inline-block;padding:6px 0}
@media (max-width:760px){.kv th a{padding:12px 0}.matrix tr{min-width:0}.matrix td{min-width:0}.matrix tbody th a{min-width:0}}
.np{white-space:normal}
.kort .np,.bt .np{white-space:nowrap}

/* Summary card "Kun je opnemen met X?" (03.11) */
.vcard{padding:28px 32px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.vcard__top{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px 40px;align-items:start}
.vcard__q h3{font-size:22px;line-height:1.2;margin-bottom:12px}
.vcard__a{max-width:70ch;color:var(--ink2);font-size:17px;line-height:1.6}
.vm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding-top:24px;border-top:1px solid var(--line2)}
.vm__i{display:flex;align-items:flex-start;gap:12px;min-height:56px}
.vm__i dt{font-size:13px;color:var(--ink2)}
.vm__i dd{margin:3px 0 0;font:600 16px/1.3 var(--f-b);color:var(--ink)}
.vm__i dd [title]{cursor:help}
.pbox dd .ptime{white-space:normal}
@media (max-width:760px){
  .vcard{padding:20px}
  .vcard__top{grid-template-columns:1fr}
  .vcard__q h3{font-size:20px}
  .vm{grid-template-columns:1fr;gap:12px}
}

/* NL payments block (no decorative photos) */
.sec--nl{padding:24px 0 72px}
.nlpay{padding:32px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.nlpay__head .eyebrow{display:flex;align-items:center;gap:8px}
.nlpay__logos{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.nlpay__logos a{display:block;border-radius:12px;transition:transform var(--t)}
.nlpay__logos a:hover{transform:translateY(-1px)}
.nlpay__logos .it{width:96px;height:52px;border-radius:12px}
.nlpay__logos .it--bank img{max-width:72px;max-height:26px}
.nlpay__logos .clogo{width:72px;height:30px}
.nlpay__logos .clogo img{max-width:64px;height:calc(26px*var(--s,1))}
.nlpay__logos .it--wm{font-size:12px}
.nlpay__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px;padding-top:24px;border-top:1px solid var(--line2)}
.nlpay__facts li{display:flex;gap:12px;align-items:flex-start}
.nlpay__l{font-size:13px;color:var(--ink2)}
.nlpay__v{margin-top:2px;font:600 16px/1.35 var(--f-b)}
.nlpay__src{margin-top:4px;font-size:12px;color:var(--ink3)}
.it--delft{background:var(--delft-soft);color:var(--delft)}
@media (max-width:760px){.nlpay{padding:20px}.nlpay__facts{grid-template-columns:1fr}.nlpay__logos .it{width:80px;height:46px}.sec--nl{padding:8px 0 48px}}

.stats__grid{grid-template-columns:repeat(3,1fr)}
.stats dd.stats__date{font-size:24px;letter-spacing:-.01em}
.matrix tbody th a span:last-child{white-space:nowrap}
.matrix .np{font-size:12px}
@media (max-width:760px){.stats__grid{grid-template-columns:1fr 1fr}.stats__grid>div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line2)}.stats__grid>div:nth-child(3)::before{display:none}.matrix tbody th a span:last-child{white-space:normal}}

/* RTP table labels */
.rtpc{white-space:nowrap}
.rtpv{display:inline-flex;flex-direction:column;line-height:1.25}
.rtpv small{font-size:12px;color:var(--ink3);font-weight:500}
.rtpt td:nth-child(4){display:table-cell}
.rtpc .rtpbar{display:inline-block;vertical-align:middle;margin-right:12px}
.rtpc b,.rtpc .rtpv{vertical-align:middle}

/* Bank hero + banks comparison (03.11) */
.bankhero .it{width:112px;height:112px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.bankhero .it--bank img{max-width:84px;max-height:40px}
.bankhero .it--wm{font-size:18px}
.kort__t{font-weight:600}
.gblock__v{font:600 17px/1.4 var(--f-b);color:#fff}
.bankcmp th a{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600}
.bankcmp .it{width:56px;height:36px}
.bankcmp td{font-size:14px}
@media (max-width:760px){.bankhero .it{width:80px;height:80px;border-radius:20px}.bankhero .it--bank img{max-width:60px}}

/* Topic photos: calm, captioned, one per screen */
.fig{margin:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.fig figcaption{padding:8px 12px;font-size:12px;color:var(--ink3)}
.secfig{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:end;margin-bottom:36px}
.secfig .sec__head{margin-bottom:0}
.side .fig{margin-bottom:4px}
@media (max-width:1060px){.secfig{grid-template-columns:1fr;gap:20px}.secfig .fig{max-width:520px}}

.it--bank img{width:auto;height:auto}
@media (max-width:760px){.bankcmp th a{min-width:0;flex-wrap:wrap}.bankcmp td{min-width:0;overflow-wrap:anywhere}.bankcmp td .ptime{white-space:normal}}

.dpill--na{background:transparent;border:1px solid var(--line);color:var(--ink3);font-weight:500}

/* Method status lines (provider fact or brand cashiers) */
.mtile__st{display:grid;gap:6px}
.sl{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.3}
.sl__l{color:var(--ink2);min-width:62px}
.sl__i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;flex:none}
.sl__i .ic{width:12px;height:12px}
.sl--yes .sl__i{background:var(--teal-soft);color:var(--teal)}
.sl--no .sl__i{background:#EBF0EE;color:#8A8E99}
.sl__t{font-weight:600;color:var(--ink)}
.sl--na .sl__t{font-weight:500;color:var(--ink3)}
.mxs{display:inline-flex;align-items:center;gap:8px}
.mxs small{font-size:12px;color:var(--ink2);white-space:nowrap}
@media (max-width:760px){.ktable td{min-width:0;overflow-wrap:anywhere}.ktable td .ptime{white-space:normal}}

.mtile{aspect-ratio:auto}
.mtile__top{margin-bottom:14px}
.mtile__foot{margin-top:auto}
.mtile__name{margin-top:0}
.mgrid>li{display:flex}.mgrid>li>.mtile{width:100%}
@media (max-width:760px){.sl{flex-wrap:wrap;gap:2px 6px}.sl__l{min-width:0;width:100%}.mtile{min-width:0}}
@media (max-width:760px){.mtile .sl__i{display:none}.mtile .sl--yes .sl__t{color:var(--teal)}}

/* Unknown values: grey dash + one legend line under the block */
.na{color:var(--ink3);font-weight:500;cursor:help}
.na-legend{margin-top:10px;font-size:12px;color:var(--ink3)}
.matrix+.na-legend,.ktable .na-legend{padding:0 4px}

/* Full container width everywhere, tighter vertical rhythm (owner 03.11) */
.read>*,.sec__head,.sec__head--row>div,.sec__lead,.ihero__lead,.ihero__txt,.hero__lead,.panel>p,.duo__c p,.safe__cols p,.what__p,.faq__a p,.method__main p,.read p,.vcard__a,.pagehead h1,.ihero h1,.pagehead__lead,.howto .sec__lead,.nlpay .sec__lead{max-width:none}
.sec{padding:64px 0}
.sec--tight{padding:0 0 64px}
.sec--tight.sec--pt{padding-top:64px}
.sec--top0{padding-top:8px}
.sec--nl{padding:16px 0 64px}
.ihero{padding:24px 0 40px}
.thead{padding:24px 0 56px}
.eyebrow{margin-bottom:8px}
.sec__lead{margin-top:16px}
.sec__head{margin-bottom:28px}
.read h2{margin:40px 0 16px}
.read h2:first-child,.read .eyebrow+h2{margin-top:0}
.prose h2{margin:40px 0 16px}
@media (max-width:760px){.sec{padding:40px 0}.sec--tight{padding:0 0 40px}.sec--tight.sec--pt{padding-top:40px}.sec--nl{padding:8px 0 40px}.ihero{padding:16px 0 28px}}

.lic--off{background:#FCEBDD;color:#97480F}
.ccard__name .bt__meta{margin-top:2px}
.dpill--part{background:#EEF2F0;color:var(--ink2)}
.cgrid--off .ccard{border-style:dashed}

.kort__who{font-weight:500;color:var(--ink2);margin-left:4px}

.secfig:not(:has(.fig)){grid-template-columns:1fr}
.kort .dpill{white-space:normal;height:auto;min-height:28px;padding:4px 10px 4px 6px;text-align:left}

/* Brand hero logo tile (shape follows the logo) */
.bhero{position:relative;display:block;width:160px;height:120px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);overflow:hidden}
.bhero--wide{width:320px}
.bhero--dark{background:var(--ink);border-color:var(--ink)}
.bhero img{position:absolute;left:50%;top:50%;width:var(--iw);height:auto;max-width:none;transform:translate(-50%,-50%)}
.bhero--mono{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:200px;background:#EFEAF6;color:#4B3F72}
.bhero--mono b{font:800 34px/1 var(--f-h)}
.bhero--mono span{font-size:13px;font-weight:600}
.ihero--brand .ihero__in{align-items:flex-start}
.kort dd{white-space:normal}
.kort dd span[title]{cursor:help}
@media (max-width:760px){
  .ihero--brand .ihero__vis{width:100%}
  .bhero,.bhero--wide,.bhero--mono{width:100%;height:96px;border-radius:20px}
  .bhero img{width:var(--iwm)}
}

/* Decorative icons removed: only real logos, arrows, status marks and the clock for payout time remain */
.cause__ic,.disclose__ic,.safe__ic,.trap__ic,.gblock__ic,.contact__c>.ic,.escal>div>.ic,.nlpay__facts .it,.ltile>.ic:first-child,.callout__h .ic,.mp__lead>.it,.criteria__h .ic,.answer__l .ic,.glist__n .ic,.bankcard__f .ic,.rg__lines .tpill .ic,.ftr__tel .ic{display:none}
.pbox div:not(:first-child) dt .ic,.vm__i:not(:first-child) .it{display:none}
.vm__i:not(:first-child){padding-left:48px}
.mp--payout .mp__grid--payout>.mp__col:first-child .it,.mp--payout .mp__list--tight .it,.tool2 .it,.mnav__group--payout .mp__grid--payout>.mp__col:first-child .it,.mnav__group--payout .mp__list--tight .it,.mnav__group--tools .tool2 .it{display:none}
.safe{grid-template-columns:1fr}
.tline{counter-reset:tl}
.tline__dot{counter-increment:tl}
.tline__dot .ic{display:none}
.tline__dot::after{content:counter(tl);font:700 18px/1 var(--f-h)}
.ihero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.ihero__cta .fine{margin:0}
.mlogo--xl.mlogo--text .wm{font-size:20px;height:44px;padding:0 12px;border-width:2px;transform:none}
.ihero__in{gap:28px}
.bt td{min-width:0;overflow-wrap:anywhere}
.bt td .ptime{white-space:normal}
.bhero img{width:min(var(--iw),140%)}
@media (max-width:760px){.bhero img{width:min(var(--iwm),100%)}.vm__i:not(:first-child){padding-left:0}}

/* Top 10 + CTA (03.11) */
.sec--top10{padding-top:8px}
.top10__how{margin-top:8px;font-size:13px;color:var(--ink2)}
.topfeat{margin-bottom:16px;padding:20px 24px 24px;border-radius:var(--r-lg);background:#fff;border:2px solid var(--or)}
.topfeat__e{margin-bottom:12px;font:600 12px/1 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--or-ink)}
.topfeat__in{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:24px;align-items:center}
.topfeat__n{font:800 28px/1 var(--f-h);color:var(--or)}
.topfeat .bhero{width:240px;height:96px;border-radius:18px;box-shadow:none}
.topfeat .bhero--wide{width:240px}
.topfeat .bhero img{width:min(calc(var(--iw) * .8),120%)}
.topfeat__name{font:700 22px/1.2 var(--f-h);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.topfeat__f{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 10px;font-size:14px;color:var(--ink2)}
.topfeat__cta{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:220px}
.topfeat__cta .btn{height:52px;font-size:17px}
.topfeat__kassa,.ccard__kassa{text-align:center;font-size:14px;font-weight:600;color:var(--teal)}
.top10{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden}
.top10__r{display:grid;grid-template-columns:40px minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.7fr) auto;gap:16px;align-items:center;min-height:76px;padding:10px 20px;border-bottom:1px solid var(--line2);transition:background var(--t)}
.top10__r:last-child{border-bottom:0}
.top10__r:hover{background:#F7F9F8}
.top10__n{font:800 18px/1 var(--f-h);color:var(--ink3)}
.top10__b{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:0}
.blogo--top{width:88px;height:48px}
.top10__cta,.bt__cta{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.bt__kassa{font-size:13px;font-weight:600;color:var(--teal);white-space:nowrap}
.ctab{margin:0}
.ctab__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:24px 0;padding:20px 24px;border-radius:var(--r-lg);background:var(--or-soft);border:1px solid #DCE3E0}
.ctab__t{font:700 19px/1.3 var(--f-h)}
.ctab__s{margin-top:4px;font-size:14px;color:var(--ink2)}
.ctab__b{display:flex;align-items:center;gap:12px}
.ctab__b .fine{margin:0}
.fbar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px -18px rgba(20,22,27,.3)}
.fbar[hidden]{display:none!important}
.fbar__in{display:flex;align-items:center;gap:16px;height:60px}
.fbar__t{flex:1;font-weight:600}
.fbar .fine{margin:0}
.fbar__x{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);cursor:pointer}
.fbar__x .ic{width:16px;height:16px}
@media (max-width:1060px){.fbar{display:none!important}.top10__r{grid-template-columns:32px minmax(0,1fr) auto;row-gap:8px}.top10__m{grid-column:2/-1}.top10__t,.top10__d{grid-column:2/-1;display:flex;justify-content:space-between;font-size:14px}.top10__t::before,.top10__d::before{content:attr(data-l);color:var(--ink2)}.top10__cta{grid-column:1/-1;justify-content:stretch}.top10__cta .btn{flex:1}.topfeat__in{grid-template-columns:1fr;gap:14px}.topfeat .bhero,.topfeat .bhero--wide{width:100%}.topfeat__n{display:none}}
@media (max-width:760px){.ctab__in{padding:18px}.ctab__b{width:100%}.ctab__b .btn{flex:1}.bt__cta{flex-direction:column;align-items:stretch}.bt__kassa{text-align:center}}

/* Hero-плитки с настоящим логотипом, форма по логотипу; без логотипа плитки нет (03.11) */
.ihero__in{align-items:flex-start;gap:32px}
.ihero__vis{flex:none}
.ihero--method .ihero__vis{margin-top:0}
.bhero{width:var(--tw,160px);height:120px}
.bhero--wide{width:var(--tw,260px)}
.bhero img{width:var(--iw)}
.lhero{display:grid;place-items:center;width:var(--tw,160px);height:120px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.lhero img{width:auto;height:var(--lh);max-width:70%;object-fit:contain}
.lhero--text .wm{height:56px;padding:0 18px;font-size:28px;border-width:2px;border-radius:12px}
.kort dd,.kort dd .ptime{white-space:normal;overflow:visible;text-overflow:clip}
/* Длинные CTA-кнопки на мобиле переносятся, не вылезают за экран */
.ctab__b{flex-wrap:wrap;min-width:0}
/* Ячейка CTA в таблице брендов остаётся ячейкой таблицы (flex в td ломал колонки) */
@media (min-width:761px){.bt td.bt__cta{display:table-cell;width:1%;white-space:nowrap;text-align:right}.bt td.bt__cta>*{display:inline-flex;vertical-align:middle}.bt td.bt__cta>*+*{margin-left:12px}}
@media (max-width:760px){
  .ihero__in{gap:20px}
  .ihero__vis{width:100%}
  .bhero,.bhero--wide,.bhero--mono,.lhero{width:100%;height:96px;border-radius:20px}
  .bhero img{width:min(var(--iwm),100%)}
  .lhero img{height:var(--lhm)}
  .lhero--text .wm{height:48px;font-size:24px}
  .ctab__b .btn{flex:1 1 100%;white-space:normal;text-align:center;height:auto;min-height:48px;padding-top:10px;padding-bottom:10px;line-height:1.2}
  .ctab__b .fine{flex:1 1 100%;text-align:center}
}
/* 390 px: CTA в строках Top 10 и сроки в виджете переносятся, ничего не обрезается */
.mrow__t{white-space:normal;overflow:visible;text-overflow:clip}
.mrow__t .ptime{white-space:normal;line-height:1.25}
@media (max-width:1060px){.top10__cta{flex-wrap:wrap;min-width:0}.top10__cta .btn{flex:1 1 200px;min-width:0;white-space:normal;height:auto;min-height:44px;padding-top:10px;padding-bottom:10px;line-height:1.2;text-align:center}}
.ndate .ic{display:none}
.ghead .ihero__cta{margin-top:20px}
/* Ритм: eyebrow -> H2 8 px, H2 -> текст 16 px везде */
main h2+p,main h2+.ticks,main h2+.nsteps,main h2+.safe__cols,main h2+.top10__how{margin-top:16px}
.duo__c h2,.gblock h2,.safe__body h2{margin-bottom:16px}
.duo__c .eyebrow+h2{margin-top:0}
.rg__text{margin-top:16px}
@media (max-width:760px){.sec--top0{padding-top:8px}}
@media (max-width:760px){.ctab__in>div:first-child{flex:1 1 100%}}
.gblock__top>div{flex:1;min-width:0}
@media (max-width:760px){.ktable td{overflow-wrap:break-word;text-align:right}.ktable td::before{flex:none;overflow-wrap:normal;text-align:left}}
@media (max-width:760px){.kv th,.kv td{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}

/* ======================================================================
   v2 BASE (03.11): «выписка из банка / касса». Блок идёт последним в site.css и перекрывает старые слои выше.
   Зона агента base: база, кнопки, шапка, логотип, меню, футер, баннеры, RG-полоса, блоки главной.
   ====================================================================== */
body{font-size:16px;line-height:1.6;color:var(--ink)}
h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;line-height:1.1}
h3{font-family:var(--f-h);font-weight:700;letter-spacing:-.01em}
a{color:var(--link)}
:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}
/* eyebrow: моно-метка без капса (используется редко, максимум каждая третья секция) */
.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:500 13px/1.2 var(--f-m);letter-spacing:0;text-transform:none;color:var(--ink2)}
.sec__lead{font-size:17px;line-height:1.6;color:var(--ink2)}

/* ---------- Кнопки: прямоугольные, радиус 10, одна яркая (зелёная) ---------- */
.btn{height:48px;padding:0 20px;border-radius:var(--r);font:600 16px/1 var(--f-b);letter-spacing:0;border-width:1.5px}
.btn--primary{background:var(--go);color:#fff;border-color:var(--go)}
.btn--primary:hover{background:var(--go-d);border-color:var(--go-d);color:#fff}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--sm{height:40px;padding:0 14px;font-size:15px}
.btn:active{transform:translateY(1px)}
.link{color:var(--link);font-weight:600}
.link:hover{color:var(--ink)}
.fine{color:var(--ink3)}
.pill{border-radius:6px}

/* ---------- RG-полоса над шапкой ---------- */
.rgbar{background:var(--deep);color:var(--on-deep2);font-size:13px}
.rgbar__in{height:32px}
.rgbar a{color:var(--on-deep);font-family:var(--f-m);font-weight:500}
.rgbar__sep{width:1px;height:12px;border-radius:0;background:var(--deep-line)}
.age{border-radius:4px;border-color:rgba(232,241,238,.35);font-family:var(--f-m);font-weight:500;color:var(--on-deep)}

/* ---------- Шапка: белая, линия снизу, текущий раздел подчёркнут ---------- */
.hdr{background:#fff;border-bottom:1px solid var(--line)}
.hdr.is-scrolled{background:#fff;box-shadow:0 1px 0 var(--line),0 6px 18px -14px rgba(17,25,23,.25)}
.hdr__in{gap:24px}
.nav__list{gap:0}
.nav__btn{position:relative;height:var(--hdr);padding:0 12px;border-radius:0;background:transparent!important;font:500 15px/1 var(--f-b);color:var(--ink)}
.nav__btn::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:transparent;transition:background var(--t)}
.nav__btn:hover::after{background:var(--line)}
.nav__btn.is-current::after,.nav__btn[aria-expanded="true"]::after{background:var(--deep)}
.nav__btn .ic{color:var(--ink3)}

/* ---------- Логотип: платёжная карта --deep с плоским золотым чипом ---------- */
.brand{min-width:0;height:44px;padding:0 18px 0 10px;gap:9px;border-radius:7px;background:var(--deep);color:var(--on-deep);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.brand:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);background:var(--deep-2)}
.brand__chip{display:block;line-height:0}
.brand__chip svg{width:19px;height:15px}
.brand__chip rect{fill:#C8A54B;stroke:#A88A3A;stroke-width:.6}
.brand__chip path{stroke:#9C7F33;stroke-width:.55;fill:none}
.brand__name{font:800 17px/1 var(--f-h);font-stretch:92%;letter-spacing:-.01em;color:var(--on-deep)}
.brand__nfc{right:6px;bottom:5px;opacity:.55}
.brand__nfc svg{stroke:var(--on-deep)}
.brand--ftr{background:var(--deep-2);box-shadow:inset 0 0 0 1px var(--deep-line)}

/* ---------- Мегаменю: строки с линейками, без мягких заливок ---------- */
.mp{top:100%;border-radius:0 0 var(--r-lg) var(--r-lg);border:1px solid var(--line);border-top:2px solid var(--deep);box-shadow:0 18px 40px -24px rgba(17,25,23,.35);transform:none;transition:opacity .12s ease,visibility .12s}
.mp--wide{top:100%}
.mp__foot{background:var(--bg);border-radius:0 0 var(--r-lg) var(--r-lg);color:var(--link)}
.mp__h{padding:0 10px 8px;margin-bottom:6px;border-bottom:1px solid var(--line2);font:500 12px/1.2 var(--f-m);letter-spacing:.02em;text-transform:none;color:var(--ink3)}
.mp__h--or{color:var(--link)}
.mi{border-radius:6px;box-shadow:inset 2px 0 0 transparent;transition:background var(--t),box-shadow var(--t)}
.mi:hover,.mi:focus-visible{background:var(--bg);box-shadow:inset 2px 0 0 var(--go)}
.mi:hover .mi__go,.tool2:hover .mi__go{color:var(--go-d)}
.mi__dot{background:var(--fast)}
.it{border-radius:6px}
.it--or{background:var(--go-soft);color:var(--go-d)}
.it--wm{background:var(--deep)}
.mp__promo{border-radius:var(--r);background:var(--bg);border:1px solid var(--line2)}
.fast3 a{border-radius:6px;border:1px solid var(--line2)}
.fast3 a:hover{transform:none;border-color:var(--ink3)}
.mp__more{color:var(--link)}
.mt{border-radius:6px}
.mt:hover{background:var(--bg);border-color:var(--ink3)}
.mp__lead{border-radius:6px}
.mp__lead:hover{background:var(--go-soft)}
.amt4__c,.amt4__c--0,.amt4__c--1,.amt4__c--2,.amt4__c--3{background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.amt4__c:hover{transform:none;border-color:var(--ink)}
.amt4__n{font:500 34px/1 var(--f-m);letter-spacing:-.03em}
.amt4__n small{font-size:1em;vertical-align:0;color:var(--ink)}
.amt4__go{background:transparent;border-radius:0}

/* ---------- Мобильное меню ---------- */
@media (max-width:1060px){
  .mnav{background:#fff}
  .mnav__group summary,.mnav__link{font:700 18px/1.2 var(--f-h)}
  .mnav__panel .mi,.mnav__panel .mt{background:var(--bg)}
  .burger span{border-radius:0}
}

/* ---------- Футер: тёмно-зелёный, строки-линейки ---------- */
.ftr{background:var(--deep);color:var(--on-deep2)}
.ftr a{color:var(--on-deep)}
.ftr__rg{border-bottom-color:var(--deep-line)}
.ftr__tel a{border-radius:6px;border-color:var(--deep-line);font-family:var(--f-m);font-weight:500;font-size:13px}
.ftr__tel a:hover{border-color:var(--on-deep)}
.ftr__tel .ic{color:var(--on-deep2)}
.ftr__head,.ftr__copy{border-color:var(--deep-line)}
.ftr__h{font:500 12px/1.2 var(--f-m);letter-spacing:.02em;color:var(--on-deep2);padding-bottom:10px;border-bottom:1px solid var(--deep-line)}
.ftr__h a{color:var(--on-deep2)}
.ftr__h a:hover{color:#fff}
.ftr__copy{font-family:var(--f-m);font-size:12px}
.age--lg{border-radius:4px}

/* ---------- CTA-баннер в теле money: тёмная полоса во всю ширину ---------- */
.ctab{margin:0;background:var(--deep);color:var(--on-deep)}
.ctab__in{margin:0;padding:28px 0;border:0;border-radius:0;background:transparent}
.ctab__t{font:800 22px/1.25 var(--f-h);color:var(--on-deep)}
.ctab__s{color:var(--on-deep2)}
.ctab .fine{color:var(--on-deep2)}
@media (max-width:760px){.ctab__in{padding:24px 0}}
/* Нижняя плашка ПК и липкая кнопка мобилы */
.fbar{background:#fff;border-top:2px solid var(--deep);box-shadow:0 -6px 18px -14px rgba(17,25,23,.3)}
.fbar__t{font-family:var(--f-h);font-weight:700}
.fbar__x{border-radius:6px;background:var(--bg)}
@media (max-width:1060px){.mcta{background:#fff;border-top:2px solid var(--deep)}}

/* ---------- Секции: фоны и три вида заголовков ---------- */
.sec--white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec--deep{background:var(--deep);color:var(--on-deep);border:0}
.sec--deep h2,.sec--deep h3{color:#fff}
.sec--deep .sec__lead{color:var(--on-deep2)}
.sec--deep .eyebrow{color:var(--on-deep2)}
.sec--deep .link{color:var(--on-deep)}
.sec--deep .link:hover{color:#fff}
.sec--deep a{color:var(--on-deep)}
.shd{margin-bottom:36px}
.shd__m{max-width:780px;min-width:0}
/* (а) H2 слева, ссылка справа на одной базовой линии */
.shd--link{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.shd--link .shd__a{flex:none;padding-bottom:4px}
/* (б) моно-номер слева, тонкая линейка над заголовком */
.shd--num{display:grid;grid-template-columns:64px minmax(0,780px) auto;gap:0 24px;align-items:start;padding-top:18px;border-top:1px solid var(--ink)}
.shd--num .shd__n{font:500 15px/1 var(--f-m);color:var(--ink2);padding-top:10px}
.shd--num .shd__a{align-self:end;justify-self:end;padding-bottom:4px}
@media (max-width:760px){
  .shd{margin-bottom:24px}
  .shd--link{display:block}
  .shd--link .shd__a{margin-top:14px;padding:0}
  .shd--num{grid-template-columns:1fr;padding-top:12px}
  .shd--num .shd__n{padding:0 0 10px}
  .shd--num .shd__a{justify-self:start;margin-top:14px}
}

/* ---------- Главная: hero ---------- */
.p-home .hero{padding:48px 0 0;background:var(--bg);overflow:visible}
.p-home .hero__in{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;align-items:start;padding-bottom:48px}
.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:4px 0 0;font:500 13px/1 var(--f-m);color:var(--ink2)}
.hero__meta>span{display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-left:1px solid var(--line)}
.hero__meta>span:first-child{padding-left:0;border-left:0}
.hero__meta .hero__age{color:var(--ink)}
.p-home .hero__h1{margin:22px 0 18px;font:800 clamp(44px,5vw,72px)/1 var(--f-h);font-stretch:82%;letter-spacing:-.02em;max-width:11em}
.p-home .hero__lead{font-size:18px;line-height:1.6;color:var(--ink2);max-width:58ch}
.p-home .hero__ctas{margin-top:28px;gap:12px}
.p-home .hero__logos{gap:0;margin-top:36px;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.p-home .hero__logos li{display:flex;align-items:center;justify-content:center;height:56px;padding:0 16px;border-right:1px solid var(--line2)}
.p-home .hero__logos li:first-child{padding-left:0}
.p-home .hero__logos .mlogo{height:24px;opacity:1}
.p-home .hero__more{border-right:0!important;font:500 14px/1 var(--f-m);color:var(--ink2)}

/* Виджет Uitbetaalmeter: как выписка, тёмная шапка, строки с линейками, моно-цифры */
.p-home .meter{padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:0 1px 0 rgba(17,25,23,.06),0 24px 48px -32px rgba(13,43,36,.35);overflow:hidden}
.p-home .meter__head{margin:0;padding:14px 16px 14px 20px;background:var(--deep);color:var(--on-deep)}
.p-home .meter__title{font:800 19px/1 var(--f-h);font-stretch:92%;color:#fff;letter-spacing:-.005em}
.p-home .seg{padding:3px;border-radius:8px;background:rgba(232,241,238,.1);gap:0}
.p-home .seg span{padding:8px 14px;border-radius:6px;font:600 14px/1 var(--f-b);color:var(--on-deep2);transition:background var(--t),color var(--t)}
.p-home .seg input:checked+span{background:#fff;color:var(--ink)}
.p-home .seg input:focus-visible+span{outline-color:#fff}
.p-home .chips{margin:0;padding:14px 0 4px;border-bottom:1px solid var(--line)}
.p-home .chips__row{gap:6px;padding:2px 16px 10px 20px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.p-home .chip>span{height:40px;padding:0 12px;gap:8px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:600;color:var(--ink)}
.p-home .chip:hover>span{border-color:var(--ink3)}
.p-home .chip input:checked+span{border-color:var(--ink);background:var(--bg);box-shadow:inset 0 -2px 0 var(--go)}
.p-home .chip input:focus-visible+span{outline:2px solid var(--link)}
.p-home .mres{margin:0;padding:0 20px}
.p-home .mres__head,.p-home .mrow>a,.p-home .mrow--empty{grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) 64px 76px;gap:12px}
.p-home .mres__head{padding:12px 0 8px;border-bottom:1px solid var(--ink);font:500 11px/1 var(--f-m);letter-spacing:.04em;color:var(--ink3)}
.p-home .mres__head span:nth-child(n+3),.p-home .mrow .num{text-align:right;justify-self:end}
.p-home .mrow>a,.p-home .mrow--empty{min-height:54px;padding:0;border-bottom:1px solid var(--line2)}
.p-home .mrow>a:hover{background:transparent}
.p-home .mrow>a:hover .mrow__b{text-decoration:underline;text-underline-offset:3px}
.p-home .mrow__b{font-weight:600}
.p-home .mrow__t{gap:8px;font:500 13px/1.25 var(--f-m);color:var(--ink)}
.p-home .mrow .num{font-size:14px}
.sdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--line)}
.sdot--fast{background:var(--fast)}.sdot--mid{background:var(--mid)}.sdot--slow{background:var(--slow)}
.p-home .mres__empty{margin:14px 0 0;border-radius:6px;background:var(--bg);color:var(--ink2);font-size:14px}
.p-home .meter__all{justify-content:space-between;margin:12px 0 0;padding:14px 20px;border-top:1px dashed var(--line);color:var(--link);font-size:15px}
.p-home .meter__all:hover{color:var(--ink)}

/* Табло цифр: тёмная полоса во всю ширину под hero */
.tablo{background:var(--deep);color:var(--on-deep)}
.tablo__in{display:grid;grid-template-columns:1fr 1fr 1.4fr;margin:0 auto}
.tablo__in>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding:26px 28px 24px;border-left:1px solid var(--deep-line)}
.tablo__in>div:first-child{padding-left:0;border-left:0}
.tablo dt{font-size:14px;color:var(--on-deep2)}
.tablo dd{margin:0;font:500 clamp(34px,3.4vw,48px)/1 var(--f-m);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.tablo__date dd{font-size:clamp(24px,2.2vw,32px);line-height:1.5}

.p-home .sec--top10{padding-top:80px}
@media (max-width:760px){.p-home .sec--top10{padding-top:48px}}
.p-home .nlpay__logos .it--wm{box-shadow:inset 0 0 0 1px var(--deep-line)}
/* ---------- Главная: банки NL на тёмной полосе ---------- */
.p-home .sec--nl{padding:88px 0}
.p-home .nlpay{padding:0;border:0;border-radius:0;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:start}
.p-home .nlpay__head{grid-column:1/-1;max-width:780px;margin-bottom:20px}
.p-home .nlpay__head h2{color:#fff}
.p-home .nlpay__logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--deep-line);border:1px solid var(--deep-line);border-radius:var(--r);overflow:hidden}
.p-home .nlpay__logos li{background:var(--deep)}
.p-home .nlpay__logos a{display:grid;place-items:center;height:96px;border-radius:0;transition:background var(--t)}
.p-home .nlpay__logos a:hover{transform:none;background:var(--deep-2)}
.p-home .nlpay__logos{grid-row:2/4}
.p-home .nlpay__logos .it{width:104px;height:48px;border-radius:6px}
.p-home .nlpay__facts{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;border:0}
.p-home .nlpay__facts li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 24px;padding:16px 0;border-bottom:1px solid var(--deep-line)}
.p-home .nlpay__facts li:first-child{padding-top:4px}
.p-home .nlpay__l{grid-row:span 2;font:500 13px/1.4 var(--f-m);color:var(--on-deep2)}
.p-home .nlpay__v{font-weight:600;color:var(--on-deep)}
.p-home .nlpay__src{font:500 12px/1.4 var(--f-m);color:var(--on-deep2)}
.p-home .nlpay__a{grid-column:2;justify-self:start}

/* ---------- Главная: шкала выплаты (табло, а не кружки) ---------- */
.scale{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:8px;padding-top:28px}
.scale::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,var(--ink3) 0 1px,transparent 1px 25%) 0 100%/100% 10px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 100%/100% 2px no-repeat}
.scale__s{position:relative;padding:0 28px 0 0}
.scale__s::before{content:"";position:absolute;left:0;top:-23px;width:10px;height:10px;border-radius:50%;background:var(--go);box-shadow:0 0 0 4px #fff}
.scale__s+.scale__s{padding-left:24px;border-left:1px solid var(--line2)}
.scale__s+.scale__s::before{left:-5px}
.scale__n{font:500 12px/1 var(--f-m);color:var(--ink3);margin-bottom:12px}
.scale__t{font:700 20px/1.2 var(--f-h);color:var(--ink)}
.scale__time{margin-top:8px;font:500 14px/1.3 var(--f-m);color:var(--ink)}
.scale__d{margin-top:10px;font-size:15px;line-height:1.6;color:var(--ink2)}

/* ---------- Главная: лестница минимальных сумм (одна полоса с колонками) ---------- */
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.ladder li+li{border-left:1px solid var(--line)}
.ladder__i{position:relative;display:flex;flex-direction:column;height:100%;padding:24px 24px 28px;color:var(--ink);text-decoration:none;transition:background var(--t)}
.ladder li:first-child .ladder__i{padding-left:0}
.ladder__i:hover{background:var(--bg)}
.ladder__amt{font:500 clamp(44px,4.2vw,60px)/1 var(--f-m);letter-spacing:-.04em;color:var(--ink)}
.ladder__lbl{margin-top:8px;font:500 12px/1 var(--f-m);color:var(--ink3)}
.ladder__d{margin-top:16px;font-size:15px;line-height:1.55;color:var(--ink2)}
.ladder__go{position:absolute;top:24px;right:20px;color:var(--ink3);transition:color var(--t),transform var(--t)}
.ladder__i:hover .ladder__go{color:var(--go-d);transform:translateX(3px)}

/* ---------- Главная: как проверяем + раскрытие партнёрок ---------- */
.p-home .howto{gap:72px}
.hsteps{margin:32px 0 28px;border-top:1px solid var(--ink)}
.hsteps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.hsteps__n{font:500 14px/1.6 var(--f-m);color:var(--ink3)}
.hsteps__t{font:700 17px/1.35 var(--f-h);color:var(--ink);margin-bottom:4px}
.hsteps li p:not(.hsteps__t){font-size:15px;color:var(--ink2)}
.p-home .disclose{padding:28px;border-radius:0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--deep)}
.p-home .disclose__h{font-size:20px}
.p-home .disclose__date{justify-content:space-between;border-top:1px dashed var(--line);font:500 13px/1.3 var(--f-m);color:var(--ink2)}
.p-home .disclose__date .num{color:var(--ink)}

/* ---------- Главная: FAQ с номером-линейкой ---------- */
.p-home .faqwrap .shd{position:sticky;top:calc(var(--hdr) + 32px);margin:0}
.p-home .faqwrap .shd--num{grid-template-columns:48px minmax(0,1fr)}

/* ---------- Главная: адаптив ---------- */
@media (max-width:1060px){
  .p-home .hero__in{grid-template-columns:1fr;gap:40px}
  .p-home .meter{max-width:640px}
  .p-home .nlpay{grid-template-columns:1fr}
  .p-home .nlpay__logos{grid-row:auto}
  .p-home .nlpay__a{grid-column:1}
  .scale{grid-template-columns:1fr 1fr;row-gap:32px}
  .scale__s:nth-child(3){padding-left:0;border-left:0}
  .scale__s:nth-child(3)::before{left:0}
  .ladder{grid-template-columns:1fr 1fr}
  .ladder li:nth-child(3){border-left:0}
  .ladder li:nth-child(3) .ladder__i{padding-left:0}
  .ladder li:nth-child(n+3){border-top:1px solid var(--line)}
  .p-home .faqwrap .shd{position:static}
}
@media (max-width:760px){
  .p-home .hero{padding-top:28px}
  .p-home .hero__in{padding-bottom:32px;gap:32px}
  .p-home .hero__h1{font-size:clamp(38px,11vw,48px);margin:16px 0 14px}
  .hero__meta{font-size:12px;row-gap:8px}
  .hero__meta>span{padding:0 10px}
  .p-home .hero__lead{font-size:17px}
  .p-home .hero__ctas .btn{flex:1 1 100%}
  .p-home .hero__logos{flex-wrap:wrap}
  .p-home .hero__logos li{height:48px;padding:0 12px}
  .p-home .hero__logos li:nth-child(n+5){display:none}
  .p-home .hero__logos li.hero__more{display:flex}
  .p-home .meter__head{padding:12px 12px 12px 16px}
  .p-home .meter__title{font-size:17px}
  .p-home .seg span{padding:8px 10px;font-size:13px}
  .p-home .chips__row{padding-left:16px}
  .p-home .mres{padding:0 16px}
  .p-home .mres__head,.p-home .mrow>a,.p-home .mrow--empty{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px;gap:10px}
  .p-home .mres__head span:nth-child(4),.p-home .mrow>a>span:nth-child(4),.p-home .mrow--empty>span:nth-child(4){display:none}
  .p-home .meter__all{padding:14px 16px}
  .tablo__in{grid-template-columns:1fr 1fr}
  .tablo__in>div{padding:20px 0 18px 18px}
  .tablo__in>div:first-child{padding-left:0}
  .tablo__date{grid-column:1/-1;padding-left:0!important;border-left:0!important;border-top:1px solid var(--deep-line)}
  .p-home .sec--nl{padding:56px 0}
  .p-home .nlpay__logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-home .nlpay__facts li{grid-template-columns:1fr}
  .p-home .nlpay__l{grid-row:auto}
  .scale{grid-template-columns:1fr;padding:0 0 0 28px;row-gap:0}
  .scale::before{left:0;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:var(--ink)}
  .scale__s,.scale__s+.scale__s,.scale__s:nth-child(3){padding:0 0 28px;border-left:0}
  .scale__s::before,.scale__s+.scale__s::before,.scale__s:nth-child(3)::before{left:-32px;top:2px}
  .ladder{grid-template-columns:1fr}
  .ladder li+li{border-left:0;border-top:1px solid var(--line)}
  .ladder__i,.ladder li .ladder__i,.ladder li:nth-child(3) .ladder__i{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:20px 36px 20px 0}
  .ladder__amt{grid-row:span 2;font-size:40px;min-width:2.6ch}
  .ladder__lbl{margin-top:2px}
  .ladder__d{margin-top:6px;font-size:14px}
  .ladder__go{top:22px;right:0}
  .p-home .howto{gap:40px}
  .p-home .disclose{padding:22px}
}