:root{
 --ink:#14241C; --pine:#1E4D3B; --pine-deep:#163A2C;
 --mint:#E7F1EA; --mint-2:#F2F7F3; --paper:#FBFBF8;
 --amber:#F5B82E; --amber-deep:#E0A413;
 --line:#D9E2DB; --muted:#5B6B61; --white:#fff; --danger:#C2452D;
 --radius:16px; --radius-lg:26px;
 --shadow-sm:0 1px 2px rgba(20,36,28,.06),0 4px 12px rgba(20,36,28,.05);
 --shadow-md:0 2px 6px rgba(20,36,28,.08),0 14px 34px rgba(20,36,28,.10);
 --fd:'Sora',system-ui,sans-serif; --fb:'Instrument Sans',system-ui,sans-serif;
 --wrap:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{font-family:var(--fb);color:var(--ink);background:var(--paper);line-height:1.6;font-size:16.5px;-webkit-font-smoothing:antialiased}
a{color:var(--pine);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
h1,h2,h3,h4{font-family:var(--fd);line-height:1.15;letter-spacing:-.015em}
h2{font-size:clamp(25px,3.3vw,36px);font-weight:800}
h3{font-size:19px;font-weight:700}
.section{padding:clamp(72px,7vw,108px) 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);padding:7px 15px 7px 13px;border-radius:999px;background:rgba(74,95,224,.08);border:1px solid rgba(74,95,224,.18);margin-bottom:16px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(74,95,224,.15)}
.lead{color:var(--muted);max-width:62ch}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:6px}
.ico{flex:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--fd);font-weight:700;font-size:16px;padding:15px 28px;border-radius:999px;border:none;cursor:pointer;transition:transform .5s cubic-bezier(.32,.72,0,1),box-shadow .5s cubic-bezier(.32,.72,0,1),background .3s;text-decoration:none!important}
.btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 6px 18px rgba(224,164,19,.35)}
.btn-amber:hover{background:var(--amber-deep);transform:translateY(-2px)}
.btn-pine{background:var(--pine);color:#fff}
.btn-pine:hover{background:var(--pine-deep);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--pine);border:2px solid var(--line)}
.btn-ghost:hover{border-color:var(--pine)}
.btn-lg{padding:18px 34px;font-size:17px}
.roundel{display:inline-grid;place-items:center;width:2em;height:2em;border-radius:50%;background:var(--amber);color:var(--ink);font-family:var(--fd);font-weight:800;box-shadow:0 2px 0 rgba(20,36,28,.15)}

/* header */
header{position:sticky;top:0;z-index:60;background:rgba(251,251,248,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:800;font-size:20px;color:var(--ink);text-decoration:none!important}
.logo-coin{display:inline-flex;flex:none;line-height:0;perspective:260px}
.logo-coin img{width:34px;height:34px;display:block;animation:coinspin 5.5s linear infinite;transform-style:preserve-3d;will-change:transform}
@keyframes coinspin{to{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.logo-coin img{animation:none}}
.logo-wm{font-family:var(--fd);letter-spacing:-.01em}
.logo .roundel{width:34px;height:34px;font-size:17px}
.logo span b{color:var(--pine)}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none}
.nav-links a:hover{text-decoration:none}
.has-drop{position:relative}
.nav-row{display:flex;align-items:center;border-radius:8px}
.has-drop:hover .nav-row,.has-drop.open .nav-row{background:var(--mint-2)}
.nav-item{font-weight:600;font-size:14px;color:var(--ink);font-family:var(--fb);padding:9px 3px 9px 10px;display:inline-block;white-space:nowrap}
.has-drop:hover .nav-item,.has-drop.open .nav-item{color:var(--pine)}
.drop-toggle{background:none;border:none;cursor:pointer;padding:9px 8px 9px 3px;color:var(--muted);display:inline-flex;align-items:center}
.drop-toggle svg{transition:transform .15s}
.has-drop.open .drop-toggle svg{transform:rotate(180deg)}
.drop{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:14px;width:520px;z-index:70}
.has-drop.open .drop{display:block}
.has-drop:nth-last-child(-n+3) .drop{left:auto;right:0}
.drop-head{display:flex;align-items:center;gap:9px;font-family:var(--fd);font-weight:700;font-size:14.5px;color:var(--pine);padding:4px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.drop-head:hover{text-decoration:underline}
.drop-head svg{color:var(--pine)}
.drop-cols{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.drop-cols a{display:block;padding:8px;border-radius:8px;font-weight:500;font-size:13.5px;color:var(--ink);line-height:1.35}
.drop-cols a:hover{background:var(--mint-2);color:var(--pine)}
@media (hover:hover) and (min-width:1081px){.has-drop:focus-within .drop{display:block}}
.nav .btn{padding:11px 18px;font-size:13.5px;white-space:nowrap}
.burger{display:none;background:none;border:none;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2.5px;background:var(--ink);margin:5px 0;border-radius:2px}
@media (max-width:1080px){
 .nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;padding:16px 22px 22px;gap:2px;align-items:stretch;max-height:calc(100vh - 70px);overflow:auto}
 .nav-links.openm{display:flex}
 .nav-links > li{width:100%}
 .nav-row{justify-content:space-between}
 .nav-item{font-size:15px;padding:13px 4px;flex:1}
 .drop-toggle{padding:13px 6px}
 .drop{position:static;width:auto;border:none;box-shadow:none;padding:0 4px 10px;background:transparent}
 .drop-cols{grid-template-columns:1fr}
 .burger{display:block}
 .nav > .btn{display:none}
}

/* hero */
.hero{background:radial-gradient(1000px 460px at 88% -10%,rgba(245,184,46,.15),transparent 60%),radial-gradient(800px 520px at -10% 110%,rgba(30,77,59,.09),transparent 60%),var(--paper);padding:56px 0 68px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero h1{font-size:clamp(31px,4.1vw,47px);font-weight:800}
.hero h1 .fem{color:var(--pine);position:relative;white-space:nowrap}
.hero h1 .fem::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:.3em;background:var(--amber);z-index:-1;border-radius:3px;opacity:.85}
.hero p.sub{margin:16px 0 22px;font-size:17.5px;color:var(--muted);max-width:50ch}
.usps{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:26px}
.usps .t{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.hero-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.stars-row{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);margin-top:20px}
.stars-row b{color:var(--amber);letter-spacing:2px;font-size:15px}

/* offer selector card (hero right) */
.offer-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}
.offer-card .oc-head{background:var(--pine);color:#fff;padding:18px 24px;font-family:var(--fd);font-weight:700;font-size:16.5px;display:flex;align-items:center;gap:12px}
.offer-card .oc-head .roundel{width:30px;height:30px;font-size:14px}
.orow{display:flex;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:var(--fb);transition:background .12s}
.orow:hover{background:var(--mint-2);text-decoration:none}
.orow:last-of-type{border-bottom:none}
.oic{flex:none;width:40px;height:40px;border-radius:11px;background:var(--mint);display:grid;place-items:center;color:var(--pine)}
.orow .otxt{flex:1;min-width:0}
.orow .otxt b{display:block;font-family:var(--fd);font-size:15.5px;color:var(--ink)}
.orow .otxt small{font-size:12.5px;color:var(--muted);font-weight:600}
.orow .chev{color:var(--pine)}
.oc-foot{display:flex;align-items:center;gap:8px;justify-content:center;padding:13px;background:var(--mint-2);font-size:12.5px;color:var(--muted);font-weight:600}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:36px}}

/* trust strip */
.strip{background:var(--pine);color:#fff;padding:30px 0}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat{text-align:center}
.stat b{display:block;font-family:var(--fd);font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--amber)}
.stat span{font-size:13px;opacity:.85}
@media (max-width:760px){.strip-grid{grid-template-columns:repeat(2,1fr)}}

/* form */
.form-section{background:linear-gradient(180deg,var(--mint-2),var(--paper) 55%);padding:clamp(64px,6vw,92px) 0}
.form-shell{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}
.form-head{background:var(--pine);color:#fff;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.form-head h3{font-size:17px;display:flex;align-items:center;gap:12px}
.form-head .roundel{width:32px;height:32px;font-size:15px}
.form-head .steplbl{font-size:13px;font-weight:600;opacity:.85;display:block;margin-top:2px;font-family:var(--fb)}
.steps{display:flex;gap:8px}
.step-dot{width:34px;height:8px;border-radius:99px;background:rgba(255,255,255,.25);transition:background .2s}
.step-dot.on{background:var(--amber)}
.form-body{padding:32px 32px 38px}
.fstep{display:none}
.fstep.active{display:block;animation:fade .3s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fstep h4{font-family:var(--fd);font-size:20px;font-weight:700;margin-bottom:6px}
.fstep .hint{color:var(--muted);font-size:15px;margin-bottom:22px}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.cat-tile{position:relative;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px 14px 16px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;font-family:var(--fb)}
.cat-tile:hover{border-color:var(--pine)}
.cat-tile .oic{margin:0 auto 10px}
.cat-tile .nm{font-family:var(--fd);font-weight:700;font-size:13.5px;line-height:1.3;display:block;color:var(--ink)}
.cat-tile .pop{position:absolute;top:-9px;right:10px;background:var(--amber);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;font-family:var(--fd)}
.cat-tile .tick{position:absolute;top:9px;left:9px;width:21px;height:21px;border-radius:50%;border:2px solid var(--line);background:#fff;display:grid;place-items:center;transition:.15s}
.cat-tile .tick svg{opacity:0;transition:.15s}
.cat-tile[aria-pressed="true"]{border-color:var(--pine);background:var(--mint-2)}
.cat-tile[aria-pressed="true"] .tick{background:var(--pine);border-color:var(--pine)}
.cat-tile[aria-pressed="true"] .tick svg{opacity:1}
.sel-count{margin-top:18px;font-size:14px;font-weight:600;color:var(--muted)}
.sel-count b{color:var(--pine)}
@media (max-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgrid .full{grid-column:1/-1}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}}
label.flabel{display:block;font-weight:600;font-size:13.5px;margin-bottom:7px}
label.flabel small{color:var(--muted);font-weight:500}
.finput{width:100%;padding:12px 14px;font-size:15.5px;font-family:var(--fb);border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);transition:border-color .15s}
.finput:focus{outline:none;border-color:var(--pine)}
.finput.err{border-color:var(--danger)}
.seg{display:flex;gap:9px;flex-wrap:wrap}
.seg .sbtn{flex:1;min-width:104px;padding:11px 8px;border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-family:var(--fb);font-weight:600;font-size:14px;color:var(--ink);transition:.15s;text-align:center}
.sbtn:hover{border-color:var(--pine)}
.sbtn[aria-pressed="true"]{background:var(--pine);border-color:var(--pine);color:#fff}
.cat-block{border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px;background:var(--mint-2)}
.cat-block>h5{font-family:var(--fd);font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;margin-bottom:15px}
.cat-block>h5 .oic{width:30px;height:30px;border-radius:8px}
.consent{display:flex;gap:12px;align-items:flex-start;background:var(--mint-2);border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:6px}
.consent input{margin-top:4px;width:18px;height:18px;accent-color:var(--pine);flex:none;cursor:pointer}
.consent label{font-size:13px;color:var(--muted);cursor:pointer}
.consent label a{text-decoration:underline}
.ferr{display:none;color:var(--danger);font-size:14px;font-weight:600;margin-top:14px}
.ferr.show{display:block}
.fnav{display:flex;justify-content:space-between;gap:14px;margin-top:28px;flex-wrap:wrap}
.fnav .btn{min-width:148px}
.secure-line{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12.5px;color:var(--muted);margin-top:16px}
.success{text-align:center;padding:18px 0 6px}
.success .big-check{width:70px;height:70px;border-radius:50%;background:var(--pine);display:grid;place-items:center;margin:0 auto 20px}
.success h4{font-size:23px;margin-bottom:10px}
.success p{color:var(--muted);max-width:46ch;margin:0 auto 22px}
.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;text-align:left}
.next-steps .ns{background:var(--mint-2);border:1px solid var(--line);border-radius:12px;padding:15px}
.next-steps .ns b{font-family:var(--fd);font-size:13.5px;display:block;margin-bottom:4px}
.next-steps .ns span{font-size:12.5px;color:var(--muted)}
@media (max-width:640px){.next-steps{grid-template-columns:1fr}}

/* how */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.how-grid>*:nth-child(2){transform:translateY(24px)}
.props3>*:nth-child(2){transform:translateY(22px)}
@media(max-width:900px){.how-grid>*,.props3>*{transform:none}}
.how{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-sm)}
.how .n{width:42px;height:42px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-family:var(--fd);font-weight:800;font-size:18px;color:var(--pine);margin-bottom:16px}
.how:last-child .n{background:var(--amber);color:var(--ink)}
.how h3{margin-bottom:8px}
.how p{color:var(--muted);font-size:14.5px}
@media (max-width:860px){.how-grid{grid-template-columns:1fr}}

