/* The Overnight Brief: public website, design round 3 (Opus, 1 Nov 2026). Flat colours only. Night all the way down. */
@font-face{font-family:'Figtree';font-weight:400;font-display:swap;src:url(fonts/figtree-latin-400.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-weight:500;font-display:swap;src:url(fonts/figtree-latin-500.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-weight:600;font-display:swap;src:url(fonts/figtree-latin-600.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-weight:700;font-display:swap;src:url(fonts/figtree-latin-700.woff2) format('woff2')}
:root{--ink:#0b1220;--bg:#ffffff;--s1:#f4f6fa;--s2:#e8ecf3;--tx:#0b1220;--tx2:#3d4659;--tx3:#5d6780;--rule:#e3e7ef;--line2:#c9d0dc;--acc:#1d5bff;--err:#c0263d;--dim:#9aa3b5;--tint:#eef3ff;
--blue:#1d5bff;--blue2:#4f7dff;--violet:#8056d9;--indigo:#3b3fbf;--dawn:#a9c0ff;--pale:#e6edff;
--search:#2f6bff;--insights:#8a5cf6;--engage:#e0488f;--optimise:#18a058;
--r1:10px;--r2:16px;--r3:28px;--w:1180px;--pad:20px;font-synthesis:none}
@media(min-width:760px){:root{--pad:40px}}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--tx);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font:400 16px/1.55 Figtree,system-ui,sans-serif;background:var(--bg);overflow-x:hidden}
a{color:inherit}
button,input{font:inherit;color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}

/* type: five steps, ratio 1.3 */
.t-xl{font-weight:700;font-size:clamp(40px,7.4vw,78px);line-height:1.02;letter-spacing:-.035em}
.t-l{font-weight:700;font-size:clamp(30px,4.6vw,50px);line-height:1.06;letter-spacing:-.03em}
.t-m{font-weight:600;font-size:clamp(21px,2.3vw,26px);line-height:1.25;letter-spacing:-.015em}
.t-s{font-size:17px;line-height:1.6;color:var(--tx2)}
.t-xs{font-size:13px;line-height:1.5;color:var(--tx3)}
.kick{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.kick i{width:22px;height:2px;background:currentColor;display:inline-block}

/* top bar */
.top{position:sticky;top:0;z-index:40;background:var(--bg);transition:box-shadow .2s}
.top.lift{box-shadow:0 1px 0 var(--rule)}
.top .wrap{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.01em;font-size:17px}
.brand .tile{width:34px;height:34px;flex:0 0 34px}
.brand small{display:block;font-size:11.5px;font-weight:500;color:var(--tx3);letter-spacing:0;margin-top:-2px}
.top .grow{flex:1}
.lnk{font-size:14.5px;color:var(--tx2);text-decoration:none;padding:8px 6px}
.lnk:hover{color:var(--tx)}

/* buttons: text pills only */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--blue);color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}
.btn:hover{background:#3a6fff}
.btn:active{transform:scale(.98)}
.btn.sm{height:38px;padding:0 16px;font-size:14px}
.btn.ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn.ghost:hover{background:var(--s1)}
.btn.light{background:var(--pale);color:var(--ink)}
.btn.light:hover{background:#fff}
.txtbtn{background:none;border:0;color:var(--tx2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px;padding:6px 2px}
.txtbtn:hover{color:var(--tx)}

/* email form */
.join{display:flex;flex-direction:column;gap:10px;max-width:520px}
.join label{font-size:13.5px;color:var(--tx2);font-weight:500}
.join .row{display:flex;flex-direction:column;gap:10px}
.join input{height:52px;border-radius:999px;border:0;background:var(--pale);color:var(--ink);padding:0 22px;font-size:16.5px;outline:0}
.join input::placeholder{color:#5d6a85}
.join input:focus{box-shadow:0 0 0 3px var(--blue2)}
.join .btn{height:52px;font-size:16px}
.join .fine{font-size:13px;color:var(--tx3)}
.join .err{font-size:13.5px;color:var(--err);min-height:0}
@media(min-width:560px){.join .row{flex-direction:row;background:var(--pale);border-radius:999px;padding:5px}.join input{flex:1;height:48px;background:transparent;box-shadow:none!important;padding-left:18px}.join .btn{height:48px}.join .row:focus-within{box-shadow:0 0 0 3px var(--blue2)}}

/* hero */
.hero{padding:28px 0 56px}
.hero .wrap{display:grid;gap:44px}
.hero h1{margin:16px 0 18px}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero .t-s{max-width:520px;margin-bottom:26px}
.crew{display:flex;align-items:center;gap:12px;margin-top:26px}
.crew .faces{display:flex}
.crew .faces span{width:34px;height:34px;margin-right:-8px;border-radius:50%;background:var(--s1);display:grid;place-items:center;box-shadow:0 0 0 3px var(--bg)}
.crew p{font-size:13.5px;color:var(--tx3);line-height:1.4}
.crew p b{color:var(--tx2);font-weight:600}
@media(min-width:980px){.hero{padding:56px 0 90px}.hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}}

/* phone */
.phone{position:relative;width:min(330px,82vw);aspect-ratio:9/19.5;margin:0 auto;border-radius:48px;background:#03060d;padding:11px;box-shadow:0 0 0 1.5px #2a3550,0 30px 70px rgba(16,24,40,.22)}
.phone .scr{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#0b1220;isolation:isolate}
.phone .notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:20px;background:#03060d;z-index:6}
.phone iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}
.lock{position:absolute;inset:0;z-index:5;background:var(--ink);display:flex;flex-direction:column;align-items:center;padding-top:70px;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.lock.up{transform:translateY(-104%)}
.lock .day{font-size:14px;color:var(--tx2);font-weight:500}
.lock .clock{font-size:76px;font-weight:600;letter-spacing:-.04em;line-height:1;margin-top:4px;font-variant-numeric:tabular-nums}
.lock .moonbg{width:118px;height:118px;margin:34px 0 0;opacity:.95}
.note{position:absolute;left:10px;right:10px;bottom:120px;background:rgba(238,241,247,.96);color:var(--ink);border-radius:20px;padding:12px 14px;display:flex;gap:10px;transform:translateY(30px);opacity:0;transition:transform .55s cubic-bezier(.2,.9,.25,1.2),opacity .3s}
.note.on{transform:none;opacity:1}
.note .ic{width:38px;height:38px;flex:0 0 38px;border-radius:9px;overflow:hidden}
.note b{display:block;font-size:13.5px}
.note span{display:block;font-size:12.5px;line-height:1.35;color:#3d4659}
.note .hd{display:flex;justify-content:space-between;font-size:11.5px;color:#5d6a85;margin-bottom:1px}
.phone-cap{display:flex;justify-content:center;gap:14px;margin-top:16px;font-size:13px;color:var(--tx3)}

/* sections */
.sec{padding:84px 0}
@media(min-width:980px){.sec{padding:120px 0}}
.sec-h{max-width:760px;margin-bottom:44px}
.sec-h .t-l{margin:14px 0 16px}
.stamp{font-size:12.5px;color:var(--tx3);margin-top:18px}

/* last night: the moon of stories */
.night .wrap{display:grid;gap:40px}
@media(min-width:980px){.night .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.night .moonbox{position:sticky;top:110px}}
.moonbox{position:relative;max-width:520px;width:100%;margin:0 auto}
.moonbox svg{width:100%;height:auto;display:block;overflow:visible}
.moonbox .d{cursor:pointer;transition:fill .6s,opacity .6s,r .3s}
.moonbox .d:hover,.moonbox .d.pick{stroke:#fff;stroke-width:1.4}
.moonbox[data-st="1"] .d{fill:#56617a}
.moonbox[data-st="2"] .d{fill:#2b3550;opacity:.6}
.moonbox[data-st="2"] .d.sig{fill:var(--c);opacity:1}
.moonbox[data-st="2"] .d.noise{fill:#46506a;opacity:1}
.moonbox[data-st="3"] .d{fill:#222b42;opacity:.55}
.moonbox[data-st="3"] .d.sig{fill:var(--c);opacity:1}
.tip{position:absolute;z-index:3;left:0;top:0;width:min(300px,80vw);background:var(--pale);color:var(--ink);border-radius:14px;padding:11px 13px;font-size:13.5px;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s}
.tip.on{opacity:1;transform:none;pointer-events:auto}
.tip small{display:block;font-size:12px;color:#4b5772;margin-top:4px}
.tip a{font-weight:600}
.moon-cap{text-align:center;font-size:13px;color:var(--tx3);margin-top:14px}
.steps3{display:flex;flex-direction:column;gap:70px}
@media(min-width:980px){.steps3{gap:38vh;padding:6vh 0 20vh}}
.step3{opacity:.35;transition:opacity .4s}
.step3.on{opacity:1}
.step3 .big{font-weight:700;font-size:clamp(54px,8vw,96px);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.heads{list-style:none;margin-top:18px;display:flex;flex-direction:column}
.heads li{padding:11px 0;border-top:1px solid var(--rule);font-size:15px;line-height:1.4}
.heads li:first-child{border-top:0}
.heads small{display:block;font-size:12.5px;color:var(--tx3);margin-top:2px}
.heads.no li{color:var(--tx3);text-decoration:line-through;text-decoration-color:var(--dim)}
.heads.yes a{text-decoration:none;color:var(--tx)}
.heads.yes a:hover{text-decoration:underline;text-underline-offset:3px}
.heads.yes li span.c{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}

/* hear it first */
.first .card{background:var(--s1);border-radius:var(--r3);padding:24px;display:grid;gap:26px}
@media(min-width:980px){.first .card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:34px;align-items:center}}
.story-mini{display:flex;gap:14px;align-items:flex-start;text-decoration:none}
.story-mini img{width:120px;height:90px;object-fit:cover;border-radius:var(--r1);flex:0 0 120px}
.story-mini small{display:block;font-size:12.5px;color:var(--tx3);margin-bottom:4px}
.story-mini b{font-size:16px;line-height:1.3}
.line{position:relative;margin-top:6px}
.line .rail{position:relative;height:4px;border-radius:4px;background:var(--s2);margin:24px 8px 0}
.line .fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:4px;background:var(--acc);transition:width 2.2s cubic-bezier(.4,0,.2,1)}
.first.on .line .fill{width:100%}
.line .pin{position:absolute;top:-8px;width:20px;height:20px;border-radius:50%;background:var(--s1);box-shadow:inset 0 0 0 4px var(--acc)}
.line .pin.a{left:-2px}.line .pin.b{right:-2px;box-shadow:inset 0 0 0 4px #5a6480;transition:box-shadow .3s 2s}
.first.on .line .pin.b{box-shadow:inset 0 0 0 4px var(--acc)}
.line .lbls{display:flex;justify-content:space-between;margin-top:16px;gap:16px}
.line .lbls div{max-width:48%}
.line .lbls div:last-child{text-align:right}
.line .lbls b{display:block;font-size:15px}
.line .lbls span{font-size:13.5px;color:var(--tx3)}
.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.choices span{font-size:14px;padding:7px 14px;border-radius:999px;background:var(--s2);color:var(--tx);transition:background .4s,color .4s}
.choices span.taken{background:transparent;color:var(--tx3);text-decoration:line-through;box-shadow:inset 0 0 0 1px var(--line2)}
.vs{display:grid;gap:12px;margin-top:22px}
@media(min-width:640px){.vs{grid-template-columns:1fr 1fr}}
.vs div{border-radius:var(--r2);padding:16px 18px;background:var(--s2)}
.vs div.you{background:var(--pale);color:var(--ink)}
.vs b{display:block;font-size:15px;margin-bottom:3px}
.vs p{font-size:14px;line-height:1.5}
.vs div:not(.you) p{color:var(--tx2)}

/* three for you: rings and the picker */
.three .grid{display:grid;gap:40px;align-items:center}
@media(min-width:980px){.three .grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.rings{position:relative;max-width:440px;width:100%;margin:0 auto}
.rings svg{width:100%;height:auto;display:block;overflow:visible}
.rings .rg{fill:none;stroke:var(--line2);stroke-width:1.5}
.rings .rg.on{stroke:var(--acc)}
.rings .rl{font-size:12.5px;fill:var(--tx3);font-family:Figtree,sans-serif}
.rings .fd{transition:transform 1.6s cubic-bezier(.5,0,.2,1),opacity 1.2s;transform-box:fill-box}
.rings .core{font-weight:700;font-size:48px;fill:var(--tx);font-family:Figtree,sans-serif;letter-spacing:-.04em}
.three-cards{display:grid;gap:12px;margin-top:22px}
@media(min-width:640px){.three-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tc{background:var(--s1);border-radius:var(--r2);overflow:hidden;text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.three.on .tc{opacity:1;transform:none}
.three.on .tc:nth-child(2){transition-delay:.15s}.three.on .tc:nth-child(3){transition-delay:.3s}
.tc img{width:100%;aspect-ratio:16/9;object-fit:cover}
.tc div{padding:12px 14px 14px}
.tc small{display:block;font-size:12px;color:var(--tx3)}
.tc b{display:block;font-size:14.5px;line-height:1.3;margin-top:3px}
.sell{margin-top:80px}
.sell .t-m{margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 22px}
.chip{height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--s2);color:var(--tx2);font-size:14.5px;cursor:pointer;transition:background .15s,color .15s}
.chip:hover{color:var(--tx)}
.chip[aria-pressed="true"]{background:var(--tx);color:var(--bg);font-weight:600}
.advice{display:grid;gap:14px;align-items:stretch}.adv-read{display:flex;flex-direction:column}.adv-read ol{flex:1;display:flex;flex-direction:column;justify-content:space-between}
@media(min-width:980px){.advice{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.adv-story{background:var(--s1);border-radius:var(--r3);overflow:hidden}
.adv-story img{width:100%;aspect-ratio:16/8;object-fit:cover}
.adv-story .in{padding:18px 20px 20px}
.adv-story small{font-size:12.5px;color:var(--tx3)}
.adv-story h3{font-size:19px;line-height:1.3;font-weight:600;margin-top:4px}
.adv-read{background:var(--pale);color:var(--ink);border-radius:var(--r3);padding:20px 22px}
.adv-read .vh{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-bottom:6px}
.adv-read .vh span.op{margin-left:auto;font-weight:400;font-size:12px;color:#4b5772}
.adv-read ol{list-style:none}
.adv-read li{padding:11px 0;border-top:1px solid #cdd7ef}
.adv-read li:first-child{border-top:0}
.adv-read em{display:block;font-style:normal;font-size:12.5px;font-weight:600;color:#4b5772;margin-bottom:2px}
.adv-read p{font-size:15px;line-height:1.5;transition:opacity .25s}
.adv-read p.sw{opacity:0}
.adv-read .who{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.adv-read .who span{font-size:13.5px;padding:5px 11px;border-radius:999px;background:#d7e1fb}
.adv-read .who span.best{background:var(--blue);color:#fff}

/* the night shift */
.shift{background:var(--tint)}
.tl{position:relative;display:grid;gap:0;margin-top:10px}
.tl:before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:var(--s2)}
.tl .st{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:16px 0;opacity:.4;transition:opacity .5s}
.tl .st.on{opacity:1}
.tl .f{width:48px;height:48px;display:grid;place-items:center;background:var(--s1);border-radius:50%;position:relative;z-index:1;overflow:visible}.tl .f>*{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.tl .tm{font-size:13px;font-weight:600;color:var(--tx3);font-variant-numeric:tabular-nums}
.tl b{display:block;font-size:17px;margin:1px 0 3px}
.tl b i{font-style:normal;color:var(--c)}
.tl p{font-size:15px;color:var(--tx2);max-width:420px}
.tl .st.end .f{background:var(--bg)}
@media(min-width:980px){
 .tl{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
 .tl:before{left:24px;right:24px;top:48px;bottom:auto;width:auto;height:2px}
 .tl .st{grid-template-columns:1fr;grid-template-rows:50px auto;gap:12px;padding:24px 0 0}
 .tl .f{width:50px;height:50px}
}

/* for every business */
.who3{display:grid;gap:14px}
@media(min-width:760px){.who3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ph-card{position:relative;border-radius:var(--r3);overflow:hidden;aspect-ratio:4/5;background:var(--s1)}
.ph-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph-card .cap{position:absolute;left:0;right:0;bottom:0;padding:20px;background:rgba(11,18,32,.88)}
.ph-card .cap b{display:block;font-size:19px}
.ph-card .cap span{font-size:14px;color:var(--tx2)}
.ph-card .note{position:absolute;bottom:auto;top:18px;left:14px;right:14px;transform:translateY(-12px)}
.who3.on .ph-card .note{transform:none;opacity:1}
.who3.on .ph-card:nth-child(2) .note{transition-delay:.25s}.who3.on .ph-card:nth-child(3) .note{transition-delay:.5s}

/* free vs Adapt Leads */
.duo{display:grid;gap:44px;align-items:start}
@media(min-width:980px){.duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.duo .col h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:16px 0 6px}
.duo .col>p{color:var(--tx2);margin-bottom:22px;max-width:440px}
.ticks{list-style:none;margin:22px 0 0}
.ticks li{padding:10px 0 10px 28px;border-top:1px solid var(--rule);font-size:15px;position:relative}
.ticks li:first-child{border-top:0}
.ticks li:before{content:"";position:absolute;left:4px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--acc)}
.duo .col.pro .ticks li:before{background:var(--blue)}
.desk{margin-top:70px}
.desk figure{border-radius:var(--r2);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--rule),0 18px 50px rgba(16,24,40,.10)}
.desk img{width:100%}
.desk figcaption{font-size:13px;color:var(--tx3);margin-top:12px}

/* final */
.final{padding-bottom:40px}
.final .big-mark{width:110px;height:110px;margin-bottom:26px}
.final .t-xl{max-width:820px}
.final .t-s{margin:18px 0 26px;max-width:560px}
.faq{margin-top:100px;max-width:820px}
.faq h2{margin-bottom:14px}
.faq details{border-top:1px solid var(--rule)}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-size:17px;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";position:absolute;right:6px;top:27px;width:12px;height:12px;border-right:2px solid var(--tx3);border-bottom:2px solid var(--tx3);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary:after{transform:rotate(-135deg);top:32px}
.faq details p{padding:0 0 20px;color:var(--tx2);max-width:680px}
footer{padding:50px 0 120px;color:var(--tx3);font-size:13.5px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
footer a{color:var(--tx2);text-decoration:none}
footer .grow{flex:1}

/* sticky bar on phones */
.stick{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;transform:translateY(130%);transition:transform .35s cubic-bezier(.2,.9,.25,1)}
.stick.on{transform:none}
.stick .btn{width:100%;height:52px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
@media(min-width:760px){.stick{display:none}}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

/* the mark */
.obm{display:block;width:100%;height:100%}
.obm.land .obd{transform-box:fill-box;transform-origin:center;animation:obki .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc((1 - var(--t)) * 1.1s)}
@keyframes obki{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}

/* review strip (design review only) */
.review{background:#fff3c4;color:#3b2f00;font-size:12.5px;padding:7px var(--pad);text-align:center}
.review a{font-weight:600}

@media(prefers-reduced-motion:reduce){.rv,.tc,.step3,.tl .st{opacity:1!important;transform:none!important;transition:none!important}.obm.land .obd{animation:none}.lock,.note,.line .fill,.rings .fd{transition:none!important}}

/* ---------- sign-up steps ---------- */
.jn{padding:24px 0 120px}
.jn-grid{display:grid;gap:40px}
@media(min-width:980px){.jn-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:70px}.jn-side{position:sticky;top:90px}}
.jn-side{display:none}
@media(min-width:980px){.jn-side{display:block}}
.jn-cap{text-align:center;margin-bottom:14px}
.jn-prog{list-style:none;display:flex;gap:6px;margin:4px 0 34px;flex-wrap:wrap}
.jn-prog li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--tx3);padding-right:12px}
.jn-prog li i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line2);display:inline-block;transition:background .3s,box-shadow .3s}
.jn-prog li.on{color:var(--tx);font-weight:600}
.jn-prog li.on i{box-shadow:inset 0 0 0 7px var(--acc)}
.jn-prog li.done i{background:var(--acc);box-shadow:none}
.jn-step{display:none}
.jn-step.on{display:block;animation:jnin .45s cubic-bezier(.2,.7,.2,1) both}
.jn-step.back{animation-name:jnback}
@keyframes jnin{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes jnback{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
.jn-step .t-l{margin-bottom:12px;max-width:640px}
.jn-step>.t-s{max-width:560px;margin-bottom:26px}
.jn-form label,.jn-fs label,.jn-fs legend{display:block;font-size:13.5px;font-weight:600;color:var(--tx2);margin-bottom:8px}
.jn-in{width:100%;max-width:520px;height:54px;border-radius:14px;border:0;background:var(--pale);color:var(--ink);padding:0 18px;font-size:17px;outline:0}
.jn-in:focus{box-shadow:0 0 0 3px var(--blue2)}
.jn-form .err,.jn-fs .err{font-size:13.5px;color:var(--err);margin-top:8px}
.jn-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}
.jn-fs{border:0;margin:0 0 26px}
.jn-fs .chips{margin:0}
.chip.add{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--tx2)}
.chip-in{height:40px;border-radius:999px;border:0;background:var(--pale);color:var(--ink);padding:0 16px;font-size:14.5px;outline:0;width:200px}
.inl{display:inline-block;vertical-align:-6px;margin-right:4px}
.jn-read{margin-top:26px;background:var(--s1);border-radius:var(--r2);padding:18px 20px;max-width:520px}
.jn-rh{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.jn-ticks{list-style:none}
.jn-ticks li{padding:7px 0 7px 26px;position:relative;font-size:15px;color:var(--tx3);transition:color .3s}
.jn-ticks li:before{content:"";position:absolute;left:2px;top:13px;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line2);transition:background .3s,box-shadow .3s}
.jn-ticks li.ok{color:var(--tx)}
.jn-ticks li.ok:before{background:var(--acc);box-shadow:none}
.idcard{margin-top:26px;background:var(--pale);color:var(--ink);border-radius:var(--r3);padding:22px;max-width:560px;animation:jnin .45s both}
.idcard .t-xs{color:#4b5772;font-weight:600}
.id-top{display:flex;align-items:center;gap:14px;margin:10px 0 14px}
.id-av{width:48px;height:48px;border-radius:12px;background:var(--ink);color:var(--pale);display:grid;place-items:center;font-weight:700;font-size:20px;flex:0 0 48px}
.id-top b{display:block;font-size:20px;letter-spacing:-.01em}
.id-top span{font-size:14px;color:#4b5772}
.idcard dl div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:9px 0;border-top:1px solid #cdd7ef;font-size:14.5px}
.idcard dt{color:#4b5772}
.idcard .txtbtn{color:#3d4659}
.idcard .txtbtn:hover{color:var(--ink)}
.area{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.area-rings{width:120px;height:120px;flex:0 0 120px}
.area-rings circle{fill:none;stroke:var(--line2);stroke-width:1.5;transition:stroke .3s,stroke-width .3s}
.area-rings circle.on{stroke:var(--acc);stroke-width:2.5}
.area-rings .ctr{fill:var(--acc);stroke:none}
.area .chips{margin:8px 0 6px}
.jn-mark{width:72px;height:72px;margin-bottom:22px}
.jn-small{margin-top:14px;font-size:14px;color:var(--tx3)}
.demo{margin-top:34px;padding-top:18px;border-top:1px dashed var(--line2)}
.next3{display:grid;gap:10px;margin-top:26px;max-width:640px}
.nx{display:block;text-align:left;text-decoration:none;background:var(--s1);border:0;border-radius:var(--r2);padding:16px 18px;cursor:pointer;transition:background .15s}
.nx:hover{background:var(--s2)}
.nx b{display:block;font-size:16px}
.nx span{font-size:14px;color:var(--tx2)}
.nx.pro{background:var(--pale);color:var(--ink)}
.nx.pro span{color:#3d4659}
.toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,14px);background:var(--tx);color:var(--bg);padding:11px 18px;border-radius:12px;font-size:14.5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(520px,92vw)}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- the reader's brief page ---------- */
.lnk.on{color:var(--tx);font-weight:600}
.av{width:34px;height:34px;border-radius:50%;background:var(--pale);color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:14px}
.rd{max-width:var(--w);margin:0 auto;padding:18px var(--pad) 120px;transition:margin-right .3s cubic-bezier(.2,.7,.2,1)}
@media(min-width:1180px){body.pan .rd{margin-right:500px}}
.crumb{display:flex;gap:8px;font-size:13.5px;color:var(--tx3);margin-bottom:16px;flex-wrap:wrap}
.crumb a{color:var(--tx3);text-decoration:none}.crumb a:hover{color:var(--tx);text-decoration:underline}
.crumb b{color:var(--tx);font-weight:600}
.mast{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.mast .tile{width:58px;height:58px;flex:0 0 58px}
.mast h1{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.mast p{color:var(--tx3);font-size:14px;margin-top:3px}
.mast .grow{flex:1}
.rd-grid{display:grid;gap:16px;align-items:start}
@media(min-width:900px){.rd-grid{grid-template-columns:minmax(0,1fr) 300px}.rd-rail{position:sticky;top:86px}}
.rd-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.rd-rail{display:flex;flex-direction:column;gap:14px}
.box{background:var(--s1);border-radius:var(--r3);padding:20px}
.vnote{display:flex;gap:14px;align-items:flex-start}
.vnote em{display:block;font-style:normal;font-size:12.5px;font-weight:600;color:var(--tx3);margin-bottom:4px}
.vnote p{font-size:clamp(17px,2vw,20px);line-height:1.5;color:var(--tx)}
.lead{all:unset;box-sizing:border-box;display:block;background:var(--s1);border-radius:var(--r3);overflow:hidden;cursor:pointer;transition:background .15s}
.lead:hover{background:var(--s2)}
.lead:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.lead img{width:100%;aspect-ratio:16/7;object-fit:cover}
.lead .in{display:grid;gap:18px;padding:18px 20px 20px}
@media(min-width:700px){.lead .in{grid-template-columns:1fr 1fr}}
.src{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tx3)}
.src i{font-style:normal;width:17px;height:17px;border-radius:4px;background:var(--pale);color:var(--ink);font-size:10.5px;font-weight:700;display:grid;place-items:center}
.lead h2{font-size:clamp(20px,2.4vw,24px);line-height:1.25;letter-spacing:-.015em;margin-top:8px}
.spin{display:flex;flex-direction:column;gap:10px}
.spin span{font-size:14.5px;line-height:1.5;color:var(--tx2)}
.spin em{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--tx3)}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--s2);color:var(--tx2)}
.tag.best{background:var(--blue);color:#fff}
.ft{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:var(--tx3);flex-wrap:wrap}
.two{display:grid;gap:14px}
@media(min-width:700px){.two{grid-template-columns:1fr 1fr}}
.sm-st{all:unset;box-sizing:border-box;display:flex;flex-direction:column;background:var(--s1);border-radius:var(--r2);overflow:hidden;cursor:pointer;transition:background .15s}
.sm-st:hover{background:var(--s2)}
.sm-st:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.sm-st img{width:100%;aspect-ratio:16/8;object-fit:cover}
.sm-st .in{padding:13px 15px 15px;display:flex;flex-direction:column;gap:6px}
.sm-st b{font-size:15px;line-height:1.3}
.sm-st .w{font-size:13.5px;color:var(--tx2)}
.pat p{font-size:15.5px;line-height:1.55;margin:8px 0 12px}
.eh{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3)}
.eh.g{color:#4cc485}.eh.b{color:var(--acc)}.eh.p{color:#f08cbb}
.chart{width:100%;height:auto;display:block}
.chart .zl{stroke:var(--line2)}.chart .bar{fill:#2c6e4c}.chart .bar.pk{fill:#4cc485}.chart .bar.lo{fill:#7f8aa0}.chart text{font-size:11px;fill:var(--tx3);text-anchor:middle;font-family:Figtree,sans-serif}
.chart .bar{transform-box:fill-box;transform-origin:bottom;animation:bar .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
@keyframes bar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.rail-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.rail-h b{font-size:15px}
.pro-card{background:var(--pale);color:var(--ink)}
.pro-card p{font-size:14px;color:#3d4659;margin:6px 0 14px}
.pro-card b{font-size:16px}
.ed{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;width:100%;padding:9px 8px;border-radius:12px;cursor:pointer}
.ed:hover{background:var(--s2)}
.ed.on{background:var(--s2)}
.ed .d{flex:0 0 36px;text-align:center}
.ed .d b{display:block;font-size:17px}
.ed .d i{font-style:normal;font-size:11.5px;color:var(--tx3)}
.ed .h b{display:block;font-size:13.5px;line-height:1.35;font-weight:600}
.ed.on .h b{color:var(--acc)}
.ed .h i{font-style:normal;font-size:12px;color:var(--tx3)}
.tune{display:flex;flex-wrap:wrap;gap:6px}
.tune button{height:34px;padding:0 13px;border-radius:999px;border:0;background:var(--s2);color:var(--tx2);font-size:13.5px;cursor:pointer}
.tune button:hover{color:var(--tx)}
.tune button.on{background:var(--tx);color:var(--bg);font-weight:600}
.nextb{display:flex;gap:10px;align-items:center;padding:4px 6px}
.nextb b{display:block;font-size:13.5px}.nextb .tx{font-size:12.5px;color:var(--tx3)}
.oldnote{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--tx2);background:var(--s1);border-radius:12px;padding:10px 14px}
.row-st{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--rule);flex-wrap:wrap}
.row-st:first-of-type{border-top:0}
.row-st .k{flex:0 0 26px;height:26px;border-radius:50%;background:var(--pale);color:var(--ink);font-size:12px;font-weight:700;display:grid;place-items:center}
.row-st .grow{flex:1 1 240px;min-width:0}
.row-st .grow b{display:block;font-size:15.5px;margin:3px 0 2px}
.row-st .grow .w{font-size:13.5px;color:var(--tx2)}
/* story panel */
.panel{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(500px,100vw);background:var(--s1);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);box-shadow:-1px 0 0 var(--rule)}
.panel.on{transform:none}
.scrim{position:fixed;inset:0;z-index:65;background:rgba(3,6,13,.6);opacity:0;transition:opacity .3s}
.scrim.on{opacity:1}
@media(min-width:1180px){.scrim{display:none}}
.p-top{display:flex;align-items:center;gap:6px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--rule)}
.p-top .tile{width:26px;height:26px;flex:0 0 26px;margin-right:6px}
.p-top b{flex:1;font-size:15px}
.p-top .pg{font-size:13px;color:var(--tx3);margin-right:4px;font-variant-numeric:tabular-nums}
.ib{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--tx2);display:grid;place-items:center;cursor:pointer}
.ib:hover{background:var(--s2);color:var(--tx)}
.ib:disabled{opacity:.3;cursor:default}
.p-sc{flex:1;overflow:auto;padding:16px 20px 30px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.p-sc .hero-i{border-radius:var(--r2);overflow:hidden;aspect-ratio:16/8.5}
.p-sc .hero-i img{width:100%;height:100%;object-fit:cover}
.p-sc h2{font-size:21px;line-height:1.28;letter-spacing:-.015em;margin:8px 0 6px}
.p-sc .dek{font-size:15px;color:var(--tx2)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:var(--s2);color:var(--tx);font-size:13.5px;border:0;cursor:pointer;text-decoration:none}
.pill:hover{background:#222c47}
.psec{margin-top:24px}
.vview{background:var(--bg);border-radius:var(--r2);padding:14px 16px 6px}
.vview .vh{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px}
.vview .vh span.op{margin-left:auto;font-weight:400;font-size:12px;color:var(--tx3)}
.vview ol{list-style:none;margin-top:6px}
.vview li{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--rule)}
.vview li:first-child{border-top:0}
.vview .n{flex:0 0 22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2);font-size:11.5px;font-weight:700;color:var(--tx3);display:grid;place-items:center}
.vview li.do .n{background:var(--blue);box-shadow:none;color:#fff}
.vview em{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--tx3)}
.vview p{font-size:14.5px;line-height:1.5}
.vview li.do p{font-weight:600}
.ring{border-radius:14px;background:var(--bg);margin-top:8px;overflow:hidden}
.ring .rh{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;cursor:pointer}
.ring .rh:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.ring .rm{width:30px;height:30px;flex:0 0 30px}
.ring .rh .grow{flex:1;min-width:0}
.ring .rh b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px}
.ring .rh .w{display:block;font-size:13px;color:var(--tx3);margin-top:2px}
.ring .chev{width:9px;height:9px;border-right:2px solid var(--tx3);border-bottom:2px solid var(--tx3);transform:rotate(45deg);transition:transform .2s;margin-right:4px}
.ring.on .chev{transform:rotate(-135deg)}
.ring .rb{padding:2px 14px 14px}
.blur{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--rule)}
.blur:first-child{border-top:0}
.blur i{width:28px;height:28px;border-radius:50%;background:var(--s2);flex:0 0 28px}
.blur span{display:block;height:9px;border-radius:5px;background:var(--s2)}
.blur .g{flex:1;display:flex;flex-direction:column;gap:6px}
.lockline{font-size:13.5px;color:var(--tx2);margin-top:10px}
.unk .u{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--rule);font-size:14px}
.unk .u:first-child{border-top:0}
.unk .u b{flex:1;font-weight:500}
.unk .u .v{color:var(--tx3);font-size:13.5px}
.unk .u .v.live{color:var(--acc)}
.promo{background:var(--pale);color:var(--ink);border-radius:var(--r2);padding:18px}
.promo b{display:block;font-size:17px;letter-spacing:-.01em}
.promo p{font-size:14px;color:#3d4659;margin:6px 0 14px}
.p-ft{display:flex;gap:8px;align-items:center;padding:12px 14px;border-top:1px solid var(--rule)}
.p-ft .grow{flex:1}
@media(prefers-reduced-motion:reduce){.jn-step.on,.idcard{animation:none}.panel{transition:none}.chart .bar{animation:none}}

/* round 3 fixes */
.brand,.lnk{white-space:nowrap}
@media(max-width:759px){.top-cta{display:none}}
@media(max-width:479px){.brand small{display:none}.brand{font-size:16px}}
@media(max-width:599px){.hide-s{display:none}}
.mast{justify-content:space-between}
.mast .mt{display:flex;align-items:center;gap:14px;min-width:0}
.rings .rl{font-size:13px}
.panel:focus{outline:0}

/* ---------- round 4: white page, two dark moments, blue as a touch ---------- */
.dark{--bg:#0b1220;--s1:#111a2d;--s2:#18223a;--tx:#eef1f7;--tx2:#b4bccb;--tx3:#8a94a8;--rule:#222c44;--line2:#39445f;--acc:#a9c0ff;--err:#ffb4c4;--dim:#4a546d;background:var(--bg);color:var(--tx)}
.join input{background:var(--tint)}
@media(min-width:560px){.join .row{background:var(--tint)}}
.dark .join input{background:var(--pale)}
@media(min-width:560px){.dark .join .row{background:var(--pale)}}
@media(min-width:560px){.join .row{box-shadow:inset 0 0 0 1px #d6e0fb}}
.top{box-shadow:0 1px 0 var(--rule)}
.hero{border-bottom:0}
.lock .day{color:#b4bccb}.lock{color:#eef1f7}
.final .card-dark{border-radius:var(--r3);padding:34px 24px}
@media(min-width:760px){.final .card-dark{padding:56px}}
.final .card-dark .big-mark{width:84px;height:84px}
.tour .frame{border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 30px 80px rgba(16,24,40,.12);overflow:hidden}
.tour .fbar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--rule);font-size:13.5px;color:var(--tx3)}
.tour .fbar .tile{width:24px;height:24px;flex:0 0 24px}
.tour .fbar b{color:var(--tx);font-weight:600}
.tour .fbar i{font-style:normal;margin-left:auto}
.tour .vp{position:relative;width:100%;height:640px;overflow:hidden;background:var(--s1)}
.tour .vp iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#fff}
@media(min-width:760px){.tour .vp{height:auto;aspect-ratio:1280/780}}
.tour .under{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;font-size:14.5px;color:var(--tx2)}
.tour .under b{color:var(--tx)}

/* ---------- inside: the reader's portal, in the portal standard (icon rail, dark panel, light page) ---------- */
body.ps-on{background:#f7f8fb;overflow:hidden}
.ps{display:flex;height:100vh;height:100dvh}
.embed .review{display:none}
.ps-rail{width:64px;flex:0 0 64px;background:#070c17;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px;z-index:3}
.ps-logo{width:40px;height:40px;border:0;padding:0;background:none;cursor:pointer;border-radius:10px;margin-bottom:10px}
.ps-ic{display:flex;flex-direction:column;gap:6px}
.ps-ic a{position:relative;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#8a94a8;cursor:pointer;text-decoration:none}
.ps-ic a:hover{background:#121a2c;color:#eef1f7}
.ps-ic a.on{background:#e6edff;color:#0b1220}
.ps-ic a .dot{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#1d5bff;box-shadow:0 0 0 2px #070c17}
.ps-tip{position:absolute;left:54px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#0b1220;color:#eef1f7;font-size:12.5px;padding:5px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .12s}
.ps-ic a:hover .ps-tip{opacity:1}
.ps-rail .grow{flex:1}
.ps-rail .av{width:36px;height:36px;font-size:13px}
.ps-panel{width:248px;flex:0 0 248px;background:#0b1220;color:#eef1f7;display:flex;flex-direction:column;padding:16px 14px;overflow:auto;transition:margin-left .3s cubic-bezier(.2,.7,.2,1);scrollbar-width:none}
.ps.shut .ps-panel{margin-left:-248px}
.ps-ph{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 18px}
.ps-brand{text-decoration:none;color:#eef1f7;font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1.15}
.ps-brand small{display:block;font-size:11.5px;font-weight:500;color:#8a94a8;letter-spacing:0;margin-top:2px}
.ps-x{width:30px;height:30px;border:0;background:none;color:#8a94a8;cursor:pointer;border-radius:8px;font-size:18px}
.ps-x:hover{background:#18223a;color:#eef1f7}
.ps-nav .grp{margin-bottom:18px}
.ps-nav .eb{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#a9c0ff;margin:0 10px 6px}
.ps-nav a{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;border-radius:12px;color:#d6dbe6;text-decoration:none;font-size:14.5px;cursor:pointer}
.ps-nav a:hover{background:#121a2c;color:#fff}
.ps-nav a.on{background:#e6edff;color:#0b1220;font-weight:600}
.ps-nav em{font-style:normal;font-size:12.5px;font-weight:600;color:#a9c0ff}
.ps-nav a.on em{color:#1d5bff}
.ps-people{margin-top:auto;border-top:1px solid #222c44;padding:16px 8px 12px}
.ps-people .faces{display:flex;margin-bottom:10px}
.ps-people .faces span{width:30px;height:30px;margin-right:-6px;border-radius:50%;background:#18223a;display:grid;place-items:center;box-shadow:0 0 0 2px #0b1220}
.ps-people b{display:block;font-size:13.5px}
.ps-people span.t{font-size:12.5px;color:#8a94a8;line-height:1.45}
.ps-acct{display:flex;align-items:center;gap:10px;padding:10px 8px 2px;border-top:1px solid #222c44}
.ps-acct b{display:block;font-size:13.5px}
.ps-acct span.t{font-size:12px;color:#8a94a8}
.ps-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f7f8fb;color:#0b1220;--bg:#f7f8fb;--s1:#ffffff;--s2:#eef1f6;--tx:#0b1220;--tx2:#3d4659;--tx3:#5d6780;--rule:#e3e7ef;--acc:#1d5bff;transition:margin-right .3s cubic-bezier(.2,.7,.2,1)}
.ps-head{display:flex;align-items:center;gap:12px;height:64px;padding:0 24px;border-bottom:1px solid var(--rule);background:#fff;flex:0 0 64px}
.ps-burger{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--rule);background:#fff;cursor:pointer;font-size:18px;color:#0b1220}
.ps-search{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;height:42px;border-radius:999px;border:1px solid var(--rule);padding:0 8px 0 16px;background:#fff;color:var(--tx3)}
.ps-search:focus-within{border-color:#9db6ff}
.ps-search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:14.5px;color:#0b1220}
.ps-search kbd{font:inherit;font-size:12px;border:1px solid var(--rule);border-radius:6px;padding:1px 7px;color:var(--tx3)}
.ps-head .grow{flex:1}
.ps-head .btn.ghost{color:#0b1220;box-shadow:inset 0 0 0 1.5px #c9d0dc}
.ps-head .btn.ghost:hover{background:#f4f6fa}
.ps-scroll{flex:1;overflow:auto}
.ps-wrap{max-width:1100px;padding:30px 32px 80px}
.eb2{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#1d5bff;margin-bottom:12px}
.hd2{display:grid;gap:22px;align-items:start}

.hd2 h1{font-size:clamp(34px,4.2vw,50px);line-height:1.04;letter-spacing:-.035em;font-weight:600}
.hd2 h1 .hl{color:#1d5bff}
.vnote2{display:flex;gap:12px;margin:18px 0 22px;max-width:620px}
.vnote2 p{font-size:16px;line-height:1.55;color:#3d4659}
.hd2 .acts{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn.dk{background:#0b1220;color:#fff}.btn.dk:hover{background:#1c2740}
.tl2{background:none;border:0;font-size:15px;color:#0b1220;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9db6ff;padding:6px 0}
.kcard{border-radius:24px;padding:24px;background:#0b1220;color:#eef1f7}
.kcard .eb2{color:#a9c0ff}
.kcard .kn{display:block;font-size:46px;font-weight:600;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.kcard .ks{display:block;font-size:14px;color:#b4bccb;margin:6px 0 16px;padding-bottom:14px;border-bottom:1px solid #222c44}
.kcard .row{display:flex;justify-content:space-between;font-size:14.5px;padding:7px 0}
.kcard .row span{color:#b4bccb}
.kcard .row b{font-variant-numeric:tabular-nums}
.sh2{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 16px}
.sh2 h2{font-size:26px;letter-spacing:-.02em;font-weight:600}
.sh2 a{font-size:14.5px;color:#0b1220;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9db6ff}
.cards3{display:grid;gap:16px}

.sc{all:unset;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #e3e7ef;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s}
.sc:hover{box-shadow:0 0 0 1px #c9d0dc,0 12px 30px rgba(16,24,40,.08);transform:translateY(-2px)}
.sc:focus-visible{outline:2px solid #1d5bff;outline-offset:3px}
.sc img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sc .in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.sc .src{color:#5d6780}
.sc .src i{background:#0b1220;color:#fff}
.sc b{font-size:17px;line-height:1.3;letter-spacing:-.01em;font-weight:600}
.sc .w{font-size:14px;color:#3d4659;line-height:1.5}
.sc .bar{display:flex;gap:4px;margin-top:auto;padding-top:8px}
.sc .bar i{flex:1;height:4px;border-radius:2px;background:#e3e7ef}
.sc .bar i.on{background:#1d5bff}
.sc .ft{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#5d6780;margin-top:6px}
.tag{font-style:normal}
.ps-main .tag{background:#eef1f6;color:#3d4659}
.ps-main .tag.best{background:#1d5bff;color:#fff}
.pat2{display:grid;gap:18px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #e3e7ef;padding:22px 24px;margin-top:16px}

.pat2 h3{font-size:20px;letter-spacing:-.015em;font-weight:600;margin:4px 0 6px}
.pat2 p{font-size:15px;color:#3d4659}
.ps-main .chart .zl{stroke:#d5dae2}.ps-main .chart .bar{fill:#c8ecd6}.ps-main .chart .bar.pk{fill:#18a058}.ps-main .chart .bar.lo{fill:#9aa3b5}.ps-main .chart text{fill:#5d6780}
.ps-main .tune button{background:#eef1f6;color:#3d4659}
.ps-main .tune button.on{background:#0b1220;color:#fff}
.list2{background:#fff;border-radius:20px;box-shadow:0 0 0 1px #e3e7ef;overflow:hidden}
.ed2{all:unset;box-sizing:border-box;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:16px 20px;border-top:1px solid #eef1f6;cursor:pointer}
.ed2:first-child{border-top:0}
.ed2:hover{background:#f7f8fb}
.ed2 .d{text-align:center}
.ed2 .d b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em}
.ed2 .d i{font-style:normal;font-size:12px;color:#5d6780}
.ed2 .h b{display:block;font-size:16px;font-weight:600}
.ed2 .h span{font-size:13.5px;color:#5d6780}
.ed2 .n{font-size:13px;color:#5d6780;white-space:nowrap}
.ed2 .n:after{content:" ›";color:#9aa3b5}
.ed2.today .h b{color:#1d5bff}
.month{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#5d6780;margin:26px 2px 10px}
.set{background:#fff;border-radius:20px;box-shadow:0 0 0 1px #e3e7ef;padding:4px 22px;max-width:760px}
.set .r{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #eef1f6}
.set .r:first-child{border-top:0}
.set .r span{font-size:14px;color:#5d6780}
.set .r b{font-size:15px;font-weight:500}
.set .r .tl2{font-size:14px}
.stop{margin-top:22px;font-size:14px;color:#5d6780}
.empty2{background:#fff;border-radius:20px;box-shadow:0 0 0 1px #e3e7ef;padding:30px;display:flex;gap:16px;align-items:center;max-width:760px}
.empty2 b{display:block;font-size:17px}
.empty2 span{font-size:14.5px;color:#3d4659}
.svd{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #eef1f6}
.svd:first-child{border-top:0}
.svd .grow{flex:1;min-width:0}
.svd b{display:block;font-size:15px}
.svd span{font-size:13px;color:#5d6780}
.fol h3{font-size:17px;font-weight:600;margin:0 0 10px}
.fol .box2{background:#fff;border-radius:20px;box-shadow:0 0 0 1px #e3e7ef;padding:20px 22px;margin-bottom:14px;max-width:760px}
.oldnote{background:#fff;color:#3d4659;box-shadow:0 0 0 1px #e3e7ef}
.ps-main .row-st{border-top-color:#eef1f6}
.ps-main .row-st .k{background:#0b1220;color:#fff}
.ps-main .row-st .grow .w{color:#3d4659}
/* story panel inside the portal: light */
.ps-on .panel{--bg:#f7f8fb;--s1:#ffffff;--s2:#eef1f6;--tx:#0b1220;--tx2:#3d4659;--tx3:#5d6780;--rule:#e3e7ef;--line2:#c9d0dc;--acc:#1d5bff;background:#fff;color:#0b1220;box-shadow:-1px 0 0 #e3e7ef,-20px 0 50px rgba(16,24,40,.08);width:min(460px,100vw)}
.ps-on .panel .src i{background:#0b1220;color:#fff}
.ps-on .panel .pill{background:#eef1f6;color:#0b1220}.ps-on .panel .pill:hover{background:#e3e7ef}
.ps-on .panel .ib{color:#5d6780}.ps-on .panel .ib:hover{background:#eef1f6;color:#0b1220}
.ps-on .panel .vview{background:#f7f8fb}
.ps-on .panel .ring{background:#f7f8fb}
.ps-on .panel .tune button{background:#eef1f6;color:#3d4659}.ps-on .panel .tune button.on{background:#0b1220;color:#fff}
.ps-on .panel .tag{background:#eef1f6;color:#3d4659}.ps-on .panel .tag.best{background:#1d5bff;color:#fff}
.ps-on .panel .btn.ghost{color:#0b1220;box-shadow:inset 0 0 0 1.5px #c9d0dc}
.ps-on .panel .promo{background:#eef3ff}
.ps-on .panel .eh{color:#5d6780}.ps-on .panel .eh.b{color:#1d5bff}.ps-on .panel .eh.p{color:#c42d74}
.ps-on .panel .unk .u .v.live{color:#1d5bff}
@media(min-width:1180px){body.ps-on.pan .ps-main{margin-right:460px}}
@media(max-width:1179px){.ps-on .scrim{display:block}}
.scrim[hidden],.panel[hidden]{display:none!important}
@media(max-width:899px){
 .ps-rail{display:none}
 .ps-panel{position:fixed;left:0;top:0;bottom:0;z-index:80;margin-left:-260px;box-shadow:20px 0 60px rgba(0,0,0,.3)}
 .ps.menu .ps-panel{margin-left:0}
 .ps-burger{display:grid;place-items:center}
 .ps-head{padding:0 14px;gap:10px}
 .ps-head .btn{display:none}
 .ps-search kbd{display:none}
 .ps-wrap{padding:22px 18px 70px}
 .set .r{grid-template-columns:1fr auto}.set .r span{grid-column:1/-1}
 .ed2{grid-template-columns:44px minmax(0,1fr)}.ed2 .n{display:none}
}
.ps-dim{position:fixed;inset:0;z-index:79;background:rgba(3,6,13,.5);display:none}
.ps.menu .ps-dim{display:block}
@media(prefers-reduced-motion:reduce){.ps-panel,.ps-main{transition:none}.sc{transition:none}}
@media(max-width:559px){.tour .fbar span:not(.tile),.tour .fbar i{display:none}}

/* ---------- round 5 ---------- */
.ps-main{container-type:inline-size;container-name:psm}
@container psm (min-width:860px){.hd2{grid-template-columns:minmax(0,1fr) 320px}.pat2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}}
@container psm (min-width:700px){.cards3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container psm (min-width:480px) and (max-width:699px){.cards3{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.embed.pan .ps-main{margin-right:0!important}
body.embed .scrim{display:block}
/* who it is for: a row you can scroll, five cards, each its own page */
.who-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.arrows{display:flex;gap:8px;flex:0 0 auto}
.arr{width:46px;height:46px;border-radius:50%;border:0;background:var(--s1);color:var(--tx);font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .15s}
.arr:hover{background:var(--s2)}
.arr:disabled{opacity:.35;cursor:default}
.who5{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px;margin:0 -2px;scroll-behavior:smooth}
.who5::-webkit-scrollbar{display:none}
.who5 .ph-card{flex:0 0 min(330px,82vw);scroll-snap-align:start;text-decoration:none;color:#fff;display:block}
.ph-card .cap{background:rgba(11,18,32,.86);color:#fff}
.ph-card .cap b{color:#fff}
.ph-card .cap span{color:#d6dbe6}
.ph-card .cap em{display:block;font-style:normal;font-size:13.5px;font-weight:600;color:#a9c0ff;margin-top:8px}
.ph-card:hover .cap em{text-decoration:underline;text-underline-offset:3px}
.who5.on .note{transform:none;opacity:1}
/* read free / act with Adapt Leads: phone and words centred, with room */
.duo .col{display:flex;flex-direction:column;align-items:center;text-align:center}
.duo .col h3{margin-top:36px}
.duo .col>p{margin-left:auto;margin-right:auto}
.duo .ticks{text-align:left;width:100%;max-width:400px}
/* news */
.news-grid{display:grid;gap:14px}
@media(min-width:700px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nc{display:flex;flex-direction:column;gap:10px;background:var(--bg);border-radius:var(--r2);box-shadow:0 0 0 1px var(--rule);padding:18px;text-decoration:none;color:var(--tx);transition:box-shadow .15s,transform .15s}
.nc:hover{box-shadow:0 0 0 1px var(--line2),0 12px 30px rgba(16,24,40,.08);transform:translateY(-2px)}
.nc .top2{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx3)}
.nc .top2 i{font-style:normal;width:18px;height:18px;border-radius:4px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.nc .ty{margin-left:auto;font-size:12px;font-weight:600;color:var(--acc);background:var(--tint);border-radius:999px;padding:2px 9px}
.nc b{font-size:17px;line-height:1.32;letter-spacing:-.01em}
.nc .go2{margin-top:auto;font-size:13.5px;color:var(--tx2)}
.nc .go2:after{content:" ›"}
.nc.big{padding:0;overflow:hidden}
.nc.big img{width:100%;aspect-ratio:16/8;object-fit:cover}
.nc.big .in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.tc{color:var(--tx)}
/* story page */
.art{max-width:760px}
.art .kick{margin-bottom:14px}
.art h1{font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:-.03em;font-weight:700}
.art .meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px;color:var(--tx3);margin:16px 0 22px}
.art .meta i{font-style:normal;width:20px;height:20px;border-radius:5px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center;margin-right:6px}
.art-img{border-radius:var(--r3);overflow:hidden;aspect-ratio:16/8;margin-bottom:26px}
.art-img img{width:100%;height:100%;object-fit:cover}
.art-grid{display:grid;gap:22px;align-items:start}
@media(min-width:1000px){.art-grid{grid-template-columns:minmax(0,1fr) 340px}.art-side{position:sticky;top:96px}}
.blk{margin-top:30px}
.blk h2{font-size:22px;letter-spacing:-.015em;margin-bottom:10px}
.short{list-style:none}
.short li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--rule);font-size:17px;line-height:1.5}
.short li:first-child{border-top:0}
.short li:before{content:"";position:absolute;left:4px;top:19px;width:9px;height:9px;border-radius:50%;background:var(--acc)}
.honest{font-size:14px;color:var(--tx3);background:var(--s1);border-radius:12px;padding:12px 14px;margin-top:10px}
.vtake{background:var(--tint);border-radius:var(--r2);padding:18px 20px}
.vtake .vh{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:6px}
.vtake .vh span.op{margin-left:auto;font-weight:400;font-size:12.5px;color:var(--tx3)}
.vtake dl div{padding:11px 0;border-top:1px solid #d6e0fb}
.vtake dl div:first-child{border-top:0}
.vtake dt{font-size:12.5px;font-weight:600;color:var(--tx3)}
.vtake dd{font-size:16px;line-height:1.5;margin-top:2px}
.grp3{display:grid;gap:10px}
.grp3 .g{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;box-shadow:0 0 0 1px var(--rule)}
.grp3 .g svg{width:30px;height:30px;flex:0 0 30px}
.grp3 .g b{display:block;font-size:15.5px}
.grp3 .g span{font-size:14px;color:var(--tx2)}
.lockbox{border-radius:var(--r2);box-shadow:0 0 0 1px var(--rule);padding:18px}
.lockbox .blur{border-top-color:var(--rule)}
.lockbox .blur i,.lockbox .blur span{background:var(--s2)}
.lockbox p{font-size:14px;color:var(--tx2);margin:10px 0 14px}
.src-out{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-radius:var(--r2);background:var(--s1);padding:16px 18px;margin-top:30px}
.src-out b{display:block;font-size:15px}
.src-out span{font-size:13.5px;color:var(--tx3)}
.side-sign{background:var(--ink);color:#eef1f7;border-radius:var(--r3);padding:22px}
.side-sign .t-m{color:#fff;font-size:21px}
.side-sign p{font-size:14.5px;color:#b4bccb;margin:8px 0 16px}
.side-sign .join .fine{color:#8a94a8}
.side-sign .join input{background:var(--pale)}
.side-sign .join .row{flex-direction:column;background:transparent!important;box-shadow:none!important;padding:0}
.side-sign .join .row input{background:var(--pale);height:48px;border-radius:999px}
.more-list{list-style:none}
.more-list a{display:block;padding:12px 0;border-top:1px solid var(--rule);text-decoration:none;font-size:15px;line-height:1.4}
.more-list li:first-child a{border-top:0}
.more-list a small{display:block;font-size:12.5px;color:var(--tx3);margin-top:2px}
.more-list a:hover{color:var(--acc)}
/* segment page */
.seg-hero{display:grid;gap:30px;align-items:center;padding:30px 0 50px}
@media(min-width:980px){.seg-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}
.seg-hero .ph{border-radius:var(--r3);overflow:hidden;aspect-ratio:4/3}
.seg-hero .ph img{width:100%;height:100%;object-fit:cover}
.seg-hero h1{margin:14px 0 16px}
.seg-hero .t-s{margin-bottom:24px}
.looks{display:grid;gap:12px;max-width:760px}
.looks li{list-style:none;display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:var(--s1);font-size:15.5px}
.looks li b{flex:0 0 26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;display:grid;place-items:center}
/* big footer, like Funding Felix */
.foot{margin:60px 12px 12px;background:var(--ink);color:#fff;border-radius:28px;padding:40px 22px 0;overflow:hidden}
@media(min-width:760px){.foot{padding:60px 56px 0;margin-top:90px}}
.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}
@media(min-width:900px){.foot-cols{grid-template-columns:2fr repeat(4,1fr)}}
.foot-b{grid-column:1/-1}
@media(min-width:900px){.foot-b{grid-column:auto}}
.foot .fb{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;text-decoration:none;color:#fff}
.foot .fb .tile{width:36px;height:36px;flex:0 0 36px}
.foot-b p{color:#9aa3b5;font-size:14.5px;margin-top:14px;max-width:34ch;line-height:1.55}
.foot-b .join{margin-top:18px;max-width:360px}
.foot-b .join label{color:#b4bccb}
.foot-b .join .row{flex-direction:column!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.foot-b .join input{background:#e6edff!important;height:46px!important;border-radius:999px!important}
.foot-b .join .btn{height:46px}
.foot-b .join .fine{color:#8a94a8}
.foot h4{font-size:14px;font-weight:700;margin-bottom:12px;color:#fff}
.foot ul{list-style:none;display:grid;gap:9px}
.foot ul a{color:#c3c9d6;text-decoration:none;font-size:14.5px}
.foot ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot .legal{font-size:12.5px;color:#8a94a8;line-height:1.6;max-width:980px;margin-top:36px;padding-top:22px;border-top:1px solid #222c44}
.foot .legal a{color:inherit}
.wordmark{display:flex;align-items:center;justify-content:center;gap:.12em;font-weight:700;letter-spacing:-.05em;line-height:.9;color:#1d5bff;font-size:clamp(46px,9.4vw,170px);margin:34px 0 0;padding-bottom:.12em;white-space:nowrap;overflow:hidden;user-select:none}
.wordmark .wm{width:.8em;height:.8em;flex:0 0 .8em}
.wordmark span{display:inline-block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.wordmark.in span{transform:none}
.wordmark.in span:nth-child(3){transition-delay:.12s}.wordmark.in span:nth-child(4){transition-delay:.24s}
footer.old{display:none}
/* the sign-up nudge that follows you */
.nudge{position:fixed;right:22px;bottom:22px;z-index:60;display:none}
@media(min-width:760px){.nudge{display:block}}
.nudge-b{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 10px;border-radius:999px;border:0;background:#0b1220;color:#fff;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 14px 40px rgba(11,18,32,.28);transform:translateY(140%);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.25,1.2),opacity .3s}
.nudge.on .nudge-b{transform:none;opacity:1;animation:nbob 4.5s ease-in-out 1.2s infinite}
@keyframes nbob{0%,86%,100%{transform:none}90%{transform:translateY(-6px)}94%{transform:none}97%{transform:translateY(-3px)}}
.nudge-b .tile{width:38px;height:38px;flex:0 0 38px}
.nudge-b small{display:block;font-size:12px;font-weight:500;color:#a9c0ff;text-align:left}
.nudge-card{position:absolute;right:0;bottom:0;width:360px;background:#0b1220;color:#eef1f7;border-radius:24px;padding:22px;box-shadow:0 24px 60px rgba(11,18,32,.35);transform-origin:bottom right;transform:scale(.6);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.9,.25,1.15),opacity .2s}
.nudge.open .nudge-card{transform:none;opacity:1;pointer-events:auto}
.nudge.open .nudge-b{opacity:0;pointer-events:none;animation:none}
.nudge-card .x{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;border:0;background:#18223a;color:#b4bccb;cursor:pointer;font-size:16px}
.nudge-card .hd{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.nudge-card .hd .tile{width:44px;height:44px;flex:0 0 44px}
.nudge-card .hd b{font-size:18px;letter-spacing:-.01em}
.nudge-card p{font-size:14px;color:#b4bccb;margin-bottom:12px}
.nudge-card .tick{font-size:13.5px;color:#d6dbe6;padding:6px 0 6px 20px;position:relative}
.nudge-card .tick:before{content:"";position:absolute;left:2px;top:12px;width:8px;height:8px;border-radius:50%;background:#a9c0ff}
.nudge-card .join{margin-top:14px}
.nudge-card .join .row{flex-direction:column!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.nudge-card .join input{background:#e6edff!important;height:46px!important;border-radius:999px!important}
.nudge-card .join .fine{color:#8a94a8}
@media(prefers-reduced-motion:reduce){.nudge-b,.nudge-card,.wordmark span{transition:none!important;animation:none!important}.wordmark span{transform:none}}
.foot-b .join input,.nudge-card .join input,.side-sign .join input{flex:none!important;width:100%}
.wordmark{line-height:1.05;padding-bottom:.22em}
.nudge-card{visibility:hidden}.nudge.open .nudge-card{visibility:visible}
.wordmark{font-size:clamp(28px,8.4vw,170px)}

/* ===================== round 6: the site ===================== */
.top .wrap{gap:10px}
.nav6{display:none;align-items:center;gap:2px;margin-left:18px}
@media(min-width:1040px){.nav6{display:flex}}
.nv{position:relative}
.nv>button,.nv>a{display:flex;align-items:center;gap:6px;height:40px;padding:0 13px;border:0;border-radius:10px;background:none;font-size:14.5px;font-weight:500;color:var(--tx);cursor:pointer;text-decoration:none;white-space:nowrap}
.nv>button:hover,.nv>a:hover,.nv.open>button{background:var(--s1)}
.nv>button i{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.nv.open>button i{transform:rotate(-135deg) translateY(-1px)}
.mm{position:absolute;left:-10px;top:calc(100% + 8px);width:560px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--rule),0 24px 60px rgba(16,24,40,.14);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:60}
.nv.open .mm{opacity:1;visibility:visible;transform:none}
.mm a{display:block;padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--tx)}
.mm a:hover{background:var(--s1)}
.mm a b{display:block;font-size:14.5px;font-weight:600}
.mm a span{display:block;font-size:13px;color:var(--tx3);line-height:1.45;margin-top:2px}
.mm a.feat{grid-column:1/-1;background:var(--tint)}
.mm a.feat b{color:var(--acc)}
.top .grow{flex:1}
.ib6{width:40px;height:40px;border-radius:50%;border:0;background:var(--s1);color:var(--tx);display:grid;place-items:center;cursor:pointer;text-decoration:none}
.ib6:hover{background:var(--s2)}
.burger{display:grid}
@media(min-width:1040px){.burger{display:none}}
.top .lnk.si{display:none}
@media(min-width:560px){.top .lnk.si{display:block}}
.sheet6{position:fixed;inset:0;z-index:95;background:#fff;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);overflow:auto;padding:16px 20px 40px}
.sheet6.on{transform:none}
.sheet6 .sh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sheet6 h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);margin:22px 0 6px}
.sheet6 a{display:block;padding:11px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--tx);font-size:16px;font-weight:500}
.sheet6 .btn{margin-top:22px;width:100%}
/* page shells */
.pg{padding:26px 0 40px}
.crumb6{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--tx3);margin-bottom:16px}
.crumb6 a{color:var(--tx3);text-decoration:none}.crumb6 a:hover{color:var(--tx);text-decoration:underline}
.crumb6 b{color:var(--tx);font-weight:500}
.ph1{font-size:clamp(32px,4.6vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.lede{font-size:18px;line-height:1.55;color:var(--tx2);max-width:680px;margin-top:14px}
.grey{background:var(--s1)}
.sh6{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}
.sh6 h2{font-size:clamp(24px,2.6vw,30px);font-weight:700;letter-spacing:-.02em}
.sh6 a{font-size:15px;font-weight:500;color:var(--acc);text-decoration:none;white-space:nowrap}
.sh6 a:hover{text-decoration:underline;text-underline-offset:3px}
/* chips */
.chips6{display:flex;flex-wrap:wrap;gap:8px}
.c6{height:36px;padding:0 14px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--rule);font-size:14px;font-weight:500;color:var(--tx2);cursor:pointer;white-space:nowrap}
.c6:hover{color:var(--tx);box-shadow:inset 0 0 0 1px var(--line2)}
.c6[aria-pressed="true"]{background:var(--acc);color:#fff;box-shadow:none}
.tg{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.tg.r{color:var(--tx3)}
/* news cards */
.ncards{display:grid;gap:18px}
@media(min-width:640px){.ncards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.ncards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ncards.four{}
@media(min-width:1000px){.ncards.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.n6{display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;text-decoration:none;color:var(--tx);box-shadow:0 0 0 1px var(--rule);transition:box-shadow .15s,transform .15s}
.n6:hover{box-shadow:0 0 0 1px var(--line2),0 14px 34px rgba(16,24,40,.08);transform:translateY(-2px)}
.n6 .pic{aspect-ratio:16/9;background:var(--s1);overflow:hidden}
.n6 .pic img{width:100%;height:100%;object-fit:cover;display:block}
.n6 .pic.none{display:flex;flex-direction:column;justify-content:flex-end;padding:16px 18px;background:#0b1220;color:#fff}
.n6 .pic.none b{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.05}
.n6 .pic.none span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a9c0ff;margin-bottom:6px}
.n6 .tx6{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.n6 .meta6{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12.5px;color:var(--tx3)}
.n6 h3{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.n6 p{font-size:14px;line-height:1.5;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.n6 .from{margin-top:auto;font-size:12.5px;color:var(--tx3)}
/* latest news strip */
.latest{display:grid;gap:18px;margin-bottom:18px}
@media(min-width:1000px){.latest{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}}
.lead6{position:relative;display:block;border-radius:22px;overflow:hidden;min-height:380px;background:#0b1220;text-decoration:none;color:#fff}
.lead6 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lead6 .ov{position:absolute;left:0;right:0;bottom:0;padding:26px 28px 28px;background:linear-gradient(180deg,rgba(11,18,32,0),rgba(11,18,32,.88) 45%)}
.lead6 .tg{color:#a9c0ff}
.lead6 h3{font-size:clamp(24px,3vw,36px);line-height:1.12;font-weight:700;letter-spacing:-.02em;margin-top:8px}
.lead6 p{font-size:15px;color:#d6dbe6;margin-top:8px;max-width:640px}
.today6{background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--rule);padding:22px;display:flex;flex-direction:column}
.today6 .hd{display:flex;align-items:center;gap:10px}
.today6 .hd .tile{width:34px;height:34px;flex:0 0 34px}
.today6 .hd b{font-size:15px}
.today6 .hd span{display:block;font-size:12.5px;color:var(--tx3)}
.today6 h3{font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.01em;margin:16px 0 10px}
.today6 ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.today6 li{font-size:14px;line-height:1.45;color:var(--tx2)}
.today6 li b{color:var(--tx)}
.today6 .acts{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
/* subscribe band + footer */
.subband{background:var(--s1);margin-top:60px}
.subband .wrap{display:grid;gap:22px;padding-top:44px;padding-bottom:44px;align-items:center}
@media(min-width:900px){.subband .wrap{grid-template-columns:minmax(0,1fr) 460px}}
.subband h2{font-size:clamp(24px,2.8vw,32px);font-weight:700;letter-spacing:-.02em}
.subband a.latest-l{display:inline-block;margin-top:8px;font-size:16px;color:var(--tx2);text-decoration:none}
.subband a.latest-l:hover{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
.sub6{display:flex;gap:8px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 0 0 1px var(--rule)}
.sub6 input{flex:1;min-width:0;height:48px;border:0;outline:0;background:none;padding:0 12px;font-size:16px;color:var(--tx)}
.sub6 .btn{height:48px;border-radius:12px}
.sub6:focus-within{box-shadow:0 0 0 2px var(--acc)}
.sub6-wrap .err{font-size:13.5px;color:var(--err);margin-top:8px}
.foot{margin-top:0}
.foot-b .sub6{background:#e6edff;box-shadow:none;margin-top:18px;flex-direction:column}
.foot-b .sub6 input{color:#0b1220}
.foot-b .sub6 .btn{width:100%}
/* the floating button and the sign-up card */
.pill6{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:10px;height:54px;padding:0 22px 0 18px;border-radius:999px;border:0;background:#1d5bff;color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;box-shadow:0 14px 36px rgba(29,91,255,.38);transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.25,1.2),opacity .3s,background .15s}
.pill6:hover{background:#3a6fff}
.pill6.on{transform:none;opacity:1}
.pill6 .dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:pdot 2s ease-out infinite}
@keyframes pdot{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media(max-width:759px){.pill6{left:16px;right:16px;bottom:14px;justify-content:center}.stick{display:none!important}}
.modal6{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(7,12,23,.55);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.modal6.on{opacity:1;visibility:visible}
.mcard{position:relative;width:min(460px,100%);background:#0b1220;color:#eef1f7;border-radius:24px;padding:26px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.2,.9,.25,1.15)}
.modal6.on .mcard{transform:none}
.mcard .x{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:0;background:#18223a;color:#b4bccb;font-size:18px;cursor:pointer}
.mcard .stp{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#a9c0ff}
.mcard .stp .tile{width:30px;height:30px;flex:0 0 30px}
.mcard h3{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:14px 0 6px;color:#fff}
.mcard p{font-size:14.5px;color:#b4bccb;margin-bottom:16px}
.mcard label{display:block;font-size:13px;font-weight:600;color:#b4bccb;margin-bottom:6px}
.mcard input{width:100%;height:50px;border-radius:14px;border:0;background:#e6edff;color:#0b1220;padding:0 16px;font-size:16px;outline:0}
.mcard input:focus{box-shadow:0 0 0 3px #4f7dff}
.mcard .btn{width:100%;margin-top:12px}
.mcard .nn{display:inline-block;margin-top:12px;background:none;border:0;color:#8a94a8;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:13.5px}
.mcard .err{font-size:13.5px;color:#ffb4c4;margin-top:8px;min-height:0}
.mcard .ch{display:flex;flex-wrap:wrap;gap:8px}
.mcard .ch button{height:38px;padding:0 14px;border-radius:999px;border:0;background:#18223a;color:#d6dbe6;font-size:14px;cursor:pointer}
.mcard .ch button[aria-pressed="true"]{background:#e6edff;color:#0b1220;font-weight:600}
.mcard .bar3{display:flex;gap:6px;margin:16px 0 0}
.mcard .bar3 i{flex:1;height:4px;border-radius:2px;background:#26304a}
.mcard .bar3 i.on{background:#1d5bff}
.mcard .rd6{display:flex;align-items:center;gap:10px;font-size:14px;color:#d6dbe6;margin:6px 0}
.mstep{display:none}.mstep.on{display:block;animation:jnin .35s both}
/* hero: an email arriving */
.mbx{width:100%;max-width:520px;margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--rule),0 30px 70px rgba(16,24,40,.14);overflow:hidden}
.mbx-top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--rule);font-size:13px;color:var(--tx3)}
.mbx-top b{color:var(--tx);font-weight:600}
.mbx-top .grow{flex:1}
.mbx-v{position:relative;height:520px;overflow:hidden}
.mbx-list,.mbx-open{position:absolute;inset:0;transition:transform .6s cubic-bezier(.7,0,.2,1),opacity .4s}
.mbx-open{transform:translateX(100%);background:#fff;display:flex;flex-direction:column}
.mbx.opened .mbx-list{transform:translateX(-30%);opacity:0}
.mbx.opened .mbx-open{transform:none}
.mrow{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rule);align-items:flex-start}
.mrow .av{width:36px;height:36px;flex:0 0 36px;border-radius:10px;overflow:hidden;background:#0b1220}
.mrow .av svg{width:100%;height:100%}
.mrow .bd{flex:1;min-width:0}
.mrow .l1{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.mrow .l1 b{font-weight:500}
.mrow .l1 i{font-style:normal;font-size:12.5px;color:var(--tx3)}
.mrow .sj{font-size:14px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow .pv{font-size:13px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow.new{background:#f2f6ff;animation:mnew .7s cubic-bezier(.2,.9,.25,1.2) both}
.mrow.new .l1 b,.mrow.new .sj{font-weight:700;color:var(--tx)}
.mrow.new .l1 i{color:var(--acc);font-weight:600}
.mrow.new .dot{width:8px;height:8px;border-radius:50%;background:var(--acc);margin-top:6px}
@keyframes mnew{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
.mrow.tap{background:#e3ebff}
.mo-h{padding:14px 18px 12px;border-bottom:1px solid var(--rule)}
.mo-h .sj{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.mo-h .fr{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--tx3)}
.mo-h .fr .av{width:32px;height:32px;border-radius:9px;overflow:hidden}
.mo-h .fr .av svg{width:100%;height:100%}
.mo-h .fr b{color:var(--tx);font-weight:600}
.mo-b{position:relative;flex:1;overflow:hidden;background:#f4f6fa}
.mo-b iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#f4f6fa}
.mbx-cap{display:flex;justify-content:center;gap:14px;margin-top:14px;font-size:13px;color:var(--tx3)}
/* Adaptive Context section and page */
.ac6{display:grid;gap:40px;align-items:center}
@media(min-width:1000px){.ac6{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.loop{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1}
.loop svg{width:100%;height:100%;overflow:visible}
.loop .src{font-size:11px;letter-spacing:.08em;fill:#8a94a8;font-family:Figtree,sans-serif;font-weight:600}
.loop .src.hot{fill:#eef1f7}
.loop .ring{fill:none;stroke:#26304a;stroke-width:1.4}
.loop .ring.mid{stroke:#1d5bff;stroke-width:2}
.loop .ray{stroke:#222c44;stroke-width:1.2}
.loop .ray.hot{stroke:#4f7dff;stroke-width:2}
.loop .pk{fill:#4f7dff}
.loop .core{fill:#111a2d;stroke:#2a3552;stroke-width:1.5}
.loop .ct{font-family:Figtree,sans-serif;font-weight:700;fill:#fff;text-anchor:middle}
.loop .cs{font-family:Figtree,sans-serif;font-size:11px;letter-spacing:.1em;fill:#a9c0ff;text-anchor:middle;font-weight:600}
.loop .ag{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:#d6dbe6}
.steps5{list-style:none;display:flex;flex-direction:column;gap:6px;counter-reset:s}
.steps5 li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:12px 0;opacity:.4;transition:opacity .4s;cursor:pointer}
.steps5 li.on{opacity:1}
.steps5 li .n{width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #39445f;display:grid;place-items:center;font-size:12px;font-weight:700;color:#8a94a8}
.steps5 li.on .n{background:#1d5bff;box-shadow:none;color:#fff}
.steps5 b{display:block;font-size:20px;letter-spacing:-.01em;color:#fff}
.steps5 p{font-size:15px;color:#b4bccb;margin-top:4px;max-width:440px;display:none}
.steps5 li.on p{display:block}
.stats6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--rule)}
@media(min-width:900px){.stats6{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stats6 div{background:#fff;padding:20px}
.stats6 b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stats6 span{font-size:13.5px;color:var(--tx3)}
.powers{display:grid;gap:16px}
@media(min-width:800px){.powers{grid-template-columns:1fr 1fr}}
.pw{border-radius:22px;padding:26px;text-decoration:none;color:var(--tx);background:#fff;box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s}
.pw:hover{box-shadow:0 0 0 1px var(--line2),0 14px 34px rgba(16,24,40,.08)}
.pw .tile{width:44px;height:44px}
.pw h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:6px}
.pw p{font-size:15px;color:var(--tx2)}
.pw .go3{margin-top:auto;padding-top:10px;font-weight:600;color:var(--acc);font-size:15px}
.agents6{display:grid;gap:12px}
@media(min-width:800px){.agents6{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ag6{background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--rule);padding:18px;display:flex;flex-direction:column;gap:6px}
.ag6 b{font-size:16px;margin-top:6px}
.ag6 span{font-size:13.5px;color:var(--tx2);line-height:1.45}
.ag6 em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--c)}
/* live intelligence panels */
.intel{display:grid;gap:16px}
@media(min-width:1000px){.intel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.ip{background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--rule);padding:22px}
.ip .ih{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.ip .ih span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.ip .live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#18a058}
.ip .live:before{content:"";width:7px;height:7px;border-radius:50%;background:#18a058;animation:oblive 1.6s ease-in-out infinite}
.ip h3{font-size:20px;font-weight:700;letter-spacing:-.015em;margin-bottom:14px}
.tabs6{display:flex;gap:6px;margin-bottom:14px}
.tabs6 button{height:32px;padding:0 14px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1px var(--rule);background:#fff;font-size:13px;color:var(--tx2);cursor:pointer}
.tabs6 button[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--acc);color:var(--acc);font-weight:600}
.bars6{display:flex;flex-direction:column;gap:12px}
.br6{display:grid;grid-template-columns:120px 1fr 44px;gap:12px;align-items:center;font-size:14px}
.br6 .tr{height:8px;border-radius:4px;background:var(--s2);overflow:hidden}
.br6 .tr i{display:block;height:100%;border-radius:4px;background:var(--acc);width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.br6 b{text-align:right;font-variant-numeric:tabular-nums}
.ip .fn{font-size:12.5px;color:var(--tx3);margin-top:14px}
.soon6{list-style:none}
.soon6 li a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--rule);text-decoration:none;color:var(--tx)}
.soon6 li:first-child a{border-top:0}
.soon6 li a b{font-size:14.5px;font-weight:600;line-height:1.35}
.soon6 li a small{display:block;font-size:12.5px;color:var(--tx3);margin-top:2px}
.soon6 li a>span:last-child{font-size:12px;font-weight:700;color:var(--acc);white-space:nowrap}.soon6 li a>span:first-child{min-width:0}
.cta3{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cta3 a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--rule);text-decoration:none;color:var(--tx);min-width:200px;flex:1}
.cta3 a b{font-size:14.5px}
.cta3 a span{font-size:13px;color:var(--tx3)}
/* resources: chart cards */
.rcards{display:grid;gap:18px}
@media(min-width:640px){.rcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.rcards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rc6{display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--rule);overflow:hidden;text-decoration:none;color:var(--tx);transition:box-shadow .15s,transform .15s}
.rc6:hover{box-shadow:0 0 0 1px var(--line2),0 14px 34px rgba(16,24,40,.08);transform:translateY(-2px)}
.rc6 .art{aspect-ratio:16/10;background:var(--s1);padding:14px;display:flex;align-items:center;justify-content:center}
.rc6 .art svg{width:100%;height:100%}
.rc6 .tx6{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.rc6 .tags{display:flex;gap:6px;flex-wrap:wrap}
.rc6 .tags span{font-size:12px;font-weight:600;color:var(--acc);background:var(--tint);border-radius:999px;padding:3px 10px}
.rc6 h3{font-size:16.5px;font-weight:700;line-height:1.3}
.rc6 .go3{margin-top:auto;font-size:14px;font-weight:600;color:var(--acc)}
.chartbox{background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--rule);padding:26px;margin-top:22px}
.chartbox h3{font-size:22px;font-weight:700;letter-spacing:-.015em}
.chartbox .sub{font-size:14px;color:var(--tx3);margin:4px 0 18px}
.chartbox svg{width:100%;height:auto}
.chartbox .src{font-size:12.5px;color:var(--tx3);margin-top:12px}
.guides{display:grid;gap:14px}
@media(min-width:900px){.guides{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gd{background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--rule);padding:22px}
.gd span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.gd h3{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:8px 0 8px;line-height:1.3}
.gd p{font-size:14.5px;color:var(--tx2);line-height:1.55}
.gd ol{margin:10px 0 0 18px;font-size:14.5px;color:var(--tx2);line-height:1.55}
/* news archive */
.arch-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}
.srch{display:flex;gap:8px;flex:1 1 420px}
.srch input{flex:1;min-width:0;height:48px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1px var(--rule);background:#fff;padding:0 20px;font-size:15.5px;outline:0}
.srch input:focus{box-shadow:inset 0 0 0 2px var(--acc)}
.dd6{position:relative}
.dd6>button{height:40px;padding:0 14px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--rule);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}
.dd6>button i{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.dd6 .menu{position:absolute;left:0;top:calc(100% + 6px);z-index:40;min-width:220px;background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--rule),0 18px 40px rgba(16,24,40,.12);padding:6px;display:none;max-height:340px;overflow:auto}
.dd6.open .menu{display:block}
.dd6 .menu button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;background:none;padding:9px 12px;border-radius:10px;font-size:14px;cursor:pointer;color:var(--tx)}
.dd6 .menu button:hover{background:var(--s1)}
.dd6 .menu button[aria-pressed="true"]{color:var(--acc);font-weight:600}
.dd6 .menu button em{font-style:normal;color:var(--tx3);font-size:12.5px}
.count6{margin-left:auto;font-size:14px;color:var(--tx3)}
.more6{display:flex;justify-content:center;margin-top:26px}
.empty6{background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--rule);padding:30px;text-align:center;color:var(--tx2)}
/* story page */
.st-grid{display:grid;gap:30px;align-items:start}
@media(min-width:1040px){.st-grid{grid-template-columns:minmax(0,1fr) 340px}.st-side{position:sticky;top:90px}}
.st-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.st-tags .pl{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);box-shadow:inset 0 0 0 1px #bcd0ff;border-radius:999px;padding:4px 11px}
.st-tags .dt{font-size:13px;color:var(--tx3);font-variant-numeric:tabular-nums}
.st-h{font-size:clamp(28px,4vw,44px);line-height:1.1;font-weight:700;letter-spacing:-.03em;max-width:820px}
.st-img{border-radius:20px;overflow:hidden;aspect-ratio:16/9;margin:22px 0 0;background:var(--s1)}
.st-img img{width:100%;height:100%;object-fit:cover}
.st-body{max-width:760px}
.st-body .stand{font-size:20px;line-height:1.6;color:var(--tx);margin-top:24px}
.blk6{margin-top:30px}
.blk6 h2{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.blk6 p{font-size:17px;line-height:1.65;color:var(--tx2)}
.blk6 ul{margin:0 0 0 20px;font-size:17px;line-height:1.65;color:var(--tx2)}
.blk6 ul li{margin:4px 0}
.blk6.box{background:var(--s1);border-radius:18px;padding:22px 24px}
.readfull{margin-top:28px;font-size:16px;color:var(--tx2)}
.readfull a{color:var(--tx);font-weight:600}
.honest6{font-size:13.5px;color:var(--tx3);margin-top:10px}
.sp6{background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--rule);padding:20px;margin-bottom:16px}
.sp6 .k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.sp6 .s{font-size:13.5px;color:var(--tx3);margin-bottom:12px}
.sp6 .biz{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--rule)}
.sp6 .biz:first-of-type{border-top:0}
.sp6 .biz i{width:30px;height:30px;border-radius:8px;background:var(--s2);flex:0 0 30px}
.sp6 .biz span{display:block;height:9px;border-radius:5px;background:var(--s2)}
.sp6 .biz .g{flex:1;display:flex;flex-direction:column;gap:6px}
.sp6 .deep{display:block;padding:12px 14px;border-radius:14px;background:var(--s1);text-decoration:none;color:var(--tx);margin-top:8px}
.sp6 .deep b{display:block;font-size:22px;letter-spacing:-.02em}
.sp6 .deep span{font-size:13.5px;color:var(--tx2)}
.access{display:grid;gap:18px;background:var(--s1);border-radius:22px;padding:26px;margin-top:40px}
@media(min-width:900px){.access{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.access h3{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:6px 0 8px}
.access p{color:var(--tx2);font-size:15px}
.access ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.access li b{display:block;font-size:15.5px}
.access li span{font-size:14px;color:var(--tx2)}
/* edition page (like the Daily Deal) */
.ed6{max-width:720px;margin:0 auto}
.ed6 .mast6{text-align:center;padding:10px 0 26px;border-bottom:1px solid var(--rule)}
.ed6 .mast6 .tile{width:56px;height:56px;margin:0 auto 12px}
.ed6 .mast6 small{display:block;font-size:13px;font-weight:600;color:var(--tx3)}
.ed6 .mast6 h1{font-size:clamp(32px,5vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:4px 0 6px}
.ed6 .mast6 .date{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.ed6 .lead7{font-size:clamp(24px,3vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:28px 0 14px}
.ed6 .bul{margin:0 0 10px 20px;font-size:16px;line-height:1.6;color:var(--tx2)}
.ed6 .bul b{color:var(--tx)}
.ed6 .es{margin-top:38px}
.ed6 .es .esh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:10px;margin-bottom:6px}
.ed6 .es h2{font-size:22px;font-weight:700;letter-spacing:-.015em}
.ed6 .es .esh a{font-size:14.5px;color:var(--acc);text-decoration:none}
.ed6 .it{display:block;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--tx)}
.ed6 .it b{display:block;font-size:16.5px;line-height:1.35}
.ed6 .it span{display:block;font-size:14.5px;color:var(--tx2);margin-top:4px;line-height:1.5}
.ed6 .it small{display:block;font-size:12.5px;color:var(--tx3);margin-top:4px}
.ed6 .it:hover b{color:var(--acc)}
.ed6 .gate{background:var(--s1);border-radius:20px;padding:24px;margin-top:38px}
.ed6 .gate h3{font-size:20px;font-weight:700;margin-bottom:6px}
.ed6 .gate p{font-size:15px;color:var(--tx2);margin-bottom:14px}
.ed6 .prev a{display:block;padding:9px 0;text-decoration:none;color:var(--tx2);font-size:15px;line-height:1.5}
.ed6 .prev a b{color:var(--tx);font-weight:600;margin-right:8px}
.ed6 .prev a:hover b{color:var(--acc)}
.ed6 .prev a.on b{color:var(--acc)}
/* our story */
.story6{display:grid;gap:40px;align-items:start}
@media(min-width:1000px){.story6{grid-template-columns:340px minmax(0,1fr)}}
.story6 .me{border-radius:24px;overflow:hidden;aspect-ratio:1}
.story6 .me img{width:100%;height:100%;object-fit:cover}
.story6 .me-cap{font-size:14px;color:var(--tx3);margin-top:10px}
.tlx{list-style:none;position:relative;margin-top:10px}
.tlx:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--rule)}
.tlx li{position:relative;padding:0 0 26px 40px}
.tlx li:before{content:"";position:absolute;left:4px;top:5px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--acc)}
.tlx li b{display:block;font-size:18px;letter-spacing:-.01em}
.tlx li em{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--acc);margin-bottom:2px}
.tlx li p{font-size:16px;color:var(--tx2);margin-top:4px;max-width:620px;line-height:1.6}
.quote6{font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.3;max-width:820px}
/* phone corners: clip the screen, never show what is behind it */
.phone .scr{clip-path:inset(0 round 38px);-webkit-mask-image:-webkit-radial-gradient(white,black)}
@media(prefers-reduced-motion:reduce){.pill6,.mcard,.mbx-list,.mbx-open,.mrow.new{transition:none!important;animation:none!important}.br6 .tr i{transition:none}}
/* round 6 fixes */
.latest,.ac6,.ncards,.powers,.agents6,.rcards,.guides,.story6,.st-grid,.access,.intel,.subband .wrap{grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.latest{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.ac6{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.intel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.story6{grid-template-columns:340px minmax(0,1fr)}}
@media(min-width:640px){.ncards,.rcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.ncards{grid-template-columns:repeat(3,minmax(0,1fr))}.ncards.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){.rcards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:800px){.powers{grid-template-columns:1fr 1fr}.agents6{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:900px){.guides{grid-template-columns:repeat(3,minmax(0,1fr))}.access{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.subband .wrap{grid-template-columns:minmax(0,1fr) 460px}}
@media(min-width:1040px){.st-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:479px){.top .btn.sm[data-modal]{display:none}.top .wrap{gap:8px}}
.br6>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed6 .mast6 .tile{display:block}.today6 .hd .tile,.sp6 .tile,.pw .tile,.foot .fb .tile,.mcard .stp .tile,.mrow .av,.mo-h .fr .av{display:block}
.brand .tile{display:block}.sheet6 .sh-top .brand{display:flex;border:0;padding:0;font-size:16px}.sheet6 .sh-top .brand .tile{width:32px;height:32px;flex:0 0 32px}

/* ===================== round 7 ===================== */
/* hero phone: the approved Gmail mock-up, scaled */
.hero-ph{display:flex;flex-direction:column;align-items:center}
.phx{position:relative;width:min(340px,78vw);aspect-ratio:412/866}
.phx iframe{position:absolute;left:0;top:0;width:412px;height:866px;border:0;transform-origin:0 0;background:transparent;color-scheme:normal}
/* desktop Gmail section */
.gm{display:flex;background:#f6f8fc;border-radius:22px;box-shadow:0 0 0 1px var(--rule),0 24px 60px rgba(16,24,40,.08);overflow:hidden;height:560px}
.gm-l{width:200px;flex:0 0 200px;padding:16px 10px;display:none;flex-direction:column;gap:2px}
@media(min-width:900px){.gm-l{display:flex}}
.gm-cmp{display:inline-flex;align-items:center;height:52px;padding:0 22px;border-radius:16px;background:#c2e7ff;color:#001d35;font-weight:600;font-size:14.5px;margin:0 0 14px 4px;width:max-content}
.gm-l a{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 14px;border-radius:999px;font-size:14px;color:#1f1f1f;text-decoration:none}
.gm-l a.on{background:#d3e3fd;font-weight:700}
.gm-l a b{font-size:12.5px}
.gm-m{flex:1;min-width:0;display:flex;flex-direction:column;padding:12px 12px 12px 0}
@media(max-width:899px){.gm-m{padding:10px}}
.gm-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.gm-s{flex:1;height:44px;border-radius:999px;background:#e9eef6;display:flex;align-items:center;padding:0 20px;font-size:15px;color:#5f6368}
.gm-me{width:34px;height:34px;border-radius:50%;background:#1d5bff;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.gm-v{position:relative;flex:1;min-height:0;background:#fff;border-radius:16px;overflow:hidden}
.gm-list,.gm-read{position:absolute;inset:0;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .35s}
.gm-list{overflow:auto}
.gm-read{transform:translateX(100%);display:flex;flex-direction:column;background:#fff}
.gm.open .gm-list{transform:translateX(-25%);opacity:0;pointer-events:none}
.gm.open .gm-read{transform:none}
.gm-tabs{display:flex;border-bottom:1px solid #eceff1}
.gm-tabs span{flex:0 0 auto;padding:14px 22px 12px;font-size:14px;color:#5f6368;border-bottom:3px solid transparent}
.gm-tabs span.on{color:#0b57d0;border-bottom-color:#0b57d0;font-weight:600}
.gm-r{display:grid;grid-template-columns:34px 190px minmax(0,1fr) 54px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #f1f3f4;font-size:14px;color:#3c4043}
@media(max-width:699px){.gm-r{grid-template-columns:34px minmax(0,1fr) 44px;row-gap:2px}.gm-r .m{grid-column:2/4}}
.gm-r .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;overflow:hidden}
.gm-r .av.b{border-radius:9px}
.gm-r .av svg{width:100%;height:100%;display:block}
.gm-r .n{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-r .m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f6368}
.gm-r .m b{font-weight:500;color:#3c4043}
.gm-r time{font-size:12.5px;text-align:right;color:#5f6368}
.gm-r.un{background:#f2f6fc;cursor:pointer}
.gm-r.un .n,.gm-r.un .m b,.gm-r.un time{font-weight:700;color:#1f1f1f}
.gm-r.un:hover{box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px rgba(60,64,67,.3)}
.gm-r.un:focus-visible{outline:2px solid #1d5bff;outline-offset:-2px}
.gm-r.tap{background:#d3e3fd}
.gm-rh{padding:14px 20px 12px;border-bottom:1px solid #f1f3f4}
.gm-back{border:0;background:none;color:#0b57d0;font-size:14px;font-weight:600;cursor:pointer;padding:4px 0;margin-bottom:6px}
.gm-sj{font-size:21px;line-height:1.3;color:#1f1f1f}
.gm-sj span{font-size:12px;background:#e8eaed;border-radius:4px;padding:2px 6px;vertical-align:3px;margin-left:6px;color:#3c4043}
.gm-fr{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13.5px;color:#5f6368}
.gm-fr .av{width:36px;height:36px;border-radius:9px;overflow:hidden;flex:0 0 36px}
.gm-fr .av svg{width:100%;height:100%;display:block}
.gm-fr b{color:#1f1f1f}
.gm-fr small{display:block;font-size:12.5px}
.gm-rb{flex:1;min-height:0;overflow:auto;background:#f4f6fa;overscroll-behavior:contain}
.gm-ifw{position:relative;margin:0 auto}
.gm-ifw iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#f4f6fa}
.tapr6{position:absolute;z-index:5;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(29,91,255,.2);box-shadow:0 0 0 2px rgba(29,91,255,.5);pointer-events:none;opacity:0}
.tapr6.go{animation:tapr6 .7s ease-out forwards}
@keyframes tapr6{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
/* Adaptive Context, our own design: the press. Every story is a dot; dots print a newsprint moon. */
.press{position:relative;display:grid;gap:22px;align-items:center;background:#fff;border-radius:28px;box-shadow:0 0 0 1px var(--rule);padding:28px}
@media(min-width:1000px){.press{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);padding:34px}}
.pr-h{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--tx3);margin-bottom:12px}
.pr-in{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}
.pr-s{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;background:var(--s1);transition:box-shadow .3s,background .3s}
.pr-s i{width:10px;height:10px;border-radius:50%;background:#9aa3b5;flex:0 0 10px;transition:background .3s}
.pr-s b{display:block;font-size:14.5px}
.pr-s small{display:block;font-size:12.5px;color:var(--tx3)}
.pr-s.hot{background:#fff;box-shadow:0 0 0 1.5px var(--acc)}
.pr-s.hot i{background:var(--acc)}
.pr-mid{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.pr-moon{width:min(300px,70vw);height:auto;overflow:visible}
.pr-moon circle{transform-box:fill-box;transform-origin:center;transition:transform .45s cubic-bezier(.2,.9,.25,1.3),opacity .3s}
.pr-moon circle.off{transform:scale(0);opacity:0}
.pr-stage{text-align:center;margin-top:10px}
.pr-stage b{display:block;font-size:20px;letter-spacing:-.015em}
.pr-stage span{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);min-width:110px}
.pr-faces{display:flex;align-items:center;gap:2px;margin-top:14px;flex-wrap:wrap;justify-content:center}
.pr-faces small{width:100%;text-align:center;font-size:12.5px;color:var(--tx3);margin-top:4px}
.pr-out{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.pr-c{display:flex;gap:14px;align-items:center;padding:16px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--rule);text-decoration:none;color:var(--tx);transition:box-shadow .3s,transform .3s}
.pr-c:hover{box-shadow:0 0 0 1px var(--line2),0 10px 26px rgba(16,24,40,.08)}
.pr-c .tile{width:44px;height:44px;flex:0 0 44px;display:block}
.pr-c .tile.al{border-radius:12px;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px}
.pr-c b{display:block;font-size:15.5px}
.pr-c small{display:block;font-size:13px;color:var(--tx2);line-height:1.45}
.pr-c.got{box-shadow:0 0 0 2px var(--acc),0 12px 30px rgba(29,91,255,.16);transform:translateY(-2px)}
.pr-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
/* the five steps under the press */
.how5{list-style:none;display:grid;gap:10px;margin-top:20px}
@media(min-width:900px){.how5{grid-template-columns:repeat(5,minmax(0,1fr))}}
.how5 li{padding:16px;border-radius:16px;background:var(--s1);cursor:pointer;transition:background .3s,box-shadow .3s}
.how5 li .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2);font-size:12px;font-weight:700;color:var(--tx3)}
.how5 li b{display:block;font-size:15.5px;margin:10px 0 4px}
.how5 li p{font-size:13.5px;color:var(--tx2);line-height:1.5}
.how5 li.on{background:#fff;box-shadow:0 0 0 1.5px var(--acc)}
.how5 li.on .n{background:var(--acc);box-shadow:none;color:#fff}
/* playbooks */
.plays{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.plays{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.plays{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pb{background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--rule);padding:22px;display:flex;flex-direction:column}
.pb-h{display:flex;justify-content:space-between;align-items:center}
.pb-n{font-size:13px;font-weight:600;color:var(--acc);text-decoration:none}
.pb-n:hover{text-decoration:underline}
.pb h3{font-size:20px;font-weight:700;letter-spacing:-.015em;margin:8px 0 6px}
.pb p{font-size:14.5px;color:var(--tx2);line-height:1.55}
.pb .pb-w{color:var(--tx);margin-bottom:6px}
.pb ol{margin:10px 0 12px 18px;font-size:14.5px;color:var(--tx2);line-height:1.55}
.pb .pb-o{margin-top:auto;background:var(--s1);border-radius:12px;padding:12px 14px;font-size:14px;font-style:italic}
.pb .pb-o b{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);margin-bottom:4px}
.n6 .pic{position:relative}
.n6 .pic .ai{position:absolute;right:8px;bottom:8px;font-size:10.5px;font-weight:600;color:#fff;background:rgba(11,18,32,.6);border-radius:6px;padding:2px 6px}
@media(prefers-reduced-motion:reduce){.gm-list,.gm-read,.pr-moon circle,.pr-c,.pr-s{transition:none}}
.phx{filter:drop-shadow(0 26px 38px rgba(15,17,21,.22))}

/* ===================== round 8: the agents are the stars ===================== */
.crew .faces span{background:transparent!important;box-shadow:none!important;width:44px!important;height:44px!important;margin-right:-4px!important}
.agx{padding:90px 0 80px}
.agx-h{max-width:760px;margin-bottom:40px}
.agx-h .t-l{margin:14px 0 14px}
.agx-row{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.agx-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.agx-row{grid-template-columns:repeat(5,minmax(0,1fr))}}
.agc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px 20px;border-radius:24px;background:#111a2d;box-shadow:inset 0 0 0 1px #222c44;transition:box-shadow .4s,transform .4s,background .4s}
.agc.on{background:#152038;box-shadow:inset 0 0 0 2px var(--c),0 20px 50px rgba(0,0,0,.35);transform:translateY(-6px)}
.agc .agf{display:block;width:96px;height:96px;margin-bottom:8px}
.agc b{font-size:22px;letter-spacing:-.02em;color:var(--c);filter:brightness(1.35)}
.agc .job{font-size:14.5px;color:#d6dbe6;line-height:1.5;min-height:44px}
.agc .big{font-size:13.5px;color:#8a94a8;margin-top:6px}
.agc .big em{display:block;font-style:normal;font-size:34px;font-weight:700;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.agc .now{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #222c44;font-size:13px;line-height:1.45;color:#b4bccb;min-height:58px;width:100%}
.agc .now:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:7px;vertical-align:1px;animation:oblive 1.4s ease-in-out infinite}
.agx-line{position:relative;height:2px;background:#222c44;margin:22px 4% 0;border-radius:2px;display:none}
@media(min-width:1100px){.agx-line{display:block}}
.agx-line i{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#a9c0ff;box-shadow:0 0 14px #4f7dff;transition:left .9s cubic-bezier(.6,0,.2,1)}
.agx-foot{margin-top:22px;font-size:13.5px;color:#8a94a8}.agx-foot a{color:#a9c0ff}
.pr-faces span{width:38px!important;height:38px!important}
.story-ag{margin-top:34px;border-radius:20px;background:#0b1220;color:#eef1f7;padding:22px}
.story-ag h2{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#a9c0ff;margin-bottom:6px}
.story-ag .sa{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #222c44}
.story-ag .sa:first-of-type{border-top:0}
.story-ag .sa b{display:block;font-size:15px;color:var(--c);filter:brightness(1.35)}
.story-ag .sa span{font-size:14px;color:#d6dbe6;line-height:1.5}
/* sample data */
.smp{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b45309;background:#fff4e0;border-radius:6px;padding:2px 7px;margin-left:6px;vertical-align:2px}
.prow{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--rule);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.prow.in{opacity:1;transform:none}
.prow:first-of-type{border-top:0}
.prow .pa{width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--acc);font-weight:700;font-size:13px;display:grid;place-items:center}
.prow b{display:block;font-size:14.5px}
.prow small{display:block;font-size:12.5px;color:var(--tx3)}
.prow .ck{font-size:12px;font-weight:600;white-space:nowrap;color:var(--tx3)}
.prow .ck.ok{color:#18a058}
.prow .ck.ok:before{content:"✓ "}
.named{margin-top:6px}
.named .prow{opacity:1;transform:none}
.typed{white-space:pre-wrap}
.typed:after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--acc);margin-left:2px;vertical-align:-2px;animation:blink 1s step-end infinite}
@keyframes blink{50%{opacity:0}}
.chatx{display:flex;flex-direction:column;gap:10px}
.chatx .q{align-self:flex-end;background:var(--acc);color:#fff;border-radius:18px 18px 4px 18px;padding:10px 14px;font-size:14.5px;max-width:85%}
.chatx .a{display:flex;gap:10px;align-items:flex-start;max-width:92%}
.chatx .a .bub{background:var(--s1);border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:14.5px;line-height:1.5}
.chatx .a, .chatx .q{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.chatx .in{opacity:1;transform:none}
.mcpx{background:#0b1220;color:#d6dbe6;border-radius:18px;padding:18px;font:13px/1.6 ui-monospace,Menlo,monospace}
.mcpx .u{color:#a9c0ff}.mcpx .r{color:#8ee3b0}
@media(prefers-reduced-motion:reduce){.agc,.prow,.chatx .a,.chatx .q{transition:none;opacity:1;transform:none}.typed:after{display:none}}
.prose p{font-size:18px;line-height:1.75;color:var(--tx2);margin-top:20px}
.prose .lead-p{font-size:19.5px;color:var(--tx);margin-top:26px}
.prose .lbl{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);margin-right:4px}

/* ===================== round 9 ===================== */
.kick i{display:none!important}
/* hero crew: bigger, every agent moves */
.crew{gap:16px;margin-top:30px}
.crew .faces{align-items:flex-end;gap:6px}
.crew .faces span{width:50px!important;height:50px!important;margin-right:0!important;animation:crewhop 3.2s ease-in-out infinite}
.crew .faces span:nth-child(1){width:60px!important;height:60px!important;animation:crewlead 2.6s ease-in-out infinite}
.crew .faces span:nth-child(2){animation-delay:.3s}.crew .faces span:nth-child(3){animation-delay:.6s;animation-name:crewspin}.crew .faces span:nth-child(4){animation-delay:.9s}.crew .faces span:nth-child(5){animation-delay:1.2s;animation-name:crewspin}
@keyframes crewhop{0%,55%,100%{transform:translateY(0) rotate(0)}66%{transform:translateY(-16px) rotate(-8deg)}76%{transform:translateY(0) scale(1.08,.92)}84%{transform:translateY(-5px) rotate(4deg)}92%{transform:none}}
@keyframes crewspin{0%,55%,100%{transform:translateY(0) rotate(0)}68%{transform:translateY(-14px) rotate(180deg)}82%{transform:translateY(0) rotate(360deg) scale(1.06,.94)}90%{transform:rotate(360deg)}}
@keyframes crewlead{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(4deg)}}
.ps-people .faces{align-items:flex-end;gap:4px}
.ps-people .faces span{width:34px!important;height:34px!important;margin-right:0!important;background:transparent!important;box-shadow:none!important;animation:crewhop 3.4s ease-in-out infinite}
.ps-people .faces span:nth-child(1){width:42px!important;height:42px!important;animation:crewlead 2.6s ease-in-out infinite}
.ps-people .faces span:nth-child(2){animation-delay:.35s}.ps-people .faces span:nth-child(3){animation-delay:.7s;animation-name:crewspin}.ps-people .faces span:nth-child(4){animation-delay:1.05s}.ps-people .faces span:nth-child(5){animation-delay:1.4s;animation-name:crewspin}
@media(prefers-reduced-motion:reduce){.crew .faces span,.ps-people .faces span{animation:none!important}}
/* the night shift: Vela at the centre */
.agx-h{max-width:860px;margin:0 auto 54px;text-align:center}
.agx-h .kick{justify-content:center}
.agx-h .t-s{max-width:720px;margin:0 auto}
.agx-hub{position:relative;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.agx-side{display:contents}
.agx-core{order:-1}
@media(min-width:640px){.agx-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.agx-core{grid-column:1/-1}}
@media(min-width:1100px){.agx-hub{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:center}.agx-side{display:flex;flex-direction:column;gap:26px}.agx-core{order:0;grid-column:auto}}
.agx-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;overflow:visible}
@media(min-width:1100px){.agx-wires{display:block}}
.agx-wires .w{fill:none;stroke-width:2;opacity:.22;stroke-dasharray:4 7;transition:opacity .4s}
.agx-wires .w.on{opacity:.9;stroke-dasharray:none;stroke-width:2.5}
.agx-wires .dot{opacity:0;filter:drop-shadow(0 0 8px currentColor)}
.agx-core,.agc{position:relative;z-index:1}
.agx-core{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 30px 30px;border-radius:32px;background:radial-gradient(120% 80% at 50% 0%,#1c2b57 0%,#121b31 60%);box-shadow:inset 0 0 0 1px #2a3961,0 30px 80px rgba(0,0,0,.4)}
.agx-core .halo{position:absolute;left:50%;top:126px;width:0;height:0}
.agx-core .halo i{position:absolute;left:-110px;top:-110px;width:220px;height:220px;border-radius:50%;border:1.5px solid #4f7dff;opacity:0;animation:halo 3.6s ease-out infinite}
.agx-core .halo i:nth-child(2){animation-delay:1.2s}.agx-core .halo i:nth-child(3){animation-delay:2.4s}
@keyframes halo{0%{transform:scale(.55);opacity:.55}100%{transform:scale(1.35);opacity:0}}
.agx-core .agf{display:block;width:170px;height:170px;margin-bottom:6px;animation:velafloat 4s ease-in-out infinite}
@keyframes velafloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.agx-core b{font-size:34px;letter-spacing:-.03em;color:#fff}
.agx-core .role{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a9c0ff;background:rgba(79,125,255,.16);border-radius:999px;padding:5px 12px}
.agx-core .job{font-size:16px;color:#d6dbe6;line-height:1.5;max-width:340px}
.agx-core .big{font-size:14px;color:#8a94a8}.agx-core .big em{font-style:normal;font-size:30px;font-weight:700;color:#fff;margin-right:4px}
.agx-core .now{display:block;width:100%;margin-top:6px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);font-size:14.5px;line-height:1.45;color:#eef1f7;min-height:72px}
.agx-core .now:before{content:"Vela: ";font-weight:700;color:#a9c0ff}
.agc{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:24px;background:#111a2d;box-shadow:inset 0 0 0 1px #222c44;transition:box-shadow .4s,transform .4s,background .4s}
.agc .tx{display:flex;flex-direction:column;gap:5px;min-width:0}
.agc .agf{display:block;width:84px;height:84px;margin:0;animation:agbob 3.4s ease-in-out infinite}
.agx-side .agc:nth-child(2) .agf{animation-delay:.8s}
.agx-hub>.agx-side:last-of-type .agc:nth-child(1) .agf{animation-delay:1.6s}.agx-hub>.agx-side:last-of-type .agc:nth-child(2) .agf{animation-delay:2.4s}
@keyframes agbob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-7px) rotate(-4deg)}60%{transform:translateY(0) rotate(3deg)}}
.agc.on{background:#152038;box-shadow:inset 0 0 0 2px var(--c),0 20px 50px rgba(0,0,0,.35);transform:scale(1.03)}
.agc.on .agf{animation:agjump .9s ease-in-out infinite}
@keyframes agjump{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.05)}}
.agc .job{min-height:0}
.agc .big{margin-top:2px}.agc .big em{display:inline;font-size:26px;margin-right:4px}
.agc .now{min-height:40px;margin-top:6px}
@media(max-width:639px){.agc{grid-template-columns:64px minmax(0,1fr)}.agc .agf{width:64px;height:64px}.agx-core .agf{width:130px;height:130px}.agx-core .halo{top:106px}}
@media(prefers-reduced-motion:reduce){.agx-core .halo i,.agx-core .agf,.agc .agf{animation:none!important}}
/* gmail section: shallow header, long reader */
.gm{height:min(1180px,calc(100vh + 260px))}
@media(max-width:899px){.gm{height:860px}}
.gm-top{margin-bottom:8px}.gm-s{height:38px;font-size:14px}.gm-me{width:30px;height:30px;font-size:13px}
.gm-rh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:8px 16px}
.gm-back{margin:0;padding:2px 0}
.gm-sj{font-size:16.5px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-fr{margin-top:0;width:100%;font-size:12.5px}.gm-fr .av{width:24px!important;height:24px!important}
.gm-fr small{display:inline;margin-left:6px}
/* portal frame bar logo */
.tour .fbar .tile{display:block;overflow:hidden;border-radius:6px}.tour .fbar .tile svg{display:block;width:100%;height:100%}
/* portal: content centred, cards use the width */
.ps-wrap{margin:0 auto;width:100%}
.set,.fol .box2{max-width:none}
/* today's brief: the real email */
.edm{max-width:760px;margin:0 auto}
.edm-h{text-align:center;margin:10px auto 30px}.edm-h .kick{justify-content:center}.edm-h .t-l{margin:12px 0 10px}
.edm-mail{border-radius:22px;overflow:hidden;background:#f2f4f8;box-shadow:0 0 0 1px var(--rule),0 30px 70px rgba(16,24,40,.12)}
.edm-mail iframe{display:block;width:100%;height:2400px;border:0}
.edm .gate{margin-top:34px}
.edm .ed6{margin-top:10px}
/* why + our story */
.why6{max-width:900px;margin:0 auto 90px;text-align:center}
.why6 .kick{justify-content:center}.why6 .t-xl{margin:16px 0 18px}.why6>.t-s{max-width:720px;margin:0 auto}
.why3{display:grid;gap:16px;margin-top:40px;text-align:left;grid-template-columns:minmax(0,1fr)}
@media(min-width:800px){.why3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.why3>div{padding:24px;border-radius:22px;background:var(--s1);box-shadow:0 0 0 1px var(--rule)}
.why3 .n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--acc);font-weight:700;font-size:14px;margin-bottom:14px}
.why3 b{display:block;font-size:18px;letter-spacing:-.01em;margin-bottom:6px}.why3 p{font-size:15px;line-height:1.55;color:var(--tx2)}
.duo6{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.duo6 figure{margin:0}.duo6 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;display:block}
.duo6 figcaption{font-size:14px;font-weight:600;margin-top:8px}
.crew{flex-wrap:wrap}.crew p{flex:1 1 220px}
@media(min-width:1100px){.agx-core .agf{width:150px;height:150px}.agx-core .halo{top:112px}.agx-core{padding:30px 26px 26px}.agc{padding:18px}.agx-side{gap:20px}}