/* Kotiutusvahti: "payout watch". Urbanist (headings) + Rethink Sans (body). Birch white / lingonberry / ink. Mobile-first. */
@font-face{font-family:"Urbanist";font-weight:600 800;font-style:normal;font-display:swap;src:url(/assets/f/urbanist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Urbanist";font-weight:600 800;font-style:normal;font-display:swap;src:url(/assets/f/urbanist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rethink Sans";font-weight:400 700;font-style:normal;font-display:swap;src:url(/assets/f/rethink-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Rethink Sans";font-weight:400 700;font-style:normal;font-display:swap;src:url(/assets/f/rethink-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --bg:#F6F7F4;--mist:#E3EBF0;--ink:#14222E;--ink2:#1D3142;--berry:#A4152F;--berry-d:#7E0F24;--tint:#F6E4E7;--line:#C5D2DB;--white:#fff;--blue:#2F6A8F;
 --fh:"Urbanist","Avenir Next","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--fs:"Rethink Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
 /* context variables: light by default, switched on ink bands */
 --tx:#14222E;--mu:#415160;--lk:#A4152F;--hd:#14222E;--card:#fff;--cardln:#C5D2DB;--bar:#A4152F;
 --r:14px;--shadow:0 1px 2px rgb(20 34 46/.08),0 12px 28px -16px rgb(20 34 46/.28);
}
.on-ink{--tx:#F6F7F4;--mu:#C5D3DD;--lk:#F7B3BF;--hd:#fff;--card:#1D3142;--cardln:#38506A;--bar:#F28A9C}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:128px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1.125rem/1.7 var(--fs);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{max-width:100%}
a{color:var(--lk);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--berry);outline-offset:3px}
.on-ink :focus-visible,.foot :focus-visible,.strip :focus-visible{outline-color:#F7B3BF}
.skip{position:absolute;left:8px;top:-80px;background:var(--ink);color:#fff;padding:12px 18px;z-index:100;border-radius:10px;font-weight:600}
.skip:focus{top:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(100% - 40px,1320px);margin-inline:auto}
@media(min-width:760px){.wrap{width:min(100% - 80px,1320px)}}
h1,h2,h3{font-family:var(--fh);font-weight:800;line-height:1.1;letter-spacing:-.012em;margin:0;color:var(--hd)}
h1{font-size:clamp(2.1rem,1.1rem + 3.4vw,4rem)}
h2{font-size:clamp(2rem,3.3vw,2.8rem);margin:0 0 .6em;scroll-margin-top:128px}
h3{font-size:1.5rem;margin:1.5em 0 .4em;font-weight:700}
p{margin:0 0 1.1em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:.8rem 2.1rem;background:var(--berry);color:#fff;font:700 1.125rem/1.2 var(--fs);border:2px solid var(--berry);border-radius:10px;text-decoration:none;text-align:center;cursor:pointer;box-shadow:inset 0 -4px 0 rgb(0 0 0/.22)}
.btn:hover{background:var(--ink);border-color:var(--ink);text-decoration:none}
.btn:active{transform:translateY(1px)}
.on-ink .btn,.sbar .btn{background:#F6F7F4;color:var(--ink);border-color:#F6F7F4;box-shadow:inset 0 -4px 0 #E0475F}
.on-ink .btn:hover,.sbar .btn:hover{background:#fff;border-color:#fff;color:var(--berry-d)}
/* ---------- header: ink status strip over a white bar; tab-style nav with a lingonberry top bar */
.site{position:sticky;top:0;z-index:30;background:#fff;border-bottom:2px solid var(--line)}
.strip{display:none;background:var(--ink);color:#DCE6EC;font-size:.9375rem;line-height:1}
.strip .wrap{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:24px}
.strip p{margin:0}
.strip time{font-weight:600;color:#fff}
.bar{display:flex;align-items:center;gap:16px;min-height:72px}
.brand{display:inline-flex;align-items:center;color:inherit;text-decoration:none}
.logo{display:block;height:40px;width:auto}
.tagl,.lang{display:none}
.nav ul{list-style:none;margin:0;padding:0}
.nav a{display:block;color:var(--ink);text-decoration:none;font-weight:600;padding:.8rem 1rem;font-size:1.0625rem}
.nav a:hover{background:var(--mist);box-shadow:inset 0 4px 0 var(--berry)}
.nav a[aria-current]{background:var(--ink);color:#fff;box-shadow:inset 0 4px 0 var(--berry)}
.burger{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:10px;font:700 1rem/1 var(--fs);cursor:pointer}
.burger i{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 7px 0 currentColor,0 -7px 0 currentColor}
.nclose{position:absolute;top:14px;right:14px;min-height:48px;padding:0 18px;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:10px;font:700 1rem/1 var(--fs);cursor:pointer}
.scrim{position:fixed;inset:0;background:rgb(10 20 28/.7);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s;z-index:1}
.nav{position:fixed;inset:0 0 0 auto;width:min(88vw,360px);background:#fff;color:var(--ink);padding:78px 14px 24px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s;z-index:2;border-left:6px solid var(--berry)}
.nav li+li{border-top:2px solid var(--mist)}
.nav a{padding:1rem;font-size:1.2rem}
.nav a[aria-current]{box-shadow:inset 6px 0 0 var(--berry)}
.nav a:hover{box-shadow:inset 6px 0 0 var(--berry)}
.nav-open .nav{transform:none;visibility:visible;transition:transform .22s ease}
.nav-open .scrim{opacity:1;visibility:visible;transition:opacity .2s}
.nav-open{overflow:hidden}
@media(scripting:none){.burger,.scrim,.nclose{display:none}.nav{position:static;width:auto;transform:none;visibility:visible;padding:0;border:0;overflow:visible;flex-basis:100%}.bar{flex-wrap:wrap}.nav ul{display:flex;flex-wrap:wrap}.nav li+li{border:0}}
@media(prefers-reduced-motion:reduce){.nav,.scrim{transition:none}html{scroll-behavior:auto}}
@media(min-width:1100px){
 .strip{display:block}
 .bar{min-height:84px;gap:32px}
 .logo{height:46px}
 .burger,.scrim,.nclose{display:none}
 .nav{position:static;margin-left:auto;width:auto;background:none;padding:0;border:0;transform:none;visibility:visible;overflow:visible}
 .nav ul{display:flex;gap:2px;align-items:stretch}
 .nav li+li{border:0}
 .nav a{padding:1.7rem 1.05rem 1.55rem}
 .nav a:hover,.nav a[aria-current]{box-shadow:inset 0 5px 0 var(--berry)}
 html{scroll-padding-top:150px}
 h2{scroll-margin-top:150px}
}
/* ---------- crumbs, heroes */
.crumbs{font-size:.95rem;color:var(--mu);margin:0 0 22px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0}
.crumbs li+li::before{content:"/";margin:0 .6em;opacity:.7}
.crumbs a{color:var(--ink)}
.hero{position:relative;background:var(--mist);color:var(--ink)}
.hero .lead{font-size:clamp(1.2rem,1.9vw,1.45rem);line-height:1.5;color:var(--ink);max-width:34em;margin:.9em 0 0}
.hero .meta{font-size:.95rem;color:var(--mu);margin:1.2em 0 0}
/* home hero: text on birch, art bleeds to the right edge behind a lingonberry slash */
.hh{background:var(--bg);display:flex;flex-direction:column;overflow:hidden}
.hart{order:-1;width:min(100%,570px);margin-inline:auto;position:relative}
.hp{display:block;position:relative}
.hp img{display:block;width:100%;height:auto;aspect-ratio:458/400;object-fit:cover;object-position:50% 34%}
.hp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(0deg,var(--bg) 4%,rgb(246 247 244/0))}
.hc{padding:6px 20px 44px;width:min(100%,640px);margin-inline:auto}
.hc .btn{margin-top:1.6em;width:100%}
.hh .lead{font-size:1.15rem}
@media(min-width:760px){.hc{padding-inline:40px}.hc .btn{width:auto}}
@media(min-width:900px){
 .hh{display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,54vw,774px);align-items:stretch;min-height:clamp(540px,43vw,640px);padding-left:max(40px,calc((100vw - 1320px)/2))}
 .hc{order:0;width:auto;margin:0;padding:64px 56px 72px 0;align-self:center}
 .hh h1{font-size:clamp(2.5rem,3.9vw,3.7rem)}
 .hh .lead{font-size:clamp(1.2rem,1.6vw,1.4rem)}
 .hc .btn{margin-top:1.9em}
 .hart{order:0;width:auto;margin:0;background:var(--berry);clip-path:polygon(64px 0,100% 0,100% 100%,0 100%)}
 .hp{position:absolute;inset:0;clip-path:polygon(75px 0,100% 0,100% 100%,11px 100%)}
 .hp img{width:100%;height:100%;aspect-ratio:auto;object-position:50% 40%}
 .hp::after{display:none}
}
/* inner hero */
.hpg{padding:40px 0 52px;border-bottom:2px solid var(--line)}
.hgp{display:grid;gap:28px}
.hpg .hm{max-width:50rem}
.hth{display:none}
.hth img{display:block;width:100%;height:auto;border-radius:var(--r);border:2px solid var(--ink)}
@media(min-width:900px){
 .hpg{padding:60px 0 68px}
 .hgp{grid-template-columns:minmax(0,1fr) 380px;gap:72px;align-items:center}
 .hth{display:block}
 .hpg.has-s .hgp{grid-template-columns:minmax(0,1fr) 440px;align-items:start}
}
.hs{min-width:0}
.panel{background:#fff;color:var(--ink);border:2px solid var(--ink);border-top:8px solid var(--berry);border-radius:var(--r);padding:22px 24px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}
.facts{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.facts dt{margin:0;padding-top:12px;font-size:.95rem;color:var(--mu);line-height:1.3;border-top:2px solid var(--mist)}
.facts dt:first-child{border-top:0;padding-top:0}
.facts dd{margin:2px 0 12px;font:700 1.15rem/1.35 var(--fs);color:var(--ink)}
.facts dd small{display:block;font-weight:400;font-size:.9rem}
.verdict{font-weight:600;margin:0;line-height:1.5}
.panel .meta{margin:0;font-size:.95rem}
/* ---------- page body */
.paper{background:var(--bg)}
.pg{display:grid;gap:40px;padding:60px 0 40px}
.main{min-width:0}
.main>.blk:first-child{margin-top:0}
@media(min-width:1100px){.pg.has-side{grid-template-columns:minmax(0,1fr) 340px;gap:72px;padding-bottom:72px}.pg{padding-top:76px}}
.side{display:grid;gap:24px;align-self:start}
@media(min-width:1100px){.side{position:sticky;top:150px}}
.toc{align-self:start;background:var(--mist);border:2px solid var(--line);border-radius:var(--r);padding:22px 24px;font-size:1.0625rem}
.toc .th{font:800 1.05rem/1 var(--fh);margin:0 0 14px;color:var(--ink)}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:t}
.toc li{margin:.5em 0;counter-increment:t;display:flex;gap:10px}
.toc li::before{content:counter(t);flex:none;width:26px;height:26px;margin-top:.1em;border-radius:50%;background:var(--ink);color:#fff;font:700 .85rem/26px var(--fs);text-align:center}
.toc a{color:var(--ink)}.toc a:hover{color:var(--berry)}
.toc.info li::before{display:none}
.toc.info li{display:block}
.toc.info ul{list-style:none;margin:0;padding:0}
.toc.info a{display:block;padding:.35em 0;text-decoration:none;font-weight:600}
.toc.info a[aria-current]{color:var(--berry)}
.blk{margin:3.4rem 0}
.blk>h2::before,.faq>h2::before{content:"";display:block;width:48px;height:6px;border-radius:3px;background:var(--bar);margin:0 0 .5em}
.prose>p,.prose>ul,.prose>ol{max-width:72ch}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}.prose li{margin:.4em 0}
.prose li::marker{color:var(--berry);font-weight:700}
.prose strong{font-weight:700}
.tw{overflow-x:auto;margin:1.4em 0;border:2px solid var(--ink);border-radius:var(--r);background:#fff;-webkit-overflow-scrolling:touch}
.tw:focus-visible{outline-offset:0}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:1.0625rem}
caption{caption-side:top;text-align:left;font-weight:700;padding:14px 18px;color:var(--mu)}
th,td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
thead th{background:var(--ink);color:#fff;font-weight:700;white-space:nowrap;border-bottom:0}
tbody tr:nth-child(even){background:#F0F4F6}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
tbody th{font-weight:700;color:var(--ink)}
/* steps: a vertical timeline of numbered stops */
.steps{list-style:none;padding:0!important;margin:0 0 0 8px;counter-reset:s;max-width:none!important}
.steps li{counter-increment:s;position:relative;padding:2px 0 30px 70px;margin:0!important;min-height:50px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 1.35rem/1 var(--fh);box-shadow:0 0 0 5px var(--bg),0 0 0 8px var(--berry)}
.steps li::after{content:"";position:absolute;left:23px;top:62px;bottom:6px;width:3px;background:var(--line);border-radius:2px}
.steps li:last-child{padding-bottom:4px}.steps li:last-child::after{display:none}
.steps b{display:block;font:800 1.4rem/1.25 var(--fh);margin:6px 0 .25em;color:var(--ink)}
.steps li>:last-child{margin-bottom:0}
.pc{display:grid;gap:20px}
.pc>div{background:#fff;border:2px solid var(--line);border-top:8px solid var(--blue);border-radius:var(--r);padding:20px 24px 14px}
.pc>.con{border-top-color:var(--berry)}
.pc h3{margin:0 0 .5em}
.pc ul{list-style:none;margin:0;padding:0}
.pc li{position:relative;padding-left:30px;margin:.6em 0}
.pc li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:14px;border-radius:3px;background:var(--blue)}
.pc .con li::before{background:var(--berry)}
@media(min-width:760px){.pc{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
.callout{padding:22px 26px;border-radius:var(--r);background:var(--mist);border:2px solid var(--line);border-left:10px solid var(--blue);color:var(--ink)}
.callout.warn{background:var(--tint);border-color:#E6BCC4;border-left-color:var(--berry)}
.callout>:last-child{margin-bottom:0}
.callout a{color:var(--berry-d)}
/* in-content CTA */
.cta{display:grid;gap:22px;background:var(--ink);color:var(--tx);border-radius:20px;padding:32px 28px;box-shadow:var(--shadow);align-items:center;overflow:hidden}
.cta .ct-in{display:grid;gap:16px;justify-items:start}
.cta .ad{font:700 .9rem/1 var(--fs);letter-spacing:.08em;text-transform:uppercase;color:#C5D3DD}
.cta .note{margin:0;font-size:1rem;color:#DCE6EC;max-width:60ch}
.cta-img{display:none}
.cta-img img{display:block;width:100%;height:auto;border-radius:12px;border:3px solid #F6F7F4}
@media(min-width:800px){.cta{grid-template-columns:minmax(0,1fr) 360px;padding:40px 48px;gap:56px}.cta-img{display:block}}
/* pick */
.pick{display:grid;gap:14px;padding:28px 28px 26px;border-radius:var(--r);background:#fff;color:var(--ink);border:2px solid var(--ink);border-top:8px solid var(--berry);box-shadow:var(--shadow)}
.pick .pk{margin:0;font:700 .9rem/1 var(--fs);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.pick .pn{margin:0 0 6px;font:800 2.5rem/1.05 var(--fh);color:var(--ink)}
.pick ul{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:10px}
.pick li{position:relative;padding-left:32px;font-weight:600;font-size:1.0625rem;line-height:1.4}
.pick li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:5px;background:var(--berry)}
.pick li::after{content:"";position:absolute;left:6px;top:.42em;width:8px;height:5px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg)}
.pick .btn{width:100%}
.pick .dc{margin:0;font-size:.9rem;line-height:1.5;color:var(--mu)}
.main>.pick{margin:0 0 3rem}
@media(min-width:800px){.main>.pick{grid-template-columns:minmax(0,1fr) auto;gap:14px 40px;align-items:center;padding:30px 36px}.main>.pick .pk,.main>.pick .pn,.main>.pick ul,.main>.pick .dc{grid-column:1}.main>.pick .btn{grid-column:2;grid-row:1/span 3;width:auto}}
/* sticky bar (hubkit's .sr row is styled here without redefining the global .sr rule) */
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;gap:4px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;border-top:5px solid var(--berry);visibility:hidden;transform:translateY(100%)}
.sbar .sr{display:flex;align-items:center;gap:8px}
.sbar .btn{flex:1;min-height:54px;padding:.5rem 1rem;min-width:0}
.sbar .sx{flex:none;width:54px;height:54px;display:grid;place-items:center;background:none;border:2px solid #6B8296;border-radius:10px;color:#fff;font:500 1.4rem/1 var(--fs);cursor:pointer}
.sbar .sm{margin:0;font-size:.8rem;line-height:1.2;color:#C5D3DD}
.sb-on .sbar{visibility:visible;transform:none}
@media(prefers-reduced-motion:no-preference){.sbar{transition:transform .22s ease-out,visibility 0s linear .22s}.sb-on .sbar{transition:transform .22s ease-out}}
@media(max-width:899px){.SB .foot{padding-bottom:120px}}
@media(min-width:900px){.sbar{display:none}}
/* ---------- cards */
.card{display:flex;flex-direction:column;color:var(--tx);text-decoration:none;min-width:0;background:var(--card);border:2px solid var(--cardln);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;height:100%}
a.card:hover{border-color:var(--ink)}
a.card:hover .ct{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}
.card .cb{display:flex;flex-direction:column;gap:6px;padding:18px 22px 22px}
.card .ct{margin:0;font:800 1.4rem/1.2 var(--fh);color:var(--hd)}
.card .cm{margin:0;color:var(--mu);font-size:1.0625rem;line-height:1.5}
.ga{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:var(--mist)}
.ga.ph img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.tn{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--mist);border-bottom:2px solid var(--cardln)}
.tn img{display:block;width:100%;height:100%;object-fit:cover}
.topics,.gcards,.pgrid{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.topics li,.gcards li,.pgrid li{display:flex;min-width:0}
.topics li>*,.gcards li>*,.pgrid li>*{width:100%}
@media(max-width:639px){
 .topics{gap:14px}
 .topics .card{flex-direction:row;align-items:center}
 .topics .tn{width:104px;height:104px;margin:16px 0 16px 16px;flex:none;aspect-ratio:1;border:0;border-radius:10px}
 .topics .cb{padding:16px 18px 16px 16px;justify-content:center}
 .topics .ct{font-size:1.25rem}
}
@media(min-width:640px){.topics,.gcards,.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(min-width:1000px){
 .topics{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
 .topics li{grid-column:span 2}
 .topics li:last-child:nth-child(3n+2),.topics li:nth-last-child(2):nth-child(3n+1){grid-column:span 3}
 .topics li:last-child:nth-child(3n+1){grid-column:1/-1}
 .topics li:last-child:nth-child(3n+2) .card,.topics li:nth-last-child(2):nth-child(3n+1) .card,.topics li:last-child:nth-child(3n+1) .card{flex-direction:row;align-items:stretch}
 .topics li:last-child:nth-child(3n+2) .tn,.topics li:nth-last-child(2):nth-child(3n+1) .tn,.topics li:last-child:nth-child(3n+1) .tn{width:46%;flex:none;aspect-ratio:auto;border-bottom:0;border-right:2px solid var(--cardln)}
 .topics li:last-child:nth-child(3n+2) .cb,.topics li:nth-last-child(2):nth-child(3n+1) .cb,.topics li:last-child:nth-child(3n+1) .cb{justify-content:center;padding:22px 28px}
 .gcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
}
/* ---------- home sections */
.sec{padding:72px 0}
@media(min-width:900px){.sec{padding:104px 0}}
.sec .blk{margin:0}
.sec-brief{background:var(--mist);padding:64px 0;border-bottom:2px solid var(--line)}
.sec-brief .prose ul{list-style:none;margin:0;padding:0;max-width:none;display:grid;gap:18px}
.sec-brief .prose li{position:relative;margin:0;padding:22px 24px 22px 74px;background:#fff;border:2px solid var(--ink);border-radius:var(--r);font-size:1.125rem;line-height:1.55;box-shadow:var(--shadow)}
.sec-brief .prose li::before{content:"";position:absolute;left:22px;top:24px;width:32px;height:32px;border-radius:8px;background:var(--berry)}
.sec-brief .prose li::after{content:"";position:absolute;left:30px;top:33px;width:16px;height:9px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg)}
@media(min-width:800px){.sec-brief .prose ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(min-width:1280px){.sec-brief .prose ul{grid-template-columns:repeat(4,minmax(0,1fr))}.sec-brief .prose li{padding:78px 24px 24px;font-size:1.0625rem}.sec-brief .prose li::before{left:24px;top:24px;width:38px;height:38px}.sec-brief .prose li::after{left:33px;top:35px}}
.sec-ink{background:var(--ink);color:var(--tx)}
.sec-ink .callout{margin-top:56px}
.sec-ink a{color:var(--lk)}
.sec-ink .callout a{color:var(--berry-d)}
.duo{display:grid;gap:44px}
@media(min-width:1000px){.duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:88px}.sec-rest .duo{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:64px;align-items:start}}
.sec-notes{background:#fff;border-block:2px solid var(--line)}
.trio{display:grid;gap:24px;margin-bottom:64px}
.trio .prose{background:var(--bg);border:2px solid var(--line);border-top:8px solid var(--berry);border-radius:var(--r);padding:28px 28px 20px}
.trio .prose>h2{font-size:clamp(1.55rem,2vw,1.9rem)}
.trio .prose>h2::before{display:none}
.trio .prose>:last-child{margin-bottom:0}
@media(min-width:1000px){.trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.trio .prose{padding:32px 32px 24px}}
.sec-notes .tw{margin:0}
.sec-notes .blk>h2{margin-bottom:.5em}
.sec-check{background:var(--tint);border-bottom:2px solid #E6BCC4}
.check{display:grid;gap:48px}
.check-t .prose>ol{list-style:none;margin:0 0 1.4em;padding:0;counter-reset:c;max-width:none}
.check-t .prose>ol>li{counter-increment:c;position:relative;margin:0 0 14px;padding:18px 22px 18px 76px;background:#fff;border:2px solid var(--ink);border-radius:var(--r);min-height:68px}
.check-t .prose>ol>li::before{content:counter(c);position:absolute;left:18px;top:16px;width:40px;height:40px;border-radius:50%;background:var(--berry);color:#fff;display:grid;place-items:center;font:800 1.25rem/1 var(--fh)}
.check-t .prose>p{max-width:62ch}
@media(min-width:1000px){.check.has-pick{grid-template-columns:minmax(0,1fr) 400px;gap:80px;align-items:start}.check-p{position:sticky;top:160px}}
.sec-rest{background:var(--bg)}
.sec-rest .duo>.prose:nth-child(2){background:#fff;border:2px solid var(--line);border-top:8px solid var(--berry);border-radius:var(--r);padding:28px 28px 22px}
.sec-rest .duo>.prose:nth-child(2)>h2::before{display:none}
.sec-rest .prose>h3{font-size:1.3rem;margin-top:1.8em}
.sec-rest .prose>h3:first-child{margin-top:0}
.sec-cta{background:var(--bg);padding:24px 0 96px}
.sec-faq{background:var(--mist);border-block:2px solid var(--line)}
.sec-rel{background:var(--bg)}
/* faq: centred heading, two columns, CTA below */
.faq>h2{text-align:center}
.faq>h2::before{margin-inline:auto}
.fq{display:grid;gap:16px 28px;align-items:start}
@media(min-width:900px){.fq{grid-template-columns:1fr 1fr}}
details{background:#fff;border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow)}
details[open]{border-color:var(--berry)}
summary{cursor:pointer;font:700 1.25rem/1.3 var(--fh);color:var(--ink);padding:20px 60px 20px 24px;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:20px;top:12px;width:32px;height:32px;border-radius:8px;background:var(--ink);color:#fff;font:700 1.5rem/32px var(--fs);text-align:center}
details[open] summary::after{content:"\2212";background:var(--berry)}
details>div{padding:0 24px 20px}details>div>:last-child{margin-bottom:0}
.fcta{display:flex;justify-content:center;margin-top:40px}
.rel{margin:4.5rem 0 1rem}
.relg{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.relg li{display:flex;min-width:0}
.relg .card{flex-direction:row;width:100%;align-items:stretch}
.relg .tn{width:176px;flex:none;aspect-ratio:auto;border-bottom:0;border-right:2px solid var(--cardln)}
.relg .cb{min-width:0;flex:1;justify-content:center;padding:14px 18px}
.relg .ct{font-size:1.2rem}
.relg .cm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:760px){.relg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sec-rel .rel{margin:0}
/* ---------- footer */
.foot{background:var(--ink);color:#DCE6EC;padding:64px 0 36px;border-top:8px solid var(--berry);font-size:1.0625rem}
.foot a{color:#F7B3BF}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:.6em 0}
.foot .fh{font:800 1.05rem/1 var(--fh);color:#fff;margin:0 0 16px}
.fgrid{display:grid;gap:40px}
.flogo{display:inline-block}.flogo .logo{height:48px}
.fnote,.fine{color:#C5D3DD;max-width:62ch}
.fnote{margin:1.2em 0 0}
.b18{display:inline-grid;place-items:center;width:52px;height:52px;border:3px solid #F28A9C;border-radius:12px;font:800 1.05rem/1 var(--fh);flex:none;color:#fff}
.rgbox{display:flex;gap:16px;align-items:flex-start;margin-top:22px}
.rgbox p{margin:0;color:#DCE6EC}
.fine{margin:44px 0 0;padding-top:24px;border-top:2px solid #2C4256;font-size:.95rem;max-width:none}
.fine p{margin:.4em 0;max-width:96ch}
@media(min-width:800px){.fgrid{grid-template-columns:1.6fr 1fr 1fr;gap:64px}}
.nf{padding:100px 0 60px;text-align:center}
.nf p{margin-left:auto;margin-right:auto;max-width:48ch}
.nf .btn{margin-top:12px}
@media(max-width:559px){.crumbs li[aria-current]{display:none}}
@media(max-width:899px){.kv-list .main{display:flex;flex-direction:column}.kv-list .main>.pick{order:2;margin-top:2.5rem}}