:root{
 --b7:#1B5A8A;--b6:#2069A0;--b5:#2878B5;--b4:#4A94C9;--b3:#7BB3DA;
 --acc:#E66B3D;--acc2:#F58A5A;--acc3:#F5B98F;
 --bg:#060E18;--bg2:#0A1628;--bg3:#081120;--card:#101F33;--card-h:#142842;
 --bdr:rgba(27,90,138,.12);--bdr2:rgba(27,90,138,.22);--bdr3:rgba(27,90,138,.36);
 --w:#FFF;--t1:#E4EAF0;--t2:#8FA4BC;--t3:#5A7190;
 --fd:'Fraunces',Georgia,serif;--fb:'DM Sans',system-ui,sans-serif;
 --mx:1240px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--fb);background:var(--bg);color:var(--t1);line-height:1.7;overflow-x:hidden}
.c{max-width:var(--mx);margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.cn{max-width:880px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* NAV */
header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(6,14,24,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr)}
nav{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:var(--mx);margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.nl{display:flex;align-items:center;gap:12px}
.nl-mark{width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,var(--b7),var(--acc));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.nl-mark::after{content:'';position:absolute;inset:2px;border-radius:7px;background:var(--bg)}
.nl-mark svg{width:22px;height:22px;position:relative;z-index:1;stroke:var(--b3);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nl-tx{line-height:1.05}
.nl-tx span{display:block;font-size:14px;color:#9BA8B4;font-weight:300;letter-spacing:.4px}
.nl-tx strong{display:block;font-size:14px;color:var(--b4);font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.nm{display:flex;align-items:center;gap:20px;list-style:none}
.nm a{color:var(--t2);font-size:12.5px;font-weight:500;transition:.25s}
.nm a:hover{color:var(--w)}
.nm a.active{color:var(--b4)}
.nb{background:var(--b7)!important;color:var(--w)!important;padding:8px 18px!important;border-radius:7px!important;font-weight:600!important;font-size:12.5px!important}
.nb:hover{background:var(--b6)!important}
.bur{display:none;background:none;border:none;cursor:pointer;padding:8px}
.bur span{display:block;width:20px;height:2px;background:var(--t1);margin:4px 0}
@media(max-width:1000px){.nm{display:none}.bur{display:block}.nm.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--bdr);padding:20px;gap:14px}}

/* WISSEN MEGA MENU */
.wm{position:relative}
.wm-trg{cursor:pointer}
.wm-pnl{position:absolute;top:calc(100% + 18px);right:-20px;background:var(--card);border:1px solid var(--bdr2);border-radius:14px;padding:24px;width:680px;display:none;grid-template-columns:1fr 1fr;gap:6px 28px;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.wm:hover .wm-pnl{display:grid}
.wm-pnl::before{content:'';position:absolute;top:-6px;right:90px;width:12px;height:12px;background:var(--card);border-left:1px solid var(--bdr2);border-top:1px solid var(--bdr2);transform:rotate(45deg)}
.wm-pnl a{display:block;padding:9px 11px;font-size:12.5px;color:var(--t2);border-radius:6px;transition:.2s;line-height:1.3}
.wm-pnl a:hover{background:rgba(27,90,138,.1);color:var(--w)}
.wm-pnl a small{display:block;color:var(--t3);font-size:10.5px;margin-top:2px}
.wm-pnl .wm-h{grid-column:1/-1;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--acc2);font-weight:700;padding:8px 11px 4px}
@media(max-width:1100px){.wm-pnl{display:none!important}}

/* TOPIC HERO */
.t-hero{padding:140px 0 60px;border-bottom:1px solid var(--bdr);background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);position:relative;overflow:hidden}
.t-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 70% 40%,rgba(230,107,61,.06),transparent 65%),radial-gradient(ellipse 40% 50% at 20% 70%,rgba(27,90,138,.10),transparent 70%);z-index:0}
.t-hero .c{position:relative;z-index:1}
.crumb{font-size:11.5px;color:var(--t3);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.crumb a{color:var(--b4);transition:.2s}
.crumb a:hover{color:var(--w)}
.crumb-sep{color:var(--t3)}
.t-no{font-size:10.5px;text-transform:uppercase;letter-spacing:3px;color:var(--acc2);font-weight:600;margin-bottom:14px}
.t-h1{font-family:var(--fd);font-size:clamp(32px,4.4vw,52px);font-weight:400;line-height:1.08;color:var(--w);margin-bottom:22px;letter-spacing:-.4px;max-width:920px}
.t-h1 em{font-style:italic;color:var(--b4)}
.t-h1 .acc{font-style:italic;color:var(--acc2)}
.t-lead{font-size:17px;color:var(--t2);max-width:760px;line-height:1.7;margin-bottom:26px}
.t-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--t3);margin-top:20px;padding-top:20px;border-top:1px solid var(--bdr)}
.t-meta strong{color:var(--t1);font-weight:500}

