body{margin:0;background:#0b1531}
.ns{--night:#0b1531;--night2:#13234f;--blue:#406ae4;--lamp:#ffd27a;--bug:#ff5a5f;--ok:#35c27e;--ink:#1d1d1d;--ink2:#4d585f;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-variation-settings:"opsz" 32;font-weight:450;font-size:17px;line-height:1.55;color:#1d1d1d;background:#0b1531;-webkit-font-smoothing:antialiased;overflow-x:clip;font-feature-settings:"tnum" 0}
.ns *,.ns *::before,.ns *::after{box-sizing:border-box}
.ns a{color:inherit;text-decoration:none}
.ns button,.ns input{font-family:inherit;font-variation-settings:inherit}
.ns :focus-visible{outline:2px solid #8fb0ff;outline-offset:3px}
.ns svg{display:block}
.disp{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-variation-settings:normal;font-weight:600;letter-spacing:-.03em}
.tnum{font-variant-numeric:tabular-nums}

/* ------------------------------------------------ buttons (site component) */
.ns .nb{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 6px 0 24px;border-radius:100px;border:0;background:#ffffff;color:#0b1531;font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer;transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.ns .nb:hover{transform:translateY(-2px)}
.ns .nb i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0b1531;color:#fff}
.ns .nb i svg{width:18px;height:18px}
.ns .nb--dark{background:#1d1d1d;color:#ffffff}
.ns .nb--dark i{background:#ffffff;color:#1d1d1d}
.nlink{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:currentColor}
.nlink:hover{text-decoration-thickness:2.5px}

/* ------------------------------------------------ nav */
.nav{position:fixed;left:0;right:0;top:0;z-index:80;padding:16px 28px;display:flex;align-items:center;gap:22px;transition:color .5s,background .5s}
.nav-logo{display:inline-flex;align-items:center;gap:9px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:700;font-size:22px;letter-spacing:-.4px}
.nav-clock{margin:0 auto;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 18px 0 8px;border-radius:100px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav-clock b{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:32px;padding:0 10px;border-radius:100px;background:#ffd27a;color:#0b1531;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.nav-clock>span{font-size:14px;font-weight:550;white-space:nowrap}
.nav-r{display:flex;align-items:center;gap:22px}
.nav-r a.l{font-size:15px;font-weight:550;opacity:.85}
.nav-r a.l:hover{opacity:1}
.ns .nav .nb{height:46px;font-size:14.5px;padding:0 5px 0 18px}
.ns .nav .nb i{width:36px;height:36px}
.nav.dark{color:#ffffff}
.nav.light{color:#1d1d1d}
.nav.light .nav-clock{background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(29,29,29,.08),0 8px 24px rgba(29,40,80,.08)}
.nav.light .nav-clock b{background:#406ae4;color:#fff}
.ns .nav.light .nb{background:#1d1d1d;color:#fff}
.ns .nav.light .nb i{background:#fff;color:#1d1d1d}
.nav.scrolled{background:linear-gradient(180deg,rgba(11,21,49,.55),rgba(11,21,49,0))}
.nav.light.scrolled{background:linear-gradient(180deg,rgba(248,250,254,.85),rgba(248,250,254,0))}

/* ------------------------------------------------ scenes */
.sc{position:relative;padding:130px 56px 130px}
.sc-in{position:relative;z-index:2;max-width:1280px;margin:0 auto}
.sc-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.sc-time{display:block;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:132px;line-height:.86;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:0 0 30px}
.sc-h{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:58px;line-height:1.0;letter-spacing:-.035em;text-wrap:balance}
.sc-p{margin:24px 0 0;max-width:470px;font-size:19px;line-height:30px;text-wrap:pretty}
.on-night{color:#f3f6ff}
.on-night .sc-time{color:#ffd27a;text-shadow:0 0 40px rgba(255,210,122,.35)}
.on-night .sc-p{color:#b9c6ea}
.ns .s-yes .yes-guide{margin-top:16px;font-size:16px;line-height:26px}
.ns .s-yes .yes-guide .nlink{color:#406ae4}
.on-day{color:#1d1d1d}
.on-day .sc-time{color:#406ae4}
.on-day .sc-p{color:#4d585f}

/* sky gradients: each scene ends on the colour the next one starts with */
.s-hero{position:relative;background:linear-gradient(180deg,#0b1531 0%,#0f1c42 60%,#13234f 100%);padding:0;min-height:1000px;overflow:hidden}
.s-find{background:linear-gradient(180deg,#13234f 0%,#1a2e63 100%)}
.s-fit{background:linear-gradient(180deg,#1a2e63 0%,#2b3c78 100%)}
.s-check{background:linear-gradient(180deg,#2b3c78 0%,#6f6aa6 22%,#d99fae 52%,#ffd3c0 78%,#ffe7da 100%)}
.s-yes{background:linear-gradient(180deg,#ffe7da 0%,#fff3ec 40%,#eef4ff 100%)}
.s-gate{background:linear-gradient(180deg,#eef4ff 0%,#f8fafe 100%)}
.s-cost{background:#ffffff}
.s-ways{background:linear-gradient(180deg,#ffffff 0%,#eaf0ff 100%)}
.s-dusk{background:linear-gradient(180deg,#eaf0ff 0%,#b4c2ec 12%,#6d79b8 26%,#3a4686 40%,#202e66 62%,#16244f 100%);padding-top:300px}
.s-night{background:linear-gradient(180deg,#16244f 0%,#0b1531 60%,#0b1531 100%);padding-bottom:0;overflow:hidden}

/* stars + moon */
.stars{position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(1.4px 1.4px at 8% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 17% 31%,#cfe0ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 26% 8%,#fff 50%,transparent 51%),
  radial-gradient(1px 1px at 37% 22%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 46% 6%,#ffe8b8 50%,transparent 51%),radial-gradient(1px 1px at 55% 28%,#fff 50%,transparent 51%),
  radial-gradient(1.2px 1.2px at 63% 14%,#cfe0ff 50%,transparent 51%),radial-gradient(1px 1px at 72% 34%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 88% 26%,#fff 50%,transparent 51%),
  radial-gradient(1px 1px at 94% 9%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 4% 40%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 31% 45%,#cfe0ff 50%,transparent 51%),
  radial-gradient(1px 1px at 51% 42%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 68% 48%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 97% 44%,#fff 50%,transparent 51%);opacity:.75}
.moon{position:absolute;right:9%;top:118px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 36% 34%,#fffbea,#ffe9b3 62%,#f6d68a);box-shadow:0 0 70px 20px rgba(255,226,160,.16),0 0 0 22px rgba(255,226,160,.04)}
.moon::after{content:"";position:absolute;left:52%;top:24%;width:16px;height:16px;border-radius:50%;background:rgba(214,180,100,.25);box-shadow:-30px 26px 0 -3px rgba(214,180,100,.2),-8px 44px 0 -5px rgba(214,180,100,.18)}

/* ------------------------------------------------ hero */
.hero-copy{position:relative;z-index:6;max-width:1280px;margin:0 auto;padding:160px 56px 0;color:#f3f6ff;pointer-events:none}
.hero-copy>*{pointer-events:auto}
.hero-clock{position:absolute;left:56px;top:160px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:24px;line-height:24px;letter-spacing:-.01em;color:#ffd27a;font-variant-numeric:tabular-nums}
.hero-h .kw{display:block;margin:0 0 26px;padding-left:86px;font-family:"Inter",system-ui,sans-serif;font-variation-settings:"opsz" 32;font-size:16.5px;line-height:24px;font-weight:550;letter-spacing:0;color:#9fb0dc}
.hero-h .big{display:block}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fq-side{position:sticky;top:110px}
.fq-pre{margin:0 0 10px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:24px;font-weight:600;letter-spacing:-.02em;color:#ffd27a}
.fq details p a{color:#ffffff}
.hero-time b{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:24px;letter-spacing:-.01em;color:#ffd27a;font-variant-numeric:tabular-nums}
.hero-time span{font-size:15.5px;color:#9fb0dc}
.hero-h{margin:0;max-width:1120px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:92px;line-height:.95;letter-spacing:-.045em;text-wrap:balance}
.hero-p{margin:28px 0 0;max-width:560px;font-size:20px;line-height:31px;color:#b9c6ea;text-wrap:pretty}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px}
.hero-cta .nlink{color:#ffffff;font-size:16px}
.hero-game{position:absolute;z-index:6;right:56px;top:520px;width:300px;color:#c8d3f2;font-size:14.5px;line-height:21px}
.hero-game p{margin:0 0 12px}
.hero-dots{display:flex;gap:7px}
.hero-dots i{width:22px;height:8px;border-radius:8px;background:rgba(255,255,255,.14);transition:background .4s,box-shadow .4s}
.hero-dots i.on{background:#ff5a5f;box-shadow:0 0 12px rgba(255,90,95,.6)}
.hero-done{display:none;color:#ffd27a;font-weight:600}
.hero-game.all .hero-done{display:block}
.hero-game.all .hero-ask{display:none}
.badge{display:inline-flex;align-items:center;gap:10px;margin-left:8px;height:36px;padding:0 14px 0 7px;border-radius:10px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.badge i{position:relative;display:block;flex:none;width:26px;height:26px;animation:bkspin 18s linear infinite}
.badge i::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(closest-side,rgba(249,155,130,.55),rgba(249,155,130,0));opacity:0;animation:bkglow 4.6s ease-out infinite}
.badge img{position:relative;display:block;width:26px;height:26px;animation:bkpop 4.6s cubic-bezier(.3,1.5,.5,1) infinite}
.badge:hover i{animation-duration:2.4s}
@keyframes bkspin{to{rotate:360deg}}
@keyframes bkpop{0%,74%,100%{scale:1;rotate:0deg}80%{scale:1.28;rotate:-14deg}87%{scale:.92;rotate:6deg}93%{scale:1.05;rotate:-2deg}}
@keyframes bkglow{0%,74%,100%{opacity:0;scale:.6}80%{opacity:1;scale:1.1}96%{opacity:0;scale:1.5}}
.badge span{font-size:13px;color:#c8d3f2}
.badge b{font-weight:600;color:#ffffff}

/* the city */
.city{position:absolute;left:0;right:0;bottom:0;height:340px;z-index:3;display:flex;justify-content:center;align-items:flex-end;gap:12px;padding:0 0 0;pointer-events:none}
.city::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(180deg,rgba(19,35,79,0),#13234f);z-index:3}
.tw{position:relative;flex:none;display:flex;flex-direction:column;align-items:stretch}
.tw-sign{align-self:center;margin-bottom:10px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:700;font-size:22px;letter-spacing:-.01em;color:#ffd27a;text-shadow:0 0 14px rgba(255,210,122,.7),0 0 30px rgba(255,210,122,.3);opacity:.9}
.tw-sign.flick{animation:flick 6s steps(1) infinite}
@keyframes flick{0%,100%{opacity:.9}62%{opacity:.25}63%{opacity:.9}64%{opacity:.3}66%{opacity:.9}}
.tw-body{position:relative;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#1b2b5e,#142352);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);padding:12px 10px 0;display:grid;gap:8px;align-content:start}
.win{position:relative;height:32px;border-radius:6px;background:#22336b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);overflow:visible}
.win::before{content:"";position:absolute;left:5px;top:5px;width:16px;height:3px;border-radius:2px;background:rgba(255,255,255,.12)}
.win::after{content:"";position:absolute;left:6px;right:10px;top:14px;height:3px;border-radius:2px;background:rgba(255,255,255,.08);box-shadow:0 7px 0 rgba(255,255,255,.06),0 14px 0 -1px rgba(255,255,255,.05)}
.win.lit{background:linear-gradient(180deg,#ffe3a3,#ffcf70);box-shadow:0 0 18px rgba(255,210,122,.45),inset 0 0 0 1px rgba(255,255,255,.4)}
.win.lit::before{background:rgba(120,80,10,.25)}
.win.lit::after{background:rgba(120,80,10,.18);box-shadow:0 7px 0 rgba(120,80,10,.14),0 14px 0 -1px rgba(120,80,10,.12)}
.win.bug{grid-column:1 / -1;height:46px;background:#22336b}
.win.bug::after,.win.bug::before{display:none}
.bugc{position:absolute;inset:0;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:var(--o,0);background:#f4f7ff;color:#1d1d1d;font-size:12px;font-weight:600;transition:opacity .2s}
.bugc .bb{display:inline-flex;align-items:center;height:26px;width:104px;padding:0 9px;border-radius:6px;background:#406ae4;color:#fff;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:clip;outline:2px dashed #ff5a5f;outline-offset:2px}
.bugc .bx{padding:3px 6px;border-radius:5px;outline:2px dashed #ff5a5f;outline-offset:2px}
.bugtag{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:100px;background:#ff5a5f;color:#fff;font-size:12px;font-weight:650;white-space:nowrap;opacity:0;box-shadow:0 6px 18px rgba(255,90,95,.45);transition:opacity .3s,transform .4s cubic-bezier(.2,1.6,.4,1)}
.win.bug.r0 .bugtag{bottom:calc(100% + 48px)}
.win.found .bugtag{opacity:1;transform:translateX(-50%) translateY(-2px)}
.win.found .bugc{opacity:1}
.light{position:absolute;z-index:4;left:0;top:0;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,240,200,.55),rgba(255,226,160,.18) 55%,rgba(255,226,160,0));mix-blend-mode:screen;will-change:transform}
.beam{position:absolute;z-index:4;left:0;top:0;height:150px;margin-top:-75px;transform-origin:0 50%;pointer-events:none;background:linear-gradient(90deg,rgba(255,236,180,.55),rgba(255,236,180,.08));clip-path:polygon(0 47%,100% 0,100% 100%,0 53%);mix-blend-mode:screen;will-change:transform,width}
.scout{position:absolute;z-index:5;left:0;top:0;pointer-events:none;will-change:transform}
.scout .lq-cr{filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}
.scout-in{animation:lq-bob 1.1s ease-in-out infinite}

/* ------------------------------------------------ scene: find */
/* the six findings arrive one by one: a line draws, the ring pings, the words rise, the note is lit */
.find-list{--st:.46s;position:relative;isolation:isolate;list-style:none;margin:34px 0 0;padding:0;max-width:470px}
.find-list::after{content:"";position:absolute;z-index:-1;left:-60px;right:-60px;top:-70px;height:150px;background:radial-gradient(closest-side,rgba(255,226,160,.16),rgba(255,226,160,0));opacity:0;pointer-events:none}
.find-list.go::after{animation:fbeam 3.4s cubic-bezier(.45,0,.4,1) .05s 1 both}
@keyframes fbeam{0%{opacity:0;transform:translateY(0)}12%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(calc(var(--lh,470px) - 20px))}}
.find-list li.fs{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;align-items:start;padding:15px 4px}
.find-list li.fs::before,.find-list li.fs:last-child::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.13);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * var(--st))}
.find-list li.fs:last-child::after{top:auto;bottom:0;transition-delay:calc(6 * var(--st))}
.find-list .ring{position:relative;width:18px;height:18px;margin-top:3px;border-radius:50%;border:2px dashed rgba(255,90,95,.8);opacity:0;transform:scale(.3) rotate(-90deg);transition:opacity .3s,transform .7s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * var(--st) + .12s)}
.find-list .ring::after{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#ff5a5f;box-shadow:0 0 10px rgba(255,90,95,.8);transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * var(--st) + .5s)}
.find-list .ring::before{content:"";position:absolute;left:-2px;top:-2px;width:18px;height:18px;border-radius:50%;border:2px solid #ff5a5f;opacity:0}
.find-list.go .ring::before{animation:fping 1.1s ease-out calc(var(--i) * var(--st) + .5s) 1 both}
@keyframes fping{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.8)}}
.find-list b{display:block;font-size:17px;line-height:24px;font-weight:600;color:#f3f6ff}
.find-list .w{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(.5em);transition:opacity .55s ease,filter .6s ease,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * var(--st) + var(--w) * .055s + .18s)}
.find-list small{display:block;margin-top:2px;font-size:14.5px;line-height:20px;color:#8f9fcc;-webkit-mask-image:linear-gradient(90deg,#000 42%,transparent 58%);mask-image:linear-gradient(90deg,#000 42%,transparent 58%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;transition:-webkit-mask-position 1.3s cubic-bezier(.4,0,.2,1),mask-position 1.3s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--i) * var(--st) + .5s)}
.find-list.go li.fs::before,.find-list.go li.fs:last-child::after{transform:scaleX(1)}
.find-list.go .ring{opacity:1;transform:none}
.find-list.go .ring::after{transform:scale(1)}
.find-list.go .w{opacity:1;filter:none;transform:none}
.find-list.go small{-webkit-mask-position:0 0;mask-position:0 0}
.co-wrap{position:relative;display:flex;justify-content:center}
.co-wrap::before{content:"";position:absolute;inset:-60px;background:radial-gradient(closest-side,rgba(255,236,180,.18),rgba(255,236,180,0));pointer-events:none}
.co{position:relative;width:640px;max-width:100%;border-radius:18px;background:#ffffff;color:#1d1d1d;box-shadow:0 50px 100px rgba(0,0,0,.4);overflow:visible}
.co-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-bottom:1px solid #eef1f5}
.co-bar i{width:9px;height:9px;border-radius:50%;background:#e2e7ee}
.co-bar span{margin-left:8px;flex:1;height:24px;border-radius:7px;background:#f4f6f9;display:flex;align-items:center;padding:0 10px;font-size:12px;color:#7b858d}
.co-body{padding:26px 30px 30px;display:grid;gap:16px}
.co-top{display:flex;align-items:center;justify-content:space-between}
.co-top b{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:20px;font-weight:700;letter-spacing:-.3px}
.co-h{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:30px;font-weight:600;letter-spacing:-.6px}
.co-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eef1f5;font-size:15px}
.co-row:last-of-type{border-bottom:0}
.co-row .q{color:#7b858d}
.co-total{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:22px;font-weight:600}
.co-btn{display:flex;align-items:center;height:54px;width:300px;padding:0 20px;border-radius:12px;background:#1d1d1d;color:#fff;font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden}
.co-foot{font-size:13px;color:#7b858d}
.co .t{position:relative;border-radius:8px;transition:box-shadow .3s,background .3s}
.co .t::after{content:"";position:absolute;inset:-6px -8px;border-radius:10px;border:2px dashed rgba(255,90,95,.55);pointer-events:none;transition:border-color .3s,box-shadow .3s}
.co .t em{position:absolute;z-index:4;left:calc(100% + 14px);top:50%;transform:translateY(-50%) scale(.9);display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:100px;background:#ff5a5f;color:#fff;font-style:normal;font-size:12.5px;font-weight:650;white-space:nowrap;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1);box-shadow:0 8px 20px rgba(255,90,95,.4)}
.co .t.left em{left:auto;right:calc(100% + 14px)}
.co .t.on::after{border-color:#ff5a5f;border-style:solid;box-shadow:0 0 0 4px rgba(255,90,95,.15)}
.co .t.on em{opacity:1;transform:translateY(-50%) scale(1)}
.co.dim .t:not(.on)::after{border-color:rgba(255,90,95,.18)}
.find-scout{position:absolute;left:-74px;top:-96px;z-index:3}
.find-scout .lq-cr{transform:rotate(-8deg)}

/* ------------------------------------------------ scene: fit */
.fit-stage{position:relative;border-radius:28px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:56px 48px 40px;overflow:hidden}
.fit-btnrow{position:relative;height:96px;display:flex;align-items:center}
.fit-btn{position:relative;width:476px;height:96px;border-radius:20px;background:#ffffff;color:#1d1d1d;display:flex;align-items:center;padding:0 34px;font-size:36px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:visible;box-shadow:0 30px 60px rgba(0,0,0,.3)}
.fit-btn span{position:relative;z-index:2}
.fit-over{position:absolute;left:476px;top:0;bottom:0;width:150px;border-radius:0 14px 14px 0;background:repeating-linear-gradient(135deg,rgba(255,90,95,.3) 0 8px,rgba(255,90,95,.08) 8px 16px);box-shadow:inset 3px 0 0 #ff5a5f;transition:width .6s cubic-bezier(.4,0,.2,1),opacity .4s}
.fit-btn .ov{color:#ff5a5f}
.fit-meter{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}
.fit-meter div{display:grid;gap:2px}
.fit-meter small{font-size:13.5px;color:#9fb0dc}
.fit-meter b{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:34px;font-weight:600;letter-spacing:-.03em;color:#f3f6ff;font-variant-numeric:tabular-nums}
.fit-meter b.bad{color:#ff8a8d}.fit-meter b.good{color:#7be0a8}
.fit-checks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}
.fit-checks li{display:flex;align-items:center;gap:12px;font-size:16px;color:#d6def6;opacity:.35;transition:opacity .4s}
.fit-checks li i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);color:#7be0a8}
.fit-checks li i svg{width:13px;height:13px}
.fit-done .fit-checks li{opacity:1}
.fit-done .fit-checks li:nth-child(2){transition-delay:.15s}.fit-done .fit-checks li:nth-child(3){transition-delay:.3s}
.fit-done .fit-over{width:0;opacity:0}
.fit-act{display:flex;align-items:center;gap:18px;margin-top:36px}
.fit-go{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border-radius:100px;border:0;background:#ffd27a;color:#0b1531;font-size:15.5px;font-weight:700;cursor:pointer;transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.fit-go:hover{transform:translateY(-2px)}
.fit-go svg{width:18px;height:18px}
.fit-go[disabled]{opacity:.6;cursor:default;transform:none}
.fit-act small{font-size:14px;color:#9fb0dc}
.fit-editor{position:absolute;right:40px;bottom:26px}
.fit-editor .lq-cr{transform-origin:50% 90%}
.fit-busy .fit-editor .lq-cr{animation:hx-write .22s ease-in-out infinite alternate}
@keyframes hx-write{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.caret{display:inline-block;width:3px;height:38px;margin-left:3px;background:#406ae4;vertical-align:middle;animation:caret .8s steps(1) infinite;opacity:0}
.fit-busy .caret{opacity:1}
@keyframes caret{50%{opacity:0}}

/* ------------------------------------------------ scene: check (dawn) */
.ck{position:relative;padding:40px 0 10px}
.ck-track{position:relative;height:4px;border-radius:4px;background:rgba(29,29,29,.12);margin:86px 44px 0}
.ck-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:linear-gradient(90deg,#406ae4,#35c27e);transition:width 2.6s cubic-bezier(.4,0,.2,1) .2s}
.ck.in .ck-fill{width:100%}
.ck-pt{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.ck-pt i{width:22px;height:22px;border-radius:50%;background:#ffffff;box-shadow:0 0 0 4px rgba(29,29,29,.08);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .4s,box-shadow .4s}
.ck-pt i svg{width:12px;height:12px;opacity:0;transition:opacity .3s}
.ck-pt b{position:absolute;bottom:34px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:30px;font-weight:600;letter-spacing:-.03em;color:#1d1d1d;white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-pt span{position:absolute;top:34px;font-size:14.5px;line-height:20px;color:#4d585f;white-space:nowrap;text-align:center}
.ck.in .ck-pt i{background:#35c27e;box-shadow:0 0 0 6px rgba(53,194,126,.18)}
.ck.in .ck-pt i svg{opacity:1}
.ck.in .p1 i,.ck.in .p1 i svg{transition-delay:.3s}.ck.in .p2 i,.ck.in .p2 i svg{transition-delay:1.4s}.ck.in .p3 i,.ck.in .p3 i svg{transition-delay:2.7s}
.ck-stamp{position:absolute;right:-6px;top:-70px;display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:12px;border:3px solid #1f9d55;color:#1f9d55;background:rgba(255,255,255,.75);font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:21px;font-weight:700;letter-spacing:.04em;transform:rotate(-7deg) scale(1.6);opacity:0;transition:opacity .25s 2.9s,transform .5s cubic-bezier(.2,1.5,.4,1) 2.9s}
.ck.in .ck-stamp{opacity:1;transform:rotate(-7deg) scale(1)}
.ck-ver{position:absolute;right:120px;top:-150px}
.ck.in .ck-ver .lq-cr{animation:hx-hop .5s cubic-bezier(.3,0,.3,1) 2.8s 2}
@keyframes hx-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-24px)}}
.ck-back{margin-top:110px;display:flex;align-items:center;gap:14px;max-width:560px;font-size:16px;line-height:24px;color:#4d585f}
.ck-back svg{width:22px;height:22px;flex:none;color:#ff5a5f}

/* ------------------------------------------------ scene: yes (morning) */
.mail{position:relative;border-radius:22px;background:#ffffff;box-shadow:0 40px 90px rgba(120,70,40,.16),0 0 0 1px rgba(29,29,29,.05);overflow:hidden}
.mail-bar{display:flex;align-items:center;gap:12px;height:58px;padding:0 22px;border-bottom:1px solid #f0ece9}
.mail-av{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eef3ff}
.mail-bar div{display:grid;line-height:1.25}
.mail-bar b{font-size:15px;font-weight:650}
.mail-bar small{font-size:13px;color:#7b858d}
.mail-bar time{margin-left:auto;font-size:13px;color:#7b858d;font-variant-numeric:tabular-nums}
.mail-body{padding:24px 24px 26px}
.mail-subj{margin:0 0 6px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:28px;font-weight:600;letter-spacing:-.6px}
.mail-lead{margin:0 0 18px;font-size:15px;color:#4d585f}
.pr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;padding:16px 0;border-top:1px solid #f1eeec;transition:opacity .4s}
.pr-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#7b858d;grid-column:1 / -1}
.pr-meta b{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1d1d1d;color:#fff;font-size:11.5px;font-weight:700}
.pr-txt{display:grid;gap:4px;font-size:16px}
.pr-txt s{color:#c4383d;text-decoration-thickness:1.5px}
.pr-txt ins{text-decoration:none;color:#1f7a45;font-weight:600}
.pr-btns{display:flex;gap:8px}
.pr-btns button{height:40px;padding:0 16px;border-radius:100px;font-size:14px;font-weight:650;cursor:pointer;border:0}
.pr-btns .y{background:#1d1d1d;color:#fff}
.pr-btns .n{background:transparent;color:#1d1d1d;box-shadow:inset 0 0 0 1.5px #ddd6d1}
.pr-res{display:none;align-items:center;gap:8px;font-size:14px;font-weight:600}
.pr-res svg{width:16px;height:16px}
.pr.ok .pr-btns,.pr.no .pr-btns{display:none}
.pr.ok .pr-res.y,.pr.no .pr-res.n{display:inline-flex}
.pr.ok .pr-res.y{color:#1f7a45}
.pr.no .pr-res.n{color:#7b858d}
.pr.no .pr-txt ins{color:#7b858d;text-decoration:line-through}
.mail-zero{display:none;align-items:center;gap:12px;margin-top:6px;padding:16px 18px;border-radius:16px;background:#f1fbf5;color:#1f7a45;font-size:15px;font-weight:600}
.mail-zero svg{width:20px;height:20px;flex:none}
.mail-zero.on{display:flex;animation:zin .45s cubic-bezier(.2,1.3,.4,1)}
@keyframes zin{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
.yes-sloth{position:absolute;right:28px;top:-176px;z-index:3}

/* ------------------------------------------------ scene: gate (reuses pipeline styles) */
.gw{position:relative;border-radius:22px;background:#111a33;color:#e6eaf0;box-shadow:0 40px 90px rgba(20,35,80,.22);overflow:visible}
.gw-h{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}
.gw-h b{font-weight:600}
.gw-h small{font-size:12.5px;color:#8a94a1}
.gw-st{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:100px;background:rgba(255,255,255,.07);color:#c2cad4;font-size:12.5px;font-weight:700;white-space:nowrap}
.gw-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.gw-st.run{background:rgba(64,106,228,.22);color:#9db8ff}.gw-st.run::before{animation:blink .8s infinite}
.gw-st.bad{background:rgba(229,72,77,.18);color:#ff8a8d}.gw-st.good{background:rgba(31,157,85,.2);color:#5fe09a}
@keyframes blink{50%{opacity:.25}}
.gw ol{list-style:none;margin:0;padding:14px 20px 6px;display:grid;gap:4px}
.gw li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;column-gap:12px;align-items:center;min-height:46px;font-size:15px}
.gw-ic{position:relative;width:24px;height:24px}
.gw-ic>span{position:absolute;inset:0;display:none;align-items:center;justify-content:center;border-radius:50%}
.gw-ic svg{width:13px;height:13px}
.gs-pend .gw-ic .p,.gs-run .gw-ic .r,.gs-ok .gw-ic .o,.gs-fail .gw-ic .f,.gs-skip .gw-ic .s{display:flex}
.gw-ic .p{box-shadow:inset 0 0 0 2px #3a4560}
.gw-ic .r{border:2px solid rgba(143,176,255,.3);border-top-color:#8fb0ff;animation:spin .7s linear infinite}
.gw-ic .o{background:rgba(31,157,85,.22);color:#5fe09a}
.gw-ic .f{background:rgba(229,72,77,.22);color:#ff8a8d}
.gw-ic .s{background:rgba(255,255,255,.06);color:#8a94a1}
@keyframes spin{to{transform:rotate(360deg)}}
.gs-pend .nm,.gs-skip .nm{color:#76819a}
.gw li time{font-size:12.5px;color:#76819a;font-variant-numeric:tabular-nums}
.gw-out{grid-column:2 / -1;margin:2px 0 10px;padding:14px;border-radius:14px;background:#0c1328;display:grid;gap:9px;animation:zin .35s ease-out both}
.gw-out p{margin:0;font-size:13px;color:#8a94a1}
.gw-fr{display:grid;grid-template-columns:auto 52px minmax(0,1fr);gap:10px;align-items:center;font-size:13.5px}
.gw-fr .sev{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:700}
.gw-fr .c{background:rgba(255,90,95,.2);color:#ff9ea1}.gw-fr .m{background:rgba(255,190,90,.18);color:#ffcf85}
.gw-pass{grid-column:2 / -1;margin:2px 0 10px;font-size:13.5px;color:#5fe09a}
.gw-foot{display:flex;align-items:center;gap:14px;padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.07)}
.gw-run{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 20px;border-radius:100px;border:0;background:#ffffff;color:#111a33;font-size:15px;font-weight:700;cursor:pointer}
.gw-run svg{width:14px;height:14px}
.gw-run[disabled]{opacity:.5;cursor:default}
.gw-foot small{font-size:12.5px;color:#76819a}
.gw-stamp{position:absolute;right:-22px;top:-30px;z-index:3;display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:12px;border:3px solid #ff5a5f;color:#ff5a5f;background:#ffffff;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:20px;font-weight:700;letter-spacing:.06em;transform:rotate(6deg);animation:stampin .5s cubic-bezier(.2,1.5,.4,1) both}
.gw-stamp.good{border-color:#1f9d55;color:#1f9d55}
@keyframes stampin{0%{opacity:0;transform:rotate(6deg) scale(1.8)}100%{opacity:1;transform:rotate(6deg) scale(1)}}
.gate-notes{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:12px;max-width:460px}
.gate-notes li{font-size:16px;line-height:24px;color:#4d585f;padding-left:20px;position:relative}
.gate-notes li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:#406ae4}

/* ------------------------------------------------ scene: inside your TMS (11:20) */
.s-tms{background:linear-gradient(180deg,#f8fafe 0%,#ffffff 100%)}
.tms{position:relative;border-radius:22px;background:#fff;box-shadow:0 40px 90px rgba(20,35,80,.13),0 0 0 1px rgba(20,35,80,.07);overflow:hidden;font-size:14px;color:#1d1d1d}
.tms-bar{display:flex;align-items:center;gap:14px;height:54px;padding:0 18px;border-bottom:1px solid #edf0f6;background:#fbfcfe}
.tms-app{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:650;white-space:nowrap}
.tms-app svg{width:18px;height:18px;color:#7d8aa6}
.tms-path{font-size:13px;color:#7b858d;white-space:nowrap}
.tms-path em{margin:0 6px;font-style:normal;color:#c3cad8}
.tms-job{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:100px;background:#e9f8f0;color:#1f8a52;font-size:12.5px;font-weight:650;white-space:nowrap}
.tms-job i{width:7px;height:7px;border-radius:50%;background:#35c27e}
.tmsx.s1 .tms-job{animation:jpop .7s cubic-bezier(.34,1.56,.64,1) .2s both}
@keyframes jpop{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:none}}
.tms-main{display:grid;grid-template-columns:minmax(0,1fr) 262px;min-height:418px}
.tms-grid{padding:4px 0 12px;transition:opacity .4s}
.tmsx.s2 .tms-grid{opacity:.5}
.tms-r{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) minmax(0,1fr) 18px;gap:12px;align-items:center;height:48px;padding:0 16px 0 18px;border-bottom:1px solid #f1f3f8;transition:background .4s}
.tms-r.th{height:38px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#9aa3b5}
.tms-r>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tms-r .k{font-family:"Fragment Mono",ui-monospace,monospace;font-size:11.5px;color:#8a94a6}
.tms-r .cm{display:block;width:18px;height:18px;color:transparent;transition:color .4s}
.tms-r .cm svg{display:block;width:18px;height:18px}
.tms-r.hit::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#ff5a5f;transition:background .4s}
.tms-r.hit{background:#fff4f4}
.tms-r.hit .cm{color:#ff5a5f}
.tms-r.hit .old{color:#c4373c;font-weight:600}
.tms-r .new{display:none}
.tmsx.s1 .tms-r.hit,.tmsx.s2 .tms-r.hit{background:transparent}
.tmsx.s1 .tms-r.hit::before,.tmsx.s2 .tms-r.hit::before{background:transparent}
.tmsx.s1 .tms-r.hit .cm,.tmsx.s2 .tms-r.hit .cm{color:transparent}
.tmsx.s1 .tms-r.hit .old,.tmsx.s2 .tms-r.hit .old{color:inherit;font-weight:inherit}
.tmsx.s4 .tms-r.hit{background:#effaf4}
.tmsx.s4 .tms-r.hit::before{background:#35c27e}
.tmsx.s4 .tms-r.hit .cm{color:#35c27e}
.tmsx.s4 .tms-r.hit .old{display:none}
.tmsx.s4 .tms-r.hit .new{display:inline;font-weight:600;color:#1f8a52;animation:cin .6s ease both}
.tms-side{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border-left:1px solid #edf0f6;background:#fbfcfe}
.tms-tabs{display:flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:1px solid #edf0f6;font-size:13px;color:#8a94a6}
.tms-tabs b{position:relative;font-weight:650;color:#1d1d1d}
.tms-tabs b::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;border-radius:2px;background:#406ae4}
.tms-empty{display:none;margin:24px 0 0;text-align:center;font-size:13px;color:#9aa3b5}
.tmsx.s1 .tms-empty,.tmsx.s2 .tms-empty{display:block}
.tms-c{border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e8ecf4,0 8px 20px rgba(20,35,80,.05);padding:12px;animation:cin .55s cubic-bezier(.22,1,.36,1) both}
@keyframes cin{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
.tmsx.s1 .tms-cmt,.tmsx.s2 .tms-cmt{display:none}
.tms-fixed{display:none}
.tmsx.s4 .tms-fixed{display:block;animation-delay:.25s}
.tms-c .cw{display:flex;align-items:center;gap:8px;font-size:13px}
.tms-c .cw b{font-weight:650}
.tms-c .av{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #dfe5f0}
.tms-c .cw time{margin-left:auto;font-size:12px;color:#9aa3b5}
.tms-c p{margin:8px 0 0;font-size:13px;line-height:19px;color:#1d1d1d}
.tms-fixed p{display:flex;align-items:flex-start;gap:8px}
.tms-fixed p i{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#35c27e;color:#fff}
.tms-fixed p i svg{width:11px;height:11px}
.tms-c .lock{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;color:#7b858d}
.tms-c .lock svg{width:13px;height:13px}
.tms-c .shot{position:relative;height:104px;margin-top:10px;border-radius:8px;background:#f5f7fb;box-shadow:inset 0 0 0 1px #e6eaf2;overflow:hidden}
.shot .sb{position:absolute;left:0;right:0;top:0;height:12px;background:#eceff5}
.shot .l1{position:absolute;left:10px;top:22px;width:70px;height:6px;border-radius:3px;background:#cfd6e3}
.shot .im{position:absolute;left:10px;top:36px;width:58px;height:56px;border-radius:6px;background:linear-gradient(135deg,#dfe7f5,#c9d5ec)}
.shot .l2{position:absolute;left:80px;top:40px;width:84px;height:6px;border-radius:3px;background:#cfd6e3;box-shadow:0 12px 0 -1px #dde3ee}
.shot .btn{position:absolute;left:80px;top:66px;display:flex;align-items:center;height:22px;padding:0 10px;border-radius:6px;background:#1d1d1d;color:#fff;font-size:10.5px;font-weight:650;outline:2px solid #ff5a5f;outline-offset:3px}
.shot .tag{position:absolute;left:160px;top:70px;display:flex;align-items:center;height:15px;padding:0 5px;border-radius:4px;background:#ff5a5f;color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.04em}
.shot small{position:absolute;right:8px;top:1px;font-family:"Fragment Mono",ui-monospace,monospace;font-size:8.5px;line-height:10px;color:#9aa3b5}
.tms-toast{position:absolute;left:50%;bottom:22px;z-index:3;display:none;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;background:#111a33;color:#fff;font-size:13.5px;font-weight:550;white-space:nowrap;box-shadow:0 20px 40px rgba(17,26,51,.3);transform:translateX(-50%);animation:tin .5s cubic-bezier(.22,1,.36,1) .35s both}
@keyframes tin{0%{opacity:0;transform:translate(-50%,12px)}100%{opacity:1;transform:translate(-50%,0)}}
.tmsx.s1 .t1,.tmsx.s2 .t2{display:flex}
.tmsx.s2 .t2{animation-delay:0s}
.t1 .ok{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#35c27e}
.t1 .ok svg{width:12px;height:12px;color:#fff}
.t2 .sp{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.22);border-top-color:#ffd27a;animation:tspin .8s linear infinite}
@keyframes tspin{to{transform:rotate(360deg)}}
.t2 .pg{position:relative;width:64px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);overflow:hidden}
.t2 .pg i{position:absolute;inset:0;background:#ffd27a;transform-origin:left;animation:tbar 3s ease-out both}
@keyframes tbar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
/* the replay strip under the window */
.tms-steps{list-style:none;margin:14px 0 0;padding:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-radius:16px;background:rgba(64,106,228,.06)}
.tms-steps button{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:baseline;justify-content:center;gap:8px;width:100%;height:44px;padding:0 10px;border-radius:12px;cursor:pointer;overflow:hidden;transition:background .3s,box-shadow .3s}
.tms-steps button:focus-visible{outline:2px solid #406ae4;outline-offset:2px}
.tms-steps .tm{align-self:center;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:14px;color:#a4aec6;font-variant-numeric:tabular-nums;transition:color .3s}
.tms-steps b{align-self:center;font-size:14px;font-weight:650;color:#6b7686;white-space:nowrap;transition:color .3s}
.tms-steps button:hover b{color:#1d1d1d}
.tms-steps .bar{position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:rgba(64,106,228,.14);opacity:0;overflow:hidden}
.tms-steps .bar::after{content:"";position:absolute;inset:0;background:#406ae4;transform:scaleX(0);transform-origin:left}
.tmsx.hold .tms-steps .bar{opacity:0 !important}
@media (min-width:1001px) and (max-width:1180px){
  .tms-main{grid-template-columns:minmax(0,1fr) 230px}
  .tms-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 18px}
  .tms-r .k,.tms-path{display:none}
}
@media (max-width:640px){
  .tms-main{grid-template-columns:minmax(0,1fr);min-height:0}
  .tms-side{min-height:398px;border-left:0;border-top:1px solid #edf0f6}
  .tms-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 18px;gap:10px;padding:0 12px}
  .tms-r .k,.tms-path{display:none}
  .tms-toast{bottom:16px;font-size:12.5px;white-space:normal;width:calc(100% - 32px)}
  .t2 .pg{display:none}
  .tms-steps button{flex-direction:column;align-items:center;justify-content:center;gap:0;height:52px;padding:0 4px}
  .tms-steps .tm,.tms-steps b{font-size:12.5px}
}
.tmsx.s1 .tms-steps li:nth-child(1) button,.tmsx.s2 .tms-steps li:nth-child(2) button,.tmsx.s3 .tms-steps li:nth-child(3) button,.tmsx.s4 .tms-steps li:nth-child(4) button,.tmsx:not(.s1):not(.s2):not(.s4) .tms-steps li:nth-child(3) button{background:#fff;box-shadow:0 8px 20px rgba(20,35,80,.08),inset 0 0 0 1px #e6ebf5}
.tmsx.s1 .tms-steps li:nth-child(1) .tm,.tmsx.s2 .tms-steps li:nth-child(2) .tm,.tmsx.s3 .tms-steps li:nth-child(3) .tm,.tmsx.s4 .tms-steps li:nth-child(4) .tm,.tmsx:not(.s1):not(.s2):not(.s4) .tms-steps li:nth-child(3) .tm{color:#406ae4}
.tmsx.s1 .tms-steps li:nth-child(1) b,.tmsx.s2 .tms-steps li:nth-child(2) b,.tmsx.s3 .tms-steps li:nth-child(3) b,.tmsx.s4 .tms-steps li:nth-child(4) b,.tmsx:not(.s1):not(.s2):not(.s4) .tms-steps li:nth-child(3) b{color:#1d1d1d}
.tmsx.s1 .tms-steps li:nth-child(1) .bar,.tmsx.s2 .tms-steps li:nth-child(2) .bar,.tmsx.s3 .tms-steps li:nth-child(3) .bar,.tmsx.s4 .tms-steps li:nth-child(4) .bar,.tmsx:not(.s1):not(.s2):not(.s4) .tms-steps li:nth-child(3) .bar{opacity:1}
.tmsx.s1 .tms-steps li:nth-child(1) .bar::after{animation:tbar 3.4s linear both}
.tmsx.s2 .tms-steps li:nth-child(2) .bar::after{animation:tbar 3.4s linear both}
.tmsx.s3 .tms-steps li:nth-child(3) .bar::after{animation:tbar 4.6s linear both}
.tmsx.s4 .tms-steps li:nth-child(4) .bar::after{animation:tbar 5.2s linear both}

/* ------------------------------------------------ scene: cost (mad-libs) */
.ml{max-width:1080px}
.ml-s{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:500;font-size:50px;line-height:1.32;letter-spacing:-.03em;color:#1d1d1d;text-wrap:pretty}
.ml-s+.ml-s{margin-top:30px}
.ml-in{display:inline-block;vertical-align:baseline;min-width:2ch;height:1.1em;margin:0 .08em;padding:0 .12em;border:0;border-bottom:4px solid #406ae4;border-radius:0;background:rgba(64,106,228,.07);color:#406ae4;font:inherit;font-variant-numeric:tabular-nums;text-align:center;outline:none;-moz-appearance:textfield;transition:background .2s}
.ml-in:hover,.ml-in:focus{background:rgba(64,106,228,.14)}
.ml-in::-webkit-outer-spin-button,.ml-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ml-out{display:inline-block;padding:0 .14em;border-radius:12px;background:#1d1d1d;color:#ffffff;font-variant-numeric:tabular-nums}
.ml-out.big{background:linear-gradient(90deg,#2f55c8,#406ae4);box-shadow:0 14px 30px rgba(64,106,228,.3)}
.ml-more{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px 30px;align-items:baseline;font-size:17px;color:#4d585f}
.ml-more label{display:inline-flex;align-items:baseline;gap:10px}
.ml-more .ml-in{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:24px;font-weight:600;border-bottom-width:3px;height:1.3em}
.ml-note{margin:34px 0 0;max-width:720px;font-size:14px;line-height:22px;color:#7b858d}
.ml-rule{height:1px;background:#e6ebf1;margin:70px 0}
/* 13:00: a thread carries the eye from the first result to the second calculation */
.ml-b2{position:relative}
.ml-bridge{display:flex;align-items:center;gap:16px;margin:64px 0 18px}
.ml-thread{position:relative;flex:none;width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,#406ae4,#e5484d);transform-origin:left}
.ml-thread::after{content:"";position:absolute;right:-6px;top:-5px;width:12px;height:12px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 5px rgba(229,72,77,.14)}
.ml-bt{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:500;font-size:26px;line-height:1.3;letter-spacing:-.02em;color:#4d585f}
.ml-s.ml-risk{margin-top:0;font-size:46px}
.ml-out.loss{background:#e5484d;box-shadow:0 14px 30px rgba(229,72,77,.25)}
.ml-b2.arm .ml-thread{transform:scaleX(0);transition:transform .9s cubic-bezier(.3,.7,.3,1)}
.ml-b2.arm .ml-bt,.ml-b2.arm .ml-risk,.ml-b2.arm .ml-note{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.ml-b2.arm.go .ml-thread{transform:none}
.ml-b2.arm.go .ml-bt{opacity:1;transform:none;transition-delay:.35s}
.ml-b2.arm.go .ml-risk{opacity:1;transform:none;transition-delay:.6s}
.ml-b2.arm.go .ml-note{opacity:1;transform:none;transition-delay:.85s}
@media (prefers-reduced-motion:reduce){ .ml-b2.arm .ml-thread,.ml-b2.arm .ml-bt,.ml-b2.arm .ml-risk,.ml-b2.arm .ml-note{opacity:1;transform:none;transition:none} }

/* ------------------------------------------------ scene: ways */
.wy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-top:1px solid #d9e1f2}
.wy>div{padding:48px 56px 10px 0}
.wy>div+div{padding:48px 0 10px 56px;border-left:1px solid #d9e1f2}
.wy h3{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:40px;line-height:1.05;letter-spacing:-.03em}
.wy p{margin:18px 0 0;max-width:460px;font-size:17.5px;line-height:28px;color:#4d585f}
.wy .act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.wy small{display:block;margin-top:16px;font-size:14px;color:#7b858d}
.wy-art{height:150px;display:flex;align-items:flex-end;gap:10px;margin-bottom:26px}
.mini-tw{width:46px;border-radius:8px 8px 0 0;background:#d7e2fb;display:grid;gap:5px;padding:7px 6px 0;align-content:start}
.mini-tw i{height:11px;border-radius:3px;background:#ffffff}
.mini-tw i.l{background:#ffd27a}
.mini-br{width:300px;height:140px;border-radius:12px 12px 0 0;background:#ffffff;box-shadow:0 20px 40px rgba(40,60,120,.12);display:grid;grid-template-columns:1fr 104px;overflow:hidden}
.mini-br .pg{padding:12px;display:grid;gap:6px;align-content:start}
.mini-br .pg i{height:7px;border-radius:4px;background:#edf1f6}
.mini-br .pg b{width:90px;height:22px;border-radius:6px;background:#406ae4;outline:2px dashed #ff5a5f;outline-offset:2px;margin-top:4px}
.mini-br .sp{border-left:1px solid #eef1f5;background:#fafbfe;padding:10px;display:grid;gap:5px;align-content:start;font-size:10.5px;color:#4d585f}
.mini-br .sp b{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:12px;color:#1d1d1d}
.mini-br .sp span{padding:4px 6px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px #eef1f5}
.who{margin:90px 0 0;max-width:900px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:500;font-size:34px;line-height:1.3;letter-spacing:-.02em;color:#1d1d1d}
.who a{color:#406ae4;text-decoration:none;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 16:30: a line draws across, the sentence rises in word by word, then each audience gets its underline */
.who-wrap{position:relative;margin-top:72px;padding-top:48px}
.who-wrap::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#406ae4,rgba(64,106,228,.25) 35%,#e6ebf1 70%);transform-origin:left}
.who-wrap .who{margin:0}
.who-wrap.arm::before{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.3,.7,.3,1)}
.who-wrap.arm .wd{display:inline-block;opacity:0;transform:translateY(.35em);filter:blur(6px);transition:opacity .55s ease,transform .55s ease,filter .55s ease}
.who-wrap.arm a{background-size:0% 2px;transition:background-size .6s ease}
.who-wrap.arm.go::before{transform:none}
.who-wrap.arm.go .wd{opacity:1;transform:none;filter:none;transition-delay:calc(.3s + var(--w) * 40ms)}
.who-wrap.arm.go a{background-size:100% 2px;transition-delay:calc(1.45s + var(--l) * .18s)}
@media (prefers-reduced-motion:reduce){ .who-wrap.arm::before,.who-wrap.arm .wd{opacity:1;transform:none;filter:none;transition:none} .who-wrap.arm a{background-size:100% 2px;transition:none} }

/* ------------------------------------------------ scene: dusk faq */
.sun{position:absolute;left:50%;top:70px;width:300px;height:300px;margin-left:-150px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffe2b5,#ffb48a 55%,#f08a7a);clip-path:inset(0 0 46% 0);opacity:.95}
.sunglow{position:absolute;left:50%;top:-80px;width:760px;height:520px;margin-left:-380px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,190,150,.45),rgba(255,190,150,0));pointer-events:none}
.horizon{position:absolute;left:0;right:0;top:232px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))}
.fq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:72px;align-items:start}
.fq details{border-bottom:1px solid rgba(255,255,255,.14)}
.fq details:first-child{border-top:1px solid rgba(255,255,255,.14)}
.fq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 2px;cursor:pointer;list-style:none;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:22px;letter-spacing:-.015em;color:#ffffff}
.fq summary::-webkit-details-marker{display:none}
.ns .fq summary>h3{flex:1;min-width:0;margin:0;font:inherit;letter-spacing:inherit;color:inherit}
.fq summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s}
.fq details[open] summary::after{transform:rotate(45deg)}
.fq details p{margin:0;padding:0 60px 28px 2px;max-width:720px;font-size:17px;line-height:28px;color:#b9c6ea}

/* ------------------------------------------------ closing + footer */
.cl{text-align:center}
.cl .sc-time{margin-left:auto;margin-right:auto}
.cl-h{margin:0 auto;max-width:980px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:96px;line-height:.95;letter-spacing:-.045em;color:#ffffff}
.cl-p{margin:28px auto 0;max-width:560px;font-size:19px;line-height:30px;color:#b9c6ea}
.cl-form{margin:44px auto 0;max-width:580px;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 22px;border-radius:100px;background:#ffffff;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.cl-form input{flex:1;min-width:0;height:50px;border:0;outline:none;background:transparent;font-size:17px;font-weight:600;color:#1d1d1d}
.ns .cl-form .nb{background:#1d1d1d;color:#fff}
.ns .cl-form .nb i{background:#fff;color:#1d1d1d}
.cl-sub{margin-top:20px;font-size:15px;color:#9fb0dc}
.cl-sub a{color:#ffffff}
.cl-sent{margin:44px auto 0;max-width:580px;display:flex;align-items:center;gap:16px;padding:18px 24px;border-radius:24px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);text-align:left;animation:zin .4s ease-out both;color:#fff}
.cl-sent div>b{display:block;font-size:18px;font-weight:650}
.cl-sent div>span{display:block;font-size:15px;color:#b9c6ea;margin-top:2px}
.cl-sent button{margin-left:auto;border:0;background:none;color:#ffd27a;font-weight:700;font-size:14.5px;cursor:pointer;white-space:nowrap}
.cl-sloth{position:relative;z-index:2;display:flex;justify-content:center;margin-top:90px}
/* the closing skyline: one tower per letter, the lit windows spell the name */
.lc{--lw:18px;--lh:16px;--lg:5px;position:relative;z-index:1;margin:0 -56px;display:flex;justify-content:center;align-items:flex-end;gap:14px}
.lc::before{content:"";position:absolute;left:50%;bottom:-40px;width:1100px;height:380px;margin-left:-550px;background:radial-gradient(closest-side,rgba(255,196,100,.16),rgba(255,196,100,0));pointer-events:none;transition:opacity 1.6s ease}
.lc.arm::before{opacity:0}
.lc.arm.on::before{opacity:1;transition-delay:.5s}
.lt{position:relative;flex:none;display:flex;flex-direction:column;align-items:center}
.lt-sign{margin-bottom:7px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:700;font-size:15px;letter-spacing:-.01em;color:#ffd27a;text-shadow:0 0 14px rgba(255,210,122,.7);opacity:.55}
.lt-sign.flick{animation:flick 6s steps(1) infinite}
.lt-body{display:grid;gap:var(--lg);grid-auto-rows:var(--lh);padding:10px 9px 0;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#1b2b5e,#132250);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.lt-fill .lt-body{background:linear-gradient(180deg,#172654,#101d46);opacity:.85}
.lt-fill .lt-sign{opacity:.35}
.lw{position:relative;display:block;border-radius:4px;background:#22336b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.lw::before{content:"";position:absolute;inset:0;border-radius:4px;background:linear-gradient(180deg,#ffe6a8,#ffcd6b);box-shadow:0 0 16px rgba(255,205,110,.55),inset 0 0 0 1px rgba(255,255,255,.45);opacity:0}
.lw::after{content:"";position:absolute;left:4px;top:4px;width:8px;height:2px;border-radius:1px;background:rgba(255,255,255,.12)}
.lw.px::before,.lw.lit::before{opacity:1}
.lw.px::after,.lw.lit::after{background:rgba(120,80,10,.3)}
.lw.dim::before{opacity:.22;box-shadow:none}
/* switching on: left to right, each tube catching with a stutter */
.lc.arm .lw.px::before{opacity:0}
.lc.arm.on .lw.px::before{animation:lon .9s steps(1,end) var(--d) 1 both}
@keyframes lon{0%{opacity:0}20%{opacity:.85}32%{opacity:.1}46%{opacity:1}58%{opacity:.4}70%,100%{opacity:1}}
/* the ones that never quite settle */
.lw.fl1{animation:lfl1 var(--fp) steps(1,end) var(--fd) infinite}
.lw.fl2{animation:lfl2 var(--fp) steps(1,end) var(--fd) infinite}
.lw.fl3{animation:lfl3 var(--fp) steps(1,end) var(--fd) infinite}
@keyframes lfl1{0%,100%{opacity:1}52%{opacity:.25}54%{opacity:1}56%{opacity:.4}59%{opacity:1}}
@keyframes lfl2{0%,100%{opacity:1}66%{opacity:.2}71%{opacity:.2}72%{opacity:.85}74%{opacity:.15}77%{opacity:1}}
@keyframes lfl3{0%,100%{opacity:1}30%{opacity:.3}31%{opacity:1}33%{opacity:.2}34%{opacity:1}80%{opacity:.35}81%{opacity:1}}
.lw.tg1::before{animation:ltg 7.4s steps(1,end) 1.2s infinite}
.lw.tg2::before{animation:ltg 9.8s steps(1,end) 3.7s infinite}
.lw.tg3::before{animation:ltg 8.6s steps(1,end) 5.9s infinite}
@keyframes ltg{0%,44%{opacity:0}45%{opacity:.7}46%{opacity:0}47%,86%{opacity:1}87%,100%{opacity:0}}
@media (max-width:1180px){ .lc{zoom:.86} .lt-fill.f-out{display:none} }
@media (max-width:1000px){ .lc{zoom:.92} .lt-fill{display:none} .lc::before{width:800px;margin-left:-400px} }
@media (max-width:640px){ .lc{zoom:.4;margin:0 -18px;gap:12px} .lt-sign{display:none} .lt-body{padding-top:9px} }
.cl-city{position:relative;height:150px;margin:-40px -56px 0;display:flex;justify-content:center;align-items:flex-end;gap:12px;opacity:.9}
.cl-city .tw-body{padding:10px 9px 0;gap:7px}
.cl-city .win{height:24px}
.cl-city .tw-sign{font-size:15px;margin-bottom:6px;opacity:.6}
.ft{background:#0b1531;color:#9fb0dc;padding:70px 56px 40px;font-size:14.5px}
.ft-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:36px}
.ft-brand .nav-logo{color:#fff}
.ft-brand p{margin:14px 0 14px;max-width:300px;line-height:23px}
.ft-brand a.m{color:#fff;font-weight:600}
.ft h4{margin:0 0 14px;font-size:14px;font-weight:650;color:#ffffff}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft li a:hover{color:#fff}
.ft-bar{max-width:1280px;margin:50px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13.5px}
.ft-bar nav{display:flex;gap:18px}

/* ------------------------------------------------ responsive */
@media (max-width:1180px){
  .hero-h{font-size:76px}
  .hero-game{display:none}
  .sc-split{gap:48px}
  .sc-time{font-size:110px}
  .ml-s{font-size:42px}
  .ml-s.ml-risk{font-size:38px}
}
@media (max-width:1000px){
  .nav-r a.l{display:none}
  .sc{padding:110px 32px}
  .sc-split{grid-template-columns:minmax(0,1fr);gap:44px}
  .hero-copy{padding:150px 32px 0}
  .hero-clock{left:32px;top:150px}
  .fit-btn{width:400px;font-size:30px}
  .fit-over{left:400px}
  .yes-sloth{display:none}
  .wy{grid-template-columns:minmax(0,1fr)}
  .wy>div+div{border-left:0;border-top:1px solid #d9e1f2;padding:48px 0 10px}
  .wy>div{padding:48px 0 10px}
  .fq{grid-template-columns:minmax(0,1fr);gap:28px}
  .ft-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-brand{grid-column:1 / -1}
}
@media (max-width:640px){
  .nav{padding:12px 14px;gap:10px}
  .nav-clock{margin:0 0 0 auto;padding:0 12px 0 5px;height:40px;gap:8px}
  .nav-clock b{min-width:62px;height:30px;font-size:14px}
  .nav-clock>span{display:none}
  .scout,.beam{display:none}
  .ns .nav .nb{display:none}
  .sc{padding:84px 18px}
  .sc-time{font-size:76px;margin-bottom:20px}
  .sc-h{font-size:38px}
  .sc-p{font-size:17px;line-height:27px}
  .s-hero{min-height:900px}
  .hero-copy{padding:118px 18px 0}
  .hero-clock{left:18px;top:118px;font-size:20px}
  .hero-h .kw{padding-left:68px;font-size:14.5px;line-height:21px;margin-bottom:18px}
  .fq-side{position:static}
  .hero-h{font-size:48px;letter-spacing:-.035em}
  .hero-p{font-size:17px;line-height:27px}
  .moon{width:46px;height:46px;top:66px;right:16px}
  .city{height:260px;gap:10px;zoom:.62}
  .tw-sign{font-size:17px}
  .co-body{padding:18px}
  .co-h{font-size:24px}
  .co-btn{width:220px;font-size:14px}
  .co .t em{display:none}
  .find-scout{display:none}
  .fit-stage{padding:30px 20px 26px}
  .fit-btn{width:250px;height:64px;font-size:20px;padding:0 18px;border-radius:14px}
  .fit-btnrow{height:64px}
  .fit-over{left:250px;width:70px}
  .fit-meter b{font-size:26px}
  .fit-editor{display:none}

  .ck-pt b{font-size:20px;bottom:28px}
  .ck-pt span{font-size:12px;white-space:normal;width:90px}
  .ck-ver{display:none}
  .ck-stamp{right:0;top:-64px;font-size:16px;height:40px}
  .pr{grid-template-columns:minmax(0,1fr)}
  .mail-subj{font-size:22px}
  .ml-s{font-size:28px;line-height:1.42}
  .ml-rule{margin:44px 0}
  .ml-bridge{margin:44px 0 14px;gap:12px;align-items:flex-start}
  .ml-thread{width:36px;margin-top:12px}
  .ml-bt{font-size:19px}
  .ml-s.ml-risk{font-size:28px}
  .wy h3{font-size:30px}
  .mini-br{width:240px}
  .who{font-size:24px;margin-top:60px}
  .who-wrap{margin-top:48px;padding-top:34px}
  .s-dusk{padding-top:220px}
  .sun{width:200px;height:200px;margin-left:-100px;top:40px}
  .horizon{top:148px}
  .sunglow{width:420px;margin-left:-210px}
  .fq summary{font-size:19px;padding:20px 2px}
  .fq details p{padding:0 10px 22px 2px;font-size:16px}
  .cl-h{font-size:50px}
  .cl-form{flex-direction:column;border-radius:26px;padding:10px;align-items:stretch}
  .cl-form input{padding:0 12px}
  .ns .cl-form .nb{justify-content:space-between}
  .cl-city{margin:-30px -18px 0;height:110px}
  .ft{padding:56px 18px 30px}
}

/* ------------------------------------------------ placed feature pieces */
/* shared: the cadence card, stripped to one piece */
.ns .cl-cad .lq-card--cad .lq-cad-wrap,.ns .yes-cad .lq-card--cad .lq-cad-wrap{background:transparent;padding:0;box-shadow:none}
.cl-cad .lq-feat.lq-embed,.yes-cad .lq-feat.lq-embed{margin-top:0}
.cl-cad .lq-cad-cal,.yes-cad .lq-cad-cal{display:none}
/* 08:40: the scan schedule, with the foreman on top */
.yes-cad{position:relative;display:flex;justify-content:center;padding-top:150px}
.yes-cad .yes-sloth{right:auto;left:50%;margin-left:20px;top:0}
.ns .yes-cad .lq-cad{width:330px;height:420px;zoom:1.3}
.ns .yes-cad .lq-cad-sched{left:0;top:0}
.ns .yes-cad .lq-cad-night{display:none}
/* 22:00: the night shift, centred and larger */
.cl-cad{position:relative;z-index:2;max-width:860px;margin:80px auto 90px;text-align:left}
.ns .cl-cad .lq-cad{width:430px;height:142px;zoom:1.6}
.ns .cl-cad .lq-cad-sched{display:none}
.ns .cl-cad .lq-cad-night{left:0;top:0;width:430px;height:142px}
.ns .cl-cad .lq-cad-crew{left:0}
@media (max-width:1180px){ .ns .yes-cad .lq-cad{zoom:1.15} }
@media (max-width:1000px){ .yes-cad{padding-top:120px} .ns .yes-cad .lq-cad{zoom:1.2} .ns .cl-cad .lq-cad{zoom:1.4} }
@media (max-width:640px){ .cl-cad{margin:56px auto 60px} .yes-cad{padding-top:0} .ns .yes-cad .lq-cad{zoom:1} .ns .cl-cad .lq-cad{zoom:.8} }

/* ------------------------------------------------ mobile app scene: two phones and the findings card */
.mob{position:relative;display:grid;gap:22px;justify-items:center}
.mob-phones{display:flex;gap:22px;align-items:flex-start}
.mob-ph{position:relative;width:206px;padding:9px;border-radius:38px;background:#070f26;box-shadow:0 0 0 1.5px rgba(255,255,255,.14),0 30px 70px rgba(3,8,25,.55),0 0 80px rgba(64,106,228,.18)}
.mob-ar{margin-top:46px}
.mob-scr{position:relative;overflow:hidden;height:404px;border-radius:30px;background:#f6f8fd;color:#1d1d1d;font-family:"Inter",system-ui,sans-serif;font-variation-settings:"opsz" 32;font-size:11.5px;line-height:1.35;text-align:start}
.mob-scr::after{content:"";position:absolute;left:0;right:0;top:-30%;height:28%;background:linear-gradient(180deg,rgba(255,210,122,0),rgba(255,210,122,.32),rgba(255,210,122,0));pointer-events:none;opacity:0}
.mob.go .mob-scr::after{animation:mobsweep 2.4s ease-in-out .2s 1 both}
.mob-ar .mob-scr::after{animation-delay:1.1s!important}
@keyframes mobsweep{0%{top:-30%;opacity:1}100%{top:105%;opacity:1}}
.mob-sb{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 4px;font-size:11px;font-weight:700}
.mob-sb span{display:flex;gap:3px}.mob-sb i{width:4px;height:9px;border-radius:2px;background:#1d1d1d}
.mob-top{position:relative;display:flex;align-items:center;gap:8px;margin:6px 10px 0;padding:6px 8px;border-radius:10px;font-size:15px}
.mob-top b{font-weight:700}
.mob-back{display:inline-flex;color:#406ae4}.mob-back svg{width:18px;height:18px}
.mob-list i{display:inline-flex}.mob-list i svg{width:13px;height:13px}
.mob-ar .mob-top{flex-direction:row}
.mob-ar .mob-top .mob-back{margin-inline-start:auto}
.mob-user{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:10px;border-radius:14px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.06)}
.mob-user b{display:block;font-size:12px}.mob-user small{color:#6b7682;font-size:10.5px}
.mob-av{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e3eaff;color:#406ae4;font-weight:700;font-size:11px}
.mob-list{list-style:none;margin:10px 12px 0;padding:0;border-radius:14px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.06)}
.mob-list li{position:relative;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-top:1px solid #eef1f7}
.mob-list li:first-child{border-top:0}
.mob-list i{font-style:normal;color:#9aa4b2}
.mob-cart{position:relative;margin:10px 12px 0;padding:9px 12px;border-radius:12px;background:#fff6e1;color:#7a5a12;font-weight:600}
.mob-btn{position:relative;margin:12px auto 0;width:150px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:100px;background:#406ae4;color:#ffffff;font-weight:650}
.mob-btn span{overflow:hidden;white-space:nowrap;text-overflow:clip}
.mob-tab{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-around;padding:10px 0;border-radius:16px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.06)}
.mob-tab i{width:16px;height:16px;border-radius:5px;background:#dfe5f2}.mob-tab i.on{background:#406ae4}
.mob-loc{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);font-family:"Fragment Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.04em;color:#ffd27a}
.mob .bug{outline:2px dashed transparent;outline-offset:2px;transition:outline-color .3s}
.mob .pin{position:absolute;top:-8px;inset-inline-end:-8px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ff5a5f;color:#ffffff;font-style:normal;font-size:10.5px;font-weight:700;transform:scale(0);box-shadow:0 0 0 3px rgba(255,90,95,.25)}
.mob.go .bug{outline-color:#ff5a5f}
.mob.go .bug .pin{animation:mobpin .45s cubic-bezier(.3,1.6,.5,1) both}
.mob.go .b3,.mob.go .b3 .pin{transition-delay:.9s;animation-delay:.9s}
.mob.go .b1,.mob.go .b1 .pin{transition-delay:1.25s;animation-delay:1.25s}
.mob.go .b2,.mob.go .b2 .pin{transition-delay:1.6s;animation-delay:1.6s}
.mob.go .b4,.mob.go .b4 .pin{transition-delay:2.3s;animation-delay:2.3s}
@keyframes mobpin{0%{transform:scale(0)}100%{transform:scale(1)}}
.mob-find{width:min(100%,456px);margin-top:26px;padding:16px 18px;border-radius:20px;background:rgba(15,27,61,.92);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 60px rgba(3,8,25,.45);color:#e6eaf0;text-align:left}
.mob-fh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.mob-fh b{font-size:14.5px;color:#ffffff}.mob-fh small{font-size:12px;color:#9fb0d6}
.mob-find ul{list-style:none;margin:0;padding:0}
.mob .mf{position:relative;display:grid;grid-template-columns:22px 70px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.07);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;transition-delay:calc(2.6s + var(--k) * .18s)}
.mob .mf:first-child{border-top:0}
.mob.go .mf{opacity:1;transform:none}
.mob .mf .pin{position:static;transform:none;width:20px;height:20px;box-shadow:none;animation:none}
.mob .mf p{margin:0;font-size:13.5px;line-height:1.35;color:#e6eaf0}
.mob .mf small{font-family:"Fragment Mono",ui-monospace,monospace;font-size:11px;color:#9fb0d6}
.mob .sv{display:inline-flex;justify-content:center;padding:3px 0;border-radius:7px;font-size:11px;font-weight:700}
.mob .sv.c{background:#ff5a5f;color:#ffffff}.mob .sv.m{background:#ffd27a;color:#3a2a05}.mob .sv.n{background:rgba(255,255,255,.14);color:#e6eaf0}
.mob.slim .mob-find{width:min(100%,440px)}
@media (prefers-reduced-motion:reduce){ .mob .bug{outline-color:#ff5a5f} .mob .pin{transform:none} .mob .mf{opacity:1;transform:none} .mob-scr::after{display:none} }
@media (max-width:640px){ .mob-phones{zoom:.78} .mob-find{width:100%} .mob .mf{grid-template-columns:22px 64px minmax(0,1fr)} .mob .mf small{display:none} }
@media (max-width:380px){ .mob-phones{zoom:.7} }

.s-mob{background:#1a2e63}
.s-mob .mob-wrap{display:flex;justify-content:center}
.ns .s-mob .mob-more{margin-top:18px;font-size:16px;line-height:26px}
.ns .s-mob .mob-more .nlink{color:#ffd27a}

/* homepage hero: link to /ai-assistants */
.hero-new{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:15px;color:#dbe4ff;text-decoration:none}
.hero-new b{padding:3px 9px;border-radius:100px;background:#ffd27a;color:#2a1f04;font-size:12px;letter-spacing:.02em}
.hero-new:hover{color:#ffffff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){ .hero-new{display:none} }   /* phones: the 15:40 scene further down covers it */

.s-mcp{background:linear-gradient(180deg,#ffffff 0%,#fff8ef 46%,#ffffff 100%);overflow:hidden}
.s-mcp::before{content:"";position:absolute;right:-8%;top:8%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,122,.28) 0%,rgba(255,210,122,0) 62%);pointer-events:none}
.mcx .mc-copy{position:relative;z-index:1}
.mc-act{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:36px}
.mc-url{position:relative;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 10px 0 20px;border:0;border-radius:100px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.1),0 10px 24px -14px rgba(20,35,80,.25);cursor:pointer;transition:box-shadow .2s}
.mc-url:hover{box-shadow:0 0 0 1px rgba(64,106,228,.45),0 10px 24px -14px rgba(20,35,80,.3)}
.mc-url code{font-family:"Fragment Mono",ui-monospace,monospace;font-size:14.5px;color:#14213d}
.mc-url i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef3ff;color:#406ae4}
.mc-url i svg{width:15px;height:15px}
.mc-url .ok{position:absolute;left:50%;top:-34px;transform:translate(-50%,6px);padding:5px 10px;border-radius:8px;background:#111a33;color:#ffd27a;font-size:12.5px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.mc-url.copied .ok{opacity:1;transform:translate(-50%,0)}
.mc-stage{position:relative;z-index:1;display:grid;justify-items:center;gap:18px}
.mc-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:100px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(20,35,80,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mc-tab{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:0;border-radius:100px;background:transparent;cursor:pointer;transition:background .25s,box-shadow .25s}
.mc-tab:hover{background:rgba(255,255,255,.7)}
.mc-tab.on{background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.1),0 6px 16px -8px rgba(20,35,80,.35)}
.mc-logo{display:inline-flex;align-items:center;gap:6px}
.mc-logo img{display:block;height:15px;width:auto}
.mc-logo.is-icon{gap:5px}.mc-logo.is-icon img{height:24px;margin:0 -3px}
.mc-logo.is-icon b{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:700;font-size:14px;letter-spacing:-.005em;color:#14213d}
.mc-chat{position:relative;width:100%;max-width:620px;border-radius:26px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.07),0 50px 90px -40px rgba(20,35,80,.38),0 18px 36px -24px rgba(20,35,80,.18);overflow:hidden;text-align:left}
.mc-hd{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 20px;border-bottom:1px solid #eef1f7}
.mc-hl .mc-logo{display:none}
.mcx[data-a="claude"] .mc-hl [data-a="claude"],.mcx[data-a="chatgpt"] .mc-hl [data-a="chatgpt"],.mcx[data-a="cursor"] .mc-hl [data-a="cursor"]{display:inline-flex;animation:zin .35s ease-out both}
.mc-conn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 6px;border-radius:100px;background:#f4f7fd;font-size:13px;font-weight:650;color:#14213d}
.mc-conn i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#111a33;color:#ffffff}
.mc-conn i svg{width:11px;height:11px}
.mc-conn em{width:7px;height:7px;border-radius:50%;background:#3cc98a;box-shadow:0 0 0 3px rgba(60,201,138,.18)}
.mc-body{display:grid;gap:16px;padding:22px 22px 8px;min-height:396px;align-content:start}
.mc-empty{display:none}
.mc-chat.js:not(.p1) .mc-empty{position:absolute;left:0;right:0;top:58px;bottom:80px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;font-size:14px;color:#9aa3b5;animation:zin .4s ease-out both}
.mc-empty i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#111a33;color:#ffffff}
.mc-empty i svg{width:22px;height:22px}
.mc-u{justify-self:end;max-width:82%;padding:12px 16px;border-radius:20px 20px 6px 20px;background:#14213d;color:#ffffff;font-size:15px;line-height:22px;transition:opacity .35s,transform .35s}
.mc-pr{display:none}
.mcx[data-a="claude"] .mc-pr[data-a="claude"],.mcx[data-a="chatgpt"] .mc-pr[data-a="chatgpt"],.mcx[data-a="cursor"] .mc-pr[data-a="cursor"]{display:inline}
.mc-tool{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#f6f8fc;box-shadow:inset 0 0 0 1px #edf0f6;transition:opacity .35s,transform .35s}
.mc-tool .av{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#111a33;overflow:hidden}
.mc-tool .av svg{width:22px;height:auto}
.mc-tool .mt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;font-size:13.5px;color:#4d585f}
.mc-tool .mt b{color:#14213d;font-weight:700}
.mc-tool .mt code{font-family:"Fragment Mono",ui-monospace,monospace;font-size:12.5px;padding:2px 7px;border-radius:6px;background:#e9eefb;color:#2f56c8}
.mc-tool .where{flex-basis:100%;font-size:12.5px;color:#7b858d}
.mc-tool .bar{flex-basis:100%;height:3px;border-radius:3px;background:#e6ebf5;overflow:hidden}
.mc-tool .bar i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#406ae4,#ffd27a);transform-origin:left;transform:scaleX(1)}
.mc-tool .st{font-size:12.5px;font-weight:700;white-space:nowrap}
.mc-tool .run{display:none;color:#406ae4}
.mc-tool .done{color:#1f9d63}
.mc-a{display:grid;gap:12px}
.mc-a>p{margin:0;font-size:15px;line-height:23px;color:#33404a}
.mc-a>p b{color:#14213d}
.mc-f{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mc-f li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;box-shadow:0 0 0 1px #edf0f6;transition:opacity .4s calc(var(--d) * .14s),transform .4s calc(var(--d) * .14s)}
.mc-f .sev{display:inline-flex;justify-content:center;align-items:center;height:24px;border-radius:7px;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.mc-f .maj{background:#fff0e0;color:#b45309}.mc-f .min{background:#eef3ff;color:#2f56c8}
.mc-f .tx{font-size:13.5px;line-height:19px;color:#33404a}
.mc-f .tx em{display:block;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9aa3b5;margin-bottom:2px}
.mc-f .fx{padding:5px 9px;border-radius:8px;background:#effaf4;color:#16794b;font-size:12.5px;font-weight:700;white-space:nowrap}
.mc-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 0;transition:opacity .4s}
.mc-ft .mqm{display:inline-flex;align-items:baseline;gap:7px;font-size:12.5px;font-weight:650;color:#7b858d}
.mc-ft .mqm b{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:26px;font-weight:600;letter-spacing:-.03em;color:#14213d}
.mc-ft .rep{font-size:13.5px;font-weight:650;color:#406ae4}
.mc-in{display:flex;align-items:center;gap:10px;margin:10px 14px 14px;height:52px;padding:0 8px 0 18px;border-radius:100px;background:#f6f8fc;box-shadow:inset 0 0 0 1px #edf0f6;font-size:14.5px}
.mc-in .ty{color:#14213d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-in .ty:not(:empty)::after{content:"";display:inline-block;width:2px;height:17px;margin-left:2px;vertical-align:-3px;background:#406ae4;animation:mcblink 1s steps(1) infinite}
.mc-in .ph{flex:1;color:#9aa3b5}
.mc-in .ty:not(:empty)+.ph{display:none}
.mc-in i{display:grid;place-items:center;flex:none;width:36px;height:36px;margin-left:auto;border-radius:50%;background:#14213d;color:#ffffff}
.mc-in i svg{width:16px;height:16px}
@keyframes mcblink{50%{opacity:0}}
@keyframes mcbar{from{transform:scaleX(.04)}to{transform:scaleX(.92)}}
/* the replay, only when the script runs (without it the finished chat shows) */
.mc-chat.js .mc-u,.mc-chat.js .mc-tool,.mc-chat.js .mc-a>p,.mc-chat.js .mc-f li,.mc-chat.js .mc-ft{opacity:0;transform:translateY(10px)}
.mc-chat.js.p1 .mc-u{opacity:1;transform:none}
.mc-chat.js.p2 .mc-tool{opacity:1;transform:none}
.mc-chat.js.p2:not(.p3) .mc-tool .run{display:inline}
.mc-chat.js.p2:not(.p3) .mc-tool .done{display:none}
.mc-chat.js.p2:not(.p3) .mc-tool .bar i{animation:mcbar 1.8s cubic-bezier(.3,.7,.4,1) both}
.mc-chat.js.p4 .mc-a>p,.mc-chat.js.p4 .mc-f li{opacity:1;transform:none}
.mc-chat.js.p5 .mc-ft{opacity:1;transform:none}
@media (max-width:1100px){ .s-mcp .sc-split{grid-template-columns:minmax(0,1fr)} .mc-chat{max-width:680px} }
@media (max-width:640px){
  .mc-act{gap:12px}
  .mc-url{height:50px}
  .mc-tab{height:36px;padding:0 12px}
  .mc-logo img{height:13px}.mc-logo.is-icon img{height:21px}.mc-logo.is-icon b{font-size:13px}
  .mc-chat{border-radius:22px}
  .mc-body{padding:18px 14px 6px;min-height:0}
  .mc-u{font-size:14px;line-height:21px}
  .mc-f li{grid-template-columns:54px minmax(0,1fr);gap:10px}
  .mc-f .fx{grid-column:2;justify-self:start}
  .mc-in{margin:8px 10px 10px}
}
@media (prefers-reduced-motion:reduce){ .mc-chat *{animation:none!important;transition:none!important} }