/* category cards */
.cats{background:var(--mint-2)}
.cards6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.ccard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.ccard .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.ccard .oic{width:48px;height:48px;border-radius:13px}
.ccard .five{font-family:var(--fd);font-size:11.5px;font-weight:800;color:var(--pine);background:var(--mint);padding:5px 11px;border-radius:999px}
.ccard h3{margin-bottom:8px;font-size:18px}
.ccard p{color:var(--muted);font-size:14px;flex:1}
.ccard .go{margin-top:16px;font-family:var(--fd);font-weight:700;font-size:14px;color:var(--pine);display:inline-flex;align-items:center;gap:7px}
.ccard .go:hover{text-decoration:none;gap:11px}
.ccard .go{transition:gap .15s}
@media (max-width:960px){.cards6{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.cards6{grid-template-columns:1fr}}

/* why */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;margin-top:16px}
.vs-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:30px}
.vs-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px dashed var(--line)}
.vs-row:last-child{border-bottom:none}
.vs-row .who{font-family:var(--fd);font-weight:700;font-size:14.5px}
.vs-row .who small{display:block;font-family:var(--fb);font-weight:500;color:var(--muted);font-size:12.5px}
.dots{display:flex;gap:6px}
.dots i{width:20px;height:20px;border-radius:50%;background:var(--line)}
.dots i.on{background:var(--pine)}
.vs-row.us .dots i.on{background:var(--amber)}
.vs-row.us{background:linear-gradient(90deg,rgba(245,184,46,.10),transparent);border-radius:12px;padding:17px 13px;margin:0 -13px}
.why-list{list-style:none;display:grid;gap:20px}
.why-list li{display:flex;gap:15px}
.why-list .chk{flex:none;width:29px;height:29px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--pine)}
.why-list b{font-family:var(--fd);display:block;font-size:16px;margin-bottom:3px}
.why-list p{color:var(--muted);font-size:14px}
@media (max-width:900px){.why-grid{grid-template-columns:1fr;gap:36px}}

/* testimonials */
.testi{background:var(--pine-deep);color:#fff}
.testi .eyebrow{color:var(--amber)}
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.tcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);padding:26px}
.tcard .tstars{color:var(--amber);letter-spacing:3px;font-size:14px;margin-bottom:13px}
.tcard blockquote{font-size:15px;line-height:1.65}
.tcard blockquote b{color:var(--amber)}
.tcard .who{display:flex;align-items:center;gap:12px;margin-top:18px}
.tcard .av{width:40px;height:40px;border-radius:50%;background:var(--amber);color:var(--ink);display:grid;place-items:center;font-family:var(--fd);font-weight:800;font-size:14px}
.tcard .who span{font-size:13px;opacity:.8;display:block}
.tcard .who b{font-family:var(--fd);font-size:14px}
@media (max-width:900px){.t-grid{grid-template-columns:1fr}}

/* partners */
.partners{padding:50px 0;border-bottom:1px solid var(--line)}
.partners p.plabel{text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.plogos{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;align-items:center}
.plogo{font-family:var(--fd);font-weight:700;font-size:15px;color:var(--muted);opacity:.75;padding:8px 4px}

/* faq */
.faq-list{max-width:760px;margin:40px auto 0;display:grid;gap:11px}
.faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.faq button.q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:none;cursor:pointer;text-align:left;padding:19px 21px;font-family:var(--fd);font-weight:700;font-size:15.5px;color:var(--ink)}
.faq .pm{flex:none;width:27px;height:27px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--pine);transition:transform .2s;font-size:17px;line-height:1}
.faq[data-open="true"] .pm{transform:rotate(45deg);background:var(--amber);color:var(--ink)}
.faq .a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq .a p{padding:0 21px 19px;color:var(--muted);font-size:14.5px}

