/* bestagents.ai. The page is the mountain's shadow. The world shows only where it is meant to be looked at, and words always sit on the dark. */
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader.woff2) format("woff2");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader-italic.woff2) format("woff2");font-weight:300 500;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --night:#07090f;--ridge:#0e121c;--ridge2:#141927;--ridge3:#1b2132;
 --t1:#f7f6f3;--t2:rgba(247,246,243,.76);--t3:rgba(247,246,243,.6);
 --line:rgba(255,255,255,.16);--line-2:rgba(255,255,255,.085);
 --solid:#0b0e15;--surface:var(--ridge);
 --sun:#ffc978;--glow:#ffb08a;--warn:#ffbf9e;--ok:#8ae0bb;
 --serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --w:1280px;--nav:68px;--gut:clamp(20px,4.4vw,56px);--ease:cubic-bezier(.2,.7,.2,1);
 color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;background:var(--night);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav) + 56px)}
body{margin:0;color:var(--t1);background:var(--night);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;display:flex;flex-direction:column;min-height:100svh}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.018em;text-wrap:balance}
h3{font-size:16px;font-weight:600;letter-spacing:-.005em}
a{color:inherit}button,input,select{font:inherit;color:inherit}
img,svg{display:block;max-width:100%}
.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;color:#0b0e15;padding:10px 14px;border-radius:8px}.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--w) + 2*var(--gut));margin-inline:auto;padding-inline:max(var(--gut),env(safe-area-inset-left,0px)) max(var(--gut),env(safe-area-inset-right,0px))}
.nojs .js-only{display:none!important}
/* A strip of the world at the top of every inner page. It fades into the page, so nothing sits on it but the dark sky. */
main{background:url(/assets/world/head.webp) no-repeat 50% 0/max(100%,1500px) auto}
main[data-path="/"]{background:none}
@media (max-width:760px){main{background-image:url(/assets/world/head-p.webp);background-size:100% auto}}
/* Nav */
.nav{position:fixed;z-index:50;inset:0 0 auto;height:calc(var(--nav) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-inline:max(var(--gut),env(safe-area-inset-left,0px),calc(50vw - var(--w)/2)) max(var(--gut),env(safe-area-inset-right,0px),calc(50vw - var(--w)/2));display:flex;align-items:center;gap:4px;transition:background .3s,box-shadow .3s}
.nav.stuck{background:rgba(7,9,15,.76);-webkit-backdrop-filter:saturate(150%) blur(22px);backdrop-filter:saturate(150%) blur(22px);box-shadow:0 1px 0 var(--line-2)}
.js body:has(.hero) .nav:not(.stuck)>.btn{background:none;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:400 20px/1 var(--serif);letter-spacing:-.012em}
.nav .brand{margin-right:auto}
.brand i{font-style:normal;color:var(--t2)}.mark{width:23px;height:23px}
#menu{display:flex;gap:2px;margin-right:6px}
#menu a{padding:8px 11px;font-size:14px;color:var(--t2);text-decoration:none;border-radius:8px;transition:color .15s}
#menu a:hover,#menu a[aria-current]{color:#fff}
.ico{display:inline-grid;place-items:center;width:36px;height:36px;border:0;background:none;color:var(--t2);border-radius:8px;cursor:pointer;font-size:18px;transition:color .15s}.ico:hover{color:#fff}
.menu-btn{display:none}.menu-btn .i:last-child{display:none}.menu-btn[aria-expanded="true"] .i:first-child{display:none}.menu-btn[aria-expanded="true"] .i:last-child{display:block}#menu .menu-cta{display:none}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border:0;border-radius:12px;background:#fff;color:#0b0e15;font:500 16px/1 var(--sans);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,box-shadow .15s}
.btn:hover{background:#e4e8ef}
.btn.sm{height:38px;padding:0 14px;font-size:14px;border-radius:8px}.btn.xs{height:32px;padding:0 12px;font-size:13px;border-radius:8px}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}.btn.ghost:hover{background:rgba(255,255,255,.15)}
.btn .i{font-size:14px}
.link{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.42);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .15s}.link:hover{text-decoration-color:#fff}
.ext .i{display:inline-block;margin-left:3px;vertical-align:-1px;font-size:.9em}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lede{font-size:clamp(17px,1.5vw,19px);line-height:1.5;color:var(--t2);max-width:33em}
.fine{font-size:14px;line-height:1.5;color:var(--t3)}.fine a{color:var(--t2)}
.fine strong{font-weight:500;color:var(--t2)}
/* Hero: first light on the massif, no veil over it */
.hero{position:relative;isolation:isolate;min-height:max(86svh,640px);display:grid}
.hero-art,.hero-lit{position:absolute;inset:0 0 auto;height:max(100svh,660px);z-index:-1}
.hero-art img,.hero-lit img{width:100%;height:100%;object-fit:cover;object-position:78% 100%}
.js .hero-lit{opacity:0;transition:opacity 2.8s cubic-bezier(.3,.1,.2,1)}.js .hero-lit.on{opacity:1}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:clamp(20px,3vw,48px);row-gap:clamp(18px,2.8vh,28px);align-content:start;align-items:start;padding-top:calc(var(--nav) + clamp(24px,8vh,100px));padding-bottom:clamp(24px,5vh,52px)}
.hero-head{grid-column:1/-1;display:grid;gap:clamp(14px,2.2vh,22px);min-width:0}.hero-act{display:grid;gap:clamp(12px,1.8vh,16px);min-width:0}
.intro{font-size:14px;line-height:1.45;color:var(--t2);max-width:48em;text-wrap:balance}
.intro a{color:var(--t1);text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(255,255,255,.5)}
.hero h1{font-size:clamp(46px,min(6.4vw,12.6vh),156px);line-height:1;letter-spacing:-.024em;max-width:10.4em}
.hero .lede{font-size:clamp(17px,1.4vw,22px);color:var(--t1);max-width:32em}
.ask{display:flex;align-items:center;gap:6px;width:100%;max-width:clamp(520px,44vw,680px);height:64px;padding:0 7px 0 22px;border-radius:14px;background:rgba(9,12,20,.9);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 24px 70px -18px rgba(0,0,0,.65);transition:box-shadow .15s}
.ask:focus-within{box-shadow:inset 0 0 0 1.5px var(--glow),0 24px 70px -18px rgba(0,0,0,.65)}
.ask input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:17px;color:#fff}.ask input::placeholder{color:rgba(247,246,243,.66)}
.ask .btn{height:50px;padding:0 20px;border-radius:9px;font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:7px;max-width:clamp(560px,50vw,760px)}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:rgba(9,12,20,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:14px;color:#fff;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.chip:hover{background:#242a3a}.chip[aria-pressed="true"]{background:#fff;color:#0b0e15;box-shadow:none}
#resume:empty{display:none}
.resume{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#fff}
.answers{display:grid;min-width:0;justify-items:end}
.ans{width:100%;max-width:420px;display:grid;gap:12px;padding:24px;border-radius:18px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line),0 40px 100px -30px #000;animation:rise .45s var(--ease) both}
.ans[hidden]{display:none}
.ans-w{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--warn)}.ans-w .i{margin-top:3px;font-size:14px}.res .ans-w{font-size:15px}
.ans-k{font-size:13px;color:var(--glow)}.ans-h{font:400 34px/1.08 var(--serif);letter-spacing:-.018em}.ans>p:not(.ans-k):not(.fine):not(.ans-h){color:var(--t2);font-size:16px;line-height:1.5}
.quick{display:flex;gap:26px}.quick dt{font-size:13px;color:var(--t3)}.quick dd{font-weight:500;font-size:16px}
.nojs .answers,.nojs .seg,.nojs .act{display:none}
.nojs .nav{position:absolute;height:auto;min-height:var(--nav);flex-wrap:wrap;padding-block:8px}.nojs .nav>.btn{display:inline-flex}.nojs #menu{flex-wrap:wrap}
/* The day: one lake from morning to night. Words sit in the dark sky, work sits on solid cards. */
.day{position:relative;background:var(--night)}
.day-h{font:400 clamp(34px,8vw,48px)/1.06 var(--serif);letter-spacing:-.018em;padding:clamp(24px,5vh,48px) var(--gut) 18px}
.day-pin{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-inline:var(--gut);padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.day-pin::-webkit-scrollbar{display:none}
.moment{position:relative;isolation:isolate;overflow:clip;flex:0 0 min(82vw,560px);scroll-snap-align:center;border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;min-height:680px;padding:26px 20px 20px;box-shadow:inset 0 0 0 1px var(--line-2)}
.m-pic{position:absolute;inset:0;z-index:-1}.m-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.m-in{width:100%;max-width:var(--w);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.m-copy{display:grid;gap:12px;min-width:0;max-width:27em}
.when{font:italic 400 clamp(20px,1.6vw,25px)/1 var(--serif);color:var(--glow)}
.moment h2{font-size:clamp(36px,3.9vw,88px);line-height:1.03}
.m-copy>p:not(.when):not(.who){font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:rgba(247,246,243,.88)}.m-copy>p .link{font-size:16px}
.who{font-size:15px;color:var(--t2)}.who a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px;text-decoration-thickness:1px}
.moment .ui{justify-self:stretch;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 50px 120px -30px #000}
.moment.big .m-copy{max-width:none}.moment.big h2{font-size:clamp(66px,14.4vw,250px);line-height:.92;letter-spacing:-.036em}.moment.big p{font-size:clamp(18px,1.6vw,24px)!important;color:#fff!important}
.day-bar{display:none}
.day:not(.pinned) .day-bar.deck{display:block;position:relative;margin:16px var(--gut) 0;height:2px;border-radius:2px;background:rgba(255,255,255,.2)}
.deck-n{padding:8px var(--gut) 0;font-size:13px;color:var(--t3)}.day.pinned .deck-n{display:none}
@media (min-width:901px){.day:not(.pinned) .day-pin{flex-wrap:wrap;overflow:visible;justify-content:center;scroll-snap-type:none}.day:not(.pinned) .day-bar.deck,.day:not(.pinned) .deck-n{display:none}}
/* Pinned on wide windows: the lake stays, the day moves */
.day.pinned .day-h{display:none}
.day.pinned .day-pin{display:block;position:sticky;top:0;height:100svh;overflow:clip;padding:0;scroll-snap-type:none}
.day.pinned .moment{position:absolute;inset:0;min-height:0;border-radius:0;box-shadow:none;pointer-events:none;align-content:start;padding:calc(var(--nav) + clamp(14px,4.4vh,44px)) var(--gut) 56px}
.day.pinned .moment.on{pointer-events:auto;z-index:2}
.day.pinned .moment::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(var(--night) 7vh,transparent 18vh,transparent 86vh,var(--night) 99vh)}
.day.pinned .m-pic{inset:7vh 0 -7vh;opacity:0;transition:opacity 0s .8s}
.day.pinned .moment.on .m-pic{opacity:1;transition:opacity .8s ease}
.day.pinned .m-in{grid-template-columns:minmax(0,1fr) minmax(0,.84fr);gap:clamp(28px,5vw,88px);align-items:start;opacity:0;transition:opacity .18s ease}
.day.pinned .moment.on .m-in{opacity:1;transition:opacity .4s ease .32s}
.day.pinned .moment.big .m-in{grid-template-columns:minmax(0,1fr)}
.day.pinned .moment .m-copy{transition:transform .75s var(--ease);transform:translateY(14px);max-width:34em;gap:10px}
.day.pinned .moment.on .m-copy{transform:none;transition:transform .75s var(--ease) .24s}
.day.pinned .moment.big .m-copy{max-width:none}
.day.pinned .moment .ui{justify-self:end;max-width:480px}
.day.pinned .day-bar.top{display:block;z-index:3;position:absolute;left:max(var(--gut),calc(50vw - var(--w)/2));right:max(var(--gut),calc(50vw - var(--w)/2));bottom:26px;height:2px;border-radius:2px;background:rgba(255,255,255,.2);pointer-events:none}
.day-bar i{position:absolute;left:0;top:-5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(255,201,120,.2),0 0 22px 4px rgba(255,201,120,.5);transition:left .2s linear}
/* Mockups */
.ui{width:100%;max-width:470px;min-width:0;font-size:13px;line-height:1.42;color:#e6e9f0;background:#0f131c;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 34px 90px -24px rgba(3,6,14,.72);overflow:hidden}
.ui-top{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);font-size:13px}
.ui-top b{font-weight:600;letter-spacing:-.003em}.ui-meta{margin-left:auto;color:#8f98ab;font-size:12px}
.ui-ava{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:linear-gradient(145deg,#ffd9a0,#f2966d);color:#23140a;font-size:13px}.ui-ava .i{stroke-width:2}
.ui-in{display:grid;gap:12px;padding:14px;min-width:0}
.ui-h{font-weight:600;font-size:14px;line-height:1.35;color:#fff;letter-spacing:-.005em}
.ui-rows{display:grid}.ui-rows li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:11px;align-items:start;padding:10px 0;border-top:1px solid rgba(255,255,255,.065)}
.ui-rows li:first-child{border-top:0;padding-top:2px}.ui-rows li:last-child{padding-bottom:2px}
.ui-rows .i{font-size:14px;color:#8f98ab;margin-top:2px}
.rt{display:grid;gap:1px;min-width:0}.rt b{font-weight:500;color:#eff1f6}.rt small{font-size:12px;color:#8f98ab}
.tag{align-self:start;font-style:normal;font-size:12px;line-height:1;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.07);color:#b8c0d0}.tag.hot{background:rgba(255,186,130,.15);color:#ffc898}
.ui-foot{display:flex;align-items:center;gap:7px;font-size:12px;color:#8f98ab}.ui-foot .i{font-size:13px}
.ui-wait{display:flex;align-items:center;gap:7px;font-size:12px;color:#b8c0d0}
.ui figcaption{padding:8px 14px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#7c8497}
.ui-tabs{display:flex;gap:4px;font-size:12px;color:#8f98ab}.ui-tabs span{padding:5px 9px;border-radius:8px}.ui-tabs .on{background:rgba(255,255,255,.08);color:#fff}.ui-tabs b{font-weight:600;margin-left:2px}
.people li{grid-template-columns:30px minmax(0,1fr) auto;align-items:center}.people .face{width:30px;height:30px}
.face{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,#3a4663,#262e45);font-size:12px;font-weight:600;color:#d7dcea;letter-spacing:.02em}
time{font-size:12px;color:#8f98ab;font-variant-numeric:tabular-nums}
.ui-who{display:flex;gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.065)}
.ui-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ui-kpi div{display:grid;gap:1px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.04)}.ui-kpi small{font-size:12px;color:#8f98ab}.ui-kpi b{font-size:24px;font-weight:600;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}.ui-kpi span{font-size:12px;color:#8f98ab}.ui-kpi .bad b{color:#ffb98c}
.spark{width:100%;height:70px;fill:none;stroke-width:2;stroke-linecap:round}.sp1{stroke:#ff9d6b}.sp2{stroke:#7f8aa3}
.act{display:flex;flex-wrap:wrap;gap:7px}.act button{height:34px;padding:0 13px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-weight:500;font-size:13px;cursor:pointer;transition:background .15s}.act button:hover{background:rgba(255,255,255,.15)}.act .go{background:#fff;color:#0b0e15}.act .go:hover{background:#e4e8ef}
.done{display:flex;align-items:center;gap:7px;min-height:34px;font-weight:500;font-size:13px;color:var(--ok)}
.ui-mail{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.065);font-size:12px}.ui-mail div{display:grid;grid-template-columns:58px minmax(0,1fr)}.ui-mail dt{color:#8f98ab}
.ui-body{font-size:14px;line-height:1.5;color:#eff1f6}
.ui-log{display:grid;gap:0}.ui-log li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:7px 0 7px 16px;border-left:1px solid rgba(255,255,255,.12);margin-left:3px}
.ui-log li::before{content:"";position:absolute;left:-4px;top:12px;width:7px;height:7px;border-radius:50%;background:#59627a}.ui-log .hit::before{background:var(--sun);box-shadow:0 0 0 4px rgba(255,201,120,.16)}.ui-log .hit span{color:#fff;font-weight:500}
.ui-code{margin:0;padding:11px 12px;border-radius:8px;background:#0a0d13;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;color:#cfd5e2}.ui-code .c{color:#7c8497}.ui-code .m{color:#ff9f8f}.ui-code .p{color:#8ae0bb}
.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{padding:9px 0;border-top:1px solid rgba(255,255,255,.065);text-align:left;font-weight:400}.ui-table tr:first-child th,.ui-table tr:first-child td{border-top:0}.ui-table th{font-weight:500}.ui-table td{color:#b8c0d0}.ui-table td:last-child{text-align:right}
.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:rgba(255,255,255,.08);justify-self:start;max-width:100%}
.seg button{height:30px;padding:0 11px;border:0;border-radius:8px;background:none;color:var(--t2);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s}.seg button:hover{color:#fff}
.seg button[aria-pressed="true"]{background:#fff;color:#0b0e15}
.flip{display:grid}.flip>.seg{margin:12px 14px 0}
.msg{padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.45}.msg.you{background:rgba(255,255,255,.075);color:#fff}.msg.bot{color:#d5dae6;padding-inline:0;padding-block:2px}
.msg b{font-weight:600}
.flip-p{display:grid;gap:10px;min-height:150px;align-content:start}.flip-p[hidden]{display:none}
.ticks{display:grid;gap:8px}.ticks li{display:flex;gap:9px;align-items:flex-start;font-size:14px}.ticks .i{color:var(--ok);font-size:14px;margin-top:2px;stroke-width:2.2}
.play .ticks li,.play .act{animation:rise .4s var(--ease) both}.play .ticks li:nth-child(2){animation-delay:.25s}.play .ticks li:nth-child(3){animation-delay:.5s}.play .act{animation-delay:.75s}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wait .ui-h,.wait .ui-rows li,.wait .act,.wait .ui-foot,.wait .ui-kpi,.wait .ui-log li,.wait .ui-body,.wait .ui-tabs,.wait .ui-who{opacity:.6}
.wait.in .ui-h,.wait.in .ui-rows li,.wait.in .act,.wait.in .ui-foot,.wait.in .ui-kpi,.wait.in .ui-log li,.wait.in .ui-body,.wait.in .ui-tabs,.wait.in .ui-who{animation:settle .24s var(--ease) both}
.wait.in .ui-rows li:nth-child(2),.wait.in .ui-log li:nth-child(2){animation-delay:.03s}.wait.in .ui-rows li:nth-child(3),.wait.in .ui-log li:nth-child(3){animation-delay:.06s}
@keyframes settle{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
.wait .sp1,.wait .sp2{stroke-dasharray:1;stroke-dashoffset:1}.wait.in .sp1,.wait.in .sp2{transition:stroke-dashoffset .5s var(--ease);stroke-dashoffset:0}
/* Blocks */
.block{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-block:clamp(64px,11vh,120px)}
.block.tight{padding-block:clamp(44px,7vh,80px) 0}.block.tight.last,.block.last{padding-bottom:clamp(90px,16vh,170px)}
main:not([data-path="/"]) .block-head h2{font-size:clamp(30px,2.9vw,44px)}
.block-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 48px;align-items:end;margin-bottom:10px}
.block-head h2{font-size:clamp(34px,3.9vw,84px);line-height:1.04}.block-head p{color:var(--t2);max-width:32em}
.panel{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:clamp(20px,2.6vw,30px);border-radius:16px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2)}
.sub{font:500 14px/1.4 var(--sans);letter-spacing:0;color:var(--t2)}
/* Agent cards: each one shown by what it does, on the light of its time of day. Words sit on a solid surface, so nothing behind them can wash them out. */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.card{display:grid;grid-template-rows:auto 1fr;border-radius:16px;overflow:hidden;text-decoration:none;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.card-art,.slot-art,.pick-art{position:relative;display:block;overflow:hidden;background:#141a28}
.art-tag{position:absolute;left:8px;bottom:8px;padding:2px 7px;border-radius:6px;background:rgba(11,15,25,.76);font-size:12px;line-height:1.4;color:#fff}
.art{display:block;width:100%;height:auto;aspect-ratio:34/21;object-fit:cover;transition:transform .7s var(--ease)}.card:hover .art,.pair:hover .art,.pick:hover .art{transform:scale(1.03)}
.card-body{display:grid;align-content:start;gap:3px;padding:14px 16px 16px;min-width:0}
.card-tag{font-size:13px;color:var(--t3)}
.card-body h3{display:flex;align-items:center;gap:8px;margin-top:1px;font:400 26px/1.14 var(--serif);letter-spacing:-.016em}
.card-body>span:not(.card-tag){font-size:14px;line-height:1.42;color:var(--t2)}
.card-body small{margin-top:7px;font-size:15px;line-height:1.4;color:var(--t2)}
.amark{flex:none;width:28px;height:28px;border-radius:8px;object-fit:contain}
.ph-copy h1 .amark{display:inline-block;width:.78em;height:.78em;margin-right:.2em;border-radius:.16em;vertical-align:-.05em}
.card.cta{grid-template-rows:1fr auto;gap:16px;padding:20px;background:rgba(11,15,25,.72)}.card.cta strong{font:400 26px/1.14 var(--serif);letter-spacing:-.016em}.card.cta .btn{justify-self:start}
.whos{max-width:34em;color:var(--t2)}
.guide-notes{display:grid;gap:12px;margin-top:4px}.guide-notes dt{font-weight:600;font-size:15px}.guide-notes dd{margin:2px 0 0;font-size:15px;line-height:1.5;color:var(--t2)}
.alts{display:grid;gap:10px}.alts li{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:4px 16px;align-items:baseline}.alts span{font-size:14px;color:var(--t2)}
.lines{display:grid;gap:6px;margin:8px 0 18px}.lines li{font-size:15px;line-height:1.5;color:var(--t2)}
.find-lines h2{font:400 24px/1.2 var(--serif);letter-spacing:-.012em}.find-lines p{font-size:15px;line-height:1.55;color:var(--t2);margin-top:8px}
.sub-h{font:400 clamp(24px,2.4vw,32px)/1.15 var(--serif);letter-spacing:-.014em;margin-bottom:14px}
.go-row th,.go-row td{padding-top:16px;border-bottom:0}
/* Home: the agents, one strong tile and six smaller ones */
#meet{position:relative;padding-top:clamp(20px,4.6vh,44px)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.bento .card{grid-column:span 3}.bento .card.lead{grid-column:span 6;grid-row:span 2;grid-template-rows:1fr auto;grid-template-columns:none}
.bento .card.lead .card-art{height:auto;min-height:0}.bento .card.lead .art{height:100%;aspect-ratio:auto}
.bento .card.lead .card-body{padding:18px 22px 20px}.bento .card.lead .card-body h3{font-size:38px}.bento .card.lead .card-body>span:not(.card-tag){font-size:16px;color:var(--t2);max-width:34em}
.bento .card:nth-child(n+6){grid-column:span 4}
.bento .card.cta{grid-column:span 4;position:relative;isolation:isolate;overflow:hidden;background:var(--ridge2);align-content:space-between}.bento .card.cta img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:60% 100%}
/* Home: what an agent is */
.what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,6vw,96px);align-items:center;padding-block:clamp(40px,7vh,80px) clamp(72px,12vh,130px)}
.what-copy{display:grid;gap:14px}.what h2{font-size:clamp(36px,4.2vw,80px);line-height:1.03;max-width:11em}.what-copy p{max-width:30em}.what-copy p{font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--t2)}
.what>.ui{justify-self:end}
/* Official videos: nothing loads from YouTube until someone presses play */
.vids{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:12px;align-items:start}
.vid-list{display:grid;gap:2px}
.vid-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:center;min-height:72px;padding:10px 14px;border-radius:12px;text-decoration:none;transition:background .15s}.vid-row:hover{background:var(--ridge)}.vid-row[aria-current="true"]{background:var(--ridge2);box-shadow:inset 0 0 0 1px var(--line-2)}
.vid-row>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);font-size:12px}.vid-row .i{fill:currentColor;margin-left:1px}.vid-row[aria-current="true"]>span:first-child{background:#fff;color:#0b0e15}
.vid-row b{display:block;font:400 clamp(18px,1.4vw,22px)/1.16 var(--serif);letter-spacing:-.01em}.vid-row small{font-size:13px;color:var(--t2)}
.vid{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;isolation:isolate}
.vid-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.vid:hover .vid-art{transform:scale(1.04)}
.vid::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,9,15,.86),rgba(7,9,15,.1) 62%)}
.vid-play{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#0b0e15;font-size:18px;transition:transform .18s var(--ease)}.vid-play .i{fill:currentColor;margin-left:2px}.vid:hover .vid-play{transform:scale(1.08)}
.vid-t{position:absolute;inset:auto 18px 15px;display:grid;gap:1px}.vid-t b{font:400 clamp(20px,1.7vw,26px)/1.14 var(--serif);letter-spacing:-.012em}.vid-t small{font-size:13px;color:var(--t2)}
.vid-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.vid-one{max-width:680px}
/* Tables */
.scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}
.tests,.list{width:100%;border-collapse:collapse;font-size:16px}.tests{min-width:560px}
.tests th,.tests td,.list th,.list td{padding:11px 10px;border-bottom:1px solid var(--line-2);text-align:left;font-weight:400;vertical-align:middle}
.tests thead th{font-weight:500;font-size:14px;vertical-align:bottom;text-align:center;line-height:1.25}.tests thead th:first-child{text-align:left;color:var(--t3)}.tests thead th a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.34);text-underline-offset:3px;text-decoration-thickness:1px}.tests thead span{display:block;font-weight:400;font-size:13px;color:var(--t3);margin-top:1px}
.tests tbody th a,.list tbody th a{text-decoration:none;font-weight:500}.tests tbody th a:hover,.list tbody th a:hover{text-decoration:underline;text-underline-offset:3px}.tests td{text-align:center}
.tests th:first-child,.tests td:first-child,.list th:first-child{padding-left:0}
.tests tr:last-child th,.tests tr:last-child td,.list tr:last-child th,.list tr:last-child td{border-bottom:0}
.list{min-width:640px}.list thead th{font-size:13px;font-weight:400;color:var(--t3)}.list td{color:var(--t2)}.list tbody th{font-weight:500}
.vs{min-width:520px}.vs tbody th{font-weight:400;color:var(--t3);font-size:14px;width:22%}.vs td{color:var(--t1);width:39%}.vs thead th{color:var(--t1);font-weight:500;font-size:16px}
.st{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(255,201,120,.18);font-style:normal;vertical-align:middle}
.st.m{background:none;box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.78)}.st.n{width:12px;height:1.6px;border-radius:1px;background:rgba(255,255,255,.34);box-shadow:none}.st.q{background:none;box-shadow:none;width:14px;height:14px;border:1.5px dashed rgba(255,255,255,.62);color:transparent;font-size:0}
.key{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13px;color:var(--t2)}.key span{display:inline-flex;align-items:center;gap:9px}
/* Steps */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:1px solid rgba(255,255,255,.22)}
.three{counter-reset:s}.three li{counter-increment:s}.three a{display:grid;gap:4px;padding-top:15px;text-decoration:none}.three a:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.three h3{font:400 clamp(22px,1.9vw,27px)/1.15 var(--serif);letter-spacing:-.014em}.three h3::before{content:counter(s) ". ";color:var(--glow)}.three p{color:var(--t2);font-size:15px;line-height:1.45}
.finale{position:relative;isolation:isolate;overflow:clip;min-height:min(112svh,1040px);display:grid;align-content:start;margin-top:clamp(20px,5vh,60px)}
.finale-art{position:absolute;inset:0;z-index:-1}.finale-art img{width:100%;height:100%;object-fit:cover;object-position:78% 100%}
.finale-in{display:grid;justify-items:start;gap:clamp(20px,3.4vh,32px);padding-top:clamp(56px,11vh,110px);padding-bottom:42vh}
.finale .three{width:100%;max-width:880px;border-top-color:rgba(255,255,255,.26)}.finale .three p{color:var(--t1)}
.finale h2{font-size:clamp(46px,6.2vw,108px);line-height:1;letter-spacing:-.024em;max-width:10em}
.finale.small{min-height:0;margin:0;padding-block:20px 16vh;display:block}
/* Page heads */
.page-head{display:grid;gap:12px;align-content:end;min-height:min(46vh,440px);padding-top:calc(var(--nav) + 40px);padding-bottom:36px}
.page-head h1{font-size:clamp(42px,5.2vw,72px);line-height:1.03;max-width:11em;}
.page-head.short{min-height:0}
.page-head.split{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(28px,6vw,96px);align-items:center;align-content:center;min-height:min(100svh,900px);padding-bottom:64px}
.ph-copy{display:grid;gap:12px;min-width:0}.ph-copy .row{margin-top:8px}
.split h1{font-size:clamp(44px,5.4vw,76px)}.page-head .ph-copy h1{max-width:9.6em}
.crumb{font-size:14px;color:var(--t2);text-decoration:none}.crumb:hover{color:#fff}
.role{font:italic 400 clamp(22px,2.2vw,28px)/1.2 var(--serif);color:var(--t1)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);max-width:30em}
.facts dt{font-size:13px;color:var(--t3)}.facts dd{font-weight:500;font-size:16px;line-height:1.3}.facts dd span{display:block;font-weight:400;font-size:13px;color:var(--t2)}
.try{display:grid;gap:10px;min-width:0;justify-items:start}.try .ui{max-width:none}.tab{display:grid;gap:10px;width:100%}.try{grid-template-rows:auto 1fr}.tab{grid-area:2/1}.js .tab[hidden]{display:grid;visibility:hidden}
.try .msg.you{background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2);font-size:14px}
.try>.seg{background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2)}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 26px}.grid4 li{display:grid;gap:3px;align-content:start}.grid4 b{font-weight:500;font-size:16px}.grid4 span{font-size:14px;line-height:1.45;color:var(--t2)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border-bottom:1px solid var(--line-2)}
.plan{display:grid;gap:2px;align-content:start;padding:0 20px 18px;border-left:1px solid var(--line-2)}.plan:first-child{border-left:0;padding-left:0}.plan b{font-weight:500;font-size:14px;color:var(--t2)}.plan strong{font:400 32px/1.1 var(--serif);letter-spacing:-.018em}.plan span{font-size:14px;line-height:1.45;color:var(--t2)}
.pay{display:grid;gap:12px;max-width:560px}.pay-t{font:400 clamp(22px,2.2vw,28px)/1.2 var(--serif);letter-spacing:-.012em}.pay label{display:grid;gap:7px;font-size:14px;color:var(--t2)}.pay output{color:#fff;font-weight:500}.pay input{width:100%;accent-color:#fff;height:22px}
.horizon{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}.horizon::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--line)}
.horizon li{position:relative;display:grid;gap:11px;align-content:start}.horizon i{width:13px;height:13px;border-radius:50%;background:#1a2030;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}.horizon li:first-child i{background:var(--sun);box-shadow:0 0 0 4px rgba(255,201,120,.18)}.horizon li.on i{background:#fff;box-shadow:none}
.horizon span{font-size:14px;font-weight:500;line-height:1.3}
.warns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px}.warns li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px}.warns .i{font-size:18px;color:var(--warn);margin-top:2px}.warns span{font-size:16px;line-height:1.45;color:var(--t2)}.warns b{display:block;font-weight:500;color:#fff;font-size:16px}
.plain{display:grid;gap:8px}.plain li{position:relative;padding-left:15px;color:var(--t2);font-size:16px;line-height:1.45}.plain li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5)}
.testrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px}.testrow li{display:flex;gap:12px;align-items:flex-start;min-width:0}.testrow .st{margin-top:5px;flex:none}.testrow .st.n{width:14px;margin-top:11px}.testrow span{display:grid;gap:2px;min-width:0;font-size:16px}.testrow small{font-size:13px;color:var(--t3);line-height:1.35}
details.ac{border-top:1px solid var(--line-2)}details.ac:first-child{border-top:0}
details.ac summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-weight:500;font-size:16px;cursor:pointer;list-style:none}details.ac summary::-webkit-details-marker{display:none}
details.ac summary::after{content:"+";font-size:18px;font-weight:300;color:var(--t2)}details.ac[open] summary::after{content:"\2013"}
details.ac>div{display:grid;gap:8px;padding-bottom:16px;font-size:16px;color:var(--t2)}details.ac strong{font-weight:500;color:#fff}
.copyline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 12px 12px 15px;border-radius:12px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px;line-height:1.5}
/* Finder and setup */
.flow-wrap{flex:1;display:flex}.flow-col{flex:1;display:grid;grid-template-columns:minmax(0,1fr)}
.note{width:100%;max-width:720px;margin:0 auto clamp(40px,8vh,80px)}.note p{color:var(--t2);font-size:16px}.js .note{gap:8px}
.flow{flex:1;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:22px;width:100%;max-width:720px;margin-inline:auto;padding-top:calc(var(--nav) + 40px);padding-bottom:64px;min-height:82svh}
.flow h1{font-size:clamp(34px,4vw,54px);line-height:1.06;}
.prog{position:relative;height:2px;border-radius:2px;background:rgba(255,255,255,.2)}.prog i{position:relative;display:block;height:100%;width:0;border-radius:2px;background:#fff;transition:width .6s var(--ease)}.prog i::after{content:"";position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--sun);box-shadow:0 0 14px 3px rgba(255,201,120,.6)}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.opt{display:grid;gap:1px;align-content:center;min-height:62px;padding:12px 16px;border:0;border-radius:12px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2);color:#fff;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}.opt:hover{background:rgba(11,15,25,.76);box-shadow:inset 0 0 0 1px var(--line)}.opt b{font-weight:500;font-size:16px}.opt span{font-size:14px;color:var(--t2)}
.back{justify-self:start;border:0;background:none;padding:6px 0;font-size:14px;color:var(--t1);cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,.34);text-underline-offset:3px}.back:hover{color:#fff}
.result{align-content:start;gap:14px;padding-bottom:12vh}

.steps{display:grid;gap:12px}.step{display:grid;gap:10px;padding:clamp(18px,2.6vw,26px);border-radius:16px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2)}
.copyline[hidden]{display:none}
.step h2{font-size:clamp(26px,2.8vw,36px);line-height:1.1}.step>p{color:var(--t2);font-size:16px;line-height:1.5}.step .row{margin-top:6px}
.stepping .step{display:none}.stepping .step.on{display:grid;animation:rise .4s var(--ease) both}.stepping .after{display:none}.stepping.finished .after{display:grid;animation:rise .4s var(--ease) both}.stepping.finished .steps,.stepping.finished .prog,.stepping.finished .setup-h,.stepping.finished .setup-l{display:none}
.stepping .setup-h{font-size:clamp(22px,2.4vw,30px)}.stepping .setup-l{display:none}
.after{display:grid;gap:16px;padding-top:24px}.after h2{font-size:clamp(34px,4vw,54px);line-height:1.06}
.setup{max-width:760px}.setup.finished{max-width:1040px}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0 14px;border-top:1px solid rgba(255,255,255,.22);padding-top:12px}.week li{display:grid;gap:3px;align-content:start}.week small{font-size:12px;color:var(--t3)}.week b{font-weight:500;font-size:14px;line-height:1.25}.week span{font-size:13px;line-height:1.35;color:var(--t2)}
/* Compare */
.pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pair{display:grid;align-content:start;gap:6px;padding:20px 22px 22px;border-radius:12px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;transition:box-shadow .15s}.pair:hover{box-shadow:inset 0 0 0 1px var(--line)}.pair strong{font:400 clamp(26px,2.4vw,32px)/1.12 var(--serif);letter-spacing:-.014em}.pair>span:last-child{font-size:14px;color:var(--t2);line-height:1.45}
.picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:16px}.picker a{text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.34)}.picker select{height:38px;padding:0 10px;border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:14px;cursor:pointer}.picker select option{color:#0b0e15}.picker span{color:var(--t2)}
.verdict{font:400 clamp(21px,2.2vw,28px)/1.25 var(--serif);color:var(--t1);letter-spacing:-.01em;max-width:32em}
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.slot{display:grid;grid-template-rows:auto 1fr;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.slot-body{display:grid;align-content:start;gap:2px;width:100%;padding:14px 16px 16px}.slot-body strong{display:flex;align-items:center;gap:10px;font:400 clamp(26px,2.7vw,34px)/1.12 var(--serif);letter-spacing:-.016em}.slot-body>span{font-size:14px;color:var(--t2)}
.slot select{justify-self:start;max-width:100%;height:32px;margin-top:6px;padding:0 8px;border:0;border-radius:8px;color:var(--t2);font-size:14px;cursor:pointer}.slot select option{color:#0b0e15}
/* Jobs */
.wall{columns:3 300px;column-gap:12px;padding-bottom:clamp(90px,16vh,170px)}
.wall-card{display:grid;gap:10px;break-inside:avoid;margin-bottom:12px;padding:15px;border-radius:12px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;transition:box-shadow .15s}.wall-card:hover{box-shadow:inset 0 0 0 1px var(--line)}
.wall-card>strong{font:400 24px/1.14 var(--serif);letter-spacing:-.012em}.wc{font-size:14px;color:var(--t2)}
.ui.mini{font-size:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);max-width:none}.ui.mini figcaption{padding:6px 14px}.ui.mini .ui-h{font-size:14px}.ui.mini .ui-top{height:38px}.ui.mini .spark{height:44px}
.grid-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.pick{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:start;padding:12px;border-radius:12px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;transition:box-shadow .15s}.pick:hover{box-shadow:inset 0 0 0 1px var(--line)}.pick-art{border-radius:8px}.pick>span{display:grid;gap:3px;min-width:0}.pick b{font-weight:500}.pick>span>span{font-size:14px;line-height:1.45;color:var(--t2)}.pick small{font-size:13px;color:var(--t3)}
.on-world{color:var(--t2)}
.warn-panel p{color:var(--t1);font-size:16px}
.grid-tests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.test{display:grid;gap:4px;align-content:start;padding:18px;border-radius:12px;background:var(--ridge);box-shadow:inset 0 0 0 1px var(--line-2)}.test h3{font:400 24px/1.15 var(--serif);letter-spacing:-.012em}.test h3 a{text-decoration:none}.test p{color:var(--t2);font-size:16px}.test .fine{font-size:14px}
/* Lessons */
.lesson{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);column-gap:clamp(24px,6vw,96px);row-gap:12px;align-items:start;padding-block:clamp(30px,5.4vh,56px);border-top:1px solid var(--line-2)}
.page-head+.lesson{border-top:0}
.lesson-copy{display:contents}.lesson h2{grid-column:1;grid-row:1/span 4;font-size:clamp(30px,3.1vw,48px);line-height:1.06}.lesson-copy p{grid-column:2;font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--t2);max-width:34em}
.lesson>.ui{grid-column:2;margin-top:10px;max-width:520px}
.hid{display:grid;gap:2px;padding:10px 12px;border-radius:8px;background:rgba(255,186,130,.13);color:#ffd9b8;font-weight:500;font-size:14px}.hid small{font-weight:400;font-size:12px;color:#d8b89f}.js .hid[hidden]{display:none}
.ok{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--ok)}.ok .i{font-size:16px}.js .ok[hidden]{display:none}
#inject .btn{justify-self:start}
/* How we work */
.how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 44px}.how h2{font-size:24px;line-height:1.15;margin-bottom:5px;letter-spacing:-.012em}.how p{color:var(--t2);font-size:16px;line-height:1.55}.how strong{font-weight:500;color:#fff}
/* Footer */
.foot{position:relative;margin-top:auto;background:var(--night);border-top:1px solid var(--line-2);padding-block:44px calc(30px + env(safe-area-inset-bottom,0px));font-size:14px}
.foot-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,.75fr));gap:32px}.foot-brand{display:grid;gap:12px;align-content:start;color:var(--t2);max-width:30em}.foot-brand .brand{justify-self:start}.foot-brand p{font-size:14px;line-height:1.55}
.foot nav{display:grid;gap:6px;align-content:start}.foot nav h2{font:500 13px/1.4 var(--sans);color:var(--t3);letter-spacing:0;margin-bottom:3px}.foot nav a{color:var(--t2);text-decoration:none}.foot nav a:hover{color:#fff}
.foot-fine{margin-top:32px;padding-top:15px;border-top:1px solid var(--line-2);font-size:13px;color:var(--t3)}
/* Search */
.pal{position:fixed;inset:0;z-index:80;display:grid;justify-items:center;align-content:start;padding:13vh 16px 16px;background:rgba(5,8,14,.55)}
.pal-box{width:min(600px,100%);border-radius:12px;background:#0f131c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 100px -20px rgba(0,0,0,.8);overflow:hidden}
.pal input{width:100%;height:56px;padding:0 18px;border:0;outline:0;background:none;font-size:18px;border-bottom:1px solid var(--line-2)}.pal ul{max-height:50vh;overflow:auto;padding:6px}
.pal li a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-radius:8px;text-decoration:none;font-size:16px}.pal li a[aria-current="true"],.pal li a:hover{background:rgba(255,255,255,.08)}.pal li span{color:var(--t3);font-size:13px}.pad{padding:12px}
.toast{position:fixed;z-index:90;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));translate:-50% 0;padding:9px 15px;border-radius:8px;background:#fff;color:#0b0e15;font-weight:500;font-size:14px;box-shadow:0 20px 50px -20px rgba(0,0,0,.7)}.toast[hidden]{display:none}
/* Moves between pages */
main{flex:1;display:flex;flex-direction:column;min-width:0;view-transition-name:page}main:focus,[tabindex="-1"]:focus{outline:none}
@view-transition{navigation:none}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(page){animation:vtout .16s ease both}::view-transition-new(page){animation:vtin .32s var(--ease) both}
@keyframes vtout{to{opacity:0}}@keyframes vtin{from{opacity:0;transform:translateY(8px)}}
.chip{color:#fff}
/* Agent pages: a strip under the header, and one sheet */
.local{position:sticky;top:calc(var(--nav) + env(safe-area-inset-top,0px));z-index:30;background:rgba(10,13,21,.97);box-shadow:0 1px 0 var(--line-2),0 -1px 0 var(--line-2)}
.local-in{display:flex;align-items:center;gap:16px;height:48px}
.local-name{font:400 20px/1 var(--serif);letter-spacing:-.012em;white-space:nowrap}
.local-tabs{display:flex;gap:2px;margin-inline:auto;min-width:0;overflow-x:auto;scrollbar-width:none}.local-tabs::-webkit-scrollbar{display:none}
.local-tabs button{flex:none;height:48px;padding:0 12px;border:0;background:none;color:var(--t2);font-size:14px;font-weight:500;cursor:pointer;transition:color .15s}.local-tabs button:hover{color:#fff}.local-tabs button[aria-pressed="true"]{color:#fff;box-shadow:inset 0 -2px 0 var(--sun)}
.local .btn{flex:none;gap:0}
.sheet{display:grid;gap:12px;margin-block:0 clamp(90px,16vh,170px)}
.sec{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);padding:clamp(36px,6vh,64px) clamp(24px,4vw,56px);border-radius:16px;background:rgba(11,15,25,.88);box-shadow:inset 0 0 0 1px var(--line-2),0 40px 120px -40px rgba(3,6,14,.7)}
.sec:first-child{display:block;padding:clamp(48px,10vh,110px) 0 clamp(36px,7vh,72px);background:none;box-shadow:none}
.sec:first-child>h2{position:static;margin-bottom:14px;font:italic 400 clamp(22px,2.2vw,28px)/1.2 var(--serif);letter-spacing:0;}
.sec:first-child{border-top:0}
.sec>h2{position:sticky;top:calc(var(--nav) + 72px);align-self:start;font-size:32px;line-height:1.1;letter-spacing:-.014em}
.sec-body{display:grid;gap:20px;min-width:0;align-content:start}.sec-body>p:not(.fine):not(.take){color:var(--t2)}.sec-body.gap0{gap:0}
.sec:first-child .take{font:400 clamp(34px,4.3vw,62px)/1.1 var(--serif);letter-spacing:-.018em;color:#fff;max-width:21em;text-wrap:pretty;}
.sec:first-child .fine{max-width:44em;color:var(--t1);font-size:16px;}.sec:first-child .fine strong{color:#fff}
.sec .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec .warns{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec details.ac:first-child{margin-top:-10px}
/* The result of the finder */
.result h1{font-size:clamp(44px,5vw,64px);line-height:1.04}
.res{gap:20px}.res-why{font-size:20px;line-height:1.4}.res-facts{display:flex;flex-wrap:wrap;gap:12px 48px}.res-facts dt{font-size:14px;color:var(--t2)}.res-facts dd{font:400 32px/1.15 var(--serif);letter-spacing:-.014em}
.res .row{gap:16px}.res details.ac{border-top:1px solid var(--line-2)}.res details.ac:first-child{border-top:1px solid var(--line-2)}
.note[hidden]{display:none}
.opts .opt:last-child:nth-child(odd){grid-column:1/-1}
/* Flows hold still */
.flow{align-content:start;padding-top:calc(var(--nav) + clamp(48px,12vh,112px))}
.stepping .step.on{display:flex;flex-direction:column;min-height:300px}.stepping .step .row{margin-top:auto;padding-top:6px}
.foot.slim{padding-block:14px calc(14px + env(safe-area-inset-bottom,0px))}.slim-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;font-size:13px;color:var(--t2)}.slim-in .brand{font-size:20px}.slim-in nav{display:flex;gap:16px;margin-left:auto}.slim-in nav a{color:var(--t2);text-decoration:none}.slim-in nav a:hover{color:#fff}
/* Surfaces answer the cursor */
.opt,.pair,.wall-card,.pick,.test,.card{transition:background .18s,box-shadow .18s,transform .18s var(--ease)}
.opt:hover,.pair:hover,.wall-card:hover,.pick:hover{background:rgba(20,26,40,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transform:translateY(-2px)}
.card:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transform:translateY(-2px)}
.opt:active,.pair:active,.wall-card:active,.pick:active,.card:active,.btn:active{transform:scale(.99)}
.tests{background:none}.tests-panel{background:rgba(11,15,25,.92)}
/* Controls */
.pay input[type=range]{-webkit-appearance:none;appearance:none;--p:18%;width:100%;height:24px;background:none;cursor:pointer}
.pay input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--sun) var(--p),rgba(255,255,255,.2) var(--p))}
.pay input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,.2)}.pay input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--sun)}
.pay input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(3,6,14,.5)}
.pay input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(3,6,14,.5)}
.slot select{-webkit-appearance:none;appearance:none;height:34px;padding:0 26px 0 0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 4px center/14px;font-size:14px}.slot select:hover{color:#fff}
.picker select{-webkit-appearance:none;appearance:none;height:44px;padding:0 34px 0 12px;border-radius:12px;background:rgba(255,255,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;font-size:14px}
@media (max-width:1080px){
 .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card.cta{grid-column:span 2}.grid4,.testrow{grid-template-columns:repeat(2,minmax(0,1fr))}.try{max-width:620px}
 .week{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.foot-top{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-brand{grid-column:1/-1}
}
@media (max-width:900px){
 :root{--nav:58px}
 .menu-btn{display:inline-grid}.nav>.btn{height:36px;font-size:14px;margin-left:6px}
 #menu{position:fixed;inset:calc(var(--nav) + env(safe-area-inset-top,0px)) 0 auto;flex-direction:column;gap:0;margin:0;padding:6px var(--gut) 16px;background:rgba(10,13,21,.92);box-shadow:0 1px 0 var(--line-2);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
 #menu.open{visibility:visible;opacity:1;transform:none}#menu a{padding:12px 0;font-size:18px;color:#fff}.nojs #menu{position:static;visibility:visible;opacity:1;flex-direction:row;background:none;padding:0;box-shadow:none;transform:none}.nojs #menu a{font-size:13px;padding:6px 6px}
 .hero-in,.lesson,.page-head.split{grid-template-columns:minmax(0,1fr)}.hero-act,.answers{grid-column:1}.answers{justify-items:stretch}.ans{max-width:none}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card.cta{grid-column:auto}
 .horizon{grid-auto-flow:row;gap:12px}.horizon::before{left:6px;right:auto;top:6px;bottom:6px;width:1px;height:auto}.horizon li{grid-template-columns:13px minmax(0,1fr);gap:12px}
 .answers:empty{display:none}
 .lesson h2,.lesson-copy p,.lesson>.ui{grid-column:1;grid-row:auto}
 .page-head{min-height:46svh}.page-head.short,.page-head.split{min-height:0}.page-head.split{padding-top:calc(var(--nav) + 26px);padding-bottom:40px}
 .block-head{grid-template-columns:minmax(0,1fr)}.how{grid-template-columns:minmax(0,1fr)}
 .three{grid-template-columns:minmax(0,1fr);gap:18px;border-top:0}.three li{border-top:1px solid rgba(255,255,255,.2)}
}
@media (max-width:720px){.tests{min-width:0;table-layout:fixed;font-size:14px}.tests th:first-child{width:27%}.tests th,.tests td{padding:10px 1px}.tests thead th{font-size:12px}.tests thead th a{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;text-align:left}.tests thead th span{display:none}.key{gap:8px 14px}}
@media (max-width:640px){.nav>.btn{display:none}
.alts li{grid-template-columns:minmax(0,1fr)}
 .cards{grid-template-columns:minmax(0,1fr);gap:10px}.card-art .art{aspect-ratio:34/16;object-position:50% 0}.card-body{padding:12px 16px 14px}.card-body h3{font-size:24px}.card-body small{margin-top:3px}.card.cta{padding:18px}.slot-art{display:none}
 .opts,.warns,.sec .warns,.grid-tests,.pairs{grid-template-columns:minmax(0,1fr)}
 .grid4,.sec .grid4,.testrow{grid-template-columns:minmax(0,1fr)}.plans{grid-template-columns:minmax(0,1fr);border-bottom:0}.plan{border-left:0;padding:0 0 14px;border-bottom:1px solid var(--line-2)}
 .week{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}
 
 .slot select{width:100%}
}
@media (max-width:1080px){.sec{grid-template-columns:minmax(0,1fr);gap:16px}.sec>h2{position:static}}
@media (max-width:900px){
 #menu .menu-cta{display:inline-flex;width:100%;height:48px;margin-top:10px;padding:0;color:#0b0e15;font-size:16px}
}
@media (max-width:640px){
 .tests-panel{background:rgba(11,15,25,.94)}
 .copyline{display:block}.copyline .btn{float:right;margin:0 0 6px 10px}
 .chip,.seg button{min-height:40px}.ico{width:44px;height:44px}.pay input[type=range]{height:44px}.picker select,.slot select{font-size:16px;width:100%}
 .seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.seg::-webkit-scrollbar{display:none}
 .local-name,.hide-s{display:none}.local-in{gap:8px}.local-tabs{margin-inline:0;flex:1}.local-tabs button{padding:0 7px;font-size:13px}
 .sheet{border-radius:12px}.sec{padding:28px 18px}.sec>h2{font-size:24px}
 .stepping .step.on{min-height:440px}
 .res-facts dd{font-size:24px}.slim-in nav{margin-left:0}
}
@media (max-width:720px){
 .list{min-width:0;display:block}.list thead,.list tbody{display:block}
 .vs tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;border-bottom:1px solid var(--line-2)}.vs tr:last-child{border-bottom:0}
 .vs th,.vs td{display:block;width:auto!important;border:0!important;padding:0!important}.vs thead th:first-child{display:none}.vs thead th{padding:0 0 10px!important;font-size:16px}
 .vs tbody th{grid-column:1/-1;padding:12px 0 3px!important;font-size:13px;color:var(--t2)}.vs tbody td{padding:0 0 12px!important;font-size:14px}
 .list:not(.vs) thead{display:none}.list:not(.vs) tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.list:not(.vs) tr:last-child{border-bottom:0}
 .list:not(.vs) th,.list:not(.vs) td{display:block;padding:0!important;border:0}.list:not(.vs) td:nth-of-type(1){grid-column:1/-1;font-size:14px}.list:not(.vs) td:nth-of-type(2){grid-column:2;grid-row:1;color:var(--t1);font-size:14px}.list:not(.vs) td:nth-of-type(3){display:none}.list:not(.vs) td:nth-of-type(4){grid-column:1/-1;font-size:13px;color:var(--t3)}
}
@media (max-width:1100px){.wall{columns:2}}
@media (max-width:700px){.wall{columns:1}}
.tests tbody th{white-space:nowrap}
.panel:has(.list){background:rgba(11,15,25,.9)}
/* Agents, in groups */
.group-h{font:400 clamp(26px,2.6vw,34px)/1.12 var(--serif);letter-spacing:-.014em;margin-bottom:14px;}
.cards.g-first{grid-template-columns:repeat(4,minmax(0,1fr))}.card.lead{grid-column:span 2;grid-template-rows:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.card.lead .card-art{height:100%}.card.lead .art{height:100%;aspect-ratio:auto;object-position:50% 50%}.card.lead .card-body{align-content:center;padding:18px 20px}.card.lead .card-body h3{font-size:32px}
.g-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,32px)}.g-duo .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1080px){.cards.g-first{grid-template-columns:repeat(2,minmax(0,1fr))}.g-duo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cards.g-first,.g-duo .cards,.quick-pairs{grid-template-columns:minmax(0,1fr)}.card.lead{grid-column:auto;grid-template-columns:minmax(0,1fr)}.card.lead .art{height:auto;aspect-ratio:34/16}.card.lead .card-body{padding:12px 16px 14px}.card.lead .card-body h3{font-size:24px}}
@media (min-width:1800px){:root{--w:1480px}}
@media (min-width:2200px){:root{--w:1760px}.ui,.intro,.ask,.chips,.block-head p,.card-body,.three{zoom:1.2}.hero .lede{max-width:34em}}
@media (max-width:1080px){.bento .card,.bento .card:nth-child(n+6){grid-column:span 4}.bento .card.lead{grid-column:span 12;grid-row:auto;grid-template-rows:auto auto}.bento .card.lead .art{height:auto;aspect-ratio:34/17}.bento .card:nth-child(n+6){grid-column:span 4}.vids{grid-template-columns:minmax(0,1fr)}.vid-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.what{grid-template-columns:minmax(0,1fr)}.what>.ui{justify-self:stretch;max-width:none}}
@media (max-width:900px){.answers{justify-items:stretch}.ans{max-width:none}.hero-in{padding-bottom:clamp(200px,36svh,340px);gap:18px}.hero h1{font-size:clamp(44px,11.4vw,84px)}.moment.big h2{font-size:clamp(68px,19vw,120px)}.finale{min-height:96svh}.finale-in{padding-bottom:50vh}}
@media (max-width:1080px){.bento .card.cta{grid-column:1/-1;min-height:220px}}
@media (max-width:760px){.bento .card,.bento .card:nth-child(n+6){grid-column:span 6}.bento .card.cta{grid-column:1/-1}}
@media (max-width:640px){.bento{grid-template-columns:minmax(0,1fr)}.bento .card,.bento .card:nth-child(n+6),.bento .card.lead{grid-column:auto}.bento .card:not(.lead):not(.cta){grid-template-rows:auto}.bento .card:not(.lead):not(.cta) .card-art{display:none}.bento{gap:8px}.vid-list{grid-template-columns:minmax(0,1fr)}
 .ask{height:auto;flex-wrap:wrap;padding:6px}.ask input{flex-basis:100%;height:50px;padding-inline:14px}.ask .btn{width:100%;height:48px}
 .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);max-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none}}
@media (min-aspect-ratio:21/10){.hero-art img,.hero-lit img{object-position:78% 42%}}
@media (max-aspect-ratio:1/1){.hero-art img,.hero-lit img{object-position:50% 38%}}
@media (max-height:480px){.hero h1{font-size:clamp(32px,min(6vw,13vh),48px);max-width:none}.hero-in{padding-top:calc(var(--nav) + 6px);row-gap:10px}.intro{display:none}.hero .lede{font-size:15px}.ask{height:52px}.ask .btn{height:40px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.wait .ui-h,.wait .ui-rows li{opacity:1}}
@media print{.nav,.foot,.toast{display:none}body{color:#000;background:#fff}}