/* CONTENT — long form */
.t-body{padding:60px 0 80px}
.t-body h2{font-family:var(--fd);font-size:clamp(22px,2.6vw,32px);font-weight:400;color:var(--w);margin:48px 0 16px;letter-spacing:-.3px;line-height:1.2}
.t-body h2:first-child{margin-top:0}
.t-body h2 em{font-style:italic;color:var(--b4)}
.t-body h3{font-family:var(--fb);font-size:18px;color:var(--w);font-weight:600;margin:32px 0 10px;letter-spacing:-.1px}
.t-body p{font-size:15.5px;color:var(--t1);line-height:1.78;margin-bottom:16px;max-width:780px}
.t-body p strong{color:var(--w);font-weight:600}
.t-body p em{color:var(--b3);font-style:normal;font-weight:500}
.t-body ul,.t-body ol{margin:0 0 18px 0;padding-left:22px;max-width:780px}
.t-body li{font-size:15px;color:var(--t1);line-height:1.7;margin-bottom:7px}
.t-body li strong{color:var(--w);font-weight:600}
.t-body blockquote{border-left:3px solid var(--acc);padding:14px 22px;margin:28px 0;background:rgba(230,107,61,.04);border-radius:0 8px 8px 0;font-family:var(--fd);font-style:italic;font-size:17px;color:var(--w);line-height:1.55;max-width:780px}
.t-body a{color:var(--b4);border-bottom:1px solid rgba(74,148,201,.3);transition:.2s}
.t-body a:hover{color:var(--w);border-color:var(--w)}

/* INFO BOXES */
.tb-box{background:var(--card);border:1px solid var(--bdr2);border-radius:14px;padding:24px 26px;margin:28px 0;max-width:820px}
.tb-box.warn{border-color:rgba(230,107,61,.35);background:linear-gradient(135deg,rgba(230,107,61,.04),rgba(27,90,138,.02))}
.tb-box.tip{border-color:rgba(74,148,201,.3)}
.tb-box-l{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc2);margin-bottom:8px}
.tb-box.tip .tb-box-l{color:var(--b4)}
.tb-box h4{font-family:var(--fd);font-size:19px;font-weight:500;color:var(--w);margin-bottom:8px;line-height:1.3}
.tb-box p{font-size:14.5px;color:var(--t1);line-height:1.7;margin-bottom:10px}
.tb-box p:last-child{margin-bottom:0}

/* FACT TABLE */
.tb-fact{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0;max-width:820px}
@media(max-width:600px){.tb-fact{grid-template-columns:1fr}}
.tbf{background:var(--card);border:1px solid var(--bdr);border-radius:10px;padding:18px}
.tbf-l{font-size:10.5px;text-transform:uppercase;letter-spacing:1.6px;color:var(--t3);font-weight:600;margin-bottom:6px}
.tbf p{font-size:13.5px;color:var(--t1);line-height:1.55;margin:0}

/* CHECKLIST */
.tb-chk{background:var(--card);border:1px solid var(--bdr);border-radius:14px;padding:24px 28px;margin:24px 0;max-width:820px}
.tb-chk h4{font-family:var(--fd);font-size:18px;color:var(--w);font-weight:500;margin-bottom:14px}
.tb-chk ul{list-style:none;padding:0;margin:0}
.tb-chk li{padding:8px 0 8px 26px;position:relative;font-size:14px;color:var(--t1);border-bottom:1px solid var(--bdr);line-height:1.55}
.tb-chk li:last-child{border-bottom:none}
.tb-chk li::before{content:'';position:absolute;left:0;top:14px;width:14px;height:14px;border:1.5px solid var(--b4);border-radius:3px}
.tb-chk li::after{content:'✓';position:absolute;left:2px;top:7px;color:var(--b4);font-size:13px;font-weight:700}

