/* Scoped supplied sections: user reference layouts and scroll motion. */
@font-face{font-family:'International Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/case-anton.woff2') format('woff2')}

#scope{
  --bg:#161616; --card:#2D2824; --ink:#FAF6F0; --muted:#BDB4AA; --dim:#6F675F; --line:rgba(250,246,240,.17); --orange:#FF5A1F;
  --f-display:"International Anton","Arial Narrow",Impact,sans-serif;
  --f-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}#scope{position:relative;background:var(--bg);color:var(--ink)}#scope .wrap{width:min(1320px,100%);margin-inline:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.9svh,22px);
  padding-block:clamp(22px,3.6svh,44px);padding-left:max(clamp(16px,5vw,72px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,5vw,72px),env(safe-area-inset-right,0px))}#scope .eyebrow{margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#FFE3D2}#scope .top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}#scope .top>div{min-width:0}#scope .h{margin:12px 0 0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(46px,min(6.1vw,8.6svh),104px);line-height:.94;text-wrap:balance}#scope .h .line{display:block;overflow:hidden;padding-block:.03em}#scope .h .line>span{display:block}#scope .h .o{color:var(--orange)}#scope .lede{margin:clamp(8px,1.4svh,16px) 0 0;max-width:42em;color:var(--muted);font-size:clamp(16px,1.35vw,20px);line-height:1.5}#scope .clock{display:flex;align-items:baseline;gap:12px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--muted);padding-bottom:8px;flex:none}#scope .clock .n{font-family:var(--f-display);font-size:clamp(64px,min(8vw,13svh),132px);line-height:.9;color:var(--ink);letter-spacing:0;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}#scope .mid{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:clamp(28px,6vw,96px);align-items:center}#scope .card{border-radius:26px;background:var(--card);padding:clamp(20px,2.4vw,34px);box-shadow:inset 0 0 0 1px rgba(255,90,31,0)}#scope .card .eyebrow{font-size:11px}#scope .card h3{margin:clamp(10px,1.6svh,18px) 0 0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(28px,min(2.9vw,4.6svh),44px);line-height:1.02;text-wrap:balance}#scope .plan{list-style:none;margin:clamp(10px,1.8svh,18px) 0 0;padding:0;display:grid;gap:clamp(5px,.9svh,9px)}#scope .plan li{display:flex;align-items:baseline;gap:12px;color:var(--ink);font-size:clamp(15px,1.15vw,17px);line-height:1.4}#scope .plan i{font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--orange);flex:none;width:2ch}#scope .pbar{display:flex;align-items:center;gap:14px;margin-top:clamp(12px,2.2svh,22px);font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#scope .pbar .tr{position:relative;flex:1;height:3px;border-radius:2px;background:rgba(250,246,240,.14);overflow:hidden}#scope .pbar .tr i{position:absolute;inset:0;background:var(--orange);transform-origin:left}#scope .pbar b{font-weight:500;color:var(--ink);min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}#scope .checks{list-style:none;margin:0;padding:0;display:grid}#scope .ck{position:relative;display:grid;grid-template-columns:24px minmax(0,150px) minmax(0,1fr);gap:0 clamp(12px,1.6vw,22px);align-items:start;padding-block:clamp(11px,2svh,19px)}#scope .ck:first-child{padding-top:0}#scope .ck:last-child{padding-bottom:0}#scope .ck .scan{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}#scope .ck:last-child .scan{display:none}#scope .ck .scan i{position:absolute;inset:0;background:var(--orange);transform-origin:left}#scope .mk{width:22px;height:22px;border-radius:50%;border:1px solid var(--orange);background:var(--orange);display:grid;place-items:center;margin-top:1px}#scope .mk svg{width:14px;height:14px;fill:none;stroke:#161616;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}#scope .ck b{font-weight:600;font-size:clamp(16px,1.3vw,19px);line-height:1.3}#scope .ck p{margin:0;color:var(--muted);font-size:clamp(14.5px,1.12vw,17px);line-height:1.55}#scope .ck .scan i{transform:scaleX(1)}#scope .track{position:relative;--p:1;padding-top:clamp(10px,1.6svh,18px)}#scope .rail{position:relative;height:2px;background:var(--line);margin-bottom:clamp(14px,2.4svh,26px)}#scope .rail .fill{position:absolute;inset:0;background:var(--orange);transform-origin:left;transform:scaleX(var(--p))}#scope .rail s{position:absolute;top:-5px;width:1px;height:12px;background:var(--dim)}#scope .rail s:nth-of-type(1){left:0}#scope .rail s:nth-of-type(2){left:25%}#scope .rail s:nth-of-type(3){left:50%}#scope .rail s:nth-of-type(4){left:75%}#scope .rail s:nth-of-type(5){left:calc(100% - 1px)}#scope .dot{position:absolute;top:50%;left:calc(var(--p)*100%);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(255,90,31,.22);display:grid;place-items:center}#scope .dot span{display:none;font-family:var(--f-mono);font-size:12px;font-weight:500;color:#161616;font-variant-numeric:tabular-nums}#scope:not(.live) .dot{display:none}#scope .ph{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}#scope .ph li{padding-right:clamp(12px,2vw,28px);transition:opacity .35s}#scope .ph .d{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--muted);transition:color .3s}#scope .ph h3{margin:clamp(4px,.8svh,10px) 0 0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(36px,min(3.7vw,6svh),58px);line-height:1;transition:color .3s}#scope .ph p{margin:clamp(5px,1svh,10px) 0 0;color:var(--muted);font-size:clamp(14.5px,1.12vw,17px);line-height:1.5;max-width:20em;transition:color .3s}#scope.live .ph li{opacity:.34}#scope.live .ph li.past{opacity:.9}#scope.live .ph li.now{opacity:1}#scope .ph li.now h4,#scope .ph li.now .d{color:var(--orange)}#scope .ph li.now p{color:var(--ink)}#scope .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;border-top:1px solid var(--line);padding-top:clamp(10px,1.8svh,18px);color:var(--muted);font-size:clamp(14px,1.05vw,16px);line-height:1.5}#scope .foot p{margin:0;min-width:0}#scope .foot b{color:var(--ink);font-weight:600}@media (max-height:820px) and (min-width:900px){#scope .card .eyebrow{display:none}#scope .lede{display:none}#scope .ph p{max-width:none}
}@media (max-width:899px){#scope .wrap{min-height:0;gap:40px;padding-block:72px}#scope .top{display:block}#scope .clock{display:none}#scope .h{font-size:clamp(46px,14vw,76px)}#scope .mid{grid-template-columns:1fr;gap:40px}#scope .ck{grid-template-columns:24px minmax(0,1fr);padding-block:18px}#scope .ck:first-child{padding-top:18px}#scope .ck b{grid-column:2}#scope .ck p{grid-column:2;margin-top:4px}#scope .ck:last-child .scan{display:block}#scope .track{padding-top:0}#scope .rail{position:absolute;left:17px;top:0;bottom:0;width:2px;height:auto;margin:0}#scope .rail .fill{transform-origin:top;transform:scaleY(var(--p))}#scope .rail s{display:none}#scope .dot{left:50%;top:calc(var(--p)*100%);width:36px;height:36px;margin:-18px 0 0 -18px;box-shadow:0 0 0 6px rgba(255,90,31,.22)}#scope .dot span{display:block}#scope .ph{grid-template-columns:1fr;padding-left:58px}#scope .ph li{padding:0 0 34px}#scope .ph li:last-child{padding-bottom:0}#scope .ph h3{font-size:clamp(38px,11vw,52px)}#scope .ph p{max-width:none}#scope .foot{display:grid}
}@media (prefers-reduced-motion:reduce){#scope .ph li,#scope .ph h3,#scope .ph p,#scope .ph .d{transition:none}}

#creative-testing{
  --bg:#FFFBF5; --peach:#FBE0CF; --board:#FFF4EA; --edge:#F3CDB6; --orange:#FF5A1F; --ink:#171310; --muted:#5E544C; --rust:#A8300F;
  --f-display:"International Anton","Arial Narrow",Impact,sans-serif;
  --f-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}#creative-testing{position:relative;background:var(--bg)}#creative-testing .wrap{width:min(1320px,100%);margin-inline:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,2.4svh,28px);
  padding-block:clamp(22px,4svh,48px);padding-left:max(clamp(16px,5vw,72px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,5vw,72px),env(safe-area-inset-right,0px))}#creative-testing .eyebrow{margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--rust)}#creative-testing .h{margin:12px 0 0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(46px,min(6.1vw,8.6svh),104px);line-height:.94;text-wrap:balance}#creative-testing .h .line{display:block;overflow:hidden;padding-block:.03em}#creative-testing .h .line>span{display:block}#creative-testing .h .o{color:var(--orange)}#creative-testing .lede{margin:clamp(8px,1.4svh,16px) 0 0;max-width:42em;color:var(--muted);font-size:clamp(16px,1.35vw,20px);line-height:1.5}#creative-testing .mid{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);grid-template-rows:1fr auto;grid-template-areas:"txt board" "steps board";column-gap:clamp(28px,5vw,80px);row-gap:clamp(14px,2.6svh,26px)}#creative-testing .stage{display:contents}#creative-testing .txt{grid-area:txt;align-self:end;min-width:0}#creative-testing .txt .eyebrow{font-size:11px}#creative-testing .hk{margin:clamp(8px,1.4svh,14px) 0 0;font-weight:600;font-size:clamp(20px,min(1.9vw,3.3svh),28px);line-height:1.22;text-wrap:balance}#creative-testing .hk span{display:block}#creative-testing.live .hk span{opacity:.3;transition:opacity .45s}#creative-testing.live .hk span.on{opacity:1}#creative-testing .txt p{margin:clamp(8px,1.4svh,14px) 0 0;color:var(--muted);font-size:clamp(15px,1.15vw,17px);line-height:1.6;max-width:30em}#creative-testing .txt p.note{font-size:clamp(14px,1.05vw,16px)}#creative-testing .steps{grid-area:steps;align-self:start;min-width:0}#creative-testing .pills{display:flex;flex-wrap:wrap;gap:10px}#creative-testing .pill{font:500 15px var(--f-body);color:var(--ink);background:transparent;border:1px solid var(--edge);border-radius:999px;padding:12px 22px;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s,transform .2s}#creative-testing .pill:hover{border-color:var(--ink)}#creative-testing .pill:active{transform:scale(.97)}#creative-testing .pill.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}#creative-testing .pill:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#creative-testing .sp{position:relative;height:2px;margin-top:clamp(12px,2svh,20px);background:var(--edge);border-radius:2px;overflow:hidden;max-width:420px}#creative-testing .sp i{position:absolute;inset:0;background:var(--orange);transform-origin:left;transform:scaleX(var(--sp,.34))}#creative-testing .board{grid-area:board;position:relative;--cw:64px;--ch:56px;--cg:10px;border-radius:clamp(26px,3vw,40px);background:var(--board);border:1px solid var(--edge);padding:clamp(16px,2vw,32px);display:grid;gap:clamp(12px,2svh,20px);min-width:0;align-self:center}#creative-testing .msg{margin:0;min-height:2.9em;color:var(--rust);font-size:clamp(14.5px,1.15vw,17px);line-height:1.45;display:flex;align-items:center}#creative-testing .zones{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px)}#creative-testing .zone{position:relative;min-height:clamp(168px,24svh,210px);border-radius:clamp(18px,1.8vw,26px);border:1px solid var(--edge);background:var(--bg);padding:clamp(12px,1.4vw,20px) clamp(12px,1.5vw,22px);transition:border-color .4s,box-shadow .4s,background-color .4s}#creative-testing .zone.hot{border-color:var(--orange);background:#fff;box-shadow:0 18px 36px -24px rgba(255,90,31,.7)}#creative-testing .zh{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust)}#creative-testing .zh b{font-weight:400;font-variant-numeric:tabular-nums}#creative-testing .zb{height:calc(100% - 30px);margin-top:12px;min-height:30px}#creative-testing .zone.hot .zh{color:var(--orange)}#creative-testing .chips{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;visibility:hidden}#creative-testing.ready .chips{visibility:visible}#creative-testing .chip{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);display:grid;place-items:center;border-radius:14px;border:1px solid var(--edge);background:var(--bg);color:var(--muted);
  font:600 clamp(18px,1.7vw,25px) var(--f-body);transition:background-color .45s,color .45s,border-color .45s,box-shadow .45s;will-change:transform}#creative-testing .chip[data-z="t"]{background:var(--peach);border-color:#F4B79A;color:var(--ink)}#creative-testing .chip[data-z="w"]{background:var(--orange);border-color:var(--orange);color:var(--ink);box-shadow:0 12px 24px -10px rgba(255,90,31,.8)}#creative-testing .chip[data-z="s"]{background:var(--ink);border-color:var(--ink);color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.25)}#creative-testing .chip[data-z="r"]{background:var(--bg);border-color:var(--edge);color:#9B8F85}#creative-testing .foot{display:none}@media (max-height:820px) and (min-width:900px){#creative-testing .lede{display:none}#creative-testing .txt p.note{display:none}
}@media (max-width:899px){#creative-testing .wrap{min-height:0;gap:36px;padding-block:72px}#creative-testing .mid{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"txt" "stage";row-gap:36px}#creative-testing .stage{display:block;grid-area:stage}#creative-testing .txt{align-self:start}#creative-testing .steps{margin-bottom:16px}#creative-testing .pill{padding:10px 16px;font-size:14px}#creative-testing .board{--cw:40px;--ch:38px;--cg:6px;padding:16px;gap:12px}#creative-testing .chip{font-size:17px;border-radius:10px}#creative-testing .zone{min-height:150px;padding:12px}#creative-testing .msg{font-size:14.5px}
}@media (prefers-reduced-motion:reduce){#creative-testing .chip,#creative-testing .pill,#creative-testing .zone{transition:none}}


/* Keep all selector and token changes inside these two sections. */
#scope,#creative-testing{font-family:var(--f-body);scroll-margin-top:85px}
#scope .h,#creative-testing .h{letter-spacing:0}
#scope .wrap,#creative-testing .wrap{padding-top:max(100px,11svh);padding-bottom:32px}
#scope .foot p+p{margin-top:0}
#scope #platforms{scroll-margin-top:110px}
#creative-testing .chip[data-z="r"]{color:#65594f}
@media(max-width:899px){#scope .wrap,#creative-testing .wrap{padding-block:72px}}
@media(min-width:900px) and (max-height:739px){#scope .wrap,#creative-testing .wrap{min-height:0;padding-block:80px}}
@media(prefers-reduced-motion:reduce){#scope .h .line>span,#creative-testing .h .line>span{transform:none!important}}
/* Keep both pinned stories within a laptop viewport beneath the fixed header. */
@media(min-width:900px){
 #scope .wrap,#creative-testing .wrap{gap:16px;padding-top:90px;padding-bottom:24px}
 #scope .h,#creative-testing .h{font-size:clamp(46px,min(5.3vw,7svh),82px)}
 #scope .clock .n{font-size:clamp(64px,min(7vw,11svh),112px)}
 #scope .card{padding:24px}
 #scope .card h3{font-size:clamp(28px,min(2.6vw,4svh),40px);margin-top:12px}
 #scope .plan{margin-top:12px;gap:5px}
 #scope .plan li{font-size:15px;line-height:1.4}
 #scope .pbar{margin-top:14px}
 #scope .ck{grid-template-columns:22px minmax(0,120px) minmax(0,1fr);padding-block:13px}
 #scope .ph p{font-size:14px;line-height:1.4}
 #scope .foot{font-size:13.5px;line-height:1.4;padding-top:12px;gap:5px}
 #scope .foot p{flex-basis:100%}
 #creative-testing .board{padding:24px;gap:16px}
 #creative-testing .zone{min-height:clamp(150px,20svh,180px)}
}
#scope.live .ph li{opacity:.72}
#scope.live .ph li.past{opacity:.9}
#scope.live .ph li.now{opacity:1}
#creative-testing.live .hk span{opacity:.65}
#creative-testing.live .hk span.on{opacity:1}
#creative-testing.is-static .zb{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;height:auto}
#creative-testing.is-static .chip{position:static;flex:none;will-change:auto}
#creative-testing.is-static .chips{display:none}
@media(max-width:440px){#creative-testing .zone{min-height:190px}}
#creative-testing .board{container-type:inline-size}
@container(max-width:500px){#creative-testing .chip{width:40px;height:38px;font-size:17px}}
#creative-testing .zone.hot .zh{color:var(--rust)}
@media(min-width:900px){#creative-testing .zone{min-height:160px}#creative-testing .chip{width:48px;height:40px}}
@media(min-width:900px) and (min-height:880px){#creative-testing .zone{min-height:200px}#creative-testing .chip{width:64px;height:56px}}
/* Pin measurements require instant internal scroll resets. Explicit stage-button
   smooth scrolling still works, without applying smooth behavior to refresh(). */
html:has(body.int-streamlined){scroll-behavior:auto}