/* final cta */
.final{background:radial-gradient(700px 300px at 20% 0%,rgba(245,184,46,.2),transparent 60%),var(--pine);color:#fff;text-align:center;border-radius:var(--radius-lg);padding:58px 32px}
.final h2{color:#fff;margin-bottom:12px}
.final p{color:rgba(255,255,255,.8);max-width:52ch;margin:0 auto 26px}
.final .mini{margin-top:16px;font-size:13px;color:rgba(255,255,255,.65)}

/* footer */
footer{padding:60px 0 90px}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
.f-grid h5{font-family:var(--fd);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:15px}
.f-grid ul{list-style:none;display:grid;gap:9px}
.f-grid a{color:var(--muted);font-size:14px}
.f-grid a:hover{color:var(--pine)}
.f-about p{color:var(--muted);font-size:14px;max-width:34ch;margin-top:14px}
.f-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
@media (max-width:860px){.f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}}

/* dynamic pages: category + SEO subpages */
.crumbs{font-size:13px;color:var(--muted);margin-bottom:16px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--pine)}
.crumbs .sep{opacity:.5}
.page-hero{padding:44px 0 36px;background:radial-gradient(800px 380px at 90% -20%,rgba(245,184,46,.13),transparent 60%),var(--paper)}
.page-hero h1{font-size:clamp(27px,3.6vw,40px);font-weight:800;max-width:22ch}
.page-hero .lead{margin-top:14px;font-size:16.5px}
.page-hero .btn{margin-top:24px}
.page-hero .hero-slogan{margin:13px 0 2px;font-family:var(--fd);font-weight:800;font-size:clamp(15px,2.05vw,21px);line-height:1.34;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.page-hero .hero-slogan--wrap{white-space:normal;max-width:36ch;text-wrap:balance}
.hero .hero-slogan{margin:16px 0 0;font-family:var(--fd);font-weight:800;font-size:clamp(17px,2.4vw,23px);line-height:1.3;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.hslo-day{background:linear-gradient(transparent 58%,rgba(245,184,46,.62) 0);padding:0 .12em;border-radius:3px}
.hslo-dash{color:var(--amber-deep)}
.ct-sec{padding:44px 0;background:linear-gradient(180deg,#fff,var(--paper))}
.ct-head{max-width:820px}
.ct-head h2{font-size:clamp(20px,2.7vw,29px);margin:6px 0 0;line-height:1.2}
.ct-head h2 .hslo-day{background:linear-gradient(transparent 58%,rgba(245,184,46,.62) 0);padding:0 .12em;border-radius:3px}
.ct-head .ct-sub{margin:11px 0 0;color:var(--muted,#5b6180);font-size:15.5px;max-width:60ch}
.ct-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.ct-row{display:grid;grid-template-columns:22px auto 1fr auto auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:16px;padding:14px 18px;box-shadow:0 6px 20px rgba(35,42,92,.06);transition:box-shadow .18s,transform .18s}
.ct-row:hover{box-shadow:0 12px 30px rgba(35,42,92,.13);transform:translateY(-2px)}
.ct-rank{font-family:var(--fd);font-weight:800;font-size:18px;color:var(--amber-deep);text-align:center}
.ct-logo{width:40px;height:40px}
.ct-name{min-width:0}
.ct-name b{display:block;font-family:var(--fd);font-weight:700;font-size:16px;color:var(--ink)}
.ct-name small{display:block;color:var(--muted,#5b6180);font-size:13px;margin-top:2px}
.ct-price{text-align:right;white-space:nowrap}
.ct-price b{font-family:var(--fd);font-weight:800;font-size:18px;color:var(--ink)}
.ct-price small{display:block;color:var(--muted,#5b6180);font-size:11.5px;margin-top:1px}
.ct-cta{white-space:nowrap;padding:10px 18px}
.ct-note{margin:16px 0 0;color:var(--muted,#5b6180);font-size:12px}
.mg-nl{color:var(--ink);text-decoration:none;border-bottom:1.5px solid rgba(74,95,224,.35)}
.mg-nl:hover{color:#4A5FE0;border-color:#4A5FE0}
.mg-more{margin-top:4px;background:none;border:none;color:#4A5FE0;font-family:var(--fb);font-size:12.5px;font-weight:600;cursor:pointer;padding:9px 2px;text-decoration:underline;min-height:24px}
.mg-detail td{background:var(--mint-2);padding:0 18px;border-top:0}
.mgd-in{display:flex;flex-wrap:wrap;gap:10px 30px;padding:14px 4px}
.mgd-item{display:flex;flex-direction:column;gap:2px;min-width:130px}
.mgd-k{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5b6180);font-weight:700}
.mgd-v{font-size:14px;color:var(--ink)}
.mgd-v a{color:#4A5FE0;text-decoration:none;font-weight:600}
.mgd-src{font-size:11px;color:var(--muted,#5b6180);text-decoration:underline;margin-left:4px;font-weight:500}
.mgd-wide{flex-basis:100%;min-width:100%}
.mgd-list{margin:4px 0 0;padding-left:17px;font-size:14px;color:var(--ink);line-height:1.5}
.mgd-list li{margin:1px 0}
.mgd-pros .mgd-list li::marker{color:#1c7a45}
.mgd-cons .mgd-list li::marker{color:#c88a00}
.search-trigger{background:none;border:none;color:var(--ink);cursor:pointer;padding:8px;display:grid;place-items:center;border-radius:9px;min-width:40px;min-height:40px}
.search-trigger:hover{background:rgba(74,95,224,.08);color:#4A5FE0}
.search-overlay{position:fixed;inset:0;z-index:300;background:rgba(20,32,74,.45);display:flex;justify-content:center;align-items:flex-start;padding:13vh 20px 20px}
.search-overlay[hidden]{display:none}
.search-panel{width:100%;max-width:640px;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(20,32,74,.35);overflow:hidden;animation:searchIn .16s ease}
@keyframes searchIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.search-inputrow{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--line,#e6e8f5)}
.search-ic{color:var(--muted,#5b6180);flex:none}
#searchInput{flex:1;border:none;outline:none;font-family:var(--fb);font-size:17px;color:var(--ink);background:none}
#searchClose{background:none;border:none;font-size:26px;line-height:1;color:var(--muted,#5b6180);cursor:pointer;padding:0 4px}
.search-live{max-height:62vh;overflow:auto}
.search-list,.soeg-results ul{list-style:none;margin:0;padding:6px}
.search-list li a,.soeg-results li a{display:block;padding:11px 14px;border-radius:11px;text-decoration:none;color:var(--ink)}
.search-list li a:hover,.soeg-results li a:hover{background:var(--mint-2,#eef4ff)}
.search-list b,.soeg-results b{display:block;font-family:var(--fd);font-weight:600;font-size:15px;line-height:1.3}
.search-list small,.soeg-results small{display:block;color:var(--muted,#5b6180);font-size:12.5px;margin-top:2px;line-height:1.4}
.search-empty{padding:24px;color:var(--muted,#5b6180);text-align:center;font-size:14.5px}
.soeg-box{margin:18px 0 8px;max-width:560px}
#soegInput{width:100%;border:1.5px solid var(--panelline,#d6dbf5);border-radius:12px;padding:14px 16px;font-family:var(--fb);font-size:16px;color:var(--ink)}
#soegInput:focus{outline:none;border-color:#4A5FE0;box-shadow:0 0 0 4px rgba(74,95,224,.12)}
.soeg-results{max-width:640px;margin-top:8px}
@media(max-width:560px){.search-overlay{padding:7vh 12px 12px}#searchInput{font-size:16px}.search-trigger{min-width:44px;min-height:44px}}
.mgd-in{gap:12px 30px}
.mg-method{margin-top:24px;padding:20px 22px;background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:14px;text-align:left}
.mg-method h3{margin:0 0 8px;font-size:17px}
.mg-method p{margin:0 0 8px;font-size:14px;color:var(--muted,#5b6180);line-height:1.55}
.mg-epsi-note{font-size:12.5px!important;margin-bottom:0!important}
@media(max-width:720px){.ct-row{grid-template-columns:22px 40px 1fr;grid-template-areas:'rank logo name' 'price price cta';row-gap:11px;gap:13px;padding:13px 15px}.ct-rank{grid-area:rank}.ct-logo{grid-area:logo}.ct-name{grid-area:name}.ct-price{grid-area:price;text-align:left;align-self:center}.ct-cta{grid-area:cta;justify-self:end;align-self:center}}
@media(max-width:560px){.page-hero .hero-slogan{font-size:15.5px;margin:10px 0 0;white-space:normal}.hero .hero-slogan{font-size:16px;margin:12px 0 0;white-space:normal}}
.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:36px}
.topic{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px 19px;transition:border-color .15s,transform .12s}
.topic:hover{border-color:var(--pine);transform:translateY(-2px);text-decoration:none}
.topic .ttxt b{display:block;font-family:var(--fd);font-size:15px;color:var(--ink)}
.topic .ttxt small{font-size:12.5px;color:var(--muted);line-height:1.45;display:block;margin-top:2px}
.topic .chev{color:var(--pine);flex:none}
@media (max-width:700px){.topic-grid{grid-template-columns:1fr}}
.content-block{max-width:760px;margin:0 auto}
.content-block h2{font-size:23px;margin:34px 0 12px}
.content-block p{color:var(--muted);font-size:15.5px;margin-bottom:14px}
.tipsbox{background:var(--mint-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 28px;margin:32px 0}
.tipsbox h3{margin-bottom:14px;font-size:17px}
.tipsbox ul{list-style:none;display:grid;gap:11px}
.tipsbox li{display:flex;gap:11px;font-size:14.5px;color:var(--ink)}
.tipsbox li .ico{color:var(--pine);margin-top:3px}
.readalso{margin-top:40px}
.readalso h3{margin-bottom:14px;font-size:17px}
.readalso ul{list-style:none;display:grid;gap:9px}
.readalso a{font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:7px}
.mini-cta{background:var(--pine);color:#fff;border-radius:var(--radius-lg);padding:34px 30px;text-align:center;margin:44px auto 0;max-width:760px}
.mini-cta h3{color:#fff;font-size:20px;margin-bottom:8px}
.mini-cta p{color:rgba(255,255,255,.8);font-size:14.5px;margin-bottom:18px}

/* sticky mobile cta */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;box-shadow:0 -6px 20px rgba(20,36,28,.10)}
.sticky-cta .btn{width:100%;padding:14px}
.sticky-cta.hidden{display:none!important}
@media (max-width:760px){.sticky-cta{display:block}}

.hiddenpage{display:none!important}

/* ===== DESIGN 4 (90/10): MONEYGEEK - luftigt, navy + teal, guldstjerner, rolig autoritet ===== */
:root{
 --ink:var(--navy); --pine:var(--teal); --pine-deep:var(--teal-deep);
 --mint:#E3F5F5; --mint-2:#F5F8FC; --paper:#FFFFFF;
 --amber:var(--gold); --amber-deep:var(--gold-deep);
 --line:#E1E7F0; --muted:#5B6B85;
 --radius:12px; --radius-lg:16px;
 --shadow-sm:0 1px 4px rgba(34,48,78,.06);
 --shadow-md:0 6px 24px rgba(34,48,78,.10);
 --fd:'Inter',system-ui,sans-serif; --fb:'Inter',system-ui,sans-serif;
}
h1,h2{font-weight:800;letter-spacing:-.025em;color:var(--navy)}
.btn{border-radius:10px;font-weight:700}
.btn-amber{color:var(--navy);box-shadow:0 3px 10px rgba(255,194,32,.35)}
.btn-amber:hover{background:var(--amber-deep)}
.roundel{color:var(--navy)}
.cat-tile .pop{color:#fff;background:var(--pine)}
header{background:#fff;border-bottom:1px solid var(--line)}

/* soft blue-tinted hero - MoneyGeek signature */
.hero{background:linear-gradient(180deg,#F5F8FC,#FFFFFF 90%);padding:60px 0 64px}
.eyebrow{color:var(--pine-deep);letter-spacing:.18em}
.eyebrow::before{background:var(--pine)}
.hero h1 .fem{color:var(--pine-deep)}
.hero h1 .fem::after{background:var(--pine);opacity:.22;height:.32em}
.hero .btn-pine{background:var(--ink)}
.hero .btn-pine:hover{background:var(--amber-deep)}
.stars-row b{color:var(--gold)}
.offer-card{box-shadow:var(--shadow-md);border-color:var(--line)}
.oc-head{background:var(--navy)}
.oic{background:var(--mint);color:var(--pine-deep)}

.strip{background:var(--navy)}
.stat b{color:var(--teal)}

.how,.ccard,.faq,.topic,.vs-card{box-shadow:var(--shadow-sm)}
.how .n{background:var(--mint);color:var(--pine-deep)}
.how:last-child .n{background:var(--pine);color:#fff}
.why-list .chk{background:var(--mint);color:var(--pine-deep)}
.cat-tile[aria-pressed="true"]{border-color:var(--pine);background:var(--mint-2)}
.cat-tile[aria-pressed="true"] .tick{background:var(--pine);border-color:var(--pine)}
.cat-tile:hover,.sbtn:hover{border-color:var(--pine)}
.sbtn[aria-pressed="true"]{background:var(--pine);border-color:var(--pine)}
.finput:focus{border-color:var(--pine)}

/* light editorial testimonials with gold stars */
.testi{background:#F5F8FC;color:var(--ink)}
.testi h2{color:var(--ink)!important}
.testi .eyebrow{color:var(--pine-deep)}
.tcard{background:#fff;border:1px solid var(--line)}
.tcard .tstars{color:var(--gold)}
.tcard blockquote{color:var(--muted)}
.tcard blockquote b{color:var(--pine-deep)}
.tcard .av{background:var(--pine);color:#fff}
.tcard .who b{color:var(--ink)}
.tcard .who span{color:var(--muted);opacity:1}

.tipsbox{border:1px solid var(--line);border-left:4px solid var(--pine);border-radius:10px;background:#F5F8FC}
.form-head{background:var(--navy)}
.faq[data-open="true"] .pm{background:var(--pine);color:#fff}
.final{background:var(--navy)}
.mini-cta{background:var(--navy)}

/* ===== MOTION LAYER ===== */
.hero{position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:2}
.hero-decor{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-decor > *{position:absolute}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-18px) rotate(var(--rot,0deg))}}
@keyframes floaty2{0%,100%{transform:translateY(-10px)}50%{transform:translateY(10px)}}
@keyframes spinslow{to{transform:rotate(360deg)}}
@keyframes pulseglow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
@keyframes drawline{to{stroke-dashoffset:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes heroin{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes growline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-grid > div:first-child{animation:heroin .8s cubic-bezier(.2,.7,.3,1) both}
.offer-card{animation:heroin .8s .15s cubic-bezier(.2,.7,.3,1) both}
.hero h1 .fem::after{transform-origin:left;animation:growline .9s .55s cubic-bezier(.2,.7,.3,1) both}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
[data-reveal].revealed{opacity:1;transform:none}
.oic{transition:transform .22s}
.orow:hover .oic{transform:scale(1.12) rotate(-6deg)}
.ccard:hover .oic{transform:scale(1.12) rotate(6deg)}
.how{transition-property:opacity,transform}
.plogos.marquee{flex-wrap:nowrap;overflow:hidden;justify-content:flex-start;gap:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;align-items:center;animation:marquee 28s linear infinite;flex:none}
.marquee-track > *{margin-right:64px;flex:none;white-space:nowrap}
.plogos.marquee:hover .marquee-track{animation-play-state:paused}
.wave-divider{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:auto;display:block}
@media (prefers-reduced-motion:reduce){
 [data-reveal]{opacity:1;transform:none;transition:none}
 .hero-grid > div:first-child,.offer-card,.hero h1 .fem::after{animation:none}
 .marquee-track{animation:none}
 .hero-decor{display:none}
}

/* ===== MONEYGEEK COMPONENTS ===== */
.hero-center{text-align:center;max-width:920px;animation:heroin .8s cubic-bezier(.2,.7,.3,1) both}
.hero-center h1{font-size:clamp(32px,4.4vw,52px);max-width:none}
.hero-center .sub{margin:18px auto 30px;font-size:18px;color:var(--muted);max-width:58ch}
.hero-chips{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hchip{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 18px;font-family:var(--fb);font-weight:700;font-size:14.5px;color:var(--ink);cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s;text-decoration:none!important}
.hchip:hover{border-color:var(--pine);transform:translateY(-2px);box-shadow:0 6px 16px rgba(21,42,50,.10)}
.hchip.big{padding:16px 26px;font-size:16px;border-radius:14px}
.hchip .oic{width:38px;height:38px;border-radius:10px}
.hchip .oic.sm{width:26px;height:26px;border-radius:7px}
.hchip.more{color:var(--pine-deep);border-style:dashed}
.hero-chips-row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:16px}
.chips-lbl{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}

.props3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.prop h3{font-size:17px;margin-bottom:9px;color:var(--navy)}
.prop p{color:var(--muted);font-size:14.5px}
@media (max-width:860px){.props3{grid-template-columns:1fr}}

.tools-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.toolchip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-weight:600;font-size:13.5px;color:var(--ink);transition:border-color .15s,transform .12s}
.toolchip:hover{border-color:var(--pine);text-decoration:none;color:var(--pine-deep);transform:translateY(-2px)}
.toolchip svg{color:var(--pine-deep)}

.mgstats{margin-top:40px}
.mgstats .stat b{color:var(--navy);font-size:clamp(36px,4.2vw,54px)}
.mgstats .stat span{color:var(--muted);font-size:13.5px;line-height:1.45;opacity:1}

.mg-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:34px 0 22px}
.mgtab{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:10px 20px;font-family:var(--fb);font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;transition:.15s}
.mgtab:hover{border-color:var(--pine);color:var(--ink)}
.mgtab.active{background:var(--navy);border-color:var(--navy);color:#fff}
.mg-tablewrap{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px rgba(34,48,78,.08);overflow-x:auto}
.mg-table{width:100%;border-collapse:collapse;min-width:640px}
.mg-table thead th{background:#F5F8FC;color:var(--navy);font-family:var(--fb);font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}
.mg-table th.sortable{cursor:pointer;user-select:none}
.mg-table th.sortable::after{content:" \2195";opacity:.45}
.mg-table th.sortable.asc::after{content:" \2191";opacity:1;color:var(--pine-deep)}
.mg-table th.sortable.desc::after{content:" \2193";opacity:1;color:var(--pine-deep)}
.mg-table tbody td{padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}
.mg-table tbody tr:last-child td{border-bottom:none}
.mg-table tbody tr:nth-child(even){background:#FAFCFE}
.mg-table tbody tr{transition:background .12s}
.mg-table tbody tr:hover{background:var(--mint-2)}
.mg-co{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--navy);white-space:nowrap}
.mg-logo{width:38px;height:38px;border-radius:9px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}
.mg-logoimg{width:30px;height:30px;object-fit:contain;display:block}
.mg-ini{display:none;font-family:var(--fd);font-weight:800;font-size:13px;color:var(--navy)}
.gauge{display:inline-flex;align-items:center;gap:9px}
.gauge svg{transform:rotate(-90deg)}
.gauge circle.bg{stroke:var(--mint);fill:none}
.gauge circle.val{stroke:var(--pine);fill:none;stroke-linecap:round;stroke-dasharray:107;stroke-dashoffset:107;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.3,1)}
.gauge b{font-family:var(--fd);font-size:15px;color:var(--navy)}
.gauge small{color:var(--muted);font-size:11px;display:block;margin-top:-2px}
.mg-pris{font-family:var(--fd);font-weight:800;color:var(--navy);white-space:nowrap}
.mg-pris small{display:block;font-family:var(--fb);font-weight:500;color:var(--muted);font-size:11.5px}
.mg-best{color:var(--muted);font-size:13.5px}
.mg-cta{font-size:12px;letter-spacing:.07em;text-transform:uppercase;padding:11px 18px;border-radius:9px;white-space:nowrap}
.mg-note{margin-top:14px;font-size:12.5px;color:var(--muted);text-align:center}
@media (max-width:700px){.mg-table .hidem{display:none}}

.experts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.expert-solo{display:flex;justify-content:center;margin-top:40px}
.expert-card{display:flex;align-items:center;gap:24px;max-width:580px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 32px;text-decoration:none;color:inherit;transition:.2s cubic-bezier(.32,.72,0,1)}
.expert-card:hover{border-color:var(--blue);box-shadow:0 14px 32px rgba(74,95,224,.13);transform:translateY(-3px)}
.expert-photo{width:104px;height:104px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--mint)}
.expert-info h3{font-size:19px;color:var(--navy);margin-bottom:2px}
.exrole{font-size:13px;color:var(--blue);font-weight:700;margin-bottom:9px}
.exbio{font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:11px}
.exlink{font-size:13.5px;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:6px}
@media(max-width:560px){.expert-card{flex-direction:column;text-align:center;padding:26px}}

.expert{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 20px;text-align:center}
.exav{width:64px;height:64px;border-radius:50%;background:var(--mint);color:var(--pine-deep);display:grid;place-items:center;font-family:var(--fd);font-weight:800;font-size:20px;margin:0 auto 14px}
.expert h3{font-size:15px;margin-bottom:4px;color:var(--navy)}
.expert p{font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.experts{grid-template-columns:repeat(2,1fr)}}

.media-strip{padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.media-strip .plabel{text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.mlogos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 42px;align-items:center}
.mlogo{font-family:var(--fd);font-weight:800;font-size:16px;color:var(--navy);opacity:.45}

.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.guide{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:border-color .15s,transform .12s}
.guide:hover{border-color:var(--pine);transform:translateY(-2px);text-decoration:none}
.guide b{display:block;font-family:var(--fd);font-size:14.5px;color:var(--navy);line-height:1.4;margin-bottom:8px}
.guide span{font-size:12px;color:var(--muted)}
@media (max-width:900px){.guide-grid{grid-template-columns:1fr}}

.explore{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.exp{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.exp-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.exp-head .oic{width:48px;height:48px;border-radius:12px}
.exp-head h3{font-size:19px;color:var(--navy)}
.exp > p{color:var(--muted);font-size:14px;margin-bottom:14px}
.exp ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin-bottom:18px}
.exp ul a{font-size:13.5px;font-weight:600;color:var(--pine-deep)}
.exp-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-weight:800;font-size:14px;color:var(--navy);border:1.5px solid var(--navy);border-radius:999px;padding:10px 20px;transition:.15s}
.exp-cta:hover{background:var(--navy);color:#fff;text-decoration:none}
@media (max-width:860px){.explore{grid-template-columns:1fr}.exp ul{grid-template-columns:1fr}}

.byline{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13px;color:var(--muted)}
.byline .avs{display:flex}
.byline .avs i{width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--pine-deep);display:grid;place-items:center;font-style:normal;font-family:var(--fd);font-weight:800;font-size:11px;border:2px solid #fff}
.byline .avs i + i{margin-left:-9px}
.byline b{color:var(--ink)}
.byline .fact{color:var(--pine-deep);font-weight:700}

.content-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.content-wrap .content-block{margin:0}
.toc{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 14px}
.toc-head{font-weight:800;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-left:10px}
.toc a{display:block;padding:8px 10px;border-left:3px solid transparent;font-size:13.5px;color:var(--muted);line-height:1.35;border-radius:0 8px 8px 0}
.toc a:hover{color:var(--ink);background:var(--mint-2);text-decoration:none}
.toc a.active{border-left-color:var(--pine);color:var(--navy);font-weight:700;background:var(--mint-2)}
@media (max-width:960px){
 .content-wrap{grid-template-columns:minmax(0,1fr);gap:22px}
 .toc{position:static;display:flex;gap:8px;overflow-x:auto;padding:10px}
 .toc-head{display:none}
 .toc a{border-left:none;border:1px solid var(--line);border-radius:999px;white-space:nowrap;padding:8px 14px;flex:none}
 .toc a.active{border-color:var(--pine)}
}

/* ============================================================
 BRAND TOKENS - RET HEX-KODERNE HER FOR 1:1 FARVEMATCH
 Pluk de praecise vaerdier fra moneygeek.com med en color picker
 og indsaet dem nedenfor. Alt paa sitet foelger disse variabler.
 ============================================================ */
:root{
 --navy:#252C6B; /* moerk navy: overskrifter, tabeller, striber */
 --teal:#2FBFC4; /* cyan/teal: accenter, links, gauges */
 --teal-deep:#128F94; /* moerkere teal: hover, eyebrows */
 --gold:#FFB300; /* gul: alle primaere CTA-knapper */
 --gold-deep:#E69E00; /* gul hover */
 --bg-soft:#F5F8FC; /* lyse sektionsbaggrunde */
 --ink:var(--navy);
 --pine:var(--teal);
 --pine-deep:var(--teal-deep);
 --amber:var(--gold);
 --amber-deep:var(--gold-deep);
 --mint:#DFF3F4;
 --mint-2:var(--bg-soft);
 --line:#E3E9F2;
 --muted:#5A6584;
}
h1,h2{color:var(--navy)}
.btn{font-weight:800}

/* ============================================================
 MONEYGEEK 1:1 SKIN - farver plukket fra jeres screenshots
 ============================================================ */
:root{
 --navy:#232A5C; /* overskrifter, tekst, tabeller */
 --navy-deep:#191D4D; /* footer, moerke paneler */
 --blue:#4A5FE0; /* periwinkle: accentord, links, CTA */
 --blue-deep:#3546C6;
 --icon:#3E4A9C; /* ikonstreger */
 --gold:#F7C64B; /* gule dashes, prikker, badges */
 --gold-deep:#E8B02E;
 --hero-bg:#E9EBF8; /* lys lavendel hero */
 --bg-soft:#F5F6FA; /* lyse sektioner */
 --line:#DDE2F2; --panelline:#D6DCF3;
 --muted:#4A5170;
 --ink:var(--navy);
 --teal:var(--blue); --teal-deep:var(--blue-deep);
 --amber:var(--blue); --amber-deep:var(--blue-deep);
 --mint:#E9EDFB; --mint-2:var(--bg-soft);
 --fh:'Fraunces',Georgia,serif; --fd:'Space Grotesk',system-ui,sans-serif; --fb:'Plus Jakarta Sans',system-ui,sans-serif;
}
body{color:#3E4566}
h1,h2,h3,h4{color:var(--navy)}
h1{font-weight:900}
h2{font-weight:700;letter-spacing:-.01em}
/* ===== TASTE PASS ===== */
h1,h2{font-family:var(--fh);font-weight:600;letter-spacing:-.022em;line-height:1.07;text-wrap:balance}
h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.mg-table td,.mg-table th,[data-cxout],.blog-stat b,.px-stat b,.px-hcard b,.kortbox,.cbadge,.guide-tbl td,.cmp-row b,.cx-chart-cap b,.mg-price,.mg-score{font-variant-numeric:tabular-nums}
.btn:active{transform:scale(.98)!important}
body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.022;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27170%27 height=%27170%27%3E%3Cfilter id=%27tn%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.8%27 numOctaves=%272%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23tn)%27/%3E%3C/svg%3E")}
@media (prefers-reduced-motion:reduce){body::after{display:none}}
.btn{font-weight:700;border-radius:9px}
.btn-amber{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(74,95,224,.28)}
/* ===== TASTE PASS 2: button-in-button ===== */
.btn-amber.btn-lg{gap:13px;padding-right:10px}
.btn-amber.btn-lg::after{content:"";flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center/17px no-repeat;transition:transform .5s cubic-bezier(.32,.72,0,1),background .3s}
.btn-amber.btn-lg:hover::after{background-color:rgba(255,255,255,.32);transform:translateX(3px)}
.btn-amber.btn-lg:active::after{transform:scale(.94)}
.btn-amber:hover{background:var(--blue-deep)}
.roundel{background:var(--blue);color:#fff;box-shadow:none}
.logo span b{color:var(--blue)}
.eyebrow{color:var(--blue)}
.eyebrow::before{background:var(--gold)}
.stars-row b{color:var(--gold)}
.oic{background:#EEF1FB;color:var(--icon)}
.cat-tile .pop{background:var(--blue);color:#fff}

/* hero - lys lavendel, venstrestillet, hvidt tile-panel */
.hero{background:var(--hero-bg);padding:64px 0 72px}
.hero-left{max-width:660px;position:relative;z-index:2;animation:heroin .8s cubic-bezier(.2,.7,.3,1) both}
.hero-left h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08}
.hero .fem{color:var(--blue)}
.hero h1 .fem::after{display:none}
.hero h1 .fem{white-space:normal} /* mobile: let hero accent wrap, no clip */
.hero .sub{color:#3E4566;font-size:18px;margin:18px 0 26px;line-height:1.55}
.hero-panel{background:#fff;border-radius:16px;padding:14px;box-shadow:0 16px 44px rgba(35,42,92,.12);display:grid;gap:12px;margin-bottom:26px}
.hp-row{display:grid;gap:12px}
.hp-row.big{grid-template-columns:repeat(3,1fr)}
.hp-row.small{grid-template-columns:repeat(4,1fr)}
.htile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--panelline);border-radius:12px;padding:20px 10px;font-family:var(--fb);font-weight:600;font-size:14.5px;color:var(--navy);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;text-decoration:none!important;text-align:center}
.htile:hover{border-color:var(--blue);box-shadow:0 6px 16px rgba(74,95,224,.16);transform:translateY(-2px)}
.htile svg{color:var(--icon)}
.hp-row.small .htile{padding:13px 8px;font-size:13px;gap:7px}
.hero .stars-row{margin-top:18px}
@media (max-width:760px){.hp-row.small{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.hero-decor{display:none}}

/* why-card - hvidt kort, check-bullets + tile-grid */
.why-card{background:#fff;border-radius:18px;box-shadow:0 12px 36px rgba(35,42,92,.09);padding:46px;display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:center}
.why-card h2 .b5{color:var(--blue)}
.ydash{display:block;width:30px;height:6px;background:var(--gold);border-radius:4px;margin-top:12px}
.wbullets{list-style:none;display:grid;gap:22px;margin-top:26px}
.wbullets li{display:flex;gap:14px}
.wcheck{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--blue);color:var(--blue);display:grid;place-items:center}
.wbullets b{display:block;font-size:16.5px;color:var(--navy);font-weight:700;margin-bottom:3px}
.wbullets p{color:var(--muted);font-size:14.5px}
.dashlink{font-weight:700;color:var(--navy);border-bottom:2px dashed #AEB6D6;padding-bottom:2px}
.dashlink:hover{color:var(--blue);text-decoration:none;border-color:var(--blue)}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.calct{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:#fff;border:1px solid var(--panelline);border-radius:14px;padding:24px 12px;transition:border-color .15s,box-shadow .15s,transform .12s}
.calct:hover{border-color:var(--blue);text-decoration:none;box-shadow:0 6px 18px rgba(74,95,224,.15);transform:translateY(-2px)}
.calct svg{color:var(--icon);margin-bottom:4px}
.calct b{color:var(--blue);font-size:14.5px;font-weight:700;line-height:1.25}
.calct span{color:var(--navy);font-size:13px;font-weight:600}
@media (max-width:960px){.why-card{grid-template-columns:1fr;padding:30px;gap:32px}}
@media (max-width:640px){.calc-grid{grid-template-columns:repeat(2,1fr)}}

/* explore-kort - cirkelpil-links, gul dash, dashed CTA, blaa kant hoejre */
.exp{position:relative;box-shadow:0 6px 20px rgba(35,42,92,.06)}
.exp::after{content:'';position:absolute;top:16px;bottom:16px;right:-5px;width:5px;border-radius:4px;background:#CBD4F2}
.exp-head{position:relative;margin-bottom:20px}
.exp-head::after{content:'';position:absolute;left:62px;bottom:-9px;width:26px;height:5px;border-radius:3px;background:var(--gold)}
.exp-head .oic{background:transparent;width:auto;height:auto;border-radius:0}
.exp ul{gap:10px 18px;margin-bottom:22px}
.exp ul a{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:700;font-size:14px}
.exp ul a::before{content:'\2197';flex:none;display:grid;place-items:center;width:22px;height:22px;border:1.7px solid var(--navy);border-radius:50%;font-size:11px;font-weight:700}
.exp ul a:hover{color:var(--blue);text-decoration:none}
.exp ul a:hover::before{border-color:var(--blue);color:var(--blue)}
.exp-cta{border:none;padding:0 0 3px;border-radius:0;background:none;color:var(--navy);border-bottom:2px dashed #AEB6D6}
.exp-cta:hover{background:none;color:var(--blue);border-color:var(--blue)}

/* guides + tabeller + stats i navy/blaa */
.guide b{color:var(--navy)}
.mgstats .stat b{color:var(--navy)}
.mgtab.active{background:var(--navy);border-color:var(--navy)}
.mg-table thead th{background:var(--bg-soft)}
.tcard .tstars{color:var(--gold)}

/* moerk navy footer som deres */
footer{background:var(--navy-deep);padding:64px 0 44px}
footer .logo, footer .logo span{color:#fff}
footer .logo span b{color:#AAB6F5}
.f-about .tagline{margin-top:10px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#E8EBFA;font-weight:600}
.f-about p{color:#B9C0E4}
.f-grid h5{color:#8E9BE8}
.f-grid a{color:#EDEFFB;border-bottom:1.5px dashed rgba(255,255,255,.35);padding-bottom:1px;display:inline-block}
.f-grid a:hover{color:#fff;border-color:#fff;text-decoration:none}
.f-bottom{border-top:1px solid rgba(255,255,255,.16);color:#B9C0E4}
footer{position:relative;overflow:hidden}
footer .wrap{position:relative;z-index:2}
footer::before{content:'';position:absolute;width:88px;height:88px;border-radius:50%;background:var(--gold);right:8%;top:26%;opacity:.9}
footer::after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;border:6px solid rgba(255,255,255,.25);right:13%;top:44%}

/* moerke paneler foelger footer-navy */
.form-head{background:var(--navy-deep)}
/* ===== CONTRAST FIXES: legible text on dark/tinted surfaces ===== */
.form-head h3, .form-head h3 span, .form-head .steplbl{color:#fff}
.tcard .who .av{color:#fff}
.hero .stars-row b, .page-hero .stars-row b{color:#B8850A}
.final{background:var(--navy-deep)}
.mini-cta{background:var(--navy-deep)}

/* ===== MG side-anatomi: trustline, takeaways, relaterede omraader ===== */
.trustline{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.trustline span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700;color:var(--navy)}
.trustline svg{color:var(--blue);flex:none}
.takeaways{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:20px 22px;margin-top:22px;max-width:760px}
.takeaways h3{font-size:15px;margin-bottom:10px;color:var(--navy)}
.takeaways ul{list-style:none;display:grid;gap:9px}
.takeaways li{display:flex;gap:10px;font-size:14px;color:#3E4566;line-height:1.5}
.takeaways li svg{color:var(--blue);flex:none;margin-top:3px}
.relareas{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0 6px;justify-content:center}
.relareas a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--panelline);background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:13px;color:var(--navy)}
.relareas a:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}
.relareas a svg{color:var(--icon)}

/* ===== HERO: videobaggrund (version 2) =====
 NB inden lancering: download og komprimer videoen, host den selv,
 og tilfoej poster="..." med et stillbillede for hurtig first paint. */
.hero-bgvid{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(233,235,248,.95) 0%,rgba(233,235,248,.7) 38%,rgba(233,235,248,.18) 78%,rgba(233,235,248,.05) 100%)}
.hero .wrap{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.hero-bgvid{display:none}}

/* ===== page-hero: samme videobaggrund som forsiden ===== */
.page-hero{position:relative;overflow:hidden}
.page-hero .wrap{position:relative;z-index:2}
.page-hero .hero-scrim{background:linear-gradient(95deg,rgba(233,235,248,.96) 0%,rgba(233,235,248,.78) 42%,rgba(233,235,248,.3) 82%,rgba(233,235,248,.12) 100%)}
@media (prefers-reduced-motion:reduce){.page-hero .hero-bgvid{display:none}}

/* ===== BRAND BANDS: video-CTA-sektioner i hero-stil (prompt 1) ===== */
.brandband{position:relative;overflow:hidden;background:var(--hero-bg)}
.bb-vid{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.bb-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(233,235,248,.32),rgba(233,235,248,.2))}
.bb-inner{position:relative;z-index:2}
.mini-cta.brandband.usp-band{padding:58px 40px}
.mini-cta.brandband.usp-band h3{font-size:clamp(26px,3.4vw,38px);margin-bottom:12px}
.mini-cta.brandband.usp-band p{font-size:clamp(16px,1.7vw,19px);max-width:58ch;margin:0 auto 26px}
.usp-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin:0 auto 30px;max-width:740px}
.usp-item{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--navy)}
.usp-item svg{color:var(--pine);flex:none}
.bb-addr{background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:16px;padding:20px 22px;box-shadow:0 12px 34px rgba(35,42,92,.09);max-width:780px}
.bb-addr-h{display:flex;align-items:center;gap:9px;color:var(--navy,#14204a);font-size:16px;font-weight:700;margin-bottom:13px}
.bb-addr-h svg{color:#4A5FE0;flex:none}
.bb-addr-row{display:flex;gap:10px;align-items:stretch}
.bb-addr-field{position:relative;flex:1}
.bb-addr-field input{width:100%;border:1.5px solid var(--panelline,#d6dbf5);border-radius:11px;padding:13px 15px;font-family:var(--fb);font-size:15.5px;color:var(--navy,#14204a)}
.bb-addr-field input:focus{outline:none;border-color:#4A5FE0;box-shadow:0 0 0 4px rgba(74,95,224,.12)}
.bb-addr-sug{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:12px;box-shadow:0 16px 42px rgba(35,42,92,.17);list-style:none;margin:0;padding:6px;max-height:290px;overflow:auto}
.bb-addr-sug li{padding:10px 12px;border-radius:8px;font-size:14.5px;color:var(--navy,#14204a);cursor:pointer}
.bb-addr-sug li:hover{background:#eef1fe}
.bb-addr-btn{white-space:nowrap;flex:none}
.bb-addr-note{margin:12px 0 0;font-size:13px;color:var(--muted,#5b6180);line-height:1.5}
.hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:40px;align-items:center}
.hero-split-l{min-width:0}
.hero-split-r{min-width:0}
.hero-split-r .bb-addr{max-width:none;margin:0}
.hero-split-r .bb-addr-row{flex-direction:column}
.hero-split-r .bb-addr-btn{width:100%}
@media(max-width:900px){.hero-split{grid-template-columns:minmax(0,1fr);gap:24px}.hero-split-r{max-width:560px}}
.bf-form{background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:18px;padding:22px 22px 20px;box-shadow:0 16px 44px rgba(35,42,92,.14);max-width:none}
.bf-form-h b{display:block;font-size:19px;line-height:1.24;color:var(--navy,#14204a);font-weight:800;font-family:var(--fd)}
.bf-form-h #bfDay{color:#4A5FE0;text-transform:capitalize}
.bf-form-h p{margin:8px 0 15px;font-size:13px;color:var(--muted,#5b6180);line-height:1.5}
.bf-fields{display:grid;gap:9px}
.bf-fields input{width:100%;border:1.5px solid var(--panelline,#d6dbf5);border-radius:10px;padding:12px 13px;font-family:var(--fb);font-size:15px;color:var(--navy,#14204a);background:#fff}
.bf-fields input:focus{outline:none;border-color:#4A5FE0;box-shadow:0 0 0 4px rgba(74,95,224,.12)}
.bf-fields input.bf-err{border-color:#d64545;background:#fdf4f4}
.bf-submit{width:100%;margin-top:13px}
.bf-note{margin:9px 0 0;font-size:12px;color:var(--muted,#5b6180);text-align:center}
.bf-done{padding:18px 16px;background:#e3f6ec;border-radius:12px;color:#1c7a45;font-weight:600;font-size:14.5px;text-align:center;line-height:1.5}
.hero-split-r.hero-split-form{align-self:start}
a.htile{text-decoration:none;color:inherit}


@media(max-width:560px){.bb-addr-row{flex-direction:column}.bb-addr-btn{width:100%}}

.px-answer{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#f4f6ff,#eef1fe);border:1px solid #dfe4fb;border-left:4px solid #4A5FE0;border-radius:14px;padding:16px 20px;margin:0 0 26px}
.px-answer-tag{flex:none;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#4A5FE0;background:#fff;border:1px solid #dfe4fb;border-radius:20px;padding:4px 11px;margin-top:2px}
.px-answer p{margin:0;font-size:16px;line-height:1.55;color:var(--navy,#14204a)}
.px-answer-src{color:#6b7394;font-size:13px}
.pxbars{margin:18px 0 28px}
.pxbars figcaption{font-size:13.5px;font-weight:700;color:#5a6180;margin-bottom:13px}
.pxbars-in{display:flex;flex-direction:column;gap:10px}
.pxbar-row{display:grid;grid-template-columns:minmax(120px,33%) 1fr;align-items:center;gap:14px}
.pxbar-lab{font-size:14px;color:var(--navy,#14204a);font-weight:600;line-height:1.35}
.pxbar-bar{position:relative;background:#eef1f8;border-radius:8px;height:30px;display:flex;align-items:center;overflow:hidden}
.pxbar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#4A5FE0,#6f7ff0);border-radius:8px;min-width:7px}
.pxbar-hi .pxbar-fill{background:linear-gradient(90deg,#F7C64B,#ffd873)}
.lb-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0}
.lb-tbl{width:100%;border-collapse:collapse}
.lb-tbl th{background:#f4f6ff;color:var(--navy,#14204a);font-weight:700;font-size:13px;padding:9px 12px;text-align:center;border-bottom:2px solid #e2e6f5}
.lb-tbl td{padding:9px 12px;text-align:center;font-size:14px;white-space:nowrap;border-bottom:1px solid #eef0f6}
.lb-tbl td:first-child,.lb-tbl th:first-child{text-align:left}
.pxbar-val{position:relative;z-index:1;padding:0 12px;font-size:13px;font-weight:700;color:var(--navy,#14204a);white-space:nowrap}
@media(max-width:560px){.pxbar-row{grid-template-columns:1fr;gap:5px}.pxbar-bar{height:26px}.pxbar-val{font-size:12px;padding:0 9px}.pxbar-lab{font-size:13px}}
.px-dl{margin:28px 0 8px;padding:18px 20px;background:#f8f9fc;border:1px solid #e7eaf3;border-radius:14px}
.px-dl-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.px-dlbtn{display:inline-flex;align-items:center;gap:8px;background:var(--navy,#14204a);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:10px;text-decoration:none}
.px-dlbtn:hover{background:#0f1838}
.px-dl-note{font-size:13px;color:#6b7394}
.px-cite{margin-top:14px;font-size:14px}
.px-cite summary{cursor:pointer;font-weight:700;color:#4A5FE0}
.px-cite-lab{margin:13px 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8a90ab}
.px-cite-q{margin:0;font-size:14px;color:var(--navy,#14204a);background:#fff;border:1px solid #e7eaf3;border-radius:8px;padding:10px 13px;line-height:1.5}
.px-embed-code{margin:0;font-size:12.5px;background:#0f1838;color:#d7defb;border-radius:8px;padding:12px 14px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Menlo,monospace}
.px-faqwrap{margin-top:8px}

@media(max-width:560px){.mini-cta.brandband.usp-band{padding:42px 22px}.usp-row{flex-direction:column;align-items:center;gap:12px}}

.final.brandband h2{color:var(--navy)}
.final.brandband p{color:#3E4566;opacity:.85}
.final.brandband .mini{color:var(--muted);opacity:1}
.mini-cta.brandband h3{color:var(--navy);font-size:22px}
.mini-cta.brandband p{color:#3E4566;opacity:.85}
.cta-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:210px;background:var(--blue);color:#fff;border-radius:50px;padding:17px 24px;font-family:var(--fb);font-weight:600;font-size:clamp(.9rem,2vw,1rem);box-shadow:0 4px 24px rgba(74,95,224,.28);transition:transform .18s ease,filter .18s ease;text-decoration:none!important}
.cta-pill:hover{transform:scale(1.04);filter:brightness(1.1)}
.cta-pill:active{transform:scale(.96)}
.bb-fade{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.bb-fade.bb-d1{transition-delay:.15s}
.bb-fade.bb-d2{transition-delay:.3s}
.brandband.bb-in .bb-fade{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bb-vid{display:none}.bb-fade{opacity:1;transform:none;transition:none}}

/* ===== FAQ 2.0 - spec 1:1 i lyst tema ===== */
.faq2-wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.faq2-head{display:flex;flex-direction:column;gap:40px;margin-bottom:56px}
.faq2-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--mint-2);border:1px solid var(--line);padding:5px 13px;font-size:12px;font-weight:600;color:#3E4566}
.faq2-pill i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.faq2-head-l{max-width:672px}
.faq2-head h2{font-size:clamp(30px,4vw,36px);font-weight:400;letter-spacing:-.02em;line-height:1.05;color:var(--navy);margin-top:16px}
.faq2-br{display:none}
.faq2-intro{max-width:384px;font-size:15px;color:var(--muted);line-height:1.6}
@media (min-width:640px){.faq2-br{display:block}.faq2-intro{font-size:16px}}
@media (min-width:1024px){.faq2-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.faq2-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:stretch}
@media (min-width:1024px){.faq2-grid{grid-template-columns:280px 1fr;gap:48px}}
.faq2-side{display:flex;flex-direction:column;gap:16px}
.faq2-cats{position:relative;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:4px}
@media (min-width:1024px){.faq2-cats{position:sticky;top:96px}}
.fcat{position:relative;width:100%;text-align:center;padding:12px 20px;font-family:var(--fb);font-size:14px;font-weight:600;border-radius:999px;cursor:pointer;transition:color .15s,background .15s;background:transparent;border:1px solid transparent;color:var(--muted)}
.fcat:hover{color:var(--navy)}
.fcat.active{background:var(--mint);border-color:var(--line);color:var(--navy)}
.faq2-got{position:relative;border-radius:16px;padding:12px}
.faq2-got-in{position:relative;border-radius:16px;border:1px solid var(--line);background:#fff;padding:24px}
.faq2-got-in h3{font-size:18px;font-weight:700;color:var(--navy)}
.faq2-got-in p{margin-top:8px;font-size:14px;color:var(--muted);line-height:1.65}
.faq2-got-in a{margin-top:24px;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--navy)}
.faq2-got-in a:hover{color:var(--blue);text-decoration:none}
.faq2-main{position:relative;border-radius:16px;padding:12px}
.faq2-list{display:flex;flex-direction:column;gap:12px}
.faq2{position:relative;border-radius:16px;border:1px solid var(--line);background:#fff;padding:0 24px;transition:background .2s}
.faq2[data-open="true"]{background:#F5F7FE}
.faq2-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;cursor:pointer;padding:28px 0;font-family:var(--fb);font-weight:500;font-size:15px;color:var(--navy);text-align:left}
@media (min-width:640px){.faq2-q{font-size:16px}}
.faq2-q .qt{flex:1;padding-right:16px}
.chev-btn{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#FAFBFE;color:var(--muted);transition:transform .2s}
.faq2[data-open="true"] .chev-btn{transform:rotate(180deg)}
.faq2-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out}
.faq2[data-open="true"] .faq2-a{grid-template-rows:1fr}
.faq2-a-in{overflow:hidden}
.faq2-a p{margin:0;padding:0 0 28px;font-size:14px;color:var(--muted);line-height:1.65}
.spot-ring{position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;
 background:radial-gradient(var(--spot-size,260px) circle at var(--spot-x,-200px) var(--spot-y,-200px), rgba(74,95,224,var(--spot-i,.4)), rgba(74,95,224,0) 60%);
 -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;
 mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 mask-composite:exclude}
.fadeup{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--fu-delay,0s)}
.fadeup.in{opacity:1;transform:none}
.fu-off .fadeup{opacity:1;transform:none;transition:none}

/* ============ RESPONSIVE HARDENING (mobil/tablet) ============ */
html{-webkit-text-size-adjust:100%}
/* tabeller: swipe i stedet for at sprænge layoutet */
.mg-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:700px){.mg-table{min-width:520px}}
/* hero: kompakt panel og tiles paa mobil */
@media (max-width:560px){
 .hero{padding:44px 0 56px}
 .hero-panel{padding:10px;gap:10px}
 .hp-row{gap:10px}
 .hp-row.big .htile{padding:14px 6px;font-size:12.5px;gap:7px}
 .hp-row.big .htile svg{width:26px;height:26px}
 .hp-row.small .htile{font-size:12.5px}
 .hero .sub{font-size:16px}
}
/* noegletal: 2x2 paa mobil */
@media (max-width:760px){
 .mgstats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:28px 14px!important}
}
/* guides: 3 -> 2 -> 1 i stedet for 3 -> 1 */
@media (max-width:960px){.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.guide-grid{grid-template-columns:1fr}}
/* eksperter: helt ned til 1 kolonne */
@media (max-width:560px){.experts{grid-template-columns:1fr}}
/* luft, brand bands og smaating paa mobil */
@media (max-width:760px){
 .byline{flex-wrap:wrap}
 .page-hero .lead{font-size:16px}
 .seg{flex-wrap:wrap}
 .mini-cta.brandband{padding:38px 20px}
 .final.brandband{padding:46px 20px}
 .why-card{padding:24px 18px}
 .faq2-wrap{padding:0 18px}
}
/* meget smaa skaerme */
@media (max-width:400px){
 .nav .btn{padding:10px 12px;font-size:12.5px}
 .calc-grid{grid-template-columns:1fr 1fr;gap:10px}
 .cta-pill{min-width:0;width:100%}
}
/* sticky CTA-bar: ogsaa paa tablets */
@media (max-width:1080px){.sticky-cta{display:block}}
/* ============ BLOG A: Behind the Lens (spec 1:1, vores tema) ============ */
.blogA{background:#fff}
.blogA-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.blogA-badge{display:inline-block;background:var(--mint-2);border:1px solid var(--line);color:#3E4566;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600}
.blogA-h{font-size:clamp(40px,6vw,64px);font-weight:500;letter-spacing:-2.5px;color:var(--navy);margin-top:14px;line-height:1.02}
.blogA-head{margin-bottom:34px}
.blogA-headbtm{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:16px}
.blogA-sub{max-width:480px;color:var(--muted);font-size:18px;font-weight:500;opacity:.8;line-height:1.55}
.blogA-all{flex:none;background:var(--navy);color:#fff;border-radius:40px;padding:13px 24px;font-size:14px;font-weight:600;transition:transform .2s ease;text-decoration:none!important}
.blogA-all:hover{transform:scale(1.02)}
/* featured */
.blogA-feat{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#FCFCFE;min-height:520px}
.blogA-featbody{padding:60px;display:flex;flex-direction:column}
.blogA-must{align-self:flex-start;background:var(--navy);color:#fff;font-size:12px;font-weight:600;border-radius:20px;padding:6px 14px}
.blogA-feattitle{font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-1.5px;line-height:1.08;color:var(--navy);margin-top:20px}
.blogA-featdesc{color:var(--muted);font-size:17px;line-height:1.6;margin-top:16px}
.blogA-featfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:26px}
.blogA-author{font-size:14px;font-weight:600;color:var(--navy)}
.blogA-cat{display:inline-block;color:#fff;font-size:11px;font-weight:600;border-radius:20px;padding:4px 12px;text-transform:capitalize;white-space:nowrap}
/* grid cards */
.blogA-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}
.blogA-card .bmedia{aspect-ratio:16/10;border-radius:20px}
.blogA-cardrow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px}
.blogA-cardrow h4{font-size:17px;font-weight:600;color:var(--navy);line-height:1.35}
/* media + covers + hover (spec: zoom 1.08, veil, plus-cirkel, hjørne-brackets) */
.bmedia{position:relative;overflow:hidden;cursor:pointer;min-height:100%}
.blogA-feat .bmedia{border-radius:0}
.bcover{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#E9EBF8,#F5F6FA);transition:transform .5s cubic-bezier(.33,1,.68,1)}
.bmedia:hover .bcover{transform:scale(1.08)}
.bc-ic{color:#3E4A9C;position:relative;z-index:1}
.bc-ring{position:absolute;width:72%;max-width:300px;opacity:.7}
.bc-dash{position:absolute;bottom:18%;width:34px;height:6px;border-radius:4px;background:var(--gold)}
.bveil{position:absolute;inset:0;background:rgba(20,24,60,.25);opacity:0;transition:opacity .4s}
.bmedia:hover .bveil{opacity:1}
.bplus{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:30px;font-weight:400;display:grid;place-items:center;opacity:0;transform:scale(.7);transition:transform .3s,opacity .3s;z-index:2}
.bmedia:hover .bplus{opacity:1;transform:scale(1)}
.bcorner{position:absolute;width:12px;height:12px;z-index:2}
.bcorner.tl{top:15px;left:15px;border-top:1.5px solid #fff;border-left:1.5px solid #fff}
.bcorner.tr{top:15px;right:15px;border-top:1.5px solid #fff;border-right:1.5px solid #fff}
.bcorner.bl{bottom:15px;left:15px;border-bottom:1.5px solid #fff;border-left:1.5px solid #fff}
.bcorner.br{bottom:15px;right:15px;border-bottom:1.5px solid #fff;border-right:1.5px solid #fff}
/* responsive (spec: 1024 + 768) */
@media (max-width:1024px){
 .blogA-feat{grid-template-columns:1fr;min-height:0}
 .blogA-feat .bmedia{aspect-ratio:16/10}
 .blogA-featbody{padding:40px}
 .blogA-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
 .blogA-h{font-size:48px}
 .blogA-headbtm{flex-direction:column;align-items:flex-start}
 .blogA-grid{grid-template-columns:1fr}
 .blogA-feattitle{font-size:32px}
}

.bimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* fix: flugt med sitets grid + hvid plate fra version B */
.blogA-wrap{max-width:var(--wrap);padding:0 22px}
.bplate{position:absolute;left:0;bottom:0;z-index:5;background:#fff;padding:9px 14px 10px;max-width:70%;border-top-right-radius:14px}
.bplate h4{font-size:16px;font-weight:600;color:var(--navy);line-height:1.35;margin:0}
.bplate-meta{margin-top:7px}
@media (max-width:768px){.bplate h4{font-size:14.5px}}

/* ===== dropdown-fix: bro over 8px-gabet, blid aabning, header-skygge ===== */
.drop::before{content:'';position:absolute;left:0;right:0;top:-9px;height:10px}
@media (max-width:1080px){.drop::before{display:none}}
.has-drop.open .drop,.has-drop:focus-within .drop{display:block;animation:dropin .16s ease}
@keyframes dropin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
header.scrolled{box-shadow:0 4px 18px rgba(35,42,92,.08)}
@media (prefers-reduced-motion:reduce){.has-drop.open .drop,.has-drop:focus-within .drop{animation:none}}

/* ===== beregnere ===== */
.calcx{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px rgba(35,42,92,.08);padding:38px;max-width:860px}
.calcx h2{margin-top:10px}
.calcx .ydash{margin-top:10px}
.cx-lead{color:var(--muted);margin:12px 0 24px;font-size:15.5px}
.cx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cx-f{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--navy)}
.cx-f input[type="number"]{border:1.5px solid var(--panelline);border-radius:10px;padding:11px 12px;font-family:var(--fb);font-size:15px;color:var(--navy);width:100%}
.cx-f input[type="number"]:focus{outline:none;border-color:var(--blue)}
.cx-f input[type="range"]{accent-color:var(--blue);margin-top:12px}
.cx-f b{color:var(--blue)}
.cx-res{background:var(--hero-bg);border-radius:14px;padding:22px 24px;margin-top:22px}
.cx-main span,.cx-sub span{display:block;font-size:13px;font-weight:700;color:var(--muted)}
.cx-main b{font-size:clamp(26px,3.4vw,36px);font-weight:900;color:var(--navy);font-family:var(--fd)}
.cx-sub{margin-top:12px;padding-top:12px;border-top:1px dashed #C6CDEA}
.cx-sub b{font-size:19px;font-weight:800;color:var(--navy)}
.cx-diff{margin-top:12px;font-size:14px;font-weight:700;color:var(--blue)}
.av-mono{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4A5FE0,#7A87F2);color:#fff;font-weight:800;font-size:11px;letter-spacing:.3px;flex:none;box-shadow:0 2px 8px rgba(74,95,224,.25)}
.av-mono.lg{width:52px;height:52px;font-size:17px}
.av-mono.xl{width:76px;height:76px;font-size:24px}
.exp-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.exp-hcard{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line,#e6e8f5);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:.15s}
.exp-hcard:hover{border-color:#4A5FE0;box-shadow:0 10px 26px rgba(74,95,224,.12);transform:translateY(-2px)}
.eh-txt{display:flex;flex-direction:column;line-height:1.32}
.eh-txt b{color:var(--ink,#232a5c);font-size:15px}
.eh-txt small{color:var(--muted,#5b6180);font-size:12.5px}
.eh-txt em{color:#4A5FE0;font-size:11.5px;font-style:normal;font-weight:600;margin-top:3px}
.exp-head{display:flex;align-items:center;gap:18px;margin:8px 0 6px}
.exp-focus{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}
.exp-focus li{background:var(--hero-bg,#eef0fb);color:#3a44a0;font-size:13px;font-weight:600;padding:7px 13px;border-radius:20px}
.exp-disc{margin-top:18px;color:var(--muted,#5b6180)}
.byline .av-mono{margin-right:9px}
.av-mono.xxl{width:104px;height:104px;font-size:34px;border-radius:26px}
.av-photo{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 2px 8px rgba(74,95,224,.25)}
.av-photo.sm{width:24px;height:24px}
.av-photo.lg{width:52px;height:52px}
.av-photo.xl{width:76px;height:76px}
.av-photo.xxl{width:104px;height:104px;border-radius:26px}
.byline .av-photo{margin-right:9px}
.exp-hcard.big{max-width:520px;padding:22px 24px;gap:18px}
.exp-hcard.big .eh-txt b{font-size:20px}
.exp-hcard.big .eh-txt small{font-size:14px}
.expp-head{display:flex;align-items:center;gap:22px;margin:6px 0 4px}
.expp-head-txt h1{margin:4px 0 2px}
.expp-title{font-size:16px;font-weight:600;color:#4A5FE0;margin:0 0 10px}
.expp-social a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink,#232a5c);text-decoration:none;border:1.5px solid var(--line,#d6dbf5);border-radius:20px;padding:7px 14px}
.expp-social a:hover{border-color:#4A5FE0;color:#4A5FE0}
.expp-block{margin-bottom:30px}
.expp-block h2{font-size:21px}
.expp-quote{margin:0;padding:16px 20px;border-left:4px solid #F7C64B;background:#f6f7fc;border-radius:0 12px 12px 0;font-size:16px;line-height:1.6;color:var(--ink,#232a5c);font-style:italic}
.expp-side{background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:16px;padding:20px}
.expp-side h3{margin:0 0 12px;font-size:15px}
.expp-facts{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.expp-facts li{display:flex;flex-direction:column;font-size:14px;border-top:1px solid var(--line,#eef0fb);padding-top:10px}
.expp-facts li:first-child{border-top:none;padding-top:0}
.expp-facts b{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted,#9aa0bd);font-weight:700;margin-bottom:2px}
.expp-facts a{color:#4A5FE0;text-decoration:none}
.expp-press{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:9px}
.expp-press li{border-top:1px solid var(--line,#eef0fb);padding-top:9px}
.expp-press li:first-child{border-top:none;padding-top:0}
.expp-press a{color:var(--ink,#232a5c);text-decoration:none;font-size:14.5px;line-height:1.4}
.expp-press a:hover{color:#4A5FE0}
.expp-press b{color:#4A5FE0}
@media(min-width:900px){.content-wrap:has(.expp-side){display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}}
@media(max-width:560px){.expp-head{flex-direction:column;text-align:center;gap:14px}.expp-social{justify-content:center;display:flex}}
.blog-toc{background:#f6f7fc;border:1px solid var(--line,#e6e8f5);border-radius:14px;padding:16px 20px;margin:0 0 26px}
.blog-toc-h{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#4A5FE0;margin-bottom:10px}
.blog-toc ol{margin:0;padding-left:20px;display:grid;gap:7px}
.blog-toc li{font-size:14.5px;line-height:1.4}
.blog-toc a{color:var(--ink,#232a5c);text-decoration:none}
.blog-toc a:hover{color:#4A5FE0;text-decoration:underline}
.blog-stat{float:right;width:300px;margin:2px 0 20px 26px;background:#fff;border:1px solid var(--line,#e6e8f5);border-top:3px solid #4A5FE0;border-radius:14px;padding:16px 18px 18px;box-shadow:0 12px 28px rgba(74,95,224,.1)}
.blog-stat-lab{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted,#5b6180)}
.blog-stat b{display:block;font-size:29px;font-weight:800;color:#232a5c;line-height:1.15;margin:3px 0 8px}
.blog-stat .cbadge{margin-bottom:4px}
.blog-stat-chart{margin-top:12px}
.blog-stat-chart svg{width:100%;height:auto}
.blog-stat-link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:13px;font-weight:600;color:#4A5FE0;text-decoration:none}
.blog-stat-link:hover{text-decoration:underline}
.blog-tool{margin-top:38px;clear:both;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.blog-cta-line{clear:both}
@media(max-width:560px){.blog-stat{float:none;width:auto;margin:0 0 22px}}
.cbadge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.2px;vertical-align:middle}
.cbadge.cb-m{background:#e3f6ec;color:#1c7a45}
.cbadge.cb-p{background:#fef3d8;color:#946200}
.cbadge.cb-x{background:#eef0f5;color:#5b6180}
.kortbox{background:#fff;border:1px solid var(--line,#e6e8f5);border-left:4px solid #4A5FE0;border-radius:14px;padding:16px 18px;margin:18px 0 6px;max-width:640px;box-shadow:0 8px 26px rgba(35,42,92,.08)}
.kortbox .kb-h{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.kortbox .kb-tag{font-size:11.5px;font-weight:800;color:#4A5FE0;text-transform:uppercase;letter-spacing:.5px}
.kortbox p{margin:0 0 9px;color:var(--ink,#232a5c);font-weight:600;line-height:1.5}
.kortbox .kb-link{font-size:13.5px;font-weight:700;color:#4A5FE0;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.kortbox .kb-link:hover{text-decoration:underline}
.px-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.px-hcard{display:flex;flex-direction:column;gap:2px;padding:18px;border:1px solid var(--line,#e6e8f5);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:.15s}
.px-hcard:hover{border-color:#4A5FE0;box-shadow:0 10px 26px rgba(74,95,224,.12);transform:translateY(-2px)}
.px-hcard .pxh-top{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--muted,#5b6180)}
.px-hcard b{font-size:25px;color:var(--ink,#232a5c);line-height:1.1;margin-top:5px}
.px-hcard small{color:var(--muted,#5b6180);font-size:12px;margin:2px 0 9px}
.px-stat{display:inline-flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:16px;padding:16px 22px;margin-top:14px;box-shadow:0 8px 26px rgba(35,42,92,.08)}
.px-stat b{font-size:34px;color:#4A5FE0;line-height:1.05}
.px-stat span{color:var(--muted,#5b6180);font-size:13px}
.px-stat .cbadge{align-self:flex-start;margin-bottom:6px}
.px-chart{margin:6px 0 26px}
.px-chart-svg{width:100%}
.pxsvg{width:100%;height:auto;display:block;overflow:visible}
.pxsvg .pxg{stroke:#eceef6;stroke-width:1}
.pxsvg .pxyl{fill:#9aa0bd;font-size:10px;text-anchor:end}
.pxsvg .pxxl{fill:#9aa0bd;font-size:10px;text-anchor:middle}
.px-cap{font-size:12px;color:var(--muted,#5b6180);margin-top:6px;text-align:center}
.px-tstat{font-weight:700;color:#1c7a45;background:#e3f6ec;border-radius:12px;padding:12px 16px;display:inline-flex;align-items:center;gap:8px}
.px-method{background:var(--hero-bg,#eef0fb);border-radius:16px;padding:20px 22px;margin:26px 0}
.px-method h3{margin-top:0}
.px-method h4{margin:16px 0 8px;font-size:14px}
.px-conf{font-size:13px;color:var(--muted,#5b6180)}
.px-src{margin:0;padding-left:18px;font-size:13.5px;line-height:1.7}
.px-src a{color:#4A5FE0}.px-src span{color:var(--muted,#5b6180)}
.px-disc{margin-top:16px;color:var(--muted,#5b6180)}
.vteaser-sec{padding-top:34px}
.vteaser{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;background:linear-gradient(135deg,#f3f5ff,#eef0fb);border:1px solid var(--line,#e6e8f5);border-radius:22px;padding:28px 30px;box-shadow:0 14px 40px rgba(35,42,92,.08)}
.vt-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#4A5FE0;margin-bottom:8px}
.vteaser h2{margin:0 0 8px;font-size:23px}
.vt-left p{margin:0 0 16px;color:var(--muted,#5b6180)}
.vt-input{display:flex;flex-direction:column;gap:6px;max-width:220px;margin-bottom:16px}
.vt-input span{font-size:13px;font-weight:600;color:var(--ink,#232a5c)}
.vt-input input{font-size:20px;font-weight:700;letter-spacing:2px;padding:12px 14px;border:2px solid #d6dbf5;border-radius:12px;background:#fff;color:var(--ink,#232a5c);transition:.15s}
.vt-input input:focus{outline:none;border-color:#4A5FE0;box-shadow:0 0 0 4px rgba(74,95,224,.12)}
.vt-cta[hidden]{display:none}
.vt-cta{margin-top:2px}
.vt-right{background:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 8px 26px rgba(35,42,92,.06);text-align:center}
.vt-place{font-size:13.5px;color:var(--muted,#5b6180);min-height:20px}
.vt-num{font-size:40px;font-weight:800;color:#4A5FE0;line-height:1.1;margin:6px 0 18px}
.vt-num small{font-size:15px;font-weight:600;color:var(--muted,#5b6180)}
.vt-bar{position:relative;height:12px;border-radius:8px;background:linear-gradient(90deg,#22a35a,#f7c64b 55%,#e0564e);margin:0 4px}
.vt-marker{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #232a5c;transform:translate(-50%,-50%) scale(0);transition:left .5s cubic-bezier(.22,1,.36,1),transform .3s;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.vt-marker.on{transform:translate(-50%,-50%) scale(1)}
.vt-scale{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted,#9aa0bd)}
.vt-disc{margin-top:12px;font-size:12px;color:var(--muted,#5b6180)}
@media(max-width:720px){.vteaser{grid-template-columns:1fr;gap:20px}}
.vt-slider-wrap{margin-bottom:16px;max-width:360px}
.vt-slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;color:var(--ink,#232a5c);margin-bottom:8px}
.vt-slider-val{font-size:18px;font-weight:800;color:#4A5FE0}
input[type=range].vt-range{width:100%;accent-color:#4A5FE0;height:6px;cursor:pointer}
.vt-tgroup{margin-bottom:12px}
.vt-tlabel{display:block;font-size:12px;font-weight:700;color:var(--ink,#232a5c);margin-bottom:7px}
.vt-toggle{display:flex;gap:8px;flex-wrap:wrap;max-width:360px}
.vt-toggle button{flex:1;min-width:96px;padding:10px 12px;border:2px solid #d6dbf5;border-radius:12px;background:#fff;font-weight:700;font-size:14px;color:var(--muted,#5b6180);cursor:pointer;transition:.15s}
.vt-toggle button[aria-pressed="true"]{border-color:#4A5FE0;background:#eef0fb;color:#4A5FE0}
.vt-toggle button:disabled{opacity:.4;cursor:not-allowed}
.vt-subline{font-size:13px;color:var(--muted,#5b6180);margin-top:6px}
.dkmap-sec{padding-top:38px}
.dkmap-head{max-width:640px;margin-bottom:16px}
.dkmap-head h2{margin:6px 0 6px}
.dkmap-wrap{position:relative;max-width:600px;margin:0 auto}
.dkmap{width:100%;height:auto;display:block;overflow:visible}
.dkmap .dkr{stroke:#fff;stroke-width:1;cursor:pointer;transition:opacity .12s}
.dkmap .dkr:hover,.dkmap .dkr:focus{opacity:.82;outline:none;stroke:#232a5c;stroke-width:1.6}
.dkmap-tip{position:absolute;transform:translate(-50%,-135%);background:#232a5c;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:5}
.dkmap-tip[hidden]{display:none}
.dkmap-tip .tn{display:block;font-weight:700}
.dkmap-tip .tp{font-size:12px;opacity:.85}
.dkmap-legend{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:16px;font-size:12px;color:var(--muted,#5b6180)}
.dkmap-legend .lg-bar{width:170px;height:10px;border-radius:6px;background:linear-gradient(90deg,#22a35a,#f7c64b,#e0564e)}
.dkmap-disc{margin-top:14px;font-size:12.5px;color:var(--muted,#5b6180);text-align:center}
.dkmap-disc a{color:#4A5FE0}
.nmap-sec{padding-top:38px}
.nmap-head{max-width:660px;margin-bottom:6px}
.nmap-head h2{margin:6px 0 6px}
.nmap-toggle{display:inline-flex;gap:6px;background:#eef0fb;padding:4px;border-radius:12px;margin-top:12px}
.nmap-toggle button{border:none;background:none;padding:8px 16px;border-radius:9px;font-weight:700;font-size:14px;color:var(--muted,#5b6180);cursor:pointer;transition:.15s}
.nmap-toggle button[aria-pressed="true"]{background:#fff;color:#4A5FE0;box-shadow:0 2px 8px rgba(35,42,92,.1)}
.nmap-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:start;margin-top:18px}
.nmap-wrap{position:relative}
.nmap-svg{width:100%;height:auto;display:block;overflow:visible}
.nmap-svg .nreg{fill:#e3e6fa;stroke:#fff;stroke-width:1.4;transition:fill .3s,filter .15s}
.nmap-svg .nreg.on{filter:brightness(.94)}
.npin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;z-index:2}
.npin-name{font-size:11px;font-weight:600;color:#3a4470;white-space:nowrap;margin-bottom:2px;text-shadow:0 1px 2px rgba(255,255,255,.85)}
.npin-val{background:#232a5c;color:#fff;font-weight:800;font-size:12.5px;padding:5px 11px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 12px rgba(35,42,92,.28);transition:transform .15s;cursor:default}
.npin.on .npin-val{transform:scale(1.08)}
.npin-dot{width:7px;height:7px;border-radius:50%;background:#232a5c;margin-top:3px;box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.ntop{background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:18px;padding:18px 20px;box-shadow:0 8px 26px rgba(35,42,92,.06)}
.ntop-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--muted,#5b6180);margin-bottom:12px}
.ntop-list{list-style:none;margin:0;padding:0}
.ntop-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f9}
.ntop-list li:last-child{border-bottom:none}
.ntop-list .rk{width:24px;height:24px;flex:none;border-radius:50%;background:#eef0fb;color:#4A5FE0;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.ntop-list .nm{flex:1;font-weight:600;color:var(--ink,#232a5c);font-size:14px}
.ntop-list .pr{font-weight:800;color:var(--ink,#232a5c);font-size:14px;white-space:nowrap}
.ntop-list .pr small{font-weight:600;color:var(--muted,#9aa0bd);font-size:11px}
.nmap-disc{margin-top:16px;font-size:12.5px;color:var(--muted,#5b6180)}
.nmap-disc a{color:#4A5FE0}
.faqsolo{align-items:flex-start}
.faqsolo .faq2-side{max-width:340px}
.mg-cmp-cb{width:16px;height:16px;margin-right:10px;accent-color:#4A5FE0;cursor:pointer;flex:none;vertical-align:middle}
.cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:flex;justify-content:center;padding:0 16px 16px;pointer-events:none}
.cmp-bar[hidden]{display:none}
.cmp-bar-in{pointer-events:auto;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:16px;box-shadow:0 12px 40px rgba(35,42,92,.18);padding:12px 16px;max-width:820px;width:100%}
.cmp-count{font-weight:800;color:var(--ink,#232a5c);font-size:14px;white-space:nowrap}
.cmp-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.cmp-chip{display:inline-flex;align-items:center;gap:4px;background:#eef0fb;color:#3a44a0;font-size:12.5px;font-weight:600;padding:5px 6px 5px 11px;border-radius:20px}
.cmp-chip button{border:none;background:none;color:#8a90ac;cursor:pointer;font-size:15px;line-height:1;padding:0 2px}
.cmp-open{white-space:nowrap}
.cmp-open:disabled{opacity:.5;cursor:not-allowed}
.cmp-clear{border:none;background:none;color:var(--muted,#5b6180);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}
.cmp-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:20px}
.cmp-modal[hidden]{display:none}
.cmp-modal-bg{position:absolute;inset:0;background:rgba(35,42,92,.45)}
.cmp-modal-box{position:relative;background:#fff;border-radius:22px;padding:26px;max-width:760px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.cmp-h{margin:0 0 4px;font-size:18px}
.cmp-x{position:absolute;top:12px;right:16px;border:none;background:none;font-size:26px;line-height:1;color:var(--muted,#5b6180);cursor:pointer}
.cmp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;margin-top:12px}
.cmp-col{border:1px solid var(--line,#e6e8f5);border-radius:16px;padding:16px;display:flex;flex-direction:column}
.cmp-logo{display:flex;align-items:center;gap:8px;min-height:30px;margin-bottom:10px}
.cmp-logo img{height:20px;max-width:92px;object-fit:contain}
.cmp-logo b{font-size:15px;color:var(--ink,#232a5c)}
.cmp-row{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-top:1px solid #f0f2f9}
.cmp-row span{font-size:11px;color:var(--muted,#9aa0bd);text-transform:uppercase;letter-spacing:.3px}
.cmp-row b{font-size:14px;color:var(--ink,#232a5c)}
.cmp-col .btn{margin-top:14px;text-align:center}
.bsec{margin-bottom:38px}
.bsec-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.bsec-h h2{margin:0}
.bsec-h a{color:#4A5FE0;font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:.15s}
.bcard:hover{border-color:#4A5FE0;box-shadow:0 12px 28px rgba(74,95,224,.12);transform:translateY(-3px)}
.bcard-img{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#e9ebf8,#d6dbf5)}
.bcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.bcard-tag{position:absolute;left:12px;bottom:12px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#fff;background:rgba(35,42,92,.82);padding:5px 10px;border-radius:20px}
.bcard-body{display:flex;flex-direction:column;flex:1;padding:15px 17px 17px}
.bcard h3{margin:0 0 8px;font-size:16.5px;line-height:1.3;color:var(--ink,#232a5c)}
.bcard p{margin:0 0 14px;font-size:13.5px;color:var(--muted,#5b6180);line-height:1.5;flex:1}
.bcard-more{font-size:13px;font-weight:600;color:#4A5FE0;display:inline-flex;align-items:center;gap:5px}
.bcard-by{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted,#5b6180);margin-top:auto}
.av-mono.sm{width:24px;height:24px;font-size:9px;flex:none}
.bfeat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.bfeat-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--line,#e6e8f5);background:#fff;transition:.15s}
.bfeat-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(74,95,224,.16);border-color:#4A5FE0}
.blogA-link{text-decoration:none;color:inherit;cursor:pointer}
a.blogA-card{display:block}
.blogA-link:hover .blogA-feattitle,.blogA-link:hover h4{color:#4A5FE0}
.coinwrap{position:relative}
.pagecoins{position:absolute;top:0;left:0;right:0;height:900px;z-index:0;pointer-events:none;overflow:hidden}
.pagecoins-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pagecoins-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,248,252,.78) 0%,rgba(247,248,252,.78) 52%,rgba(247,248,252,1) 100%)}
.coinpage{position:relative;z-index:1}
.coinwrap .page-hero{background:transparent}
.coinwrap .page-hero .hero-bgvid,.coinwrap .page-hero .hero-scrim{display:none}
@media(max-width:560px){.pagecoins{height:300px}.pagecoins-scrim{background:linear-gradient(180deg,rgba(247,248,252,.42) 0%,rgba(247,248,252,.52) 62%,rgba(247,248,252,1) 100%)}}
@media(max-width:560px){.hero .hero-bgvid,.page-hero .hero-bgvid{height:380px;bottom:auto;object-position:center 32%;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent);mask-image:linear-gradient(180deg,#000 58%,transparent)}}
.bfeat-img{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#e9ebf8,#c9d0f2)}
.bfeat-img img{width:100%;height:100%;object-fit:cover;display:block}
.bfeat-badge{position:absolute;left:14px;top:14px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#232a5c;background:#F7C64B;padding:5px 12px;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.bfeat-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.bfeat-body .bcard-tag.alt{position:static;color:#4A5FE0;background:none;padding:0;margin-bottom:4px}
.bfeat-body h3{margin:0 0 6px;font-size:19px;line-height:1.28;color:var(--ink,#232a5c)}
.bfeat-body p{margin:0 0 14px;font-size:14px;color:var(--muted,#5b6180);line-height:1.5;flex:1}
.blogfeat{margin:6px 0 2px}
.blogfeat img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 12px 30px rgba(35,42,92,.1)}
.blogfeat figcaption{font-size:11.5px;color:var(--muted,#9aa0bd);padding:8px 4px 0;text-align:right}
@media(max-width:900px){.bfeat{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.bfeat{grid-template-columns:1fr}}
.bsearch{max-width:440px;margin-top:20px}
.bsearch input{width:100%;font-size:15px;padding:13px 16px;border:2px solid var(--line,#d6dbf5);border-radius:12px;background:#fff;color:var(--ink,#232a5c);font-family:inherit}
.bsearch input:focus{outline:none;border-color:#4A5FE0;box-shadow:0 0 0 4px rgba(74,95,224,.12)}
.bfilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.bchip{border:1.5px solid var(--line,#d6dbf5);background:#fff;border-radius:22px;padding:8px 15px;font-weight:600;font-size:13.5px;color:var(--muted,#5b6180);cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:7px;font-family:inherit}
.bchip span{font-weight:700;font-size:11px;opacity:.65}
.bchip:hover{border-color:#4A5FE0;color:#4A5FE0}
.bchip.active{background:#4A5FE0;border-color:#4A5FE0;color:#fff}
.bchip.active span{opacity:.8}
.bempty{text-align:center;color:var(--muted,#5b6180);padding:48px 0;font-size:15px}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.hub-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
.hub-card:hover{border-color:var(--blue);box-shadow:0 12px 28px rgba(74,95,224,.12);transform:translateY(-3px)}
.hub-card .hic{flex:none;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--hero-bg);color:var(--blue)}
.hub-card b{display:block;font-size:17px;color:var(--navy);margin-bottom:2px}
.hub-card small{color:var(--muted);font-size:13px}
.blogbody{max-width:720px;min-width:0}
.blogbody h2{margin-top:28px;font-size:21px}
.blog-cta-line{margin-top:30px}
.blog-aside{margin-top:20px}
@media(min-width:900px){.content-wrap:has(.blogbody){display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;align-items:start}.blog-aside{margin-top:0}}
@media(max-width:560px){.cmp-chips{display:none}.cmp-cols{grid-template-columns:1fr}}
@media(max-width:760px){.nmap-grid{grid-template-columns:1fr;gap:18px}.npin-name{display:none}.npin-val{font-size:11px;padding:4px 8px}}
.quiz-sec{padding-top:34px}
.quizbox{background:#fff;border:1px solid var(--line,#e6e8f5);border-radius:22px;padding:30px 32px;max-width:720px;margin:0 auto;box-shadow:0 14px 40px rgba(35,42,92,.08)}
.quizbox h2{margin:8px 0 8px}
.quiz-intro p{color:var(--muted,#5b6180);margin-bottom:18px}
.quiz-prog{height:6px;background:#eef0fb;border-radius:4px;overflow:hidden;margin-bottom:22px}
.quiz-prog-bar{display:block;height:100%;width:0;background:#4A5FE0;border-radius:4px;transition:width .3s}
.quiz-qnum{font-size:12px;font-weight:700;color:#4A5FE0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.quiz-step h3{margin:0 0 18px;font-size:20px}
.quiz-answers{display:flex;flex-direction:column;gap:10px}
.quiz-ans{text-align:left;padding:15px 18px;border:2px solid #d6dbf5;border-radius:14px;background:#fff;font-weight:600;font-size:15px;color:var(--ink,#232a5c);cursor:pointer;transition:.15s}
.quiz-ans:hover{border-color:#4A5FE0;background:#f3f5ff;transform:translateX(3px)}
.quiz-back{margin-top:16px;background:none;border:none;color:var(--muted,#5b6180);font-weight:600;cursor:pointer;font-size:14px}
.quiz-rec h3{font-size:26px;margin:6px 0 10px;color:#4A5FE0}
.quiz-rec>p{color:var(--ink,#232a5c);line-height:1.6;margin-bottom:16px}
.quiz-tips{background:var(--hero-bg,#eef0fb);border-radius:14px;padding:16px 18px;margin-bottom:18px}
.quiz-tips ul{margin:8px 0 0;padding-left:20px;line-height:1.7}
.quiz-restart{display:block;margin-top:14px;background:none;border:none;color:var(--muted,#5b6180);font-weight:600;cursor:pointer;font-size:13px;text-decoration:underline}
.quiz-disc{margin-top:14px;font-size:12px;color:var(--muted,#5b6180)}
.cx-chart{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#e6e8f5)}
.cx-chart-cap{font-size:12.5px;line-height:1.45;color:var(--muted,#5b6180);margin:0 0 10px}
.cx-chart-cap b{color:var(--ink,#232a5c);font-weight:700}
.cx-chart-svg{width:100%}
.cxsvg{width:100%;height:auto;display:block;overflow:visible}
.cxsvg .cxg{stroke:#e9ebf5;stroke-width:1}
.cxsvg .cxyl{fill:#9aa0bd;font-size:10px;text-anchor:end}
.cxsvg .cxxl{fill:#9aa0bd;font-size:10px;text-anchor:middle}
.cx-chart-leg{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--muted,#5b6180)}
.cx-chart-leg .lg{display:inline-flex;align-items:center;gap:7px}
.cx-chart-leg .lg i{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none}
.cx-chart-leg .lg i.dash{width:14px;height:0;border-radius:0;border-top:2px dashed #232A5C;background:none!important}
.cx-note{margin-top:16px;font-size:12.5px;color:var(--muted)}
@media (max-width:860px){.cx-grid{grid-template-columns:1fr 1fr}.calcx{padding:26px 20px}}
@media (max-width:560px){.cx-grid{grid-template-columns:1fr}}

/* ===== guide-moduler: trin, faktorer, fordele/ulemper, ordbog ===== */
.steps-x{list-style:none;display:grid;gap:12px;margin:18px 0 8px}
.steps-x li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14.5px;color:#3E4566;line-height:1.55}
.stnum{flex:none;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:13.5px;display:grid;place-items:center}
.factlist{display:grid;gap:8px;margin-top:16px}
.factrow{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:14px;font-weight:600;color:var(--navy)}
.factdots{display:flex;gap:5px;flex:none}
.factdots i{width:10px;height:10px;border-radius:50%;background:#E3E7F6}
.factdots i.on{background:var(--blue)}
.factnote{font-size:12.5px;color:var(--muted);margin-top:8px}
.procon{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.pc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 14px}
.pc-pro{border-top:3px solid var(--blue)}
.pc-con{border-top:3px solid var(--gold)}
.pc h4{font-size:14px;margin-bottom:10px;color:var(--navy)}
.pc ul{list-style:none;display:grid;gap:9px}
.pc li{display:flex;gap:9px;font-size:13.5px;color:#3E4566;line-height:1.5}
.pc-pro li svg{color:var(--blue);flex:none;margin-top:3px}
.pc-con li b{color:#C98A12;flex:none;font-weight:900}
@media (max-width:640px){.procon{grid-template-columns:1fr}}
.glos{display:grid;gap:10px;margin-top:16px}
.glosrow{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;padding:12px 16px}
.glosrow dt{font-weight:800;font-size:14px;color:var(--navy)}
.glosrow dd{font-size:13.5px;color:var(--muted);margin-top:3px;line-height:1.55}

/* ===== perfection pass ===== */
.skip-link{position:fixed;left:-9999px;top:0;z-index:300;background:var(--navy);color:#fff;padding:12px 20px;border-radius:0 0 12px 0;font-family:var(--fb);font-weight:700;text-decoration:none}
.skip-link:focus{left:0}
#cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(35,42,92,.14);padding:16px 20px calc(16px + env(safe-area-inset-bottom))}
#cookie-banner .cb-in{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#cookie-banner p{flex:1;min-width:240px;font-size:13.5px;color:#3E4566;margin:0;line-height:1.55}
#cookie-banner p a{color:var(--blue);font-weight:700;text-decoration:underline}
#cookie-banner .cb-btns{display:flex;gap:10px;flex-wrap:wrap}
#cookie-banner button{font-family:var(--fb);font-weight:700;font-size:13.5px;border-radius:9px;padding:11px 18px;cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--navy)}
#cookie-banner button.cb-accept{background:var(--blue);border-color:var(--blue);color:#fff}
#cookie-banner[hidden]{display:none}
@media (max-width:600px){#cookie-banner .cb-in{flex-direction:column;align-items:stretch}#cookie-banner .cb-btns{width:100%}#cookie-banner .cb-btns button{flex:1}}
.legal{max-width:820px;margin:0 auto;padding:6px 0 10px}
.legal h2{font-size:22px;margin:30px 0 10px;color:var(--navy)}
.legal h3{font-size:17px;margin:20px 0 8px;color:var(--navy)}
.legal p,.legal li{color:#3E4566;font-size:15.5px;line-height:1.7}
.legal ul{margin:0 0 14px 20px;display:grid;gap:6px}
.legal a{color:var(--blue);font-weight:600}
.legal .updated{color:var(--muted);font-size:13px;margin-top:2px}
.legal .ph{background:#FFF6E5;border:1px dashed var(--gold-deep);border-radius:6px;padding:0 6px;font-weight:700;color:#8a6d1f;font-size:.95em}


/* ===== bigger, more impactful per-page CTA band (.mini-cta) ===== */
.mini-cta{padding:76px 48px;max-width:none;margin-top:52px}
.mini-cta.brandband h3{font-size:clamp(32px,4.4vw,50px);margin-bottom:18px;letter-spacing:-.025em;line-height:1.08}
.mini-cta.brandband p{font-size:clamp(17px,2vw,22px);max-width:60ch;margin:0 auto 36px;line-height:1.55}
.mini-cta .cta-pill{padding:22px 48px;font-size:clamp(1.1rem,2vw,1.25rem)}
@media (max-width:760px){.mini-cta{padding:52px 24px}.mini-cta.brandband{padding:52px 24px}.mini-cta .cta-pill{padding:18px 34px}}

/* ===== CTA - coin animation with text directly on top (no glass card) ===== */
.brandband .bb-vid{opacity:1;mix-blend-mode:normal}
.brandband .bb-scrim{background:linear-gradient(180deg,rgba(233,235,248,.6),rgba(233,235,248,.44))}

/* ===== pillar guide (SEO long-form) ===== */
.guide{margin-top:6px}
.guide h2{margin-top:34px}
.guide h3{margin-top:22px;font-size:18px;color:var(--navy)}
.guide p{margin:10px 0}
.guide ul,.guide ol{margin:12px 0 12px 22px}
.guide li{margin:6px 0}
.guide-tbl{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.guide-tbl th{background:#F5F8FC;color:var(--navy);text-align:left;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--line)}
.guide-tbl td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.guide-tbl tbody tr:last-child td{border-bottom:none}
.guide-tbl tbody tr:nth-child(even){background:#FAFCFE}
@media(max-width:640px){.mg-tablewrap,.guide-tbl{display:block;overflow-x:auto}.guide-tbl{font-size:13px}.guide-tbl th,.guide-tbl td{padding:10px 12px}}
.tool-sec{padding-top:8px}
.speedtool{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px rgba(35,42,92,.08);padding:36px;text-align:center;max-width:620px;margin:0 auto}
.st-gauge{margin-bottom:18px}
.st-num b{font-size:clamp(46px,9vw,72px);font-weight:900;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums}
.st-num small{font-size:20px;color:var(--muted);font-weight:700;margin-left:6px}
.st-lbl{color:var(--muted);font-weight:700;margin-top:6px}
.speedtool .btn{margin:6px auto}
.st-detail{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.st-detail div{background:var(--bg-soft);border-radius:12px;padding:12px 18px;min-width:112px}
.st-detail span{display:block;font-size:12px;color:var(--muted);font-weight:700}
.st-detail b{font-size:16px;color:var(--navy);font-weight:800}
.st-note{font-size:13px;color:var(--muted);margin-top:20px;max-width:52ch;margin-left:auto;margin-right:auto}
.covtool{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px rgba(35,42,92,.08);padding:34px;max-width:680px;margin:0 auto}
.covtool h3{margin-bottom:6px}
.cov-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cov-form input{flex:1;min-width:150px;border:1.5px solid var(--panelline);border-radius:10px;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--navy)}
.cov-form input:focus{outline:none;border-color:var(--blue)}
.cov-form input[data-cov="zip"]{max-width:120px;flex:0 0 auto}
.cov-result{margin-top:20px}
.cov-loading{color:var(--muted);font-weight:700}
.cov-found b{font-size:17px;color:var(--navy);display:block;margin-bottom:8px}
.cov-found .btn{margin-top:14px}
.cov-mini{font-size:12.5px;color:var(--muted);margin-top:8px}
.cov-err{color:#C2452D;font-weight:700}
@media(max-width:560px){.speedtool,.covtool{padding:24px 18px}}
.cov-form{position:relative}
.cov-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(35,42,92,.16);overflow:hidden;max-height:300px;overflow-y:auto}
.cov-sug{display:block;width:100%;text-align:left;padding:11px 16px;border:none;border-bottom:1px solid var(--line);background:#fff;cursor:pointer;font-size:14.5px;color:var(--navy);font-family:inherit}
.cov-sug:hover{background:var(--bg-soft)}
.cov-sug:last-child{border-bottom:none}
.ilink{color:var(--blue);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.ilink:hover{color:var(--blue-deep)}