/* RELATED */
.t-rel{padding:60px 0 80px;background:var(--bg2);border-top:1px solid var(--bdr)}
.t-rel-h{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--acc2);font-weight:700;margin-bottom:14px}
.t-rel h2{font-family:var(--fd);font-size:clamp(22px,2.6vw,30px);color:var(--w);font-weight:400;margin-bottom:32px;letter-spacing:-.3px}
.rel-g{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
@media(max-width:900px){.rel-g{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rel-g{grid-template-columns:1fr}}
.rel{display:block;background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:22px 20px;transition:.3s}
.rel:hover{border-color:var(--bdr2);background:var(--card-h);transform:translateY(-2px)}
.rel-n{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--b4);font-weight:600;margin-bottom:8px}
.rel h3{font-family:var(--fd);font-size:17px;color:var(--w);font-weight:500;line-height:1.25;margin-bottom:6px;letter-spacing:-.1px}
.rel p{font-size:12.5px;color:var(--t2);line-height:1.6}

/* CTA strip */
.t-cta{padding:40px 0;background:linear-gradient(135deg,rgba(230,107,61,.06),rgba(27,90,138,.04));border-top:1px solid var(--bdr2);border-bottom:1px solid var(--bdr2)}
.t-cta-row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.t-cta-row h3{font-family:var(--fd);font-size:clamp(20px,2.4vw,26px);color:var(--w);font-weight:400;letter-spacing:-.2px;line-height:1.3;max-width:560px}
.t-cta-row h3 em{font-style:italic;color:var(--acc2)}
.t-cta-btn{display:flex;gap:10px;flex-wrap:wrap}
.bp{display:inline-flex;align-items:center;background:var(--b7);color:var(--w);font-family:var(--fb);font-size:14px;font-weight:600;padding:13px 24px;border:none;border-radius:9px;cursor:pointer;transition:.3s}
.bp:hover{background:var(--b6);transform:translateY(-2px)}
.bs{display:inline-flex;align-items:center;color:var(--t1);font-family:var(--fb);font-size:14px;font-weight:500;padding:13px 24px;border:1px solid var(--bdr2);border-radius:9px;transition:.3s}
.bs:hover{border-color:var(--b5);background:rgba(27,90,138,.04)}

/* TOC */
.toc{background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:22px 24px;margin:0 0 36px;max-width:820px}
.toc-h{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--t3);font-weight:600;margin-bottom:12px}
.toc ol{list-style:none;padding:0;margin:0;counter-reset:t}
.toc li{counter-increment:t;padding:5px 0;font-size:13.5px}
.toc li::before{content:counter(t,decimal-leading-zero) ' · ';color:var(--acc2);font-family:var(--fd);font-weight:500;margin-right:6px}
.toc a{color:var(--t1);transition:.2s;border:none}
.toc a:hover{color:var(--b4)}

/* FOOTER */
footer{border-top:1px solid var(--bdr);padding:40px 0 24px;background:var(--bg)}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:28px;margin-bottom:36px}
.ft h5{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--t2);font-weight:600;margin-bottom:12px}
.ft ul{list-style:none}.ft li{margin-bottom:7px}
.ft a{color:var(--t3);font-size:12px;transition:.2s}.ft a:hover{color:var(--t1)}
.ft-d{font-size:12px;color:var(--t3);line-height:1.6;max-width:280px;margin-top:8px}
.fb{border-top:1px solid var(--bdr);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.fb p{font-size:11px;color:var(--t3)}
.fb-l{display:flex;gap:18px}.fb-l a{font-size:11px;color:var(--t3);transition:.2s}.fb-l a:hover{color:var(--t2)}
@media(max-width:900px){.ft{grid-template-columns:1fr 1fr;gap:24px}}

/* SECTION TYPOGRAPHY */
.sl{font-size:10.5px;text-transform:uppercase;letter-spacing:3px;color:var(--b4);font-weight:600;margin-bottom:12px}
.sl.acc{color:var(--acc2)}
.st{font-family:var(--fd);font-size:clamp(26px,3.4vw,42px);font-weight:400;line-height:1.12;color:var(--w);margin-bottom:18px;max-width:780px;letter-spacing:-.3px}
.st em{font-style:italic;color:var(--b4)}
.sd{font-size:15.5px;color:var(--t2);max-width:680px;line-height:1.7;margin-bottom:48px}
.sec{padding:clamp(72px,9vw,110px) 0}

/* HUB GRID */
.hub-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.hub-g{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hub-g{grid-template-columns:1fr}}
.hub-c{display:block;background:var(--card);border:1px solid var(--bdr);border-radius:14px;padding:26px 24px;transition:.4s;position:relative;overflow:hidden;height:100%}
.hub-c::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--b5),transparent);opacity:0;transition:.4s}
.hub-c:hover{border-color:var(--bdr3);background:var(--card-h);transform:translateY(-3px)}
.hub-c:hover::before{opacity:1}
.hub-c .num{font-family:var(--fd);font-size:13px;color:var(--acc2);letter-spacing:1.5px;margin-bottom:10px}
.hub-c h3{font-family:var(--fd);font-size:19px;color:var(--w);font-weight:500;line-height:1.25;margin-bottom:8px;letter-spacing:-.2px}
.hub-c p{font-size:13.5px;color:var(--t2);line-height:1.65;margin-bottom:12px}
.hub-c .arr{font-size:13px;color:var(--b4);font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:.2s}
.hub-c:hover .arr{color:var(--w);gap:9px}

.fi{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
.fi.v{opacity:1;transform:translateY(0)}