/* Kazino Vima: Aegean terrace. White, Aegean blue, terracotta. Noto Serif Display (headings) + Commissioner (body), Greek + latin. Mobile-first. */
@font-face{font-family:"Noto Serif Display";font-weight:500 800;font-style:normal;font-display:swap;src:url(/assets/f/notoserif-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Noto Serif Display";font-weight:500 800;font-style:normal;font-display:swap;src:url(/assets/f/notoserif-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:"Commissioner";font-weight:400 700;font-style:normal;font-display:swap;src:url(/assets/f/commissioner-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Commissioner";font-weight:400 700;font-style:normal;font-display:swap;src:url(/assets/f/commissioner-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{
 --blue:#0B4F9C;--deep:#0A3D75;--ink:#102236;--mu:#42566B;--tint:#EAF2FA;--tint2:#DCE9F6;--sand:#F8F1E7;--line:#C5D6E8;
 --terra:#B4492A;--terra-d:#8F3720;--terra-l:#F2A687;--white:#FFFFFF;
 --fh:"Noto Serif Display","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
 --fs:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 10'%3E%3Cpath d='M2 5q7.5-6 15 0t15 0 15 0 15 0' fill='none' stroke='%23B4492A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.125rem/1.7 var(--fs);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{max-width:100%}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px}
.skip{position:absolute;left:8px;top:-80px;background:var(--terra);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% - 36px,1320px);margin-inline:auto}
@media(min-width:760px){.wrap{width:min(100% - 80px,1320px)}}
h1,h2,h3{font-family:var(--fh);font-weight:700;line-height:1.14;letter-spacing:0;margin:0;color:var(--deep)}
h1{font-size:clamp(2rem,4.4vw,3.5rem)}
h2{font-size:clamp(1.85rem,3.2vw,2.7rem);margin:0 0 .75em;scroll-margin-top:84px}
h2::after{content:"";display:block;width:64px;height:10px;margin-top:14px;background:var(--wave) no-repeat}
h3{font-size:1.45rem;margin:1.5em 0 .4em}
p{margin:0 0 1.1em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:.8rem 2rem;background:var(--terra);color:#fff;font:700 1.125rem/1.2 var(--fs);border:2px solid var(--terra);border-radius:12px;text-decoration:none;text-align:center;cursor:pointer}
.btn:hover{background:var(--terra-d);border-color:var(--terra-d);text-decoration:none}
.btn-line{background:transparent;color:var(--blue);border-color:var(--blue)}
.btn-line:hover{background:var(--blue);border-color:var(--blue);color:#fff}
/* ---------- header: logo row (scrolls away on desktop) + blue nav ribbon (sticks) */
.site{position:sticky;top:0;z-index:30;background:var(--white)}
.top{background:var(--white);border-bottom:1px solid var(--line)}
.tb{display:flex;align-items:center;gap:20px;height:68px}
.brand{display:inline-flex;align-items:center;color:inherit;text-decoration:none}
.logo{display:block;height:44px;width:auto}
.tagl,.hcta,.lang{display:none}
.burger{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;background:var(--white);color:var(--deep);border:2px solid var(--blue);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:transparent;color:#fff;border:2px solid #6C9ACB;border-radius:10px;font:700 1rem/1 var(--fs);cursor:pointer}
.scrim{position:fixed;inset:0;background:rgb(6 24 44/.66);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:var(--deep);color:#fff;padding:78px 14px 24px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s;z-index:2;border-left:5px solid var(--terra-l)}
.nav ul{list-style:none;margin:0;padding:0}
.nav li+li{border-top:1px solid #2A5E96}
.nav a{display:block;color:#fff;text-decoration:none;font-weight:600;padding:1rem;font-size:1.2rem}
.nav a[aria-current]{color:var(--terra-l)}
.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}.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:900px){
 .site{top:-84px}
 html{scroll-padding-top:70px}
 .tb{height:84px;gap:28px}
 .logo{height:52px}
 .tagl{display:block;margin:0 0 0 auto;max-width:25em;font-size:1rem;line-height:1.35;color:var(--mu);text-align:right}
 .hcta{display:inline-flex;min-height:50px;padding:.5rem 1.4rem;font-size:1.0625rem}
 .burger,.scrim,.nclose{display:none}
 .nav{position:static;width:auto;background:var(--deep);padding:0;border:0;transform:none;visibility:visible;overflow:visible}
 .nb{display:flex;align-items:stretch}
 .nav ul{display:flex;flex-wrap:wrap}
 .nav li+li{border:0}
 .nav a{padding:1.05rem 1.5rem;font-size:1.0625rem;border-bottom:5px solid transparent}
 .nav a:hover{background:var(--blue);border-bottom-color:#fff}
 .nav a[aria-current]{color:#fff;border-bottom-color:var(--terra-l)}
}
/* ---------- crumbs, hero shared */
.crumbs{font-size:.95rem;color:var(--mu);margin:0 0 20px}
.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:.6}
.hero .lead{font-size:clamp(1.18rem,1.7vw,1.38rem);line-height:1.55;color:var(--ink);max-width:36em;margin:.9em 0 0}
.hero .meta{font-size:.95rem;color:var(--mu);margin:1.1em 0 0}
/* home hero: art with an overlapping white text card */
.hh{padding:18px 0 0}
.hstage{position:relative;display:grid}
.hp{display:block;border-radius:22px;overflow:hidden;aspect-ratio:1/1;background:var(--tint2)}
.hp img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.hcard{position:relative;margin:-64px 14px 0;background:var(--white);border:2px solid var(--line);border-radius:20px;padding:24px 22px 26px;box-shadow:0 22px 40px -22px rgb(10 61 117/.5)}
.hcard h1{font-size:clamp(1.65rem,6.2vw,2.3rem)}
.hcard .lead{font-size:1.125rem;margin-top:.8em}
.hcard .btn{margin-top:1.3em;width:100%}
@media(min-width:760px){.hcard .btn{width:auto}}
@media(min-width:900px){
 .hh{padding:36px 0 0}
 .hstage{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:600px}
 .hp{grid-column:4/13;grid-row:1;height:100%;min-height:600px;aspect-ratio:auto;border-radius:26px}
 .hp img{object-position:78% 50%}
 .hcard{grid-column:1/8;grid-row:1;margin:0;padding:44px 48px 48px;z-index:2;border-width:2px}
 .hcard h1{font-size:clamp(2.1rem,3vw,2.85rem)}
 .hcard .lead{font-size:clamp(1.15rem,1.4vw,1.3rem)}
}
.note-strip{background:var(--tint);margin-top:34px;border-block:1px solid var(--line)}
.ns{display:flex;flex-direction:column;gap:6px;padding:16px 0}
.ns p{margin:0;font-size:1rem;line-height:1.5;color:var(--ink)}
.ns .upd{color:var(--mu)}
.ns time{font-weight:700;color:var(--deep)}
@media(min-width:960px){.ns{flex-direction:row;justify-content:space-between;align-items:center;gap:56px;padding:18px 0}.ns .upd{white-space:nowrap}.ns .disc{max-width:62em}}
/* inner hero */
.hpg{background:var(--tint);padding:36px 0 44px;border-bottom:1px solid var(--line)}
.hgp{display:grid;gap:26px}
.hpg .hm{max-width:46rem}
.hvg{display:none}
@media(min-width:900px){
 .hpg{padding:58px 0 70px}
 .hgp{grid-template-columns:minmax(0,1fr) 380px;gap:72px;align-items:center}
 .hpg.has-s .hgp{grid-template-columns:minmax(0,1fr) 420px;align-items:start}
 .hvg{display:block}
 .hvg img{display:block;width:100%;height:auto;border-radius:20px;border:3px solid var(--blue);box-shadow:12px 12px 0 var(--terra)}
}
/* game hero */
.hgm{background:var(--tint);padding:30px 0 40px;border-bottom:1px solid var(--line)}
.hgg{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px 18px;align-items:start}
.hgg .hm{display:contents}
.hgg h1{font-size:clamp(1.7rem,7vw,2.4rem);align-self:center}
.hgg .lead{display:none}
.hgg .meta{grid-column:1/-1;margin:0}
.hgg .hs{grid-column:1/-1}
.hposter .ga{display:block;aspect-ratio:2/3;border-radius:14px;overflow:hidden;border:3px solid #fff;box-shadow:0 14px 28px -16px rgb(10 61 117/.6);position:relative}
@media(min-width:900px){
 .hgm{padding:56px 0 64px}
 .hgg{grid-template-columns:300px minmax(0,1fr);column-gap:60px;grid-template-areas:"po hm"}
 .hposter{grid-area:po}
 .hgg .hm{display:block;grid-area:hm}
 .hgg h1{font-size:clamp(2.2rem,3.6vw,3.2rem)}
 .hgg .lead{display:block}
 .hgg .hs{margin-top:28px}
 .hposter .ga{border-radius:20px}
}
/* facts panel */
.panel{background:var(--white);border:2px solid var(--line);border-radius:18px;padding:22px}
.facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.facts dt{font-size:.9375rem;font-weight:600;color:var(--mu);line-height:1.3}
.facts dd{margin:2px 0 0;font-size:1.125rem;font-weight:700;color:var(--ink);line-height:1.35}
.facts dd small{display:block;font-weight:500;font-size:.9rem}
.facts>div:last-child:nth-child(odd){grid-column:1/-1}
.panel .verdict{font-family:var(--fh);font-size:1.25rem;font-weight:700;color:var(--deep);margin:0 0 16px}
.gcta{margin-top:20px;padding-top:20px;border-top:2px solid var(--tint2)}
.gcta .btn{width:100%}
.mc,.meta.src{margin:10px 0 0;font-size:.9375rem;color:var(--mu)}
@media(min-width:560px){.panel{padding:26px 28px}.gcta .btn{width:auto}.gcta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.gcta .mc{margin:0;flex:1;min-width:220px}}
@media(min-width:900px){.hgm .facts{grid-template-columns:repeat(3,1fr)}.hpg .facts{grid-template-columns:1fr}}
/* ---------- sections */
.sec{padding:60px 0}
@media(min-width:900px){.sec{padding:100px 0}}
.sec-rail{padding-top:56px;padding-bottom:64px}
.sec-intro .prose{max-width:860px;margin:0 auto}
.sec-intro h2,.sec-check h2,.sec-faq h2,.rail-blk h2,.sec-guides h2,.sec-table h2{text-align:center}
.sec-intro h2::after,.sec-check h2::after,.sec-faq h2::after,.rail-blk h2::after,.sec-guides h2::after,.sec-table h2::after{margin-inline:auto}
.sec-intro .prose p:first-of-type{font-family:var(--fh);font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.55;font-weight:500;color:var(--deep)}
.sec-check{background:var(--sand)}
.sec-check .prose>p{max-width:46em;margin-inline:auto;text-align:center}
.sec-check ol{max-width:none;list-style:none;margin:36px 0;padding:0;counter-reset:chk;display:grid;gap:18px}
.sec-check ol li{counter-increment:chk;position:relative;background:var(--white);border:2px solid var(--line);border-radius:20px;padding:22px 22px 24px 84px;font-size:1.0625rem;line-height:1.6}
.sec-check ol li::before{content:counter(chk,decimal-leading-zero);position:absolute;left:22px;top:18px;font:700 2.2rem/1 var(--fh);color:var(--terra)}
.sec-check ol li strong{display:block;font:700 1.3rem/1.3 var(--fh);color:var(--deep);margin-bottom:6px}
@media(min-width:800px){.sec-check ol{grid-template-columns:1fr 1fr;gap:24px}.sec-check ol li{padding:28px 30px 30px 96px}.sec-check ol li::before{left:28px;top:24px;font-size:2.6rem}.sec-check ol li:last-child:nth-child(odd){grid-column:1/-1}}
.sec-table{background:var(--white)}
.sec-method{background:var(--tint)}
.method{display:grid;gap:36px}
.m-p .pick{margin:0}
@media(min-width:960px){.method.has-pick{grid-template-columns:minmax(0,1fr) 400px;gap:80px;align-items:start}.m-p{position:sticky;top:96px}}
.sec-duo{background:var(--white)}
.duo{display:grid;gap:44px}
.duo .prose h2{font-size:clamp(1.7rem,2.6vw,2.2rem)}
@media(min-width:960px){.duo{grid-template-columns:1fr 1fr;gap:80px}}
.sec-guides{background:var(--sand)}
.sec-rel{background:var(--tint)}
/* prose */
.prose p,.prose ul,.prose ol{max-width:72ch}
.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.2em}
.prose li{margin-bottom:.5em}
.prose h3{color:var(--deep)}
.prose a{font-weight:600}
.prose strong{color:var(--ink)}
.blk{margin:0 0 56px}
.blk:last-child{margin-bottom:0}
.blk.callout{margin:0 0 32px;padding:20px 24px;background:var(--tint);border:2px solid var(--line);border-left:8px solid var(--blue);border-radius:14px;max-width:72ch}
.callout.warn{background:#FBEDE6;border-color:#EBC4B3;border-left-color:var(--terra)}
.callout p{margin:0 0 .6em;font-size:1.0625rem}
.callout p:last-child{margin:0}
.steps{list-style:none;counter-reset:st;margin:0;padding:0;display:grid;gap:16px}
.steps li{counter-increment:st;position:relative;background:var(--white);border:2px solid var(--line);border-radius:18px;padding:20px 22px 22px 78px}
.steps li::before{content:counter(st);position:absolute;left:20px;top:18px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font:700 1.35rem/1 var(--fh)}
.steps b{display:block;font:700 1.25rem/1.3 var(--fh);color:var(--deep);margin-bottom:4px}
.pc{display:grid;gap:18px}
.pc>div{background:var(--tint);border:2px solid var(--line);border-radius:18px;padding:6px 24px 14px}
.pc>.con{background:#FBEDE6;border-color:#EBC4B3}
.pc ul{margin:0;padding-left:1.3em}
@media(min-width:760px){.pc{grid-template-columns:1fr 1fr}}
/* tables */
.tw{overflow-x:auto;border:2px solid var(--line);border-radius:16px;background:var(--white);margin:0 0 1.4em}
table{width:100%;min-width:560px;border-collapse:collapse;font-size:1.0625rem;line-height:1.5}
caption{caption-side:bottom;text-align:left;padding:12px 18px;font-size:.9375rem;color:var(--mu)}
thead th{background:var(--deep);color:#fff;text-align:left;font-weight:700;padding:16px 18px}
tbody th{text-align:left;font-weight:700;color:var(--deep);background:var(--tint)}
th,td{padding:15px 18px;vertical-align:top;border-bottom:1px solid var(--line)}
tbody tr:last-child>*{border-bottom:0}
/* page layout with sidebar */
.pg{display:grid;gap:40px;padding:48px 0 72px}
.main{min-width:0}
.main>.blk:first-child{margin-top:0}
.side{display:grid;gap:24px;align-content:start}
@media(min-width:960px){.pg{padding:72px 0 104px}.pg.has-side{grid-template-columns:minmax(0,1fr) 340px;gap:72px}.side{position:sticky;top:88px;align-self:start}}
.toc{background:var(--tint);border:2px solid var(--line);border-radius:18px;padding:20px 22px}
.toc .th{margin:0 0 8px;font:700 1.0625rem/1.3 var(--fs);color:var(--deep)}
.toc ol,.toc ul{margin:0;padding-left:1.3em;font-size:1rem;line-height:1.45}
.toc li{margin-bottom:.45em}
.toc.info ul{list-style:none;padding:0}
.toc a[aria-current]{color:var(--ink);font-weight:700;text-decoration:none}
/* pick module */
.pick{background:var(--white);border:2px solid var(--blue);border-radius:20px;padding:26px 26px 28px;margin:0 0 40px}
.side .pick,.m-p .pick{margin:0}
.pick .pk{margin:0 0 4px;font:700 .9375rem/1.3 var(--fs);color:var(--terra)}
.pick .pn{margin:0 0 12px;font:700 2.1rem/1.1 var(--fh);color:var(--deep)}
.pick ul{list-style:none;margin:0 0 20px;padding:0}
.pick li{position:relative;padding:8px 0 8px 24px;border-top:1px solid var(--tint2);font-size:1.0625rem;line-height:1.4}
.pick li::before{content:"";position:absolute;left:2px;top:1.05em;width:10px;height:10px;border-radius:50%;background:var(--terra)}
.pick .btn{width:100%}
.pick .dc{margin:12px 0 0;font-size:.9375rem;line-height:1.5;color:var(--mu)}
/* cards */
.card{display:flex;flex-direction:column;height:100%;background:var(--white);border:2px solid var(--line);border-radius:20px;overflow:hidden;color:inherit;text-decoration:none}
.card:hover{border-color:var(--blue);box-shadow:0 18px 30px -22px rgb(10 61 117/.7)}
.card .cb{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.card .ct{margin:0;font:700 1.25rem/1.25 var(--fh);color:var(--deep)}
.card .cm{font-size:1rem;line-height:1.5;color:var(--mu)}
.card .rt{font-size:.9375rem;font-weight:700;color:var(--terra-d)}
.vg img,.hvg img,.cta-img img{display:block;width:100%;height:auto;aspect-ratio:400/260}
.gk .cb{padding:20px 22px 24px}
.gk .ct{font-size:1.4rem}
.pstrip{display:flex;align-items:center;gap:10px;padding:18px;background:var(--tint)}
.sp{flex:1;min-width:0}
.sp img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:var(--tint2)}
.gc{padding:12px}
.gc .cb{padding:14px 4px 6px}
.ga{display:block;position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--tint2)}
.ga img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.ga:not(.ph){padding:14px;color:#fff;background:var(--deep)}
.ga:not(.ph) b{font:700 2rem/1 var(--fh)}
.ga:not(.ph) i{display:block;font-style:normal;font-size:.9rem;margin-top:6px}
ul.rail,ul.pgrid,ul.gcards,ul.relg,ul.mos{list-style:none;margin:0;padding:0;display:grid;gap:16px}
ul.rail,ul.pgrid,ul.relg{grid-template-columns:repeat(2,minmax(0,1fr))}
ul.gcards,ul.mos{grid-template-columns:1fr}
@media(min-width:640px){ul.gcards,ul.mos{grid-template-columns:1fr 1fr;gap:22px}ul.rail,ul.pgrid,ul.relg{gap:22px}}
@media(min-width:760px){ul.rail,ul.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:960px){
 ul.rail,ul.pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 ul.relg{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
 ul.gcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 ul.mos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 ul.mos.m5{grid-template-columns:repeat(6,minmax(0,1fr))}
 ul.mos.m5>li{grid-column:span 2}
 ul.mos.m5>li.wd{grid-column:span 4}
 .pg.has-side ul.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.mos .pstrip{padding:20px}
ul.mos>li.wd{grid-column:1/-1}
.card.wide{flex-direction:column}
.card.wide .pstrip{flex:none}
@media(min-width:760px){.card.wide{flex-direction:row;align-items:stretch}.card.wide .pstrip{flex:0 0 58%;gap:14px;padding:24px}.card.wide .cb{justify-content:center;padding:24px 32px}.card.wide .ct{font-size:1.7rem}}
@media(min-width:960px){ul.mos.m5>li.wd{grid-column:span 4}}

.allbar{margin-top:32px;text-align:center}
.allbar .btn{min-width:260px}
/* cta band */
.sec-cta{background:var(--deep);padding:56px 0}
.cta{background:var(--deep);color:#fff;border-radius:24px;margin:0}
.sec-cta .cta{padding:0}
.main .cta{padding:30px 28px;margin:0 0 56px;border-radius:22px}
.cta{display:grid;gap:22px;align-items:center}
.cta-img{display:none}
.cta-img img{border-radius:16px;border:3px solid #fff}
.ct-in{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.cta .ad{font:700 .9375rem/1 var(--fs);color:var(--terra-l)}
.cta .btn{background:var(--terra-l);border-color:var(--terra-l);color:var(--ink);font-size:1.1875rem;min-height:60px}
.cta .btn:hover{background:#fff;border-color:#fff}
.cta .note{margin:0;font-size:1.0625rem;line-height:1.55;color:#DCE9F6;max-width:40em}
.sec-cta .ct-in{gap:20px}
@media(min-width:700px){.cta{grid-template-columns:240px minmax(0,1fr);gap:36px}.cta-img{display:block;order:-1}}
@media(min-width:900px){.sec-cta{padding:84px 0}.sec-cta .cta{grid-template-columns:380px minmax(0,1fr);gap:64px;max-width:1080px;margin-inline:auto}}
/* faq: centred heading, two columns, cta below */
.sec-faq{background:var(--tint)}
.faq h2{text-align:center}
.faq h2::after{margin-inline:auto}
.fq{max-width:1100px;margin:0 auto}
.fq details{margin-bottom:14px;break-inside:avoid}
details{background:var(--white);border:2px solid var(--line);border-radius:16px}
details[open]{border-color:var(--blue)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 22px;font:700 1.125rem/1.4 var(--fs);color:var(--deep)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tint);color:var(--blue);font:700 1.5rem/1 var(--fs)}
details[open] summary::after{content:"\2212";background:var(--blue);color:#fff}
details>div{padding:0 22px 20px}
details>div p{margin:0 0 .8em;font-size:1.0625rem;line-height:1.65}
details>div p:last-child{margin:0}
.fcta{margin-top:34px;text-align:center}
@media(min-width:900px){.fq{column-count:2;column-gap:24px;max-width:1320px}.fq details{margin-bottom:20px}}
/* sticky bar (the hubkit markup uses .sbar > .sr + .sx + .sm) */
.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(--deep);color:#fff;border-top:4px solid var(--terra-l);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;background:var(--terra-l);border-color:var(--terra-l);color:var(--ink)}
.sbar .sx{flex:none;width:54px;height:54px;display:grid;place-items:center;background:none;border:2px solid #6C9ACB;border-radius:12px;color:#fff;font:700 1.4rem/1 var(--fs);cursor:pointer}
.sbar .sm{margin:0;font-size:.8rem;line-height:1.2;color:#CFE0F2}
.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}}
.SB{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
@media(min-width:900px){.sbar{display:none}.SB{padding-bottom:0}}
/* footer */
.foot{background:var(--deep);color:#fff;padding:56px 0 36px}
.foot a{color:#CFE4FA}
.foot a:hover{color:#fff}
.fgrid{display:grid;gap:36px}
.flogo{display:inline-block}
.flogo .logo{height:48px}
.fnote{margin:18px 0 0;font-size:1rem;line-height:1.6;color:#DCE9F6;max-width:36em}
.rgbox{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:16px 18px;border:2px solid #3F73AD;border-radius:16px;max-width:36em}
.rgbox p{margin:0;font-size:1rem;line-height:1.5;color:#fff}
.b18{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--terra-l);color:var(--ink);font:700 1.0625rem/1 var(--fs)}
.fh{margin:0 0 12px;font:700 1.0625rem/1.3 var(--fs);color:var(--terra-l)}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:.55em}
.fine{margin-top:40px;padding-top:24px;border-top:1px solid #2F66A0;font-size:.9375rem;line-height:1.6;color:#CFE0F2}
.fine p{margin:0 0 .5em}
@media(min-width:800px){.fgrid{grid-template-columns:1.5fr 1fr 1fr;gap:64px}.foot{padding:72px 0 44px}}
/* 404 / misc */
.nf{padding:80px 0}
@media(max-width:380px){.btn{padding-inline:1.2rem}.wrap{width:min(100% - 32px,1320px)}}