:root{
  --bg:#ffffff; --bg2:#f5f6f8; --card:#ffffff; --ink:#0f1720; --ink2:#4a5562; --line:#e3e6ea;
  --accent:#2f5bea; --accent-ink:#ffffff; --accent-soft:#e8eefe; --stage:#e9ecf1;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d1117; --bg2:#141a22; --card:#161d26; --ink:#e8edf2; --ink2:#a3adb8; --line:#28313c;
  --accent:#7c9cff; --accent-ink:#0d1117; --accent-soft:#1c2645; --stage:#06090d;
}}
:root[data-theme="dark"]{
  --bg:#0d1117; --bg2:#141a22; --card:#161d26; --ink:#e8edf2; --ink2:#a3adb8; --line:#28313c;
  --accent:#7c9cff; --accent-ink:#0d1117; --accent-soft:#1c2645; --stage:#06090d;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}

/* deck: 1280x720 slides scaled to fit */
body.deck{background:var(--stage);overflow:hidden;height:100vh;height:100dvh}
.slide{position:absolute;left:50%;top:50%;width:1280px;height:720px;transform:translate(-50%,-50%) scale(var(--s,1));
  background:var(--bg);border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.18);overflow:hidden;display:none}
.slide.on{display:block}
.slide .in{position:absolute;inset:0;padding:72px 88px 80px;display:flex;flex-direction:column}
.sfoot{position:absolute;left:88px;right:88px;bottom:28px;display:flex;justify-content:space-between;font-size:14px;color:var(--ink2)}
.sfoot b,.brand b{color:var(--accent)}
.tag{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
h1{font-size:68px;line-height:1.04;letter-spacing:-.04em;margin:0 0 24px;max-width:1000px}
h2{font-size:44px;line-height:1.1;letter-spacing:-.03em;margin:0 0 36px}
.eyebrow{align-self:flex-start;font-size:16px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:7px 16px;border-radius:999px;margin-bottom:28px}
.lead{font-size:24px;line-height:1.45;color:var(--ink2);max-width:900px;margin:0}
.cover .in{justify-content:center;padding-left:104px;z-index:1}
.cover:before{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;background:var(--accent-soft)}
.cover .meta{position:absolute;left:104px;right:88px;bottom:44px;display:flex;justify-content:space-between;font-size:16px;color:var(--ink2)}
.cover .meta .brand{font-weight:800;color:var(--ink);font-size:18px}
.cover .meta a{text-decoration:none;font-weight:600}
.band{background:var(--accent)}
.band .in{justify-content:center}
.band .tag,.band .sfoot,.band .sfoot b{color:var(--accent-ink);opacity:.85}
.big{font-size:38px;line-height:1.3;letter-spacing:-.02em;font-weight:600;color:var(--accent-ink);margin:0;max-width:1060px}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:28px}
.card .num{font-size:15px;font-weight:700;color:var(--accent);margin-bottom:14px}
.card b{display:block;font-size:24px;letter-spacing:-.02em;margin-bottom:10px}
.card p{margin:0;color:var(--ink2);font-size:18px}
.card.proof a{display:inline-block;margin-top:16px;font-weight:600;text-decoration:none}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.steps li{counter-increment:s;border-top:3px solid var(--accent);padding-top:18px}
.steps li:before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:18px;margin-bottom:16px}
.steps b{display:block;font-size:22px;margin-bottom:8px}
.steps p{margin:0;color:var(--ink2);font-size:17px}
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 24px}
.item{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:var(--card)}
.item b{display:block;font-size:19px;margin-bottom:4px}
.item p{margin:0;color:var(--ink2);font-size:16px;line-height:1.4}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.tier{position:relative;border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--card)}
.tier.hot{border:2px solid var(--accent);background:var(--accent-soft)}
.pop{position:absolute;top:-14px;left:28px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px}
.tier>b{font-size:20px}
.amt{font-size:44px;font-weight:800;letter-spacing:-.04em;margin:8px 0 14px}
.amt small{font-size:16px;font-weight:500;color:var(--ink2);letter-spacing:0}
.tier ul{margin:0;padding:0;list-style:none}
.tier li{padding:6px 0 6px 26px;position:relative;font-size:17px;color:var(--ink2)}
.tier li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.note{margin:22px 0 0;color:var(--ink2);font-size:16px}
.cmp{width:100%;border-collapse:collapse;font-size:19px}
.cmp th{text-align:left;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);padding:0 18px 12px 0;border-bottom:2px solid var(--ink)}
.cmp td{padding:22px 18px 22px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cmp td:first-child{font-weight:700;width:28%}
.cmp td.us{color:var(--accent);font-weight:600}
.ctas{display:flex;gap:14px;margin-top:36px}
.btn{display:inline-flex;align-items:center;padding:16px 26px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:19px;text-decoration:none;border:1px solid var(--accent)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}

.ctl{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:14px;z-index:5;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.ctl button{border:0;background:transparent;color:var(--ink);font:600 18px Inter,sans-serif;min-width:36px;height:34px;border-radius:999px;cursor:pointer}
.ctl #pdf{font-size:13px;color:var(--ink2)}
.ctl button:hover{background:var(--bg2)}
.ctl #pos{min-width:54px;text-align:center;color:var(--ink2);font-variant-numeric:tabular-nums}
.ctl .all{color:var(--ink2);text-decoration:none;padding:0 10px;font-weight:600;font-size:13px}
.bar{position:fixed;left:0;right:0;top:0;height:3px;z-index:5}
.bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}

/* phones: plain scrolling page instead of scaled slides */
@media (max-width:760px){
  body.deck{overflow:auto;height:auto;background:var(--bg)}
  .slide,.slide.on{display:block;position:relative;left:auto;top:auto;width:auto;height:auto;transform:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}
  .slide .in{position:relative;padding:48px 16px 56px}
  .cover .in{padding-left:16px}
  .cover .meta{position:static;margin-top:32px;flex-direction:column;gap:8px}
  .cover:before{width:240px;height:240px;right:-90px;top:-90px}
  .sfoot{display:none}
  h1{font-size:38px} h2{font-size:28px;margin-bottom:22px} .lead{font-size:18px} .big{font-size:23px}
  .cols3,.steps,.grid6,.tiers{grid-template-columns:1fr;gap:16px}
  .tiers{gap:26px}
  .card b{font-size:20px} .card p,.steps p{font-size:16px}
  .cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:auto!important}
  .cmp thead{display:none}
  .cmp tr{border-bottom:1px solid var(--line);padding:14px 0}
  .cmp td{border:0;padding:3px 0;font-size:16px}
  .ctas{flex-direction:column}
  .btn{justify-content:center;font-size:16px}
  .ctl,.bar{display:none}
}

