:root{--ink:#0C0F16;--ink2:#11151F;--ink3:#161B28;--line:#232A38;--line2:#3A4357;--gold:#F2B705;--gold2:#FFD24A;--paper:#F5F5F0;--txt:#D9DCE2;--muted:#A7ADB8;--display:'Archivo',system-ui,sans-serif;--serif:'Newsreader',Georgia,serif;--mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.6}
a{color:var(--gold)}a:hover{color:var(--gold2)}
img{max-width:100%;display:block}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px;margin:0 auto;padding:0 24px}
.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.05;margin:0}
h1{font-weight:900;font-size:clamp(42px,6vw,88px)}
h2{font-weight:900;font-size:clamp(30px,4vw,52px)}
h3{font-weight:800;font-size:22px;line-height:1.2}
.btn{min-height:44px;display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:16px;text-decoration:none;padding:15px 26px;border-radius:999px;border:1px solid var(--line2);color:var(--paper);background:transparent;cursor:pointer}
.btn.gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn.gold:hover{background:var(--gold2);color:var(--ink)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
/* header */
.site-head{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(12,15,22,.96);backdrop-filter:blur(8px);z-index:20}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px}
.logo{font-family:var(--display);font-weight:900;font-size:28px;letter-spacing:-.02em;text-decoration:none;color:var(--paper)}.logo b{color:var(--gold);font-weight:900}
.nav{display:flex;flex-wrap:wrap;gap:2px;font-family:var(--display);font-weight:600;font-size:15px}
.nav a{color:var(--txt);text-decoration:none;padding:12px 13px;border-radius:8px}.nav a:hover,.nav a[aria-current=page]{color:var(--gold)}
.ticker{background:var(--gold);color:var(--ink);font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.ticker .wrap{display:flex;flex-wrap:wrap;gap:8px 30px;padding-top:10px;padding-bottom:10px}.ticker strong{font-family:var(--display);font-weight:900}
/* hero */
.hero{padding:56px 0 40px}.hero-grid{display:flex;flex-wrap:wrap;gap:40px}
.hero-text{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px;justify-content:center}
.hero-text p.dek{font-size:22px;line-height:1.45;color:var(--txt);max-width:36ch;margin:0}
.ledger{border:1px solid #2B3344;border-radius:14px;padding:18px 20px;display:flex;flex-wrap:wrap;gap:18px 32px;align-items:flex-end;background:var(--ink2)}
.ledger small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.ledger span.v{font-family:var(--mono);font-weight:600;font-size:clamp(22px,2.6vw,30px)}.ledger .gold{color:var(--gold)}
.hero-visual{flex:1 1 460px;min-width:0;position:relative;min-height:560px;border-radius:20px;overflow:hidden;border:1px solid #2B3344}
/* photo placeholder */
.ph{position:relative;background-color:var(--ink3);background-image:repeating-linear-gradient(135deg,rgba(242,183,5,.07) 0 1px,transparent 1px 22px);display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--mono);font-size:13px;text-align:center}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph .credit{position:absolute;right:10px;bottom:8px;font-size:11px;color:#C9CDD5;background:rgba(12,15,22,.8);padding:3px 7px;border-radius:4px}
.hero-visual .ph{position:absolute;inset:0}
.logo-chip{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:12px;background:var(--ink);border:1px solid #2B3344;border-radius:12px;padding:10px 14px 10px 10px;font-family:var(--display);font-weight:800}
.mono{width:44px;height:44px;border-radius:8px;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:20px;overflow:hidden}.mono img{width:100%;height:100%;object-fit:contain;padding:6px;background:#fff}
.decision{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(12,15,22,.95);border:1px solid var(--gold);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}
.decision .q{font-family:var(--display);font-weight:800;font-size:20px;line-height:1.2}
.decision .opts{display:flex;gap:10px;flex-wrap:wrap}.decision .btn{padding:12px 18px;font-size:15px}
.decision .btn.chosen{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.reveal{display:none;color:var(--txt);font-size:16px}.reveal.on{display:block}
/* sections */
section.block{padding:48px 0}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.sec-head>div:first-child{display:flex;flex-direction:column;gap:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--display);font-weight:700;font-size:14px;padding:12px 18px;border-radius:999px;cursor:pointer;background:transparent;color:var(--txt);border:1px solid var(--line2)}
.chip[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:24px}
.card{background:var(--ink2);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-4px);border-color:var(--gold)}
.card .ph{height:230px}
.card .mono{position:absolute;left:14px;bottom:-22px;width:56px;height:56px;border-radius:12px;border:3px solid var(--ink2);font-size:22px}
.card .tag{position:absolute;right:14px;top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--gold);padding:6px 9px;border-radius:6px}
.card .body{padding:34px 20px 22px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.card .meta{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.card p{margin:0;font-size:16px;line-height:1.5;color:#C9CDD5}
.card .foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.card .foot span{font-family:var(--mono);font-size:12px;color:var(--gold)}.card .foot a{font-family:var(--display);font-weight:700;font-size:14px;text-decoration:none;padding:10px 0}
.card[hidden]{display:none}
.locked{border:1px solid var(--gold);border-radius:20px;padding:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;background:var(--ink2)}
.locked .q{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:8px}.locked .q b{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.6vw,32px);line-height:1.2}
.locked .reveal{flex-basis:100%;font-size:18px}
.rail-box{overflow-x:auto;padding-bottom:8px}
.rail{position:relative;display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:16px;min-width:1100px;padding-top:30px}
.rail:before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:var(--gold)}
.rail div{position:relative;display:flex;flex-direction:column;gap:6px}.rail div:before{content:"";position:absolute;top:-26px;left:0;width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--gold)}
.rail .y{font-family:var(--mono);font-weight:600;font-size:22px;color:var(--gold)}.rail .n{font-family:var(--display);font-weight:800;font-size:17px}.rail .t{font-size:15px;line-height:1.45;color:#C9CDD5}
.subscribe{background:var(--gold);color:var(--ink)}.subscribe .wrap{padding-top:56px;padding-bottom:56px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.subscribe .txt{flex:1 1 420px;min-width:0}.subscribe p{margin:10px 0 0;font-size:19px}
.subscribe form{flex:1 1 380px;min-width:0;display:flex;flex-wrap:wrap;gap:10px}
.subscribe input{flex:1 1 220px;min-width:0;font-family:var(--serif);font-size:17px;padding:15px 18px;border-radius:999px;border:2px solid var(--ink);background:#FFF8E0;color:var(--ink)}
.subscribe .btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-foot .wrap{padding-top:32px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;color:var(--muted);font-size:15px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:4px}.site-foot nav a{padding:10px;text-decoration:none}
/* page header */
.page-head{padding:64px 0 32px;border-bottom:1px solid var(--line)}.page-head p{color:var(--txt);font-size:21px;max-width:60ch;margin:16px 0 0}
/* article */
.article{padding:48px 0}.article h2{font-size:clamp(26px,3vw,38px);margin:48px 0 14px}.article p{margin:0 0 18px;color:#E4E6EA}
.article ol.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.article ol.steps>li{counter-increment:s;border-top:1px solid var(--line);padding:28px 0}
.article ol.steps>li>h3:before{content:counter(s,decimal-leading-zero) " · ";color:var(--gold);font-family:var(--mono)}
.fact{border-left:3px solid var(--gold);background:var(--ink2);padding:16px 18px;border-radius:0 10px 10px 0;margin:18px 0;font-size:17px}
.fact b{font-family:var(--mono);color:var(--gold)}
.sources{font-size:15px;color:var(--muted)}.sources li{margin-bottom:6px}
.video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose h2{font-size:28px;margin:36px 0 12px}.prose p,.prose li{color:#E4E6EA}
.form{display:flex;flex-direction:column;gap:14px;max-width:560px}.form label{font-family:var(--display);font-weight:700;font-size:15px}
.form input,.form textarea,.form select{font-family:var(--serif);font-size:17px;padding:14px 16px;border-radius:10px;border:1px solid var(--line2);background:var(--ink2);color:var(--paper)}
@media (max-width:640px){body{font-size:17px}.hero-visual{min-height:520px}.nav a{padding:10px 9px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* founder avatar + layered images */
.ph img+img{z-index:1}
.avatar{position:absolute;right:14px;bottom:-26px;width:64px;height:64px;border-radius:50%;background:var(--ink3);border:3px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:20px;overflow:hidden;z-index:2}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card .mono{z-index:2}
.card .tag{z-index:2}
.logo-chip,.decision{z-index:3}
/* v2: full featured images + page banners */
.card .ph{height:auto;aspect-ratio:16/9}
.page-banner{margin:32px 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.page-banner img{width:100%;height:auto}
.hero-visual .ph img:first-child{object-fit:cover;object-position:38% center}
/* ===== Article layout ===== */
.with-rail{display:flex;gap:40px;justify-content:center;max-width:1180px;margin:0 auto;padding:0 24px}
.with-rail>.main-col{flex:1 1 auto;min-width:0;max-width:760px}

/* ===== Responsive ===== */
@media (max-width:1040px){.hero-visual{min-height:480px}}
@media (max-width:760px){
 body{font-size:17px}
 .wrap,.narrow,.with-rail{padding-left:18px;padding-right:18px}
 h1{font-size:clamp(36px,11vw,54px)}
 h2{font-size:clamp(26px,7.6vw,38px)}
 /* header: logo + subscribe on one row, nav scrolls on its own row */
 .site-head .wrap{padding-top:10px;padding-bottom:0;gap:4px 12px}
 .logo{font-size:24px}
 .site-head .btn.gold{min-height:40px;padding:8px 16px;font-size:14px}
 .nav{order:3;flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;gap:0;margin:0 -18px;padding:0 10px;font-size:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .nav::-webkit-scrollbar{display:none}
 .nav a{white-space:nowrap;padding:12px 11px}
 /* ledger ticker: one scrolling line */
 .ticker .wrap{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:26px;padding-top:9px;padding-bottom:9px;font-size:12px;scrollbar-width:none}
 .ticker .wrap::-webkit-scrollbar{display:none}
 /* hero: image first, decision card stacked underneath */
 .hero{padding:26px 0 22px}.hero-grid{gap:22px}
 .hero-text{flex:1 1 100%;gap:18px}.hero-text p.dek{font-size:19px}
 .ledger{padding:14px 16px;gap:12px 18px}.ledger span.v{font-size:clamp(17px,5.2vw,24px);overflow-wrap:anywhere}
 .hero-visual{flex:1 1 100%;min-height:0;display:flex;flex-direction:column}
 .hero-visual .ph{position:relative;inset:auto;aspect-ratio:4/3}
 .logo-chip{left:12px;top:12px;padding:8px 12px 8px 8px}
 .decision{position:static;margin:0;border:0;border-top:1px solid var(--gold);border-radius:0;background:var(--ink2);padding:16px}
 .hero-text .btn{flex:1 1 160px;justify-content:center}
 .decision .q{font-size:18px}.decision .opts .btn{flex:1 1 140px;justify-content:center}
 /* sections + cards */
 section.block{padding:34px 0}
 .sec-head{gap:14px;margin-bottom:20px}
 .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
 .chip{flex:0 0 auto;min-height:44px}
 .grid{grid-template-columns:1fr;gap:18px}
 .card .body{padding:22px 18px 18px}.card .foot a{padding:12px 0}
 .locked{padding:20px;gap:16px}.locked .reveal{font-size:17px}
 /* timeline rail becomes a vertical timeline */
 .rail-box{overflow:visible}
 .rail{grid-template-columns:1fr;min-width:0;padding:0 0 0 24px;gap:22px}
 .rail:before{left:5px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
 .rail div:before{top:7px;left:-24px}
 /* newsletter + footer */
 .subscribe .wrap{padding-top:36px;padding-bottom:36px;gap:20px}.subscribe p{font-size:17px}
 .subscribe form{flex-basis:100%}.subscribe input,.subscribe .btn{flex:1 1 100%;justify-content:center}
 .site-foot .wrap{flex-direction:column;align-items:flex-start;padding-top:24px;padding-bottom:36px}
 .site-foot nav a{padding:12px 10px 12px 0}
 /* inner pages + articles */
 .page-head{padding:34px 0 20px}.page-head p{font-size:18px}
 .article{padding:26px 0}.article ol.steps>li{padding:22px 0}.article h2{margin:36px 0 12px}
 .fact{font-size:16px;padding:14px 16px}
 .sources a,.article a{overflow-wrap:anywhere}
 .form{max-width:none}.form input,.form textarea,.form select{font-size:16px}
}
@media (max-width:380px){.logo{font-size:22px}.nav a{padding:12px 9px}.kicker{font-size:12px}}

/* ===== AdSense Auto ads: keep them out of the site chrome =====
   Auto ads may use article and section gaps. They must never land inside the sticky header,
   the ticker, the hero card, the footer or other UI blocks, where they break the layout. */
.site-head .google-auto-placed,.site-head ins.adsbygoogle,
.site-foot .google-auto-placed,.site-foot ins.adsbygoogle,
.ticker .google-auto-placed,.ticker ins.adsbygoogle,
.hero-visual .google-auto-placed,.hero-visual ins.adsbygoogle,
.ledger .google-auto-placed,.decision .google-auto-placed,.locked .google-auto-placed,
.card .google-auto-placed,.rail-box .google-auto-placed,.subscribe .google-auto-placed,
.chips .google-auto-placed,.nav .google-auto-placed,.form .google-auto-placed,.fact .google-auto-placed{display:none!important}