.cl-hero{background:radial-gradient(70% 90% at 78% 40%, rgba(var(--c-blue), .22), transparent 70%), linear-gradient(165deg, var(--paper), var(--blue-deep) 70%);padding-top:clamp(48px,6vw,88px);position:relative;overflow:hidden}.cl-hero .slash{background:linear-gradient(180deg, rgba(var(--c-blue-mid), .55), rgba(var(--c-blue-deep), .2));width:46%}.cl-hero .cols{position:relative}.cl-hero .stack{gap:24px}.cl-hero h1 .l2{display:block}.cl-devwrap{justify-items:center;display:grid;position:relative}.cl-devwrap:before{content:"";background:radial-gradient(closest-side, rgba(var(--c-blue), .38), transparent);filter:blur(30px);z-index:0;position:absolute;inset:8% 6% 4%}.cl-devwrap .device{--w:min(320px, 68vw);z-index:1}.cl-devwrap figcaption{text-align:center}html.js-m .cl-devwrap .device{animation:cl-rise 1.1s var(--e) .25s both}@keyframes cl-rise{0%{opacity:0;transform:translateY(40px)rotate(2deg)}to{opacity:1;transform:none}}.cl-head{gap:14px;max-width:760px;margin-bottom:clamp(32px,4vw,56px);display:grid}.cl-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid;position:relative}.cl-steps .rail{background:var(--rule-2);transform-origin:0;height:2px;position:absolute;top:17px;left:18px;right:0}html.js-m .cl-steps:not(.in) .rail{transform:scaleX(0)}.cl-steps .rail{transition:transform 1.4s var(--e) .2s}.cl-step{align-content:start;gap:14px;display:grid;position:relative}.cl-step .numchip{z-index:1;font-family:var(--fh);box-shadow:0 0 0 8px var(--paper);font-size:20px;font-style:italic;position:relative}.cl-step .card{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 4.62px) 100%,0 100%);height:100%;padding-bottom:40px}.cl-step h3{font-size:clamp(24px,2.2vw,30px)}.cl-big15{align-items:baseline;gap:10px;margin-top:6px;display:flex}.cl-big15 b{font:italic 700 84px / .85 var(--fh);color:var(--accent-text)}.cl-big15 span{font:italic 700 22px / 1 var(--fh);text-transform:uppercase;color:var(--ink)}.cl-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cl-chips .chip{padding:4px 12px;font-size:13px}.cl-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.cl-tile{border:1px solid var(--rule-2);border-radius:var(--r-btn);background:var(--panel);gap:2px;padding:12px 14px;display:grid}.cl-tile small{color:var(--ink-3);font-size:12px}.cl-tile b{font:500 34px / 1 var(--f);color:var(--go)}.cl-tile i{letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:var(--go);border-radius:6px;justify-self:start;margin-top:6px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:700}.cl-plan{gap:8px;margin-top:8px;display:grid}.cl-plan div{border:1px solid var(--rule-2);border-radius:var(--r-btn);background:var(--panel);color:var(--ink);align-items:center;gap:10px;padding:12px 14px;font-weight:500;display:flex}.cl-plan i{background:var(--go);border-radius:50%;flex:none;width:10px;height:10px}.cl-plan .lt i{background:var(--warn)}.cl-samp{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}@media (max-width:860px){.cl-steps{grid-template-columns:minmax(0,1fr)}.cl-steps .rail{transform-origin:top;width:2px;height:auto;inset:18px auto 40px 17px}html.js-m .cl-steps:not(.in) .rail{transform:scaleY(0)}}.cl-sig-head{margin-bottom:clamp(16px,3vw,40px)}.cl-chap{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:stretch;gap:clamp(32px,6vw,96px);display:grid}.cl-stagecol{position:relative}.cl-stage{justify-items:center;padding-block:8px;display:grid;position:sticky;top:92px}.cl-stage:before{content:"";background:linear-gradient(180deg, rgba(var(--c-blue-mid), .5), rgba(var(--c-blue-deep), .1));border-radius:6px;width:min(420px,100%);height:92%;position:absolute;top:2%;left:50%;transform:translate(-50%)skew(-12deg)}.cl-stage .device{--w:min(340px, calc((100svh - 190px) * .4613));display:grid;position:relative}.cl-stage .device img{opacity:0;transition:opacity .5s var(--e);grid-area:1/1}.cl-stage .device figcaption{grid-area:2/1}.cl-chap:not([data-active]) img[data-s=summary],.cl-chap[data-active=squad] img[data-s=summary],.cl-chap[data-active=checkin] img[data-s=summary],.cl-chap[data-active=load] img[data-s=status],.cl-chap[data-active=play] img[data-s=injuries],.cl-chap[data-active=calendar] img[data-s=events]{opacity:1}.cl-list{counter-reset:cl;margin:0;padding:0;list-style:none}.cl-list li{border-top:1px solid var(--rule);min-height:64vh;transition:opacity .5s var(--e);align-content:center;gap:14px;padding-block:24px;display:grid}.cl-list li:first-child{border-top:0}.cl-list .n{font:italic 700 20px / 1 var(--fh);color:var(--accent-text);letter-spacing:.06em}.cl-list h3{font-size:clamp(30px,3.4vw,48px)}.cl-list p{max-width:34ch;font-size:clamp(17px,1.5vw,20px)}html.cl-js .cl-list li{opacity:.34}html.cl-js .cl-list li.active{opacity:1}.cl-mfig{display:none}@media (max-width:860px){.cl-chap{grid-template-columns:minmax(0,1fr)}html.cl-js .cl-stagecol{display:none}.cl-stage{position:static}.cl-stage .device{--w:min(300px, 78vw)}.cl-list li{min-height:0;padding-block:36px}html.cl-js .cl-list li{opacity:1}html.cl-js .cl-mfig{--w:min(300px, 78vw);margin-top:14px;display:block}}.cl-rec{grid-template-columns:minmax(0,1fr) minmax(60px,.7fr) minmax(0,1fr);align-items:center;display:grid}.cl-recs{gap:16px;display:grid}.cl-node{border:1px solid var(--rule-2);border-radius:var(--r-card);background:var(--card);color:var(--ink);padding:18px 22px;font-weight:500}.cl-node small{color:var(--ink-3);font-size:12px;font-weight:400;display:block}.cl-node.focal{border:2px solid var(--accent);background:linear-gradient(var(--accent-wash), var(--accent-wash)), var(--paper);box-shadow:0 0 44px -14px var(--glow);padding:28px}.cl-node.focal h3{margin-bottom:8px;font-size:clamp(26px,2.6vw,36px)}.cl-node.focal p{color:var(--ink-2)}.cl-wires{width:100%;height:100%;min-height:240px;display:block;overflow:visible}.cl-wires path{fill:none;stroke:var(--accent);stroke-width:2.5px;vector-effect:non-scaling-stroke}@media (max-width:860px){.cl-rec{grid-template-columns:minmax(0,1fr);gap:0}.cl-wires{display:none}.cl-recs{margin-bottom:14px}}.cl-year-sec{clip-path:polygon(0 var(--cut), 100% 0, 100% calc(100% - var(--cut)), 0 100%);margin-top:calc(var(--cut) * -1);padding-block:calc(clamp(64px, 8vw, 112px) + var(--cut));background:radial-gradient(60% 80% at 20% 30%, rgba(var(--c-blue), .16), transparent 70%), var(--deep);color:var(--ink)}.cl-year-sec h2{max-width:20ch}.cl-year{gap:14px;margin-top:clamp(36px,5vw,64px);display:grid}.cl-ycard{border-left:3px solid var(--accent);background:rgba(var(--c-blue), .12);max-width:360px;color:var(--ink);justify-self:end;padding:16px 20px;font-size:18px;font-weight:500}.cl-ycard h3{margin-bottom:4px;font-size:28px}.cl-ytrack{height:44px;position:relative}.cl-life{background:linear-gradient(90deg, rgba(var(--c-ink), .35), var(--ink));transform-origin:0;height:6px;transition:transform 1.6s var(--e) .1s;border-radius:3px;position:absolute;top:19px;left:0;right:0}.cl-brk{border:3px solid var(--accent);border-radius:var(--r-chip);background:rgba(var(--c-blue), .25);width:29.17%;height:44px;box-shadow:0 0 30px -6px var(--glow);transition:opacity .6s var(--e) 1.2s, transform .6s var(--e) 1.2s;position:absolute;top:0;left:58.33%}html.js-m .cl-year:not(.in) .cl-life{transform:scaleX(0)}html.js-m .cl-year:not(.in) .cl-brk{opacity:0;transform:translateY(-12px)}.cl-months{color:var(--ink-3);grid-template-columns:repeat(12,1fr);font-size:12px;display:grid}.cl-ylab{font:italic 700 22px / 1.1 var(--fh);text-transform:uppercase;color:var(--ink)}.cl-par{border:1px solid var(--rule-2);border-radius:var(--r-lg);background:linear-gradient(120deg, var(--accent-wash), transparent 60%), var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(28px,4vw,52px);display:flex}.cl-par .stack{max-width:52ch}.cl-res{background:radial-gradient(60% 60% at 15% 10%, rgba(var(--c-blue), .16), transparent 70%), radial-gradient(50% 50% at 90% 90%, rgba(var(--c-blue), .1), transparent 70%), var(--paper);border-block:1px solid var(--rule);padding-block:clamp(80px,11vw,160px);position:relative;overflow:hidden}.cl-res h2.ed-eye{font-family:var(--f);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:20px;font-size:12px;font-style:normal;font-weight:700}.cl-res .ed-mega{color:var(--accent-text);text-shadow:0 0 42px var(--glow);font-size:clamp(120px,22vw,300px)}.cl-res .ed-pull{max-width:20em;margin-top:clamp(16px,2vw,28px);font-size:clamp(28px,3.6vw,52px)}.cl-res .rule{background:var(--accent);transform-origin:0;width:min(320px,60%);height:2px;transition:transform 1.2s var(--e) .2s;margin:clamp(24px,3vw,40px) 0 18px;display:block}html.js-m .cl-res .rule:not(.in){transform:scaleX(0)}.cl-res .src{font:400 clamp(15px, 1.2vw, 17px) / 1.5 var(--f);color:var(--ink-3);max-width:34em}.cl-res .link{margin-top:26px;font-size:17px;display:inline-block}.cl-code{border:1px solid var(--rule-2);border-radius:var(--r-card);background:var(--card);max-width:380px;box-shadow:0 30px 60px -30px rgba(var(--c-shadow), .7);gap:10px;padding:26px 28px;display:grid}.cl-code .k{font:italic 700 52px / 1 var(--fh);letter-spacing:.08em;color:var(--ink)}.cl-code .l{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:700}.cl-close{clip-path:polygon(0 var(--cut), 100% 0, 100% 100%, 0 100%);margin-top:calc(var(--cut) * -1);padding-top:calc(clamp(64px, 8vw, 112px) + var(--cut));background:radial-gradient(60% 90% at 80% 20%, rgba(var(--c-blue), .25), transparent 70%), var(--deep);color:var(--ink)}.cl-close .wrap{justify-items:start;gap:28px;display:grid}.cl-close h2{max-width:16ch}@media (prefers-reduced-motion:reduce){.cl-stage .device img,.cl-list li{transition:none}}