:root{--paper:#f4f0e6;--paper2:#ebe5d6;--ink:#15130f;--ink2:#4a463d;--ink3:#7b7567;--rule:#cfc7b3;--blue:#2440c8;--dark:#15130f;
--disp:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--body:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 19px/1.55 var(--body)}
img{max-width:100%;height:auto;display:block}a{color:var(--blue)}
h1,h2,h3{font-family:var(--disp);margin:0;letter-spacing:-.02em;text-wrap:balance}
p{margin:0 0 1em}
main>section,.mast,footer{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}
.mast{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:22px;padding-bottom:18px;border-bottom:1px solid var(--rule);font:500 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.mast a{color:var(--ink);text-decoration:none}.mast nav{display:flex;gap:22px;flex-wrap:wrap}.mast nav a{color:var(--ink2)}.mast a:hover{color:var(--blue)}
.kicker,.label,.fn{font:500 13px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);margin:0 0 18px}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;padding-top:64px;padding-bottom:72px;align-items:start}
h1{font-size:clamp(38px,5.2vw,68px);line-height:1.0;font-weight:800;margin-bottom:28px}
.lede{font-size:22px;line-height:1.45;max-width:34em}
.byline{color:var(--ink2);font-size:17px;max-width:34em;border-left:3px solid var(--blue);padding-left:14px;margin-top:26px}
.hero-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.phone{margin:0}.phone:nth-child(2){margin-top:34px}
.yt,.clip,.phone iframe,.phone video{display:block;width:100%;aspect-ratio:9/16;border:0;padding:0;border-radius:14px;overflow:hidden;background:#000;position:relative;cursor:pointer}
.yt img,.clip img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:var(--paper)}
.play:after{content:"";position:absolute;left:21px;top:16px;border:11px solid transparent;border-left:17px solid var(--ink);border-right:0}
.clip:hover .play,.clip:focus-visible .play{background:var(--blue)}.clip:hover .play:after,.clip:focus-visible .play:after{border-left-color:#fff}
.clip:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
figcaption,.videos-note{font:400 12.5px/1.4 var(--mono);color:var(--ink3);margin-top:8px}
.videos-note{grid-column:1/-1;margin:4px 0 0}
.strip-sec{padding-top:8px;padding-bottom:80px}
.strip{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.strip img{width:100%;aspect-ratio:9/16;object-fit:cover}
.strip img:nth-child(-n+4){border-bottom:5px solid var(--ink3)}.strip img:nth-child(n+5){border-bottom:5px solid var(--blue)}
.strip-key{display:grid;grid-template-columns:4fr 5fr;gap:28px;margin-top:16px;font-size:17px;color:var(--ink2)}.strip-key b{color:var(--ink);font-family:var(--disp)}
h2{font-size:clamp(30px,3.6vw,46px);line-height:1.05;font-weight:700;margin-bottom:34px}
.how{padding-top:72px;padding-bottom:84px;border-top:1px solid var(--rule)}
.pipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink)}
.pipe li{padding:18px 20px 22px 0;border-bottom:1px solid var(--rule)}
.pipe .n{font:500 13px var(--mono);color:var(--blue)}.pipe h3{font-size:22px;margin:6px 0 8px}.pipe p{font-size:16.5px;line-height:1.45;color:var(--ink2);margin:0}
.shots{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,1fr);gap:28px;margin-top:48px;align-items:start}
.shot{margin:0}.shot img{border-radius:8px;border:1px solid #000;width:100%}
.numbers{background:var(--dark);color:var(--paper);max-width:none!important;padding:84px 28px}
.numbers>*{max-width:1124px;margin-left:auto;margin-right:auto}
.numbers .sub{color:#b9b29f;max-width:1124px;font-size:18px;margin-bottom:40px}
.ledger{margin-top:0;margin-bottom:0;border-top:1px solid #45413a}
.ledger div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.3fr);gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid #45413a}
.ledger dt{font-size:19px}.ledger dd{margin:0;font:700 30px/1 var(--disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ledger dd.src{font:400 13px/1.4 var(--mono);color:#a39c89;letter-spacing:0}
.ledger .total dd:not(.src){font-size:44px}
.verdict{font:700 clamp(24px,2.6vw,34px)/1.15 var(--disp);margin-top:44px!important;letter-spacing:-.02em}
.learned{padding-top:88px;padding-bottom:40px}
.finding{padding:34px 0;border-top:1px solid var(--rule)}.finding h3{font-size:clamp(23px,2.3vw,30px);line-height:1.12;margin-bottom:16px}
.finding p{color:var(--ink2)}.finding .fn{color:var(--blue);margin-bottom:12px}
.finding-main,.finding-chart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.finding-main{border-top:2px solid var(--ink)}
.cmp{font-size:17px}.cmp-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule);align-items:center}
.cmp-row span:not(:first-child){font:500 17px var(--mono);font-variant-numeric:tabular-nums}
.cmp-head{font:500 12.5px var(--mono)!important;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);border-bottom:2px solid var(--ink)}
.cmp-head span{font:inherit!important}.cmp-money span:not(:first-child){font-weight:500;color:var(--ink)}
.cmp-bars span[role=cell]{display:flex;flex-direction:column;gap:6px}.bar{display:block;height:14px;width:var(--w);background:var(--blue);border-radius:0 4px 4px 0}.bar-b{background:var(--ink3)}
.cmp-bars b{font:500 17px var(--mono)}.cmp-note{font:400 12.5px/1.4 var(--mono);color:var(--ink3);margin-top:12px}
.chart{margin:0}.chart figcaption{font:700 17px/1.3 var(--disp);color:var(--ink);margin:0 0 10px}.chart figcaption span{display:block;font:400 12.5px var(--mono);color:var(--ink3);margin-top:4px}
.chart svg{width:100%;height:auto}.grid line{stroke:var(--rule);stroke-width:1}.bars path,.bars rect{fill:var(--blue)}.bars path:hover{fill:#16298a}
.ytick text{font:12px var(--mono);fill:var(--ink3);text-anchor:end}.xtick text{font:12px var(--mono);fill:var(--ink2);text-anchor:middle}.xtick .xt{fill:var(--ink3)}
.val text{font:500 13px var(--mono);fill:var(--ink);text-anchor:middle}
.finding-pair{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.time{padding-top:56px;padding-bottom:84px}
.tl{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.tl li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--rule)}
.tl time{font:500 14px/1.7 var(--mono);color:var(--blue);text-transform:uppercase}.tl p{margin:0;max-width:44em}
.mine{background:var(--paper2);max-width:none!important;padding:80px 28px}.mine>*{max-width:1124px;margin-left:auto;margin-right:auto}
.mine-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:56px}.mine h3{font-size:15px;font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:14px}
.mine ul{margin:0;padding:0;list-style:none}.mine li{padding:12px 0;border-top:1px solid var(--rule);font-size:18px}.mine li b{font-family:var(--disp)}
.scale{font:400 14px/1.5 var(--mono);color:var(--ink2);margin-top:36px!important}
footer{padding-top:36px;padding-bottom:56px;font-size:17px}.fine{font:400 12.5px/1.5 var(--mono);color:var(--ink3);max-width:60em}
@media(max-width:900px){body{font-size:18px}.hero,.finding-main,.finding-chart,.finding-pair,.mine-grid,.shots,.strip-key{grid-template-columns:1fr;gap:28px}.hero{padding-top:40px;padding-bottom:48px}.finding-pair{gap:0}
.pipe{grid-template-columns:1fr 1fr}.strip{grid-template-columns:repeat(9,30vw);overflow-x:auto;padding-bottom:6px}.shot-phone{max-width:240px}
.ledger div{grid-template-columns:1fr auto;gap:6px 16px}.ledger dd.src{grid-column:1/-1}.ledger dd{font-size:24px}.ledger .total dd:not(.src){font-size:32px}
.mast nav{display:none}.lede{font-size:20px}.tl li{grid-template-columns:78px 1fr;gap:12px}}
@media(max-width:520px){main>section,.mast,footer{padding-left:18px;padding-right:18px}.numbers,.mine{padding:56px 18px}.pipe{grid-template-columns:1fr}.hero-videos{gap:8px}.cmp-row{grid-template-columns:1.1fr 1fr 1fr;font-size:15px}.cmp-row span:not(:first-child),.cmp-bars b{font-size:14px}}
.next{padding-top:80px;padding-bottom:84px;border-top:1px solid var(--rule)}
.next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.next-text p{color:var(--ink2)}.next .note{font-size:16.5px;border-left:3px solid var(--blue);padding-left:14px}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:26px 0 24px;border-top:2px solid var(--ink)}
.mini div{padding:12px 0;border-bottom:1px solid var(--rule)}.mini dt{font:500 12.5px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.mini dd{margin:4px 0 0;font:700 28px/1.1 var(--disp);letter-spacing:-.02em}
.bars .partial{fill:#7f8fe0}
@media(max-width:900px){.next-grid{grid-template-columns:1fr;gap:28px}}

.phone video{object-fit:cover}
.results-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start}
.results-grid .ledger div{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.results-grid .ledger dd.src{grid-column:1/-1;margin-top:-6px}
.chart-dark figcaption{color:var(--paper)}.chart-dark figcaption span{color:#a39c89}
.chart-dark .grid line{stroke:#45413a}.chart-dark .ytick text,.chart-dark .xtick text{fill:#a39c89}.chart-dark .val text{fill:var(--paper)}
.chart-dark .bars path,.chart-dark .bars rect{fill:#6f86ff}.chart-dark .bars .partial{fill:#3d4a8f}
.money{padding-top:80px;padding-bottom:72px}
.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:2px solid var(--ink);padding-top:26px}
.money h3{font-size:24px;margin-bottom:14px}.money p{color:var(--ink2)}
.aside{font:400 13.5px/1.5 var(--mono)!important;color:var(--ink3)!important}
.calc{background:var(--paper2);padding:18px 20px;border-radius:8px;margin:20px 0}
.calc span{display:block;font:500 14px var(--mono);color:var(--ink2)}.calc b{display:block;font:800 clamp(28px,3vw,40px)/1.1 var(--disp);color:var(--ink);letter-spacing:-.02em;margin-top:8px}
.strip-sec{border-top:1px solid var(--rule);padding-top:56px}
.strip-one{margin-top:16px;font-size:17px;color:var(--ink2);max-width:46em}
.hbars path{fill:var(--blue)}.hbars path:hover{fill:#16298a}.hl{font:12px var(--mono);fill:var(--ink2);text-anchor:end}.hv{font:500 12.5px var(--mono);fill:var(--ink)}
.xtick text{text-anchor:middle}
.split-bar{padding-top:40px}.sb-row{display:grid;grid-template-columns:100px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--rule)}
.sb-row span{font-size:17px}.sb-row i{display:block;height:20px;width:max(var(--w),3px);background:var(--blue);border-radius:0 4px 4px 0}.sb-row i.ytb{background:var(--ink3)}.sb-row b{font:500 16px var(--mono)}
.start{padding-top:80px;padding-bottom:72px;border-top:1px solid var(--rule)}
.start-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}.start-grid p{color:var(--ink2)}
.strip-small{grid-template-columns:repeat(6,1fr)!important}.start .shots{margin-top:20px;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr)}
@media(max-width:900px){.results-grid,.money-grid,.start-grid{grid-template-columns:1fr;gap:32px}.strip-small{grid-template-columns:repeat(6,1fr)!important;overflow:visible}}
.strip-sec .strip img{border-bottom:0!important}
.pipe{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.pipe{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pipe{grid-template-columns:1fr}.sb-row{grid-template-columns:80px 1fr auto}}
.flow{list-style:none;margin:6px 0 0;padding:0;counter-reset:f}
.flow li{counter-increment:f;display:grid;grid-template-columns:34px 82px 1fr;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--rule);font-size:16.5px}
.flow li:before{content:counter(f,decimal-leading-zero);font:500 13px var(--mono);color:var(--blue)}
.flow b{font-family:var(--disp);font-size:17px}.flow span{color:var(--ink2)}
@media(max-width:520px){.flow li{grid-template-columns:30px 1fr}.flow span{grid-column:2}}