/* Palette from master workbook, sheet "Color": navy/blue, gold, grey */
:root{color-scheme:light dark;--bg:#F6F6F4;--fg:#0D1321;--mut:#3E5C76;--ac:#1E547A;--on:#fff;--card:#fff;--bd:#D1D1D1;--gold:#ECA300;--num:#1D2D44;--numfg:#F7BA39;--hd:#1E547A}
@media(prefers-color-scheme:dark){:root{--bg:#0D1321;--fg:#E0E1DD;--mut:#748CAB;--ac:#F7BA39;--on:#0D1321;--card:#1D2D44;--bd:#3E5C76;--gold:#F7BA39;--num:#0D1321;--numfg:#F9D356;--hd:#F7BA39}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
header,footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;max-width:760px;margin:auto}footer{color:var(--mut);font-size:13px}
.brand{font-weight:700;letter-spacing:.04em;color:var(--fg);text-decoration:none}.lang{color:var(--ac)}
main{max-width:760px;margin:auto;padding:0 16px 48px}h1{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.2;margin:.6em 0 .2em}
form{display:grid;gap:12px;margin-top:20px}label{display:grid;gap:4px;font-size:14px;color:var(--mut)}
input{font:inherit;padding:12px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--fg)}
button{font:inherit;font-weight:600;padding:13px;border:0;border-radius:10px;background:var(--ac);color:var(--on);cursor:pointer}
.privacy{font-size:13px;color:var(--mut);margin:0}h2{margin:32px 0 8px;font-size:1.25rem}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin:10px 0}
.card summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none}.card summary::-webkit-details-marker{display:none}
.num{min-width:48px;height:48px;border-radius:12px;background:var(--num);color:var(--numfg);border-bottom:3px solid var(--gold);display:grid;place-items:center;font-weight:700;font-size:1.2rem;padding:0 6px}
.lbl{font-weight:600}.sub{font-size:13px;color:var(--mut)}.body{margin-top:12px;white-space:pre-line}
.pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.pairs .card{margin:0}.pairs b{font-size:1.4rem}
header span{display:flex;gap:16px;align-items:center;font-size:14px}header a{color:var(--ac);text-decoration:none}header .brand{color:var(--fg)}
.crumb{font-size:13px;color:var(--mut);margin:8px 0}.crumb a{color:var(--ac)}.article h1{margin-top:.3em}.article p,.article li{max-width:68ch}.article li{margin:.4em 0}
.cta{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin:28px 0}.cta p{margin:.3em 0 .8em;color:var(--mut)}
.btn{display:inline-block;background:var(--ac);color:var(--on)!important;padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{min-width:42px;text-align:center;padding:7px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--fg);text-decoration:none}.chips a.on{background:var(--ac);color:var(--on);border-color:var(--ac)}
.pn{display:flex;justify-content:space-between}.pn a{color:var(--ac)}.disc{font-size:13px;color:var(--mut);margin-top:28px}
footer a{color:var(--ac)}.seo{margin-top:40px}.seo p{max-width:68ch}
.chk{display:flex;gap:8px;align-items:center;flex-direction:row}.chk input{width:auto}.p2{display:grid;gap:12px}.p2[hidden]{display:none}
.cmp{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin:8px 0 12px}.cmp th,.cmp td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--bd)}.cmp th:first-child,.cmp td:first-child{text-align:left}.cmp tr.eq td{background:rgba(236,163,0,.16);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.tile{display:grid;gap:2px;padding:12px;border:1px solid var(--bd);border-radius:12px;background:var(--card);color:var(--fg);text-decoration:none}

/* Window tiles: every pane is a discovery. Flat fill, the number pops. */
.wins{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin:10px 0}
.wins.heroes{grid-template-columns:repeat(3,1fr)}
.win{display:grid;gap:6px;justify-items:center;padding:12px 8px;border-radius:14px;background:var(--card);color:var(--fg);border:1px solid var(--bd);text-align:center;cursor:pointer;font:inherit}
.win:hover,.win:focus-visible{border-color:var(--gold);outline:2px solid var(--gold)}
.win.hero{border:2px solid var(--gold)}
.glass{display:grid;place-items:center;width:64px;height:64px;border-radius:12px;background:var(--num)}
.hero .glass{width:76px;height:76px;border-radius:14px}
.glass b{font:700 1.9rem/1 Georgia,'Times New Roman',serif;color:var(--numfg)}.hero .glass b{font-size:2.3rem}.glass b.sm{font-size:.9rem;padding:0 4px}
.wl{font-size:13px;font-weight:600;line-height:1.25}.ws{font-size:11px;color:var(--mut)}
.dlg{border:0;border-radius:18px;padding:20px;width:min(560px,calc(100% - 32px));max-height:86vh;background:var(--card);color:var(--fg)}.dlg::backdrop{background:rgba(13,19,33,.6)}
.dlg .x{position:absolute;right:12px;top:10px;background:none;color:var(--fg);font-size:28px;line-height:1;padding:4px 10px}.dh{display:flex;gap:14px;align-items:center;margin:4px 30px 8px 0}.dh h3{margin:0}.dlg .body{overflow:auto;max-height:60vh}
@media(min-width:620px){.wins{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}

.exec{border-left:4px solid var(--gold,#ECA300);padding:2px 0 2px 16px;margin:0 0 8px}.exec p{margin:.5em 0;font-size:.95rem}.exec b{display:block;color:var(--blue,#1E547A);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}

.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(86px,auto);gap:6px;margin:8px 0}.mosaic.m4{grid-auto-rows:minmax(92px,auto)}
.mt{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:8px 10px;border:0;border-radius:3px;font:inherit;cursor:pointer;min-width:0}
.mt b{font-weight:300;font-size:2.4rem;line-height:1}.mt b.xl{font-size:5.5rem}.mt b.sm{font-size:1.5rem}.mt span{font-size:.72rem;font-weight:600;line-height:1.2}
.mt:hover,.mt:focus-visible{outline:2px solid var(--gold,#ECA300);outline-offset:1px}
.mt.gold{background:#ECA300;color:#0D1321}.mt.blue{background:#1E547A;color:#fff}.mt.navy{background:#1D2D44;color:#fff}.mt.mid{background:#3E5C76;color:#fff}.mt.soft{background:#748CAB;color:#fff}.mt.gold2{background:#F7BA39;color:#0D1321}.mt.sand{background:#EAB56F;color:#0D1321}.mt.grey{background:#D1D1D1;color:#0D1321}.mt.ink{background:#0D1321;color:#fff}
.lockbox{border-left:6px solid var(--ac)}
.mt i.nn{position:absolute;top:6px;right:6px;font-style:normal;font-size:.68rem;font-weight:700;background:#ECA300;color:#0D1321;padding:2px 7px;border-radius:10px}
.plans{display:grid;gap:12px;margin:10px 0}@media(min-width:760px){.plans{grid-template-columns:repeat(3,1fr)}}.plan{border:1px solid rgba(116,140,171,.4);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px}.plan.top{border-color:#ECA300;border-width:2px}.plan h3{margin:0}.plan ul{margin:4px 0 10px;padding-left:18px;flex:1}.plan li{margin:4px 0;font-size:.92rem}
.mt i.lk{position:absolute;bottom:6px;right:6px;font-style:normal;font-size:.62rem;font-weight:700;border:1px solid currentColor;padding:1px 6px;border-radius:10px;opacity:.85}.plan h3 .price{display:block;font-size:1rem;font-weight:600;color:#1E547A;margin-top:2px}.plan .btn{text-align:center}
/* ---- Home and report pages (wide layout) ---- */
:root{--alt:#ECEEF1;--hero1:#0D1321}
@media(prefers-color-scheme:dark){:root{--alt:#111b2e}}
body.wide header,body.wide footer{max-width:1080px}
main.wide{max-width:none;padding:0}
.in{max-width:1080px;margin:auto;padding:0 16px}.in.narrow{max-width:760px}
.band{padding:56px 0}.band.alt{background:var(--alt)}.band h2{margin:0 0 14px;font-size:clamp(1.4rem,3.4vw,1.9rem)}
.lead{font-size:1.05rem;color:var(--mut);max-width:62ch}.ctr{text-align:center;margin-top:24px}
.hero2{position:relative;color:#E0E1DD;background:#0D1321 url(/assets/bg-hero.svg) center/cover no-repeat;padding:64px 0}
.hero2 h1{color:#fff;font-size:clamp(2rem,5.5vw,3.2rem);margin:.2em 0 .3em}.hero2 .lead{color:#C9DCE4}
.eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#F7BA39;border-bottom:2px solid #ECA300;padding-bottom:3px}
.calc .in{display:grid;gap:32px;align-items:center}
@media(min-width:880px){.calc .in{grid-template-columns:1.05fr 1fr}}
.calc form{margin:0;padding:22px;border-radius:16px;background:rgba(13,19,33,.62);border:1px solid rgba(247,186,57,.35);backdrop-filter:blur(3px)}
.calc label{color:#C9DCE4}.calc input[type=text],.calc input:not([type=checkbox]){background:#F6F6F4;color:#0D1321;border-color:#748CAB}
.calc .privacy{color:#9FB3C8}.calc button{background:#ECA300;color:#0D1321}
.outwrap{padding:0 16px}#out:not([hidden]){padding:36px 0 8px}
.grid{display:grid;gap:16px;margin-top:18px}.g2{grid-template-columns:1fr}.g3{grid-template-columns:1fr}
@media(min-width:640px){.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.g3{grid-template-columns:repeat(3,1fr)}}
.tile{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:18px;color:var(--fg);text-decoration:none;display:block}
.tile h3{margin:12px 0 4px;font-size:1.05rem}.tile p{margin:0;color:var(--mut);font-size:.95rem}
a.tile.link:hover{border-color:var(--gold);transform:translateY(-2px);transition:.15s}
.ic{width:28px;height:28px;flex:none}.tile .ic{width:48px;height:48px;padding:11px;border-radius:12px;background:var(--num);color:var(--numfg);border-bottom:3px solid var(--gold)}
.stepn{position:absolute;top:14px;right:16px;font-size:2.4rem;font-weight:300;color:var(--bd);line-height:1}
.quote{margin:8px 0 18px;padding:6px 0 6px 18px;border-left:4px solid var(--gold);font-size:clamp(1.2rem,3vw,1.6rem);line-height:1.4;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-style:italic}.quote cite{display:block;margin-top:6px;font-size:.9rem;color:var(--mut);font-style:normal;font-family:system-ui,sans-serif}
.faq{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px 16px;margin:10px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:.6em 0 .2em;color:var(--mut)}
.band .plans{margin-top:16px}.plan .price{display:block;color:var(--ac)}
.btn.ghost{background:transparent;color:var(--ac)!important;border:1px solid var(--ac)}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}@media(min-width:900px){.shots{grid-template-columns:repeat(4,1fr)}}
.shots figure{margin:0;position:relative}.shots img{width:100%;height:auto;border-radius:8px;border:1px solid var(--bd);box-shadow:0 6px 18px rgba(13,19,33,.18);display:block}
.shots figcaption{text-align:center;font-size:.85rem;color:var(--mut);margin-top:6px}
.shots .locked::after{content:"Premium";position:absolute;left:0;right:0;top:0;bottom:28px;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;font-weight:700;letter-spacing:.12em;color:#0D1321;background:linear-gradient(to bottom,rgba(246,246,244,0) 30%,rgba(246,246,244,.92) 78%)}
.shots .locked img{filter:blur(0)}
/* blog */
.pill{display:inline-block;justify-self:start;width:fit-content;font-size:12px;font-weight:600;letter-spacing:.03em;padding:2px 10px;border-radius:99px;background:var(--num);color:var(--numfg);border-bottom:2px solid var(--gold)}
.tile.post{display:grid;gap:8px;align-content:start}.tile.post h3{margin:2px 0}.tile.post small{color:var(--mut)}
.post-page{max-width:760px;margin:auto;padding:0 16px}.post-page .meta{color:var(--mut);font-size:14px;margin:0 0 20px}.post-page table{border-collapse:collapse;width:100%;margin:14px 0}.post-page th,.post-page td{border:1px solid var(--bd);padding:8px 10px;text-align:left;font-size:.95rem}.post-page th{background:var(--card)}
.post-page .cta{margin:28px 0}.post-page .note{color:var(--mut);font-size:13px}
.mini{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin:12px 0}.miniform{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:0}.miniform label{flex:1 1 150px}.miniform button{padding:12px 22px}.miniout{margin-top:12px;font-size:1.05rem}.miniout:empty{display:none}
.band.alt{background:var(--card)}
.btn.soon{display:block;text-align:center;opacity:.6;cursor:default;background:var(--bd);color:var(--fg)}
/* small screens: badges flow above the number instead of overlapping it */
@media(max-width:560px){
.mosaic .mt{padding:6px 8px}
.mosaic .mt i.lk{position:static;order:3;align-self:flex-end;margin:2px -2px 0 0;font-size:.58rem;padding:1px 6px;line-height:1.3}
.mosaic .mt i.nn{position:static;order:-1;align-self:flex-end;margin:0 -2px 2px 0;font-size:.58rem;padding:1px 6px;line-height:1.3}
.mosaic{grid-auto-rows:minmax(104px,auto)}.mosaic.m4{grid-auto-rows:minmax(108px,auto)}
.mt b{font-size:2rem}.mt b.xl{font-size:4.6rem}
}

.grid .tile{display:grid;gap:4px;align-content:start}.grid .tile b{font-size:1.05rem}

.socs{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center}.socs a.soc{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--bd);border-radius:50%;background:var(--card);color:var(--ac);text-decoration:none;transition:.15s}.socs a.soc:hover{border-color:var(--gold);transform:translateY(-2px)}footer .socs a.soc{width:34px;height:34px}footer .socs svg{width:18px;height:18px}
@media(max-width:360px){.mosaic .mt i.nn{margin-bottom:5px}.mosaic .mt i.lk{margin-top:4px}.mosaic{grid-auto-rows:minmax(116px,auto)}.mosaic.m4{grid-auto-rows:minmax(120px,auto)}.mt b{font-size:1.8rem}}

/* Unified brand theme + clearer headings and mobile header */
.article h1,.post-page h1{font-weight:800;letter-spacing:-.01em}
.article h2,.post-page h2{font-size:1.2rem;color:var(--hd);margin:32px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--bd)}
.article h3,.post-page h3{font-size:1.05rem;color:var(--fg)}
.article li::marker,.post-page li::marker{color:var(--hd)}
.crumb a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){
header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px 6px}
header>span{display:flex;flex-wrap:wrap;gap:8px;font-size:14px}
header>span a{padding:5px 12px;border:1px solid var(--bd);border-radius:999px;white-space:nowrap;line-height:1.5}
header>span a.lang{border-color:var(--ac);color:var(--ac);font-weight:600}
.article h1,.post-page h1{font-size:1.8rem}
}