@media print{
  @page{size:1280px 720px;margin:0}
  body.deck{overflow:visible;height:auto;background:#fff}
  .slide,.slide.on{display:block;position:relative;left:0;top:0;transform:none;border-radius:0;box-shadow:none;break-after:page;page-break-after:always}
  .ctl,.bar{display:none}
}

/* index page */
body.list header.top{border-bottom:1px solid var(--line)}
body.list .wrap{max-width:1160px;margin:0 auto;padding:0 16px}
body.list header .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
body.list header .brand{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none}
body.list header a{color:var(--ink2);text-decoration:none;font-size:14px}
body.list main h1{font-size:clamp(34px,5vw,52px);margin:56px 0 12px}
body.list main .lead{font-size:clamp(17px,2vw,20px);margin-bottom:36px}
.decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:64px}
.dk{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:24px;text-decoration:none;color:var(--ink);background:var(--card)}
.dk:hover{border-color:var(--accent)}
.dk .k{font-size:13px;font-weight:600;color:var(--accent)}
.dk b{font-size:22px;letter-spacing:-.02em;margin:6px 0 8px}
.dk p{margin:0 0 16px;color:var(--ink2);font-size:15px;flex:1}
.dk .go{font-weight:600;color:var(--accent);font-size:15px}
body.list footer{padding:24px 16px 40px;color:var(--ink2);font-size:14px;border-top:1px solid var(--line)}

/* example slides (before: report pages, after: video) */
.exh{margin-bottom:18px;font-size:40px}
.exh small{font-size:20px;font-weight:500;color:var(--ink2);letter-spacing:0;margin-left:10px}
.exrow{display:grid;grid-template-columns:300px 40px 1fr;gap:20px;align-items:center}
.exlabel{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:12px}
.pgs{display:flex;height:250px}
.pgs img{height:100%;aspect-ratio:794/1123;border-radius:5px;border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.16);background:#fff}
.pgs img+img{margin-left:-80px}
.pgs img:nth-child(1){transform:rotate(-3deg)}
.pgs img:nth-child(3){transform:rotate(3deg)}
.expages a{display:inline-block;margin-top:18px;font-weight:600;text-decoration:none}
.exarrow{font-size:40px;font-weight:800;color:var(--accent);text-align:center}
.exvid video{width:auto;height:330px;max-width:100%;aspect-ratio:16/9;border-radius:12px;background:#000;display:block;box-shadow:0 14px 36px rgba(0,0,0,.2)}
.expts{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:4px 30px;font-size:16px;color:var(--ink2)}
.expts li:before{content:"\2713";color:var(--accent);font-weight:800;margin-right:10px}
@media (max-width:760px){.exrow{grid-template-columns:1fr}.exarrow{transform:rotate(90deg)}.pgs{height:220px}.exvid video{width:100%;height:auto}.pgs img+img{margin-left:-60px}.expts{grid-template-columns:1fr}}
.vidwrap{display:flex;justify-content:center}.vidwrap video{width:auto;height:min(52vh,460px);max-width:100%;aspect-ratio:16/9;border-radius:12px;background:#000;display:block;box-shadow:0 14px 36px rgba(0,0,0,.2)}
@media (max-width:760px){.vidwrap video{width:100%;height:auto}}