:root{--ink:#111627;--paper:#f6f7fb;--orange:#f48120;--blue:#3849a4;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:#0c1020;color:var(--ink);font-family:Inter,Arial,sans-serif;overflow:hidden}.deck{height:100vh}.slide{display:none;position:absolute;inset:0;background:var(--paper);padding:8vh 8vw;overflow:auto}.slide.active{display:block;animation:rise .35s ease}.slide:after{content:"SPORTLINK × CLOUDFLARE";position:absolute;right:4vw;bottom:3vh;font-size:11px;letter-spacing:.18em;color:#98a2b3}.cover{color:white;background:radial-gradient(circle at 80% 20%,#3f56ca 0,transparent 34%),linear-gradient(135deg,#111627,#1f2a5b)}.cover:after{color:#b8c0e8}.eyebrow{display:block;color:var(--orange);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:14px;margin-bottom:3vh}h1{font-size:clamp(44px,6vw,92px);line-height:.98;max-width:980px;margin:0 0 3vh}h2{font-size:clamp(36px,4.7vw,72px);line-height:1.02;max-width:1050px;margin:0 0 5vh}h3{font-size:22px;margin:12px 0 8px}.lede{font-size:clamp(20px,2.1vw,32px);line-height:1.4;max-width:900px;color:#d7dcf6}.grid{display:grid;gap:22px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}article{background:white;border:1px solid #e4e7ec;border-radius:18px;padding:26px;box-shadow:0 12px 35px #11162710}article>b{font-size:38px;color:var(--orange)}article p{color:var(--muted);line-height:1.5}.route,.pipeline,.benefits,.checklist{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.route{margin-top:8vh}.route span{border:1px solid #ffffff50;padding:14px 20px;border-radius:999px}.pipeline{justify-content:center;margin-top:10vh}.pipeline div{min-width:230px;background:white;border:1px solid #dde1ec;padding:28px;border-radius:20px;display:grid;gap:8px;text-align:center}.pipeline .accent{background:var(--blue);color:white;border-color:var(--blue);transform:scale(1.08)}.pipeline small,.pipeline em{color:var(--muted)}.pipeline .accent small,.pipeline .accent em{color:#d7dcf6}.pipeline i{font-size:32px;color:var(--orange)}.benefits{justify-content:center;margin-top:7vh}.benefits span,.checklist span{background:#e9edff;color:#263783;padding:12px 18px;border-radius:999px;font-weight:700}.note{margin-top:4vh;border-left:5px solid var(--orange);padding:14px 18px;background:#fff4e8;max-width:1000px}.code-slide pre{background:#111627;color:#dce3ff;padding:28px;border-radius:18px;overflow:auto;font-size:clamp(13px,1.4vw,20px);line-height:1.5;box-shadow:0 18px 50px #11162722}.timeline{list-style:none;padding:0;display:grid;gap:14px;max-width:1000px}.timeline li{display:flex;align-items:center;gap:22px;background:white;padding:18px 24px;border-radius:14px;border:1px solid #e4e7ec}.timeline b{color:var(--orange);font-size:26px}.timeline span{font-size:20px}.finish{background:linear-gradient(145deg,#f6f7fb 55%,#e7eaff)}.checklist{margin:6vh 0}.finish .lede{color:var(--muted)}.sources{position:absolute;bottom:7vh;color:#98a2b3}nav{position:fixed;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#111627e8;color:white;padding:9px 14px;border-radius:999px}button{border:0;background:#ffffff14;color:white;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}button:hover{background:var(--orange)}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:800px){.slide{padding:7vh 7vw}.three,.two{grid-template-columns:1fr}.pipeline{align-items:stretch}.pipeline i{display:none}.pipeline div{width:100%}.pipeline .accent{transform:none}h2{margin-bottom:3vh}}@media print{body{overflow:visible}.slide{display:block!important;position:relative;width:100vw;height:56.25vw;page-break-after:always}nav{display:none}}