/* Job Corps × Impacter Pathway · slide styles on top of the Houston deck system (deck.css). */

/* cover */
.s1 .strip{gap:1.8cqw;flex-wrap:nowrap}
.s1 .strip .stl{font-size:.8cqw;font-weight:600;color:var(--lo);white-space:nowrap}
.txtlogo{font-size:1cqw;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap;line-height:1.05}
.txtlogo i{display:block;font-style:normal;font-weight:500;font-size:.72cqw;color:var(--mid);letter-spacing:0}
.s1 h1{font-size:4.9cqw}
.s1 p{width:42cqw!important}
.s1 .copy{width:56cqw!important}

/* 2 · the gap */
.sgap{background:radial-gradient(ellipse 60% 80% at 80% 45%,#1A0D10 0,#000 65%)}
.sgap .left{position:absolute;left:5cqw;top:4.4cqw;bottom:3.6cqw;width:42cqw;display:flex;flex-direction:column}
.sgap h2{font-size:3.7cqw;margin-top:.8cqw}
.sgap .lede{margin-top:1.4cqw;font-size:1.15cqw}
.sgap .cite{margin-top:.6cqw}
.facts{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw;padding-top:1.4cqw;border-top:1px solid var(--edge)}
.facts b{display:block;font-size:2.4cqw;font-weight:700;letter-spacing:-.05em;line-height:1}
.facts span{display:block;font-size:.82cqw;color:var(--mid);margin-top:.4cqw;line-height:1.35}
.stack{position:absolute;left:51cqw;right:5cqw;top:4.4cqw;bottom:3.6cqw;padding:1.6cqw 1.8cqw;display:flex;flex-direction:column;gap:.55cqw}
.sth{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4cqw}
.sth b{font-size:1.35cqw;font-weight:600;letter-spacing:-.02em}
.sth span{font-size:.75cqw;color:var(--lo)}
.stl2{width:100%;display:grid;grid-template-columns:2.2cqw 1fr auto;align-items:center;gap:1cqw;padding:.85cqw 1.1cqw;border-radius:1cqw;background:rgba(255,255,255,.04);border:1px solid var(--edge);color:#fff;cursor:pointer;text-align:left;transition:all .25s var(--out);margin-bottom:.5cqw}
.stl2 .ck{width:2.2cqw;height:2.2cqw;border-radius:50%;display:grid;place-items:center;font-size:1.05cqw;font-weight:700;background:rgba(48,209,88,.16);color:#30D158}
.stl2.thin .ck{background:rgba(255,214,10,.14);color:#FFD60A}
.stl2.none .ck{background:linear-gradient(135deg,#2997FF,#F37163);color:#fff}
.stl2 b{font-size:1.05cqw;font-weight:600}
.stl2 em{font-style:normal;font-size:.78cqw;color:var(--mid)}
.stl2.none{border:1px dashed rgba(243,113,99,.6);background:rgba(243,113,99,.06)}
.stl2.on{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:translateX(-.4cqw)}
.stl2.none.on{background:rgba(243,113,99,.16);border-color:#F37163}
.stdet{margin-top:auto;padding:1.1cqw 1.2cqw;border-radius:1cqw;background:rgba(255,255,255,.05);min-height:7.4cqw}
.stdet small{font-size:.72cqw;font-weight:700;color:#F37163}
.stdet p{font-size:1cqw;line-height:1.45;color:var(--mid);margin:.3cqw 0 0}

/* 3 · their standards */
.scss{background:radial-gradient(ellipse 55% 75% at 75% 50%,#0B1633 0,#000 65%)}
.scss .left{position:absolute;left:5cqw;top:4.4cqw;bottom:5cqw;width:36cqw;display:flex;flex-direction:column;gap:1cqw}
.jclogo{display:flex;align-items:center;gap:1cqw}
.jclogo img{height:3.2cqw}
.scss h2{font-size:3.6cqw}
.scss .lede{font-size:1.05cqw}
.cssd{padding:1.2cqw 1.4cqw;min-height:11cqw}
.cssd small{font-size:.72cqw;font-weight:700;color:#64D2FF}
.cssd h4{font-size:1.5cqw;font-weight:700;letter-spacing:-.02em;margin:.2cqw 0 .3cqw}
.cssd .sk{font-size:.95cqw;color:var(--mid);margin:0}
.cssd .sk em{font-style:normal;font-weight:600}
.cssd q{display:block;margin-top:.7cqw;font-size:1.02cqw;line-height:1.4;color:#fff;quotes:"“" "”"}
.cssd .sp{display:block;font-size:.7cqw;color:var(--lo);margin-top:.35cqw}
.xw{position:absolute;left:44cqw;right:5cqw;top:5cqw;bottom:5cqw;display:grid;grid-template-columns:1.25fr 1fr;gap:9cqw}
.xcol{display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
.xcol h4{font-size:.8cqw;font-weight:700;color:var(--lo);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4cqw}
.xi{display:flex;align-items:center;gap:.9cqw;text-align:left;font-size:1.02cqw;font-weight:500;color:var(--mid);background:rgba(255,255,255,.04);border:1px solid var(--edge);border-radius:.9cqw;padding:.72cqw 1cqw;cursor:pointer;transition:all .25s var(--out)}
.xi i{font-style:normal;font-size:.72cqw;color:var(--lo);font-weight:700}
.xi:hover{color:#fff}
.xi.on{background:#fff;color:#000;border-color:#fff}
.xi.on i{color:#000}
.xs{display:flex;align-items:center;gap:.8cqw;font-size:1.05cqw;font-weight:600;color:var(--lo);padding:.68cqw 1cqw;border-radius:.9cqw;border:1px solid transparent;transition:all .3s var(--out)}
.xs i{width:.8cqw;height:.8cqw;border-radius:50%;opacity:.35}
.xs.on{color:#fff;background:rgba(255,255,255,.06);border-color:var(--edge)}
.xs.on i{opacity:1;box-shadow:0 0 1cqw currentColor}
.xwires{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.xwires path{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1s var(--out) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.scss .foot{position:absolute;left:5cqw;bottom:1.6cqw;font-size:.7cqw;color:var(--lo)}

/* 4 · in, through, out */
.sarc{background:radial-gradient(ellipse 60% 70% at 30% 60%,#0A1F14 0,#000 65%)}
.sarc .top{position:absolute;left:5cqw;right:5cqw;top:3.4cqw;display:flex;justify-content:space-between;align-items:flex-end;gap:2cqw}
.sarc h2{font-size:2.9cqw;margin-top:.6cqw}
.phases{display:flex;gap:.7cqw}
.phases .ph{width:12.2cqw;text-align:left;background:rgba(255,255,255,.04);border:1px solid var(--edge);border-radius:1cqw;padding:.8cqw 1cqw;color:#fff;cursor:pointer;transition:all .3s var(--out)}
.phases .ph i{font-style:normal;font-size:.7cqw;font-weight:700;color:var(--lo)}
.phases .ph b{display:block;font-size:1.1cqw;font-weight:700;letter-spacing:-.02em;margin-top:.15cqw}
.phases .ph span{display:block;font-size:.68cqw;color:var(--mid);margin-top:.2cqw;line-height:1.3}
.phases .ph.on{background:#fff;color:#000;border-color:#fff}
.phases .ph.on i,.phases .ph.on span{color:#444}
.arcbody{position:absolute;left:5cqw;right:5cqw;top:13cqw;bottom:3.4cqw;display:grid;grid-template-columns:1fr 1.05fr;gap:1.4cqw}
.arcside{display:flex;flex-direction:column;gap:1cqw;min-height:0}
.arcwhat{padding:1.3cqw 1.5cqw;flex:1;display:flex;flex-direction:column;gap:.9cqw}
.awh{display:grid;grid-template-columns:1fr auto;gap:1cqw;align-items:start}
.awh small{font-size:.72cqw;font-weight:700;color:#30D158}
.awh h4{font-size:1.55cqw;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:.2cqw}
.awh .lv{text-align:right}
.awh .lv strong{display:block;font-size:2.6cqw;font-weight:800;letter-spacing:-.05em;line-height:.95}
.awh .lv em{font-style:normal;font-size:.72cqw;font-weight:600;padding:.15cqw .6cqw;border-radius:99px;color:#000;display:inline-block;margin-top:.25cqw;white-space:nowrap}
.aw2{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}
.aw2 i{font-style:normal;font-size:.72cqw;font-weight:700;color:var(--lo);text-transform:uppercase;letter-spacing:.06em}
.aw2 p{font-size:.95cqw;line-height:1.45;color:var(--mid);margin:.3cqw 0 0}
.aw2 p b{color:#fff;font-weight:600}
.arcwhat .btn{align-self:flex-start;margin-top:auto}
.arcline{padding:1cqw 1.4cqw;flex:none}
.alh{display:flex;justify-content:space-between;align-items:baseline}
.alh b{font-size:.95cqw;font-weight:600}
.alh span{font-size:.7cqw;color:var(--lo)}
.aline{display:grid;grid-template-columns:repeat(3,1fr);height:5.4cqw;margin-top:1.4cqw;border-bottom:1px solid var(--edge);position:relative}
.ap{position:relative;display:flex;justify-content:center}
.ap i{position:absolute;left:50%;width:1cqw;height:1cqw;margin:0 0 -.5cqw -.5cqw;border-radius:50%;background:#2A2A2E;transition:all .5s var(--out)}
.ap .apv{position:absolute;font-size:.9cqw;font-weight:700;color:var(--lo);transition:color .4s}
.ap em{position:absolute;bottom:-1.5cqw;font-style:normal;font-size:.72cqw;color:var(--lo)}
.ap.on i{background:#30D158;box-shadow:0 0 1.2cqw #30D158}
.ap.on .apv{color:#fff}
.apn{font-size:.66cqw;color:var(--lo);margin:1.8cqw 0 0}

/* 6 · growth: the relay */
.sgrow{background:radial-gradient(ellipse 70% 60% at 50% 40%,#0B1A33 0,#000 65%)}
.sgrow .top{position:absolute;left:5cqw;right:5cqw;top:3.4cqw;display:flex;justify-content:space-between;align-items:flex-end}
.sgrow h2{font-size:3.4cqw;margin-top:.6cqw}
.relay{border:0;background:#fff;color:#000;font-weight:700;font-size:1.05cqw;border-radius:99px;padding:.9cqw 1.6cqw;display:inline-flex;gap:.7cqw;align-items:center;cursor:pointer}
.relay .ico{width:0;height:0;border-left:.75cqw solid #000;border-top:.45cqw solid transparent;border-bottom:.45cqw solid transparent}
.relay.running .ico{width:.7cqw;height:.85cqw;border:0;border-left:.22cqw solid #000;border-right:.22cqw solid #000}
.pair{position:absolute;left:5cqw;right:5cqw;top:10.4cqw;bottom:16.6cqw;display:grid;grid-template-columns:1fr 6cqw 1fr;gap:1cqw}
.side2{display:flex;flex-direction:column;gap:.6cqw;min-height:0;transition:opacity .35s}
.side2.dim{opacity:.38}
.hlab{display:flex;align-items:baseline;gap:.8cqw}
.hlab b{font-size:1.2cqw;font-weight:700}
.hlab span{font-size:.85cqw;color:var(--mid)}
.hlab em{margin-left:auto;font-style:normal;font-size:.9cqw;color:var(--mid)}
.hlab em strong{font-size:1.5cqw;font-weight:800;letter-spacing:-.04em}
.rv{position:relative;flex:1;min-height:0;border-radius:1.3cqw;overflow:hidden;background:#000;border:2px solid transparent;transition:border-color .3s}
.side2.focus .rv{border-color:#64D2FF}
.rv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}
.rcap{position:absolute;left:4%;right:4%;bottom:1cqw;text-align:center;font-size:1.15cqw;font-weight:600;line-height:1.35;text-shadow:0 1px 8px #000,0 0 2px #000;pointer-events:none}
.rcap span{color:rgba(255,255,255,.55)}
.rcap span.s{color:#fff}
.pair .arrow{display:flex;align-items:center;justify-content:center}
.pair .arrow span{font-size:2.6cqw;font-weight:800;letter-spacing:-.05em;color:#64D2FF;text-align:center;line-height:1}
.pair .arrow small{display:block;font-size:.7cqw;font-weight:600;color:var(--mid);letter-spacing:0;margin-top:.3cqw}
.beats{position:absolute;left:5cqw;right:5cqw;bottom:4.8cqw;height:10.6cqw;display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}
.beat{text-align:left;background:var(--glass);border:1px solid var(--edge);border-radius:1.2cqw;padding:.9cqw 1.1cqw;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.3cqw;transition:all .25s}
.beat i{font-style:normal;font-size:.68cqw;font-weight:700;color:#64D2FF}
.beat b{font-size:1cqw;font-weight:700}
.beat span{font-size:.76cqw;line-height:1.35;color:var(--mid);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.beat .qa::before{content:"In  ";font-weight:700;color:var(--lo)}
.beat .qb{color:#fff}
.beat .qb::before{content:"Out  ";font-weight:700;color:#64D2FF}
.beat.on{border-color:#64D2FF;background:rgba(100,210,255,.08)}
.beat.done i::after{content:"  ✓";color:#30D158}
.gnote{position:absolute;left:5cqw;bottom:2.4cqw;font-size:.78cqw;color:var(--lo)}

/* 7 · skills transcript */
.strx{background:radial-gradient(ellipse 60% 80% at 75% 50%,#1F1A06 0,#000 65%)}
.strx .left{position:absolute;left:5cqw;top:4.4cqw;bottom:3.6cqw;width:33cqw;display:flex;flex-direction:column}
.strx h2{font-size:3.5cqw;margin-top:.8cqw}
.strx .lede{margin-top:1.2cqw;font-size:1.08cqw}
.trxkeys{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:1.1cqw 1.4cqw}
.trxkeys i{font-style:normal;font-size:.7cqw;font-weight:700;color:#FFD60A}
.trxkeys b{display:block;font-size:1cqw;font-weight:600;margin-top:.1cqw}
.trxkeys span{display:block;font-size:.8cqw;color:var(--mid);margin-top:.2cqw;line-height:1.35}
.trx{position:absolute;left:41cqw;right:5cqw;top:4.4cqw;bottom:3.6cqw;padding:1.5cqw 1.7cqw;display:flex;flex-direction:column;overflow:hidden;background:#F5F3EE;color:#1D1D1F;border:0}
.trx .th{display:flex;justify-content:space-between;align-items:center;padding-bottom:1cqw;border-bottom:2px solid #1D1D1F}
.tid{display:flex;align-items:center;gap:1cqw}
.tid img{width:3.8cqw;height:3.8cqw;border-radius:50%;object-fit:cover}
.tid small{font-size:.7cqw;font-weight:700;color:#B07A00;letter-spacing:.04em;text-transform:uppercase}
.tid b{display:block;font-size:1.6cqw;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.tid span{font-size:.8cqw;color:#6E6E73}
.creds{display:flex;gap:1.2cqw}
.creds div{text-align:right}
.creds i{display:block;font-style:normal;font-size:.62cqw;font-weight:700;color:#6E6E73;text-transform:uppercase;letter-spacing:.05em}
.creds b{font-size:1.05cqw;font-weight:700}
.tcols,.trow{display:grid;grid-template-columns:10.5cqw 1fr 7.6cqw 3.4cqw;gap:1cqw;align-items:center}
.tcols{font-size:.64cqw;font-weight:700;color:#6E6E73;text-transform:uppercase;letter-spacing:.05em;padding:.8cqw .6cqw .4cqw}
.trows{flex:1;display:flex;flex-direction:column;justify-content:space-around;min-height:0}
.trow{padding:.48cqw .6cqw;border-radius:.6cqw;transition:background .2s}
.trow b{font-size:1cqw;font-weight:700}
.trow em{font-style:normal;font-size:.9cqw;font-weight:700;line-height:1.1;filter:brightness(.82)}
.trow em small{display:block;font-size:.66cqw;font-weight:500;color:#6E6E73}
.trow.ev{cursor:pointer}
.trow.ev:hover,.trow.on{background:rgba(0,0,0,.06)}
.tb{position:relative;height:.5cqw;border-radius:99px;background:#E3E0D8}
.tb i{position:absolute;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.tb .in{width:.8cqw;height:.8cqw;background:#fff;border:2px solid #8E8E93}
.tb .rng{height:.5cqw;border-radius:99px;transform:translateY(-50%);background:linear-gradient(90deg,#C7C7CC,#1D1D1F)}
.tb .out{width:1.1cqw;height:1.1cqw;border:2px solid #1D1D1F}
.trow .play{width:2cqw;height:2cqw;border-radius:50%;border:0;background:#1D1D1F;display:grid;place-items:center;cursor:pointer;justify-self:center}
.trow .play svg{width:.7cqw;height:.7cqw}
.trow .play svg path{fill:#fff}
.trow .nov{font-size:.62cqw;color:#8E8E93;text-align:center}
.tq{display:none;padding:0 .6cqw .3cqw 12cqw;font-size:.85cqw;color:#3A3A3C}
.tq.on{display:block}
.tq q{quotes:"“" "”";font-style:italic}
.tfoot{display:flex;justify-content:space-between;font-size:.62cqw;color:#8E8E93;padding-top:.7cqw;border-top:1px solid #D9D5CB}
.tvid{position:absolute;right:1.5cqw;bottom:2.6cqw;width:16cqw;aspect-ratio:9/12;border-radius:1cqw;overflow:hidden;background:#000;box-shadow:0 1cqw 3cqw rgba(0,0,0,.4);opacity:0;transform:translateY(1cqw);pointer-events:none;transition:all .35s var(--out)}
.tvid.on{opacity:1;transform:none;pointer-events:auto}
.tvid video{width:100%;height:100%;object-fit:cover}
.tvid .tx{position:absolute;right:.5cqw;top:.5cqw;width:1.8cqw;height:1.8cqw;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:1.1cqw;cursor:pointer}

/* 8 · workkeys */
.swk{background:radial-gradient(ellipse 60% 80% at 75% 50%,#0B1633 0,#000 65%)}
.swk .left{position:absolute;left:5cqw;top:4.4cqw;bottom:3.6cqw;width:40cqw;display:flex;flex-direction:column;gap:1.1cqw}
.wklogos{display:flex;align-items:center;gap:1.2cqw}
.wklogos .ets{height:2.6cqw}
.wklogos .imp{height:3.6cqw}
.swk h2{font-size:3.3cqw}
.swk .lede{font-size:1.02cqw}
.wkstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw;padding-top:1cqw;border-top:1px solid var(--edge);margin-top:auto}
.wkstats b{display:block;font-size:2.6cqw;font-weight:700;letter-spacing:-.05em;line-height:1}
.wkstats span{display:block;font-size:.8cqw;color:var(--mid);margin-top:.35cqw;line-height:1.35}
.wkmedia{position:absolute;left:48cqw;right:5cqw;top:4.4cqw;bottom:3.6cqw;display:flex;flex-direction:column;gap:1cqw}
.wkv{position:relative;overflow:hidden;padding:0;flex:1.5;min-height:0;background:#fff}
.wkv video{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.wkrow{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1cqw;min-height:0}
.wkv.sm{flex:none;height:100%}
.wkv .tag{position:absolute;left:.8cqw;bottom:.8cqw;font-size:.7cqw;font-weight:600;padding:.3cqw .7cqw;border-radius:99px;background:rgba(0,0,0,.72);color:#fff}

/* 9 · court & alt ed */
.srooms{background:radial-gradient(ellipse 60% 80% at 20% 60%,#1A0D10 0,#000 65%)}
.srooms .left{position:absolute;left:5cqw;top:4.4cqw;bottom:3.6cqw;width:38cqw;display:flex;flex-direction:column}
.srooms h2{font-size:3.5cqw;margin-top:.8cqw}
.srooms .lede{margin-top:1.1cqw;font-size:1.05cqw}
.sites{margin-top:auto;display:flex;flex-direction:column;gap:1cqw}
.site{display:grid;grid-template-columns:2cqw 1fr;gap:.8cqw;padding-top:1cqw;border-top:1px solid var(--edge)}
.site i{font-style:normal;font-size:.75cqw;font-weight:700;color:#F37163}
.site b{font-size:1.05cqw;font-weight:700}
.site em{display:block;font-style:normal;font-size:.8cqw;color:#F37163;font-weight:600;margin-top:.1cqw}
.site p{font-size:.85cqw;line-height:1.4;color:var(--mid);margin:.25cqw 0 0}
.srooms .right{position:absolute;left:46cqw;right:5cqw;top:4.4cqw;bottom:3.6cqw;display:flex;flex-direction:column;gap:1cqw}
.vo{flex:1;min-height:0;padding:1.3cqw 1.5cqw;display:flex;flex-direction:column;gap:.9cqw}
.voh{display:flex;justify-content:space-between;align-items:baseline}
.voh b{font-size:1.15cqw;font-weight:700}
.voh span{font-size:.72cqw;color:var(--lo)}
.vochips{display:flex;gap:.7cqw}
.vc{flex:1;display:flex;align-items:center;gap:.7cqw;padding:.45cqw;border-radius:1cqw;background:rgba(255,255,255,.04);border:1px solid var(--edge);color:#fff;cursor:pointer;text-align:left;transition:all .25s}
.vc img{width:3cqw;height:3cqw;border-radius:.7cqw;object-fit:cover}
.vc b{display:block;font-size:.95cqw;font-weight:700}
.vc span{font-size:.72cqw;color:var(--mid)}
.vc.on{background:#fff;color:#000;border-color:#fff}
.vc.on span{color:#444}
.voplayer{flex:1;min-height:0;display:grid;grid-template-columns:.9fr 1fr;gap:1.2cqw}
.vov{position:relative;border-radius:1.1cqw;overflow:hidden;background:#000}
.vov video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}
.vov .bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4.4cqw;height:4.4cqw;border-radius:50%;border:0;background:rgba(255,255,255,.92);cursor:pointer;display:grid;place-items:center;transition:opacity .3s}
.vov .bigplay svg{width:1.5cqw;height:1.5cqw;margin-left:.25cqw}
.vot{display:flex;flex-direction:column;justify-content:center;gap:.8cqw}
.vot p{font-size:1.45cqw;font-weight:600;letter-spacing:-.02em;line-height:1.35;color:rgba(255,255,255,.35);margin:0}
.vot span{transition:color .2s}
.vot span.s{color:#fff}
.vot span.e{color:#F9A79E}
.vot span.e.s{color:#F37163}
.vot small{font-size:.85cqw;line-height:1.45;color:var(--mid)}
.vot small b{color:#fff}
.vot em{font-style:normal;font-size:.7cqw;color:var(--lo)}
.learned{flex:none;padding:1.1cqw 1.5cqw}
.learned h4{font-size:.75cqw;font-weight:700;color:var(--lo);text-transform:uppercase;letter-spacing:.06em}
.learned>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw;margin-top:.6cqw}
.learned b{display:block;font-size:.92cqw;font-weight:700}
.learned span{display:block;font-size:.75cqw;color:var(--mid);line-height:1.35;margin-top:.2cqw}

/* 10 · see it work */
.splat{background:radial-gradient(ellipse 60% 80% at 75% 50%,#0A1F14 0,#000 65%)}
.splat .left{position:absolute;left:5cqw;top:4.4cqw;bottom:3.6cqw;width:30cqw;display:flex;flex-direction:column;gap:1.1cqw}
.splat h2{font-size:3.4cqw}
.splat .lede{font-size:1.02cqw}
.tabs{display:flex;flex-wrap:wrap;gap:.5cqw}
.tabs button{font-size:.85cqw;font-weight:600;padding:.5cqw 1cqw;border-radius:99px;border:1px solid var(--edge);background:rgba(255,255,255,.04);color:var(--mid);cursor:pointer;transition:all .2s}
.tabs button:hover{color:#fff}
.tabs button.on{background:#fff;color:#000;border-color:#fff}
.pdesc{padding:1.2cqw 1.4cqw;margin-top:auto;min-height:10cqw}
.pdesc h4{font-size:1.35cqw;font-weight:700;letter-spacing:-.02em}
.pdesc p{font-size:.95cqw;line-height:1.45;color:var(--mid);margin:.4cqw 0 0}
.shot{position:absolute;left:38cqw;right:5cqw;top:8.6cqw;border-radius:1.4cqw;overflow:hidden;background:#fff;border:1px solid var(--edge);box-shadow:0 2cqw 6cqw -1cqw rgba(48,209,88,.25);display:flex;flex-direction:column}
.shot .chrome{flex:none;display:flex;align-items:center;gap:.45cqw;padding:.7cqw 1cqw;background:#1C1C1E}
.shot .chrome i{width:.7cqw;height:.7cqw;border-radius:50%;background:#3A3A3C}
.shot .chrome span{margin-left:1cqw;font-size:.75cqw;color:var(--mid);font-family:ui-monospace,monospace}
.shot img{display:block;width:100%;height:auto;aspect-ratio:1440/900;transition:opacity .25s}
.shot img.out{opacity:0}
.shot .openlive{position:absolute;right:1.2cqw;bottom:1.2cqw;background:#30D158;color:#03140A;font-weight:700;box-shadow:0 .6cqw 2cqw rgba(0,0,0,.35)}

/* 12 · pilot */
.spilot{background:radial-gradient(ellipse 70% 60% at 50% 30%,#1F1A06 0,#000 65%)}
.spilot .top{position:absolute;left:5cqw;right:5cqw;top:3.4cqw}
.spilot h2{font-size:3.2cqw;margin-top:.6cqw}
.tl{position:absolute;left:5cqw;right:5cqw;top:15.5cqw;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}
.tl::before{content:"";position:absolute;left:0;right:0;top:.55cqw;height:2px;background:linear-gradient(90deg,#FFD60A,#30D158,#64D2FF,#F37163)}
.tl .st{position:relative;padding-top:2cqw}
.tl .dot{position:absolute;top:0;left:0;width:1.2cqw;height:1.2cqw;border-radius:50%;background:#000;border:2px solid #fff}
.tl i{font-style:normal;font-size:.75cqw;font-weight:700;color:#FFD60A}
.tl b{display:block;font-size:2.1cqw;font-weight:700;letter-spacing:-.03em;margin-top:.2cqw}
.tl p{font-size:1.15cqw;line-height:1.45;color:var(--mid);margin:.4cqw 0 0}
.pbot{position:absolute;left:5cqw;right:5cqw;height:19cqw;bottom:3.4cqw;display:grid;grid-template-columns:1.4fr 1fr;gap:1.4cqw}
.pbot .card{padding:1.3cqw 1.6cqw}
.pbot h4{font-size:.78cqw;font-weight:700;color:var(--lo);text-transform:uppercase;letter-spacing:.06em}
.gets>div{margin-top:.9cqw;display:flex;flex-direction:column;gap:.7cqw}
.gets>div div{font-size:1.1cqw;line-height:1.35;padding-left:1.5cqw;position:relative}
.gets>div div::before{content:"✓";position:absolute;left:0;color:#30D158;font-weight:700}
.asks>div{margin-top:1cqw;display:grid;grid-template-columns:1fr 1fr;gap:2cqw 1cqw}
.asks b{display:block;font-size:2.2cqw;font-weight:700;letter-spacing:-.04em}
.asks span{display:block;font-size:.8cqw;color:var(--mid);line-height:1.35}

/* 13 · thanks */
.s9 .who .steve span b{font-size:1.15cqw}
.s9 .who .steve{padding-left:2cqw;border-left:1px solid var(--edge)}

/* modal docs */
.etspage{background:#fff;min-height:100%}
.etsbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 70px 12px 20px;background:#F5F5F7;color:#1D1D1F;font-size:14px}
.etspage img{display:block;width:100%}

/* rev 3 (10/24): one-line buttons, voice-first WorkKeys, demo-led platform, warmer modals */
.fwbtns.one{flex-wrap:nowrap;gap:.5cqw}
.fwbtns.one .btn{font-size:.9cqw;padding:.7cqw 1.2cqw}
.swk h2{font-size:3.3cqw;line-height:1.02}
.wkmedia{justify-content:center}
.wkv.big{flex:none;height:auto;aspect-ratio:16/10;border-radius:1.6cqw;box-shadow:0 0 6cqw rgba(100,210,255,.18)}
.wkv.big video{object-fit:cover;object-position:50% 0}
.wkv.big .tag{font-size:.85cqw;padding:.4cqw .9cqw}
.splat .demobtn{align-self:flex-start;background:#30D158;color:#03140A;font-weight:700}

/* sites in the modal get a slim bar with a fallback link */
.sitebox{position:absolute;inset:0;display:flex;flex-direction:column}
.sitebar{flex:none;display:flex;align-items:center;gap:14px;padding:12px 64px 12px 20px;background:linear-gradient(90deg,#0B1633,#1A0D2E);border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}
.sitebar b{color:#fff;font-size:14px}
.sitebar span{color:var(--lo);font-family:ui-monospace,monospace;margin-right:auto}
.sitebar a{color:#64D2FF;text-decoration:none;font-weight:600}
.sitebox iframe{flex:1;width:100%;border:0;background:#fff}

/* modal docs: brand color instead of flat black and white */
.mbox{background:radial-gradient(ellipse 80% 50% at 85% 0%,rgba(123,92,255,.22),transparent 60%),radial-gradient(ellipse 70% 50% at 0% 100%,rgba(41,151,255,.18),transparent 60%),#0B0B10}
.mdoc .k{color:#F37163;letter-spacing:.02em}
.mdoc h2{background:linear-gradient(100deg,#fff 30%,#9ECBFF 70%,#F9A79E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mdoc h3{color:#9ECBFF}
.lvlbar div,.steps div,.mcard{background:linear-gradient(160deg,rgba(41,151,255,.12),rgba(123,92,255,.06));border-color:rgba(158,203,255,.18)}
.lvlbar div:nth-child(5n+1){border-top:3px solid #8E8E93}
.lvlbar div:nth-child(5n+2){border-top:3px solid #E9A04C}
.lvlbar div:nth-child(5n+3){border-top:3px solid #8FBF73}
.lvlbar div:nth-child(5n+4){border-top:3px solid #5E9BD1}
.lvlbar div:nth-child(5n+5){border-top:3px solid #64D2FF}
.steps div i{color:#F37163}
.mtable th{color:#9ECBFF}
.mimg{background:#fff}

/* rev 4 (10/24): cover breathes; gap slide carries the Skills Transcript */
.s1 .copy{top:5.4cqw!important;bottom:3.2cqw!important}
.s1 .badge{margin-top:4.2cqw!important}
.s1 h1{margin-top:1.4cqw!important;line-height:1.04}
.s1 p{margin-top:2.6cqw!important}
.s1 .strip{margin-top:3.8cqw!important}

.sgap .left{width:37cqw}
.sgap h2{font-size:3.25cqw}
.sgap .lede{font-size:1.02cqw;margin-top:1.2cqw}
.facts{grid-template-columns:repeat(4,1fr);gap:1cqw}
.facts b{font-size:2.1cqw}
.facts span{font-size:.74cqw}
.facts .zero b{color:#F37163}
.facts .zero span{color:#F9A79E}

.tcard{position:absolute;left:45cqw;right:4.4cqw;top:3.6cqw;bottom:3.2cqw;background:#F6F1E8;color:#2A2622;border-radius:1.2cqw;padding:1.5cqw 1.8cqw;display:flex;flex-direction:column;gap:.9cqw;
  font-family:"JetBrains Mono",ui-monospace,monospace;box-shadow:0 3cqw 6cqw -2cqw rgba(0,0,0,.7);transform:rotate(-1.2deg)}
.s.on .tcard.a{transform:rotate(-1.2deg)}
.tc-head{display:flex;justify-content:space-between;align-items:flex-start}
.tc-brand img{height:2.2cqw}
.tc-title{text-align:right}
.tc-title b{display:block;font-size:1cqw;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.tc-title i{font-family:Georgia,serif;font-size:.78cqw;color:#8A8278}
.tc-who{display:grid;grid-template-columns:1fr 1.3fr;gap:1.4cqw;padding-bottom:.8cqw;border-bottom:1px solid #DDD5C8}
.tc-who small,.tc-creds small{display:block;font-size:.6cqw;letter-spacing:.16em;text-transform:uppercase;color:#E2735F;margin-bottom:.3cqw}
.tc-who b{display:block;font-family:"Inter Tight",sans-serif;font-size:1.7cqw;letter-spacing:-.03em;color:#3A3530}
.tc-who span{display:block;font-size:.68cqw;color:#8A8278;line-height:1.55}
.tc-line span{display:flex;align-items:center;gap:.5cqw;font-size:.72cqw;color:#4A443E}
.tc-line .d{width:.6cqw;height:.6cqw;border-radius:50%;flex:none}
.tc-line .d.f{background:#C9BFB0}
.tc-line .d.c{background:#E2735F;box-shadow:0 0 0 .2cqw rgba(226,115,95,.25)}
.tc-line .d.o{border:1.5px dashed #B0A699}
.tc-creds{display:flex;flex-wrap:wrap;align-items:center;gap:.4cqw 1.1cqw;font-size:.72cqw;color:#4A443E}
.tc-creds small{width:100%;margin:0}
.tc-creds .miss{color:#C0503D;font-weight:700;background:rgba(226,115,95,.12);padding:.15cqw .5cqw;border-radius:.3cqw}
.tc-tab{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}
.tc-r{display:grid;grid-template-columns:1.9fr repeat(6,1fr);align-items:center;border-bottom:1px solid #E6DFD3;padding:.25cqw 0;font-size:.95cqw}
.tc-r>span:first-child{font-family:"Inter Tight",sans-serif;font-size:.98cqw;color:#3A3530}
.tc-r>span:not(:first-child){text-align:center;color:#8A8278;opacity:0;transition:opacity .5s}
.tc-r>span.on{opacity:1}
.tc-r .c3{color:#6E655B}
.tc-r .c4{color:#D9604B;font-weight:700;background:rgba(226,115,95,.1)}
.tc-r .c5{color:#B0A699}
.tc-hd{font-size:.6cqw!important;letter-spacing:.12em;text-transform:uppercase}
.tc-hd>span:first-child{font-family:"JetBrains Mono",monospace!important;font-size:.6cqw!important;color:#E2735F!important}
.tc-hd>span{color:#8A8278!important}
.tc-hd .c4{color:#D9604B!important}
.tc-foot{display:flex;justify-content:space-between;font-size:.6cqw;color:#9A9186;border-top:1px solid #DDD5C8;padding-top:.6cqw}
.sgap h2{font-size:3.7cqw}
.sgap .lede{font-size:1.18cqw;margin-top:1.8cqw}
.facts b{font-size:2.5cqw}
.facts span{font-size:.8cqw}

/* rev 5 (10/24): no orphans; interactive transcript; where-we-work collage */
p,.lede,.tile span,.aw2 p,.site p,.learned span,.pdesc p,.stdet p,.checks p,.tl p,.beat span{text-wrap:pretty}
h2,h3,h4,.awh h4,.rhead h3,.cssd h4,.pdesc h4,.ann h4{text-wrap:balance}

.tc-tab{position:relative}
.tc-veil{position:absolute;inset:1.6cqw 0 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5cqw;
  background:linear-gradient(180deg,rgba(246,241,232,.55),rgba(246,241,232,.92));backdrop-filter:blur(2px);transition:opacity .5s,visibility 0s .5s;z-index:3;font-family:"Inter Tight",sans-serif}
.tc-veil b{font-size:1.6cqw;color:#C0503D;letter-spacing:-.02em}
.tc-veil span{font-size:.95cqw;color:#6E655B}
.tc-veil .btn{margin-top:.6cqw;background:#E2735F;color:#fff;font-weight:700;font-size:1.05cqw}
.tcard.open .tc-veil{opacity:0;visibility:hidden}
.tcard.open .tc-r:not(.tc-hd){cursor:pointer}
.tcard.open .tc-r:not(.tc-hd):hover{background:rgba(226,115,95,.06)}
.tc-r.sel{background:rgba(226,115,95,.14)!important}
.tc-r.sel>span:first-child{font-weight:700;color:#C0503D}
.tc-creds .miss{transition:all .4s}
.tcard.open .tc-creds .miss{color:#2E7D4F;background:rgba(48,160,90,.14)}
.tc-ev{position:absolute;right:1.6cqw;bottom:2.6cqw;width:20cqw;background:#2A2622;color:#F6F1E8;border-radius:1cqw;padding:1cqw 1.2cqw;font-family:"Inter Tight",sans-serif;
  box-shadow:0 1.4cqw 3cqw rgba(0,0,0,.45);opacity:0;transform:translateY(.8cqw);pointer-events:none;transition:all .35s var(--out);z-index:4;display:flex;flex-direction:column;gap:.3cqw}
.tc-ev.on{opacity:1;transform:none;pointer-events:auto}
.tc-ev video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:.6cqw;margin-bottom:.3cqw;cursor:pointer;background:#000}
.tc-ev b{font-size:1.1cqw}
.tc-ev span{font-size:.75cqw;color:#E2A08F;font-family:"JetBrains Mono",monospace}
.tc-ev q{font-size:.85cqw;line-height:1.4;color:#F6F1E8;quotes:"“" "”";font-style:italic}
.tc-ev em{font-size:.75cqw;color:#B0A699;font-style:normal}
.tc-play{align-self:flex-start;margin-top:.3cqw;border:0;border-radius:99px;background:#E2735F;color:#fff;font-weight:700;font-size:.75cqw;padding:.35cqw .8cqw;cursor:pointer}
.tc-ev.vid .tc-play{display:none}

.swhere{background:radial-gradient(ellipse 60% 80% at 20% 60%,#1A0D10 0,#000 65%)}
.swhere .left{position:absolute;left:5cqw;top:4.4cqw;bottom:3.6cqw;width:38cqw;display:flex;flex-direction:column}
.swhere h2{font-size:3.8cqw;margin-top:.8cqw}
.swhere .lede{margin-top:1.1cqw;font-size:1.05cqw}
.swhere .sites{margin-top:1.6cqw}
.swhere .learned{margin-top:auto;padding-top:1cqw;border-top:1px solid var(--edge)}
.swhere .learned>div{grid-template-columns:repeat(2,1fr);gap:.7cqw 1.4cqw}
.collage{position:absolute;left:46cqw;right:5cqw;top:4.4cqw;bottom:3.6cqw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.8cqw}
.collage figure{position:relative;margin:0;border-radius:1cqw;overflow:hidden;background:#111}
.collage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.collage figcaption{position:absolute;left:.6cqw;bottom:.5cqw;font-size:.66cqw;font-weight:600;color:#fff;text-shadow:0 1px 6px #000;background:rgba(0,0,0,.35);padding:.15cqw .5cqw;border-radius:99px}
.collage figure:nth-child(odd) figcaption{color:#F9A79E}