/* DAD /give/ styles - matches dad.africa (Fraunces + Archivo, teal / red / gold) */
:root{--ink:#0e1c23;--teal:#16323d;--teal-deep:#0f2530;--red:#c8402f;--red-dk:#a53324;--gold:#c9a24b;--gold-soft:#e6d3a8;--paper:#fbf9f4;--cream:#f7f4ed;--grey:#4f5f67;--stone:#8a9ba4;--line:rgba(14,28,35,.12);--ok:#2f7a4f;--warn:#c98a1b}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Archivo,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,.serif{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.015em;line-height:1.12}
em{font-family:Fraunces,Georgia,serif;font-style:italic}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
.kick{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.kick.r{color:var(--red)}
.demo{background:var(--gold-soft);color:var(--teal-deep);text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;padding:6px 10px}
.tmpl{display:inline-block;background:var(--gold-soft);color:var(--teal-deep);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:2px;vertical-align:middle}
/* header */
header{background:rgba(15,37,48,.94);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.12)}
.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:18px}
.nav img{height:40px;display:block}
.nav .site{display:flex;gap:24px}
.nav .site a{color:#dfe7eb;text-decoration:none;font-size:14.5px;font-weight:500}
.nav .site a:hover{color:var(--gold-soft)}
.nav .right{display:flex;align-items:center;gap:10px}
.cur{background:transparent;color:#dfe7eb;border:1px solid rgba(255,255,255,.25);border-radius:2px;padding:8px 6px;font-family:inherit;font-size:13px}
.cur option{color:var(--ink)}
.subnav{background:var(--teal)}
.subnav .wrap{display:flex;gap:4px;padding-top:7px;padding-bottom:7px;overflow-x:auto}
.subnav a{color:#cfd8dc;text-decoration:none;font-size:13.5px;padding:6px 12px;border:1px solid transparent;border-radius:2px;white-space:nowrap}
.subnav a:hover,.subnav a.on{border-color:rgba(255,255,255,.28);color:#fff}
.subnav a.tr{margin-left:auto;color:var(--gold-soft)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;background:var(--red);color:#fff;font-family:inherit;font-weight:700;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;padding:15px 26px;border-radius:2px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.btn:hover{background:var(--red-dk)}
.btn:active{transform:translateY(1px)}
.btn.block{display:flex;width:100%}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.btn.light:hover{background:#fff;color:var(--ink)}
.btn.sm{padding:10px 18px;font-size:12.5px}
/* hero */
.hero{background:var(--teal-deep);color:#fff;padding:84px 0 110px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% -10%,rgba(201,162,75,.22),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(200,64,47,.18),transparent 60%)}
.hero .wrap{position:relative}
.hero h1{font-size:60px;margin:16px 0 20px;max-width:860px}
.hero h1 em{color:var(--gold-soft)}
.hero p.lead{font-size:19px;color:#b9c9d1;max-width:700px}
.hero .ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px;border-top:1px solid rgba(255,255,255,.14)}
.stats div{padding:20px 20px 0 0}
.stats b{display:block;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:38px;color:#fff;line-height:1.1}
.stats span{font-size:13px;color:var(--stone)}
/* ticker */
.ticker{background:var(--ink);color:#cfd8dc;font-size:13.5px;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.08)}
.ticker .t{display:inline-block;padding:11px 0;animation:tick 60s linear infinite}
.ticker span{margin:0 28px}
.ticker b{color:var(--gold-soft);font-weight:600}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* sections */
section.s{padding:84px 0}
section.s.cream{background:var(--cream)}
section.s.dark{background:var(--teal-deep);color:#fff}
.sh{max-width:720px;margin-bottom:40px}
.sh h2{font-size:42px;margin:10px 0 12px}
.sh p{color:var(--grey);font-size:17px}
.dark .sh p{color:#b9c9d1}
/* cards */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ccard{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(14,28,35,.06),0 18px 40px -18px rgba(14,28,35,.25);overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform .25s,box-shadow .25s}
.ccard:hover{transform:translateY(-5px);box-shadow:0 1px 2px rgba(14,28,35,.06),0 28px 50px -20px rgba(14,28,35,.35)}
.band{height:14px}
.ccard .in{padding:28px 30px 30px}
.ccard h3{font-size:26px;margin:8px 0 10px}
.ccard p{color:var(--grey);font-size:15px}
.ccard .go{margin-top:18px;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--red);display:flex;justify-content:space-between}
.ccard .go a{color:var(--grey);text-decoration:none;border-bottom:1px solid var(--line)}
.bar{height:6px;background:rgba(14,28,35,.1);overflow:hidden;margin-top:18px}
.bar i{display:block;height:100%;width:0;background:var(--red);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.meta{display:flex;justify-content:space-between;font-size:13px;color:var(--grey);margin-top:8px}
/* steps */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.st{border-top:2px solid var(--ink);padding-top:18px}
.st .n{font-family:Fraunces,Georgia,serif;font-size:44px;color:var(--red);line-height:1}
.st h4{font-size:19px;margin:10px 0 6px}
.st p{color:var(--grey);font-size:15px}
/* transparency strip */
.tstrip{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:0;border:1px solid rgba(255,255,255,.14)}
.tstrip div{padding:26px;border-right:1px solid rgba(255,255,255,.14)}
.tstrip div:last-child{border-right:none}
.tstrip b{display:block;font-family:Fraunces,Georgia,serif;font-size:36px;font-weight:500;color:#fff}
.tstrip span{font-size:13px;color:#b9c9d1}
/* faq */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between}
.faq summary:after{content:"+";color:var(--red);font-size:22px;line-height:1}
.faq details[open] summary:after{content:"-"}
.faq p{color:var(--grey);margin-top:10px}
/* country */
.chero{color:#fff;padding:70px 0 64px;position:relative}
.chero h1{font-size:50px;margin:14px 0 16px;max-width:820px}
.chero .sub{font-size:18px;color:#c9d6dc;max-width:760px}
.crumbs{font-size:13px;color:#b9c9d1}
.crumbs a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:52px;padding:60px 0 80px;align-items:start}
.story h2{font-size:32px;margin:40px 0 14px}
.story h2:first-child{margin-top:0}
.story p{font-size:17px;color:#2b3a41;margin-bottom:14px}
.urgent{background:var(--cream);padding:24px 26px;margin:24px 0;border-radius:3px}
.urgent h4{font-size:12px;letter-spacing:.16em;color:var(--red);text-transform:uppercase;margin-bottom:12px}
.urgent li{margin:0 0 9px 18px;font-size:15.5px}
.pillars{display:grid;gap:12px}
.pill{border:1px solid var(--line);padding:20px 22px;display:flex;gap:18px;border-radius:3px;background:#fff}
.pill .n{font-family:Fraunces,Georgia,serif;font-size:30px;min-width:44px;line-height:1}
.pill h5{font-size:17px;margin-bottom:4px}
.pill p{font-size:15px;color:var(--grey);margin:0}
.brow{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.brow .bb{grid-column:1/3;height:4px;background:rgba(14,28,35,.08)}
.brow .bb i{display:block;height:100%;width:0;transition:width 1.2s}
.brow b{text-align:right}
.latest{background:var(--teal-deep);color:#fff;padding:28px;border-radius:3px;margin-top:30px}
.latest h3{font-size:24px;margin:10px 0}
.latest p{color:#c9d6dc;font-size:15.5px}
.latest .btn{margin-top:16px}
/* donate panel */
.panel{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(14,28,35,.06),0 24px 60px -24px rgba(14,28,35,.35);padding:28px;position:sticky;top:120px}
.panel h3{font-size:24px;margin:6px 0 4px}
.panel .lead{font-size:14px;color:var(--grey);margin-bottom:14px}
.freq{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border:1px solid var(--line);padding:4px;margin:16px 0 12px;border-radius:2px}
.freq button{border:none;background:none;padding:11px;font-weight:700;font-size:14px;cursor:pointer;color:var(--grey);font-family:inherit;border-radius:2px;transition:background .2s,color .2s}
.freq button.on{background:var(--teal-deep);color:#fff}
.tabsx{display:flex;gap:6px;margin:0 0 10px}
.tabsx button{border:1px solid var(--line);background:#fff;padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--grey);font-family:inherit;border-radius:2px}
.tabsx button.on{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tile{border:1.5px solid var(--line);padding:12px 13px;cursor:pointer;background:#fff;text-align:left;font-family:inherit;border-radius:3px;transition:border-color .15s,transform .15s,box-shadow .15s}
.tile:hover{border-color:#b9b3a8;transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(14,28,35,.4)}
.tile.on{border-color:var(--red);background:#fbf1ee;box-shadow:0 0 0 3px rgba(200,64,47,.12)}
.tile .ic{font-size:24px;display:block}
.tile .nm{font-size:13.5px;font-weight:600;display:block;margin-top:3px;line-height:1.3;color:var(--ink)}
.tile .am{font-size:19px;font-weight:800;color:var(--red)}
.tile .am small{font-size:12px;font-weight:600}
.custom{display:flex;align-items:center;border:1.5px solid var(--line);margin-top:10px;padding:0 12px;border-radius:3px}
.custom span{font-weight:800;color:var(--grey)}
.custom input{border:none;outline:none;padding:13px 8px;font-size:16px;width:100%;font-family:inherit;background:transparent}
.impact{background:var(--teal-deep);color:#fff;padding:15px 17px;margin:14px 0;font-size:14.5px;border-radius:3px}
.impact b{color:var(--gold-soft)}
.trust{font-size:12px;color:var(--grey);text-align:center;margin-top:10px}
.mbar{display:none}
/* modal */
.ov{position:fixed;inset:0;background:rgba(10,20,26,.75);display:none;align-items:center;justify-content:center;z-index:80;padding:16px}
.ov.on{display:flex;animation:fade .2s}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal{background:#fff;width:580px;max-width:100%;max-height:94vh;overflow:auto;border-radius:3px;animation:rise .25s}
@keyframes rise{from{transform:translateY(16px);opacity:.5}to{transform:none;opacity:1}}
.mh{background:var(--teal-deep);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}
.mh .x{background:none;border:none;color:#aaa;font-size:26px;cursor:pointer}
.stepbar{display:flex;gap:6px;padding:14px 24px 0}
.stepbar div{flex:1;height:4px;background:#e8e4dc;transition:background .3s}
.stepbar div.on{background:var(--red)}
.slabel{padding:8px 24px 0;font-size:11.5px;color:var(--grey);letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.mb{padding:16px 24px 26px}
.mb h3{font-size:23px;margin-bottom:14px}
.sum{background:var(--cream);padding:14px 16px;margin-bottom:16px;font-size:14.5px;border-radius:3px}
.sum .row{display:flex;justify-content:space-between;margin:3px 0;gap:10px}
.f{margin-bottom:12px}
.f label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.f input,.f select{width:100%;padding:12px;border:1.5px solid var(--line);font-size:15px;font-family:inherit;border-radius:3px;background:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chk{display:flex;gap:9px;align-items:flex-start;font-size:14px;margin:9px 0}
.pm{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
.pm button{border:1.5px solid var(--line);background:#fff;padding:13px;font-weight:700;cursor:pointer;font-size:14px;text-align:left;font-family:inherit;border-radius:3px}
.pm button small{display:block;font-weight:400;color:var(--grey);font-size:12px}
.pm button.on{border-color:var(--red);background:#fbf1ee}
.navb{display:flex;gap:10px;margin-top:18px}
.navb .btn{flex:1}
.thanks{text-align:center}
.thanks .big{font-size:56px;animation:pop .5s}
@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
.cert{border:1.5px dashed var(--gold);padding:18px;margin:16px 0;text-align:left;font-size:14px;background:#fffdf6;border-radius:3px}
.share{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.share a,.share button{background:var(--cream);border:1px solid var(--line);padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;color:var(--ink);cursor:pointer;font-family:inherit;border-radius:2px}
.share a:hover,.share button:hover{background:var(--ink);color:#fff}
/* report */
.rnav{position:sticky;top:106px;z-index:30;background:rgba(251,249,244,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.rnav .wrap{display:flex;gap:4px;overflow-x:auto;padding-top:8px;padding-bottom:8px}
.rnav a{font-size:13px;font-weight:600;text-decoration:none;padding:6px 12px;color:var(--grey);white-space:nowrap;border-radius:2px}
.rnav a:hover{background:var(--cream);color:var(--ink)}
.notice{background:#fff;border:1px solid var(--line);border-left-width:1px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;border-radius:3px;margin-top:-40px;position:relative;box-shadow:0 18px 40px -24px rgba(14,28,35,.35)}
.notice .ic{font-size:26px}
.notice h4{font-size:15px;margin-bottom:4px}
.notice p{font-size:14px;color:var(--grey)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{background:#fff;border:1px solid var(--line);padding:22px;border-radius:3px}
.kpi b{display:block;font-family:Fraunces,Georgia,serif;font-size:36px;font-weight:500;line-height:1.1}
.kpi span{font-size:13px;color:var(--grey)}
.kpi.hl{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}
.kpi.hl span{color:#b9c9d1}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-top:28px}
.card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:3px}
.card h3{font-size:22px;margin-bottom:6px}
.card .note{font-size:13px;color:var(--grey);margin-bottom:14px}
table.fin{width:100%;border-collapse:collapse;font-size:14.5px}
table.fin th{text-align:left;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);padding:8px 6px;border-bottom:2px solid var(--ink)}
table.fin th.r,table.fin td.r{text-align:right}
table.fin td{padding:11px 6px;border-bottom:1px solid var(--line);vertical-align:top}
table.fin tr.tot td{font-weight:800;border-bottom:none}
.minibar{height:4px;background:rgba(14,28,35,.08);margin-top:6px}
.minibar i{display:block;height:100%;width:0;background:var(--red);transition:width 1.2s}
.minibar i.oh{background:var(--stone)}
.stack{display:flex;height:16px;overflow:hidden;border-radius:2px;margin:14px 0}
.stack i{display:block;height:100%}
.legend{display:grid;gap:8px;font-size:14px}
.legend div{display:flex;justify-content:space-between;gap:10px}
.legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;background:var(--c);border-radius:1px}
.donut{width:170px;height:170px;border-radius:50%;margin:10px auto 16px;position:relative}
.donut:after{content:"";position:absolute;inset:26px;background:#fff;border-radius:50%}
.donut b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;font-family:Fraunces,Georgia,serif;font-size:34px;font-weight:500;line-height:1}
.donut b small{font-family:Archivo,sans-serif;font-size:11px;color:var(--grey);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.tl{position:relative;margin-top:10px}
.tl:before{content:"";position:absolute;left:118px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tli{display:grid;grid-template-columns:100px 36px 1fr auto;gap:0;align-items:center;padding:12px 0}
.tli .d{font-size:13px;color:var(--grey);font-weight:600}
.tli .dot{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--stone);position:relative;z-index:1;margin-left:3px}
.tli.done .dot{background:var(--ok);border-color:var(--ok)}
.tli.track .dot{border-color:var(--ok)}
.tli.risk .dot{border-color:var(--warn);background:#fff3dc}
.tli .t{font-size:15.5px}
.pillst{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:2px;white-space:nowrap}
.pillst.done{background:#e3f1e8;color:var(--ok)}
.pillst.track{background:#eef5f1;color:var(--ok)}
.pillst.risk{background:#fff3dc;color:#9a6a12}
.pillst.next{background:#eef0f1;color:var(--grey)}
.ind{display:grid;gap:18px}
.indr{display:grid;grid-template-columns:90px 1fr 170px;gap:16px;align-items:center}
.indr .lv{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.indr .lv.Outcome{color:var(--gold)}
.indr .lv.Impact{color:var(--red)}
.indr .v{text-align:right;font-size:14px;color:var(--grey)}
.indr .v b{font-size:19px;color:var(--ink)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.win{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.win:before{content:"✓";color:var(--ok);font-weight:800}
.sb{padding:14px 0;border-bottom:1px solid var(--line)}
.sb p{font-size:15.5px}
.sb p.fix{color:var(--grey);font-size:14.5px;margin-top:6px;padding-left:14px;border-left:2px solid var(--gold)}
.stories{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.storyc{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden;display:flex;flex-direction:column}
.storyc .top{height:120px;position:relative;display:flex;align-items:flex-end;padding:16px 20px;color:#fff}
.storyc .top .emo{font-size:40px;position:absolute;right:20px;top:18px;opacity:.9}
.storyc .in{padding:20px 22px;flex:1;display:flex;flex-direction:column}
.storyc h3{font-size:23px;margin-bottom:8px}
.storyc p{color:#2b3a41;font-size:15.5px}
.storyc .src{font-size:12px;color:var(--grey);margin-top:10px;font-style:italic}
.storyc .fund{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.risk{display:grid;grid-template-columns:1fr 90px 1.4fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.lvl{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:2px;height:fit-content;text-align:center}
.lvl.High{background:#f8e1dc;color:var(--red-dk)}
.lvl.Medium{background:#fff3dc;color:#9a6a12}
.nextl li{list-style:none;counter-increment:n;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:16px}
.nextl{counter-reset:n}
.nextl li:before{content:counter(n,decimal-leading-zero);font-family:Fraunces,Georgia,serif;color:var(--gold-soft);font-size:20px}
.gov{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
/* transparency table */
table.tt{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
table.tt th{text-align:left;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);padding:12px;border-bottom:2px solid var(--ink)}
table.tt td{padding:16px 12px;border-bottom:1px solid var(--line)}
table.tt td.r,table.tt th.r{text-align:right}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rule{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);padding:22px;border-radius:3px}
.rule .ic{font-size:26px}
.rule h4{font-size:17px;margin:10px 0 6px;color:#fff}
.rule p{font-size:14.5px;color:#b9c9d1}
/* footer */
footer{background:var(--teal-deep);color:var(--stone);padding:56px 0 30px;font-size:14px}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
footer h5{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-family:Archivo,sans-serif}
footer a{color:#b9c9d1;text-decoration:none;display:block;margin:6px 0}
footer a:hover{color:var(--gold-soft)}
footer .bot{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;font-size:12.5px;flex-wrap:wrap;gap:10px}
/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.ticker .t{animation:none}*{scroll-behavior:auto}}
/* responsive */
@media(max-width:980px){
 .nav .site{display:none}
 .hero h1{font-size:40px}.chero h1{font-size:34px}
 .stats,.kpis{grid-template-columns:repeat(2,1fr)}
 .cards,.grid2,.steps3,.fgrid,.two-col,.stories,.rules,.gov,.tstrip{grid-template-columns:1fr}
 .tstrip div{border-right:none;border-bottom:1px solid rgba(255,255,255,.14)}
 .panel{position:static}
 .sh h2{font-size:32px}
 .indr{grid-template-columns:1fr}.indr .v{text-align:left}
 .risk{grid-template-columns:1fr}
 .tli{grid-template-columns:80px 30px 1fr}.tli .pillst{grid-column:3}.tl:before{left:95px}
 footer .cols{grid-template-columns:1fr 1fr}
 .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--teal-deep);padding:10px 16px;gap:10px;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.2)}
 .mbar span{font-size:13px;color:#cfd8dc}
 body.has-mbar{padding-bottom:70px}
}