/* getnave.app v6 — the council's page (October 21). Two materials only.
   Cinematic bands: his own graded footage, a soft shade, one thin caps line, his signature, quiet glass (top, the vlog, the close).
   Paper bands: white paper, Fraunces for what he says, Hanken Grotesk for the rest, DM Mono only for tiny labels,
   one hand-made blue marker, pastel marks only on round marks (the team folders are the one place with a colour per item).
   Movement: one soft fade per section, the folders opening. Nothing pins, orbits or follows the pointer. */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/fonts/hanken-grotesk-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/assets/fonts/dm-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Sig";src:url(/assets/fonts/MrsSaintDelafield-Regular.ttf) format("truetype");font-display:swap}

:root{
  --paper:#fff;--ink:#0A0D12;--ink-2:#3A4450;--ink-3:#5E6874;--wash:#F2F8FF;--wash-2:#D9EAFC;--line:#D8E2EC;
  --blue:#61AEFA;--deep:#1C4E8E;--night:#07090c;--on-dark:#ACD8F7;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Hanken Grotesk',Arial,Helvetica,sans-serif;--mono:'DM Mono',ui-monospace,Consolas,monospace;
  --pad:clamp(20px,5vw,48px);--gap:clamp(104px,15vh,160px);
  --shadow:0 1px 0 rgba(10,13,18,.04),0 18px 36px -26px rgba(28,78,142,.42);
  --swipe:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%2361AEFA%22%20fill-opacity%3D%22.44%22%20d%3D%22M2%2013C28%207%2070%2010%20104%208S176%206%20198%209L199%2031C168%2035%20128%2032%2096%2034S34%2036%201%2033Z%22%2F%3E%3Cpath%20fill%3D%22%2361AEFA%22%20fill-opacity%3D%22.3%22%20d%3D%22M7%2018C40%2014%2090%2017%20130%2015S185%2014%20195%2016L197%2035C150%2038%20100%2036%2060%2038S20%2038%204%2036Z%22%2F%3E%3C%2Fsvg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink-2);font:400 clamp(17.5px,1.25vw,19px)/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;z-index:30}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;color:var(--ink);letter-spacing:-.018em;margin:0}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
svg use{pointer-events:none}
.mark,.btn-ship,.disc svg,.ba-head svg{shape-rendering:crispEdges;fill:currentColor;flex:none}
.label{font:400 12.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--deep);margin-bottom:18px}
.label::after{content:" ····";color:var(--blue)}
.mark-hand{background:var(--swipe) center 62%/100% 58% no-repeat;padding:0 .08em;margin:0 -.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sig{font-family:"Sig",cursive;font-size:clamp(54px,6vw,84px);line-height:1;color:var(--blue);display:inline-block;transform:rotate(-4deg);text-shadow:0 2px 18px rgba(0,0,0,.35)}
.line{font:300 clamp(14px,1.15vw,17px)/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#fff}
.line.small{font-size:13.5px;letter-spacing:.14em;color:var(--on-dark)}
main>section{padding:0 var(--pad)}
.sec-head{max-width:820px;margin:0 auto;text-align:center}
.sec-head h2,.why h2{font-size:clamp(32px,3.9vw,52px);line-height:1.1;text-wrap:balance}
.sub{margin-top:18px;font-size:clamp(18px,1.45vw,21px);color:var(--ink-2);text-wrap:balance}

/* ---------- the one button ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:16px 30px 16px 24px;border-radius:999px;
  background:linear-gradient(180deg,#2a66b0 0%,var(--deep) 55%,#173f74 100%);color:#fff;font:600 18px/1.1 var(--sans);text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.18),0 10px 24px -12px rgba(28,78,142,.7);transition:transform .2s cubic-bezier(.2,.8,.2,1.4),box-shadow .2s}
.btn .btn-ship{color:var(--blue);transition:transform .5s cubic-bezier(.3,1.7,.4,1)}
.btn:hover{transform:translateY(-2px)}
.btn:hover .btn-ship{transform:translate(2px,-4px) rotate(-6deg)}
.btn:active{transform:translateY(1px)}
.btn-small{min-height:46px;padding:12px 20px;font-size:15.5px}
.btn-glass{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px -14px rgba(0,0,0,.6)}
.btn-glass .btn-ship{color:var(--on-dark)}
.btn-glass:hover{background:rgba(255,255,255,.24)}

/* ---------- menu: glass on the footage, paper after it ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border-bottom:1px solid var(--line);transition:background .35s,border-color .35s,color .35s}
.nav-in{max-width:1240px;margin:0 auto;padding:12px var(--pad);display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--deep);font:600 22px/1 var(--serif);min-height:45px}
.brand span{color:var(--ink)}
.links{display:flex;gap:4px;margin-left:auto}
.links a{text-decoration:none;color:var(--ink-2);font:500 16px/1 var(--sans);padding:15px 14px;border-radius:999px;transition:color .2s,background .2s}
.links a:hover{color:var(--ink);background:var(--wash)}
.nav.on-dark{background:linear-gradient(180deg,rgba(7,9,12,.45),rgba(7,9,12,0));-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-width:0}
.nav.on-dark .brand,.nav.on-dark .brand span,.nav.on-dark .links a{color:#fff}
.nav.on-dark .brand .mark{color:var(--on-dark)}
.nav.on-dark .links a:hover{background:rgba(255,255,255,.14)}
.nav.on-dark .btn-small{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none}

/* ---------- the phone menu ---------- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu-btn{display:none;place-items:center;width:46px;height:46px;margin-left:4px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.bars,.bars::before,.bars::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .25s}
.bars{position:relative}.bars::before,.bars::after{content:"";position:absolute;left:0}.bars::before{top:-6px}.bars::after{top:6px}
.menu-btn[aria-expanded="true"] .bars{background:transparent}
.menu-btn[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg)}
.nav.on-dark .menu-btn{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.42);color:#fff}
.mnav{display:flex;flex-direction:column;padding:6px var(--pad) 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -30px rgba(10,13,18,.5)}
.mnav[hidden]{display:none}
.mnav a{display:flex;align-items:center;min-height:54px;border-top:1px solid var(--line);text-decoration:none;font:600 20px/1.2 var(--serif);color:var(--ink)}
.mnav a:first-child{border-top:0}
.nav.menu-open{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.menu-open .brand,.nav.menu-open .brand span{color:var(--ink)}
.nav.menu-open .brand .mark{color:var(--deep)}
.nav.menu-open .menu-btn{background:#fff;border-color:var(--line);color:var(--ink)}
.nav.menu-open .btn-small{background:linear-gradient(180deg,#2a66b0 0%,var(--deep) 55%,#173f74 100%);border:0}

/* ---------- 1 · top: his footage, full bleed ---------- */
.hero{position:relative;min-height:100svh;padding:0!important;display:flex;align-items:flex-end;background:var(--night);color:#fff;overflow:hidden}
.hero-pic,.hero-pic img{position:absolute;inset:0;width:100%;height:100%}
.hero-pic img{object-fit:cover;object-position:62% 46%;transform-origin:62% 46%;animation:drift 22s ease-out both}
@keyframes drift{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(7,9,12,.7) 0%,rgba(7,9,12,.42) 30%,rgba(7,9,12,0) 50%),
  linear-gradient(0deg,rgba(7,9,12,.8) 0%,rgba(7,9,12,.3) 28%,rgba(7,9,12,0) 50%),
  linear-gradient(180deg,rgba(7,9,12,.3),rgba(7,9,12,0) 16%)}
.hero-in{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 var(--pad) clamp(44px,8vh,84px)}
.hero h1{color:#fff;font-size:clamp(38px,4vw,60px);line-height:1.05;max-width:14.5ch;margin-top:18px;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero .line{max-width:62ch}
.lede{margin-top:20px;max-width:34em;font-size:clamp(18px,1.4vw,21px);color:rgba(255,255,255,.88)}
.lede strong{color:#fff;font-weight:600}
.hero-act{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.works{display:flex;align-items:center;gap:8px;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.works span{margin-right:6px}
.works img{box-sizing:content-box;width:18px;height:18px;padding:5px;border-radius:50%;background:#fff;object-fit:contain;margin-left:6px}
.works b{font:500 15px/1 var(--sans);letter-spacing:0;text-transform:none;color:#fff}
.hero-sig{position:absolute;right:clamp(20px,6vw,90px);bottom:clamp(36px,7vh,80px);font-size:clamp(58px,6vw,92px)}

/* ---------- 2 · why ---------- */
main>.why{max-width:900px;margin:var(--gap) auto 0;text-align:center}
.why h2{font-size:clamp(30px,3.5vw,46px);line-height:1.18}

/* ---------- 3 · the proof: the vlog, on night ---------- */
main>.proof{margin-top:var(--gap);background:var(--night);color:#fff;padding-top:clamp(84px,12vh,130px);padding-bottom:clamp(84px,12vh,130px)}
.proof-in{max-width:960px;margin:0 auto;text-align:center}
.proof h2{color:#fff;font-size:clamp(34px,4.2vw,56px);line-height:1.08;margin-top:14px}
.proof .sub{color:rgba(255,255,255,.8)}
.player{position:relative;margin-top:clamp(34px,5vh,52px);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -40px rgba(0,0,0,.9)}
.player img,.player iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.play{position:absolute;left:22px;bottom:22px;display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:14px 26px 14px 20px;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font:600 17px/1 var(--sans);transition:background .2s,transform .2s}
.play:hover{background:rgba(255,255,255,.26);transform:translateY(-2px)}
.cap{margin-top:16px;font:400 12.5px/1.6 var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.66)}
.cap a{color:inherit;text-underline-offset:3px;display:inline-block;padding:13px 2px}
.credits{margin:clamp(36px,5vh,56px) auto 0;max-width:820px;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;text-align:left}
.credits li{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}
.credits b{font:400 12px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark);white-space:nowrap}
.credits span{color:rgba(255,255,255,.86);font-size:17px}

/* ---------- 4 · the team: closed folders, colour inside ---------- */
.team-in{max-width:1080px;margin:clamp(40px,6vh,64px) auto 0}
.guide{display:flex;gap:18px;align-items:center;padding:18px 22px;border-radius:20px;background:var(--wash);border:1px solid var(--wash-2);margin-bottom:18px}
.guide h3{font-size:22px}
.guide p{font-size:17px;color:var(--ink-2)}
.g-label{font:400 11.5px/1 var(--mono)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--deep)!important;margin-bottom:6px}
.s-mark{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--p) 42%,var(--paper));border:1.5px solid var(--ink);color:var(--ink)}
.s-mark img{width:20px;height:20px}
.folders{border-top:1px solid var(--line)}
.folder{border-bottom:1px solid var(--line)}
.folder summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px minmax(0,1.5fr) minmax(0,1fr) auto 28px;gap:20px;align-items:center;padding:20px 8px;border-radius:14px;transition:background .2s}
.folder summary::-webkit-details-marker{display:none}
.folder summary:hover{background:var(--wash)}
.disc{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--p) 42%,var(--paper));border:1.5px solid var(--ink);color:var(--ink);transition:transform .45s cubic-bezier(.3,1.6,.4,1)}
.folder[open] .disc{transform:translateY(-3px) rotate(-4deg)}
.f-head b{display:block;font:600 21px/1.2 var(--serif);color:var(--ink)}
.f-benefit{display:block;margin-top:4px;font-size:16.5px;line-height:1.45;color:var(--ink-2)}
.f-result{font-size:16.5px;line-height:1.45;color:var(--deep);font-weight:500}
.f-count{font:400 11.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;text-align:right}
.chev{color:var(--ink-3);transition:transform .3s}
.folder[open] .chev{transform:rotate(180deg)}
.f-body{padding:6px 8px 30px 92px}
.studios{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.studio{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.studio:hover{transform:translateY(-2px)}
.studio h4{font-size:17.5px;line-height:1.25}
.studio p{margin-top:4px;font-size:15.5px;line-height:1.45;color:var(--ink-2)}
.pfs{display:flex;gap:6px;margin-top:10px}
.pf{width:18px;height:18px;object-fit:contain}
.machines,.pf-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.m-label{font:400 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-right:6px}
.pill{display:inline-flex;align-items:center;min-height:34px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--ink);background:color-mix(in srgb,var(--p) 26%,var(--paper));font:500 15px/1 var(--sans);color:var(--ink)}
.pf-row .pf{width:22px;height:22px;margin-right:4px}
.fine{margin-top:22px;text-align:center;font:400 12.5px/1.6 var(--mono);letter-spacing:.08em;color:var(--ink-3)}

/* ---------- 5 · it knows you ---------- */
main>.knows,main>.one,main>.ba,main>.faq{margin-top:var(--gap)}
.cards{max-width:1080px;margin:clamp(40px,6vh,60px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards li{padding:26px 24px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.c-dot{display:block;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--p) 42%,var(--paper));border:1.5px solid var(--ink);margin-bottom:18px}
.cards h3{font-size:22px}
.cards p{margin-top:8px;font-size:17px}
.cards .c-res{color:var(--deep);font-weight:500}

/* ---------- 6 · one place you own ---------- */
.one-in{max-width:980px;margin:clamp(40px,6vh,60px) auto 0}
.ai{display:flex;justify-content:center;gap:clamp(14px,3vw,30px);flex-wrap:wrap}
.ai li{display:flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.ai img{width:34px;height:34px;object-fit:contain}
.ai b{font:600 19px/1 var(--sans);color:var(--ink)}
.inside{margin-top:clamp(36px,5vh,52px);counter-reset:i;border-top:1px solid var(--line)}
.inside li{display:grid;grid-template-columns:48px 260px 1fr;gap:16px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line)}
.inside li::before{counter-increment:i;content:"0" counter(i);font:400 12.5px/1 var(--mono);letter-spacing:.1em;color:var(--blue)}
.inside b{font:600 19px/1.3 var(--serif);color:var(--ink)}
.facts{margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;font:400 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.facts span::before{content:"✓ ";color:var(--blue)}

/* ---------- 7 · what changes ---------- */
.ba-table{max-width:900px;margin:clamp(40px,6vh,60px) auto 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.ba-head,.ba-row{display:grid;grid-template-columns:1fr 1fr}
.ba-head span{display:flex;align-items:center;gap:10px;padding:16px 26px;font:400 12.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.ba-head span:last-child,.ba-row span:last-child{background:var(--wash)}
.ba-head span:last-child{color:var(--deep)}
.ba-head svg{color:currentColor}
.ba-row span{padding:18px 26px;border-top:1px solid var(--line);font-size:18px}
.ba-row span:first-child{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(94,104,116,.35)}
.ba-row span:last-child{color:var(--ink);font-weight:500}

/* ---------- 8 · questions ---------- */
.qs{max-width:820px;margin:clamp(36px,5vh,52px) auto 0;border-top:1px solid var(--line)}
.qs details{border-bottom:1px solid var(--line)}
.qs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 4px;font:600 20px/1.3 var(--serif);color:var(--ink)}
.qs summary::-webkit-details-marker{display:none}
.qs summary::after{content:"+";font:300 28px/1 var(--sans);color:var(--deep);transition:transform .3s}
.qs details[open] summary::after{transform:rotate(45deg)}
.qs p{padding:0 4px 22px;max-width:62ch}

/* ---------- 9 · join: the Golden Gate ---------- */
main>.join{position:relative;margin-top:var(--gap);padding:clamp(120px,18vh,190px) var(--pad);background:var(--night);color:#fff;overflow:hidden;text-align:center}
.join-pic,.join-pic img{position:absolute;inset:0;width:100%;height:100%}
.join-pic img{object-fit:cover;object-position:50% 40%}
.join-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,12,.12),rgba(7,9,12,.26) 50%,rgba(7,9,12,.5)),radial-gradient(ellipse 60% 55% at 50% 50%,rgba(0,0,0,.28),transparent 75%)}
.join-in{position:relative;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.lab{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:400 12.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#fff}
.lab img{width:28px;height:28px;filter:brightness(0) invert(1)}
.join h2{color:#fff;margin-top:26px;font-size:clamp(36px,4.6vw,62px);line-height:1.06;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.join .sub{color:rgba(255,255,255,.88)}
.chips{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chips li{padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:16.5px;color:#fff}
.chips li::before{content:"✓ ";color:var(--on-dark)}
.join .btn{margin-top:34px}
.see{margin-top:16px;font-size:17px;color:rgba(255,255,255,.8)}
.join .sig{margin-top:18px}

/* ---------- footer ---------- */
.foot{max-width:1080px;margin:0 auto;padding:56px var(--pad) 40px}
.story-link{display:flex;align-items:center;gap:22px;max-width:520px;margin:0 auto;padding:16px;border-radius:20px;text-decoration:none;transition:background .2s}
.story-link:hover{background:var(--wash)}
.story-link picture{flex:none;width:96px;transform:rotate(-3deg);box-shadow:0 14px 26px -16px rgba(10,13,18,.5)}
.story-link b{display:block;font:600 22px/1.2 var(--serif);color:var(--ink)}
.story-link span span{color:var(--deep);font-weight:500}
.foot-row{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15.5px;color:var(--ink-3)}
.foot-brand{display:inline-flex;align-items:center;gap:10px}
.foot-brand .mark{color:var(--deep)}
.foot-links{display:flex;gap:6px}
.foot-links a{text-decoration:none;padding:13px 10px}

/* ---------- one soft fade per section ---------- */
.js .fade{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .fade.in{opacity:1;transform:none}

/* ================= v7 additions (Oct 22): proof, the workspace diagram, three things, his story ================= */
main>.results,main>.zernio,main>.words,main>.team,main>.sys,main>.three,main>.story{margin-top:var(--gap)}

/* hero: the trust line */
.trust{margin-top:22px;display:flex;align-items:center;gap:10px;font-size:15.5px;color:rgba(255,255,255,.82)}
.trust img{flex:none;border-radius:6px}
.trust b{color:#fff;font-weight:600}

/* results: real videos with real views */
.vids{max-width:1180px;margin:clamp(40px,6vh,60px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vids li{display:flex;flex-direction:column}
.vid{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 0 0 1px rgba(10,13,18,.06),0 18px 30px -22px rgba(28,78,142,.55);transition:transform .25s}
.vid img{width:100%;height:100%;object-fit:cover}
.vid:hover{transform:translateY(-3px)}
.vplay{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.stat{margin-top:16px;font:400 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.vids h3{margin-top:8px;font-size:18px;line-height:1.3}
.vids p:not(.stat){margin-top:6px;font-size:16.5px;color:var(--ink-2)}

/* zernio: the numbers and the pictures */
.z-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center}
.z-text h2{font-size:clamp(34px,4.2vw,56px);line-height:1.06;text-wrap:balance}
.z-text .sub{text-align:left}
.z-logo{margin-top:24px;display:inline-flex;align-items:center;gap:10px;font:400 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.z-logo img{border-radius:7px}
.z-pics{position:relative;min-height:440px}
.pola{margin:0;background:#fff;padding:10px 10px 0;border-radius:4px;box-shadow:0 1px 0 rgba(10,13,18,.05),0 24px 44px -24px rgba(10,13,18,.55)}
.pola img{display:block;width:100%;height:auto;border-radius:2px}
.pola figcaption{padding:10px 4px 12px;font:400 12px/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.z-pics .p1{position:absolute;left:0;top:0;width:78%;transform:rotate(-2deg)}
.z-pics .p2{position:absolute;right:0;bottom:0;width:44%;transform:rotate(3deg)}

/* in their words */
.quote{max-width:1000px;margin:clamp(36px,5vh,52px) auto 0;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(18px,3vw,28px);border-radius:24px;background:var(--wash);border:1px solid var(--wash-2)}
.q-vid{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/10}
.q-vid img{width:100%;height:100%;object-fit:cover}
.quote blockquote{margin:0;font:600 clamp(22px,2.2vw,28px)/1.3 var(--serif);color:var(--ink);letter-spacing:-.01em}
.quote figcaption{margin-top:18px}
.quote figcaption b{display:block;font:600 17px/1.3 var(--sans);color:var(--ink)}
.quote figcaption span{display:block;margin-top:4px;font-size:16px;color:var(--ink-2)}

/* how it works: the workspace diagram */
.diagram{position:relative;max-width:1100px;margin:clamp(44px,6vh,70px) auto 0;display:grid;grid-template-columns:230px 1fr 230px;align-items:center;gap:0}
.d-col ul{display:flex;flex-direction:column;gap:12px;position:relative}
.d-label{font:400 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.d-out .d-label{text-align:right}
.d-col li{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font:600 16.5px/1 var(--sans);color:var(--ink)}
.d-col li img{width:22px;height:22px;object-fit:contain}
.d-out li{min-height:44px;font-size:15.5px}
/* connectors: each chip to a bracket, the bracket to the folder */
.d-ai li::after,.d-out li::before{content:"";position:absolute;top:50%;width:36px;border-top:1px solid #b7c6d6}
.d-ai li::after{left:100%}
.d-out li::before{right:100%}
.d-ai ul::after,.d-out ul::before{content:"";position:absolute;top:26px;bottom:26px;border-left:1px solid #b7c6d6}
.d-ai ul::after{right:-36px}
.d-out ul::before{left:-36px}
.d-out li:nth-child(n){min-height:44px}
.d-out ul::before{top:22px;bottom:22px}
.d-core{position:relative;display:flex;flex-direction:column;align-items:center;padding:110px 0}
.d-core::before,.d-core::after{content:"";position:absolute;top:calc(50% - 12px);width:calc(50% - 120px);border-top:1px solid #b7c6d6}
.d-core::before{left:36px}
.d-core::after{right:36px}
.d-core::before{box-shadow:none}
.folder-ill{position:relative;width:210px;height:150px}
.folder-ill .tab{position:absolute;left:0;top:0;width:84px;height:26px;border-radius:12px 12px 0 0;background:#4f9ff0}
.folder-ill .sheet{position:absolute;left:12px;right:12px;top:16px;height:60px;border-radius:8px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.folder-ill .front{position:absolute;left:0;right:0;bottom:0;height:124px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#7cc0fb,#4f9ff0);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 22px 40px -22px rgba(28,78,142,.7);color:#fff}
.folder-ill .front svg{shape-rendering:crispEdges;fill:currentColor}
.d-name{margin-top:16px;text-align:center;font-size:15.5px;color:var(--ink-3)}
.d-name b{display:block;font:600 22px/1.2 var(--serif);color:var(--ink)}
.doc{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;font:400 12px/1.2 var(--mono);color:var(--ink-3);white-space:nowrap}
.doc i{display:block;width:46px;height:58px;border-radius:4px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -14px rgba(10,13,18,.45);background-image:repeating-linear-gradient(180deg,transparent 0 9px,#e3e9f0 9px 10px);background-size:30px 100%;background-position:8px 12px;background-repeat:no-repeat}
.dc1{left:12%;top:0}
.dc2{right:12%;top:6px}
.dc3{left:22%;bottom:0}
.doc::after{content:"";position:absolute;width:1px;height:40px;border-left:1.5px dashed #9fb4f0}
.dc1::after{left:50%;top:100%}
.dc2::after{left:50%;top:100%}
.dc3::after{left:50%;bottom:100%}

/* three things */
.t-cards{max-width:1080px;margin:clamp(40px,6vh,60px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.t-cards li{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.ill{height:130px;border-radius:14px;background:#F6F9FC;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}
.ill-brand span{display:flex;align-items:flex-end;justify-content:center;width:62px;height:80px;padding-bottom:8px;border-radius:5px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 18px -14px rgba(10,13,18,.45);font:400 11px/1 var(--mono);color:var(--deep);background-image:repeating-linear-gradient(180deg,transparent 0 9px,#e3e9f0 9px 10px);background-size:40px 44px;background-position:10px 12px;background-repeat:no-repeat}
.ill-brand span:nth-child(2){transform:translateY(-8px)}
.ill-team span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);background:color-mix(in srgb,var(--p) 42%,#fff);color:var(--ink)}
.ill-tools{display:grid;grid-template-columns:repeat(3,30px);gap:16px 26px;justify-content:center;align-content:center}
.ill-tools img{width:26px;height:26px;object-fit:contain;border-radius:6px}
.t-cards h3{font-size:22px}
.t-sub{margin-top:2px;font:400 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.t-cards p:not(.t-sub){margin-top:10px;font-size:17px}

/* my story: the letter */
.letter{position:relative;max-width:760px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(24px,6vw,72px);background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 30px 60px -40px rgba(10,13,18,.45)}
.letter h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;margin-bottom:26px;max-width:15ch}
.letter p:not(.label){margin-top:16px;font-size:18px;line-height:1.7;color:var(--ink-2)}
.letter .l-end{color:var(--ink);font-weight:600}
.letter .sig{margin-top:14px;font-size:64px;text-shadow:none}
.story .s1{position:absolute;right:-70px;top:-30px;width:150px;transform:rotate(5deg)}
.story .s2{position:absolute;left:-240px;bottom:80px;width:190px;transform:rotate(-4deg)}

@media (max-width:1320px){ .story .s2{display:none} }
@media (max-width:1100px){
  .vids{grid-template-columns:repeat(2,1fr)}
  .story .s1{right:-20px;top:-40px;width:120px}
  .story .s2{display:none}
}
@media (max-width:980px){
  .z-in{grid-template-columns:1fr}
  .z-pics{min-height:0;display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:end}
  .z-pics .p1,.z-pics .p2{position:static;width:auto}
  .quote{grid-template-columns:1fr}
  .diagram{grid-template-columns:1fr;gap:0}
  .d-col ul{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .d-label,.d-out .d-label{text-align:center}
  .d-ai li::after,.d-out li::before,.d-ai ul::after,.d-out ul::before,.d-core::before,.d-core::after{display:none}
  .d-core{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px 22px;padding:44px 0}
  .folder-ill{order:-2;margin:0 calc(50% - 105px)}
  .d-name{order:-1;flex-basis:100%;margin-top:0}
  .doc{position:static;order:0}
  .doc::after{display:none}
  .t-cards{grid-template-columns:1fr;max-width:560px}
}
@media (max-width:720px){
  .vids{grid-template-columns:1fr;max-width:480px}
  .trust{align-items:flex-start;font-size:15px}
  .z-pics{grid-template-columns:1fr}
  .z-pics .p2{width:70%;justify-self:end;margin-top:-30px}
  .doc{font-size:11px}
  .doc i{width:36px;height:46px}
  .letter{border-radius:4px}
  .story .s1{position:static;width:130px;margin:0 0 18px auto;transform:rotate(4deg)}
}

/* ================= v8 (Oct 22, his order): paper all the way, the reference's clarity ================= */
main>.problem,main>.growth,main>.direct,main>.how,main>.frame,main>.makes,main>.ba,main>.words,main>.story,main>.faq,main>.join{margin-top:var(--gap)}
.nav{background:rgba(255,255,255,.86)}

/* 1 · top: the promise, who it's for, the real app */
main>.top{padding-top:clamp(110px,14vh,150px);text-align:center}
.kick{font:400 clamp(13px,1vw,14.5px)/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep);max-width:52ch;margin:0 auto}
.top h1{margin:20px auto 0;font-size:clamp(38px,4.4vw,62px);line-height:1.05;max-width:18ch;text-wrap:balance}
.top .lede{margin:24px auto 0;max-width:36em;color:var(--ink-2)}
.top .lede strong{color:var(--ink)}
.top-act{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:18px}
.top .works{color:var(--ink-3)}
.top .works b{color:var(--ink)}
.top .works img{box-shadow:0 0 0 1px var(--line)}
.for{margin-top:18px;font-size:16.5px;color:var(--ink-3)}
.app-shot{max-width:1120px;margin:clamp(48px,7vh,72px) auto 0;border-radius:16px;overflow:hidden;background:#0d1117;box-shadow:0 0 0 1px rgba(10,13,18,.08),0 50px 90px -50px rgba(28,78,142,.75),0 12px 24px -16px rgba(10,13,18,.35)}
.win{display:flex;align-items:center;gap:14px;height:38px;padding:0 16px;background:#161b22;border-bottom:1px solid #222a33}
.dots{display:flex;gap:7px}.dots i{width:11px;height:11px;border-radius:50%;background:#3a4450}
.win-t{font:400 12px/1 var(--mono);color:#8b97a5;letter-spacing:.08em}
.app-shot img{width:100%;height:auto}
.app-shot figcaption{padding:12px 16px;background:#fff;text-align:left;font:400 12px/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-3)}

/* 2 · the problem: three people */
.split{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:start}
.split h2{font-size:clamp(32px,3.9vw,52px);line-height:1.1;text-wrap:balance}
.split .sub{margin-top:8px}
.people{max-width:1120px;margin:clamp(48px,7vh,72px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.people>li{padding:28px 24px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);text-align:center}
.ring{position:relative;width:150px;height:150px;margin:0 auto}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke:#E6EDF5;stroke-width:5}
.ring .arc{stroke:var(--blue);stroke-width:6;stroke-linecap:round;stroke-dasharray:calc(326.7px * var(--a)) 400px}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:600 19px/1 var(--serif);color:var(--ink)}
.said{margin-top:20px;font:600 19px/1.4 var(--serif);color:var(--ink);text-wrap:balance}
.pains{margin-top:16px;text-align:left;border-top:1px solid var(--line)}
.pains li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid var(--line);font-size:16.5px;color:var(--ink-2)}
.pains li::before{content:"";position:absolute;left:4px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--blue)}

/* 3 · growth: the drawn chart */
.chart{max-width:1120px;margin:clamp(40px,6vh,60px) auto 0;padding:24px 28px 18px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.legend{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 26px;font:400 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.legend span::before{content:"";display:inline-block;vertical-align:middle;width:22px;margin-right:8px;border-top:2px dashed #9aa6b2}
.legend .l-new::before{border-top:3px solid var(--deep)}
.chart svg{display:block;width:100%;height:auto;margin-top:8px}
.chart .axis{stroke:#cfd8e2;stroke-width:1.5}
.chart .ax{font:400 12px var(--mono);fill:var(--ink-3);letter-spacing:.1em}
.chart .old{fill:none;stroke:#9aa6b2;stroke-width:2;stroke-dasharray:7 7}
.chart .steps circle{fill:#fff;stroke:#9aa6b2;stroke-width:2}
.chart .steps text{font:400 13px var(--mono);fill:var(--ink-3)}
.chart .new{fill:none;stroke:var(--deep);stroke-width:4;stroke-linecap:round}
.chart .tag rect{fill:var(--deep)}
.chart .tag text{font:600 14px var(--sans);fill:#fff}

/* 4 · you direct */
.d-row{max-width:1080px;margin:clamp(48px,7vh,80px) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);align-items:center}
.d-row.rev .d-txt{order:2}
.d-txt h3{font-size:clamp(26px,2.6vw,34px);line-height:1.15}
.d-txt p{margin-top:14px;font-size:18px}
.d-pic{position:relative;margin:0 0 40px}
.d-pic img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:16px;box-shadow:0 30px 60px -36px rgba(10,13,18,.55)}
.note{position:absolute;left:-34px;bottom:-36px;width:min(300px,78%);padding:16px 18px;background:#fff;border-radius:4px;box-shadow:0 1px 0 rgba(10,13,18,.05),0 18px 34px -18px rgba(10,13,18,.45);transform:rotate(-2deg);font:600 15.5px/1.45 var(--serif);color:var(--ink-2)}
.note b{display:block;font-family:"Sig",cursive;font-weight:400;font-size:34px;line-height:1;color:var(--blue);margin-bottom:4px}
.d-row.rev .note{left:auto;right:-34px;transform:rotate(2deg)}

/* 5 · how it works, developed */
.hw{position:relative;max-width:1180px;margin:clamp(44px,6vh,70px) auto 0;display:grid;grid-template-columns:210px 1fr 220px;gap:56px;align-items:center}
.hw-side ul{display:flex;flex-direction:column;gap:12px;position:relative}
.hw-side li{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font:600 16px/1.2 var(--sans);color:var(--ink)}
.hw-side li img{width:22px;height:22px;object-fit:contain;flex:none}
.hw-tools li span b{display:block}
.hw-tools li span{font-weight:400;font-size:13.5px;color:var(--ink-3);line-height:1.25}
.hw-tools li span b{font-weight:600;font-size:16px;color:var(--ink)}
.hw-ai li::after,.hw-tools li::before{content:"";position:absolute;top:50%;width:28px;border-top:1px solid #b7c6d6}
.hw-ai li::after{left:100%}
.hw-tools li::before{right:100%}
.hw-ai ul::after,.hw-tools ul::before{content:"";position:absolute;top:26px;bottom:26px;border-left:1px solid #b7c6d6}
.hw-ai ul::after{right:-28px}
.hw-tools ul::before{left:-28px}
.hw-core{position:relative;padding:20px;border-radius:22px;background:linear-gradient(180deg,#F4F9FF,#EAF3FE);border:1px solid var(--wash-2);box-shadow:0 30px 60px -40px rgba(28,78,142,.6)}
.hw-core::before,.hw-core::after{content:"";position:absolute;top:50%;width:28px;border-top:1px solid #b7c6d6}
.hw-core::before{right:100%}
.hw-core::after{left:100%}
.hw-head{display:flex;align-items:baseline;gap:10px;padding:4px 6px 16px}
.hw-head .mark{color:var(--deep);align-self:center}
.hw-head b{font:600 22px/1 var(--serif);color:var(--ink)}
.hw-head span{font:400 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tiles li{padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.t-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);background:color-mix(in srgb,var(--p) 42%,#fff);color:var(--ink);margin-bottom:10px}
.tiles b{display:block;font:600 16.5px/1.25 var(--serif);color:var(--ink)}
.tiles span:not(.t-ic){display:block;margin-top:4px;font-size:14.5px;line-height:1.4;color:var(--ink-2)}
.hw-brand{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px;border-radius:12px;border:1px dashed #b9cde6;font:400 12.5px/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.hw-brand span{color:var(--deep);text-transform:uppercase;letter-spacing:.12em}
.pf-label{margin-top:22px}
.pf-row2{display:flex;gap:12px;flex-wrap:wrap}
.pf-row2 img{width:22px;height:22px;object-fit:contain}
.team-title{text-align:center;font:600 22px/1.2 var(--serif);color:var(--ink);margin-bottom:20px}
.how .team-in{margin-top:clamp(56px,8vh,90px)}

/* 6 · the framework (his reference, warm grey wells) */
.frame .sec-head h2{font-size:clamp(28px,3.2vw,42px);max-width:22ch;margin:0 auto}
.f-cards{max-width:1080px;margin:clamp(40px,6vh,56px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.f-cards .ill{height:190px;border-radius:12px;background:#F1EFEA;margin-bottom:22px;position:relative;display:flex;align-items:center;justify-content:center}
.f-cards h3{font-size:26px}
.f-sub{margin-top:6px;font-weight:600;font-size:16.5px;color:var(--ink)}
.f-cards p:not(.f-sub){margin-top:8px;font-size:16.5px;color:var(--ink-3)}
.pg{position:absolute;width:104px;height:132px;padding:12px 10px;background:#fff;border:1px solid #e4e1da;box-shadow:0 8px 16px -10px rgba(10,13,18,.35);font:400 12px/1.2 var(--sans);color:var(--ink);background-image:repeating-linear-gradient(180deg,transparent 0 9px,#ebe8e1 9px 10px);background-size:70px 70px;background-position:12px 38px;background-repeat:no-repeat}
.pg.p1{transform:translate(-56px,6px) rotate(-8deg)}.pg.p3{transform:translate(56px,10px) rotate(7deg)}.pg.p2{z-index:2;transform:translateY(-4px)}
.ill-apps{display:grid!important;grid-template-columns:repeat(3,56px);gap:12px;align-content:center;justify-content:center}
.ill-apps span{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e4e1da,0 6px 12px -8px rgba(10,13,18,.3)}
.ill-apps img{width:30px;height:30px;object-fit:contain}
.ill-skills{gap:26px}
.sk{display:flex;flex-direction:column;align-items:center;gap:8px;font:400 12px/1.2 var(--sans);color:var(--ink-2)}
.sk.up{transform:translateY(-14px)}
.sk i{display:block;width:44px;height:56px;background:#fff;border:1px solid #e4e1da;border-radius:2px 10px 2px 2px;box-shadow:0 8px 14px -10px rgba(10,13,18,.35);background-image:repeating-linear-gradient(180deg,transparent 0 6px,#ebe8e1 6px 7px);background-size:28px 34px;background-position:8px 12px;background-repeat:no-repeat}

/* 7 · what it makes */
.run{max-width:980px;margin:clamp(40px,6vh,60px) auto 0;display:grid;grid-template-columns:.9fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.run-pic{transform:rotate(-2deg);margin:0}
.run-pic figcaption{display:flex;justify-content:space-between}
.run-txt h3{font-size:clamp(26px,2.6vw,34px)}
.run-txt>p{margin-top:12px;font-size:18px}
.nums{margin:22px 0 0;border-top:1px solid var(--line)}
.nums div{display:grid;grid-template-columns:120px 1fr;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.nums dt{font:400 34px/1 var(--mono);color:var(--blue)}
.nums dd{margin:0;font-size:16.5px;color:var(--ink-3)}
.show{max-width:1120px;margin:clamp(56px,8vh,90px) auto 0}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tabs button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-height:72px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--ink-2);transition:border-color .2s,background .2s,box-shadow .2s}
.tabs button b{font:600 18px/1.2 var(--serif);color:var(--ink)}
.tabs button span{font-size:14.5px;color:var(--ink-3)}
.tabs button[aria-selected="true"]{border-color:var(--deep);background:var(--wash);box-shadow:inset 0 -3px 0 var(--deep)}
.panels{margin-top:16px}
.pan{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(22px,4vw,48px);align-items:center;padding:clamp(16px,2.5vw,24px);border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.pan[hidden]{display:none}
.clip{position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:16/9}
.clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.snd{position:absolute;right:12px;bottom:12px;min-height:46px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(10,13,18,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 14px/1 var(--sans);cursor:pointer}
.pan-txt h3{margin-top:8px;font-size:clamp(22px,2.2vw,28px);line-height:1.2}
.pan-txt p:not(.stat){margin-top:12px;font-size:17.5px}
.pan-txt a{display:inline-block;margin-top:16px;padding:12px 0;font-weight:600;color:var(--deep);text-decoration:none}
.pan-txt a:hover{text-decoration:underline}

/* 10 · story P.S. */
.ps{margin-top:34px;padding-top:26px;border-top:1px dashed var(--line)}
.ps>p{font-size:17.5px!important;margin-top:0!important}
.ps-pics{margin-top:20px;display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:end}
.ps-pics .pola:first-child{transform:rotate(-1.5deg)}
.ps-pics .pola:last-child{transform:rotate(2deg)}

/* 12 · join: his deep blue card */
.join-card{max-width:1080px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(22px,5vw,64px);border-radius:28px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;
  background:radial-gradient(circle,rgba(255,255,255,.12) 1.1px,transparent 1.5px) 0 0/18px 18px,linear-gradient(160deg,#2a66b0 0%,#1C4E8E 55%,#123a6d 100%);box-shadow:0 40px 80px -50px rgba(28,78,142,.9)}
.join-card h2{color:#fff;margin-top:24px;font-size:clamp(34px,4.4vw,58px);line-height:1.06;text-wrap:balance}
.join-card .sub{color:rgba(255,255,255,.88)}
.btn-light{margin-top:32px;background:#fff;color:var(--deep);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.btn-light .btn-ship{color:var(--blue)}
.join-card .see{margin-top:16px;color:rgba(255,255,255,.85)}
.join-card .sig{margin-top:12px;color:var(--on-dark);text-shadow:none}

@media (max-width:1100px){
  .hw{grid-template-columns:1fr;gap:28px}
  .hw-side ul{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .hw-side .d-label{text-align:center}
  .pf-row2{justify-content:center}
  .hw-ai li::after,.hw-tools li::before,.hw-ai ul::after,.hw-tools ul::before,.hw-core::before,.hw-core::after{display:none}
  .hw-tools{order:3}
}
@media (max-width:980px){
  .split{grid-template-columns:1fr}
  .people{grid-template-columns:1fr;max-width:560px}
  .d-row,.run{grid-template-columns:1fr}
  .d-row.rev .d-txt{order:0}
  .note{left:12px;bottom:-30px}
  .d-row.rev .note{right:12px}
  .f-cards{grid-template-columns:1fr;max-width:520px}
  .tabs{grid-template-columns:repeat(2,1fr)}
  .pan{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  main>.top{padding-top:110px}
  .top .btn{width:100%}
  .chart{padding:16px 14px 10px}
  .chart .steps text,.chart .tag,.chart .ax{display:none}
  .legend{justify-content:flex-start}
  .tiles li{padding:12px}
  .tiles span:not(.t-ic){font-size:13.5px}
  .d-pic img{max-height:420px}
  .ps-pics{grid-template-columns:1fr}
  .run-pic{max-width:320px;margin:0 auto}
}

/* ---------- phones ---------- */
@media (max-width:980px){
  .links{display:none}
  .menu-btn{display:grid}
  .nav-in .btn-small{margin-left:auto}
  .folder summary{grid-template-columns:52px 1fr 24px;gap:14px}
  .disc{width:50px;height:50px}
  .f-result{grid-column:2/3;grid-row:2}
  .f-count{grid-column:2/3;grid-row:3;text-align:left}
  .chev{grid-column:3;grid-row:1}
  .f-body{padding:4px 4px 26px}
  .cards{grid-template-columns:1fr;max-width:560px}
  .inside li{grid-template-columns:40px 1fr}
  .inside li span{grid-column:2}
}
@media (max-width:720px){
  .hero{display:block;min-height:0}
  .hero-pic{position:relative;display:block;aspect-ratio:4/5}
  .hero-pic img{position:absolute}
  .hero-shade{bottom:auto;height:0;padding-bottom:125%;background:linear-gradient(0deg,var(--night) 0%,rgba(7,9,12,.4) 22%,rgba(7,9,12,0) 45%),linear-gradient(180deg,rgba(7,9,12,.5),rgba(7,9,12,0) 20%)}
  .hero-in{margin-top:-64px;padding-bottom:52px}
  .hero-sig{top:calc(125vw - 150px);bottom:auto;right:20px;font-size:58px}
  .hero h1{font-size:clamp(34px,9.4vw,44px)}
  .hero-act .btn{width:100%}
  .works{flex-wrap:wrap}
  .credits{grid-template-columns:1fr}
  .ba-head span,.ba-row span{padding:14px 16px;font-size:16.5px}
  .ba-head span{font-size:11.5px}
  .join .btn{width:100%}
  .foot-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){ .btn-small .wide{display:none} }
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-pic img{animation:none}
  .js .fade{opacity:1;transform:none;transition:none}
  .disc,.chev,.studio,.btn,.btn .btn-ship{transition:none}
}

/* ================= v9 type (Oct 22, night): smaller, clearer, his reference's feel ================= */
/* One sans family for everything he reads (Hanken Grotesk), regular-weight headlines, quieter grey body, no section names.
   The signature stays his script; DM Mono only for tiny captions. */
:root{--serif:'Hanken Grotesk',Arial,Helvetica,sans-serif;--ink:#111418;--ink-2:#4a525c;--ink-3:#7a828c;--paper:#FCFCFA}
body{background:var(--paper);font-size:16px;line-height:1.65;color:var(--ink-2)}
h1,h2,h3,h4{font-family:var(--sans);font-weight:450;letter-spacing:-.025em;color:var(--ink)}
.brand{font:600 19px/1 var(--sans);letter-spacing:-.01em}
.links a{font-size:14.5px;padding:14px 12px;color:var(--ink-2)}
.btn{min-height:50px;padding:13px 24px 13px 20px;font:600 16px/1.1 var(--sans)}
.btn-small{min-height:46px;padding:11px 18px;font-size:14.5px}
.nav{background:rgba(252,252,250,.88)}

/* sizes */
.top h1{font-size:clamp(34px,4.1vw,56px);line-height:1.08;font-weight:450;max-width:19ch}
.kick{font:400 15.5px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-3)}
.top .lede{font-size:17px}
.sec-head h2,.split h2,.why h2{font-size:clamp(28px,3.1vw,44px);line-height:1.12}
.sub{font-size:16.5px;color:var(--ink-2)}
.split .sub{color:var(--ink-3)}
h3{font-weight:500}
.d-txt h3,.run-txt h3{font-size:clamp(22px,2vw,28px)}
.d-txt p,.run-txt>p,.pan-txt p:not(.stat),.letter p:not(.label){font-size:16px}
.mark-hand{background-size:100% 52%}

/* the people: the reference's ring and two tiers */
.people>li{padding:8px 6px;border:0;background:transparent;box-shadow:none;text-align:left}
.ring{width:180px;height:180px;margin:0 auto 26px}
.ring circle{stroke:#E9E9E6;stroke-width:9}
.ring .arc{stroke:var(--deep);stroke-width:9;stroke-linecap:butt;stroke-dasharray:calc(326.7px * var(--a)) 400px}
.ring b{font:500 16px/1.2 var(--sans);letter-spacing:-.01em}
.val,.eat{position:relative;padding-left:18px;font-size:15px;line-height:1.55}
.val{color:var(--ink)}
.eat{margin-top:14px;color:var(--ink-3)}
.val::before,.eat::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--deep)}
.eat::before{background:#d5d5d1}

/* relatability */
main>.relate{margin-top:var(--gap)}
.rel{max-width:760px;margin:0 auto;text-align:center}
.rel img{width:72px;height:72px;object-fit:cover;object-position:50% 30%;border-radius:50%;margin:0 auto 22px;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--line)}
.rel blockquote{margin:0;font:450 clamp(22px,2.4vw,32px)/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.rel figcaption{margin-top:16px;font:400 12px/1.4 var(--mono);letter-spacing:.08em;color:var(--ink-3)}

/* quieter cards and components in the same type */
.ring b,.f-head b,.tiles b,.team-title,.hw-head b,.d-name b,.tabs button b,.story-link b,.qs summary,.studio h4,.guide h3,.cards h3,.f-cards h3,.t-cards h3,.quote blockquote{font-family:var(--sans);letter-spacing:-.015em}
.f-head b{font-weight:500;font-size:18px}
.tiles b,.tabs button b,.team-title,.hw-head b{font-weight:500}
.tiles b{font-size:15.5px}.tabs button b{font-size:16.5px}
.qs summary{font-weight:500;font-size:17px}
.quote blockquote{font-weight:450;font-size:clamp(20px,2vw,26px)}
.f-cards h3{font-size:22px;font-weight:450}
.studio h4{font-weight:500;font-size:16px}
.ba-row span{font-size:16px}
.note{font:500 14.5px/1.5 var(--sans)}
.letter h2{font-size:clamp(28px,3vw,40px)}
.join-card h2{font-size:clamp(30px,3.6vw,48px);font-weight:450}
.nums dt{font-size:30px}
.f-benefit,.f-result{font-size:15px}
.pan-txt h3{font-size:clamp(20px,1.9vw,24px)}

@media (max-width:980px){
  .people{grid-template-columns:1fr;gap:34px}
  .ring{width:150px;height:150px}
}
@media (max-width:720px){
  .top h1{font-size:clamp(32px,8.6vw,40px)}
  .sec-head h2,.split h2{font-size:clamp(26px,7vw,34px)}
}
.kick{max-width:62ch;text-wrap:balance}
.links a{padding:16px 12px}
.works,.d-label,.g-label,.m-label,.hw-head span,.hw-brand,.hw-brand span,.f-count,.stat,.t-sub,.cap,.fine{font-family:var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important}
.works{font-size:13.5px}
.d-label{font-size:13px;color:var(--ink-3)}
.stat{font-size:13.5px;color:var(--deep);font-weight:500}
.f-count{font-size:13px}
.hw-head span{font-size:13px;color:var(--ink-3)}
.hw-brand{font-size:13.5px}
.hw-brand span{font-weight:500}

/* ================= v10 (Oct 22, night): Install Nave, his top lines, before/after with a picture and benefits ================= */
.one-line{white-space:nowrap}
.top .works{flex-direction:column;gap:10px;font-size:14.5px;color:var(--ink-3)}
.ai-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.ai-row img{box-sizing:content-box;width:18px;height:18px;padding:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--line);object-fit:contain}
.ai-row b{font:500 15px/1 var(--sans);color:var(--ink);margin-right:8px}

/* before/after: the picture */
.ba-pic{max-width:980px;margin:clamp(36px,5vh,52px) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bp{position:relative;border-radius:18px;background:#F1EFEA;padding:18px 18px 16px;min-height:280px;display:flex;flex-direction:column}
.bp-after{background:linear-gradient(180deg,#F4F9FF,#EAF3FE)}
.bp-t{font-size:13.5px;color:var(--ink-3);font-weight:500}
.bp-after .bp-t{color:var(--deep)}
.mess,.tidy{position:relative;flex:1;min-height:170px}
.mess .pg{position:absolute;width:74px;height:94px;background:#fff;border:1px solid #e4e1da;box-shadow:0 8px 16px -10px rgba(10,13,18,.35);background-image:repeating-linear-gradient(180deg,transparent 0 8px,#ebe8e1 8px 9px);background-size:46px 50px;background-position:12px 16px;background-repeat:no-repeat}
.m1{left:12%;top:16px;transform:rotate(-12deg)}.m2{left:30%;top:40px;transform:rotate(6deg)}.m3{left:48%;top:10px;transform:rotate(-4deg)}
.tile{position:absolute;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;box-shadow:0 0 0 1px #e4e1da,0 6px 12px -8px rgba(10,13,18,.3);font:600 16px/1 var(--sans);color:#555}
.tile img{width:24px;height:24px;object-fit:contain}
.t1{right:12%;top:6px;transform:rotate(8deg)}.t2{right:26%;top:70px;transform:rotate(-10deg)}.t3{left:6%;top:112px;transform:rotate(12deg)}.t4{right:8%;top:110px;transform:rotate(-6deg)}
.sticky{position:absolute;left:36%;top:104px;padding:10px 12px;background:#FCE9A6;box-shadow:0 8px 14px -10px rgba(10,13,18,.45);transform:rotate(-5deg);font:500 13.5px/1.2 var(--sans);color:#5b4a12}
.tidy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.tidy .folder-ill{position:relative;width:150px;height:108px}
.tidy .folder-ill .tab{position:absolute;left:0;top:0;width:60px;height:20px;border-radius:10px 10px 0 0;background:#4f9ff0}
.tidy .folder-ill .sheet{position:absolute;left:10px;right:10px;top:12px;height:40px;border-radius:6px;background:#fff}
.tidy .folder-ill .front{position:absolute;left:0;right:0;bottom:0;height:88px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#7cc0fb,#4f9ff0);color:#fff;box-shadow:0 18px 30px -18px rgba(28,78,142,.7)}
.tidy .folder-ill .front svg{shape-rendering:crispEdges;fill:currentColor}
.outs{display:flex;gap:10px}
.outs img{width:22px;height:22px;object-fit:contain}
.week{display:flex;gap:6px;justify-content:center;margin-top:10px}
.week i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:500 12px/1 var(--sans);font-style:normal;color:var(--ink-3);background:#fff;box-shadow:0 0 0 1px #e4e1da}
.week i.on{background:var(--deep);color:#fff;box-shadow:none}
.week.off i.on{background:#cfcac0;color:#fff}

/* before/after: each change with its benefit */
.b-list{max-width:980px;margin:22px auto 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.b-list li{display:grid;grid-template-columns:1fr 28px 1.5fr;gap:14px;align-items:baseline;padding:16px 4px;border-bottom:1px solid var(--line)}
.b-stop{display:flex;align-items:baseline;gap:10px;color:var(--ink-3);font-size:15.5px;text-decoration:line-through;text-decoration-color:rgba(122,130,140,.45)}
.b-stop svg{flex:none;fill:#b9b9b4;shape-rendering:crispEdges;align-self:center}
.b-arrow{color:var(--blue);font-size:18px}
.b-start{font-size:15px;color:var(--ink-3)}
.b-start b{display:block;font-weight:500;font-size:16.5px;color:var(--ink);margin-bottom:2px}

/* the install page */
.install-page main>.i-top{padding-top:clamp(120px,15vh,160px);text-align:center}
.i-top h1{font-size:clamp(40px,5vw,64px)}
.i-top .lede{margin:18px auto 0;max-width:34em;font-size:17.5px}
.i-top .for{margin-top:14px}
main>.i-steps,main>.i-lab{margin-top:clamp(56px,8vh,90px)}
.steps{max-width:860px;margin:0 auto;padding:0;list-style:none;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:28px 4px;border-bottom:1px solid var(--line)}
.step .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--deep);color:#fff;font:600 16px/1 var(--sans)}
.step h2{font-size:clamp(22px,2.2vw,28px);line-height:1.2}
.step p{margin-top:8px;font-size:16px}
.step .btn{margin-top:18px}
.small{margin-top:12px!important;font-size:14.5px!important;color:var(--ink-3)}
.small a{color:var(--deep);font-weight:500;text-decoration:none;display:inline-block;padding:12px 0}
.small a:hover{text-decoration:underline}
.os{display:flex;gap:8px;margin-top:18px}
.os button{min-height:46px;padding:10px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;font:500 15px/1 var(--sans);color:var(--ink-2);cursor:pointer}
.os button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.os-p[hidden]{display:none}
.how-to{margin-top:14px!important;font-size:15px!important}
kbd{display:inline-block;padding:1px 7px;border-radius:6px;border:1px solid var(--line);background:#fff;font:500 13px/1.5 var(--sans)}
.cmd{margin-top:12px;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;border-radius:12px;background:#0d1117;color:#e6edf3}
.cmd code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font:400 14px/1.6 var(--mono)}
.copy{flex:none;min-height:46px;padding:10px 16px;border-radius:9px;border:1px solid #30363d;background:#161b22;color:#fff;font:600 14px/1 var(--sans);cursor:pointer}
.lab-cards{max-width:1000px;margin:clamp(36px,5vh,52px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;list-style:none}
.lab-cards li{padding:22px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.lab-cards h3{font-size:18px;line-height:1.3;font-weight:500}
.lab-cards p{margin-top:8px;font-size:15px;color:var(--ink-3)}
.i-lab .facts{margin-top:26px}
.i-cta{margin-top:34px;display:flex;flex-direction:column;align-items:center}
.i-cta .sig{font-size:44px;margin-left:8px;vertical-align:middle;text-shadow:none}
.install-page .faq{margin-top:clamp(64px,9vh,100px)}
.qs code{font:400 13.5px var(--mono);background:#f1f1ee;padding:1px 6px;border-radius:5px}

@media (max-width:980px){ .lab-cards{grid-template-columns:repeat(2,1fr)} }
@media (max-width:720px){
  .ba-pic{grid-template-columns:1fr}
  .b-list li{grid-template-columns:1fr;gap:4px}
  .b-arrow{display:none}
  .lab-cards{grid-template-columns:1fr}
  .step{grid-template-columns:44px 1fr;gap:12px}
  .step .btn{width:100%}
}
@media (max-width:370px){ .one-line{white-space:normal} }
.top h1{max-width:22ch}
.i-top .lede{color:var(--ink-2)}
.facts{font-family:var(--sans)!important;letter-spacing:.01em!important;text-transform:none!important;font-size:14px!important}

/* before/after as two aligned columns (Oct 22, his note: "make a proper separation"):
   the grey Before column holds what stops, the blue column holds what starts, each pair on the same row */
.ba-grid{max-width:1000px;margin:clamp(36px,5vh,52px) auto 0;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.ba-grid .bp{min-height:270px;border-radius:18px 18px 0 0;padding-bottom:22px}
.c-stop,.c-start{padding:18px 22px;border-top:1px solid rgba(10,13,18,.07)}
.c-stop{background:#F1EFEA;display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:15.5px;text-decoration:line-through;text-decoration-color:rgba(122,130,140,.45)}
.c-stop svg{flex:none;fill:#b9b9b4;shape-rendering:crispEdges}
.c-start{background:#EAF3FE;border-top-color:rgba(28,78,142,.10)}
.c-start b{display:block;font-weight:500;font-size:16.5px;color:var(--ink)}
.c-start span:not(.vh){display:block;margin-top:3px;font-size:15px;line-height:1.5;color:var(--ink-3)}
.c-stop.last,.c-start.last{border-radius:0 0 18px 18px;padding-bottom:24px}
.bp-after{background:linear-gradient(180deg,#F4F9FF,#EAF3FE)}
@media (max-width:720px){
  .ba-grid{grid-template-columns:1fr;row-gap:0}
  .ba-grid .bp{border-radius:18px;margin-bottom:14px}
  .ba-grid .bp-after{margin-bottom:22px}
  .c-stop{border-radius:14px 14px 0 0;border-top:0;margin-top:10px;padding:14px 18px}
  .c-start{border-radius:0 0 14px 14px;border-top:1px solid rgba(28,78,142,.10);padding:14px 18px}
  .c-stop.last{border-radius:14px 14px 0 0;padding-bottom:14px}
}
.c-start .pf-line{display:flex!important;gap:10px;margin-top:10px!important;flex-wrap:wrap}
.c-start .pf-line img{width:18px;height:18px;object-fit:contain}

/* before/after pictures, developed (Oct 22): same frame on both sides, the scene, then the week */
.ba-grid .bp{min-height:0;padding:18px 18px 18px;display:flex;flex-direction:column;gap:6px}
.bp-t{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500}
.bp-t .dot{width:8px;height:8px;border-radius:50%;background:#c4bfb4}
.bp-after .bp-t .dot{background:var(--blue)}
.scene{position:relative;height:250px;margin:6px 0 4px;border-radius:12px}
.sc-before{background:radial-gradient(circle,rgba(10,13,18,.07) 1px,transparent 1.4px) 0 0/16px 16px}
.sc-after{background:radial-gradient(circle,rgba(28,78,142,.10) 1px,transparent 1.4px) 0 0/16px 16px}
.wk{display:flex;flex-direction:column;align-items:center;gap:6px}
.wk-l{font-size:12.5px;color:var(--ink-3)}
.bp-after .wk-l{color:var(--deep);font-weight:500}
.week{margin-top:0}
.week i.on::after{content:""}

/* before: drafts, tools with badges, the phone, the note */
.sc-before .draft{position:absolute;display:flex;flex-direction:column;gap:6px;width:96px;height:118px;padding:10px 9px;background:#fff;border:1px solid #e4e1da;border-radius:3px;box-shadow:0 10px 18px -12px rgba(10,13,18,.4)}
.sc-before .draft em{font:500 9.5px/1.2 var(--mono);font-style:normal;color:#8a8478;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-before .draft i{display:block;height:4px;border-radius:2px;background:#ebe8e1}
.sc-before .draft i.s{width:60%;background:#f3c9c0}
.d1{left:4%;top:22px;transform:rotate(-10deg)}
.d2{left:22%;top:58px;transform:rotate(5deg)}
.d3{left:41%;top:16px;transform:rotate(-3deg)}
.app{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e4e1da,0 8px 14px -10px rgba(10,13,18,.4);font:700 17px/1 var(--sans);color:#444}
.app img{width:24px;height:24px;object-fit:contain}
.app b{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font:600 10.5px/1 var(--sans)}
.a1{left:62%;top:8px;transform:rotate(8deg)}
.a2{left:6%;top:170px;transform:rotate(-8deg)}
.a3{left:58%;top:96px;transform:rotate(-6deg)}
.a4{left:34%;top:184px;transform:rotate(10deg);color:#888}
.phone{position:absolute;right:5%;top:46px;width:86px;height:156px;padding:22px 10px 10px;border-radius:16px;background:#fff;border:1px solid #dcd8cf;box-shadow:0 14px 24px -14px rgba(10,13,18,.45);display:flex;flex-direction:column;gap:5px;transform:rotate(4deg)}
.ph-top{position:absolute;top:8px;left:50%;width:26px;height:4px;margin-left:-13px;border-radius:2px;background:#e4e1da}
.ph-l{font:500 9.5px/1.2 var(--sans);color:var(--ink-3)}
.ph-v{font:600 13px/1.2 var(--sans);color:#c2410c}
.ph-bar{display:block;height:24px;border-radius:5px;background:#f1efea;margin-top:4px}
.ph-bar.short{width:70%;height:14px}
.sc-before .sticky{left:30%;top:150px;z-index:2}

/* after: the folder, the post cards, the wires */
.wires{position:absolute;inset:0;width:100%;height:100%}
.wires path{fill:none;stroke:#9fbff0;stroke-width:1.2;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.nfolder{position:absolute;left:50%;top:62px;width:150px;height:106px;margin-left:-75px;z-index:2}
.nfolder .tab{position:absolute;left:0;top:0;width:58px;height:20px;border-radius:10px 10px 0 0;background:#4f9ff0}
.nfolder .sheet{position:absolute;left:12px;right:12px;top:10px;height:40px;border-radius:6px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.nfolder .sheet.s2{left:20px;right:20px;top:4px;background:#f7fbff}
.nfolder .front{position:absolute;left:0;right:0;bottom:0;height:88px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#7cc0fb,#4f9ff0);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 20px 34px -18px rgba(28,78,142,.75)}
.nfolder .front svg{shape-rendering:crispEdges;fill:currentColor}
.nfolder .front em{font:500 10.5px/1 var(--sans);font-style:normal;letter-spacing:.02em;opacity:.95}
.pc{position:absolute;display:flex;flex-direction:column;gap:5px;width:92px;padding:8px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(28,78,142,.12),0 10px 18px -12px rgba(28,78,142,.55);z-index:1}
.pc-h{display:flex;align-items:center;gap:6px;font:600 10.5px/1 var(--sans);color:var(--ink)}
.pc-h img{width:13px;height:13px;object-fit:contain}
.pc i{display:block;height:4px;border-radius:2px;background:#e3ecf7}
.pc i.s{width:62%}
.reel{display:grid;place-items:center;height:44px;border-radius:6px;background:linear-gradient(160deg,#1C4E8E,#61AEFA);color:#fff}
.car{display:flex;gap:3px}.car b{flex:1;height:26px;border-radius:4px;background:#dbe9fb}.car b:first-child{background:#bcd7f7}
.p1{left:4%;top:8px}
.p2{right:4%;top:8px}
.p3{left:2%;top:140px}
.p4{right:2%;top:140px}
.p5{left:50%;top:190px;margin-left:-46px;width:92px;flex-direction:row;align-items:center;gap:8px}
.p5 i{display:none}

@media (max-width:720px){
  .scene{height:240px}
  .sc-before .draft{width:80px;height:100px}
  .phone{width:76px;height:140px}
  .pc{width:84px}
}

.top h1 .strong{font-weight:600}

.top h1{max-width:none}
@media (max-width:900px){ .d-br{display:none} .top h1{max-width:19ch} }
@media (max-width:720px){
  .nfolder{width:118px;height:86px;margin-left:-59px;top:70px}
  .nfolder .tab{width:46px;height:16px}
  .nfolder .front{height:70px}
  .nfolder .front svg{width:40px;height:27px}
  .nfolder .front em{font-size:9px}
  .pc{width:78px;padding:6px}
  .reel{height:34px}
  .p1{left:2%;top:4px}.p2{right:2%;top:4px}.p3{left:1%;top:150px}.p4{right:1%;top:150px}
  .p5{top:196px;margin-left:-44px;width:88px}
  .sc-before .d3,.sc-before .a4{display:none}
  .sc-before .a3{left:46%;top:120px}
  .phone{right:3%;top:40px}
  .ph-v{font-size:12px}
}

/* before/after pictures, lean (Oct 22): smaller, fewer things. Before: the tools he named and the note. After: his AI models feed Nave, posts go out. */
.ba-grid .bp{padding:14px 16px 14px;gap:4px}
.scene{height:150px!important;margin:4px 0 2px;background:none!important}
.week i{width:26px;height:26px;font-size:11px}
.wk{gap:4px}
.wk-l{font-size:12px}
.sc-before .tool{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}
.sc-before .tool>img,.notion,.gdoc{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e4e1da,0 8px 14px -10px rgba(10,13,18,.4);padding:10px;box-sizing:border-box;object-fit:contain}
.sc-before .tool em{font:500 11px/1 var(--sans);font-style:normal;color:var(--ink-3)}
.notion{font:700 22px/1 Georgia,serif;color:#111;padding:0}
.gdoc{flex-direction:column;justify-content:center;gap:4px;padding:0 12px;place-items:initial;display:flex}
.gdoc i{display:block;height:3px;border-radius:2px;background:#4285F4}
.gdoc i:last-child{width:60%}
.tl1{left:8%;top:14px;transform:rotate(-8deg)}
.tl2{left:30%;top:52px;transform:rotate(5deg)}
.tl3{right:30%;top:8px;transform:rotate(-4deg)}
.tl4{right:8%;top:50px;transform:rotate(7deg)}
.sc-before .sticky{left:50%;top:104px;transform:translateX(-50%) rotate(-3deg);font-size:13px;padding:8px 12px}
.sc-after{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.models{display:flex;gap:10px;position:relative;z-index:2}
.models img{box-sizing:content-box;width:16px;height:16px;padding:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(28,78,142,.14);object-fit:contain}
.flow{display:block;width:1px;height:12px;border-left:1.5px dashed #9fbff0}
.sc-after .nfolder{position:relative;left:auto;top:auto;margin:0;width:96px;height:66px}
.sc-after .nfolder .tab{width:38px;height:13px;border-radius:7px 7px 0 0}
.sc-after .nfolder .sheet{left:8px;right:8px;top:7px;height:24px}
.sc-after .nfolder .front{height:54px;border-radius:9px}
.outs2{display:flex;gap:10px}
.outs2 img{width:18px;height:18px;object-fit:contain}
@media (max-width:720px){
  .scene{height:150px!important}
  .tl2{left:28%}.tl3{right:28%}
}
.sc-before .sticky{left:58%;top:104px}
@media (max-width:720px){ .tl2{left:22%} .tl3{right:26%} .sc-before .sticky{left:64%;top:112px;font-size:12px;padding:7px 10px} }
.sc-before .sticky{white-space:nowrap} @media (max-width:720px){ .sc-before .sticky{left:52%;top:108px} .scene{height:156px!important} }
.tl1{left:6%;top:10px}.tl2{left:29%;top:30px}.tl3{right:29%;left:auto;top:6px}.tl4{right:6%;top:30px} .sc-before .sticky{left:50%!important;top:112px!important} @media (max-width:720px){.tl2{left:27%}.tl3{right:27%}}

.kick{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.k-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(97,174,250,.18)}
.kick u{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:4px;color:var(--ink-2)}
.kick{display:block}
.k-dot{display:inline-block;vertical-align:middle;margin:-2px 10px 0 0}

/* Nave Collections, small: four tiles in the app's own dark style (his Oct 22 screenshot), no third-party content */
.c-start .coll{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px!important}
.ct{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:74px;padding:7px;border-radius:9px;overflow:hidden;
  background:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.3px) 0 0/7px 7px,#0d1117}
.ct b{position:relative;z-index:1;font:600 10.5px/1.1 var(--sans);color:#fff;letter-spacing:-.01em}
.ct-ic{position:absolute;left:7px;top:7px;width:9px;height:9px;border-radius:2px;border:1.5px solid var(--c)}
.ct-cards{position:absolute;right:6px;top:8px;display:flex;gap:2px}
.ct-cards i{display:block;border-radius:3px;background:linear-gradient(180deg,#e9eef5,#b9c4d2);box-shadow:0 2px 4px rgba(0,0,0,.4)}
.t-short{--c:#ff7a3c}.t-short .ct-cards i{width:13px;height:24px}.t-short .ct-cards i:nth-child(2){transform:translateY(3px)}
.t-long{--c:#f5b13d}.t-long .ct-cards i{width:26px;height:16px}.t-long .ct-cards i:nth-child(2){margin-left:-14px;transform:translateY(5px)}
.t-car{--c:#3fc1b0}.t-car .ct-cards i{width:13px;height:16px}
.t-post{--c:#a3d14a}.t-post .ct-cards i{width:12px;height:18px;background:linear-gradient(180deg,#fff,#dfe5ec)}.t-post .ct-cards i:nth-child(2){transform:translateY(3px)}
.c-start .coll-l{margin-top:6px!important;font-size:12.5px!important;color:var(--deep)!important;font-weight:500}
@media (max-width:420px){ .ct{height:66px} .ct b{font-size:9.5px} }
.c-start .coll span{margin-top:0!important;font-size:inherit!important;line-height:normal!important}
.c-start .coll .ct{display:flex!important}
.c-start .coll .ct-cards{display:flex!important;align-items:flex-start}
.c-start .coll .ct-ic{display:block!important}
.c-start .coll .ct-cards i{flex:none}

/* Collections with his real counts (Oct 22) */
.c-start .coll .ct{height:96px!important;justify-content:flex-end}
.c-start .coll .ct-n{display:block!important;position:relative;z-index:1;font:600 20px/1 var(--sans)!important;color:#fff;letter-spacing:-.02em;margin-bottom:3px!important}
.c-start .coll .ct-u{display:block!important;position:relative;z-index:1;font:400 9.5px/1.2 var(--sans)!important;color:rgba(255,255,255,.6)}
.c-start .kinds{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:12px!important}
.c-start .kd{display:flex!important;align-items:baseline;gap:8px;margin:0!important}
.c-start .kd b{flex:none;min-width:22px;font:600 15px/1 var(--sans)!important;color:var(--deep);margin:0!important}
.c-start .kd>span{display:block!important;margin:0!important;font-size:12.5px!important;line-height:1.35!important;color:var(--ink-3)}
.c-start .kd em{display:block;font-style:normal;font-weight:500;font-size:13px;color:var(--ink)}
@media (max-width:420px){ .c-start .coll .ct{height:88px!important} .c-start .coll .ct-n{font-size:17px!important} .c-start .kinds{grid-template-columns:1fr} }
.c-start .coll .ct{height:84px!important}
.c-start .coll .ct-n{font-size:22px!important;margin-bottom:4px!important}
.c-start .coll-l{color:var(--ink-3)!important;font-weight:400!important;font-size:13px!important;margin-top:10px!important}

/* the problem, at the roots (Oct 22): three people, what they tell themselves, what's really going on, what it costs */
.pps{max-width:1120px;margin:clamp(40px,6vh,60px) auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pp{display:flex;flex-direction:column;padding:24px 22px 22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.pp-who{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink-3)}
.pp-dot{width:8px;height:8px;border-radius:50%;background:var(--c)}
.pp-founder{--c:#96bdf0}.pp-creator{--c:#e7a3bc}.pp-solo{--c:#8bc9bd}
.pp h3{margin-top:12px;font-size:21px;line-height:1.25;font-weight:500;min-height:2.5em}
.pp-says{align-self:flex-start;margin-top:16px;padding:10px 14px;background:#FCE9A6;color:#5b4a12;font-size:15px;line-height:1.4;font-weight:500;box-shadow:0 8px 14px -10px rgba(10,13,18,.35);transform:rotate(-1.2deg)}
.pp-creator .pp-says{transform:rotate(1deg)}
.pp-k{margin-top:20px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ink-3)}
.pp-really{margin-top:4px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.pp-cost{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.45;font-weight:500;color:var(--deep)}
.pp-really{margin-bottom:16px}
.pp-root{max-width:760px;margin:clamp(30px,4vh,44px) auto 0;text-align:center;font-size:17px;color:var(--ink-3);text-wrap:balance}
.pp-root b{font-weight:500;color:var(--ink)}
@media (max-width:980px){ .pps{grid-template-columns:1fr;max-width:560px} .pp h3{min-height:0} }

/* the problem as a clean list (Oct 22, his note: no cards) */
.prs{max-width:920px;margin:clamp(36px,5vh,52px) auto 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.pr{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:baseline;padding:26px 4px;border-bottom:1px solid var(--line)}
.pr-who{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-3)}
.pr-t{font-size:clamp(21px,2.1vw,27px);line-height:1.25;letter-spacing:-.02em;color:var(--ink);font-weight:450}
.pr-says{margin-top:8px;font-size:16px;color:var(--ink-3);font-style:italic}
.rel-more{max-width:620px;margin:18px auto 0;font-size:17px;line-height:1.6;color:var(--ink-2);text-wrap:balance}
@media (max-width:720px){ .pr{grid-template-columns:1fr;gap:8px;padding:22px 2px} }
.rel-more{font-size:clamp(19px,1.8vw,23px)!important;color:var(--ink)!important;font-weight:450;max-width:640px!important;margin-top:16px!important}

/* three people, two tiers (his reference's depth): where your value is, where the week goes */
.p3{max-width:1120px;margin:clamp(40px,6vh,60px) auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr)}
.p3c{padding:6px 28px 8px;border-left:1px solid var(--line)}
.p3c:first-child{border-left:0;padding-left:4px}
.p3-line{margin-top:12px;font-size:20px;line-height:1.3;letter-spacing:-.015em;color:var(--ink);font-weight:450;min-height:2.6em}
.p3-val,.p3-week{position:relative;padding-left:18px;font-size:15px;line-height:1.55}
.p3-val{margin-top:18px;color:var(--ink)}
.p3-week{margin-top:14px;color:var(--ink-3)}
.p3-val::before,.p3-week::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--deep)}
.p3-week::before{background:#d5d5d1}
@media (max-width:980px){
  .p3{grid-template-columns:1fr;max-width:560px}
  .p3c{border-left:0;border-top:1px solid var(--line);padding:24px 2px}
  .p3c:first-child{border-top:0;padding-top:4px}
  .p3-line{min-height:0}
}
@media (min-width:981px){ .p3-line{min-height:3.9em} }
.rel-more u{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:5px}
.p3-win{position:relative;margin-top:16px;padding:12px 14px 12px 38px;border-radius:12px;background:#EAF3FE;font-size:15px;line-height:1.5;font-weight:500;color:var(--deep)}
.p3-win::before{content:"";position:absolute;left:14px;top:15px;width:14px;height:14px;border-radius:50%;background:var(--deep) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12l5 5L19 7%27/%3E%3C/svg%3E") center/9px no-repeat}

/* three people, content first (Oct 22): what only you bring, what your AI Content Team handles */
.p3-k{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;letter-spacing:.01em;color:var(--ink-3);margin-bottom:6px}
.p3-k .mark{color:var(--deep);shape-rendering:crispEdges;fill:currentColor}
.p3-you{margin-top:14px;font-size:18px;line-height:1.4;letter-spacing:-.01em;color:var(--ink);min-height:4.3em}
.p3-team{margin-top:18px;padding:14px 14px 16px;border-radius:14px;background:color-mix(in srgb,var(--c) 14%,#fff);border:1px solid color-mix(in srgb,var(--c) 40%,#fff)}
.p3-team .p3-k{color:var(--deep);margin-bottom:10px}
.chips2{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.chips2 li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 45%,#fff);font-size:13.5px;line-height:1.2;color:var(--ink)}
.chips2 li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
@media (max-width:980px){ .p3-you{min-height:0} }

/* one split for everyone (Oct 22): only you · your AI Content Team handles */
.split2{max-width:1000px;margin:clamp(40px,6vh,60px) auto 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:stretch}
.s2-you,.s2-team{padding:24px 26px;border-radius:20px}
.s2-you{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.s2-you ul{margin:4px 0 0;padding:0;list-style:none}
.s2-you li{padding:12px 0;border-bottom:1px solid var(--line);font-size:18px;letter-spacing:-.01em;color:var(--ink)}
.s2-you li:last-child{border-bottom:0}
.s2-team{--c:#96bdf0;background:linear-gradient(180deg,#F4F9FF,#EAF3FE);border:1px solid var(--wash-2)}
.s2-team .p3-k{color:var(--deep);margin-bottom:14px}
.s2-team .chips2{gap:8px}
.s2-team .chips2 li{padding:9px 14px;font-size:15px}
@media (max-width:820px){ .split2{grid-template-columns:1fr;max-width:560px} }

/* a note from Enrique (Oct 23, round 7): one straight reading line; the pictures support it from the sides, overlapping the paper's edge, each at its own angle */
.enote{max-width:700px;padding:clamp(28px,5vw,72px) clamp(20px,6vw,84px)}
.enote .label{margin:0 0 14px}
.enote h2{margin-bottom:8px}
.beat{position:relative;margin-top:clamp(40px,5vw,64px)}
.letter.enote p:not(.label){margin-top:12px;font-size:16.5px;line-height:1.75}
.letter.enote .n-lead{margin-top:0;font-weight:600;color:var(--ink)}
.enote figcaption{font:400 12px/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.side{position:absolute;top:var(--top,0);width:236px;margin:0;z-index:2;transform:rotate(var(--rot,0deg))}
.side.r{left:calc(100% + 18px)}
.side.l{right:calc(100% + 18px)}
.side figcaption,.ph figcaption{padding:8px 4px 10px;text-align:center;font:400 21px/1.1 "Sig",cursive;letter-spacing:0;color:var(--ink-2)}
.n-vid{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;border-radius:2px;overflow:hidden;cursor:pointer;background:#000}
.n-vid img{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.n-vid .vplay{width:34px;height:34px;right:8px;bottom:8px}
.n-vid-wrap iframe{display:block;width:100%;aspect-ratio:16/10;border:0;border-radius:2px}
.tp-in{margin-top:22px;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(10,13,18,.04),0 18px 40px -30px rgba(10,13,18,.45)}
.tp-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 4px 10px;border-bottom:1px solid var(--line);text-decoration:none}
.tp-top b{font:600 15px/1 var(--sans);color:var(--ink);letter-spacing:-.01em}
.tp-top span{padding:4px 9px;border-radius:999px;background:var(--wash);border:1px solid var(--wash-2);font:400 11.5px/1 var(--mono);letter-spacing:.06em;color:var(--deep)}
.tp-top i{margin-left:auto;font:400 12px/1 var(--mono);font-style:normal;letter-spacing:.04em;color:var(--ink-3)}
.tp-top i::first-letter{color:#00b67a}
.tp-cards{margin-top:10px;columns:3 120px;column-gap:6px}
.tp-cards a{display:block;break-inside:avoid;margin-bottom:6px}
.tp-cards img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}
.enote .sig{margin-top:40px}
.n-cta{margin-top:36px;text-align:center}
@media (max-width:1240px){
  .side{width:200px}
  .side.r{left:calc(100% + 8px)}
  .side.l{right:calc(100% + 8px)}
}
@media (max-width:1100px){
  .beat{display:flex;flex-direction:column}
  .beat .side{order:5;position:static;display:block;width:min(280px,78%);margin:20px 0 0 auto}
  .beat .side.l{margin:20px auto 0 0}
  .letter.enote p:not(.label){font-size:16px}
}

/* readable handwriting under the story pictures (Oct 23) */
@font-face{font-family:"Hand";src:url(/assets/fonts/caveat-var.woff2) format("woff2");font-weight:400 700;font-display:swap}
.side figcaption,.enote .ph figcaption{font:500 19px/1.2 "Hand",cursive;color:var(--ink-2);padding:8px 6px 10px}

/* the Trustpilot proof, whole and small (Oct 23) */
.enote .tp-in{max-width:440px;margin:20px 0 0;padding:8px;border-radius:10px}
.enote .tp-badge{display:block}
.enote .tp-badge img{display:block;width:100%;height:auto;border-radius:6px}
.enote .tp-cards{margin-top:6px;columns:3;column-gap:4px}
.enote .tp-cards a{margin-bottom:4px}
.enote .tp-cards img{border-radius:4px}

/* Zach's video: a red play button in the middle, so it reads as a video to press (Oct 23) */
.n-vid .vplay{left:50%;top:50%;right:auto;bottom:auto;width:58px;height:40px;border-radius:12px;background:#ff0033;color:#fff;transform:translate(-50%,-50%);box-shadow:0 8px 20px -8px rgba(0,0,0,.6);transition:transform .2s,background .2s}
.n-vid .vplay svg{width:20px;height:20px}
.n-vid:hover .vplay,.n-vid:focus-visible .vplay{background:#e0002d;transform:translate(-50%,-50%) scale(1.08)}

/* the Trustpilot proof is a picture, not a link (Oct 23) */
.tp-cards .tp-card{display:block;break-inside:avoid;margin-bottom:4px}
.tp-cards .tp-card img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid var(--line)}

/* the IX Collective: everyone together, in one row of faces (Oct 23) */
.ix{list-style:none;margin:22px 0 0;padding:16px 14px 14px;max-width:470px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px 10px;border-radius:14px;background:var(--wash);border:1px solid var(--wash-2)}
.ix li{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.ix img{display:block;width:100%;max-width:68px;aspect-ratio:1;height:auto;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--wash-2),0 8px 16px -10px rgba(10,13,18,.5)}
.ix span{font:500 12.5px/1.2 var(--sans);color:var(--ink-2)}

/* the IX Collective as one pile of faces, no names (Oct 23) */
.ix{display:flex!important;align-items:center;max-width:none!important;padding:0!important;margin:20px 0 0 8px!important;background:none!important;border:0!important;gap:0!important}
.ix li{margin-left:-14px}
.ix li:first-child{margin-left:0}
.ix img{width:62px;max-width:none!important;border:3px solid #fff!important;box-shadow:0 8px 18px -10px rgba(10,13,18,.55)!important}
.ix li:nth-child(3n+1) img{width:70px}
.ix li:nth-child(4n+2) img{width:56px}
@media (max-width:640px){.ix li{margin-left:-12px}.ix img{width:42px}.ix li:nth-child(3n+1) img{width:48px}.ix li:nth-child(4n+2) img{width:38px}}

/* here's exactly what you get (Oct 23): Nave part by part; on a computer the list stays put and the cards stack as you scroll */
main>.get{margin-top:var(--gap)}
.get-track{position:relative;height:calc(var(--n) * 62vh + 100vh);margin-top:clamp(28px,4vh,44px)}
.get-sticky{position:sticky;top:clamp(80px,12vh,120px);max-width:1040px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.get-nav{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.get-nav::before{content:"";position:absolute;left:5px;top:22px;bottom:22px;width:1px;background:var(--line)}
.get-nav li{border-top:1px solid var(--line)}
.get-nav li:last-child{border-bottom:1px solid var(--line)}
.get-nav button{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:12px 0;border:0;background:none;cursor:pointer;text-align:left;font:450 16px/1.2 var(--sans);color:var(--ink-2)}
.get-nav button::before{content:"";position:absolute;left:-22px;top:50%;width:11px;height:11px;margin-top:-6px;border-radius:50%;background:#fff;border:1px solid #c9d3df;transition:border-color .25s,background .25s}
.get-nav button span{font:400 11.5px/1 var(--mono);letter-spacing:.08em;color:var(--ink-3);min-width:20px}
.get-nav button.done::before{background:var(--wash-2);border-color:var(--wash-2)}
.get-nav button.on{color:var(--deep)}
.get-nav button.on span{color:var(--deep)}
.get-nav button.on::before{border-color:var(--deep);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--deep)}
.get-stage{position:relative;height:clamp(400px,58vh,470px)}
.get-card{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(24px,3vw,34px);background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 0 rgba(10,13,18,.04),0 30px 60px -36px rgba(10,13,18,.45);opacity:0;transform:translateY(70px) rotate(1.5deg);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);z-index:var(--i)}
.get-card.on{opacity:1;transform:none}
.get-card.past{opacity:1;transform:translate(calc(var(--d) * -7px),calc(var(--d) * -9px)) rotate(calc(var(--d) * -1.2deg));filter:brightness(calc(1 - var(--d) * .015))}
.get-card.past h3,.get-card.past .gc-desc,.get-card.past .gc-get{visibility:hidden}
.gc-top{display:flex;justify-content:space-between;margin:0;font:400 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.gc-top span:first-child{color:var(--deep)}
.get-card h3{margin-top:clamp(18px,3vh,28px);font:450 clamp(24px,2.4vw,32px)/1.15 var(--sans);letter-spacing:-.02em;color:var(--ink);max-width:22ch}
.gc-desc{margin:14px 0 0;font-size:16.5px;line-height:1.6;color:var(--ink-2);max-width:46ch}
.gc-get{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:center}
.gc-k{margin:0;font-size:13px;color:var(--ink-3)}
.gc-v{margin:6px 0 0;font:500 19px/1.3 var(--sans);color:var(--ink);letter-spacing:-.01em}
.gc-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding:14px;border-radius:10px;background:var(--wash);border:1px solid var(--wash-2)}
.gc-chips span{padding:6px 10px;border-radius:6px;background:#fff;box-shadow:0 1px 0 rgba(10,13,18,.06),0 6px 14px -10px rgba(10,13,18,.4);font:450 12.5px/1 var(--sans);color:var(--ink-2)}
.gc-chips span:nth-child(odd){transform:rotate(-2deg)}
.gc-chips span:nth-child(even){transform:rotate(1.5deg)}
.get-cta{margin-top:clamp(28px,4vh,44px);text-align:center}
@media (prefers-reduced-motion:reduce){.get-card{transition:none}}
@media (max-width:900px){
  .get-track{height:auto}
  .get-sticky{position:static;display:block}
  .get-nav{display:none}
  .get-stage{height:auto;display:flex;flex-direction:column;gap:16px}
  .get-card,.get-card.on,.get-card.past{position:relative;inset:auto;opacity:1;transform:none;filter:none}
  .get-card.past h3,.get-card.past .gc-desc,.get-card.past .gc-get{visibility:visible}
  .get-card:nth-child(odd){transform:rotate(-.6deg)}
  .get-card:nth-child(even){transform:rotate(.6deg)}
  .gc-get{grid-template-columns:1fr}
  .gc-chips{justify-content:flex-start}
}

/* the stack stays tidy: three cards behind, small offsets, centred on screen */
.get-sticky{top:max(88px,calc(50vh - 250px))}
.get-card.past{transform:translate(calc(var(--d) * -6px),calc(var(--d) * -7px)) rotate(calc(var(--d) * -.9deg))}
.get-card.past.far{opacity:0}

/* on phones the cards stack too: each one sticks a little lower and the next slides over it */
@media (max-width:900px){.get-stage{gap:22px}.get-card,.get-card.on,.get-card.past{position:sticky;top:calc(78px + var(--i) * 8px);transform:none!important}}

/* the team every brand that shows up has; in Nave, one person runs it (Oct 23) */
main>.team2,main>.ahead{margin-top:var(--gap)}
.org{max-width:1040px;margin:clamp(32px,5vh,52px) auto 0;display:flex;flex-direction:column;align-items:center}
.org-you{display:flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border-radius:999px;background:#0F2747;color:#fff;box-shadow:0 18px 36px -22px rgba(15,39,71,.8)}
.org-you b{font:500 18px/1 var(--sans);letter-spacing:-.01em}
.org-you span:last-child{font-size:14px;color:rgba(255,255,255,.72)}
.org-dot{width:10px;height:10px;border-radius:50%;background:#61AEFA;box-shadow:0 0 0 4px rgba(97,174,250,.25)}
.org-line{width:1px;height:34px;background:linear-gradient(#0F2747,var(--wash-2))}
.org-team{list-style:none;margin:0;padding:22px 0 0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;border-top:1px solid var(--wash-2)}
.org-team li{display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 0 rgba(10,13,18,.03),0 14px 30px -26px rgba(10,13,18,.5)}
.org-team b{font:500 16px/1.2 var(--sans);color:var(--ink);letter-spacing:-.01em}
.org-team span{font-size:14px;line-height:1.45;color:var(--ink-2)}
.org-team i{margin-top:auto;padding-top:8px;font:400 11.5px/1.3 var(--mono);font-style:normal;letter-spacing:.06em;color:var(--deep)}
.team2-end{margin:clamp(26px,4vh,40px) auto 0;max-width:640px;text-align:center;font:450 clamp(20px,2vw,26px)/1.35 var(--sans);letter-spacing:-.015em;color:var(--ink)}
@media (max-width:900px){.org-team{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.org-team li{padding:13px 12px 12px}.org-team span{font-size:13px}.org-you span:last-child{display:none}}

/* the autonomy graph: where AI content is going (Oct 23) */
.graph{position:relative;max-width:1040px;margin:clamp(32px,5vh,52px) auto 0;padding:0}
.g-svg{display:block;width:100%;height:clamp(180px,26vw,300px);overflow:visible}
.g-band{fill:#EAF3FE;opacity:.0}
.g-dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid #1C4E8E}
.g-dot.d1{left:0;top:calc(clamp(180px,26vw,300px) * .9)}
.g-dot.d2{left:50%;top:calc(clamp(180px,26vw,300px) * .56);width:18px;height:18px;margin:-9px 0 0 -9px;box-shadow:0 0 0 6px rgba(97,174,250,.25)}
.g-dot.d3{left:100%;top:calc(clamp(180px,26vw,300px) * .073);border-color:#61AEFA;border-style:dashed}
.g-axis{position:absolute;left:0;top:0;font:400 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.g-nave{position:absolute;right:0;top:calc(clamp(180px,26vw,300px) * .3);display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--wash-2);box-shadow:0 10px 24px -18px rgba(10,13,18,.5);font:500 13px/1 var(--sans);color:var(--deep)}
.g-nave .mark{color:var(--deep);shape-rendering:crispEdges;fill:currentColor}
.g-steps{list-style:none;margin:22px 0 0;padding:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.g-steps li{padding-right:24px}
.g-steps li+li{padding-left:24px;border-left:1px solid var(--line)}
.g-when{margin:0;font:400 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.g-steps .now .g-when{color:var(--deep)}
.g-steps .next .g-when{color:#3d8fe0}
.g-what{margin:10px 0 0;font:500 18px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.g-more{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.ahead-end{margin:clamp(26px,4vh,40px) auto 0;max-width:620px;text-align:center;font:450 clamp(20px,2vw,26px)/1.35 var(--sans);letter-spacing:-.015em;color:var(--ink)}
@media (max-width:760px){
  .g-nave{top:calc(clamp(180px,26vw,300px) * .2);font-size:12px;padding:6px 10px}
  .g-steps{grid-template-columns:1fr;gap:16px}
  .g-steps li,.g-steps li+li{padding:0 0 0 14px;border-left:2px solid var(--line)}
  .g-steps .now{border-left-color:var(--deep)!important}
  .g-steps .next{border-left-color:#61AEFA!important;border-left-style:dashed!important}
}

/* graph points sit over their columns: before, now, next */
.g-dot.d1{left:0;top:calc(clamp(180px,26vw,300px) * .9)}
.g-dot.d2{left:33.333%;top:calc(clamp(180px,26vw,300px) * .653)}
.g-dot.d3{left:66.667%;top:calc(clamp(180px,26vw,300px) * .247)}
.g-nave{right:0;top:calc(clamp(180px,26vw,300px) * .02 + 26px)}
.g-steps li+li{padding-left:0;border-left:0}
.g-steps{gap:0}
.g-steps li{padding-right:28px}
@media (max-width:760px){.g-steps li,.g-steps li+li{padding:0 0 0 14px;border-left:2px solid var(--line)}}
@media (max-width:760px){.g-steps{gap:18px!important}}

/* I built a whole content team, on purpose: where it lives (Oct 25) */
main>.built,main>.napp{margin-top:var(--gap)}
.space{max-width:1120px;margin:clamp(40px,7vh,72px) auto 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center}
.space.flip .space-text{order:2}
.space-k{margin:0;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.space h3{margin-top:12px;font:450 clamp(26px,2.6vw,34px)/1.12 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.space-text>p:not(.space-k){margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--ink-2)}
.space ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.space li{position:relative;padding-left:20px;font-size:15.5px;color:var(--ink)}
.space li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(97,174,250,.22)}
.nwin{margin:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(10,13,18,.04),0 40px 70px -46px rgba(10,13,18,.6)}
.nwin-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#f4f6f9;border-bottom:1px solid var(--line)}
.nwin-bar i{width:9px;height:9px;border-radius:50%;background:#d6dce3}
.nwin-bar span{margin-left:10px;font:400 11px/1 var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.nwin img{display:block;width:100%;height:auto}
@media (max-width:860px){.space{grid-template-columns:1fr}.space.flip .space-text{order:0}}

/* one app, every AI: the Nave desktop app (Oct 25) */
.swap{max-width:900px;margin:clamp(30px,5vh,46px) auto 0;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.swap-old{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.swap-old li{display:flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:14.5px;color:var(--ink-3);position:relative}
.swap-old li::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:1.5px;background:rgba(122,130,140,.55);transform:rotate(-4deg)}
.swap-old li.more{padding:9px 14px;border-style:dashed}
.swap-old img{width:22px;height:22px;object-fit:contain;filter:grayscale(.2)}
.swap-arrow{font-size:24px;color:var(--blue)}
.swap-new{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;border-radius:14px;background:#0F2747;color:#fff;font:500 17px/1 var(--sans);box-shadow:0 16px 34px -20px rgba(15,39,71,.8)}
.swap-new .mark{color:#fff;fill:currentColor;shape-rendering:crispEdges}
.appwin{max-width:1180px;margin:clamp(24px,4vh,36px) auto 0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(10,13,18,.04),0 50px 90px -56px rgba(10,13,18,.7)}
.appwin figcaption{padding:12px 16px;border-top:1px solid var(--line);background:#fafbfc;text-align:center;font:400 12.5px/1.3 var(--mono);letter-spacing:.05em;color:var(--ink-3)}
.aw-body{display:grid;grid-template-columns:270px minmax(0,1fr)}
.aw-chat{display:flex;flex-direction:column;padding:16px 14px;background:#f7f9fb;border-right:1px solid var(--line)}
.aw-k{margin:0 0 8px;font:400 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.aw-k+.aw-models{margin-bottom:18px}
.aw-models{display:flex;flex-direction:column;gap:6px}
.aw-models span{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;border:1px solid transparent;font-size:13.5px;color:var(--ink-2)}
.aw-models span.on{background:#fff;border-color:var(--wash-2);color:var(--ink);box-shadow:0 8px 18px -14px rgba(10,13,18,.5)}
.aw-models img{width:18px;height:18px;object-fit:contain}
.aw-threads{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.aw-threads li{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;font-size:13px;color:var(--ink-2)}
.aw-threads li i{width:7px;height:7px;border-radius:50%;background:#c9d3df}
.aw-threads li.on{background:#fff;color:var(--ink);box-shadow:0 6px 16px -12px rgba(10,13,18,.5)}
.aw-threads li.on i{background:var(--blue)}
.aw-threads li.kid{padding-left:26px;font-size:12.5px;color:var(--ink-3)}
.aw-threads li.kid i{background:#9fc7f3;width:6px;height:6px}
.aw-ask{margin-top:auto;padding:11px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink-3)}
.aw-panel img{display:block;width:100%;height:auto}
.feats{list-style:none;max-width:1120px;margin:clamp(30px,5vh,44px) auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feats li{padding:18px 18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 36px -32px rgba(10,13,18,.5)}
.f-top{height:30px;display:flex;align-items:center}
.f-logos{display:flex;gap:8px}
.f-logos img{width:24px;height:24px;object-fit:contain}
.f-mini{display:flex;flex-direction:column;gap:3px}
.f-mini i{display:block;width:60px;height:5px;border-radius:3px;background:#c9d3df}
.f-mini i.k{width:46px;margin-left:12px;background:#9fc7f3}
.f-mini b{display:block;width:22px;height:6px;border-radius:2px;background:var(--wash-2);box-shadow:26px 0 0 #c9d3df,52px 0 0 var(--wash-2)}
.feats h3{margin-top:14px;font:500 17px/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.feats p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.loves{max-width:1120px;margin:clamp(34px,5vh,52px) auto 0;text-align:center}
.loves-k{margin:0;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.loves ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.loves li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.loves img{width:34px;height:34px;object-fit:contain}
.loves b{margin-top:4px;font:500 14.5px/1.2 var(--sans);color:var(--ink)}
.loves span{font-size:12.5px;line-height:1.4;color:var(--ink-3)}
@media (max-width:980px){.feats{grid-template-columns:repeat(2,1fr)}.loves ul{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.aw-body{grid-template-columns:1fr}.aw-chat{display:none}.swap-arrow{transform:rotate(90deg)}}
@media (max-width:520px){.feats{grid-template-columns:1fr}.loves ul{grid-template-columns:repeat(2,1fr)}}

/* the team as a group chat: the thing everyone already knows (Oct 25) */
.tchat{max-width:1040px;margin:clamp(32px,5vh,52px) auto 0;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(30px,6vw,80px);align-items:center}
.tc-k{margin:0 0 14px;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.tc-roles ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tc-roles li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 2px;border-bottom:1px solid var(--line)}
.tc-roles b{font:500 17px/1.2 var(--sans);color:var(--ink);letter-spacing:-.01em}
.tc-roles span{font:400 12px/1.3 var(--mono);letter-spacing:.06em;color:var(--deep);text-align:right}
.tphone{margin:0;justify-self:center;width:100%;max-width:380px;border-radius:38px;background:#fff;border:1px solid #e3e7ec;box-shadow:0 0 0 8px #f1f3f6,0 50px 90px -50px rgba(10,13,18,.6);overflow:hidden}
.tp-top{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 12px;background:rgba(248,249,251,.96);border-bottom:1px solid #eceff3}
.tp-heads{display:flex;margin-bottom:4px}
.tp-heads .tav{margin-left:-8px;box-shadow:0 0 0 2px #fff}
.tp-heads .tav:first-child{margin-left:0}
.tp-top b{font:600 14px/1.2 var(--sans);color:var(--ink)}
.tp-top span{font-size:11.5px;color:var(--ink-3)}
.tav{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c);color:#1d2733}
.tav svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tp-msgs{list-style:none;margin:0;padding:14px 12px 10px;display:flex;flex-direction:column;gap:9px}
.tm{display:flex;align-items:flex-end;gap:8px}
.tm>div{max-width:78%}
.tn{display:block;margin:0 0 3px 12px;font-size:10.5px;color:var(--ink-3)}
.tm p{margin:0;padding:9px 13px;border-radius:18px;background:#E9E9EB;font-size:14px;line-height:1.35;color:#111}
.tm.you{justify-content:flex-end}
.tm.you p{background:#0B84FF;color:#fff}
.tp-input{margin:4px 12px 16px;padding:9px 14px;border-radius:999px;border:1px solid #e1e5ea;font-size:13px;color:#9aa3ad}
@media (max-width:860px){.tchat{grid-template-columns:1fr}.tphone{order:-1}}

/* the built section: text narrower, the app close-ups larger */
.space{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important}
@media (max-width:860px){.space{grid-template-columns:1fr!important}}
.space.flip{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)!important}
@media (max-width:860px){.space.flip{grid-template-columns:1fr!important}}

/* hero: Finally, one place to … (Oct 25) */
.top h1 .type{color:var(--deep)}
.caret{display:inline-block;width:3px;height:.9em;margin-left:4px;vertical-align:-.08em;background:var(--blue);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.caret{display:none}}
.top .lede .one-line{white-space:nowrap}

/* proof first: what I run on it myself (Oct 25) */
main>.ownrun{margin-top:clamp(64px,10vh,110px)}
.proof-row{list-style:none;max-width:1100px;margin:clamp(26px,4vh,40px) auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.proof-row li{padding:22px 22px 24px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -34px rgba(10,13,18,.55)}
.proof-row b{display:block;font:450 clamp(40px,4vw,56px)/1 var(--sans);letter-spacing:-.04em;color:var(--deep)}
.proof-row span{display:block;margin-top:12px;font-size:15.5px;line-height:1.45;color:var(--ink-2)}
@media (max-width:900px){.proof-row{grid-template-columns:repeat(2,1fr)}}

/* the tour: one card per part of the team, text and the real app side by side (Oct 25) */
.get-sticky{max-width:1180px;grid-template-columns:230px minmax(0,1fr)!important}
.get-stage{height:clamp(440px,62vh,540px)!important}
.get-card.tour{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;align-items:center;padding:clamp(22px,2.6vw,32px)}
.tour .tc-text h3{margin-top:14px!important;font-size:clamp(24px,2.3vw,31px)!important;max-width:16ch}
.tour .gc-top span:first-child{color:var(--deep)}
.tour .gc-desc{font-size:16px!important;max-width:none!important}
.tc-shot{margin:0;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:14px;background:var(--wash);border:1px solid var(--wash-2);overflow:hidden}
.tc-shot img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px;border:1px solid var(--line);box-shadow:0 18px 36px -24px rgba(10,13,18,.5)}
.get-card.past .tc-text,.get-card.past .tc-shot{visibility:hidden}
@media (max-width:900px){
  .get-card.tour{grid-template-columns:1fr;gap:18px}
  .get-card.past .tc-text,.get-card.past .tc-shot{visibility:visible}
  .tc-shot{max-height:none}
}

/* tour: the real app fills its frame, Eden-style */
.tc-shot{padding:0!important;background:#fff!important;border:1px solid var(--line)!important;align-self:center!important;height:auto!important;box-shadow:0 30px 60px -40px rgba(10,13,18,.55)}
.tc-shot img{width:100%!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.get-card.tour{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)!important}
@media (max-width:900px){.get-card.tour{grid-template-columns:1fr!important}}

/* before/after head: Finally, one place to … (Oct 26) */
.sub.one-place{font-size:clamp(19px,1.7vw,24px);color:var(--ink);margin-top:14px}
.sub.one-place .type{color:var(--deep);font-weight:500}

/* the team as an org chart (Oct 26) */
.org2{max-width:1100px;margin:clamp(34px,5vh,54px) auto 0;display:flex;flex-direction:column;align-items:center}
.o-you{display:flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border-radius:999px;background:#0F2747;color:#fff;box-shadow:0 18px 36px -22px rgba(15,39,71,.8)}
.o-you b{font:500 18px/1 var(--sans)}
.o-you>span:last-child{font-size:14px;color:rgba(255,255,255,.72)}
.o-dot{width:10px;height:10px;border-radius:50%;background:#61AEFA;box-shadow:0 0 0 4px rgba(97,174,250,.25)}
.o-v{display:block;width:2px;height:28px;background:linear-gradient(#9CC7F6,#D9EAFC)}
.o-head{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 14px;border-radius:16px;background:#fff;border:1px solid var(--wash-2);box-shadow:0 16px 34px -26px rgba(10,13,18,.5)}
.o-head .mark{color:var(--deep);fill:currentColor;shape-rendering:crispEdges}
.o-head b{display:block;font:500 16px/1.2 var(--sans);color:var(--ink)}
.o-head span span{display:block;font-size:13px;color:var(--ink-3)}
.o-depts{position:relative;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:28px}
.o-depts::before{content:"";position:absolute;top:0;left:16.66%;right:16.66%;height:2px;background:#D9EAFC}
.od{position:relative;padding:16px;border-radius:20px;background:linear-gradient(180deg,#F6FAFF,#EEF5FE);border:1px solid var(--wash-2)}
.od::before{content:"";position:absolute;top:-28px;left:50%;width:2px;height:28px;margin-left:-1px;background:#D9EAFC}
.od-h{margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.od-h b{font:500 15px/1 var(--sans);color:var(--deep);letter-spacing:.01em}
.od-h span{font-size:12.5px;color:var(--ink-3)}
.od ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.op{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 22px -20px rgba(10,13,18,.5)}
.op-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c);color:#1d2733}
.op-av svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.op-t{min-width:0;display:flex;flex-direction:column}
.op-t b{font:500 15px/1.2 var(--sans);color:var(--ink)}
.op-t>span{font-size:13px;color:var(--ink-2)}
.op-t i{margin-top:2px;font:normal 400 11px/1.3 var(--mono);letter-spacing:.05em;color:var(--deep)}
.o-mem{margin-top:16px;width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:#0F2747;color:rgba(255,255,255,.8);font-size:14.5px}
.o-mem svg{flex:none;width:20px;height:20px;fill:none;stroke:#61AEFA;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.o-mem b{color:#fff;font-weight:500;margin-right:4px}
@media (max-width:900px){.o-depts{grid-template-columns:1fr}.o-depts::before,.od::before{display:none}.o-you>span:last-child{display:none}}

/* the team, part by part: Eden-style rows (Oct 26) */
main>.feat{margin-top:var(--gap)}
.frow{max-width:1160px;margin:clamp(56px,9vh,96px) auto 0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(30px,5vw,72px);align-items:center}
.frow.flip .r-vis{order:2}
.r-k{margin:0;font:400 12.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.r-txt h3{margin-top:16px;font:500 clamp(30px,3.2vw,44px)/1.06 var(--sans);letter-spacing:-.035em;color:var(--ink)}
.r-txt h3 .dim{color:#9aa3ad}
.r-txt>p:last-child{margin:18px 0 0;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--ink-2);max-width:32em}
.r-vis{position:relative;min-height:440px;padding:clamp(22px,3vw,40px);border-radius:28px;display:flex;flex-direction:column;justify-content:center;gap:14px;
  background:radial-gradient(120% 80% at 20% 0%,#FFFFFF 0%,#F1F7FE 55%,#E6F0FC 100%);border:1px solid var(--wash-2);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);overflow:hidden}
.r-vis::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,78,142,.10) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.m{position:relative;z-index:1;background:#fff;border:1px solid #e1e8f0;border-radius:18px;box-shadow:0 1px 0 rgba(10,13,18,.03),0 28px 50px -34px rgba(10,13,18,.55)}
.m-k{display:flex;align-items:center;gap:8px;margin:0;font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.m-k span{margin-left:auto;letter-spacing:.04em;text-transform:none;color:var(--deep)}
.m-k svg{width:15px;height:15px;fill:none;stroke:var(--deep);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.m-mid{margin:10px 0 0;font:500 17px/1.35 var(--sans);color:var(--ink);letter-spacing:-.01em}
.m-float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px}
.m-float b{display:block;font:500 14px/1.2 var(--sans);color:var(--ink)}
.m-float span span{display:block;font-size:12.5px;color:var(--ink-3)}
.fl-br{right:clamp(14px,2.5vw,30px);bottom:clamp(14px,2.5vw,28px)}
.fl-tr{right:clamp(14px,2.5vw,30px);top:clamp(14px,2.5vw,28px)}
.ok{font-style:normal;color:#1a8f5a;font-weight:600}
.yes{display:inline-block;padding:7px 12px;border-radius:999px;background:var(--deep);color:#fff;font:500 12.5px/1 var(--sans)}
/* brand */
.m-bp{padding:24px 24px 22px;margin-bottom:40px}
.m-big{margin:12px 0 0;font:600 clamp(19px,1.8vw,24px)/1.18 var(--serif,'Hanken Grotesk');letter-spacing:-.02em;color:var(--ink)}
.m-say{margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.m-say span{font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.m-say em{font-style:italic;font-weight:600;color:var(--ink)}
.m-chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.m-chips span{padding:6px 10px;border-radius:999px;background:#EEF7F1;color:#1a6b46;font-size:12.5px}
/* week */
.m-bet{padding:18px 20px;max-width:440px}
.m-by{margin:12px 0 0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}
.m-by .op-av{width:24px;height:24px}
.m-by .op-av svg{width:12px;height:12px}
.m-week{list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.m-week li{display:flex;flex-direction:column;gap:6px;min-width:0}
.m-week .wd{font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:2px 2px 4px}
.m-week .wpc{display:flex;flex-direction:column;gap:4px;padding:8px 7px;border-radius:10px;background:#F6F9FD;border:1px solid #E4ECF5;min-height:92px}
.m-week .wpc b{font:500 11.5px/1.1 var(--sans);color:var(--ink)}
.m-week .wpc span{font-size:11px;line-height:1.25;color:var(--ink-2)}
.m-week li.on .wpc{background:#0F2747;border-color:#0F2747}
.m-week li.on .wpc b,.m-week li.on .wpc span{color:#fff}
.m-week .wrest{padding:8px 6px;border-radius:10px;border:1px dashed #d6dfea;min-height:92px;font-size:11px;color:#a6afba}
/* what's working */
.m-coll{padding:16px;margin-bottom:56px}
.m-th{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.m-th img{display:block;width:100%;height:auto;border-radius:10px}
.m-anat{display:block;width:min(300px,62%);padding:14px 16px}
.m-anat ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.m-anat li{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:8px;position:relative;padding-bottom:6px}
.m-anat li::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--w);border-radius:2px;background:var(--c)}
.m-anat b{font:500 13px/1 var(--sans);color:var(--ink)}
.m-anat li span{font-size:12px;color:var(--ink-2)}
/* writing */
.m-chat{padding:18px;display:flex;flex-direction:column;gap:12px}
.m-plats{display:flex;gap:8px;padding-bottom:10px;border-bottom:1px solid #edf1f5}
.m-plats img{opacity:.85}
.b-you{align-self:flex-end;margin:0;padding:9px 13px;border-radius:16px 16px 4px 16px;background:#0B84FF;color:#fff;font-size:14px}
.b-team{display:flex;gap:10px;align-items:flex-start}
.b-post{flex:1;padding:12px 14px;border-radius:4px 16px 16px 16px;background:#F3F5F8;border:1px solid #e6ebf1}
.b-post p{margin:0 0 6px;font-size:13.5px;line-height:1.4;color:var(--ink)}
.b-post p:first-child{font-weight:600}
.b-post .dim{margin:0;color:var(--ink-3)}
.b-acts{display:flex;gap:8px;padding-left:44px}
.b-acts span:not(.yes){padding:7px 12px;border-radius:999px;border:1px solid #dbe3ec;font-size:12.5px;color:var(--ink-2)}
/* editing */
.m-edit{padding:12px;overflow:hidden}
.m-frame{position:relative;border-radius:12px;overflow:hidden}
.m-frame img{display:block;width:100%;height:auto}
.m-frame .cap{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);padding:0 4px;font:500 clamp(13px,1.3vw,17px)/1.2 var(--sans);color:#ACD8F7;white-space:nowrap}
.m-tl{position:relative;margin-top:10px;display:flex;flex-direction:column;gap:5px}
.m-tl p{margin:0;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px}
.m-tl i{font:normal 400 10px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.tr{position:relative;height:14px;border-radius:4px;background:#F2F5F9}
.tr b{position:absolute;top:2px;bottom:2px;border-radius:3px}
.tr.v b{background:#9CC7F6}.tr.c b{background:#61AEFA}.tr.g b{background:#C4B5F2}.tr.mu b{background:#BFE3CF}
.m-tl .ph{position:absolute;top:-4px;bottom:-4px;left:calc(58px + 8px + 44%);width:2px;background:#E5484D;border-radius:1px;z-index:1}
.m-capcut{padding:10px 14px}
/* repurposing */
.v-repurpose{flex-direction:row!important;align-items:center;justify-content:center}
.m-src{width:44%;flex:none;padding:10px}
.m-src img{display:block;width:100%;height:auto;border-radius:10px}
.m-src p{margin:8px 2px 2px;display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink-3)}
.m-src b{font-weight:500;color:var(--ink)}
.m-arrow{position:relative;z-index:1;flex:none;width:34px;height:2px;background:#9CC7F6}
.m-arrow::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left-color:#9CC7F6;border-right:0}
.m-outs{list-style:none;flex:1;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px}
.m-outs li{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:12px;background:#F6F9FD;border:1px solid #E4ECF5}
.m-outs b{font:500 22px/1 var(--sans);color:var(--deep);letter-spacing:-.02em}
.m-outs span{font-size:13px;color:var(--ink-2)}
.m-outs .m-sched{flex-direction:column;gap:8px;background:#fff}
.pfs{display:flex;gap:7px}
.m-sched .ok{font-size:12.5px}
/* memory */
.m-mem{padding:18px 18px 8px;margin-bottom:62px}
.m-mem ul{list-style:none;margin:12px 0 0;padding:0}
.m-mem li{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:10px 0;border-top:1px solid #eef2f6;font-size:14px;color:var(--ink)}
.m-mem .md{font:400 11px/1.6 var(--mono);color:var(--ink-3)}
.m-next{display:block;width:min(290px,60%);padding:14px 16px}
.m-next .m-mid{font-size:15px;margin-bottom:10px}
@media (max-width:900px){
  .frow,.frow.flip{grid-template-columns:1fr}
  .frow.flip .r-vis{order:0}
  .r-vis{min-height:0}
  .m-week{grid-template-columns:repeat(4,1fr)}
  .v-repurpose{flex-direction:column!important}
  .m-src{width:100%}.m-arrow{transform:rotate(90deg);margin:8px 0}
  .m-outs{width:100%}
}

/* the week as an agenda: one line per day */
.m-week{display:flex!important;flex-direction:column;gap:0!important;padding:6px 14px!important}
.m-week li{flex-direction:row!important;align-items:center;gap:12px!important;padding:8px 0;border-top:1px solid #eef2f6}
.m-week li:first-child{border-top:0}
.m-week .wd{width:34px;flex:none;padding:0!important}
.m-week .wpc{flex:1;flex-direction:row!important;align-items:center;gap:8px!important;min-height:0!important;padding:7px 10px!important}
.m-week .wpc b{flex:none;width:76px;font-size:12px!important}
.m-week .wpc span{font-size:13px!important;color:var(--ink)!important}
.m-week li.on .wpc span{color:#fff!important}
.m-week .wrest{flex:1;min-height:0!important;padding:7px 10px!important}
.v-week .m-bet{max-width:none}
@media (max-width:900px){.m-week{display:flex!important}}

/* rows: the cards come in one after the other when the row arrives (Oct 26) */
.frow .m{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.frow:not(.in) .m{opacity:0;transform:translateY(22px)}
.frow.in .m-float,.frow.in .cv-dm{transition-delay:.18s}
@media (prefers-reduced-motion:reduce){.frow .m{transition:none}.frow:not(.in) .m{opacity:1;transform:none}}
.op-av.sm{width:24px;height:24px}
.op-av.sm svg{width:12px;height:12px}
.fl-bl{left:clamp(14px,2.5vw,30px);bottom:clamp(14px,2.5vw,28px)}

/* show up as yourself */
.su-chat{padding:18px 18px 16px;margin:0 0 110px auto;width:min(420px,92%);display:flex;flex-direction:column;gap:10px}
.su-chat .m-k{gap:8px;text-transform:none;letter-spacing:.02em;font-size:12px}
.b-coach{align-self:flex-start;margin:0;padding:9px 13px;border-radius:16px 16px 16px 4px;background:#F3F5F8;border:1px solid #e6ebf1;font-size:14px;color:var(--ink)}
.su-chat .b-you{max-width:88%;font-size:14px;line-height:1.4}
.su-pass{margin:2px 0 0;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#EEF7F1;border:1px solid #d4ecdd}
.su-pass b{font:600 13px/1.2 var(--sans);color:#1a6b46}
.su-pass span{font-size:12.5px;color:#2f5d46}
.su-brand{display:block;width:min(250px,56%);padding:14px 16px}
.su-brand .m-k{gap:8px;text-transform:none;letter-spacing:.02em;font-size:12px}
.su-brand ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ink)}

/* conversations */
.v-convo{flex-direction:row!important;align-items:center;justify-content:center;gap:0!important}
.cv-post{width:46%;flex:none;padding:14px}
.cv-h{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}
.cv-h b{color:var(--ink);font-weight:600}
.cv-c{margin:0;padding:8px 0;border-top:1px solid #eef2f6;font-size:13px;line-height:1.4;color:var(--ink-2)}
.cv-c b{font-weight:600;color:var(--ink);margin-right:4px}
.cv-c em{font-style:normal;font-weight:700;color:var(--deep);background:#EAF3FE;padding:1px 6px;border-radius:5px}
.cv-arrow{position:relative;z-index:1;flex:none;width:28px;height:2px;background:#9CC7F6}
.cv-arrow::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left-color:#9CC7F6;border-right:0}
.cv-dm{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px}
.b-me{align-self:flex-end;margin:0;max-width:88%;padding:8px 12px;border-radius:16px 16px 4px 16px;background:#0B84FF;color:#fff;font-size:13px;line-height:1.35}
.b-them{align-self:flex-start;margin:0;max-width:88%;padding:8px 12px;border-radius:16px 16px 16px 4px;background:#E9E9EB;color:#111;font-size:13px}
.cv-draft{margin:4px 0 0;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#F6F9FD;border:1px solid #E4ECF5;font-size:12.5px;color:var(--ink-2)}
.cv-draft .yes{margin-left:auto}

/* the concept: the more you make, the more it knows you */
main>.cx,main>.fw{margin-top:var(--gap)}
.cx-grow{max-width:1040px;margin:clamp(34px,5vh,52px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}
.cx-col{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 22px 44px -36px rgba(10,13,18,.5)}
.cx-when{margin:0;font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.cx-stack{margin-top:16px;display:flex;flex-direction:column-reverse;gap:4px;min-height:132px;justify-content:flex-start}
.cx-bar{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#61AEFA,#9CC7F6)}
.cx-bar:nth-child(3n+2){background:linear-gradient(90deg,#1C4E8E,#61AEFA);width:86%}
.cx-bar:nth-child(3n){width:70%;background:#C7DDF6}
.cx-t{margin:16px 0 0;font:500 19px/1.2 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.cx-col ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:14.5px;color:var(--ink-2)}
.cx-col.l3{background:#0F2747;border-color:#0F2747}
.cx-col.l3 .cx-when{color:#61AEFA}.cx-col.l3 .cx-t{color:#fff}.cx-col.l3 ul{color:rgba(255,255,255,.78)}
.cx-line{max-width:720px;margin:clamp(26px,4vh,38px) auto 0;text-align:center;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink-2)}
.cx-line b{color:var(--ink);font-weight:500}
.own{list-style:none;max-width:1040px;margin:clamp(22px,3vh,30px) auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.own li{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--wash);border:1px solid var(--wash-2)}
.own-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--deep)}
.own-ic svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.own b{margin-top:6px;font:500 16px/1.2 var(--sans);color:var(--ink)}
.own li>span:last-child{font-size:14px;line-height:1.5;color:var(--ink-2)}
@media (max-width:860px){.cx-grow,.own{grid-template-columns:1fr}.cx-stack{min-height:0}}

/* your first week */
.fw-steps{list-style:none;max-width:1160px;margin:clamp(34px,5vh,52px) auto 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}
.fw-steps::before{content:"";position:absolute;left:4%;right:4%;top:62px;height:2px;background:linear-gradient(90deg,#D9EAFC,#61AEFA)}
.fw-steps li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 12px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 36px -32px rgba(10,13,18,.5)}
.fw-n{font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.fw-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c);color:#1d2733;box-shadow:0 0 0 4px #fff}
.fw-av svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fw-av.nave{background:#0F2747;color:#fff}
.fw-av.nave .mark{fill:currentColor;shape-rendering:crispEdges}
.fw-steps b{font:500 15px/1.2 var(--sans);color:var(--ink)}
.fw-d{font-size:13px;line-height:1.45;color:var(--ink-2)}
.fw-steps li:last-child{background:#0F2747;border-color:#0F2747}
.fw-steps li:last-child b{color:#fff}.fw-steps li:last-child .fw-d{color:rgba(255,255,255,.75)}.fw-steps li:last-child .fw-n{color:#61AEFA}
.fw-human{max-width:900px;margin:clamp(28px,4vh,40px) auto 0;display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;padding:18px 26px 18px 18px;border-radius:22px;background:linear-gradient(180deg,#F6FAFF,#EEF5FE);border:1px solid var(--wash-2)}
.fw-human img{display:block;width:150px;height:170px;object-fit:cover;border-radius:14px;transform:rotate(-2deg);box-shadow:0 18px 30px -18px rgba(10,13,18,.5)}
.fw-hk{margin:0;font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.fw-human h3{margin-top:10px;font:500 clamp(22px,2.2vw,28px)/1.15 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.fw-human ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--ink-2)}
.fw-human ul b{color:var(--ink);font-weight:500}
@media (max-width:1060px){.fw-steps{grid-template-columns:repeat(4,1fr)}.fw-steps::before{display:none}}
@media (max-width:640px){.fw-steps{grid-template-columns:1fr 1fr}.fw-human{grid-template-columns:1fr}.fw-human img{width:120px;height:136px}}
@media (max-width:900px){.v-convo{flex-direction:column!important}.cv-post{width:100%}.cv-arrow{transform:rotate(90deg);margin:10px 0}.cv-dm{width:100%}.su-chat{margin:0 0 140px auto}}

.v-showup{min-height:540px!important;justify-content:flex-start!important}
.su-chat{margin:0 0 0 auto!important}
.su-chat .m-k span.op-av,.su-brand .m-k span.op-av{margin-left:0}
.cv-post{width:40%!important}
.cv-dm .m-k span{white-space:nowrap}
.cv-draft{flex-wrap:nowrap}
@media (max-width:900px){.v-showup{min-height:0!important}.su-chat{margin:0 0 180px auto!important}.cv-post{width:100%!important}}

/* ── council build (Oct 26) ── */
.lab-line{display:block;margin:12px auto 0;font:400 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.lab-cta{display:flex;flex-direction:column;align-items:center}

/* proof strip: documenting the journey */
.journey{max-width:1100px;margin:22px auto 0}
.jk{margin:0 0 12px;font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.journey ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.journey a{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.journey img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 16px 30px -24px rgba(10,13,18,.6);transition:transform .25s}
.journey a:hover img{transform:translateY(-3px)}
.jd{font:400 11.5px/1 var(--mono);letter-spacing:.08em;color:var(--deep)}
.jt{font-size:14px;line-height:1.35;color:var(--ink)}
@media (max-width:900px){.journey ul{grid-template-columns:repeat(2,1fr)}}

/* the quote hands off to the chapters */
.rel-more u{text-decoration:none;background:var(--swipe) center 62%/100% 58% no-repeat;padding:0 .06em}
.handoff{margin:22px auto 0;text-align:center;font:400 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.handoff span{display:block;margin-top:6px;font-size:18px;color:var(--blue)}

/* one real week */
main>.w7{margin-top:var(--gap)}
.w7-kick{margin:0 0 12px;font:400 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.w7-track{height:calc(var(--n) * 70vh + 100vh)!important}
.w7-sticky{max-width:1240px!important;grid-template-columns:236px minmax(0,1fr)!important;top:max(84px,calc(50vh - 300px))!important}
.w7-side{display:flex;flex-direction:column;gap:16px}
.w7-dots{margin:0;display:flex;gap:6px}
.w7-dots i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:normal 500 10.5px/1 var(--sans);color:var(--ink-3);background:#fff;box-shadow:inset 0 0 0 1px #d6dfea;transition:background .3s,color .3s,box-shadow .3s}
.w7-dots i.done{background:var(--deep);color:#fff;box-shadow:none}
.w7-nav{padding-left:0!important}
.w7-nav::before{display:none}
.w7-nav li{border-top:0!important;border-bottom:0!important}
.w7-nav .w7-ch{margin:14px 0 4px;font:400 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.w7-nav .w7-ch:first-child{margin-top:0}
.w7-nav button{padding:7px 0 7px 12px!important;font-size:14px!important;line-height:1.25!important;border-left:2px solid #e3e9f0!important}
.w7-nav button::before{display:none!important}
.w7-nav button span{min-width:30px!important}
.w7-nav button.on{border-left-color:var(--deep)!important}
.w7-nav button.done{color:var(--ink-3)}
.w7-stage{height:clamp(500px,66vh,600px)!important}
.w7-card{display:grid!important;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(22px,3vw,40px);align-items:center;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:translateY(24px)!important}
.w7-card.on{transform:none!important}
.w7-card.past{opacity:0!important;transform:translateY(-16px)!important}
.w7-day{margin:0;font:400 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.w7-txt h3{margin-top:14px;font:500 clamp(26px,2.6vw,38px)/1.08 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.w7-txt h3 .dim{display:block;color:#9aa3ad}
.w7-desc{margin:16px 0 0;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.w7-vis{min-width:0}
.w7-win{margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #dfe6ee;box-shadow:0 1px 0 rgba(10,13,18,.04),0 50px 90px -56px rgba(10,13,18,.65)}
.w7-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#f4f6f9;border-bottom:1px solid #e3e8ee}
.w7-bar i{width:9px;height:9px;border-radius:50%;background:#d6dce3}
.w7-bar span{margin-left:10px;font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.w7-win>picture img{display:block;width:100%;height:auto}
.w7-win .m-plats img,.w7-win .cv-h img,.w7-cc img{width:16px!important;height:16px!important;display:inline-block}
.w7-built{aspect-ratio:auto}
.w7-rc{margin:12px 2px 0;font:400 11.5px/1.4 var(--mono);letter-spacing:.05em;color:var(--ink-3)}
.w7-rc::before{content:"● ";color:#61AEFA}
.w7-chat{padding:18px;display:flex;flex-direction:column;gap:12px;background:#fbfcfe}
.w7-edit{padding:14px;background:#fbfcfe}
.w7-edit .m-frame{border-radius:10px;overflow:hidden}
.w7-edit .m-frame img{display:block;width:100%;height:auto}
.w7-cc{margin:12px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.w7-cc b{color:var(--ink);font-weight:500}
.w7-convo{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;padding:18px;background:#fbfcfe;align-items:start}
.cv-post2{padding:14px;border-radius:14px;background:#fff;border:1px solid #e3e8ee}
.cv-dm2{padding:14px;border-radius:14px;background:#fff;border:1px solid #e3e8ee;display:flex;flex-direction:column;gap:8px}
.nb{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:5px;background:#eef1f5;font-size:11.5px;color:var(--ink-3)}
@media (max-width:900px){
  .w7-track{height:auto!important}
  .w7-side{display:none}
  .w7-card{grid-template-columns:1fr!important;transform:none!important;opacity:1!important;position:relative!important;inset:auto!important;margin-bottom:56px}
  .w7-card.past{opacity:1!important;transform:none!important}
  .w7-stage{height:auto!important}
  .w7-convo{grid-template-columns:1fr}
}

/* Sunday: what that week made, on a dark band */
main>.makes{padding-top:clamp(80px,11vh,120px);padding-bottom:clamp(80px,11vh,120px);background:radial-gradient(120% 90% at 50% 0%,#17345E 0%,#0E1B2E 62%);color:#fff}
.makes .w7-kick{color:#61AEFA}
.makes h2{color:#fff}
.makes .show{margin-top:clamp(28px,4vh,40px)}
.makes .tabs button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.makes .tabs button span{color:rgba(255,255,255,.66)}
.makes .tabs button[aria-selected="true"]{background:#fff;color:var(--ink)}
.makes .tabs button[aria-selected="true"] span{color:var(--ink-3)}
.makes .panels,.makes .pan{background:transparent;border-color:rgba(255,255,255,.12)}
.makes .pan-txt h3{color:#fff}
.makes .pan-txt p{color:rgba(255,255,255,.78)}
.makes .pan-txt .stat{color:#61AEFA}
.makes .pan-txt a{color:#ACD8F7}

/* the more you make: the growth list + a Finder window */
.cxg{max-width:1100px;margin:clamp(34px,5vh,52px) auto 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px);align-items:center}
.cxg-list{list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:flex;flex-direction:column;gap:22px}
.cxg-list::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(#D9EAFC,#1C4E8E)}
.cxg-list li{position:relative;display:flex;flex-direction:column;gap:4px}
.cxg-list li::before{content:"";position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #61AEFA}
.cxg-list li:last-child::before{background:var(--deep);box-shadow:none}
.cxg-w{font:400 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.cxg-list b{font:500 20px/1.2 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.cxg-list li>span:last-child{font-size:15px;line-height:1.5;color:var(--ink-2)}
.fd{margin:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #d9dfe6;box-shadow:0 1px 0 rgba(10,13,18,.04),0 44px 80px -50px rgba(10,13,18,.6)}
.fd-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:linear-gradient(#f6f7f9,#eceff3);border-bottom:1px solid #dde2e8}
.fd-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.fd-bar i:nth-child(2){background:#febc2e}.fd-bar i:nth-child(3){background:#28c840}
.fd-bar span{margin:0 auto;font:500 12.5px/1 var(--sans);color:#4a525c;transform:translateX(-24px)}
.fd-body{display:grid;grid-template-columns:150px 180px minmax(0,1fr);min-height:260px}
.fd-col{list-style:none;margin:0;padding:8px 6px;border-right:1px solid #eceff3;display:flex;flex-direction:column;gap:1px}
.fd-col li{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:13px;color:#2b333d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-col li.on{background:#0A64D8;color:#fff}
.fd-ic{flex:none;width:16px;height:12px;border-radius:2px 2px 3px 3px;background:#61AEFA;position:relative}
.fd-ic::before{content:"";position:absolute;left:0;top:-3px;width:7px;height:4px;border-radius:2px 2px 0 0;background:#61AEFA}
.fd-col li.on .fd-ic,.fd-col li.on .fd-ic::before{background:#cfe6ff}
.fd-doc{flex:none;width:11px;height:14px;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 1.2px #9aa3ad}
.fd-col li.on .fd-doc{box-shadow:inset 0 0 0 1.2px #fff}
.fd-prev{padding:18px 20px}
.fd-k{margin:0;font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.fd-h{margin:12px 0 0;font:600 17px/1.2 var(--sans);color:var(--ink)}
.fd-prev p:not(.fd-k):not(.fd-h):not(.fd-m){margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.fd-m{margin:16px 0 0;font:400 11px/1 var(--mono);color:#1a8f5a}
.cx-ai{max-width:1100px;margin:clamp(24px,4vh,34px) auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;font-size:14.5px;color:var(--ink-2)}
.cx-ai b{font-weight:500;color:var(--ink);margin-right:6px}
.cx-ai span:first-child{margin-right:6px}
@media (max-width:860px){.cxg{grid-template-columns:1fr}.fd-body{grid-template-columns:110px 1fr}.fd-prev{display:none}}

/* vision as a short coda */
.ahead .g-svg{height:clamp(120px,15vw,180px)!important}
.ahead .g-dot.d1{top:calc(clamp(120px,15vw,180px) * .9)!important}
.ahead .g-dot.d2{top:calc(clamp(120px,15vw,180px) * .653)!important}
.ahead .g-dot.d3{top:calc(clamp(120px,15vw,180px) * .247)!important}
.ahead .g-nave{top:calc(clamp(120px,15vw,180px) * .02 + 20px)!important}
main>.ahead{margin-top:clamp(70px,10vh,110px)}

/* the ask: a full-width deep blue band, the promise back */
main>.join{background:radial-gradient(120% 100% at 50% 0%,#1C4E8E 0%,#0F2747 70%)!important}
.join::before,.join::after{display:none!important}
.join-card{background:none!important;box-shadow:none!important;border:0!important}
.join h2{max-width:20ch;margin-left:auto;margin-right:auto}

.w7-sticky{grid-template-columns:214px minmax(0,1fr)!important}
.w7-card{grid-template-columns:minmax(0,.56fr) minmax(0,1.44fr)!important}

/* ── council round 3 fixes (Oct 26) ── */
/* app captures: padded, readable, centred */
.w7-win>picture{display:block;padding:14px;background:#fbfcfe}
.w7-win>picture img{border-radius:8px;border:1px solid #e6ebf1}
.w7-track{height:calc(var(--n) * 62vh + 40vh)!important}
.w7-txt h3{text-wrap:balance;font-size:clamp(26px,2.5vw,36px)!important}
.w7-sticky{grid-template-columns:190px minmax(0,1fr)!important}
.w7-nav button{font-size:13.5px!important}
.w7-nav button span{min-width:34px!important}

/* hand-offs: the carousel cue at the foot of each section */
.handoff{max-width:900px}
section>.handoff{margin-top:clamp(40px,6vh,64px)}
.makes .handoff{color:#ACD8F7}.makes .handoff span{color:#61AEFA}

/* proof strip: numbers on one quiet line, no boxes */
.ownrun .proof-row{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ownrun .proof-row li{background:none;border:0;border-radius:0;box-shadow:none;padding:22px 22px 20px;border-left:1px solid var(--line)}
.ownrun .proof-row li:first-child{border-left:0}
.ownrun .proof-row b{font-size:clamp(34px,3.4vw,48px)}
.ownrun .proof-row span{font-size:14.5px}
@media (max-width:900px){.ownrun .proof-row li:nth-child(3){border-left:0}.ownrun .proof-row li{border-top:1px solid var(--line)}.ownrun .proof-row li:nth-child(-n+2){border-top:0}}

/* dark band: readable inactive tabs */
.makes .tabs button b{color:#E6EEF8}
.makes .tabs button span{color:#9FB3CC!important}
.makes .tabs button[aria-selected="true"] b{color:var(--ink)}
.makes .tabs button[aria-selected="true"] span{color:var(--ink-3)!important}
.makes .sub{color:rgba(255,255,255,.75)}

/* the letter's chapter label */
.enote .label.four{display:flex;flex-direction:column;gap:8px;text-transform:none;letter-spacing:0;font:500 15px/1.3 var(--sans);color:var(--ink)}
.enote .label.four .sm{font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

/* your first week: the same dot row, not seven cards */
.fw-steps li{background:none!important;border:0!important;box-shadow:none!important;padding:0 6px!important;align-items:center!important;text-align:center}
.fw-steps li:last-child{background:none!important}
.fw-steps li:last-child b{color:var(--ink)!important}.fw-steps li:last-child .fw-d{color:var(--ink-2)!important}.fw-steps li:last-child .fw-n{color:var(--deep)!important}
.fw-av{display:none!important}
.fw-n{order:-1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #c9d3df;font:500 12px/1 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink-2)!important}
.fw-steps li:last-child .fw-n{background:var(--deep);box-shadow:none;color:#fff!important}
.fw-steps::before{top:22px!important;left:7%!important;right:7%!important}
.fw-steps b{margin-top:6px}

/* phone: the week stacks, a slim day bar on top */
@media (max-width:900px){
  .w7-track{height:auto!important}
  .w7-sticky{display:block!important;position:static!important}
  .w7-side{display:flex!important;position:sticky;top:64px;z-index:5;padding:8px 0;background:rgba(252,252,250,.94);backdrop-filter:blur(8px)}
  .w7-nav{display:none!important}
  .w7-stage{height:auto!important;display:flex;flex-direction:column;gap:56px}
  .w7-card,.w7-card.on,.w7-card.past{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;gap:16px;grid-template-columns:none!important;opacity:1!important;transform:none!important}
  .w7-txt h3{font-size:28px!important}
  .fw-steps{grid-template-columns:1fr!important;gap:14px}
  .fw-steps::before{display:none}
  .fw-steps li{display:grid!important;grid-template-columns:36px 1fr;column-gap:12px;row-gap:2px;align-items:start!important;text-align:left}
  .fw-steps li b{margin-top:6px}
  .fw-n{grid-row:span 2;width:36px;height:36px}
}

/* ── council round 4 fixes (Oct 26) ── */
.enote .label.four::after{content:none}
.enote .label.four .mark-hand{align-self:flex-start;display:inline}
.ownrun .proof-row li.wide b{white-space:nowrap;font-size:clamp(28px,2.6vw,40px)}
.w7-win>picture{display:flex;justify-content:center}
.w7-win>picture img{width:auto!important;max-width:100%;max-height:440px}
@media (max-width:900px){
  .w7-side{position:sticky;top:60px;z-index:6;margin:0 calc(-1 * var(--pad));padding:10px var(--pad)!important;background:rgba(250,250,248,.95)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);flex-direction:row!important;align-items:center;gap:12px!important}
  .w7-side::after{content:attr(data-now);font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
  .ownrun .proof-row li.wide{grid-column:1/-1;border-left:0}
}

/* ── v14 (Oct 26 night): what Nave is, then every part as Eden-style rows ── */
.m svg,.nv svg:not(.mark),.bk-in svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* what Nave is: his sketch */
.nv-map{max-width:1120px;margin:clamp(36px,6vh,60px) auto 0;display:grid;grid-template-columns:220px 70px 240px minmax(0,1fr);align-items:center;gap:0}
.nv-k{margin:0 0 12px;font:400 11.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:8px}
.nv-ai{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.nv-ai ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nv-ai li{display:flex;align-items:center;gap:10px;font:500 15px/1.2 var(--sans);color:var(--ink)}
.nv-wire{height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 6px,transparent 6px 11px)}
.nv-core{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;
  background:radial-gradient(circle at 35% 30%,#fff 0%,#EAF3FE 60%,#D9EAFC 100%);border:1.5px solid #9CC7F6;box-shadow:0 30px 60px -36px rgba(28,78,142,.6),0 0 0 10px rgba(97,174,250,.08)}
.nv-core .mark{fill:var(--deep)}
.nv-core b{font:500 30px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.nv-core>span{font:400 12px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--deep);max-width:14em}
.nv-spokes{list-style:none;margin:0 0 0 -6px;padding:0;display:grid;gap:12px;position:relative}
.nv-spokes li{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin-left:46px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.nv-spokes li::before{content:"";position:absolute;right:100%;top:50%;width:46px;height:1.5px;background:#9CC7F6}
.nv-spokes li:nth-child(1)::before{transform:rotate(18deg);transform-origin:right center}
.nv-spokes li:nth-child(2)::before{transform:rotate(6deg);transform-origin:right center}
.nv-spokes li:nth-child(3)::before{transform:rotate(-6deg);transform-origin:right center}
.nv-spokes li:nth-child(4)::before{transform:rotate(-18deg);transform-origin:right center}
.nv-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--wash);color:var(--deep)}
.nv-spokes b{display:block;font:500 16px/1.25 var(--sans);color:var(--ink)}
.nv-spokes span span{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.nv-instead{max-width:1120px;margin:clamp(28px,4vh,40px) auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding:18px 22px;border-radius:18px;background:var(--wash);border:1px solid var(--wash-2)}
.nv-instead .nv-k{margin:0}
.nv-instead ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px}
.nv-instead li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink-3)}
.nv-instead li img{opacity:.55;filter:grayscale(1)}
.nv-instead s{text-decoration-color:#d4574a;text-decoration-thickness:2px}
.nv-just{margin:0 0 0 auto;display:flex;align-items:center;gap:10px;font-size:15.5px;color:var(--ink-2)}
.nv-just .mark{fill:var(--deep)}
.nv-just b{color:var(--ink);font-weight:600}
.nv-diff{max-width:1120px;margin:clamp(56px,9vh,88px) auto 0}
.nv-diff h3{margin:0 0 20px;text-align:center;font:500 clamp(26px,2.6vw,34px)/1.1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.nv-cols{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:14px;align-items:stretch}
.nv-col{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.nv-col .nv-k{margin:0}
.nv-eg{margin:0 0 10px;font-size:13.5px;color:var(--ink-3)}
.nv-col b{font:500 18px/1.3 var(--sans);color:var(--ink);letter-spacing:-.01em}
.nv-col>span{font-size:15px;line-height:1.5;color:var(--ink-2)}
.nv-col.on{background:linear-gradient(180deg,#F4F9FF,#fff);border:1.5px solid var(--blue);box-shadow:0 30px 60px -40px rgba(28,78,142,.6)}
.nv-col.on .nv-k{color:var(--deep)}.nv-col.on .mark{fill:var(--deep)}
.nv-loop{margin:22px 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font:500 15px/1 var(--sans);color:var(--ink)}
.nv-loop span{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--wash-2);box-shadow:var(--shadow)}
.nv-loop i{font-style:normal;color:var(--blue);font-size:18px}
@media (max-width:1000px){
  .nv-map{grid-template-columns:1fr;justify-items:center;gap:0}
  .nv-ai{width:100%;max-width:420px}.nv-ai ul{grid-template-columns:repeat(3,auto);justify-content:center;gap:16px}
  .nv-wire{width:2px;height:36px;background:repeating-linear-gradient(180deg,var(--blue) 0 6px,transparent 6px 11px)}
  .nv-core{width:220px}
  .nv-spokes{margin:28px 0 0;width:100%;max-width:560px}.nv-spokes li{margin-left:0}.nv-spokes li::before{display:none}
  .nv-cols{grid-template-columns:1fr}.nv-just{margin:0}
}
/* chapter labels between the rows */
.fch{max-width:1160px;margin:clamp(72px,11vh,120px) auto 0;display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line);font:500 clamp(22px,2vw,28px)/1.1 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.fch span{font:400 12.5px/1 var(--mono);letter-spacing:.12em;color:var(--deep)}
.fch+.frow{margin-top:clamp(36px,6vh,56px)}
/* 01 strategy */
.v-strat{justify-content:center!important}
.sx-ctx{padding:20px;max-width:440px;width:100%;margin:40px auto 0}
.sx-list{list-style:none;margin:12px 0 0;padding:0}
.sx-list li{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:10px 0;border-top:1px solid #eef2f6}
.sx-list li:first-child{border-top:0}
.sx-list b{font:500 15px/1.3 var(--sans);color:var(--ink)}
.sx-list span{grid-row:2;font-size:13px;color:var(--ink-3)}
.sx-list i{grid-row:span 2;align-self:center;font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#E3F3EC;color:#2E7D5B;font-size:13px}
.sx-pk{margin-top:14px!important}
.sx-pills{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.sx-pills span{padding:6px 10px;border-radius:999px;background:var(--c);font:500 12.5px/1.2 var(--sans);color:#1d2733}
.sx-q{max-width:280px;left:clamp(14px,2.5vw,30px);right:auto!important}
.sx-q b{font-size:13px!important}.sx-q span span{font-size:13.5px!important;color:var(--ink-2)!important;margin-top:2px}
/* 02 board */
.bd{padding:16px;width:100%}
.bd-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}
.bd-tog{display:inline-flex;padding:3px;border-radius:10px;background:#f1f4f8;margin-right:6px}
.bd-tog b,.bd-tog span{padding:6px 10px;border-radius:8px;font:500 12.5px/1 var(--sans);color:var(--ink-3)}
.bd-tog b{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(10,13,18,.08)}
.bd-f{padding:6px 10px;border-radius:999px;background:var(--c,#fff);border:1px solid #e1e8f0;font:500 12px/1 var(--sans);color:#1d2733}
.bd-f.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bd-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bd-col{padding:10px;border-radius:14px;background:#f6f8fb;display:flex;flex-direction:column;gap:8px}
.bd-h{margin:0 0 2px;display:flex;align-items:center;gap:6px;font:500 13px/1 var(--sans);color:var(--ink)}
.bd-h i{font-style:normal;font-size:11px;padding:3px 6px;border-radius:6px;background:#e7ecf2;color:var(--ink-3)}
.bd-card{padding:10px;border-radius:10px;background:#fff;border:1px solid #e6ebf1;display:flex;flex-direction:column;gap:6px}
.bd-p{margin:0;display:flex;align-items:center;gap:6px;font:400 11px/1 var(--sans);color:var(--ink-3)}
.bd-p::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.bd-card b{font:500 13.5px/1.3 var(--sans);color:var(--ink)}
.bd-meta{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-3)}
.bd-ok{align-self:flex-start;padding:4px 8px;border-radius:999px;background:var(--deep);color:#fff;font:500 11px/1 var(--sans)}
.bd-card.yes{border-color:#9CC7F6}
/* 03 outliers */
.ou{padding:16px;width:100%}
.ou-search{margin:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #dfe6ee;font-size:14px;color:var(--ink)}
.ou-search svg{color:var(--ink-3)}
.ou-search span{margin-left:auto;font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.ou-tabs{margin:12px 0 4px;display:flex;flex-wrap:wrap;gap:6px}
.ou-tabs b,.ou-tabs span{padding:6px 10px;border-radius:999px;font:500 12px/1 var(--sans);color:var(--ink-3);border:1px solid #e1e8f0}
.ou-tabs b{background:var(--ink);color:#fff;border-color:var(--ink)}
.ou-list{list-style:none;margin:8px 0 0;padding:0}
.ou-list li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid #eef2f6}
.ou-list li:first-child{border-top:0}
.ou-list img{width:96px;height:54px;object-fit:cover;border-radius:8px}
.ou-list b{display:block;font:500 13.5px/1.3 var(--sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ou-list span span{display:block;margin-top:3px;font-size:12px;color:var(--ink-3)}
.ou-list i{font-style:normal;padding:6px 9px;border-radius:999px;background:#E3F3EC;color:#22704F;font:600 13px/1 var(--sans)}
.ou-note{margin:8px 0 0;font:400 11px/1.3 var(--mono);color:var(--ink-3)}
/* 04 creators */
.cl{padding:16px;width:100%;max-width:470px;margin:0 auto 70px}
.cl-list{list-style:none;margin:10px 0 0;padding:0}
.cl-list li{display:grid;grid-template-columns:36px minmax(0,1fr) 16px 52px 92px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #eef2f6}
.cl-list li:first-child{border-top:0}
.cl-list li>img:first-child{width:36px;height:36px;border-radius:50%;object-fit:cover}
.cl-list b{font:500 14px/1.2 var(--sans);color:var(--ink)}
.cl-list span{font-size:13px;color:var(--ink-2);text-align:right}
.cl-list em{font-style:normal;font-size:12px;color:var(--ink-3);text-align:right}
.cl-dd{max-width:330px}
/* 05 ideas library */
.v-buckets{flex-direction:row!important;align-items:center;justify-content:center;gap:0!important}
.bk-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}
.bk-in span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:12px;background:#fff;border:1px solid #e1e8f0;box-shadow:0 10px 20px -18px rgba(10,13,18,.5);font-size:13px;color:var(--ink);white-space:nowrap}
.bk-in span:nth-child(2n){margin-left:18px}
.bk-in svg{color:var(--deep)}
.bk-arrow{position:relative;z-index:1;width:34px;height:2px;margin:0 6px;background:repeating-linear-gradient(90deg,var(--blue) 0 5px,transparent 5px 9px)}
.bk{padding:16px;width:280px}
.bk-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bk-grid li{padding:10px;border-radius:12px;background:#f6f8fb}
.bk-grid b{display:block;font:500 22px/1 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.bk-grid span{display:block;margin-top:4px;font-size:12px;color:var(--ink-3)}
.bk-foot{margin:12px 0 0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}
/* 06 research */
.rs{max-width:470px;width:100%;margin:0 auto}
.rs-brief{flex:1;padding:14px;border-radius:4px 16px 16px 16px;background:#f4f7fb;border:1px solid #e6ebf1}
.rs-brief ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}
.rs-brief li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.35;color:var(--ink-3)}
.rs-brief li svg{flex:none;margin-top:2px;color:var(--deep)}
.rs-brief li b{display:block;font:500 13.5px/1.3 var(--sans);color:var(--ink)}
/* 11 routines */
.rt{padding:16px;width:100%;max-width:440px;margin:0 auto 64px}
.rt-list{list-style:none;margin:10px 0 0;padding:0}
.rt-list li{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #eef2f6}
.rt-list li:first-child{border-top:0}
.rt-list b{font:500 14px/1.2 var(--sans);color:var(--ink)}
.rt-list span{font-size:12px;color:var(--ink-3)}
.rt-list i{position:relative;width:34px;height:20px;border-radius:999px;background:#dfe5ec}
.rt-list i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .3s}
.rt-list li.on i{background:var(--deep)}
.rt-list li.on i::after{left:16px}
.rt-ready{max-width:300px}
/* projects grid */
.proj .team-in{max-width:1080px}
@media (max-width:900px){
  .v-buckets{flex-direction:column!important}.bk-arrow{width:2px;height:28px;margin:6px 0;background:repeating-linear-gradient(180deg,var(--blue) 0 5px,transparent 5px 9px)}
  .bk-in{flex-direction:row;flex-wrap:wrap;justify-content:center}.bk-in span:nth-child(2n){margin-left:0}
  .bk{width:100%}
  .bd-cols{grid-template-columns:1fr 1fr}.bd-col:nth-child(3){display:none}
  .cl-list li{grid-template-columns:32px minmax(0,1fr) 16px 48px}.cl-list em{display:none}
  .sx-ctx{margin-top:90px}
  .cl,.rt{margin-bottom:96px}
}

/* v14 fixes */
.nv-core{position:relative;z-index:2}
.nv-spokes li::before{width:120px;z-index:-1}
.nv-spokes li:nth-child(1)::before{transform:rotate(24deg)}
.nv-spokes li:nth-child(2)::before{transform:rotate(8deg)}
.nv-spokes li:nth-child(3)::before{transform:rotate(-8deg)}
.nv-spokes li:nth-child(4)::before{transform:rotate(-24deg)}
.sx-ctx{margin-top:96px}
.bd-p,.bd-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.frow.flip{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
@media (max-width:900px){.frow.flip{grid-template-columns:1fr}}
@media (max-width:1000px){.nv-just{display:block;line-height:1.5}.nv-just .mark{vertical-align:-3px;margin-right:6px}}

/* ── v14b: the stages carousel (Oct 26 night) ── */
.stg-bar{max-width:1240px;margin:clamp(30px,5vh,48px) auto 0;display:flex;align-items:center;gap:16px}
.stg-tabs{list-style:none;margin:0;padding:4px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);flex:1;min-width:0}
.stg-tabs::-webkit-scrollbar{display:none}
.stg-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 14px;border:0;border-radius:999px;background:none;cursor:pointer;font:500 14.5px/1 var(--sans);color:var(--ink-2);transition:background .2s,color .2s}
.stg-tabs button span{font:400 11px/1 var(--mono);color:var(--ink-3)}
.stg-tabs button:hover{background:var(--wash)}
.stg-tabs button[aria-current="true"]{background:var(--ink);color:#fff}
.stg-tabs button[aria-current="true"] span{color:#9fb3cc}
.stg-arrows{display:flex;gap:8px;flex:none}
.stg-arrows button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);cursor:pointer;font:500 18px/1 var(--sans);color:var(--ink);transition:background .2s,opacity .2s}
.stg-arrows button:hover{background:var(--wash)}
.stg-arrows button:disabled{opacity:.35;cursor:default}
.stg-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  margin:22px calc(50% - 50vw / var(--z)) 0;padding:6px max(20px,calc((100vw / var(--z) - 1240px) / 2)) 30px;scroll-padding:0 max(20px,calc((100vw / var(--z) - 1240px) / 2))}
.stg-rail::-webkit-scrollbar{display:none}
.stg-rail:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.sc{flex:0 0 clamp(300px,31vw,420px);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(10,13,18,.03),0 30px 60px -44px rgba(28,78,142,.55);overflow:hidden}
.sc-vis{position:relative;aspect-ratio:4/3;overflow:hidden;padding:24px 0 0 24px;background:radial-gradient(120% 90% at 10% 0%,#fff 0%,#EEF5FE 55%,#E1ECFA 100%);border-bottom:1px solid var(--wash-2)}
.sc-vis::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,78,142,.10) 1px,transparent 1.2px);background-size:16px 16px;pointer-events:none}
.sc-win{position:relative;width:var(--w,150%);border-radius:12px 0 0 0;overflow:hidden;background:#fff;border:1px solid #d5e1ee;border-right:0;box-shadow:0 24px 48px -28px rgba(10,13,18,.45)}
.sc-win img{display:block;width:100%;height:auto}
.sc-vis.wide .sc-win{--w:230%}
.sc-vis.mid .sc-win{--w:175%}
.sc-dark{background:radial-gradient(120% 90% at 10% 0%,#1a2230 0%,#0c1118 70%)}
.sc-dark::before{background-image:radial-gradient(rgba(172,216,247,.10) 1px,transparent 1.2px)}
.sc-dark .sc-win{border-color:#2a3442}
.sc-mock{padding:22px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.sc-mock>.m{position:relative;z-index:1;width:100%}
.sc-mock .m-chat{padding:14px;gap:9px}
.sc-mock .b-post p{font-size:12.5px;margin-bottom:4px}
.sc-mock .m-edit{padding:10px}
.sc-mock .rt{margin:0;max-width:none;padding:14px}
.sc-mock .rt-list li{padding:7px 0}
.sc-eg{position:relative;z-index:1;margin:0;align-self:flex-start;padding:5px 10px;border-radius:999px;background:#fff;border:1px dashed #b9cbe0;font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sc-body{flex:1;display:flex;flex-direction:column;padding:22px 24px 24px}
.sc-k{margin:0;font:400 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.sc-body h3{margin:12px 0 0;font:500 clamp(21px,1.75vw,25px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.sc-body h3 em{font-style:normal;background:var(--swipe) center 62%/100% 58% no-repeat;padding:0 .06em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sc-body>p:not(.sc-k):not(.sc-who){margin:12px 0 0;font-size:15.5px;line-height:1.58;color:var(--ink-2)}
.sc-who{margin:auto 0 0;padding-top:14px;border-top:1px solid #edf1f5;display:flex;align-items:center;gap:8px;font:500 13.5px/1.2 var(--sans);color:var(--ink)}
.sc-body>p:nth-last-child(2){margin-bottom:18px!important}
.sc svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sc-who svg{flex:none;color:var(--deep)}
.stg-count{margin:6px auto 0;text-align:center;font:400 12px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.stg-count b{color:var(--ink);font-weight:500}
@media (max-width:900px){
  .stg-bar{flex-direction:column;align-items:stretch}
  .stg-arrows{display:none}
  .stg-tabs{border-radius:16px}
  .sc{flex-basis:86vw}
  .stg-rail{gap:14px}
}
@media (prefers-reduced-motion:reduce){.stg-rail{scroll-behavior:auto}}
.stg-rail{position:relative}

/* his "Finally" lines, heading the stages carousel (Oct 26 night) */
.fin-head{max-width:980px}
.fin{display:flex;flex-direction:column;gap:clamp(10px,1.6vh,16px);margin-top:18px;font:500 clamp(25px,2.7vw,38px)/1.18 var(--sans)!important;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.fin-l{display:block}
.fin-l.fade{transition-delay:calc(var(--d) * 90ms)}
.fin-f{color:#9aa3ad}
.fin em{font-style:normal;background:var(--swipe) center 62%/100% 58% no-repeat;padding:0 .06em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fin-head .sub{margin-top:clamp(22px,3vh,30px)}

.rel-now{max-width:620px;margin:14px auto 0;font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--ink-2);text-wrap:balance}

/* the typing line holds his full "Finally" sentences: room for two lines, so nothing jumps */
.sub.one-place{max-width:760px;margin-left:auto;margin-right:auto;min-height:2.6em;text-wrap:balance}



/* page scale (Oct 26 night): at 100% the page reads like theaicourse.ai at 100% */
:root{--z:1}
@media (min-width:1100px){:root{--z:0.8}html{zoom:var(--z)}}
/* reading labels stay readable once scaled (about 11px on screen) */
@media (min-width:1100px){.lab-line,.handoff,.w7-kick,.nv-k,.sc-k,.stg-count,.jk,.jd,.g-label,.fine,.cxg-w,.fw-hk,.coll-l,.m-label,.f-count,.g-when,.enote .label .sm,.top figcaption{font-size:13.75px!important}}
/* end page scale */
.coll-l{text-wrap:balance}
/* his ask (Oct 26 night): the four kinds on one straight line, in a different colour */
@media (min-width:1100px){.c-start .coll-l{display:block;white-space:nowrap;font-size:12.4px!important;font-weight:500!important;letter-spacing:-.01em;color:var(--deep)!important}}
@media (max-width:1099px){.c-start .coll-l{color:var(--deep)!important;font-weight:500!important}}

/* hero: the two results underlined in blue; the marker stays on the team (Oct 26 night) */
.top h1 .hl{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:.075em;text-underline-offset:.16em;text-decoration-skip-ink:none}
.top .lede{font-weight:500;color:var(--ink)}

/* hero, his try (Oct 26 night): the stacked 3D phrase in Nave blues, on its own big line */
.top h1{max-width:none!important;padding-bottom:.12em}
.top h1 .h1-team{font-weight:600}
.top h1 .xt{display:inline-block;margin-top:.12em;font-weight:900;font-size:1.75em;letter-spacing:-.02em;line-height:1;color:#7DBDFB;white-space:nowrap;
  -webkit-text-stroke:1.6px #0B2447;paint-order:stroke fill;
  filter:drop-shadow(2px 2px 0 #0B2447) drop-shadow(4px 4px 0 #3F8EE6) drop-shadow(2px 2px 0 #0B2447) drop-shadow(4px 4px 0 #2D72C6) drop-shadow(2px 2px 0 #0B2447) drop-shadow(4px 4px 0 #1C4E8E) drop-shadow(2px 2px 0 #0B2447)}
@media (max-width:900px){.top h1 .xt{font-size:1.45em;-webkit-text-stroke:1.1px #0B2447;
  filter:drop-shadow(1px 1px 0 #0B2447) drop-shadow(2px 2px 0 #3F8EE6) drop-shadow(1px 1px 0 #0B2447) drop-shadow(2px 2px 0 #2D72C6) drop-shadow(1px 1px 0 #0B2447) drop-shadow(2px 2px 0 #1C4E8E) drop-shadow(1px 1px 0 #0B2447)}}
@media (max-width:900px){.top h1 .xt{white-space:normal;font-size:1.32em}}
.top .lede{margin-top:clamp(18px,2.4vh,26px);text-wrap:balance;max-width:620px;margin-left:auto;margin-right:auto}

/* the stacked line cycles through his four wordings */
.top h1 .xt{transition:opacity .28s ease,transform .38s cubic-bezier(.2,.9,.25,1.3)}
.top h1 .xt.out{opacity:0;transform:translateY(.18em) scale(.96)}
@media (max-width:900px){.top h1 .xt{min-height:2.1em}}
/* his ask: "AI Content Team" bolder and a bit bigger */
.top h1 .h1-team{font-weight:750;font-size:1.12em;letter-spacing:-.025em}
@media (max-width:900px){.top h1 .xt{white-space:nowrap;min-height:0;font-size:clamp(24px,8.2vw,38px)}}
/* his ask: the stacked line a bit smaller, the line under it a bit bigger */
@media (min-width:901px){.top h1 .xt{font-size:1.42em;-webkit-text-stroke:1.4px #0B2447;filter:drop-shadow(1.5px 1.5px 0 #0B2447) drop-shadow(3px 3px 0 #3F8EE6) drop-shadow(1.5px 1.5px 0 #0B2447) drop-shadow(3px 3px 0 #2D72C6) drop-shadow(1.5px 1.5px 0 #0B2447) drop-shadow(3px 3px 0 #1C4E8E) drop-shadow(1.5px 1.5px 0 #0B2447)}}
.top .lede{font-size:clamp(18px,1.55vw,23px)!important;line-height:1.45;max-width:700px}
/* his ask: the two key phrases in near-black, the rest in grey */
.top .lede{color:#7a828c!important;font-weight:400!important}
.top .lede b{color:var(--ink);font-weight:600}


/* the audience line, back in the hero as a display moment: tall condensed type, a small blue globe (ref "Nous Portal", Oct 26 night) */
.top .for{position:relative;max-width:820px;margin:clamp(30px,4.5vh,46px) auto 0;padding:0 26px;text-align:center}
.for-t{font-family:"Instrument Sans",var(--sans);font-stretch:75%;font-weight:450;font-size:clamp(28px,2.9vw,42px);line-height:1.08;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.for-ic{display:inline-block;vertical-align:super;margin-left:6px;width:.6em;height:.6em;font-size:clamp(28px,2.9vw,42px);color:#2F6FE0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.top .works{margin-top:clamp(22px,3vh,30px)}
@media (max-width:900px){.for-t{font-size:clamp(24px,7vw,30px)}.for-ic{font-size:clamp(24px,7vw,30px)}}

/* his ask: the audience line in the same type as the stacked line (heavy Hanken Grotesk), without the 3D */
.for-t{font-family:var(--sans)!important;font-stretch:normal!important;font-weight:850!important;font-size:clamp(25px,2.4vw,34px)!important;line-height:1.14!important;letter-spacing:-.03em!important}
@media (max-width:900px){.for-t{font-size:clamp(22px,6.2vw,27px)!important}}
/* the audience line sits under the hero video (Oct 26 night) */
.top .app-shot+.for{margin-top:clamp(44px,7vh,72px);max-width:860px}

/* the Nave mark after every "Nave" (Oct 26 night) */
.nv-inl{display:inline-block;width:1.15em;height:.77em;margin-left:.22em;vertical-align:-.04em;fill:var(--deep)!important;stroke:none!important;opacity:1}
.makes .nv-inl,.join .nv-inl,.n-cta .nv-inl{fill:var(--on-dark)!important}
.btn .nv-inl{fill:currentColor!important}

/* 02 Proof + relatability (Oct 26 night) */
.ownrun .own-for{margin:0 auto;max-width:860px}
.hi{max-width:900px;margin:clamp(34px,5vh,52px) auto 0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(22px,3vw,36px);align-items:center;padding:clamp(22px,3vw,32px);border-radius:28px;background:linear-gradient(180deg,#F4F9FF,#fff);border:1px solid var(--wash-2);box-shadow:0 30px 60px -46px rgba(28,78,142,.55)}
.hi-ph{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:50% 22%;box-shadow:0 0 0 6px #fff,0 0 0 7px var(--wash-2)}
.hi-k{margin:0;font:400 13.75px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.hi-big{margin:12px 0 0;font:500 clamp(22px,2vw,28px)/1.25 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.hi-now{margin:12px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--ink-2)}
.own-head{margin-top:clamp(56px,8vh,84px)!important}
/* 05 now holds only "What changed?" */
.rel .rel-more{margin-top:0!important}
@media (max-width:700px){.hi{grid-template-columns:1fr;text-align:center;justify-items:center}.hi-ph{width:120px;height:120px}}
.ownrun .own-for{text-align:center;padding:0 26px}

/* 02 Proof & relatability, as a story (ref theaicourse, Oct 26 night) */
.st2{max-width:1060px;margin:clamp(48px,7vh,80px) auto 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,80px);align-items:center}
.st2-pol{margin:0;justify-self:center;width:min(100%,400px);padding:14px 14px 0;background:#fff;border-radius:4px;transform:rotate(-3deg);box-shadow:0 2px 0 rgba(10,13,18,.04),0 34px 60px -30px rgba(10,13,18,.45)}
.st2-pol img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.st2-pol figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px 16px}
.st2-pol figcaption span:first-child{font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.st2-pol figcaption span:last-child{font-size:14px;color:var(--ink-2)}
.st2-t h2{margin:0;font:450 clamp(28px,2.6vw,38px)/1.18 var(--sans);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;text-align:left}
.st2-t>p{margin:18px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--ink-3)}
.st2-n{margin:26px 0 0}
.st2-n div{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:baseline;padding:16px 0;border-top:1px solid var(--line)}
.st2-n dt{font:400 clamp(26px,2.3vw,34px)/1.05 var(--mono);letter-spacing:-.02em;color:#2F6FE0}
.st2-n dd{margin:0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.st2-band{max-width:1120px;margin:clamp(48px,7vh,80px) auto 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:24px;background:#EEF0F3}
.st2-bt h3{margin:0;font:450 clamp(24px,2.2vw,32px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.st2-bt p{margin:14px 0 0;font-size:16px;line-height:1.55;color:var(--ink-3)}
.st2-vids{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.st2-vids a{display:block;color:inherit;text-decoration:none}
.st2-vids img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;box-shadow:0 18px 30px -22px rgba(10,13,18,.5);transition:transform .25s}
.st2-vids a:hover img{transform:translateY(-3px)}
.st2-vids .jd{display:block;margin-top:8px;font:400 12px/1 var(--mono);letter-spacing:.06em;color:var(--deep)}
.st2-vids .jt{display:block;margin-top:5px;font-size:13.5px;line-height:1.35;color:var(--ink-2)}
@media (max-width:900px){.st2,.st2-band{grid-template-columns:1fr}.st2-pol{width:min(86%,340px)}.st2-t h2{text-align:center}.st2-t>p{text-align:center}}
.st2-n div{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.st2-n dt{white-space:nowrap;font-size:clamp(24px,2vw,30px)}

/* 02: the transformation as a short arc, the receipts in the band (Oct 26 night) */
.arc{list-style:none;margin:24px 0 0;padding:0;position:relative}
.arc::before{content:"";position:absolute;left:5px;top:10px;bottom:22px;width:2px;background:linear-gradient(#cfd8e2,#61AEFA)}
.arc li{position:relative;padding:0 0 18px 30px}
.arc li::before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #b9c6d4}
.arc li.now::before{background:#2F6FE0;box-shadow:0 0 0 4px rgba(97,174,250,.25)}
.arc-k{display:block;font:400 12.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.arc li.now .arc-k{color:var(--deep)}
.arc p{margin:7px 0 0;font-size:clamp(15.5px,1.25vw,17px);line-height:1.55;color:var(--ink-2)}
.arc li.now p{color:var(--ink);font-weight:500}
.st2-band{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;align-items:start!important}
.st2-n-band{margin-top:18px}
.st2-n-band div{padding:12px 0;border-top-color:#d9dee5}
.st2-n-band dt{font-size:clamp(22px,1.8vw,27px)}
.st2-n-band dd{font-size:14px}

/* 02: where I am now + what changed (Oct 26 night) */
.now2{max-width:1060px;margin:clamp(56px,8vh,88px) auto 0;text-align:center}
.now2-k{margin:0;font:400 13.75px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.now2 h3{margin:12px 0 0;font:450 clamp(28px,2.6vw,38px)/1.15 var(--sans);letter-spacing:-.025em;color:var(--ink)}
.now2-g{list-style:none;margin:clamp(26px,4vh,38px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.now2-g li{padding:24px 20px 22px;text-align:left;border-left:1px solid var(--line)}
.now2-g li:first-child{border-left:0}
.now2-g b{display:block;font:400 clamp(26px,2.3vw,34px)/1.05 var(--mono);letter-spacing:-.02em;color:#2F6FE0;white-space:nowrap}
.now2-g span{display:block;margin-top:10px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.now2-end{margin:20px 0 0;font-size:clamp(16px,1.3vw,18px);color:var(--ink-3)}
.chg{max-width:760px;margin:clamp(56px,8vh,88px) auto 0;text-align:center}
.chg blockquote{margin:0;font:450 clamp(22px,2vw,29px)/1.4 var(--sans);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.chg u{text-decoration:none;background:var(--swipe) center 62%/100% 58% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.chg figcaption{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:4px}
.chg-sig{font:400 clamp(40px,3.4vw,52px)/1 "Sig",cursive;color:var(--deep)}
.chg figcaption span:last-child{font:400 13.75px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
@media (max-width:900px){.now2-g{grid-template-columns:1fr 1fr}.now2-g li:nth-child(3){border-left:0}.now2-g li{border-top:1px solid var(--line)}.now2-g li:nth-child(-n+2){border-top:0}}
@media (min-width:901px){.now2-g{grid-template-columns:.8fr 1.1fr 1.45fr .95fr}}
.now2-g b{font-size:clamp(24px,2vw,30px)}

/* 02: his story as a story, no labels (Oct 26 night) */
.tale{margin-top:22px}
.tale p{margin:0 0 14px;font-size:clamp(16px,1.3vw,18px);line-height:1.62;color:var(--ink-2)}
.tale .tale-now{margin-top:20px;padding-left:16px;border-left:3px solid #61AEFA;color:var(--ink);font-weight:500}

/* 02: the story for the reader (Oct 26 night) */
.tale .tale-turn{color:var(--ink);font-size:clamp(17px,1.45vw,20px);line-height:1.55}
.tale .tale-turn u{text-decoration:none;background:var(--swipe) center 62%/100% 58% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.tale-sig{margin-top:18px!important;display:flex;align-items:baseline;gap:14px}
.tale-sig span:last-child{font:400 13.75px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.tale-sig .chg-sig{font:400 clamp(36px,3vw,46px)/1 "Sig",cursive;color:var(--deep)}
.tale .tale-view{color:var(--ink);font-style:italic;font-family:var(--serif);font-size:clamp(17px,1.45vw,20px);line-height:1.5}
@media (min-width:901px){.now2-g{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* 02 story, calm and short (ref theaicourse, Oct 26 night) */
.me{max-width:1000px;margin:clamp(48px,7vh,80px) auto 0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(36px,6vw,72px);align-items:center}
.me-ph{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}
.me-t h2{margin:0;font:500 clamp(26px,2.3vw,34px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink);text-align:left;text-wrap:balance}
.me-t p{margin:16px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--ink)}
.me-hl span{background:var(--swipe) center 62%/100% 70% no-repeat;padding:2px 4px;margin:0 -4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.me-sig{margin-top:26px!important;display:flex;flex-direction:column;gap:4px}
.me-sig .chg-sig{font:400 clamp(34px,2.8vw,44px)/1 "Sig",cursive;color:var(--ink)}
.me-sig span:last-child{font:400 12.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:900px){.me{grid-template-columns:1fr}.me-ph{max-width:420px;margin:0 auto}}
.me-hl span{background:#CFE6FD!important;padding:3px 6px!important;margin:0 -6px!important;border-radius:2px}

/* 02: "As someone who…" answers "For founders and creators…" right above it (Oct 26 night) */
.ownrun .own-for{margin-bottom:0}
.me-head{max-width:820px;margin:clamp(16px,2.4vh,24px) auto 0;text-align:center;font:500 clamp(21px,1.9vw,27px)/1.3 var(--sans);letter-spacing:-.015em;color:var(--ink-3);text-wrap:balance}
.me{margin-top:clamp(40px,6vh,64px)}
.me-t p:first-child{margin-top:0}
.me-t p{font-size:clamp(15.5px,1.2vw,17px);line-height:1.62}

/* 02 story as an email (Oct 26 night) */
.mail{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -46px rgba(28,78,142,.55);overflow:hidden}
.mail-head{display:flex;flex-wrap:wrap;gap:6px 22px;padding:14px 24px;border-bottom:1px solid var(--line);background:#F8FAFC;font-size:13.5px;color:var(--ink-2)}
.mail-head b{margin-right:8px;font:400 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.mail-body{padding:22px 26px 24px}
.mail-body p{margin:0 0 14px!important;font-size:clamp(15.5px,1.2vw,17px);line-height:1.6;color:var(--ink)}
.mail-body .mail-big{font-weight:600}
.mail-list{margin:-4px 0 16px;padding:0;list-style:none;counter-reset:m}
.mail-list li{counter-increment:m;position:relative;padding:6px 0 6px 34px;font-size:clamp(15.5px,1.2vw,17px);line-height:1.5;color:var(--ink)}
.mail-list li::before{content:counter(m);position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:50%;background:var(--wash);color:var(--deep);font:500 12px/22px var(--mono);text-align:center}
.mail-stat{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;background:var(--wash)}
.mail-stat b{flex:none;font:400 clamp(30px,2.6vw,40px)/1 var(--mono);letter-spacing:-.03em;color:#2F6FE0}
.mail-stat span{font-size:15px;line-height:1.45;color:var(--ink-2)}
.mail-body .me-sig{margin:22px 0 0!important}
.me{align-items:start}
/* one centered column: photo on top, the email below (his ask, Oct 26 night) */
.me{grid-template-columns:1fr!important;max-width:680px!important;justify-items:center;gap:clamp(26px,4vh,40px)!important}
.me-ph{width:min(100%,300px)!important;max-width:300px!important;aspect-ratio:4/5;border-radius:18px;box-shadow:0 30px 60px -40px rgba(10,13,18,.5)}
.me .mail{width:100%}

/* the note in Nave's own style (Oct 26 night) */
.me-duo{position:relative;margin:0;width:min(100%,320px);border-radius:6px;overflow:hidden;background:#0B2447;box-shadow:0 34px 60px -38px rgba(11,36,71,.7)}
.me-duo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.me-duo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(11,36,71,.55) 1.1px,transparent 1.5px),repeating-linear-gradient(0deg,rgba(11,36,71,.18) 0 1px,transparent 1px 3px);
  background-size:4px 4px,100% 3px;mix-blend-mode:multiply}
.me-duo figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:space-between;padding:10px 12px;background:linear-gradient(transparent,rgba(11,36,71,.85));font:400 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#D6E8FA}
.mail{border-radius:6px!important;background:#FFFDF8!important;border:1px solid #E7E2D6!important;box-shadow:0 1px 0 rgba(10,13,18,.04),0 34px 60px -44px rgba(10,13,18,.45)!important;position:relative}
.mail::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background-image:radial-gradient(#1C4E8E 1.2px,transparent 1.5px);background-size:6px 6px;opacity:.55}
.mail-head{justify-content:space-between;background:none!important;border-bottom:1px dashed #D9D2C2!important;padding:18px 26px 12px!important;font:400 11.5px/1 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--deep)!important}
.mail-title{margin:22px 26px 0!important;font:600 clamp(28px,2.6vw,36px)/1.1 var(--serif)!important;letter-spacing:-.02em;color:var(--ink)!important}
.mail-body{padding:16px 26px 26px!important}
.mail-list li::before{content:"0" counter(m)!important;background:none!important;width:auto!important;height:auto!important;font:400 13px/1.5 var(--mono)!important;color:#2F6FE0!important;top:7px!important}
.mail-list li{border-top:1px dashed #E3DDCF;padding:9px 0 9px 34px!important}
.mail-list li:last-child{border-bottom:1px dashed #E3DDCF}
.mail-body .me-hl span{background:var(--swipe) center 62%/100% 70% no-repeat!important;padding:2px 4px!important;margin:0 -4px!important;border-radius:0!important}
.mail-stat{background:#0B2447!important;border-radius:6px!important}
.mail-stat b{font-family:var(--serif)!important;font-weight:600!important;color:#ACD8F7!important}
.mail-stat span{color:#D6E8FA!important}
.mail-stat .nv-inl{fill:#ACD8F7!important}
.mail-title,.mail-stat b{font-family:"Fraunces",Georgia,serif!important}
.mail-end b{display:block;margin-top:6px;font:600 clamp(22px,2vw,28px)/1.2 "Fraunces",Georgia,serif;letter-spacing:-.015em;color:var(--ink)}

/* 03 · what people say, in the note style (Oct 26 night) */
.tq-grid{max-width:1120px;margin:clamp(36px,5vh,56px) auto 0;columns:3 300px;column-gap:18px}
.tq{break-inside:avoid;margin:0 0 18px;padding:22px 22px 20px;border-radius:6px;background:#FFFDF8;border:1px solid #E7E2D6;box-shadow:0 1px 0 rgba(10,13,18,.04),0 26px 50px -42px rgba(10,13,18,.45);position:relative}
.tq::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background-image:radial-gradient(#1C4E8E 1.1px,transparent 1.4px);background-size:6px 6px;opacity:.45}
.tq-k{margin:0;font:400 11.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.tq blockquote{margin:14px 0 0}
.tq blockquote p{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:var(--ink)}
.tq mark{background:var(--swipe) center 62%/100% 70% no-repeat;color:inherit;padding:0 2px;margin:0 -2px}
.tq figcaption{margin-top:14px;padding-top:14px;border-top:1px dashed #E3DDCF;display:flex;align-items:center;gap:12px}
.tq-av{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c);font:600 13px/1 var(--sans);color:#1d2733}
.tq figcaption b{display:block;font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.tq figcaption span span{display:block;margin-top:3px;font-size:13px;color:var(--ink-3)}
.tq-big blockquote p{font:500 clamp(18px,1.5vw,21px)/1.45 "Fraunces",Georgia,serif;letter-spacing:-.01em}
.tq-stat{margin:14px 0 0;display:flex;align-items:baseline;gap:12px;padding:14px 16px;border-radius:6px;background:#0B2447}
.tq-stat b{font:600 clamp(28px,2.4vw,36px)/1 "Fraunces",Georgia,serif;color:#ACD8F7;white-space:nowrap}
.tq-stat span{font-size:14px;color:#D6E8FA}

/* 03 · the real screenshots, cleaned up (Oct 26 night) */
.tq-grid mark{background:var(--swipe) center 62%/100% 70% no-repeat;color:inherit;padding:0 2px;margin:0 -2px}
.sk,.wa,.ch{break-inside:avoid;margin:0 0 18px;border-radius:14px;background:#fff;border:1px solid #E4E7EB;box-shadow:0 1px 0 rgba(10,13,18,.04),0 26px 50px -42px rgba(10,13,18,.45);overflow:hidden}
/* Skool post */
.sk{padding:18px 20px 16px}
.sk header{position:relative;display:flex;align-items:center;gap:12px}
.sk-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
.sk-lv{position:absolute;left:28px;top:26px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#4F5BD5;border:2px solid #fff;font:700 10px/1 var(--sans);color:#fff}
.sk header b{display:block;font:600 15px/1.2 var(--sans);color:#202124}
.sk header div span{display:block;margin-top:2px;font-size:12.5px;color:#909090}
.sk-src{margin-left:auto;align-self:flex-start;padding:4px 8px;border-radius:6px;background:#F4F5F7;font:500 11px/1 var(--sans);color:#5f6368;white-space:nowrap}
.sk h3{margin:14px 0 8px;font:700 18px/1.3 var(--sans);color:#202124;letter-spacing:-.01em}
.sk p{margin:0 0 9px;font-size:15px;line-height:1.55;color:#2f3337}
.sk-big h3{font-size:21px}
.sk-big p{font-size:16px}
/* WhatsApp */
.wa header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#F0F2F5;border-bottom:1px solid #E4E7EB}
.wa-av{width:38px;height:38px;border-radius:50%;object-fit:cover}
.wa header b{display:block;font:600 15px/1.2 var(--sans);color:#111b21}
.wa header span{display:block;font-size:12.5px;color:#667781}
.wa-logo{margin-left:auto}
.wa-chat{padding:18px 16px 20px;background:#EFEAE2 radial-gradient(rgba(0,0,0,.035) 1px,transparent 1.4px) 0 0/12px 12px}
.wa-msg{position:relative;margin:0;max-width:92%;padding:9px 12px 20px;border-radius:0 10px 10px 10px;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:15.5px;line-height:1.45;color:#111b21}
.wa-msg i{position:absolute;right:10px;bottom:5px;font-style:normal;font-size:11px;color:#667781}
.wa-at{color:#027EB5;font-weight:500}
/* chat (Darya) */
.ch{padding:16px 18px 14px}
.ch header{display:flex;align-items:center;gap:12px}
.ch-avw{position:relative;flex:none}
.ch-av{width:40px;height:40px;border-radius:10px;object-fit:cover;display:block}
.ch-badge{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:4px;border:2px solid #fff}
.ch header b{display:block;font:700 15px/1.2 var(--sans);color:#1d1c1d}
.ch header span{display:block;font-size:12.5px;color:#616061}
.ch p{margin:10px 0 0;font-size:15.5px;line-height:1.5;color:#1d1c1d}
.ch-re{display:flex;gap:6px}
.ch-re span{padding:2px 8px;border-radius:999px;background:#EEF4FD;border:1px solid #cfe0f7;font-size:12.5px;color:#1264a3}
.sk,.wa,.ch{text-align:left}.sk header,.ch header,.wa header{justify-content:flex-start}
.tq-grid .sk{display:block!important;font:inherit!important;color:inherit!important}

/* 03 · compact testimonial cards (ref Eden, Oct 26 night) */
.tc-h span{color:#9aa3ad}
.tc-grid{max-width:1080px;margin:clamp(30px,4.5vh,48px) auto 0;columns:3 280px;column-gap:16px}
.tc{break-inside:avoid;margin:0 0 16px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid #E6EAEF;box-shadow:0 1px 0 rgba(10,13,18,.03),0 20px 40px -36px rgba(10,13,18,.45);text-align:left}
.tc figcaption{display:flex;align-items:center;gap:11px}
.tc figcaption>img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.tc figcaption b{display:block;font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.tc figcaption span span{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-3)}
.tc-src{margin-left:auto;align-self:flex-start;padding:3px 7px;border-radius:5px;background:#F2F4F7;font:600 10.5px/1 var(--sans);color:#5f6368;letter-spacing:.02em}
.tc-src-ic{margin-left:auto;align-self:flex-start;width:16px;height:16px;border-radius:4px}
.tc blockquote{margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--ink-3)}
.tc blockquote b{font-weight:600;color:var(--ink)}
.tc figcaption .tc-src-ic{width:16px!important;height:16px!important;min-width:0!important;flex:none}
.tc-chip{margin-left:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#F2F4F7;font:500 11px/1 var(--sans);color:#5f6368;white-space:nowrap}
.tc figcaption .tc-chip img{width:13px!important;height:13px!important;border-radius:3px}

.tc-ini{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0B2447;color:#ACD8F7;font:600 12.5px/1 var(--sans)}
.tc-draft{border:1.5px dashed #E0A23B!important}
.tc-chip-draft{background:#FFF4DE!important;color:#8A5A00!important}

/* 02 · where I am now, as a map (Oct 26 night) */
.hq{max-width:1080px;margin:clamp(64px,9vh,100px) auto 0;text-align:center}
.hq-h{margin:12px 0 0;font:500 clamp(28px,2.7vw,40px)/1.15 var(--sans);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.hq-sub{margin:12px 0 0;font-size:clamp(16px,1.3vw,18px);color:var(--ink-3)}
.hq-map{position:relative;margin:clamp(34px,5vh,52px) auto 0;max-width:980px}
.hq-me{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:999px;background:#0B2447;box-shadow:0 20px 40px -26px rgba(11,36,71,.8);text-align:left}
.hq-me img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.hq-me b{display:block;font:600 16px/1.2 var(--sans);color:#fff}
.hq-me span span{display:block;margin-top:2px;font:400 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ACD8F7}
.hq-me::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:28px;background:#9CC7F6}
.hq-bus{list-style:none;margin:28px 0 0;padding:28px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.hq-bus::before{content:"";position:absolute;top:0;left:12.5%;right:12.5%;height:2px;background:#9CC7F6}
.hq-bus::after{content:"";position:absolute;bottom:-28px;left:12.5%;right:12.5%;height:2px;background:#9CC7F6}
.hq-bus li{position:relative;display:flex;align-items:center;gap:11px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.hq-bus li::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:28px;background:#9CC7F6}
.hq-bus li::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:28px;background:#9CC7F6}
.hq-lg{flex:none;width:38px!important;height:38px!important;border-radius:10px;object-fit:contain;background:#fff;border:1px solid #edf0f4;padding:3px}
.hq-me-lg{display:grid;place-items:center;background:#0B2447!important;color:#ACD8F7;font:600 15px/1 "Fraunces",Georgia,serif;border:0!important}
.hq-bus b{display:block;font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.hq-bus li span span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3)}
.hq-core{position:relative;margin-top:28px;padding-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0}
.hq-core::before{content:"";position:absolute;left:50%;top:0;width:2px;height:28px;background:#9CC7F6}
.hq-in,.hq-out{list-style:none;margin:0;padding:0;display:grid;gap:9px;position:relative}
.hq-in{justify-items:end;padding-right:44px}
.hq-out{justify-items:start;padding-left:44px}
.hq-in::after,.hq-out::before{content:"";position:absolute;top:50%;width:44px;border-top:2px dashed #9CC7F6}
.hq-in::after{right:0}.hq-out::before{left:0}
.hq-in li,.hq-out li{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font:500 13.5px/1 var(--sans);color:var(--ink);box-shadow:0 10px 20px -18px rgba(10,13,18,.5)}
.hq-in li img,.hq-out li img{width:16px!important;height:16px!important}
.hq-folder{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 6px}
.hq-tab{display:block;width:84px;height:16px;margin-right:110px;margin-bottom:-6px;border-radius:10px 14px 0 0;background:#3F8EE6}
.hq-body{display:grid;place-items:center;width:210px;height:150px;border-radius:14px;background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 30px 50px -28px rgba(28,78,142,.75)}
.hq-mark{fill:#fff;width:84px!important;height:56px!important}
.hq-folder b{margin-top:8px;font:600 16px/1.2 var(--sans);color:var(--ink)}
.hq-fsub{font-size:13px;color:var(--ink-3)}
.hq-rk{margin:clamp(46px,7vh,70px) 0 0;font:400 13.75px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.hq-res{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hq-res li{position:relative;padding:22px 20px;text-align:left;border-left:1px solid var(--line)}
.hq-res li:first-child{border-left:0}
.hq-res li>img{position:absolute;right:16px;top:20px;width:18px!important;height:18px!important;opacity:.9}
.hq-res b{display:block;font:400 clamp(28px,2.5vw,38px)/1 var(--mono);letter-spacing:-.03em;color:#2F6FE0}
.hq-res span{display:block;margin-top:10px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
@media (max-width:900px){
  .hq-bus{grid-template-columns:1fr 1fr}.hq-bus::before,.hq-bus::after,.hq-bus li::before,.hq-bus li::after{display:none}
  .hq-core{grid-template-columns:1fr;gap:18px}.hq-core::before{display:none}
  .hq-in,.hq-out{justify-items:center;padding:0;grid-template-columns:repeat(2,auto);justify-content:center}.hq-in::after,.hq-out::before{display:none}
  .hq-folder{order:-1}
  .hq-res{grid-template-columns:1fr 1fr}.hq-res li:nth-child(3){border-left:0}.hq-res li{border-top:1px solid var(--line)}.hq-res li:nth-child(-n+2){border-top:0}
}
@media (max-width:900px){.hq-me::after{display:none}.hq-bus{margin-top:22px;padding-top:0}.hq-core{margin-top:34px;padding-top:0}}

/* ONE PERSON, crowned, in the stacked 3D style; WINNING the same (Oct 26 night) */
.x3d{display:inline-block;font-weight:900;letter-spacing:-.01em;line-height:1;color:#7DBDFB;-webkit-text-stroke:1.4px #0B2447;paint-order:stroke fill;
  filter:drop-shadow(1.5px 1.5px 0 #0B2447) drop-shadow(3px 3px 0 #3F8EE6) drop-shadow(1.5px 1.5px 0 #0B2447) drop-shadow(3px 3px 0 #2D72C6) drop-shadow(1.5px 1.5px 0 #0B2447) drop-shadow(3px 3px 0 #1C4E8E) drop-shadow(1.5px 1.5px 0 #0B2447)}
.hq-h{display:flex;flex-direction:column;align-items:center;gap:10px}
.hq-h .x3d{font-size:clamp(52px,5.6vw,84px)}
.hq-crown{display:block;margin-bottom:-6px;transform:rotate(-8deg) translateX(-.9em)}
.hq-crown svg{display:block;width:54px;height:37px}
.hq-h2{display:block;margin-top:8px}
.x3d-sm{font-size:1.3em;-webkit-text-stroke:1px #0B2447;filter:drop-shadow(1px 1px 0 #0B2447) drop-shadow(2px 2px 0 #3F8EE6) drop-shadow(1px 1px 0 #0B2447) drop-shadow(2px 2px 0 #1C4E8E) drop-shadow(1px 1px 0 #0B2447);margin:0 .1em;vertical-align:-.08em}
.hq-sub{font-size:clamp(17px,1.45vw,20px)!important;color:var(--ink-2)!important}
.hq-hid .hq-lg{filter:blur(3.5px) grayscale(.3);opacity:.85}
.hq-pf{display:flex!important;gap:6px;margin-top:12px!important}
.hq-pf img{width:17px!important;height:17px!important}
@media (max-width:900px){.hq-h .x3d{font-size:clamp(40px,12vw,56px);-webkit-text-stroke:1.1px #0B2447}}
@media (min-width:901px){.hq-out{grid-template-columns:repeat(2,max-content);justify-content:start}}
.hq-bus .hq-yt{border-radius:50%!important;padding:0!important;object-fit:cover!important}

/* the line starts right under the heading (Oct 26 night) */
.hq-map::before{content:"";display:block;width:2px;height:34px;margin:0 auto;background:#9CC7F6}
.hq-bus{margin-top:0!important}
.hq-bus li{align-items:flex-start}
.hq-fact{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:999px;background:var(--wash);font:normal 500 11.5px/1.2 var(--sans);color:var(--deep);white-space:nowrap}
.hq-up{background:#E3F3EC;color:#22704F}
@media (max-width:900px){.hq-map::before{display:none}}
/* the journey row blends into the section: no box, one quiet row (Oct 26 night) */
.st2-band{display:block!important;max-width:1080px;margin:clamp(44px,6vh,64px) auto 0!important;padding:0!important;background:none!important;border-radius:0!important;text-align:center}
.st2-line{margin:0;font:500 clamp(17px,1.5vw,21px)/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink-2)}
.st2-vids{margin-top:18px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;text-align:left}
.st2-vids img{border-radius:8px!important;box-shadow:0 12px 24px -20px rgba(10,13,18,.5)!important}
.st2-vids .jt{font-size:12.5px!important}
section.tst{padding-top:clamp(80px,12vh,130px)!important}
@media (max-width:900px){.st2-vids{grid-template-columns:1fr 1fr!important}}

/* brand cards, one structure (Oct 26 night) */
.hq-bus li{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;padding:16px 16px 14px!important}
.hb-top{display:flex;align-items:center;gap:11px}
.hb-top b{display:block;font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.hb-top span span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3)}
.hb-fact{margin:14px 0 0!important;padding-top:12px;border-top:1px dashed #E1E6EC}
.hb-fact b{display:block;font:400 clamp(18px,1.5vw,22px)/1.1 var(--mono);letter-spacing:-.02em;color:#2F6FE0;white-space:nowrap}
.hb-fact span{display:block;margin-top:4px;font-size:12px;color:var(--ink-3)}
.hb-win .hb-fact b{color:#1F8A5B}
.hq-hid .hb-fact b{color:var(--ink-2)}
/* 03 in its own box (ref Eden, Oct 26 night) */
.tst-box{max-width:1180px;margin:0 auto;padding:clamp(40px,6vh,64px) clamp(24px,4vw,56px) clamp(28px,4vh,44px);border-radius:32px;background:linear-gradient(180deg,#F3F7FC 0%,#EEF3F9 100%);border:1px solid #DFE7F0;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.tst-box .tc{background:#fff}
.tst-box .tc-grid{margin-top:clamp(28px,4vh,40px)}
/* 03 box in his style: navy + dot-matrix, paper notes, DM Mono, blue marker (Oct 26 night) */
.tst-box{max-width:1240px!important;padding:clamp(44px,6vh,68px) clamp(22px,3vw,44px) clamp(30px,4vh,46px)!important;background:#0B2447!important;border:0!important;position:relative;overflow:hidden;
  box-shadow:0 40px 80px -50px rgba(11,36,71,.9)!important}
.tst-box::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(172,216,247,.16) 1px,transparent 1.4px);background-size:14px 14px;mask-image:linear-gradient(180deg,#000 0%,transparent 70%);pointer-events:none}
.tst-box>*{position:relative}
.tst-k{margin:0;font:400 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7DBDFB}
.tst-box .tc-h{color:#fff!important;margin-top:14px}
.tst-box .tc-h span{color:#7d93ad!important}
.tst-box .sub{color:#B9CBE0!important}
.tst-box .sub .nv-inl{fill:#ACD8F7!important}
.tst-box .tc{background:#FFFDF8!important;border:1px solid #E7E2D6!important;border-radius:6px!important;position:relative;box-shadow:0 24px 40px -30px rgba(0,0,0,.6)!important}
.tst-box .tc::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background-image:radial-gradient(#1C4E8E 1.1px,transparent 1.4px);background-size:6px 6px;opacity:.5}
.tst-box .tc blockquote{color:#4a525c}
.tst-box .tc blockquote b{font-weight:600;color:var(--ink);background:var(--swipe) center 62%/100% 60% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.tst-box .tc-chip{background:#F1ECE1!important;font-family:var(--mono)!important;font-weight:400!important;letter-spacing:.04em;text-transform:uppercase;font-size:10px!important;color:#5b5446!important}
.tst-box .tc-draft{border:1.5px dashed #E0A23B!important}
.tst-box .tc-chip-draft{background:#FFF4DE!important;color:#8A5A00!important}
.tst-box .tc-grid{columns:3 300px!important}

/* simpler cards, one-line public promise (Oct 26 night) */
.hq-bus li{padding:14px 16px!important;justify-content:center}
.pub{max-width:760px;margin:clamp(56px,8vh,84px) auto 0;text-align:center}
.pub-l{margin:0;font:500 clamp(24px,2.3vw,32px)/1.25 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.pub-s{margin:12px 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.5;color:var(--ink-3)}
.pub-s b{font-weight:600;color:var(--ink)}
.pub-ch{margin:20px 0 0;display:flex;justify-content:center;gap:14px}
.pub-ch img{width:22px!important;height:22px!important}
.hq-res .hq-pf img{border-radius:4px}

/* 02 · the insight: what wasn't possible before (Oct 26 night) */
.ins{max-width:1000px;margin:clamp(64px,9vh,100px) auto 0;text-align:center}
.ins-k{margin:0;font:400 13.75px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.ins-h{margin:14px auto 0;max-width:820px;font:500 clamp(26px,2.5vw,36px)/1.22 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.ins-cmp{margin:clamp(30px,4.5vh,44px) auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:stretch;text-align:left}
.ins-then,.ins-now{padding:22px 24px;border-radius:18px}
.ins-then{background:#F3F4F6;border:1px solid #E4E7EB}
.ins-now{background:#0B2447;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.ins-now::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(172,216,247,.14) 1px,transparent 1.4px);background-size:12px 12px;pointer-events:none}
.ins-now>*{position:relative}
.ins-l{margin:0;font:400 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ins-now .ins-l{color:#7DBDFB}
.ins-then ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.ins-then li{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid #E1E5EA;font-size:13.5px;color:#6b7480}
.ins-x{margin:14px 0 0;font:400 clamp(18px,1.6vw,22px)/1 var(--mono);color:#8a929c}
.ins-arrow{align-self:center;font:400 28px/1 var(--sans);color:#9CC7F6}
.ins-one{margin:14px 0 0;display:flex;align-items:baseline;gap:14px}
.ins-one b{font:600 clamp(56px,5vw,76px)/.9 "Fraunces",Georgia,serif;color:#ACD8F7}
.ins-one span{font-size:clamp(16px,1.35vw,19px);line-height:1.35;color:#fff}
.ins-plus{margin:14px 0 0;display:flex;align-items:center;gap:8px;font-size:15px;color:#D6E8FA}
.ins-plus .mark{fill:#ACD8F7}
.ins-q{margin:clamp(28px,4vh,40px) auto 0;max-width:640px;font:500 clamp(20px,1.8vw,26px)/1.35 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.ins-ch{margin:clamp(26px,3.5vh,36px) 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.ins-ch span{margin-right:6px;font:400 12.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ins-ch img{width:20px!important;height:20px!important}
@media (max-width:900px){.ins-cmp{grid-template-columns:1fr}.ins-arrow{transform:rotate(90deg);justify-self:center}}
/* 03 box, refined: graded navy, dark glass cards, light type (Oct 26 night) */
.tst-box{background:radial-gradient(120% 70% at 50% -10%,#1E4A86 0%,rgba(30,74,134,0) 60%),linear-gradient(180deg,#0E2A52 0%,#0A1F3D 100%)!important;border:1px solid rgba(172,216,247,.12)!important}
.tst-box::before{background-image:radial-gradient(rgba(172,216,247,.10) 1px,transparent 1.4px)!important;background-size:16px 16px!important;mask-image:linear-gradient(180deg,#000 0%,transparent 55%)!important}
.tst-box .tc-h span{color:rgba(214,232,250,.5)!important}
.tst-box .sub{color:rgba(214,232,250,.72)!important}
.tst-box .tc{background:rgba(255,255,255,.055)!important;border:1px solid rgba(172,216,247,.14)!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 40px -32px rgba(0,0,0,.7)!important;backdrop-filter:blur(6px)}
.tst-box .tc::before{display:none}
.tst-box .tc figcaption b{color:#fff!important}
.tst-box .tc figcaption span span{color:rgba(214,232,250,.6)!important}
.tst-box .tc figcaption>img{box-shadow:0 0 0 2px rgba(172,216,247,.25)}
.tst-box .tc blockquote{color:rgba(214,232,250,.72)!important}
.tst-box .tc blockquote b{color:#fff!important;background:none!important;box-shadow:inset 0 -.38em 0 rgba(97,174,250,.35)}
.tst-box .tc-chip{background:rgba(172,216,247,.1)!important;color:#ACD8F7!important}
.tst-box .tc-draft{border:1.5px dashed rgba(240,180,80,.7)!important}
.tst-box .tc-chip-draft{background:rgba(240,180,80,.16)!important;color:#F3C77A!important}
.tst-box .tc blockquote .nv-inl{fill:#ACD8F7!important}

/* 03: heading outside the box, the public line after it (Oct 26 night) */
section.tst .sec-head{margin-bottom:clamp(28px,4vh,40px)}
.tst-box{padding:clamp(26px,3.5vw,40px)!important}
.tst-box .tc-grid{margin-top:0!important}
section.tst .pub{margin-top:clamp(48px,7vh,72px)}
.pub-next{margin-top:clamp(36px,5vh,52px)!important}
@media (min-width:901px){.hq-res{grid-template-columns:repeat(5,minmax(0,1fr))!important}.hq-res li{padding:22px 18px!important}.hq-res b{font-size:clamp(26px,2.2vw,34px)!important}}
@media (max-width:900px){.hq-res li:nth-child(5){grid-column:1/-1;border-left:0}}
.hq-res b{white-space:nowrap}
.hq-z b{font-size:clamp(22px,1.8vw,28px)!important;color:#1F8A5B!important}
/* "Now it’s your turn" sits close to Before / After (Oct 26 night) */
section.tst{padding-bottom:clamp(16px,2.5vh,28px)!important}
section.ba{padding-top:clamp(20px,3vh,36px)!important}
.pub-next{margin-top:clamp(28px,4vh,40px)!important;margin-bottom:0!important}
section.tst+section.ba{margin-top:0!important}

/* Before/After as developed benefits (Oct 26 night) */
.c-stop{text-decoration:none!important;align-items:flex-start!important;gap:14px!important;color:#6b7480!important;font-size:16px!important;line-height:1.5;padding:22px 24px!important}
.bx-n{flex:none;font:400 12px/1.6 var(--mono);color:#a7a39a;letter-spacing:.06em}
.bx-q{font-style:italic}
.c-start{padding:22px 24px!important}
.c-start b{font-size:clamp(18px,1.45vw,21px)!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.25}
.c-start .bx-how{margin-top:8px!important;font-size:15.5px!important;line-height:1.6!important;color:var(--ink-2)!important}
.bx-you{margin:12px 0 0;display:flex;gap:10px;align-items:baseline;font-size:15px;line-height:1.5;color:var(--ink);font-weight:500}
.bx-you em{flex:none;font:normal 400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--deep);padding:4px 7px;border-radius:5px}
.c-start .coll b{font-size:inherit!important;font-weight:inherit!important;letter-spacing:normal!important;line-height:inherit!important;display:revert!important}
.c-start .coll .ct-n{font-size:inherit!important}

/* 05 · one Nave section (Oct 26 night) */
.nave1{text-align:center}
.n1-problem{max-width:860px;margin:0 auto}
.n1-problem h2{margin:0;font:500 clamp(30px,3vw,44px)/1.12 var(--sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.n1-problem p{margin:18px auto 0;max-width:680px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink-3);text-wrap:balance}
.n1-problem .n1-why{margin-top:26px;font:500 clamp(22px,2vw,28px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.n1-what{max-width:820px;margin:clamp(72px,10vh,110px) auto 0;padding-top:clamp(40px,6vh,60px);border-top:1px solid var(--line)}
.n1-k{margin:0;font:400 13.75px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.n1-what h3,.n1-grow h3{margin:14px 0 0;font:500 clamp(26px,2.5vw,36px)/1.2 var(--sans);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.n1-sub{margin:14px auto 0;max-width:620px;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--ink-3)}
.n1-diff{max-width:1120px;margin:clamp(64px,9vh,96px) auto 0}
.n1-diff .nv-cols{margin-top:20px;text-align:left}
.n1-grow{max-width:1120px;margin:clamp(64px,9vh,96px) auto 0;padding:clamp(36px,5vh,52px) clamp(22px,3.5vw,48px);border-radius:24px;background:#FFFDF8;border:1px solid #E7E2D6;position:relative;box-shadow:0 30px 60px -48px rgba(10,13,18,.45)}
.n1-grow::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:24px 24px 0 0;background-image:radial-gradient(#1C4E8E 1.2px,transparent 1.5px);background-size:6px 6px;opacity:.5}
.n1-grow h3 .n1-dim{color:#9aa3ad}
.n1-track{list-style:none;margin:clamp(30px,4.5vh,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;text-align:left}
.n1-track::before{content:"";position:absolute;left:12px;right:12px;top:9px;height:2px;background:linear-gradient(90deg,#9CC7F6 0%,#9CC7F6 72%,transparent 72%),repeating-linear-gradient(90deg,#9CC7F6 0 6px,transparent 6px 12px)}
.n1-track li{position:relative;padding:34px 18px 0 0}
.n1-track li::before{content:"";position:absolute;left:4px;top:2px;width:16px;height:16px;border-radius:50%;background:#2F6FE0;box-shadow:0 0 0 5px #FFFDF8}
.n1-track li.n1-next::before{background:#FFFDF8;box-shadow:0 0 0 5px #FFFDF8,inset 0 0 0 2px #2F6FE0}
.n1-when{display:block;font:400 12.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.n1-track b{display:block;margin-top:10px;font:600 clamp(18px,1.5vw,21px)/1.2 "Fraunces",Georgia,serif;color:var(--ink)}
.n1-track li>span:last-child{display:block;margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.n1-own{margin:clamp(30px,4.5vh,44px) 0 0;padding-top:22px;border-top:1px dashed #E3DDCF;display:flex;align-items:center;gap:16px;text-align:left;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.n1-own b{color:var(--ink)}
.n1-own img{width:16px!important;height:16px!important;vertical-align:-3px;margin:0 4px 0 2px}
.n1-fold{flex:none;width:46px;height:36px;border-radius:6px;background:linear-gradient(180deg,#7DBDFB,#3F8EE6);position:relative;box-shadow:0 12px 20px -14px rgba(28,78,142,.8)}
.n1-fold::before{content:"";position:absolute;left:4px;top:-5px;width:18px;height:7px;border-radius:4px 6px 0 0;background:#3F8EE6}
.nave1 .nv-map{margin-top:clamp(36px,5vh,56px)}
@media (max-width:900px){.n1-track{grid-template-columns:1fr;gap:22px}.n1-track::before{left:11px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:#9CC7F6}.n1-track li{padding:0 0 0 38px}.n1-track li::before{top:0}.n1-own{flex-direction:column;align-items:flex-start}}
.nave1 .nv-map,.nave1 .nv-instead,.nave1 .nv-cols{text-align:left}
.n1-own img{display:inline-block!important}
.n1-own>span:last-child{display:block}

/* 05 · the real app, explained in plain words (Oct 26 night, second pass) */
.n2-win{position:relative;max-width:1120px;margin:clamp(34px,5vh,52px) auto 0;border-radius:16px;overflow:visible;background:#fff;border:1px solid #DCE4EE;box-shadow:0 2px 0 rgba(10,13,18,.03),0 50px 90px -50px rgba(28,78,142,.55);text-align:left}
.n2-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-bottom:1px solid #E8EDF3;background:#F7F9FC;border-radius:16px 16px 0 0}
.n2-bar i{width:11px;height:11px;border-radius:50%;background:#E3E7EC}
.n2-bar span{margin-left:auto;margin-right:auto;font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);transform:translateX(-24px)}
.n2-body{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr)}
.n2-chat{position:relative;display:flex;flex-direction:column;padding:18px 18px 16px;border-right:1px solid #E8EDF3;background:#FBFCFE;border-radius:0 0 0 16px}
.n2-lab{margin:0 0 8px;font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.n2-ai{margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px}
.n2-ai span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #E1E6EC;font-size:12.5px;color:var(--ink)}
.n2-ai span:first-child{border-color:#9CC7F6;background:#EEF6FF}
.n2-ai img{width:14px!important;height:14px!important}
.n2-th{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.n2-th li{padding:7px 10px;border-radius:8px;font-size:13px;color:var(--ink-2)}
.n2-th li.on{background:#EAF3FE;color:var(--ink);font-weight:500}
.n2-th li.kid{padding-left:24px;color:var(--ink-3);font-size:12.5px}
.n2-msg{margin-top:auto;padding-top:16px;display:grid;gap:8px}
.n2-msg p{margin:0;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.4;max-width:92%}
.n2-me{justify-self:end;background:var(--deep);color:#fff;border-radius:14px 14px 4px 14px!important}
.n2-them{background:#fff;border:1px solid #E1E6EC;color:var(--ink);border-radius:14px 14px 14px 4px!important}
.n2-ask{margin:12px 0 0;padding:10px 12px;border-radius:10px;border:1px solid #DCE4EE;background:#fff;font-size:12.5px;color:var(--ink-3)}
.n2-shot{position:relative;overflow:hidden;border-radius:0 0 16px 0}
.n2-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:0 0}
.n2-pin{position:absolute;z-index:3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2F6FE0;color:#fff;font:600 13px/1 var(--mono);font-style:normal;box-shadow:0 0 0 5px rgba(47,111,224,.18),0 6px 14px -4px rgba(28,78,142,.6)}
.n2-pin.p1{right:12px;top:30px}
.n2-pin.p2{right:12px;top:118px}
.n2-pin.p3{left:52%;top:43%}
.n2-pin.p4{left:28%;top:37%}
.n2-keys{list-style:none;counter-reset:k;max-width:1120px;margin:clamp(26px,4vh,36px) auto 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;text-align:left}
.n2-keys li{counter-increment:k;position:relative;padding-left:40px}
.n2-keys li::before{content:counter(k);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2F6FE0;color:#fff;font:600 13px/1 var(--mono)}
.n2-keys b{display:block;font:600 16.5px/1.25 var(--sans);color:var(--ink)}
.n2-keys span{display:block;margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--ink-3)}
.n2-vs{max-width:760px;margin:clamp(48px,7vh,72px) auto 0;font:500 clamp(20px,1.8vw,26px)/1.4 "Fraunces",Georgia,serif;color:var(--ink-3);text-wrap:balance}
.n2-vs b{font-weight:600;color:var(--ink);background:var(--swipe) center 62%/100% 58% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.nave1 .n1-grow{margin-top:clamp(48px,7vh,72px)}
@media (max-width:900px){
  .n2-body{grid-template-columns:1fr}.n2-chat{display:none}.n2-shot{border-radius:0 0 16px 16px;max-height:420px}
  .n2-pin.p1,.n2-pin.p2{display:none}.n2-pin.p3{left:55%;top:46%}.n2-pin.p4{left:6%;top:36%}
  .n2-keys{grid-template-columns:1fr;gap:16px}
}
.n2-chat>.n2-pin.p1{left:auto!important;right:10px!important;top:44px!important}
.n2-chat>.n2-pin.p2{left:auto!important;right:10px!important;top:146px!important}
.n2-shot>.n2-pin.p4{left:23%!important;top:36.5%!important}
.n2-shot>.n2-pin.p3{left:46%!important;top:46%!important}
.n2-shot>.n2-pin.p3{left:50.5%!important;top:39.5%!important}
.n2-shot>.n2-pin.p3{left:80%!important;top:51%!important}
@media (max-width:900px){.n2-shot>.n2-pin.p3{left:80%!important;top:58%!important}.n2-shot>.n2-pin.p4{left:23%!important;top:36.5%!important}}

/* 06–08 · Eden-style feature sections + centered team demo (Oct 26 night) */
.fxs{display:grid;gap:clamp(96px,14vh,150px)}
.fx{max-width:1160px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,6vw,88px);align-items:center;text-align:left}
.fx.flip{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.fx.flip .fx-vis{order:2}
.fx-vis{position:relative;padding:clamp(18px,2.4vw,30px);border-radius:26px;background:radial-gradient(120% 90% at 15% 0%,#FFFFFF 0%,#EFF6FE 55%,#E2EDFA 100%);border:1px solid #DCE8F6}
.fx-vis::before{content:"";position:absolute;inset:0;border-radius:26px;background-image:radial-gradient(rgba(28,78,142,.09) 1px,transparent 1.2px);background-size:16px 16px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.fx-vis>*{position:relative}
.fx-txt .fx-k{margin:0;font:400 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.fx-txt h3{margin:16px 0 0;font:600 clamp(30px,3vw,44px)/1.06 var(--sans);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.fx-txt h3 .dim{color:#9aa3ad}
.fx-txt>p:not(.fx-k):not(.fx-by){margin:18px 0 0;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6;color:var(--ink-2);max-width:31em}
.fx-by{margin:22px 0 0;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font:500 13.5px/1.2 var(--sans);color:var(--ink);box-shadow:var(--shadow)}
.fx-by .mark{fill:var(--deep)}
/* tabs */
.fx-tablist{display:flex;gap:4px;margin:0 0 14px;padding:4px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid #DCE8F6;width:max-content;max-width:100%;overflow-x:auto}
.fx-tablist button{padding:8px 14px;border:0;border-radius:999px;background:none;cursor:pointer;font:500 13.5px/1 var(--sans);color:var(--ink-3);white-space:nowrap}
.fx-tablist button[aria-selected="true"]{background:var(--ink);color:#fff}
.fx-pane[hidden]{display:none}
/* app window */
.fx-win{margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #D5E1EE;box-shadow:0 30px 60px -36px rgba(10,13,18,.45)}
.fx-bar{display:flex;gap:6px;height:28px;align-items:center;padding:0 12px;background:#F6F8FB;border-bottom:1px solid #E8EDF3}
.fx-bar i{width:9px;height:9px;border-radius:50%;background:#E0E5EB}
.fx-win img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;object-position:0 0}
.fx-win.wide img{aspect-ratio:auto;object-fit:contain}
.fx-win.dark{background:#0c1118;border-color:#2a3442}.fx-win.dark .fx-bar{background:#141b24;border-color:#2a3442}.fx-win.dark .fx-bar i{background:#2a3442}
.fx-mock{min-height:300px;display:flex;align-items:center}
.fx-mock>.m{width:100%}
.fx-mock .rt{margin:0;max-width:none}
/* floating detail card */
.fx-float{position:absolute!important;right:-22px;bottom:-26px;z-index:3;max-width:290px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #DCE4EE;box-shadow:0 26px 50px -24px rgba(10,13,18,.45)}
.fx.flip .fx-float{right:auto;left:-22px}
.fl-k{margin:0 0 8px;font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.fl-pills{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.fl-pills span{padding:6px 10px;border-radius:999px;background:var(--c);font:500 12.5px/1.2 var(--sans);color:#1d2733}
.fl-big{margin:0;display:flex;align-items:baseline;gap:8px}.fl-big+.fl-big{margin-top:6px}
.fl-big b{font:600 30px/1 "Fraunces",Georgia,serif;color:#2F6FE0}
.fl-big span{font-size:14px;color:var(--ink-2)}
.fl-out{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center}
.fl-out img{width:72px;height:41px;object-fit:cover;border-radius:6px}
.fl-out b{display:block;font:600 12.5px/1.25 var(--sans);color:var(--ink)}
.fl-out span{display:block;margin-top:3px;font-size:11.5px;color:var(--ink-3)}
.fl-out i{font-style:normal;padding:5px 8px;border-radius:999px;background:#E3F3EC;color:#22704F;font:600 12.5px/1 var(--sans)}
.fl-note{margin:8px 0 0;font:400 10.5px/1.3 var(--mono);color:var(--ink-3)}
.fl-check{margin:0;font:500 13.5px/1.7 var(--sans);color:#1F6B4A}
.fl-row{margin:0;display:flex;align-items:center;gap:10px}
.fl-row b{display:block;font:600 14px/1.2 var(--sans);color:var(--ink)}
.fl-row span span{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-3)}
.fl-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#2F6FE0;box-shadow:0 0 0 5px rgba(47,111,224,.18)}
.fl-pf{margin:0 0 6px;display:flex;gap:8px}.fl-pf img{width:17px!important;height:17px!important}
/* centered: meet your AI content team */
.meet{text-align:center}
.mt-k{margin:0 0 16px;display:inline-flex;align-items:center;gap:10px;font:400 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.mt-k .mark{fill:var(--deep)}
.meet h2 .dim{color:#9aa3ad}
.mt-box{max-width:820px;margin:clamp(30px,4.5vh,44px) auto 0;padding:clamp(18px,2.4vw,28px);border-radius:24px;background:#0B2447;position:relative;overflow:hidden;text-align:left;box-shadow:0 40px 80px -50px rgba(11,36,71,.9)}
.mt-box::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 60% at 50% -10%,rgba(97,174,250,.25),transparent 60%),radial-gradient(rgba(172,216,247,.1) 1px,transparent 1.4px) 0 0/16px 16px;pointer-events:none}
.mt-box>*{position:relative}
.mt-tabs{margin:0 auto 18px;background:rgba(255,255,255,.08);border-color:rgba(172,216,247,.18)}
.mt-tabs button{color:#B9CBE0}
.mt-tabs button[aria-selected="true"]{background:#fff;color:var(--ink)}
.mt-chat{display:grid;gap:16px}
.mt-q{justify-self:end;margin:0;max-width:78%;padding:11px 15px;border-radius:16px 16px 4px 16px;background:#2F6FE0;color:#fff;font-size:15px;line-height:1.45}
.mt-a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}
.mt-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff}
.mt-av .mark{fill:var(--deep)}
.mt-l{margin:6px 0 8px!important;font:400 11.5px/1.3 var(--mono);letter-spacing:.06em;color:#7DBDFB!important}
.mt-a>div>p{margin:0 0 10px;font-size:15px;line-height:1.55;color:#D6E8FA}
.mt-a b{color:#fff;font-weight:600}
.mt-evs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px}
.mt-ev{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(172,216,247,.16)}
.mt-ev img{width:78px;height:44px;object-fit:cover;border-radius:6px}
.mt-ev b{display:block;font:600 12.5px/1.25 var(--sans);color:#fff}
.mt-ev span{display:block;margin-top:3px;font-size:11.5px;color:#9FB3CC}
.mt-ev i{font-style:normal;padding:5px 8px;border-radius:999px;background:rgba(80,200,140,.18);color:#7FE0B0;font:600 12.5px/1 var(--sans)}
.mt-post{background:rgba(255,255,255,.95)!important;border-radius:4px 14px 14px 14px}
.mt-acts{display:flex;gap:8px}.mt-acts span:not(.yes){padding:7px 12px;border-radius:999px;border:1px solid rgba(172,216,247,.3);font-size:12.5px;color:#D6E8FA}
.mt-out{list-style:none;margin:4px 0 12px;padding:0;display:flex;gap:10px}
.mt-out li{flex:1;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(172,216,247,.16);font-size:13.5px;color:#D6E8FA}
.mt-out b{display:block;font:600 28px/1 "Fraunces",Georgia,serif;color:#ACD8F7;margin-bottom:4px}
.mt-pf{display:flex!important;align-items:center;gap:8px}.mt-pf img{width:17px!important;height:17px!important;filter:brightness(1.1)}
.mt-pf span{margin-left:6px;font-size:13px;color:#7FE0B0}
.mt-ask{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(172,216,247,.18);font-size:14px;color:#9FB3CC}
.mt-proj{max-width:640px;margin:clamp(24px,3.5vh,34px) auto 0;font-size:16px;line-height:1.55;color:var(--ink-3)}
.mt-proj b{color:var(--ink)}
@media (max-width:900px){
  .fx,.fx.flip{grid-template-columns:1fr}.fx.flip .fx-vis{order:0}
  .fx-float{position:relative!important;right:auto!important;left:auto!important;bottom:auto;margin-top:12px;max-width:none}
  .mt-evs{grid-template-columns:1fr}.mt-q{max-width:92%}
}
.fxs{padding-bottom:clamp(80px,11vh,120px)!important}
section.meet{padding-top:clamp(40px,6vh,64px)!important}
.mt-l{font-family:"DM Mono",ui-monospace,monospace!important}
.fx.flip .fx-float.fl-top{bottom:auto;top:-22px}

/* ── six feature sections, each its own Before → After; designed scenes (Oct 26 night, third pass) ── */
.nxs{display:grid;gap:clamp(120px,16vh,180px);padding-bottom:clamp(90px,12vh,130px)!important}
.nx{max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(44px,6vw,96px);align-items:center;text-align:left}
.nx.flip{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.nx.flip .nx-vis{order:2}
.nx-txt{max-width:500px}
.nx-num{margin:0;font:400 13.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.nx-before{margin:18px 0 0;display:flex;gap:10px;align-items:baseline;font-size:15.5px;line-height:1.5;color:#8a929c;font-style:italic}
.nx-before span{flex:none;font:normal 400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a7a39a;padding:4px 7px;border-radius:5px;background:#F1EFEA}
.nx-txt h3{margin:16px 0 0;font:600 clamp(34px,3.4vw,52px)/1.04 var(--sans);letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.nx-txt h3 .dim{color:#a3abb4}
.nx-p{margin:20px 0 0;font-size:clamp(16.5px,1.35vw,19px);line-height:1.6;color:var(--ink-2)}
.nx-you{margin:18px 0 0;display:flex;gap:10px;align-items:baseline;font:500 16px/1.5 var(--sans);color:var(--ink)}
.nx-you em{flex:none;font:normal 400 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--deep);padding:5px 8px;border-radius:5px}
.nx-by{margin:22px 0 0;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font:500 13.5px/1.2 var(--sans);color:var(--ink);box-shadow:var(--shadow)}
.nx-by .mark{fill:var(--deep)}
/* the stage */
.nx-vis{position:relative;padding:clamp(22px,2.6vw,34px);border-radius:30px;background:radial-gradient(110% 80% at 20% 0%,#FFFFFF 0%,#F0F6FE 50%,#E1ECF9 100%);border:1px solid #D9E6F5;box-shadow:inset 0 1px 0 #fff}
.nx-vis::before{content:"";position:absolute;inset:0;border-radius:30px;background-image:radial-gradient(rgba(28,78,142,.09) 1px,transparent 1.2px);background-size:16px 16px;mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.nx-vis>*{position:relative}
.nx-tl{margin:0 0 18px!important}
.nx-scene{position:relative;min-height:470px}
/* shared card bits */
.nx-card{position:relative;background:#fff;border:1px solid #DCE4EE;border-radius:18px;box-shadow:0 1px 0 rgba(10,13,18,.03),0 30px 60px -38px rgba(10,13,18,.45);padding:20px 22px}
.nx-card h4{margin:8px 0 0;font:600 26px/1.15 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.nx-k{margin:0;display:flex;align-items:center;gap:8px;font:400 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.nx-k svg,.nx-card svg:not(.mark){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nx-k .mark{fill:var(--deep)}
.nx-k em{margin-left:auto;font-style:normal;padding:3px 7px;border-radius:5px;background:#F1EFEA;color:#8a8478;letter-spacing:.08em}
.nx-mt{margin-top:16px!important}
.nx-live{width:8px;height:8px;border-radius:50%;background:#1F8A5B;box-shadow:0 0 0 4px rgba(31,138,91,.15)}
.nx-mini{position:absolute;z-index:3;padding:14px 16px;border-radius:16px;max-width:290px}
.nx-mini p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.nx-checks{display:grid;gap:4px;margin:6px 0 0!important}
.nx-checks span{font:500 14px/1.45 var(--sans);color:#1F6B4A}
.nx-pills{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.nx-pill{padding:7px 11px;border-radius:999px;background:var(--c);font:500 13px/1.2 var(--sans);color:#1d2733}
.nx-chips{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.nx-chips span{padding:7px 12px;border-radius:999px;border:1px solid #D9E2EC;background:#fff;font:500 13px/1 var(--sans);color:var(--ink-3)}
.nx-chips .on{background:var(--ink);border-color:var(--ink);color:#fff}
.nx-foot{margin:14px 0 0!important;padding-top:12px;border-top:1px dashed #E3E8EE;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--ink-3)}
.nx-foot span:first-child{color:var(--ink);font-weight:500}
/* 01 strategy */
.nx-strat{max-width:430px}
.nx-quote{margin:4px 0 0;font:italic 500 16px/1.4 "Fraunces",Georgia,serif;color:var(--ink-2)}
.nx-prog{margin:16px 0 0;height:6px;border-radius:999px;background:#E8EEF5;overflow:hidden}.nx-prog span{display:block;height:100%;background:linear-gradient(90deg,#61AEFA,#2F6FE0)}
.nx-meta{margin:8px 0 0;font:400 12px/1 var(--mono);color:var(--ink-3)}
.nx-flow{list-style:none;margin:0;padding:0;position:absolute;right:0;bottom:0;width:min(330px,52%);display:grid;gap:10px;counter-reset:fl}
.nx-flow li{counter-increment:fl;display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:14px;background:#fff;border:1px solid #DCE4EE;box-shadow:0 20px 40px -30px rgba(10,13,18,.45)}
.nx-flow li:nth-child(2){margin-left:-22px}.nx-flow li:nth-child(3){margin-left:-44px}
.nx-flow img{width:22px!important;height:22px!important;flex:none}
.nx-flow b{display:block;font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.nx-flow b::before{content:"0" counter(fl) " · ";font:400 11px/1 var(--mono);color:var(--deep);letter-spacing:.06em}
.nx-flow span span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3)}
.nx-bet{max-width:520px}
.nx-bet>p:not(.nx-k){margin:12px 0 0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.nx-bet b{color:var(--ink)}
.nx-days{margin:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.nx-days div{padding:10px 12px;border-radius:12px;background:#F4F8FD;border:1px solid #E1EAF5}
.nx-days span{font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.nx-days p{margin:8px 0 0;display:flex;gap:5px}.nx-days i{width:12px;height:12px;border-radius:4px;background:#2F6FE0;opacity:.85}
.nx-why{right:0;top:48%}.nx-fail{right:24px;bottom:0;background:#FFFCF5;border-color:#EADFC8}
/* 02 what's working */
.nx-head{display:flex;align-items:center;gap:12px;max-width:460px;padding:14px 18px}
.nx-hico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--wash);color:var(--deep)}
.nx-head b,.nx-prof b{display:block;font:600 17px/1.2 var(--sans);color:var(--ink)}
.nx-head span,.nx-prof>div>span{display:block;margin-top:3px;font-size:13px;color:var(--ink-3)}
.nx-fan{position:relative;margin-top:22px;height:300px}
.nx-post{position:absolute;width:250px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #DCE4EE;box-shadow:0 30px 50px -30px rgba(10,13,18,.5)}
.nx-post img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.nx-post.vert{width:170px}.nx-post.vert img{aspect-ratio:9/12}
.nx-post>div{padding:10px 12px 12px}
.nx-post b{display:block;font:600 13px/1.3 var(--sans);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nx-post>div>span{display:block;margin-top:3px;font-size:12px;color:var(--ink-3)}
.nx-post p{margin:8px 0 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-3)}
.nx-post i{font-style:normal;padding:4px 8px;border-radius:999px;background:#E3F3EC;color:#1F7A50;font:600 12.5px/1 var(--sans)}
.nx-fan .nx-post:nth-child(1){left:0;top:0;transform:rotate(-4deg);z-index:1}
.nx-fan .nx-post:nth-child(2){left:150px;top:18px;transform:rotate(1.5deg);z-index:2}
.nx-fan .nx-post:nth-child(3){left:360px;top:4px;transform:rotate(4deg);z-index:1}
.nx-fan3 .nx-post:nth-child(1){left:0;top:10px}.nx-fan3 .nx-post:nth-child(2){left:200px;top:0;z-index:3}.nx-fan3 .nx-post:nth-child(3){left:400px;top:14px}
.nx-break{right:0;bottom:-6px}
.nx-prof{display:flex;gap:14px;align-items:center;max-width:520px;padding:16px 18px}
.nx-prof>img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.nx-prof p{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink-3)}
.nx-prof p b{display:inline;font:600 13.5px/1 var(--sans);color:var(--ink)}
.nx-plan{right:0;bottom:-6px}
.nx-plan b{color:var(--ink)}
/* 03 knows you */
.nx-brand{max-width:560px}
.nx-brand ul{list-style:none;margin:12px 0 0;padding:0}
.nx-brand li{display:grid;grid-template-columns:120px minmax(0,1fr) 26px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #EEF2F6}
.nx-brand li:first-child{border-top:0}
.nx-brand b{font:600 15px/1.2 var(--sans);color:var(--ink)}
.nx-brand li>span{font-size:14px;line-height:1.45;color:var(--ink-2)}
.nx-brand li>i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#E3F3EC;color:#1F7A50;font-size:13px}
.nx-sw{display:flex;align-items:center;gap:6px}.nx-sw i{width:18px;height:18px;border-radius:5px;background:var(--c)}.nx-sw em{margin-left:6px;font-style:normal;font-size:13px;color:var(--ink-3)}
.nx-li{max-width:470px}
.nx-lih{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.nx-lih img:first-child{width:44px;height:44px;border-radius:50%}
.nx-lih b{display:block;font:600 15px/1.2 var(--sans);color:var(--ink)}
.nx-lih span{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-3)}
.nx-lih>img:last-child{margin-left:auto;width:20px!important;height:20px!important}
.nx-li>p:not(.nx-acts){margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--ink)}
.nx-dim{color:var(--ink-3)!important}
.nx-acts{margin:14px 0 0;display:flex;gap:8px}.nx-acts span:not(.yes){padding:7px 12px;border-radius:999px;border:1px solid #dbe3ec;font-size:12.5px;color:var(--ink-2)}
.nx-voice{right:0;bottom:12px}
/* 04 editing */
.nx-cut{max-width:600px}
.nx-cut ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.nx-cut li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.45;color:var(--ink)}
.nx-cut li>span{font:400 12px/1.4 var(--mono);color:var(--ink-3)}
.nx-cut li.keep{background:#F4F8FD}
.nx-cut li.drop{color:#a2a9b2;text-decoration:line-through;text-decoration-color:#E5484D;background:#FFF6F6}
.nx-cut li.drop i{margin-left:8px;font-style:normal;text-decoration:none;display:inline-block;padding:2px 7px;border-radius:5px;background:#FDE3E3;color:#C0393D;font:500 11.5px/1.3 var(--sans)}
.nx-ed{padding:14px;max-width:640px}
.nx-frame{border-radius:12px;overflow:hidden}.nx-frame img{display:block;width:100%;height:auto}
.nx-tl{position:relative;margin-top:12px;display:grid;gap:6px}
.nx-tl p{margin:0;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:8px}
.nx-tl i{font:normal 400 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.nx-tl p>span{position:relative;height:12px;border-radius:4px;background:#F1F4F8}
.nx-tl b{position:absolute;top:0;bottom:0;border-radius:4px}
.nx-tl .v b{background:#9CC7F6}.nx-tl .c b{background:#2F6FE0}.nx-tl .g b{background:#C9B6F2}.nx-tl .m b{background:#A7DCC4}
.nx-ph{position:absolute;top:-4px;bottom:-4px;left:calc(62px + 8px + 44%);width:2px;background:#E5484D;z-index:1}
.nx-capcut{display:flex;align-items:center;gap:10px;right:-4px;top:16px}
.nx-capcut b{display:block;font:600 14px/1.2 var(--sans);color:var(--ink)}.nx-capcut span span{display:block;font-size:12.5px;color:var(--ink-3)}
/* 05 repurposing */
.nx-scene:has(.nx-src){display:flex;align-items:center;gap:0}
.nx-src{flex:none;width:44%;background:#fff;border:1px solid #DCE4EE;border-radius:16px;overflow:hidden;box-shadow:0 30px 50px -32px rgba(10,13,18,.5)}
.nx-src img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.nx-src p{margin:0;padding:12px 14px}.nx-src b{display:block;font:600 15px/1.2 var(--sans);color:var(--ink)}.nx-src span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3)}
.nx-arrow{flex:none;width:44px;height:2px;margin:0 10px;background:repeating-linear-gradient(90deg,#61AEFA 0 6px,transparent 6px 11px);position:relative}
.nx-arrow::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left-color:#61AEFA;border-right:0}
.nx-outs{flex:1;min-width:0}
.nx-shorts{display:flex;gap:10px}
.nx-shorts img{flex:1;min-width:0;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;box-shadow:0 24px 40px -26px rgba(10,13,18,.6)}
.nx-shorts img:nth-child(2){transform:translateY(-12px)}
.nx-count{margin:14px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nx-count span{padding:10px;border-radius:12px;background:#fff;border:1px solid #DCE4EE;font-size:12.5px;color:var(--ink-3);text-align:center}
.nx-count b{display:block;font:600 24px/1 "Fraunces",Georgia,serif;color:#2F6FE0;margin-bottom:3px}
.nx-cal{max-width:640px}
.nx-week{margin:14px 0 0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.nx-week div{padding:10px 6px;border-radius:12px;background:#F4F8FD;border:1px solid #E1EAF5;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px}
.nx-week span{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.nx-week p{margin:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #DCE4EE}
.nx-week p img{width:17px!important;height:17px!important}
/* 06 memory */
.nx-mem{max-width:600px}
.nx-mem ul{list-style:none;margin:12px 0 0;padding:0}
.nx-mem li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 0;border-top:1px solid #EEF2F6}
.nx-mem li:first-child{border-top:0}
.nx-mem li span{font:400 12px/1.4 var(--mono);color:var(--deep)}
.nx-mem li b{font:500 15px/1.45 var(--sans);color:var(--ink)}
.nx-rt{max-width:470px}
.nx-rt ul{list-style:none;margin:12px 0 0;padding:0}
.nx-rt li{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #EEF2F6}
.nx-rt li:first-child{border-top:0}
.nx-rt b{font:500 15px/1.2 var(--sans);color:var(--ink)}.nx-rt li>span{font-size:12.5px;color:var(--ink-3)}
.nx-rt li>i{position:relative;width:38px;height:22px;border-radius:999px;background:#DFE5EC}
.nx-rt li>i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.nx-rt li.on>i{background:var(--deep)}.nx-rt li.on>i::after{left:19px}
.nx-ready{display:flex;align-items:center;gap:12px;right:0;bottom:20px}
.nx-ready b{display:block;font:600 14px/1.2 var(--sans);color:var(--ink)}.nx-ready span span{display:block;font-size:12.5px;color:var(--ink-3)}
/* Before/After as the index of the six */
.bx-go{display:flex;align-items:center;justify-content:space-between;gap:12px;color:inherit;text-decoration:none}
.bx-go span{flex:none;font:500 18px/1 var(--sans);color:#61AEFA;transition:transform .2s}
.bx-go:hover span{transform:translateX(4px)}
.bx-go:hover b{color:var(--deep)!important}
/* section 05: a designed Nave panel instead of the screenshot */
.nd{display:grid;grid-template-columns:150px minmax(0,1fr);background:#fff;min-height:440px}
.nd svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nd .mark{fill:var(--deep);stroke:none}
.nd-side{padding:16px 12px;background:#F2F7FD;border-right:1px solid #E3EAF3}
.nd-logo{margin:0 0 16px;display:flex;align-items:center;gap:8px;font:600 14px/1 var(--sans);color:var(--ink)}
.nd-side ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.nd-side li{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;font-size:12px;color:var(--ink-2)}
.nd-side li svg{width:13px;height:13px;color:var(--ink-3)}
.nd-side li.on{background:#61AEFA;color:#0A0D12;font-weight:600;box-shadow:inset 0 0 0 1.5px #0A0D12}
.nd-main{padding:16px 18px}
.nd-crumb{margin:0;font:600 20px/1.1 "Fraunces",Georgia,serif;color:var(--ink)}
.nd-tabs{margin:10px 0 0;display:inline-flex;padding:3px;border-radius:10px;background:#F1F5FA;border:1px solid #E1E8F1}
.nd-tabs span{padding:6px 10px;border-radius:8px;font-size:11.5px;color:var(--ink-3)}.nd-tabs .on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(10,13,18,.08)}
.nd-cols{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nd-cols>div{padding:10px;border-radius:12px;background:#F6F9FC;display:flex;flex-direction:column;gap:8px}
.nd-h{margin:0;display:flex;align-items:center;gap:6px;font:600 12px/1 var(--sans);color:var(--ink)}
.nd-h i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.nd-card{padding:10px;border-radius:10px;background:#fff;border:1px solid #E6EBF1;display:flex;flex-direction:column;gap:5px}
.nd-card b{font:600 12px/1.3 var(--sans);color:var(--ink)}
.nd-card>span{font-size:11px;color:var(--ink-3)}
.nd-card em{align-self:flex-start;font-style:normal;padding:3px 7px;border-radius:999px;font:500 10.5px/1.2 var(--sans)}
.nd-card em.you{background:#61AEFA;color:#0A0D12;box-shadow:inset 0 0 0 1px #0A0D12}
.nd-card em.agent{background:#fff;border:1px solid #D5DEE8;color:var(--ink-2)}
.nd-card em.done{background:#E3F3EC;color:#1F7A50}
.nd>.n2-pin.p4{left:120px!important;top:150px!important}
.nd>.n2-pin.p3{left:auto!important;right:24px!important;top:54px!important}
@media (max-width:1100px){.nx,.nx.flip{grid-template-columns:1fr}.nx.flip .nx-vis{order:0}.nx-txt{max-width:640px}}
@media (max-width:700px){
  .nx-scene{min-height:0}
  .nx-mini,.nx-flow{position:relative!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;margin-top:12px;max-width:none;width:auto}
  .nx-flow li{margin-left:0!important}
  .nx-fan{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .nx-fan .nx-post{position:relative;left:auto!important;top:auto!important;transform:none!important;width:auto}
  .nx-fan .nx-post:nth-child(3){display:none}
  .nx-brand li{grid-template-columns:1fr 24px}.nx-brand li>span{grid-column:1}.nx-brand li>i{grid-row:1/3;grid-column:2}
  .nx-scene:has(.nx-src){flex-direction:column}.nx-src{width:100%}.nx-arrow{transform:rotate(90deg);margin:16px 0}
  .nx-week{grid-template-columns:repeat(4,1fr)}.nx-week div{min-height:0}
  .nd{grid-template-columns:1fr}.nd-side{display:none}.nd-cols{grid-template-columns:1fr 1fr}.nd-cols>div:nth-child(3){display:none}
  .nd>.n2-pin.p4{display:none}
}

/* ── the five parts: speak in the after, the picture tells before → after (Oct 26 night) ── */
.st-rows{display:grid;gap:clamp(110px,15vh,170px);margin-top:clamp(64px,9vh,100px)}
.nx.st .nx-txt h3{margin-top:0;font-size:clamp(34px,3.3vw,50px)}
.nx.st .nx-txt h3 .dim{display:block;margin-bottom:4px;color:#a3abb4}
.st-tl{margin:0 auto 18px!important}
.st-tl button{display:inline-flex;align-items:center;gap:7px}
.st-tl button .mark{fill:currentColor}
.st-tl button[data-tab="0"][aria-selected="true"]{background:#8a929c;color:#fff}
.st-tl button[data-tab="1"][aria-selected="true"]{background:var(--deep);color:#fff}
.nx-pane:not([hidden]){animation:stIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes stIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.st-before .nx-scene{filter:saturate(.55)}
.nx-vis:has(.st-before:not([hidden])){background:radial-gradient(110% 80% at 20% 0%,#FBFAF7 0%,#F2F0EA 60%,#E9E6DE 100%);border-color:#E3DED3}
@media (prefers-reduced-motion:reduce){.nx-pane:not([hidden]){animation:none}}
/* before scenes */
.bf-week{max-width:560px;margin:30px auto 0}
.bf-days{margin-top:14px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.bf-days div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 4px 16px;border-radius:12px;background:#F7F6F2;border:1px dashed #D8D3C7}
.bf-days span{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9a9486}
.bf-days i{font:500 22px/1 var(--sans);font-style:normal;color:#c4bdae}
.bf-count{margin:14px 0 0;font:400 12.5px/1 var(--mono);color:#9a9486}
.bf-sticky{position:absolute;right:8%;bottom:34px;margin:0;padding:16px 20px;background:#FFE58F;transform:rotate(-5deg);font:500 18px/1.2 "Hand",cursive;color:#5b4b14;box-shadow:0 18px 30px -18px rgba(90,70,0,.45)}
.bf-doc{max-width:480px;margin:20px 0 0 4%;min-height:260px}
.bf-doc-t{margin:0;font:600 24px/1.2 "Fraunces",Georgia,serif;color:#b6b0a3}
.bf-cursor{margin:16px 0 0;font-size:16px;color:#a7a196}
.bf-cursor span{display:inline-block;width:2px;height:18px;margin-left:3px;vertical-align:-3px;background:#2F6FE0;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.bf-lines{margin:22px 0 0;display:grid;gap:10px}.bf-lines i{display:block;height:10px;border-radius:5px;background:#F1EFEA}.bf-lines i:nth-child(2){width:80%}.bf-lines i:nth-child(3){width:55%}
.bf-shots{position:absolute;right:2%;top:30px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.bf-shots span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:#fff;border:1px solid #E3DED3;font-size:12.5px;color:#7d776b;box-shadow:0 10px 20px -16px rgba(0,0,0,.4)}
.bf-shots span:nth-child(odd){transform:rotate(2deg)}.bf-shots span:nth-child(even){transform:rotate(-2deg) translateX(-12px)}
.bf-shots svg{fill:none;stroke:currentColor;stroke-width:1.8}
.bf-shots em{font-style:normal;font:400 12px/1 var(--mono);color:#a7a196;margin-top:4px}
.bf-chat{max-width:520px;margin:10px auto 0;display:grid;gap:10px}
.bf-me{justify-self:end;margin:0;max-width:85%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#d9d6cf;color:#3b3a36;font-size:14.5px;line-height:1.45}
.bf-me i{display:inline-block;width:2px;height:15px;margin-left:2px;vertical-align:-2px;background:#3b3a36;animation:blink 1s steps(1) infinite}
.bf-ai{margin:0;max-width:88%;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#F4F3EF;border:1px solid #E3DED3;color:#6b675e;font-size:14.5px;line-height:1.5}
.bf-ai span{display:block;margin-top:6px;color:#9a9486}
.bf-tag{position:absolute;right:4%;bottom:6px;margin:0;padding:7px 12px;border-radius:999px;background:#FDE3E3;color:#B5383C;font:500 13px/1 var(--sans);transform:rotate(-3deg)}
.bf-tl{max-width:560px;margin:34px auto 0}
.bf-clips{margin-top:16px;display:grid;gap:7px}
.bf-clips p{margin:0;display:flex;gap:4px}
.bf-clips i{flex:1;height:26px;border-radius:5px;background:#D9D5CB}
.bf-clips i.x{background:#E9A6A6;box-shadow:inset 0 0 0 2px #D46A6A}
.bf-time{margin:18px 0 0;display:flex;align-items:baseline;gap:12px}
.bf-time b{font:600 34px/1 "Fraunces",Georgia,serif;color:#B5383C}
.bf-time span{font-size:14px;color:#8a8478}
.bf-one{max-width:560px;margin:20px auto 0}
.bf-vid{width:62%;border-radius:12px;overflow:hidden;border:1px solid #E3DED3}
.bf-vid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.bf-vid p{margin:0;display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px;color:#7d776b}
.bf-wk{margin-top:16px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.bf-wk div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border-radius:10px;background:#F7F6F2;border:1px dashed #D8D3C7}
.bf-wk span{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9a9486}
.bf-wk i{font-style:normal;font:600 16px/1 var(--sans);color:#c4bdae}
.bf-wk .on{background:#fff;border-style:solid}.bf-wk .on i{color:#3b3a36}
/* after details */
.st-fly{right:0;bottom:-8px;max-width:330px}
.st-rep{display:flex;align-items:center}
.st-pf{margin:12px 0 0;display:flex;align-items:center;gap:8px}.st-pf img{width:17px!important;height:17px!important}.st-pf span{margin-left:6px;font:500 13px/1 var(--sans);color:#1F6B4A}
@media (max-width:700px){
  .bf-sticky,.bf-shots,.bf-tag{position:relative;right:auto;top:auto;bottom:auto;margin-top:14px;align-items:flex-start}
  .bf-days,.bf-wk{grid-template-columns:repeat(4,1fr)}
  .bf-doc{margin:0}.bf-vid{width:100%}
  .st-rep{flex-direction:column}
}
.nx-tabs .st-tl{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content!important;margin:0 auto 20px!important}
.st-tl button{width:auto!important}
.bf-vid p img{width:16px!important;height:16px!important;aspect-ratio:auto!important;display:inline-block!important}
.bf-week,.bf-tl,.bf-one,.bf-chat{transform:scale(1.06);transform-origin:top center}
.st-before .nx-scene{display:flex;flex-direction:column;justify-content:center}
.bf-sticky{bottom:auto!important;top:calc(50% + 70px);right:12%}
.bf-tag{bottom:auto!important;top:calc(50% + 120px)}
@media (max-width:700px){.bf-sticky,.bf-tag{top:auto!important}}
@media (max-width:700px){.bf-sticky{align-self:center;margin-top:-6px!important;width:max-content;max-width:80%;padding:12px 16px;font-size:16px}.bf-week,.bf-tl,.bf-one,.bf-chat{transform:none}}

/* ── Oct 29: features → benefits → results ── */
.fg{max-width:1180px;margin:clamp(40px,6vh,64px) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left}
.fg-card{display:flex;flex-direction:column;padding:20px 20px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(10,13,18,.03),0 24px 46px -40px rgba(28,78,142,.6);transition:transform .25s,box-shadow .25s}
.fg-card:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(10,13,18,.03),0 30px 56px -36px rgba(28,78,142,.6)}
.fg-top{margin:0;display:flex;align-items:center;justify-content:space-between}
.fg-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--c);color:#1d2733}
.fg-ic svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fg-n{font:400 12px/1 var(--mono);color:var(--ink-3)}
.fg-card h3{margin:16px 0 0;font:600 18px/1.25 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.fg-what{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ink-3)}
.fg-ben{margin:14px 0 0;padding-top:12px;border-top:1px dashed #E3E8EE;font:500 14.5px/1.45 var(--sans);color:var(--ink)}
.fg-res{margin:6px 0 0;display:flex;gap:7px;font:600 14px/1.45 var(--sans);color:var(--deep)}
.fg-res span{color:#61AEFA}
.fg-more{margin-top:clamp(36px,5vh,52px)!important}
@media (max-width:1100px){.fg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.fg{grid-template-columns:1fr}}
/* one app, on the AI you already pay for */
.na{max-width:1120px;margin:clamp(40px,6vh,60px) auto 0;padding:clamp(24px,3vw,36px);border-radius:26px;background:radial-gradient(110% 80% at 20% 0%,#fff 0%,#F0F6FE 55%,#E1ECF9 100%);border:1px solid #D9E6F5;text-align:left}
.na-head h4{margin:10px 0 0;font:600 clamp(24px,2.2vw,32px)/1.15 var(--sans);letter-spacing:-.025em;color:var(--ink)}
.na-grid{margin-top:24px;display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.4fr);gap:18px;align-items:center}
.na-l{margin:0 0 10px;font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.na-old ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.na-old li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid #E1E8F0;font-size:14.5px;color:var(--ink-3)}
.na-old img{opacity:.5;filter:grayscale(1)}
.na-old s{text-decoration-color:#d4574a;text-decoration-thickness:2px}
.na-dots{width:22px;text-align:center;font-weight:700;color:#b0b8c2}
.na-arrow{font:500 26px/1 var(--sans);color:#61AEFA}
.na-app{padding:18px 20px;border-radius:18px;background:#fff;border:1.5px solid #9CC7F6;box-shadow:0 30px 60px -38px rgba(28,78,142,.6)}
.na-top{margin:0 0 14px;display:flex;align-items:center;gap:10px;font:600 17px/1 var(--sans);color:var(--ink)}
.na-top .mark{fill:var(--deep)}
.na-row{padding:12px 0;border-top:1px solid #EEF2F6}
.na-row>p:last-child{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.na-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#F4F8FD;border:1px solid #E1EAF5;font:500 13.5px/1 var(--sans);color:var(--ink)}
.na-chip img{width:16px!important;height:16px!important;object-fit:contain}
.na-logos{gap:12px!important}.na-logos img{width:22px!important;height:22px!important}
.na-foot{margin:12px 0 0;padding-top:12px;border-top:1px dashed #E3E8EE;font-size:13.5px;color:var(--ink-3)}
@media (max-width:900px){.na-grid{grid-template-columns:1fr}.na-arrow{transform:rotate(90deg);justify-self:center}}
/* research and reverse-engineering scenes */
.ra-tabs{max-width:560px;margin:30px auto 0}
.ra-bar{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.ra-bar span{padding:7px 10px;border-radius:8px 8px 0 0;background:#F1EFEA;border:1px solid #E3DED3;font-size:12px;color:#8a8478;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ra-q{margin:18px 0 0;font:500 16px/1.4 var(--sans);color:#a7a196}
.ra-ask{display:block;margin:0 0 14px auto!important;width:max-content;max-width:90%}
.ra-brief{max-width:600px;margin-left:auto}
.ra-list{list-style:none;margin:12px 0 0;padding:0}
.ra-list li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #EEF2F6}
.ra-list li:first-child{border-top:0}
.ra-list img{width:96px;height:54px;object-fit:cover;border-radius:8px}
.ra-list b{display:block;font:600 14px/1.3 var(--sans);color:var(--ink)}
.ra-list span span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3)}
.ra-list i{font-style:normal;padding:5px 9px;border-radius:999px;background:#E3F3EC;color:#1F7A50;font:600 13px/1 var(--sans)}
.rv-watch{max-width:420px;margin:20px auto 0;padding:12px}
.rv-watch img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.rv-watch p{margin:10px 2px 0;display:flex;align-items:center;gap:8px;font-size:13.5px;color:#7d776b}
.rv-watch p img{width:16px!important;height:16px!important;aspect-ratio:auto;border-radius:0}
.rv-note{top:auto!important;bottom:26px!important;right:8%!important}
.rv-card{max-width:620px}
.rv-head{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.rv-head img{width:120px;height:68px;object-fit:cover;border-radius:8px}
.rv-head b{display:block;font:600 15.5px/1.3 var(--sans);color:var(--ink)}
.rv-head span{display:block;margin-top:4px;font-size:13px;color:var(--ink-3)}
.rv-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.rv-list li{padding:11px 13px;border-radius:12px;background:#F4F8FD;border:1px solid #E1EAF5}
.rv-list span{display:block;font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.rv-list b{display:block;margin-top:6px;font:500 14.5px/1.45 var(--sans);color:var(--ink)}

/* five parts, each carrying its features (Oct 29) */
.nx-feats{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.nx-feats li{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -28px rgba(28,78,142,.6)}
.nx-feats b{display:block;font:600 15px/1.35 var(--sans);color:var(--ink)}
.nx-feats span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--ink-3)}
.nx-feats i{font-style:normal;color:#61AEFA;margin:0 2px}
.nx-feats em{font-style:normal;font-weight:600;color:var(--deep)}
.st-tl button:not([data-tab="0"])[aria-selected="true"]{background:var(--deep);color:#fff}
.st-tl{max-width:100%}
#f5 .bf-tag{position:relative!important;display:block;width:max-content;margin:14px auto 0!important;top:auto!important;right:auto!important;bottom:auto!important}

.nx.st .nx-num{margin:0 0 14px}

/* six parts by pillar (Oct 29) */
.mk-av{display:flex;align-items:center}.mk-av img{width:24px!important;height:24px!important;border-radius:50%;border:2px solid #fff;margin-left:-6px;object-fit:cover}.mk-av img:first-child{margin-left:0}.mk-av em{margin-left:8px;font-style:normal;font-size:13px;color:var(--ink-3)}
.nx-brand li{grid-template-columns:130px minmax(0,1fr) 26px!important;padding:11px 0!important}
.id-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:560px}
.id-list li{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #DCE4EE}
.id-list b{display:block;font:600 14.5px/1.2 var(--sans);color:var(--ink)}.id-list span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3)}
.id-plan{right:0;bottom:-8px}
.pw-card{max-width:600px}
.pw-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.pw-steps li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:12px;background:#F4F8FD;border:1px solid #E1EAF5;font:500 13px/1.2 var(--sans);color:var(--ink);text-align:center}
.pw-steps i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#E3F3EC;color:#1F7A50;font-style:normal;font-size:13px}
.pw-steps li.you{background:#EAF3FE;border-color:#9CC7F6}.pw-steps li.you i{background:var(--deep);color:#fff}
.pw-tools{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pw-tools>span:first-child{font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}
.pw-gen{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pw-gen div{display:flex;flex-direction:column;gap:8px}
.pw-ph{display:block;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#0B2447,#2F6FE0 60%,#ACD8F7);position:relative;overflow:hidden}
.pw-ph::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.4px);background-size:10px 10px}
.pw-gen b{font:500 13.5px/1.2 var(--sans);color:var(--ink)}
.ld-before{max-width:460px;margin:20px auto 0}
.ld-before .cv-c{display:flex;align-items:baseline;gap:6px}
.ld-none{margin-left:auto;flex:none;font-size:11.5px;color:#B5383C}
.ld-arrow{display:block;text-align:center;color:#61AEFA;font-size:20px;margin:-2px 0}
.ld-tag{position:relative;z-index:1;align-self:flex-start;margin:4px 0 0;padding:6px 11px;border-radius:999px;background:#E3F3EC;color:#1F7A50;font:600 13px/1 var(--sans)}
.ld-inbox{max-width:560px}
.ld-inbox .nx-k span{margin-left:auto;padding:3px 7px;border-radius:5px;background:#F1EFEA;color:#8a8478}
.ld-inbox ul{list-style:none;margin:12px 0 0;padding:0}
.ld-inbox li{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #EEF2F6}
.ld-inbox li:first-child{border-top:0}
.ld-inbox li img{width:17px!important;height:17px!important}
.ld-inbox b{font:500 14px/1.3 var(--sans);color:var(--ink)}
.ld-inbox em{font-style:normal;padding:3px 7px;border-radius:5px;background:#EAF3FE;color:var(--deep);font:600 11px/1 var(--mono)}
.ld-inbox li>span{font-size:12.5px;color:#1F7A50}
.st-tl{flex-wrap:wrap!important;justify-content:center}
@media (max-width:700px){.pw-steps{grid-template-columns:repeat(3,1fr)}.id-list{grid-template-columns:1fr}}

.ld-tag{width:max-content;align-self:center!important}
.sc-eg{border:0!important}

.nx.st>*{min-width:0}
.st-tl{max-width:100%;width:auto!important}
@media (max-width:700px){.nx.st{grid-template-columns:minmax(0,1fr)!important}.st-tl{flex-wrap:wrap!important}.st-tl button{padding:7px 10px!important;font-size:12.5px!important}}

/* six pictures by pillar (Oct 29): the "One person" map's language, one centred picture per topic */
.pz-rows{display:block}
.pz{max-width:1060px;margin:clamp(120px,16vh,180px) auto 0;text-align:center}
.pz-rows .pz:first-child{margin-top:clamp(70px,10vh,110px)}
.pz-k{margin:0;font:400 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.pz-h{margin:18px auto 0;max-width:860px;font:500 clamp(32px,3.2vw,48px)/1.08 var(--sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.pz-h .dim{display:block;color:#A3ADB9}
.pz-sub{margin:18px auto 0;max-width:620px;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.pz-map{position:relative;margin:clamp(44px,6vh,64px) auto 0;max-width:1000px}
.pz-gl{margin:0 0 12px;font:400 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
/* app icons */
.pz-app{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#8CC6FC 0%,#3F8EE6 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 12px -6px rgba(28,78,142,.55)}
.pz-app svg{width:17px;height:17px}
.pz-app.you{background:linear-gradient(180deg,#2A5590 0%,#0B2447 100%)}
/* a row of cards joined by a bus line underneath */
.pz-bus{list-style:none;margin:0;padding:0 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.pz-bus::after{content:"";position:absolute;bottom:0;left:16.667%;right:16.667%;height:2px;background:#9CC7F6}
.pz-bus li{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.pz-bus li::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:31px;margin-left:-1px;background:#9CC7F6}
.pz-bus b{display:block;font:600 15px/1.2 var(--sans);color:var(--ink)}
.pz-bus li span span{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:var(--ink-3)}
.pz-avs{flex:none;display:flex}
.pz-avs img{width:30px!important;height:30px!important;border-radius:50%;border:2px solid #fff;margin-left:-9px;object-fit:cover;box-shadow:0 2px 6px -2px rgba(10,13,18,.3)}
.pz-avs img:first-child{margin-left:0}
/* the core: inputs · folder · outputs */
.pz-core{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding-top:30px}
.pz-core::before{content:"";position:absolute;left:50%;top:0;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
.pz-side{position:relative;display:flex;flex-direction:column}
.pz-l{align-items:flex-end;padding-right:52px}
.pz-r{align-items:flex-start;padding-left:52px}
.pz-l::after,.pz-r::before{content:"";position:absolute;top:calc(50% + 12px);width:52px;border-top:2px dashed #9CC7F6}
.pz-l::after{right:0}.pz-r::before{left:0}
.pz-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pz-l .pz-list{justify-items:end}.pz-r .pz-list{justify-items:start}
.pz-list li{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -18px rgba(10,13,18,.5)}
.pz-list .pz-app{width:28px;height:28px;border-radius:8px}
.pz-list .pz-app svg{width:14px;height:14px}
.pz-list b{font:500 14.5px/1 var(--sans);color:var(--ink);white-space:nowrap}
.pz-ok{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#E3F3EC;color:#1F7A50;font:700 13px/1 var(--sans)}
.pz-sw{display:grid;grid-template-columns:1fr 1fr;width:28px;height:28px;border-radius:8px;overflow:hidden;box-shadow:0 6px 12px -6px rgba(28,78,142,.55)}
.pz-sw i{background:var(--c)}
.pz-folder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 4px}
.pz-folder b{margin-top:10px;font:600 16.5px/1.2 var(--sans);color:var(--ink)}
.pz-end{position:relative;display:inline-flex;margin:30px auto 0;padding:11px 20px;border-radius:999px;background:#0B2447;color:#fff;font:500 15.5px/1 var(--sans);box-shadow:0 20px 40px -26px rgba(11,36,71,.8)}
.pz-end::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
/* 2 · showing up */
.pz-bet{position:relative;max-width:560px;margin:30px auto 0;padding:22px 26px 24px;border-radius:20px;background:#0B2447;color:#C9DCF2;text-align:left;box-shadow:0 30px 50px -30px rgba(11,36,71,.85)}
.pz-bet::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
.pz-bet .pz-gl{color:#7DBDFB;margin-bottom:10px}
.pz-bet h4{margin:0;font:500 30px/1.1 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:#fff}
.pz-bet p:last-child{margin:8px 0 0;font-size:15.5px;line-height:1.5}
.pz-bet p:last-child b{color:#fff;font-weight:600}
.pz-days{list-style:none;position:relative;max-width:840px;margin:30px auto 0;padding:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pz-days::before{content:"";position:absolute;top:0;left:16.667%;right:16.667%;height:2px;background:#9CC7F6}
.pz-days::after{content:"";position:absolute;top:-30px;left:50%;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
.pz-days li{position:relative;padding:18px 18px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.pz-days li::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:31px;margin-left:-1px;background:#9CC7F6}
.pz-days li.today{border-color:#9CC7F6;box-shadow:0 0 0 4px #EAF3FE,var(--shadow)}
.pz-today{position:absolute;top:-11px;right:14px;padding:5px 9px;border-radius:999px;background:var(--deep);color:#fff;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.pz-days b{font:600 15.5px/1 var(--sans);color:var(--ink)}
.pz-reels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:14px}
.pz-reels i{display:grid;place-items:center;aspect-ratio:9/16;border-radius:7px;background:linear-gradient(180deg,#F1F7FE,#D9E9FB);border:1px solid #DCE8F6}
.pz-reels img{width:13px!important;height:13px!important;opacity:.8}
.pz-dsub{display:block;margin-top:11px;font-size:13px;color:var(--ink-3)}
/* 3 · what works: the loop */
.pz-works{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;gap:44px 60px;align-items:center}
.pz-c1{grid-area:1/1}.pz-c2{grid-area:1/3}.pz-c3{grid-area:2/3}.pz-c4{grid-area:2/1}
.pz-works>.pz-folder{grid-column:2;grid-row:1/3}
.pz-ring{position:absolute;inset:24% 18%;border:2px dashed #9CC7F6;border-radius:40px;pointer-events:none}
.pz-ring i{position:absolute;top:50%;width:12px;height:12px;margin-top:-7px;border-right:2px solid #3F8EE6;border-bottom:2px solid #3F8EE6}
.pz-ring .a-r{right:-8px;transform:rotate(45deg)}
.pz-ring .a-l{left:-8px;transform:rotate(-135deg)}
.pz-card{position:relative;z-index:1;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.pz-n{display:flex;align-items:center;gap:9px;margin:0 0 14px;font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.pz-n span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#EAF3FE;color:var(--deep);font-size:11.5px;letter-spacing:0}
.pz-outl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pz-outl li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}
.pz-outl img{width:32px!important;height:32px!important;border-radius:50%;object-fit:cover}
.pz-outl b{display:block;font:500 13.5px/1.25 var(--sans);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-outl span span{display:block;margin-top:2px;font-size:12px;color:var(--ink-3)}
.pz-outl em{font-style:normal;padding:4px 8px;border-radius:6px;background:#E3F3EC;color:#1F7A50;font:500 12.5px/1 var(--mono)}
.pz-cf{margin:12px 0 0;font-size:12px;color:var(--ink-3)}
.pz-bd{margin:0;display:grid;gap:10px}
.pz-bd div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}
.pz-bd dt{font:400 11px/1.75 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.pz-bd dd{margin:0;font-size:14px;line-height:1.4;color:var(--ink)}
.pz-big{margin:0;font:500 23px/1.25 var(--sans);letter-spacing:-.02em;color:var(--ink-3)}
.pz-big b{color:var(--ink);font-weight:600}
.pz-rules{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pz-rules li{display:flex;gap:10px;font-size:14px;line-height:1.35;color:var(--ink)}
.pz-rules time{flex:none;width:50px;font:400 12px/1.6 var(--mono);color:var(--ink-3)}
.pz-works .pz-folder{padding:12px 16px 14px;border-radius:24px;background:var(--paper)}
.pz-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;max-width:250px}
.pz-tags span{padding:4px 9px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--ink-2)}
/* 4 · team at work */
.pz-rec{position:relative;display:inline-flex;align-items:center;gap:14px;padding:8px 20px 8px 8px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.pz-rec img{width:124px!important;height:70px!important;border-radius:10px;object-fit:cover}
.pz-rec b{display:block;font:600 15.5px/1.2 var(--sans);color:var(--ink)}
.pz-rec span span{display:block;margin-top:3px;font-size:13px;color:var(--ink-3)}
.pz-res{margin-top:30px;padding:30px 0 0;max-width:840px;margin-inline:auto}
.pz-res::after{top:-30px;bottom:auto;left:50%;right:auto;width:2px;height:30px;margin-left:-1px}
.pz-res::before{content:"";position:absolute;top:0;left:16.667%;right:16.667%;height:2px;background:#9CC7F6}
.pz-res li::after{display:none}
.pz-res li::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:31px;margin-left:-1px;background:#9CC7F6}
.pz-res li{flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px}
.pz-res li>b{font:400 44px/1 var(--mono);letter-spacing:-.03em;color:#2F6FE0}
.pz-res li>span{font-size:14.5px;color:var(--ink-2)}
.pz-pf{display:flex;gap:7px;margin-top:8px}
.pz-pf img{width:17px!important;height:17px!important}
/* 5 · production workflows */
.pz-tools{list-style:none;position:relative;margin:0;padding:0 0 30px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pz-tools::after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
.pz-tools li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:10px;background:#fff;border:1px solid var(--line);font:500 13.5px/1 var(--sans);color:var(--ink);box-shadow:0 10px 20px -18px rgba(10,13,18,.5)}
.pz-tools img{width:17px!important;height:17px!important;object-fit:contain}
.pz-steps{list-style:none;position:relative;max-width:980px;margin:0 auto;padding:22px 18px 20px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.pz-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px}
.pz-steps li:not(:last-child)::after{content:"";position:absolute;top:20px;left:calc(50% + 28px);right:calc(-50% + 28px);height:2px;background:#9CC7F6}
.pz-steps .pz-app{width:42px;height:42px;border-radius:12px}
.pz-steps .pz-app svg{width:19px;height:19px}
.pz-steps b{font:500 14.5px/1 var(--sans);color:var(--ink)}
.pz-steps em{font-style:normal;padding:4px 7px;border-radius:5px;background:#EAF3FE;color:var(--deep);font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.pz-steps+.pz-gl{position:relative;margin-top:30px;padding-top:30px}
.pz-steps+.pz-gl::before{content:"";position:absolute;left:50%;top:0;width:2px;height:22px;margin-left:-1px;background:#9CC7F6}
.pz-makes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pz-makes li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.pz-makes b{font:600 14.5px/1.25 var(--sans);color:var(--ink)}
/* 6 · content to leads */
.pz-flow{list-style:none;position:relative;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;align-items:stretch}
.pz-flow::before{content:"";position:absolute;left:12.5%;right:12.5%;top:calc(50% + 14px);border-top:2px dashed #9CC7F6}
.pz-flow>li{position:relative;display:flex;flex-direction:column;align-items:stretch}
.pz-flow .pz-n{justify-content:center}
.pz-flow .pz-card{flex:1;display:flex;flex-direction:column;justify-content:center}
.pz-ph{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--ink-3)}
.pz-ph img{width:17px!important;height:17px!important}
.pz-ph b{color:var(--ink);font-weight:600}
.pz-cm{margin:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.pz-cm b{color:var(--ink)}
.pz-cm em,.pz-cm em{font-style:normal;padding:2px 6px;border-radius:5px;background:#EAF3FE;color:var(--deep);font:600 11.5px/1 var(--mono)}
.pz-dm{align-items:flex-end}
.pz-bub{margin:0;padding:11px 15px;border-radius:18px 18px 4px 18px;background:#2F7BF6;color:#fff;font-size:14px;line-height:1.35;width:fit-content}
.pz-dm .pz-cf{text-align:right}
.pz-flow .pz-mid{align-items:center;justify-content:flex-start}
.pz-flow .pz-folder{padding:6px 12px 8px;border-radius:20px;background:var(--paper)}
.pz-leads .hq-body{width:150px;height:106px}
.pz-leads .hq-tab{width:60px;height:13px;margin-right:78px}
.pz-leads .hq-mark{width:60px!important;height:40px!important}
.pz-leads .pz-folder b{margin-top:6px;font-size:15px}
.pz-leads .pz-pf{justify-content:center}
.pz-draft{display:flex;align-items:center;gap:8px;margin:0;padding:11px 12px;border-radius:12px;background:#F4F8FD;font-size:13.5px;color:var(--ink-2)}
.pz-send{margin:10px 0 0 auto;width:fit-content;padding:8px 18px;border-radius:999px;background:var(--deep);color:#fff;font:600 13.5px/1 var(--sans)}
.pz-lead{position:relative;display:inline-flex;margin:34px auto 0;padding:11px 20px;border-radius:999px;background:#E3F3EC;color:#1F7A50;font:600 15.5px/1 var(--sans)}
/* phone and small tablet */
@media (max-width:900px){
  .pz-bus::after,.pz-bus li::after,.pz-core::before,.pz-l::after,.pz-r::before,.pz-days::before,.pz-days::after,.pz-days li::before,.pz-bet::before,.pz-res::before,.pz-res::after,.pz-res li::before,.pz-end::before,.pz-tools::after,.pz-flow::before,.pz-ring,.pz-steps li::after,.pz-steps+.pz-gl::before{display:none}
  .pz-bus,.pz-days,.pz-res{grid-template-columns:1fr;gap:10px;padding:0}
  .pz-days,.pz-bet,.pz-res{margin-top:22px}
  .pz-core{grid-template-columns:1fr;gap:20px;padding-top:26px}
  .pz-core .pz-folder{order:-1}
  .pz-l,.pz-r{align-items:center;padding:0}
  .pz-list{justify-items:center!important;grid-template-columns:repeat(2,auto);justify-content:center}
  .pz-end{margin-top:24px}
  .pz-works{grid-template-columns:1fr;gap:14px}
  .pz-works>*{grid-area:auto!important}
  .pz-works>.pz-folder{order:-1;grid-row:auto!important}
  .pz-steps{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px;padding:18px 10px}
  .pz-steps+.pz-gl{margin-top:22px;padding-top:0}
  .pz-makes{grid-template-columns:1fr 1fr}
  .pz-flow{grid-template-columns:1fr;gap:20px}
  .pz-rec img{width:96px!important;height:54px!important}
}
@media (max-width:480px){.pz-list{grid-template-columns:1fr}.pz-makes{grid-template-columns:1fr}.pz-list b{white-space:normal}}
.pz-outl b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pz-draft{padding:0!important;background:none!important;font:400 11.5px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)!important}
.pz-dtext{margin:10px 0 0;padding:11px 14px;border-radius:14px;background:#F1F4F8;border:1px dashed #B9D3EE;font-size:14px;line-height:1.4;color:var(--ink)}
.pz-flow+.pz-lead::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:34px;margin-left:-1px;background:#9CC7F6}
.pz-reels i:nth-child(2n){background:linear-gradient(180deg,#EAF3FE,#CFE3FB)}
@media (max-width:900px){.pz-flow+.pz-lead::before{display:none}}

.pz-flow+.pz-lead::before{display:none}

/* v4 (Oct 29): side rows + centred pictures, a different picture per idea */
.pz-rows .nx.pzs{margin-top:clamp(120px,16vh,180px)}
.pz-rows>:first-child{margin-top:clamp(70px,10vh,110px)!important}
.nx.pzs .nx-num{margin:0 0 14px}
.nx.pzs .nx-p{margin-top:18px}
/* 1 · what your team reads first + the post written from it */
.gx{min-height:500px}
.gx-sheet{position:absolute;left:0;top:0;width:68%;padding:18px 20px 8px;border-radius:18px;background:#fff;border:1px solid #DCE4EE;box-shadow:0 30px 60px -38px rgba(10,13,18,.45)}
.gx-k{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:400 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.gx-sheet dl{margin:0}
.gx-sheet dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border-top:1px solid #EEF2F6}
.gx-sheet dl>div:first-child{border-top:0}
.gx-sheet dt{font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.gx-sheet dd{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.4;color:var(--ink)}
.gx-sw{display:inline-flex;gap:3px}
.gx-sw i{width:18px;height:18px;border-radius:5px;background:var(--c)}
.gx-aa{font:500 19px/1 "Fraunces",Georgia,serif;color:var(--ink)}
.gx-sheet .pz-avs img{width:24px!important;height:24px!important;margin-left:-7px}
.gx-sheet .pz-avs img:first-child{margin-left:0}
.gx-post{position:absolute;z-index:2;right:0;bottom:0;width:60%;padding:16px 18px 16px;border-radius:18px;background:#fff;border:1px solid #DCE4EE;box-shadow:0 44px 70px -34px rgba(10,13,18,.55)}
.gx-ph{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.gx-ph>img:first-child{width:38px!important;height:38px!important;border-radius:50%;object-fit:cover}
.gx-ph b{display:block;font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.gx-ph span{display:block;margin-top:2px;font-size:12px;color:var(--ink-3)}
.gx-ph>img:last-child{margin-left:auto;width:17px!important;height:17px!important}
.gx-post>p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--ink)}
.gx-post>p b{font-weight:600}
.gx-acts{display:flex;gap:7px;margin-top:14px!important}
.gx-acts span{padding:8px 12px;border-radius:999px;border:1px solid var(--line);font:500 12.5px/1 var(--sans);color:var(--ink-2)}
.gx-acts .yes{background:var(--deep);border-color:var(--deep);color:#fff}
.gx-tag{position:absolute;z-index:3;left:6%;bottom:22%;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#EAF3FE;border:1px solid #CFE3FB;font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.gx-tag::after{content:"→";font-family:var(--sans);font-size:14px;letter-spacing:0}
/* 2 · the week, as a calendar */
.cx-win{max-width:1020px;margin:0 auto;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 44px 90px -54px rgba(28,78,142,.6);overflow:hidden;text-align:left}
.cx-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #EEF2F6;background:#FAFBFD}
.cx-dots{display:flex;gap:7px}
.cx-dots i{width:12px;height:12px;border-radius:50%;background:#FF5F57}
.cx-dots i:nth-child(2){background:#FEBC2E}.cx-dots i:nth-child(3){background:#28C840}
.cx-bar>b{margin-left:6px;font:600 15px/1 var(--sans);color:var(--ink)}
.cx-eg{padding:3px 7px;border-radius:5px;background:#F1EFEA;color:#8a8478;font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.cx-bet{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#0B2447;color:#C9DCF2;font-size:13px}
.cx-bet .mark{color:#ACD8F7;fill:currentColor}
.cx-bet b{color:#fff;font-weight:600}
.cx-body{display:grid;grid-template-columns:178px minmax(0,1fr)}
.cx-side{padding:16px 14px;border-right:1px solid #EEF2F6;background:#FBFCFE}
.cx-side .pz-gl{margin-bottom:10px}
.cx-side ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cx-side li{display:flex;align-items:center;gap:9px;padding:6px 6px;border-radius:8px;font:500 13.5px/1 var(--sans);color:var(--ink-2)}
.cx-side li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(180deg,#8CC6FC,#3F8EE6);color:#fff}
.cx-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cx-day{display:flex;flex-direction:column;gap:6px;min-height:290px;padding:12px 7px 14px;border-left:1px solid #F0F3F7}
.cx-day:first-child{border-left:0}
.cx-day.today{background:#F4F8FE}
.cx-dh{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:500 13px/1 var(--sans);color:var(--ink-3)}
.cx-dh b{font-weight:600}
.cx-day.today .cx-dh b{padding:5px 9px;border-radius:999px;background:#2F6FE0;color:#fff}
.cx-dh em{font-style:normal;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#2F6FE0}
.cx-ev{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:8px;background:var(--bg);border-left:3px solid var(--bd);font:500 12.5px/1.2 var(--sans);color:var(--ink)}
.cx-ev>span{display:flex;align-items:center;gap:5px}
.cx-ev img{width:12px!important;height:12px!important}
.cx-ev small{font-size:11px;line-height:1.25;color:var(--ink-3)}
.cx-tt{--bg:#F0F1F3;--bd:#111418}.cx-live{--bg:#FDECEC;--bd:#E5484D}.cx-ig{--bg:#FCEAF4;--bd:#D6249F}.cx-li{--bg:#E8F1FB;--bd:#0A66C2}.cx-ss{--bg:#FFF0E6;--bd:#FF6719}
.cx-rec{width:8px;height:8px;border-radius:50%;background:#E5484D;flex:none}
.cx-next{margin-top:28px}
.cx-next::before{display:none}
/* 3 · why it worked */
.wx-why{right:-6px;bottom:-4px;max-width:330px!important;width:330px;padding:16px 18px!important}
.wx-why .pz-bd{margin-top:10px}
.wx-why .pz-bd div{grid-template-columns:58px minmax(0,1fr)}
.wx-why .pz-bd dd{font-size:13.5px}
.wx-yours{margin:12px 0 0!important;padding-top:10px;border-top:1px solid #EEF2F6;font:600 13.5px/1.4 var(--sans)!important;color:var(--deep)!important}
/* 4 · one recording → your team → real outputs */
.tx .pz-rec{margin:0 auto}
.tx-team{position:relative;margin:30px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.tx-team::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
.tx-pill{display:inline-flex;align-items:center;gap:10px;margin:0;padding:12px 20px;border-radius:999px;background:#0B2447;color:#fff;font:600 15.5px/1 var(--sans);box-shadow:0 20px 40px -24px rgba(11,36,71,.85)}
.tx-pill .mark{color:#ACD8F7;fill:currentColor}
.tx-does{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0}
.tx-does span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font:500 13px/1 var(--sans);color:var(--ink-2)}
.tx-does svg{color:#3F8EE6}
.tx-outs{list-style:none;position:relative;max-width:860px;margin:30px auto 0;padding:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tx-outs::before{content:"";position:absolute;top:0;left:16.667%;right:16.667%;height:2px;background:#9CC7F6}
.tx-outs::after{content:"";position:absolute;top:-30px;left:50%;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
.tx-outs li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.tx-outs li::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:31px;margin-left:-1px;background:#9CC7F6}
.tx-outs li>b{margin-top:12px;font:400 40px/1 var(--mono);letter-spacing:-.03em;color:#2F6FE0}
.tx-outs li>span:not(.pz-pf){font-size:14.5px;color:var(--ink-2)}
.tx-vis{position:relative;align-self:stretch;height:150px;border-radius:12px;background:linear-gradient(180deg,#F4F8FD,#E6EFFA)}
.tx-shorts img{position:absolute;top:12px;width:72px!important;height:126px!important;border-radius:10px;object-fit:cover;border:2px solid #fff;box-shadow:0 14px 24px -14px rgba(10,13,18,.6)}
.tx-shorts img:nth-child(1){left:calc(50% - 104px);transform:rotate(-7deg)}
.tx-shorts img:nth-child(2){left:calc(50% - 36px);z-index:1;top:6px}
.tx-shorts img:nth-child(3){left:calc(50% + 32px);transform:rotate(7deg)}
.tx-car i{position:absolute;top:22px;width:96px;height:106px;border-radius:10px;background:#0B2447;box-shadow:0 14px 24px -14px rgba(10,13,18,.6)}
.tx-car i::before{content:"";position:absolute;left:12px;right:22px;top:16px;height:10px;border-radius:4px;background:#ACD8F7;box-shadow:0 18px 0 -1px rgba(255,255,255,.55),0 34px 0 -1px rgba(255,255,255,.35)}
.tx-car i:nth-child(1){left:calc(50% - 70px);opacity:.55;transform:rotate(-6deg)}
.tx-car i:nth-child(2){left:calc(50% - 56px);opacity:.8;transform:rotate(-3deg)}
.tx-car i:nth-child(3){left:calc(50% - 40px)}
.tx-posts i{position:absolute;left:50%;width:150px;height:46px;margin-left:-75px;border-radius:10px;background:#fff;border:1px solid #DCE4EE;box-shadow:0 10px 20px -14px rgba(10,13,18,.4)}
.tx-posts i::before{content:"";position:absolute;left:10px;top:10px;width:24px;height:24px;border-radius:50%;background:#ACD8F7}
.tx-posts i::after{content:"";position:absolute;left:42px;right:14px;top:14px;height:6px;border-radius:3px;background:#DCE4EE;box-shadow:0 11px 0 #EEF2F6}
.tx-posts i:nth-child(1){top:16px}.tx-posts i:nth-child(2){top:68px}.tx-posts i:nth-child(3){top:120px;height:22px;opacity:.6}
/* 5 · a video moving through its steps */
.px{display:flex;flex-direction:column;justify-content:center;gap:16px}
.px-card{padding:18px 22px 10px;border-radius:20px;background:#fff;border:1px solid #DCE4EE;box-shadow:0 34px 64px -38px rgba(10,13,18,.5)}
.px-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #EEF2F6}
.px-head b{display:block;font:600 16px/1.2 var(--sans);color:var(--ink)}
.px-head div span{display:block;margin-top:2px;font-size:13px;color:var(--ink-3)}
.px-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#EAF3FE;color:var(--deep);font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.px-live i{width:7px;height:7px;border-radius:50%;background:#2F6FE0;animation:pxPulse 1.6s ease-in-out infinite}
@keyframes pxPulse{50%{opacity:.25}}
.px-steps{list-style:none;margin:6px 0 0;padding:0}
.px-steps li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0}
.px-steps li:not(:last-child)::after{content:"";position:absolute;left:12px;top:37px;bottom:-11px;width:2px;background:#E1EAF5}
.px-steps li.done::after{background:#9CC7F6}
.px-steps i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid #D8E2EC;background:#fff;font:700 12px/1 var(--sans);font-style:normal}
.px-steps .done i{border-color:#BFE3D0;background:#E3F3EC;color:#1F7A50}
.px-steps .now i{border-color:#3F8EE6;box-shadow:inset 0 0 0 5px #fff;background:#3F8EE6}
.px-mid b{display:block;font:500 14.5px/1.2 var(--sans);color:var(--ink)}
.px-steps li:not(.done):not(.now) .px-mid b{color:var(--ink-3)}
.px-bar{display:block;margin-top:7px;max-width:180px;height:5px;border-radius:9px;background:#E6EEF8;overflow:hidden}
.px-bar span{display:block;width:62%;height:100%;border-radius:9px;background:linear-gradient(90deg,#61AEFA,#2F6FE0)}
.px-r{display:flex;gap:6px}
.px-tool{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:#F6F9FC;border:1px solid #E6EDF5;font:500 12.5px/1 var(--sans);color:var(--ink-2)}
.px-tool img{width:14px!important;height:14px!important;object-fit:contain}
.px-you{font-style:normal;padding:6px 9px;border-radius:6px;background:#0B2447;color:#fff;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.px-also{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.px-also span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font:500 13px/1 var(--sans);color:var(--ink-2)}
.px-also span:first-child{padding:0 4px 0 0;background:none;border:0;font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.px-also svg{color:#3F8EE6}
/* 6 · reel + inbox */
.lx-post{flex-direction:row!important;align-items:center;gap:12px;justify-content:flex-start!important}
.lx-post>img{flex:none;width:54px!important;height:96px!important;border-radius:9px;object-fit:cover}
.lx-inbox ul{list-style:none;margin:0;padding:0}
.lx-inbox li{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #EEF2F6;font-size:13px;line-height:1.3;color:var(--ink)}
.lx-inbox li:first-child{border-top:0;padding-top:0}
.lx-inbox li img{flex:none;width:16px!important;height:16px!important}
/* phone */
@media (max-width:900px){
  .gx{min-height:0;display:flex;flex-direction:column;gap:0}
  .gx-sheet,.gx-post,.gx-tag{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}
  .gx-post{margin:-18px 0 0 18px}
  .gx-tag{align-self:flex-start;margin:12px 0 0}
  .cx-body{grid-template-columns:1fr}
  .cx-side{display:none}
  .cx-bar{flex-wrap:wrap}.cx-bet{margin-left:0}
  .cx-grid{grid-template-columns:1fr}
  .cx-day{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;border-left:0;border-top:1px solid #F0F3F7}
  .cx-dh{width:100%}
  .tx-outs{grid-template-columns:1fr;padding:0;margin-top:22px}
  .tx-outs::before,.tx-outs::after,.tx-outs li::before,.tx-team::before{display:none}
  .wx-why{position:relative!important;right:auto;bottom:auto;width:auto;margin-top:12px}
  .px-steps li{grid-template-columns:26px minmax(0,1fr)}
  .px-r{grid-column:2;flex-wrap:wrap}
}
.cx-win .cx-bar{height:auto!important;width:auto!important;border-radius:0!important;background:#FAFBFD!important}
.gx-tag{left:3%!important;bottom:84px!important}
@media (max-width:900px){
  .nx.pzs .nx-txt{order:-1}
  .nx.pzs .nx-vis{margin-top:4px}
  .gx-tag{display:none!important}
  .px-live{display:none}
  .px-steps li{padding:9px 0}
  .px-steps li:not(:last-child)::after{top:34px}
}

.pz-lg{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#F4F7FB;border:1px solid #E6EDF5}
.pz-lg img{width:16px!important;height:16px!important}

/* Oct 31: his feedback round. Calendar, the Laboratory band, the console, repurposing, production, leads. */
/* calendar */
.cx-win{max-width:1120px}
.cx-side li{gap:8px;padding:4px}
.cx-side li img{width:30px!important;height:30px!important;flex:none}
.cx-body{grid-template-columns:172px minmax(0,1fr)}
.cx-day{min-height:330px;padding:12px 6px 14px}
.cx-th{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:5px;margin-bottom:2px}
.cx-yt{--bg:#FDECEC;--bd:#FF0000}
.cx-ev{font-size:12px}
.cx-sum{list-style:none;margin:0;padding:12px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;border-top:1px solid #EEF2F6;background:#FAFBFD}
.cx-sum li{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3)}
.cx-sum img{width:15px!important;height:15px!important}
.cx-sum b{font:500 15px/1 var(--mono);color:var(--ink)}
@media (max-width:900px){.cx-day{min-height:0}.cx-ev{flex:1 1 44%}.cx-yt{flex:1 1 100%}.cx-th{max-width:220px}}
/* the Laboratory band */
.lx{position:relative;width:100vw;margin:clamp(120px,16vh,180px) 0 0 calc(50% - 50vw);padding:clamp(80px,11vh,130px) var(--pad) clamp(90px,12vh,140px);background:#05070b;color:#f4f6f9;text-align:center;overflow:hidden}
.lx::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.3px);background-size:14px 14px;mask-image:radial-gradient(90% 40% at 50% 0%,#000,transparent 100%);pointer-events:none}
.lx-in{position:relative;max-width:1180px;margin:0 auto}
.lx .pz-k{color:#7DBDFB}
.lx .pz-h{max-width:940px;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(36px,4.2vw,62px);letter-spacing:-.02em;color:#fff}
.lx .pz-h .dim{color:#6e7a88}
.lx .pz-sub{max-width:660px;color:rgba(244,246,249,.72)}
.lx-count{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:30px 0 0;padding:12px 20px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(244,246,249,.7)}
.lx-count b{font-weight:500;font-size:15px;letter-spacing:0;color:#fff}
.lx-count i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4)}
.lx-spine{position:relative;margin-top:clamp(50px,7vh,76px)}
.lx-spine::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.28) 0 3px,transparent 3px 11px)}
.lch{position:relative;padding-bottom:clamp(70px,10vh,110px)}
.lch:last-child{padding-bottom:0}
.lch-n{position:relative;margin:0 auto;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#0b0f16;border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);color:var(--tone);box-shadow:0 0 0 8px #05070b,0 0 34px -6px var(--tone)}
.lch-n span{display:grid}
.lch-i{position:relative;display:table;margin:16px auto 0;padding:2px 8px;background:#05070b;font:400 12px/1.4 var(--mono);letter-spacing:.18em;color:var(--tone)}
.lch h4{position:relative;display:table;margin:6px auto 0;padding:0 14px;background:#05070b;font:600 clamp(28px,3vw,42px)/1.12 "Fraunces",Georgia,serif;letter-spacing:-.015em;color:#fff}
.lch-s{position:relative;display:table;margin:8px auto 0;padding:2px 14px 6px;background:#05070b;font-size:clamp(16px,1.25vw,18px);color:rgba(244,246,249,.68)}
.lch>div,.lch>ul{position:relative;z-index:1}
.lbs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:30px;text-align:left}
.lb{--pitch:6px;position:relative;grid-column:span 5;height:270px;padding:18px 20px;border-radius:18px;background:#0a0d13;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.lb.big{grid-column:span 7}
.lf,.lc{position:absolute;inset:0;pointer-events:none}
.lf{background:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--tone) 55%,#fff) 0%,var(--tone) 14%,color-mix(in srgb,var(--tone) 50%,transparent) 34%,color-mix(in srgb,var(--tone) 14%,transparent) 58%,transparent 82%),linear-gradient(rgba(255,255,255,.055),rgba(255,255,255,.055));-webkit-mask:radial-gradient(circle,#000 1.25px,transparent 1.85px) 0 0/6px 6px;mask:radial-gradient(circle,#000 1.25px,transparent 1.85px) 0 0/6px 6px}
.lc{background:radial-gradient(circle at 100% 100%,#fff 0%,var(--tone) 14%,transparent 29%);-webkit-mask:radial-gradient(circle,#000 2.35px,transparent 2.95px) 0 0/6px 6px;mask:radial-gradient(circle,#000 2.35px,transparent 2.95px) 0 0/6px 6px}
.lb-k{position:absolute;left:20px;top:18px;margin:0;color:var(--tone)}
.lb-fan{position:absolute;right:26px;top:18px;bottom:18px;display:flex;align-items:center}
.lb-fan img{display:block;margin-left:-44px;border-radius:9px;border:1px solid rgba(255,255,255,.2);object-fit:cover;box-shadow:0 22px 36px -14px #000}
.lb-fan img:nth-child(1){transform:rotate(-6deg)}.lb-fan img:nth-child(2){transform:rotate(-1deg);z-index:1}.lb-fan img:nth-child(3){transform:rotate(5deg);z-index:2}
.lb-fan .v{width:124px!important;height:218px!important}
.lb-fan .h{width:206px!important;height:116px!important}
.lb-fan .c{width:140px!important;height:176px!important}
.lb h4{position:relative;z-index:2;margin:0;font:600 clamp(24px,2.3vw,34px)/1.05 "Fraunces",Georgia,serif;color:#fff;text-shadow:0 0 12px #05070b}
.lb-m{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin:10px 0 0;font:400 11px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:rgba(244,246,249,.72);text-shadow:0 0 6px #05070b}
.lb-m i{width:34px;height:4px;background:radial-gradient(circle,rgba(255,255,255,.42) .9px,transparent 1.3px) 0 50%/6px 4px repeat-x}
.lfd{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.lfd li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#0b0f16;border:1px solid rgba(255,255,255,.12)}
.lfd span{font:500 14px/1 var(--sans);color:#f4f6f9}
.lcrs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px;text-align:left}
.lcr{border-radius:16px;background:#0b0f16;border:1px solid rgba(255,255,255,.12);overflow:hidden}
.lcr-th{position:relative}
.lcr-th img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.lcr-th b{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:6px;background:rgba(5,7,11,.82);font:500 11.5px/1 var(--mono);color:#fff}
.lcr-b{padding:0 14px 16px}
.lcr-who{display:flex;align-items:center;gap:8px;margin:-16px 0 0;position:relative;font:600 13.5px/1.1 var(--sans);color:#fff}
.lcr-who img{width:40px!important;height:40px!important;border-radius:50%;border:2px solid #0b0f16;object-fit:cover}
.lcr-who span{padding-top:16px}
.lcr h5{margin:10px 0 0;font:600 17px/1.2 "Fraunces",Georgia,serif;color:#ffd166}
.lcr-t{margin:8px 0 0;font-size:13px;line-height:1.35;color:rgba(244,246,249,.62)}
.lrs{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;margin-top:30px;text-align:left}
.lrs-src,.lrs-l,.lbk dl,.lyr>*{border-radius:18px;background:#0b0f16;border:1px solid rgba(255,255,255,.12)}
.lrs-src{padding:20px}
.lrs-src p{display:flex;align-items:center;gap:12px;margin:0;font:600 19px/1.1 "Fraunces",Georgia,serif;color:#fff}
.lrs-src img{border-radius:10px}
.lrs-src ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:7px}
.lrs-src li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;background:#fff;font:500 13.5px/1 var(--sans);color:var(--ink)}
.lrs-src li img{width:16px!important;height:16px!important;border-radius:0}
.lrs-l{list-style:none;margin:0;padding:8px 18px}
.lrs-l li{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.09)}
.lrs-l li:first-child{border-top:0}
.lrs-l img{width:128px!important;height:72px!important;border-radius:8px;object-fit:cover}
.lrs-l b{display:block;font:500 16px/1.25 var(--sans);color:#fff}
.lrs-l span span{display:block;margin-top:4px;font-size:13px;color:rgba(244,246,249,.6)}
.lrs-l em{font:500 clamp(22px,2.2vw,30px)/1 var(--mono);font-style:normal;letter-spacing:-.03em;color:#5ce0b8}
.lrs-n{grid-column:2;margin:-4px 0 0;font-size:12.5px;color:rgba(244,246,249,.5);text-align:right}
.lbk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;margin-top:30px;text-align:left}
.lbk-v{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.lbk-v img{display:block;width:100%;height:100%;object-fit:cover}
.lbk-v p{position:absolute;left:10px;bottom:10px;margin:0;padding:6px 9px;border-radius:7px;background:rgba(5,7,11,.82);font:500 12px/1 var(--mono);color:#fff}
.lbk dl{margin:0;padding:6px 20px}
.lbk dl div{padding:14px 0;border-top:1px solid rgba(255,255,255,.09)}
.lbk dl div:first-child{border-top:0}
.lbk dt{font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#cf86ff}
.lbk dd{margin:6px 0 0;font-size:16px;line-height:1.35;color:#fff}
.lbk .yours dt{color:#ffd166}
.lbk .yours dd{font-weight:600}
.lyr{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;text-align:left}
.lyr-big{margin:0;padding:28px;font:600 clamp(28px,3vw,40px)/1.18 "Fraunces",Georgia,serif;color:#6e7a88}
.lyr-big b{color:#fff;font-weight:600}
.lyr-m{padding:24px 26px}
.lyr .pz-gl{color:#ff7f5c}
.lyr .pz-rules li{color:#fff;font-size:15px}
.lyr .pz-rules time{color:rgba(244,246,249,.5)}
/* the console */
.cs{max-width:1180px;margin:clamp(40px,6vh,60px) auto 0;padding:16px;border-radius:26px;background:linear-gradient(180deg,#101a2c,#0a1220);box-shadow:0 44px 80px -44px rgba(11,36,71,.9),inset 0 1px 0 rgba(255,255,255,.08);text-align:left}
.cs-top{display:flex;justify-content:space-between;align-items:center;margin:2px 6px 12px;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ACD8F7}
.cs-top span{display:inline-flex;align-items:center;gap:8px}
.cs-live i{width:8px;height:8px;border-radius:50%;background:#28C840;box-shadow:0 0 0 4px rgba(40,200,64,.16)}
.cs-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;align-items:start}
.cs .panels{margin:0}
.cs .pan{display:block;padding:0;border:0;background:none;box-shadow:none}
.cs .clip{border-radius:14px}
.cs .pan.vert .clip video{object-fit:contain}
.cs .pan-txt{display:grid;grid-template-columns:minmax(0,1fr);padding:14px 6px 4px}
.cs .pan-txt h3{margin-top:6px;font-size:clamp(20px,1.9vw,25px);color:#fff}
.cs .pan-txt p:not(.stat){margin-top:6px;font-size:16px;color:rgba(255,255,255,.72)}
.cs .pan-txt .stat{color:#61AEFA}
.cs .pan-txt a{margin-top:6px;padding:6px 0;color:#ACD8F7}
.cs-tabs{grid-template-columns:1fr;gap:8px}
.cs-tabs button{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:0;padding:7px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;text-align:left}
.cs-tabs img{grid-row:1/3;width:76px!important;height:50px!important;border-radius:7px;object-fit:cover}
.cs-tabs button b{align-self:end;font:600 15px/1.15 var(--sans);color:#fff}
.cs-tabs button span{align-self:start;font-size:12px;line-height:1.25;color:rgba(255,255,255,.6)}
.cs-tabs button[aria-selected="true"]{border-color:#61AEFA;background:#fff;box-shadow:0 0 0 3px rgba(97,174,250,.25)}
.cs-tabs button[aria-selected="true"] b{color:var(--ink)}
.cs-tabs button[aria-selected="true"] span{color:var(--ink-3)}
.cs-tech{list-style:none;margin:12px 0 0;padding:12px 6px 2px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;border-top:1px solid rgba(255,255,255,.1)}
.cs-tech li{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);font:500 13px/1 var(--sans);color:#E6EEF8}
.cs-tech svg{color:#61AEFA}
/* repurposing */
.rp{max-width:1180px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 44px 90px -54px rgba(28,78,142,.6);overflow:hidden;text-align:left}
.rp-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;border-bottom:1px solid #EEF2F6;background:#FAFBFD}
.rp-bar b{font:600 15px/1 var(--sans);color:var(--ink)}
.rp-bar>span:not(.cx-dots){font-size:13px;color:var(--ink-3)}
.rp-bar em{margin-left:auto;font:400 11.5px/1 var(--mono);font-style:normal;letter-spacing:.06em;color:var(--deep)}
.rp-body{display:grid;grid-template-columns:260px minmax(0,1fr)}
.rp-src{position:relative;display:flex;align-items:center;justify-content:center;padding:24px 34px 24px 20px;background:#F4F8FD;border-right:1px solid #EEF2F6}
.rp-thumb{overflow:hidden;width:190px!important;height:136px!important}
.rp-thumb img{width:100%;height:100%;object-fit:cover;opacity:.9;mix-blend-mode:luminosity}
.rp-arrow{position:absolute;right:-13px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 4px #fff}
.rp-arrow::after{content:"→";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:15px}
.rp-out{display:grid;grid-template-columns:minmax(0,1fr) 186px 220px;gap:20px;padding:22px 24px 24px}
.rp-col ul{list-style:none;margin:0;padding:0}
.rp-s ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rp-s li{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:9/16;background:#0a0d12;box-shadow:0 12px 20px -14px rgba(10,13,18,.6)}
.rp-s img{width:100%!important;height:100%!important;object-fit:cover}
.rp-s li span{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 6px;background:linear-gradient(transparent,rgba(5,7,11,.82));font:600 10.5px/1.2 var(--sans);color:#fff}
.rp-c ul{position:relative;height:300px}
.rp-c li{position:absolute;width:150px;border-radius:9px;overflow:hidden;box-shadow:0 18px 30px -18px rgba(10,13,18,.6)}
.rp-c li:first-child{left:0;top:0;z-index:1}.rp-c li:last-child{right:0;bottom:0}
.rp-c img{width:100%!important;height:auto!important}
.rp-p ul{display:grid;gap:10px}
.rp-p li{padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -18px rgba(10,13,18,.5)}
.rp-p img{width:16px!important;height:16px!important}
.rp-p p{margin:8px 0 0;font-size:14px;line-height:1.35;color:var(--ink)}
/* production */
.pwf{max-width:1120px}
.pwf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;position:relative;counter-reset:n}
.pwf-steps li{position:relative;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.pwf-steps li:not(:last-child)::after{content:"→";position:absolute;left:100%;top:50%;width:30px;margin-top:-12px;text-align:center;color:#61AEFA;font-size:18px}
.pwf-steps li.you{background:#0B2447;border-color:#0B2447}
.pwf-steps li.you b{color:#fff}.pwf-steps li.you>span:last-child{color:#C9DCF2}
.pwf-l{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#F4F7FB;border:1px solid #E6EDF5}
.pwf-l img{width:28px!important;height:28px!important;object-fit:contain}
.pwf-steps li.you .pwf-l{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#ACD8F7}
.pwf-steps li.you .mark{fill:currentColor}
.pwf-steps b{display:block;margin-top:12px;font:600 17px/1.1 var(--sans);color:var(--ink)}
.pwf-steps li>span:last-child{display:block;margin-top:5px;font-size:14px;line-height:1.35;color:var(--ink-3)}
.pwf-gl{margin:32px 0 12px;text-align:center}
.pwf-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.pv{position:relative;margin:0;border-radius:14px;overflow:hidden;aspect-ratio:9/16;background:#0a0d12;box-shadow:0 20px 34px -22px rgba(10,13,18,.7)}
.pv.wide{margin-top:10px;aspect-ratio:2.33/1}
.pv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pv-b{position:absolute;inset:0;display:grid;place-items:center;border:0;background:none;cursor:pointer}
.pv-b span{display:block;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 8px 20px -6px rgba(0,0,0,.5);position:relative}
.pv-b span::after{content:"";position:absolute;left:21px;top:16px;border-left:15px solid #0B2447;border-top:10px solid transparent;border-bottom:10px solid transparent}
.pv.on .pv-b span{opacity:0}
.pv figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 11px;background:linear-gradient(transparent,rgba(5,7,11,.85));font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.82);pointer-events:none;text-align:left}
.pv figcaption b{display:block;font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ACD8F7}
/* leads */
.lq{max-width:1180px;display:grid;grid-template-columns:262px 262px minmax(0,1fr);gap:24px;align-items:start;justify-items:center}
.lq-step{width:100%;min-width:0}
.lq .pz-n{justify-content:center;margin-bottom:12px;letter-spacing:.06em;font-size:11.5px;text-transform:none}
.ph{position:relative;width:250px;margin:0 auto;padding:9px;border-radius:44px;background:#0c0d10;box-shadow:0 0 0 2px #2b2e35,0 40px 70px -34px rgba(10,13,18,.75)}
.ph-s{position:relative;height:515px;border-radius:36px;overflow:hidden;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Hanken Grotesk",sans-serif;text-align:left}
.ph-isl{position:absolute;z-index:5;left:50%;top:9px;width:74px;height:21px;margin-left:-37px;border-radius:999px;background:#000}
.ph-reel>img{position:absolute;inset:0;width:100%!important;height:58%!important;object-fit:cover}
.ph-rail{position:absolute;right:10px;top:150px;z-index:2;display:grid;gap:16px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.ph-sheet{position:absolute;left:0;right:0;bottom:0;height:56%;padding:7px 12px 0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.ph-gr{width:34px;height:4px;margin:0 auto;border-radius:9px;background:#d5d7db}
.ph-ct{margin:8px 0 8px;text-align:center;font-weight:700;font-size:13px;color:#111}
.ph-sheet ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ph-sheet li{display:flex;gap:8px;font-size:12px;line-height:1.3;color:#111}
.ph-sheet li i{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;font:600 12px/1 var(--sans);font-style:normal}
.ph-sheet b{display:block;font-weight:600;font-size:11.5px}
.ph-sheet em{font-style:normal;font-weight:700;color:#0a66ff}
.ph-in{position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:8px 13px;border:1px solid #dadce0;border-radius:999px;font-size:12px;color:#8a8d93;background:#fff}
.dm-h{display:flex;align-items:center;gap:8px;margin:0;padding:38px 12px 9px;border-bottom:1px solid #eee}
.dm-h img{width:32px!important;height:32px!important;border-radius:50%;object-fit:cover}
.dm-h span{font-size:11px;line-height:1.2;color:#737373}
.dm-h b{display:block;font-size:13px;font-weight:600;color:#111}
.dm-b{display:flex;flex-direction:column;gap:6px;padding:10px 11px;font-size:13px;line-height:1.3}
.dm-b p{margin:0}
.dm-t{align-self:center;font-size:10.5px;color:#8a8d93}
.dm-b .in{align-self:flex-start;max-width:82%;padding:8px 12px;border-radius:18px;background:#efefef;color:#111}
.dm-link{align-self:flex-start;width:80%;border-radius:14px;overflow:hidden;background:#efefef;font-size:12px}
.dm-link img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover}
.dm-link b{display:block;padding:7px 10px 0;font-weight:600;color:#111}
.dm-link>span:last-child{display:block;padding:2px 10px 8px;color:#737373;font-size:11px}
.dm-link .dm-img{display:block}
.dm-b .out{align-self:flex-end;max-width:80%;padding:8px 12px;border-radius:18px;background:#3797f0;color:#fff}
.lq-win{border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 34px 64px -38px rgba(10,13,18,.5);overflow:hidden;text-align:left}
.lq-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #EEF2F6;background:#FAFBFD}
.lq-bar>b{font:600 15px/1 var(--sans);color:var(--ink)}
.lq-z{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}
.lq-z img{width:16px!important;height:16px!important;border-radius:4px}
.lq-l{list-style:none;margin:0;padding:0}
.lq-l li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:11px 14px;border-top:1px solid #F0F3F7}
.lq-l li:first-child{border-top:0}
.lq-l li.on{background:#F2F8FF}
.lq-l img{width:17px!important;height:17px!important}
.lq-l li>span{font-size:13px;line-height:1.3;color:var(--ink-2)}
.lq-l b{display:block;font-weight:600;font-size:13px;color:var(--ink)}
.lq-l em{font-style:normal;padding:3px 7px;border-radius:5px;background:#EAF3FE;color:var(--deep);font:500 10.5px/1 var(--mono)}
.lq-l em.c{background:#F1EFEA;color:#8a8478}
.lq-l small{grid-column:2/4;font-size:11.5px;color:#1F7A50}
.lq-d{padding:12px 14px 14px;border-top:1px solid #EEF2F6;background:#FBFCFE}
.lq-d .pz-gl{margin-bottom:6px}
.lq-t{margin:0;padding:10px 12px;border-radius:12px;background:#fff;border:1px dashed #B9D3EE;font-size:14px;color:var(--ink)}
.lq-a{display:flex;align-items:center;gap:10px;margin:10px 0 0}
.lq-a .pz-send{margin:0}
.lq-yes{font-size:12.5px;color:var(--ink-3)}
.lq-note{grid-column:1/-1;margin:6px auto 0;max-width:720px;text-align:center;font-size:13.5px;line-height:1.45;color:var(--ink-3)}
.lq-note span{color:#8a8478}
.lq .pz-lead{grid-column:1/-1;margin:0 auto}
/* phone */
@media (max-width:1100px){.cs-grid{grid-template-columns:1fr}.cs-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lq{grid-template-columns:repeat(2,262px);justify-content:center}.lq-i{grid-column:1/-1}.rp-out{grid-template-columns:1fr}.rp-c ul{height:auto;display:flex;gap:10px}.rp-c li{position:static;flex:1;width:auto}}
@media (max-width:900px){
  .lx{margin-top:clamp(90px,12vh,120px)}
  .lb,.lb.big{grid-column:1/-1;height:230px}
  .lb-fan{right:14px}.lb-fan .v{width:96px!important;height:170px!important}.lb-fan .h{width:150px!important;height:84px!important}.lb-fan .c{width:104px!important;height:130px!important}
  .lcrs{grid-template-columns:repeat(2,minmax(0,1fr))}.lcr:last-child{grid-column:1/-1}
  .lrs,.lbk,.lyr{grid-template-columns:1fr}.lrs-n{grid-column:1}
  .lrs-l li{grid-template-columns:84px minmax(0,1fr) auto;gap:10px}.lrs-l img{width:84px!important;height:48px!important}.lrs-l b{font-size:14px}
  .rp-body{grid-template-columns:1fr}.rp-src{padding:22px;border-right:0;border-bottom:1px solid #EEF2F6}.rp-arrow{display:none}
  .pwf-steps{grid-template-columns:1fr 1fr;gap:12px}.pwf-steps li::after{display:none}
  .pwf-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lq{grid-template-columns:1fr}.lq-i{grid-column:auto}
}

/* fixes after the first look */
.cs .pan[hidden]{display:none}
.lb h4{display:block;padding:0;background:none}
.cx-ev img.cx-th{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:5px;margin-bottom:3px}
.rp-out{grid-template-columns:minmax(0,1fr) 276px 210px;align-items:start}
.rp-c ul{height:auto;display:flex;gap:10px}
.rp-c li{position:static;flex:1;width:auto}
.rp-col .pz-gl{height:14px}
.pwf-gl{margin:34px 0 14px!important}
.pv.wide{aspect-ratio:3.2/1}
.lq .pz-n{display:block;text-align:center;line-height:1.5}
.lq .pz-n span{display:inline-grid;vertical-align:middle;margin-right:7px}
.lq .pz-n .nv-inl{display:inline-block;margin:0 0 0 3px}
@media (max-width:1100px){.rp-out{grid-template-columns:1fr}}
.rp-out{grid-template-columns:auto minmax(0,1fr);gap:20px 22px}
.rp-s{grid-column:1/-1}
.rp-s ul{grid-template-columns:repeat(8,minmax(0,1fr))}
.rp-c ul{width:250px}
.rp-p ul{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.rp-out{grid-template-columns:1fr}.rp-s ul{grid-template-columns:repeat(4,minmax(0,1fr))}.rp-c ul{width:auto}.rp-p ul{grid-template-columns:1fr}}

.rp-p .pz-gl{margin:0 0 12px;font:400 11.5px/1 var(--mono);color:var(--ink-3)}

/* Oct 31: the Laboratory on the page's own light background; results as punchlines; the developed breakdown */
.pz-sub .res,.nx-p .res{display:block;margin-top:8px;font-weight:600;color:var(--ink)}
.pz-sub .ait{font-weight:600;color:var(--deep)}
.lx{background:none;color:var(--ink);overflow:visible;padding-top:0;padding-bottom:0}
.lx::before{display:none}
.lx .pz-k{color:var(--deep)}
.lx .pz-h{max-width:860px;font:500 clamp(32px,3.2vw,48px)/1.08 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.lx .pz-h .dim{color:#A3ADB9}
.lx .pz-sub{max-width:640px;color:var(--ink-2)}
.lx-count{border-color:var(--line);background:#fff;color:var(--ink-3)}
.lx-count b{color:var(--ink)}
.lx-count i{background:#C3CEDA}
.lx-spine::before{background:repeating-linear-gradient(180deg,#9CC7F6 0 4px,transparent 4px 11px)}
.lch-n{background:#fff;border-color:color-mix(in srgb,var(--tone) 45%,#fff);box-shadow:0 0 0 8px var(--paper),0 14px 26px -16px rgba(28,78,142,.5)}
.lch-i{background:var(--paper)}
.lch h4{background:var(--paper);font:500 clamp(26px,2.6vw,38px)/1.12 var(--sans);letter-spacing:-.025em;color:var(--ink)}
.lch-s{background:var(--paper);color:var(--ink-2)}
.lb h4{font:600 clamp(24px,2.3vw,34px)/1.05 "Fraunces",Georgia,serif;letter-spacing:0;color:#fff;background:none}
.lfd li,.lcr,.lrs-src,.lrs-l,.lyr>*{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.lfd span{color:var(--ink)}
.lcr-who{color:var(--ink)}
.lcr-who img{border-color:#fff}
.lcr h5{font:600 16px/1.25 var(--sans);letter-spacing:-.01em;color:var(--deep)}
.lcr-t{color:var(--ink-3)}
.lrs-src p{font:600 17px/1.15 var(--sans);color:var(--ink)}
.lrs-src li{background:#F4F7FB;border:1px solid #E6EDF5}
.lrs-l li{border-top-color:#EEF2F6}
.lrs-l b{color:var(--ink)}
.lrs-l span span{color:var(--ink-3)}
.lrs-l em{color:#1F7A50}
.lrs-n{color:var(--ink-3)}
.lyr-big{font:500 clamp(26px,2.6vw,36px)/1.2 var(--sans);letter-spacing:-.025em;color:#A3ADB9}
.lyr-big b{color:var(--ink)}
.lyr .pz-gl{color:var(--deep)}
.lyr .pz-rules li{color:var(--ink)}
.lyr .pz-rules time{color:var(--ink-3)}
.brk{margin-top:30px;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 44px 90px -54px rgba(28,78,142,.6);text-align:left}
.brk-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center}
.brk-v{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#0a0d12}
.brk-v img{width:100%!important;height:100%!important;object-fit:cover}
.brk-pl{position:absolute;left:50%;top:50%;width:58px;height:40px;margin:-20px 0 0 -29px;border-radius:12px;background:#f00}
.brk-pl::after{content:"";position:absolute;left:23px;top:11px;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.brk-who{display:flex;align-items:center;gap:9px;margin:0;font:600 14px/1 var(--sans);color:var(--ink)}
.brk-who img{width:32px!important;height:32px!important;border-radius:50%;object-fit:cover}
.brk-i h5{margin:10px 0 0;font:600 clamp(19px,1.7vw,24px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.brk-st{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:18px}
.brk-st li{font-size:12.5px;color:var(--ink-3)}
.brk-st b{display:block;font:500 22px/1.1 var(--mono);letter-spacing:-.03em;color:#2F6FE0}
.brk-hk{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#F2F8FF;border-left:3px solid #2F6FE0;font:500 16px/1.4 var(--sans);color:var(--ink)}
.brk-hk em{display:block;margin-bottom:5px;font:400 11px/1 var(--mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.brk-tl{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.brk-tl li{padding:0 8px 0 0}
.brk-tl li::before{content:"";display:block;height:7px;margin-bottom:10px;border-radius:9px;background:var(--c)}
.brk-tl time{display:block;font:400 11px/1 var(--mono);color:var(--c)}
.brk-tl b{display:block;margin-top:6px;font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.brk-tl span{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--ink-3)}
.brk-3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.brk-3>div{padding:13px 14px;border-radius:12px;background:#F7FAFD;border:1px solid #E6EDF5}
.brk-3 p{margin:0;font:400 10.5px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.brk-3 b{display:block;margin-top:7px;font:500 14.5px/1.35 var(--sans);color:var(--ink)}
.brk-3 .yours{background:#0B2447;border-color:#0B2447}
.brk-3 .yours p{color:#7DBDFB}
.brk-3 .yours b{color:#fff;font-weight:600}
@media (max-width:900px){.brk-top{grid-template-columns:1fr}.brk-tl{grid-template-columns:1fr}.brk-3{grid-template-columns:1fr 1fr}}

.lb-cr .lb-fan{right:18px}
.lb-cr .lb-fan .c{width:112px!important;height:148px!important;margin-left:-34px}
.lb-lf .lb-fan .h{width:216px!important;height:122px!important;margin-left:-60px}
@media (max-width:900px){.lb-cr .lb-fan .c{width:88px!important;height:118px!important}.lb-lf .lb-fan .h{width:150px!important;height:84px!important}}

/* Oct 31: no category labels; a real outcome under the map; the weekly bet chip */
.pz-h{margin-top:0}
.pz-out{position:relative;display:inline-flex;margin:30px auto 0;padding:9px 15px;border-radius:999px;background:#E3F3EC;color:#1F7A50;font:600 14.5px/1 var(--sans)}
.pz-out::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:30px;margin-left:-1px;background:#9CC7F6}
.cx-bet{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:12px;background:#fff;border:1px solid #CFE3FB;box-shadow:0 10px 22px -16px rgba(28,78,142,.55);color:var(--ink)}
.cx-bet-m{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(180deg,#8CC6FC,#3F8EE6);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.cx-bet .cx-bet-m .mark{color:#fff;fill:#fff}
.cx-bet-t{display:block;text-align:left}
.cx-bet small{display:block;font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.cx-bet b{display:block;margin-top:4px;font:600 14.5px/1 var(--sans);color:var(--ink)}
@media (max-width:900px){.pz-out::before{display:none}.pz-out{margin-top:22px;font-size:13.5px;text-align:center;line-height:1.3}}

/* Oct 31: side by side rows, soft dividers */
.pz-rows>.pz,.pz-rows>.lx,.pz-rows>.nx.pzs{margin-top:0!important}
.pz-dv{display:block;width:min(1240px,100%);height:1px;margin:clamp(70px,10vh,110px) auto;border:0;background:linear-gradient(90deg,transparent,#C9DCF2 22%,#C9DCF2 78%,transparent)}
.pz.sd{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:clamp(36px,4vw,64px);align-items:center;width:min(1320px,calc(100vw - 2*var(--pad)));max-width:none;margin-left:calc(50% - min(660px,50vw - var(--pad)));margin-right:0;text-align:left}
.pz.sd.flip{grid-template-columns:minmax(0,1fr) minmax(0,.5fr)}
.pz.sd.flip .sd-t{order:2}
.sd-t .pz-h{margin:0;max-width:none;font-size:clamp(32px,3vw,46px);text-wrap:balance}
.sd-t .pz-sub{margin:18px 0 0;max-width:none}
.pz.sd .pz-map{margin:0;width:100%;max-width:none;text-align:center}
.pz.sd .cx-win{max-width:none}
.pz.sd .pz-l{padding-right:34px}.pz.sd .pz-r{padding-left:34px}
.pz.sd .pz-l::after,.pz.sd .pz-r::before{width:34px}
.pz.sd .hq-body{width:170px;height:122px}
.pz.sd .hq-tab{width:68px;margin-right:88px}
.pz.sd .hq-mark{width:68px!important;height:45px!important}
.pz.sd .pz-bus{gap:10px}
.pz.sd .pz-bus li{padding:11px 12px;gap:9px}
.pz.sd .pz-bus b{font-size:14px}
.pz.sd .pz-bus li span span{font-size:12px}
.pz.sd .pz-list li{padding:4px 11px 4px 4px;gap:8px}
.pz.sd .pz-list b{font-size:13.5px}
.pz.sd .pz-app,.pz.sd .pz-lg{flex:none}
.pz.sd .pz-avs img{width:26px!important;height:26px!important;margin-left:-11px}
.pz.sd .pz-avs img:first-child{margin-left:0}
.pz.sd .cx-body{grid-template-columns:140px minmax(0,1fr)}
.pz.sd .cx-side{padding:14px 8px}
.pz.sd .cx-side li{font-size:12.5px;gap:6px}
.pz.sd .cx-side li img{width:26px!important;height:26px!important}
.pz.sd .cx-day{padding:10px 4px 12px;min-height:300px}
.pz.sd .cx-ev{padding:6px;font-size:11.5px}
.pz.sd .cx-sum{gap:6px 14px;justify-content:center}
@media (max-width:1180px){.pz.sd,.pz.sd.flip{grid-template-columns:1fr;gap:30px;width:auto;margin-left:0}.pz.sd.flip .sd-t{order:0}.sd-t{text-align:center}.sd-t .pz-sub{margin-inline:auto;max-width:640px}}
/* phone pass: anything wide becomes a swipe row, so nothing shrinks */
@media (max-width:900px){
  .pz-dv{margin:60px auto}
  .pz-h,.sd-t .pz-h{font-size:clamp(28px,8vw,36px)}
  .pz-sub{font-size:16.5px}
  .pz.sd .cx-body,.cx-body{grid-template-columns:1fr}
  .cx-side,.pz.sd .cx-side{display:block;padding:12px 12px 4px;border-right:0;background:none}
  .cx-side .pz-gl{margin-bottom:6px}
  .cx-side ul{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .cx-side ul::-webkit-scrollbar,.cx-grid::-webkit-scrollbar,.lcrs::-webkit-scrollbar,.cs-tabs::-webkit-scrollbar,.rp-s ul::-webkit-scrollbar,.pwf-wall::-webkit-scrollbar{display:none}
  .cx-side li{flex:none;padding:5px 10px 5px 5px;border-radius:999px;background:#F4F7FB;white-space:nowrap}
  .cx-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cx-day,.pz.sd .cx-day{flex:0 0 46%;scroll-snap-align:start;min-height:250px;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:10px 6px 12px;border-left:1px solid #F0F3F7;border-top:0}
  .cx-ev{flex:none}
  .cx-sum{justify-content:flex-start}
  .cx-bar{gap:8px}
  .lcrs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*var(--pad));padding:0 var(--pad) 6px;scroll-padding-left:var(--pad)}
  .lcr,.lcr:last-child{flex:0 0 72%;scroll-snap-align:start}
  .cs{margin-inline:calc(-1*var(--pad) + 6px);padding:12px}
  .cs-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;order:-1;grid-template-columns:none}
  .cs-tabs button{flex:0 0 150px;grid-template-columns:44px minmax(0,1fr)}
  .cs-tabs img{width:44px!important;height:44px!important}
  .cs-tabs button span{display:none}
  .cs-tabs button b{align-self:center;grid-row:1/3}
  .cs-grid{gap:10px}
  .cs .clip{aspect-ratio:16/10}
  .cs .pan.vert .clip{aspect-ratio:9/12}
  .cs-tech{justify-content:flex-start}
  .rp-bar em{margin-left:0;width:100%}
  .rp-out{padding:16px 14px}
  .rp-s ul{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;scroll-snap-type:x mandatory}
  .rp-s li{flex:0 0 38%;scroll-snap-align:start}
  .rp-p ul{grid-template-columns:1fr}
  .pwf-steps{grid-template-columns:1fr 1fr;gap:10px}
  .pwf-wall{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*var(--pad));padding:0 var(--pad);scroll-padding-left:var(--pad)}
  .pwf-wall .pv{flex:0 0 62%;scroll-snap-align:start}
  .pv.wide{aspect-ratio:16/9}
  .ph{width:min(250px,100%)}
  .lq .pz-n{font-size:12.5px}
  .lq-l li{padding:10px 12px}
  .lq-a{flex-wrap:wrap}
  .lfd{justify-content:center}
  .lx-count{border-radius:16px;font-size:11px}
  .brk{padding:12px}
  .brk-st{gap:14px}
}
@media (max-width:1180px){.pz.sd,.pz.sd.flip{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.cx-bar{flex-wrap:wrap}.cx-bet{margin-left:0;width:100%}.pz-bus li span{min-width:0}}
@media (max-width:900px){.cx-day,.pz.sd .cx-day{min-width:0}.cx-ev img.cx-th{max-width:100%}}
@media (max-width:900px){.pz.sd .cx-body,.cx-body{grid-template-columns:minmax(0,1fr)}}

/* Nov 1: the brand context graphic sits in a gray rounded box */
#p-clear .pz-map{box-sizing:border-box;padding:clamp(26px,2.8vw,40px) clamp(18px,2.2vw,32px);border-radius:28px;background:#EDEFF3;border:1px solid #DCE1E8}
#p-clear .pz-gl{color:#5C6776}
#p-clear .pz-bus::after,#p-clear .pz-bus li::after,#p-clear .pz-core::before,#p-clear .pz-out::before{background:#7FB2EA}
#p-clear .pz-l::after,#p-clear .pz-r::before{border-top-color:#7FB2EA}
#p-clear .hq-fsub{color:#5C6776}
@media (max-width:900px){#p-clear .pz-map{padding:20px 14px;border-radius:22px}}

/* Tablet and phone keep the centred story, with less air and shorter boxes */
@media (max-width:1100px){
  #p-works .lch{padding-bottom:48px}
  #p-works .lch:last-child{padding-bottom:0}
  #p-works .lbs,#p-works .lcrs,#p-works .lrs,#p-works .brk,#p-works .lyr{margin-top:20px}
  #p-works .lb,#p-works .lb.big{height:176px}
  #p-works .lb-fan .v{width:82px!important;height:146px!important}
  #p-works .lb-fan .h{width:130px!important;height:74px!important}
  #p-works .lb-fan .c{width:84px!important;height:112px!important}
}



/* Nov 1: a clearer bar between the Laboratory and editing */
#p-works + .pz-dv{height:3px;width:min(1240px,100%);border-radius:3px;background:#C5D2E0}

/* Nov 1: editing. Words left, the videos in a stack of coloured folders on the right */
#p-team.pz.sd{grid-template-columns:minmax(0,.58fr) minmax(0,1fr)}
.vf-do{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px}
.vf-do li{display:flex;align-items:center;gap:8px;font:500 15px/1.2 var(--sans);color:var(--ink-2)}
.vf-do svg{flex:none;color:var(--deep)}
.vf{position:relative;min-width:0;padding:0 16px 16px 0}
.vf-k{margin:0 0 12px 4px}
.tabs.vf-tabs{display:flex;gap:0;padding-left:0;position:relative;z-index:2}
.tabs.vf-tabs button{all:unset;box-sizing:border-box;position:relative;flex:0 1 auto;margin-right:-8px;padding:11px 24px 12px 18px;border-radius:14px 16px 0 0;background:color-mix(in srgb,var(--c) 62%,#fff);font:600 16px/1 var(--sans);color:#3D4A5A;cursor:pointer;transform:translateY(5px);transition:transform .22s ease,background .22s ease}
.tabs.vf-tabs button:nth-child(1){z-index:5}.tabs.vf-tabs button:nth-child(2){z-index:4}.tabs.vf-tabs button:nth-child(3){z-index:3}.tabs.vf-tabs button:nth-child(4){z-index:2}.tabs.vf-tabs button:nth-child(5){z-index:1}
.tabs.vf-tabs button:hover{transform:translateY(1px)}
.tabs.vf-tabs button:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
.tabs.vf-tabs button[aria-selected="true"]{z-index:6;background:var(--c);color:#0F1826;transform:none;box-shadow:none}
.panels.vf-body{position:relative;z-index:1;margin:0;isolation:isolate}
.panels.vf-body::before,.panels.vf-body::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:0 20px 20px 20px}
.panels.vf-body::before{transform:translate(8px,8px);background:#E4E9EF}
.panels.vf-body::after{transform:translate(16px,16px);z-index:-2;background:#EFF2F6}
#p-team .pan{display:block;padding:12px;border:0;border-radius:0 20px 20px 20px;background:var(--c);box-shadow:0 34px 60px -44px rgba(28,78,142,.75)}
#p-team .pan[hidden]{display:none}
#p-team .clip{aspect-ratio:16/9;border-radius:12px;background:#000}
#p-team .pan.vert .clip{background:none}
#p-team .pan.vert .clip video{left:50%;right:auto;width:auto;height:100%;aspect-ratio:9/16;transform:translateX(-50%);border-radius:12px;object-fit:cover}
#p-team .snd{min-height:0;padding:8px 13px;font:500 13px/1 var(--sans);color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(10,14,22,.55);backdrop-filter:blur(8px)}

/* Nov 1: repurposing. The graphic reads left to right, the carousel opens like a rainbow */
#p-rep.pz.sd{width:min(1500px,calc(100vw - 2*var(--pad)));grid-template-columns:minmax(0,1fr) minmax(0,.42fr)}
.pz-map.rw{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0;padding:clamp(22px,2.4vw,34px);border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 44px 90px -54px rgba(28,78,142,.55);text-align:left}
.rw-src{position:relative;padding-right:38px}
.rw-src .pz-folder{padding:0}
.rw-src::after{content:"";position:absolute;right:0;top:50%;width:38px;margin-top:-1px;height:2px;background:#2F6FE0}
.rw-src::before{content:"";position:absolute;right:-5px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#2F6FE0;z-index:1}
.rp-thumb{overflow:hidden}
.rp-thumb img{width:100%!important;height:100%!important;object-fit:cover}
.rw-lanes{min-width:0}
.rw-l{position:relative;min-width:0;padding:0 0 22px 46px}
.rw-l:last-child{padding-bottom:0}
.rw-l::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:2px solid #2F6FE0}
.rw-l::after{content:"";position:absolute;left:0;top:6px;width:34px;border-top:2px solid #2F6FE0}
.rw-l:first-child::before{top:6px;width:18px;height:auto;border-top:2px solid #2F6FE0;border-top-left-radius:14px}
.rw-l:first-child::after{left:16px;width:18px}
.rw-l:last-child::before{bottom:auto;height:8px;width:18px;border-bottom:2px solid #2F6FE0;border-bottom-left-radius:14px}
.rw-l:last-child::after{left:16px;width:18px}
.rw-l>.pz-gl{position:relative;margin:0 0 11px;font-size:13px;color:var(--deep)}
.rw-l>.pz-gl::before{content:"";position:absolute;left:-13px;top:1px;border-left:9px solid #2F6FE0;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.rw-s,.rw-c,.rw-p{list-style:none;margin:0;padding:0}
.rw-s{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.rw-s li{border-radius:9px;overflow:hidden;aspect-ratio:9/16;background:#0a0d12;box-shadow:0 12px 20px -14px rgba(10,13,18,.6)}
.rw-s img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.rw-c{position:relative;height:216px;--r:360px}
.rw-c li{position:absolute;left:50%;top:12px;width:120px;margin-left:-60px;z-index:var(--z);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 14px 24px -12px rgba(10,13,18,.55),0 0 0 2px #fff;transform:rotate(calc(var(--i)*11.5deg));transform-origin:50% var(--r)}
.rw-c img{display:block;width:100%!important;height:auto!important}
.rw-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.rw-p li{padding:12px;border-radius:12px;background:#F4F7FB;border:1px solid #E6EDF5}
.rw-p img{display:block;width:17px!important;height:17px!important}
.rw-p p{margin:7px 0 0;font:500 14.5px/1.3 var(--sans);color:var(--ink)}

/* Nov 1: production workflows as task cards people already know how to read */
.pz-map.wf{max-width:1380px;margin-top:6px}
.wf-tree{position:relative;height:66px}
.wf-tree::before{content:"";position:absolute;left:50%;top:0;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#2F6FE0}
.wf-tree::after{content:"";position:absolute;left:16.667%;right:16.667%;top:10px;height:28px;border:2px solid #2F6FE0;border-bottom:0;border-radius:16px 16px 0 0}
.wf-tree i{position:absolute;top:10px;width:2px;height:48px;margin-left:-1px;background:#2F6FE0}
.wf-tree i:nth-child(1){left:16.667%;top:26px;height:32px}.wf-tree i:nth-child(2){left:50%}.wf-tree i:nth-child(3){left:83.333%;top:26px;height:32px}
.wf-tree i::after{content:"";position:absolute;left:-5.5px;bottom:-1px;border-top:10px solid #2F6FE0;border-left:6.5px solid transparent;border-right:6.5px solid transparent}
.wf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wc{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:14px;align-items:stretch;padding:16px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -44px rgba(28,78,142,.55);text-align:left}
.wc-main{display:flex;flex-direction:column;min-width:0}
.wc-h{display:flex;align-items:center;gap:10px;margin:0}
.wc-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.wc-ic svg{width:19px;height:19px}
.wc-h b{font:600 21px/1.1 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.wc-pr{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font:500 12.5px/1 var(--sans);color:var(--ink-2);white-space:nowrap}
.wc-pr i{flex:1;min-width:18px;height:6px;border-radius:9px;background:#E6EBF1;overflow:hidden}
.wc-pr em{display:block;width:80%;height:100%;border-radius:9px;background:#1FA463}
.wc-tree{list-style:none;position:relative;margin:13px 0 0;padding:0 0 0 18px}
.wc-tree::before{content:"";position:absolute;left:0;top:0;bottom:14px;border-left:1.5px solid #C9D3DF}
.wc-tree li{position:relative;display:flex;align-items:center;gap:8px;padding:6px 0}
.wc-tree li::before{content:"";position:absolute;left:-18px;top:50%;width:14px;border-top:1.5px solid #C9D3DF}
.wc-tree b{flex:1;min-width:0;font:500 14.5px/1.15 var(--sans);color:var(--ink)}
.wc-tree img{flex:none;width:17px!important;height:17px!important;object-fit:contain}
.wc-tick{position:relative;flex:none;width:16px;height:16px;border-radius:50%;background:#3A4656}
.wc-tick::after{content:"";position:absolute;left:5.3px;top:2.6px;width:4px;height:7.5px;border:solid #fff;border-width:0 1.7px 1.7px 0;transform:rotate(42deg)}
.wc-tick.sm{background:#fff;border:1.5px solid #9AA6B4}
.wc-tick.sm::after{left:4px;top:1.4px;border-color:#6B7786}
.wc-yes .wc-tick{background:#fff;border:1.5px solid #2F6FE0}
.wc-yes .wc-tick::after{display:none}
.wc-tree .wc-yes b{font-weight:600;color:#2F6FE0}
.wc-st{align-self:flex-start;margin:auto 0 0;padding:6px 10px;border-radius:9px;background:#FCEFCF;border:1px solid #F3DDA3;font:600 12.5px/1 var(--sans);color:#8A5F00}
.wc .pv{aspect-ratio:9/16;align-self:center}
.wf-gl{margin:26px 0 12px;text-align:center}
.wf-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,5fr);gap:12px}
.wf-more .pv.wide{margin:0;aspect-ratio:auto;height:100%}

/* Nov 1: leads. One simple line from a post to a new lead, in the gray box */
#p-leads.pz.sd{grid-template-columns:minmax(0,.62fr) minmax(0,1fr)}
.pz-map.ld{box-sizing:border-box;padding:clamp(22px,2.6vw,36px);border-radius:28px;background:#EDEFF3;border:1px solid #DCE1E8;text-align:left}
.ld-top{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 26px}
.ld-no{position:relative;margin:0;padding:11px 18px;border-radius:13px;background:#fff;border:1px solid var(--line);font:600 16px/1 var(--sans);color:#8C97A5}
.ld-no span{text-decoration:line-through;text-decoration-color:#D6432F;text-decoration-thickness:2px}
.ld-no i{position:absolute;right:-9px;top:-9px;width:24px;height:24px;border-radius:50%;background:#D6432F;box-shadow:0 0 0 3px #EDEFF3}
.ld-no i::before,.ld-no i::after{content:"";position:absolute;left:11px;top:6px;width:2px;height:12px;border-radius:2px;background:#fff;transform:rotate(45deg)}
.ld-no i::after{transform:rotate(-45deg)}
.ld-to{position:relative;width:46px;height:2px;background:#2F6FE0}
.ld-to::after{content:"";position:absolute;right:-1px;top:-5px;border-left:9px solid #2F6FE0;border-top:6px solid transparent;border-bottom:6px solid transparent}
.ld-yes{display:flex;align-items:center;gap:10px;margin:0;padding:8px 14px 8px 8px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.ld-m{display:grid;place-items:center;width:38px;height:32px;border-radius:9px;background:#EAF3FE;color:#1C4E8E}
.ld-m .mark{fill:currentColor}
.ld-yes b{font:600 16px/1 var(--sans);color:var(--ink)}
.ld-yes small{display:inline-flex;align-items:center;gap:5px;padding-left:10px;border-left:1px solid var(--line);font:500 13.5px/1 var(--sans);color:var(--ink-3)}
.ld-yes small img{width:15px!important;height:15px!important;border-radius:4px}
.ld-flow{list-style:none;position:relative;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ld-flow>li{position:relative;display:flex;flex-direction:column;min-width:0;padding:14px 12px 12px;border-radius:16px;background:#fff;border:1px solid #E1E6EC}
.ld-flow>li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:27px;z-index:1;border-left:9px solid #2F6FE0;border-top:6px solid transparent;border-bottom:6px solid transparent;transform:translateX(1px)}
.ld-flow>li.won{background:#EAF7F0;border-color:#BFE5D0}
.ld-n{margin:0;font:500 24px/1 var(--mono);letter-spacing:-.03em;color:#2F6FE0}
.won .ld-n{color:#1F7A50}
.ld-flow>li>b{margin-top:8px;min-height:2.5em;font:600 15.5px/1.22 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.ld-v{flex:1;display:flex;align-items:center;min-height:128px;margin-top:8px}
.ld-reel{justify-content:center}
.ld-reel img{width:72px!important;height:128px!important;border-radius:9px;object-fit:cover}
.ld-c{display:flex;gap:7px;margin:0;font:500 13.5px/1.3 var(--sans);color:var(--ink)}
.ld-c i,.ld-w i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#E9A23B;font:600 12px/1 var(--sans);font-style:normal;color:#fff}
.ld-c small{display:block;margin-bottom:2px;font:600 12px/1.1 var(--sans);color:var(--ink-3)}
.ld-c em{padding:1px 5px;border-radius:5px;background:#DCEBFF;font-style:normal;font-weight:700;color:#1C4E8E}
.ld-d{margin:0;padding:10px 11px;border-radius:13px 13px 13px 4px;background:#2F6FE0;font:500 13.5px/1.3 var(--sans);color:#fff}
.ld-d u{display:block;margin-top:6px;font-size:12.5px;color:#D5E6FF}
.ld-w{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 7px;margin:0;font:600 13px/1.2 var(--sans);color:var(--ink)}
.ld-w span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ld-w em{grid-column:1/-1;justify-self:start;padding:5px 8px;border-radius:8px;background:#1F9D62;font-style:normal;color:#fff}
.ld-w small{grid-column:1/-1;font:500 12.5px/1.25 var(--sans);color:#3D6B55}
.ld-note{margin:14px 0 0;text-align:center;font-size:12.5px;color:#5C6776}

@media (max-width:1180px){
  #p-team.pz.sd,#p-rep.pz.sd,#p-leads.pz.sd{width:auto;grid-template-columns:minmax(0,1fr)}
  .vf-do{max-width:430px;margin-inline:auto;text-align:left}
  .wf-cards{grid-template-columns:minmax(0,1fr);max-width:620px;margin:0 auto}
  .wc{grid-template-columns:minmax(0,1fr) 170px}
  .wf-tree{display:none}
}
@media (max-width:900px){
  .vf{padding:0 10px 10px 0}
  .tabs.vf-tabs{overflow-x:auto;scrollbar-width:none;padding-top:2px}
  .tabs.vf-tabs button{flex:none;padding:10px 18px 11px 13px;font-size:14px}
  #p-team .pan{padding:8px}
  #p-team .pan.vert .clip{aspect-ratio:9/13}
  .vf-do{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px}
  .vf-do li{font-size:13.5px}
  .pz-map.rw{grid-template-columns:minmax(0,1fr);padding:18px 14px}
  .rw-src{padding:0 0 18px;margin:0 auto}
  .rw-src::before,.rw-src::after{display:none}
  .rw-l{padding-left:0}
  .rw-l::before,.rw-l::after,.rw-l>.pz-gl::before{display:none}
  .rw-s{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
  .rw-s li{flex:0 0 30%;scroll-snap-align:start}
  .rw-c{height:172px;--r:250px;overflow:hidden}
  .rw-c li{width:84px;margin-left:-42px;transform:rotate(calc(var(--i)*11.5deg))}
  .rw-p{grid-template-columns:minmax(0,1fr)}
  .wc{grid-template-columns:minmax(0,1fr) 112px;gap:10px;padding:12px}
  .wc-h b{font-size:19px}
  .wf-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wf-more .pv.wide{grid-column:1/-1;aspect-ratio:16/9;height:auto}
  .pz-map.ld{padding:16px 12px}
  .ld-top{flex-wrap:wrap;gap:12px}
  .ld-to{display:none}
  .ld-yes{flex-wrap:wrap}
  .ld-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
  .ld-flow>li::after{display:none}
  .ld-v{min-height:96px}
  .ld-reel img{width:54px!important;height:96px!important}
}

/* Nov 1: second pass on the new parts */
.tabs.vf-tabs button{padding:13px 28px 14px 20px;font-size:18px}
.vf-k{font-size:13px}
#p-rep .pz-map.rw,#p-leads .pz-map.ld{text-align:left}
.rw-c{height:238px}
.rw-c li{width:112px;margin-left:-56px;transform:rotate(calc(var(--i)*11deg))}
.pz-map.wf{max-width:1500px}
.wc{grid-template-columns:minmax(0,1fr) 170px}
.wc-h b{font-size:23px}
.wc-pr{font-size:13.5px}
.wc-tree b{font-size:16px}
.wc-tree img,.wc-nv{flex:none}
.wc-tree img{width:19px!important;height:19px!important}
.wc-nv{fill:#1C4E8E}
.wc-st{font-size:13.5px}
#p-leads{margin-bottom:clamp(70px,10vh,110px)}
.ld-flow>li{text-align:left}
.ld-flow>li>b{font-size:16.5px}
.ld-c,.ld-d{font-size:14.5px}
.ld-w{font-size:14px}
.ld-w small{font-size:13.5px}
.ld-no{font-size:18px}
.ld-yes b{font-size:18px}
.ld-yes small{font-size:14.5px}
@media (max-width:900px){
  .tabs.vf-tabs button{padding:10px 18px 11px 13px;font-size:14px}
  .rw-c{height:176px}
  .rw-c li{width:84px;margin-left:-42px}
  .wc{grid-template-columns:minmax(0,1fr) 112px}
  .wc-tree b{font-size:14px}
  .wc-h b{font-size:19px}
  .wc-pr{font-size:12px}
  .ld-flow>li>b{font-size:14.5px;min-height:3.7em}
  .ld-c,.ld-d{font-size:13px}
}

/* Nov 1: the workflow cards get the full width of the page */
@media (min-width:1181px){
  #p-prod .pz-map.wf{position:relative;left:50%;width:min(1500px,calc(100vw - 2*var(--pad)));max-width:none;transform:translateX(-50%)}
}
.wc-tree li{min-height:32px}
@media (max-width:900px){
  .tabs.vf-tabs button{padding:9px 14px 10px 10px;font-size:13px}
  .ld-yes small{padding-left:0;border-left:0}
}
.wf-tree i:nth-child(1){margin-left:0}.wf-tree i:nth-child(3){margin-left:-2px}

/* Nov 1, round 2: editing list */
.vf-ok{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line);font:600 15.5px/1.25 var(--sans);color:var(--ink)}
.vf-ok svg{flex:none;color:#1F9D62}

/* Nov 1, round 2: two carousels that read as two */
.rw-cs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rw-cr{margin:0;min-width:0;padding:12px 10px 12px;border-radius:16px;background:#F4F7FB;border:1px solid #E6EDF5}
.rw-c{height:166px;--r:300px;overflow:hidden}
.rw-c li{top:8px;width:102px;margin-left:-51px;transform:rotate(calc(var(--i)*8.5deg));transform-origin:50% var(--r)}
.rw-cr figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;margin-top:8px;padding:0 4px}
.rw-cr b{grid-column:1/-1;font:600 15px/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.rw-dots{display:inline-flex;gap:4px}
.rw-dots i{width:6px;height:6px;border-radius:50%;background:#C6D2DF}
.rw-dots i.on{background:#2F6FE0}
.rw-cr small{font:500 12.5px/1 var(--sans);color:var(--ink-3)}

/* Nov 1, round 2: production as a pick-a-workflow folder, one task card and its video */
.pz-map.wp{margin-top:8px;text-align:left}
.wp-k{margin:0 0 12px 4px;font-size:13px}
.wp-tabs{display:flex;position:relative;z-index:2}
.wp-tabs button{all:unset;box-sizing:border-box;position:relative;flex:0 1 auto;margin-right:-8px;padding:13px 30px 14px 20px;border-radius:14px 16px 0 0;background:color-mix(in srgb,var(--c) 62%,#fff);font:600 18px/1 var(--sans);color:#3D4A5A;cursor:pointer;transform:translateY(5px);transition:transform .22s ease,background .22s ease}
.wp-tabs button:nth-child(1){z-index:5}.wp-tabs button:nth-child(2){z-index:4}.wp-tabs button:nth-child(3){z-index:3}.wp-tabs button:nth-child(4){z-index:2}.wp-tabs button:nth-child(5){z-index:1}
.wp-tabs button:hover{transform:translateY(1px)}
.wp-tabs button:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
.wp-tabs button[aria-selected="true"]{z-index:6;background:var(--c);color:#0F1826;transform:none}
.wp-body{position:relative;z-index:1;isolation:isolate}
.wp-body::before,.wp-body::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:0 22px 22px 22px}
.wp-body::before{transform:translate(8px,8px);background:#E4E9EF}
.wp-body::after{transform:translate(16px,16px);z-index:-2;background:#EFF2F6}
.wp-pan{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:14px;padding:14px;border-radius:0 22px 22px 22px;background:var(--c);box-shadow:0 34px 60px -44px rgba(28,78,142,.75)}
.wp-pan[hidden]{display:none}
.wk{display:flex;flex-direction:column;min-width:0;padding:22px 24px;border-radius:16px;background:#fff}
.wk .wc-h b{font-size:27px}
.wk .wc-ic{width:44px;height:44px}
.wk .wc-pr{margin-top:14px;padding:8px 12px;font-size:15px}
.wk .wc-tree{margin-top:12px}
.wk .wc-tree::before{bottom:22px}
.wk .wc-tree li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;padding:5px 0;border-bottom:1px solid #F0F3F7}
.wk .wc-tree li:last-child{border-bottom:0}
.wk .wc-tree b{font-size:18px;font-weight:500}
.wk .wc-tick{width:18px;height:18px}
.wk .wc-tick::after{left:6px;top:3px}
.wk-who{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;font:600 15.5px/1.15 var(--sans);color:var(--ink);text-align:right}
.wk-who img{width:20px!important;height:20px!important;object-fit:contain}
.wk-who .mark{flex:none;fill:#1C4E8E}
.wk .wc-yes b{font-weight:600}
.wk-st{display:inline-flex;align-items:center;gap:8px}
.wk-st em{padding:6px 10px;border-radius:9px;background:#FCEFCF;border:1px solid #F3DDA3;font:600 14px/1 var(--sans);color:#8A5F00;white-space:nowrap}
.wk-st small{font:500 13.5px/1.1 var(--sans);color:var(--ink-3);white-space:nowrap}
.wk-pub .wc-tick{background:#fff;border:1.5px solid #AEB9C6}
.wk-pub .wc-tick::after{display:none}
.wp-m{display:flex;align-items:center;justify-content:center;min-width:0}
.wp-m .clip{width:100%;border-radius:14px;background:#000}
.wp-pan.vert .wp-m .clip{width:auto;height:494px;aspect-ratio:9/16}
.wp-pan.wide .wp-m .clip{aspect-ratio:1280/548}
.wp-pan.flat .wp-m .clip{aspect-ratio:16/9;background:#fff}
.wp .snd{min-height:0;padding:8px 13px;font:500 13px/1 var(--sans);color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(10,14,22,.55);backdrop-filter:blur(8px)}
@media (min-width:1181px){
  #p-prod .pz-map.wp{position:relative;left:50%;width:min(1400px,calc(100vw - 2*var(--pad)));max-width:none;transform:translateX(-50%)}
}
@media (max-width:1100px){
  .wp-pan{grid-template-columns:minmax(0,1fr)}
  .wp-pan.vert .wp-m .clip{height:auto;width:min(300px,100%)}
}
@media (max-width:900px){
  .rw-cs{grid-template-columns:minmax(0,1fr)}
  .rw-c{height:166px;--r:300px}
  .rw-c li{width:102px;margin-left:-51px;transform:rotate(calc(var(--i)*8.5deg))}
  .wp-tabs{overflow-x:auto;scrollbar-width:none;padding-top:2px}
  .wp-tabs button{flex:none;padding:9px 16px 10px 11px;font-size:13px}
  .wp-pan{padding:8px;gap:8px}
  .wk{padding:14px 12px}
  .wk .wc-h b{font-size:21px}
  .wk .wc-tree{padding-left:14px}
  .wk .wc-tree li{grid-template-columns:18px minmax(0,1fr);gap:2px 8px;min-height:0;padding:7px 0}
  .wk .wc-tree b{font-size:15.5px}
  .wk .wc-tree li>span:last-child:not(.wc-tick){grid-column:2;justify-content:flex-start;text-align:left}
  .wk-who{font-size:14px}
  .wk-st em{font-size:13px}
  .vf-ok{font-size:14.5px;justify-content:center}
}

/* Nov 1, round 2: the workflow card fills its side and every folder keeps one height */
#p-prod .wk{align-items:stretch;justify-content:center;text-align:left}
#p-prod .wk .wc-h{justify-content:flex-start;margin-left:0;margin-right:0;max-width:none}
#p-prod .wk .wc-pr{width:auto;max-width:none;margin-left:0;margin-right:0}
#p-prod .wk .wc-tree{width:auto;max-width:none;margin-left:0;margin-right:0}
#p-prod .wk-who .nv-inl{display:none}
@media (min-width:1101px){
  .wp-m{min-height:494px}
}

/* Nov 1, round 3: Laboratory back on the middle spine, with smaller graphics and pictures only */
@media (min-width:1101px){
  #p-works .lx-in{max-width:1240px}
  #p-works .lx-spine{margin-top:clamp(40px,5vh,56px)}
  #p-works .lch{padding-bottom:70px}
  #p-works .lch:last-child{padding-bottom:0}
  #p-works .lbs{margin-top:22px;gap:12px}
  #p-works .lb{height:196px;padding:16px 18px}
  #p-works .lb-k{left:18px;top:16px}
  #p-works .lb-m{margin-top:8px}
  #p-works .lb-m i{width:14px}
  #p-works .lb-fan{right:22px;top:14px;bottom:auto;align-items:flex-start}
  #p-works .lb-fan .v{width:84px!important;height:150px!important;margin-left:-30px}
  #p-works .lb-lf .lb-fan .h{width:166px!important;height:94px!important;margin-left:-54px}
  #p-works .lb-cr .lb-fan .c{width:88px!important;height:108px!important;margin-left:-26px}
  #p-works .lb-ps .lb-fan .c{width:112px!important;height:144px!important;margin-left:-30px}
  #p-works .lrs,#p-works .brk,#p-works .lyr{margin-top:22px}
  #p-works .lyr-big{padding:20px 26px}
  #p-works .lyr-m{padding:18px 24px}
}
.lst{list-style:none;position:relative;height:214px;margin:18px 0 0;padding:0;perspective:1500px}
.lst li{position:absolute;left:50%;top:14px;width:330px;margin-left:-165px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0a0d12;z-index:var(--z);box-shadow:0 20px 32px -16px rgba(10,13,18,.62),0 0 0 2px #fff;transform:translateX(calc(var(--i)*148px)) rotateY(calc(var(--i)*-8deg)) scale(calc(1 - var(--a)*.09));transition:transform .25s ease}
.lst li:hover{z-index:9;transform:translateX(calc(var(--i)*148px)) translateY(-6px)}
.lst img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.lrs{align-items:stretch}
.lrs-src ul{grid-template-columns:1fr 1fr}
.lrs-src li:last-child{grid-column:1/-1}
.lrs-t{list-style:none;margin:0;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.lrs-t li{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#0a0d12}
.lrs-t img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.lrs-t em{position:absolute;right:7px;bottom:7px;padding:5px 8px;border-radius:8px;background:#fff;font:500 16px/1 var(--mono);font-style:normal;letter-spacing:-.02em;color:#1F7A50}
.brk.brk-s{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:14px;padding:14px}
.brk-s .brk-3{margin:0;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:8px;text-align:left}
.brk-s .brk-3>div{display:flex;flex-direction:column;justify-content:center;padding:12px 16px}
.brk-s .brk-3 p{font-size:11.5px}
.brk-s .brk-3 b{margin-top:6px;font-size:18px;line-height:1.28}

/* Nov 1, round 3: an editing pack under every video */
.vf-pack{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:9px 14px 9px 9px;border-radius:12px;background:rgba(255,255,255,.72);text-align:left}
.vf-pk{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:#1C4E8E}
.vf-pack b{font:600 16.5px/1.15 var(--sans);color:var(--ink)}
.vf-pack small{margin-left:auto;font:500 14px/1.2 var(--sans);color:#465364;text-align:right}

@media (max-width:1100px){
  .lst{overflow:hidden;margin-inline:calc(-1*var(--pad));height:190px}
  .lst li{width:270px;margin-left:-135px;transform:translateX(calc(var(--i)*108px)) rotateY(calc(var(--i)*-8deg)) scale(calc(1 - var(--a)*.09))}
  .lst li:hover{transform:translateX(calc(var(--i)*108px))}
}
@media (max-width:900px){
  .lst{height:140px}
  .lst li{width:196px;margin-left:-98px;top:10px;transform:translateX(calc(var(--i)*58px)) rotateY(calc(var(--i)*-8deg)) scale(calc(1 - var(--a)*.09))}
  .lst li:hover{transform:translateX(calc(var(--i)*58px))}
  .lrs{grid-template-columns:minmax(0,1fr)}
  .lrs-t{padding:9px;gap:7px}
  .lrs-t em{right:4px;bottom:4px;padding:3px 5px;font-size:12px}
  .lrs-n{grid-column:1;text-align:center}
  .brk.brk-s{grid-template-columns:minmax(0,1fr);padding:10px}
  .brk-s .brk-3 b{font-size:16px}
  .vf-pack{flex-wrap:wrap;gap:4px 8px;padding:8px}
  .vf-pack b{font-size:14.5px}
  .vf-pack small{margin-left:0;width:100%;text-align:left;font-size:12.5px}
}
@media (max-width:900px){.lst{height:164px}.lst li{box-shadow:0 10px 14px -10px rgba(10,13,18,.55),0 0 0 2px #fff}}

/* Nov 2: Laboratory graphics about 40% shorter; headings, step titles and category chips keep their size */
@media (min-width:1101px){
  #p-works .lx-spine{margin-top:clamp(30px,4vh,42px)}
  #p-works .lch{padding-bottom:36px}
  #p-works .lch:last-child{padding-bottom:0}
  #p-works .lbs,#p-works .lrs,#p-works .brk,#p-works .lyr{margin-top:14px}
  #p-works .lbs{gap:10px;max-width:1080px;margin-inline:auto}
  #p-works .lb{height:122px;padding:12px 16px}
  #p-works .lb-k{left:14px;top:12px}
  #p-works .lb-m{margin-top:5px}
  #p-works .lb-fan{right:16px;top:9px}
  #p-works .lb-fan .v{width:58px!important;height:104px!important;margin-left:-22px}
  #p-works .lb-lf .lb-fan .h{width:150px!important;height:84px!important;margin-left:-58px}
  #p-works .lb-cr .lb-fan .c{width:70px!important;height:88px!important;margin-left:-22px}
  #p-works .lb-ps .lb-fan .c{width:80px!important;height:102px!important;margin-left:-24px}
  #p-works .lfd{margin-top:10px}
  #p-works .lst{height:142px;margin-top:10px}
  #p-works .lst li{top:8px;width:216px;margin-left:-108px;transform:translateX(calc(var(--i)*100px)) rotateY(calc(var(--i)*-8deg)) scale(calc(1 - var(--a)*.09))}
  #p-works .lst li:hover{transform:translateX(calc(var(--i)*100px)) translateY(-5px)}
  #p-works .lrs{max-width:940px;margin-inline:auto;grid-template-columns:250px minmax(0,1fr);gap:10px}
  #p-works .lrs-src{padding:12px 14px}
  #p-works .lrs-src ul{margin-top:8px;gap:4px}
  #p-works .lrs-src li{padding:5px 8px}
  #p-works .lrs-t{padding:10px;gap:8px}
  #p-works .lrs-n{margin-top:2px}
  #p-works .brk.brk-s{max-width:900px;margin-inline:auto;padding:10px;gap:10px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
  #p-works .brk-s .brk-3{gap:6px}
  #p-works .brk-s .brk-3>div{padding:8px 14px}
  #p-works .lyr{max-width:940px;margin-inline:auto;gap:10px}
  #p-works .lyr-big{padding:14px 22px}
  #p-works .lyr-m{padding:12px 20px}
  #p-works .lyr .pz-gl{margin-bottom:6px}
  #p-works .lyr .pz-rules li{padding-top:2px;padding-bottom:2px}
}

/* Nov 2: second pass toward 40% shorter */
@media (min-width:1101px){
  #p-works .lch{padding-bottom:24px}
  #p-works .lch:last-child{padding-bottom:0}
  #p-works .lch-n{width:40px;height:40px;border-radius:12px;box-shadow:0 0 0 6px var(--paper),0 10px 20px -14px rgba(28,78,142,.5)}
  #p-works .lch-i{margin-top:8px;padding:1px 8px}
  #p-works .lch>h4{margin-top:2px}
  #p-works .lch-s{margin-top:4px;padding-bottom:2px}
  #p-works .lbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;gap:10px}
  #p-works .lb,#p-works .lb.big{grid-column:auto;height:150px;padding:12px 14px}
  #p-works .lb h4{font-size:24px}
  #p-works .lb-m{font-size:10.5px;gap:6px}
  #p-works .lb-m i{width:8px}
  #p-works .lb-fan{right:12px;top:10px}
  #p-works .lb-fan .v{width:44px!important;height:78px!important;margin-left:-18px}
  #p-works .lb-lf .lb-fan .h{width:112px!important;height:63px!important;margin-left:-48px}
  #p-works .lb-cr .lb-fan .c{width:56px!important;height:70px!important;margin-left:-20px}
  #p-works .lb-ps .lb-fan .c{width:62px!important;height:80px!important;margin-left:-22px}
  #p-works .lst{height:122px}
  #p-works .lst li{width:184px;margin-left:-92px;transform:translateX(calc(var(--i)*86px)) rotateY(calc(var(--i)*-8deg)) scale(calc(1 - var(--a)*.09))}
  #p-works .lst li:hover{transform:translateX(calc(var(--i)*86px)) translateY(-5px)}
  #p-works .lrs{max-width:860px;grid-template-columns:240px minmax(0,1fr)}
  #p-works .lrs-t{padding:8px;gap:7px}
  #p-works .brk.brk-s{max-width:780px}
}

/* Nov 2: third pass toward 40% shorter */
@media (min-width:1101px){
  #p-works .lch{padding-bottom:16px}
  #p-works .lch:last-child{padding-bottom:0}
  #p-works .lst{height:110px}
  #p-works .lst li{width:170px;margin-left:-85px;top:6px}
  #p-works .lrs{max-width:790px;grid-template-columns:230px minmax(0,1fr)}
  #p-works .lrs-src{padding:10px 12px}
  #p-works .lrs-src p{font-size:15px}
  #p-works .lrs-src li{padding:4px 7px}
  #p-works .lrs-n{margin-top:0}
  #p-works .brk.brk-s{max-width:760px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  #p-works .brk-s .brk-v{aspect-ratio:auto;min-height:0;height:100%}
  #p-works .brk-s .brk-3{gap:5px;grid-auto-rows:auto}
  #p-works .brk-s .brk-3>div{padding:7px 12px}
  #p-works .brk-s .brk-3 p{font-size:10.5px}
  #p-works .brk-s .brk-3 b{margin-top:3px;font-size:15px;line-height:1.25}
  #p-works .lyr-m{padding:10px 18px}
  #p-works .lyr .pz-rules li{font-size:14px}
}

/* Nov 2: step 5, the memory as a brain map in the brand context style */
#p-works .lyr{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:stretch}
#p-works .lyr-big{display:flex;flex-direction:column;justify-content:center}
.lbr{position:relative;padding:14px 18px 18px;border-radius:22px;background:#EDEFF3;border:1px solid #DCE1E8;text-align:left}
.lbr .pz-gl{margin:0 0 12px;text-align:center;color:#5C6776}
.lbr-map{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.lbr-col{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lbr-l{padding-right:44px}
.lbr-r{padding-left:44px}
/* the bracket that gathers each side, and the line into the brain */
.lbr-col::before{content:"";position:absolute;top:25%;bottom:25%;width:14px;border:2px solid #7FB2EA}
.lbr-l::before{right:22px;border-left:0;border-radius:0 12px 12px 0}
.lbr-r::before{left:22px;border-right:0;border-radius:12px 0 0 12px}
.lbr-col::after{content:"";position:absolute;top:50%;width:22px;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,#3F8EE6 0 5px,transparent 5px 9px);background-size:18px 2px;animation:lbr-flow 1.4s linear infinite}
.lbr-l::after{right:0}
.lbr-r::after{left:0;animation-direction:reverse}
@keyframes lbr-flow{to{background-position:18px 0}}
.lbr-col li{position:relative;display:flex;align-items:center;gap:9px;padding:8px 11px 8px 8px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -16px rgba(10,13,18,.45)}
.lbr-ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.lbr-ic svg{width:15px;height:15px}
.lbr-t{min-width:0}
.lbr-t b{display:block;font:500 14px/1.25 var(--sans);color:var(--ink)}
.lbr-t time{display:block;margin-top:2px;font:400 11px/1 var(--mono);color:var(--ink-3)}
.lbr-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 4px;text-align:center}
.lbr-brain{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:26px;background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 22px 40px -18px rgba(28,78,142,.75)}
.lbr-brain::before{content:"";position:absolute;inset:-9px;border-radius:32px;border:2px solid rgba(97,174,250,.35);animation:lbr-pulse 2.6s ease-out infinite}
@keyframes lbr-pulse{0%{transform:scale(.94);opacity:.9}100%{transform:scale(1.12);opacity:0}}
.lbr-brain svg{width:42px;height:42px;stroke-width:1.6}
.lbr-core b{margin-top:8px;font:600 14px/1.2 var(--sans);color:var(--ink);max-width:128px}
.lbr-core small{font-size:12px;color:#5C6776}
@media (prefers-reduced-motion:reduce){.lbr-col::after,.lbr-brain::before{animation:none}}
@media (max-width:1100px){
  #p-works .lyr{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .lbr{padding:14px 12px}
  .lbr-map{grid-template-columns:minmax(0,1fr)}
  .lbr-core{order:-1;margin-bottom:14px}
  .lbr-col{padding:0!important}
  .lbr-col::before,.lbr-col::after{display:none}
  .lbr-r{margin-top:10px}
}

/* Nov 2: Pick a video as a staircase of cards; every video previews, the chosen one comes forward */
.vs{position:relative;min-width:0;text-align:left}
.vs-k{margin:0 0 12px 4px;font-size:13px}
.vs-k span{color:var(--ink-3);letter-spacing:.06em}
.vs-stack{--dy:46px;--dx:6%;--w:76%;position:relative}
.vs-stack::before{content:"";display:block;padding-top:calc(var(--w) * .5625 + 58px + 4 * var(--dy))}
.vs-c{position:absolute;left:calc(var(--i) * var(--dx));top:calc(var(--i) * var(--dy));width:var(--w);z-index:calc(var(--i) + 1);padding:0 8px 8px;border-radius:18px;background:var(--c);box-shadow:0 18px 34px -22px rgba(28,78,142,.7),0 0 0 1px rgba(11,36,71,.06);cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.vs-c:not(.on):hover{transform:translateY(-6px)}
.vs-c.on{z-index:20;cursor:default;box-shadow:0 34px 60px -30px rgba(28,78,142,.85),0 0 0 1px rgba(11,36,71,.08)}
.vs-h{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;width:100%;height:46px;padding:0 4px;cursor:inherit}
.vs-h:focus-visible{outline:2px solid var(--deep);outline-offset:2px;border-radius:10px}
.vs-th{flex:none;width:44px;height:28px;border-radius:6px;overflow:hidden;background:#0a0d12;box-shadow:0 0 0 2px rgba(255,255,255,.75)}
.vs-th img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.vs-h b{font:700 17px/1 var(--sans);letter-spacing:-.01em;color:#0F1826}
.vs-pk{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.62);font:600 12px/1 var(--sans);color:#33415A}
.vs-pk svg{color:#1C4E8E}
.vs-go{flex:none;position:relative;width:26px;height:26px;border-radius:50%;background:#0F1826}
.vs-go::after{content:"";position:absolute;left:10px;top:8px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.vs-c.on .vs-go{background:#fff}
.vs-c.on .vs-go::after{border-left-color:#0F1826}
.vs-c .clip{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.vs-c .clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vs-c.vert .clip{background:color-mix(in srgb,var(--c) 70%,#0F1826)}
.vs-c.vert .clip video{left:50%;width:auto;height:100%;aspect-ratio:9/16;transform:translateX(-50%)}
.vs-c:not(.on) .clip::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.08)}
.vs-c:not(.on) .snd{display:none}
.vs .snd{min-height:0;padding:8px 13px;font:500 13px/1 var(--sans);color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(10,14,22,.55);backdrop-filter:blur(8px)}
.vs-note{display:flex;align-items:center;gap:8px;margin:14px 0 0 4px;font:500 14.5px/1.35 var(--sans);color:var(--ink-2)}
.vs-note svg{flex:none;color:#1C4E8E}
@media (max-width:900px){
  .vs-stack{--dy:40px;--dx:4%;--w:84%}
  .vs-stack::before{padding-top:calc(var(--w) * .5625 + 50px + 4 * var(--dy))}
  .vs-c{padding:0 6px 6px;border-radius:15px}
  .vs-h{height:40px;gap:7px}
  .vs-th{width:34px;height:22px}
  .vs-h b{font-size:14.5px}
  .vs-pk{padding:4px 7px;font-size:10.5px}
  .vs-pk svg{display:none}
  .vs-go{width:22px;height:22px}
  .vs-go::after{left:8px;top:6px}
  .vs-note{font-size:13px}
}

/* Nov 2: the chosen card takes the front step, bottom right; the others keep their order above it */
.vs-c{--s:var(--i);left:calc(var(--s) * var(--dx));top:calc(var(--s) * var(--dy));z-index:calc(var(--s) + 1);transition:top .55s cubic-bezier(.22,1,.36,1),left .55s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.vs-c.on{z-index:20}
@media (prefers-reduced-motion:reduce){.vs-c{transition:none}}

/* Nov 2: the cards are real players */
.vs-c .clip video{background:#000}
.vp-big{all:unset;position:absolute;left:50%;top:50%;z-index:3;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 14px 34px -10px rgba(0,0,0,.55);cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.vp-big span{position:absolute;left:29px;top:22px;border-left:24px solid #0F1826;border-top:15px solid transparent;border-bottom:15px solid transparent}
.vp-big:hover{transform:scale(1.06)}
.vp-big:focus-visible{outline:3px solid #61AEFA;outline-offset:3px}
.vs-c.playing .vp-big,.vs-c:not(.on) .vp-big{opacity:0;pointer-events:none}
.vp-bar{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;background:rgba(10,14,22,.58);backdrop-filter:blur(10px);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.vs-c.on .clip:hover .vp-bar,.vs-c.on.playing .vp-bar,.vs-c.on .vp-bar:focus-within{opacity:1;transform:none}
.vp-bar button{all:unset;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#fff;cursor:pointer}
.vp-bar button:hover{background:rgba(255,255,255,.14)}
.vp-bar button:focus-visible{outline:2px solid #61AEFA}
.vp-tl{flex:1;height:5px;border-radius:9px;background:rgba(255,255,255,.25);cursor:pointer;overflow:hidden}
.vp-tl i{display:block;width:0;height:100%;border-radius:9px;background:#61AEFA}
.vs-c.vert .vp-bar{left:50%;right:auto;width:min(340px,calc(100% - 20px));transform:translate(-50%,6px)}
.vs-c.vert.on .clip:hover .vp-bar,.vs-c.vert.on.playing .vp-bar,.vs-c.vert.on .vp-bar:focus-within{transform:translate(-50%,0)}
@media (max-width:900px){
  .vp-big{width:58px;height:58px;margin:-29px 0 0 -29px}
  .vp-big span{left:23px;top:17px;border-left-width:19px;border-top-width:12px;border-bottom-width:12px}
  .vs-c.on.playing .vp-bar,.vs-c.on .vp-bar{opacity:1;transform:none}
  .vs-c.vert.on .vp-bar{transform:translate(-50%,0)}
}

/* Nov 2: a real brain in his blues, and real sauce landing on the word */
.lbr-brain{width:190px;height:auto;border-radius:0;background:none;box-shadow:none;place-items:center}
.lbr-brain::before{display:none}
.lbr-brain img{display:block;width:100%!important;height:auto!important;mix-blend-mode:multiply;filter:saturate(1.05);animation:lbr-breathe 5s ease-in-out infinite}
@keyframes lbr-breathe{50%{transform:translateY(-4px) scale(1.015)}}
.lbr-core b{margin-top:2px}
#p-works .lyr{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#p-works .lyr-big{position:relative;justify-content:flex-end;padding-top:118px;overflow:hidden}
.sauce{position:relative;display:inline-block;color:#C7361B}
.sauce-pour{position:absolute;left:50%;bottom:calc(100% - .36em);width:118px!important;height:auto!important;transform:translateX(-32%);mix-blend-mode:multiply;pointer-events:none;z-index:1}
@media (prefers-reduced-motion:reduce){.lbr-brain img{animation:none}}
@media (max-width:1100px){#p-works .lyr{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.lbr-brain{width:150px}#p-works .lyr-big{padding-top:104px}.sauce-pour{width:96px!important}}

/* Nov 2: cut-out images, and sauce on its own line under the bottle */
.lbr-brain img,.sauce-pour{mix-blend-mode:normal}
.lbr-brain{width:160px}
#p-works .lyr{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
#p-works .lyr-big{padding-top:22px}
.sauce-line{display:block;text-align:right;padding-right:6px}
.sauce{font-size:1.28em;line-height:1;letter-spacing:-.02em;margin-top:118px}
.sauce-pour{width:112px!important;bottom:calc(100% - .32em);transform:translateX(-30%)}
@media (max-width:900px){.lbr-brain{width:140px}.sauce{margin-top:100px}.sauce-pour{width:92px!important}}
@media (max-width:1100px){#p-works .lyr{grid-template-columns:minmax(0,1fr)}}
.sauce-line{white-space:nowrap}

/* Nov 2: silent preview on the front card, Play with sound, volume slider */
.vp-big{width:auto;height:auto;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:999px}
.vp-big:hover{transform:translate(-50%,-50%) scale(1.04)}
.vp-big span{position:relative;left:auto;top:auto;flex:none;width:42px;height:42px;border:0;border-radius:50%;background:#0F1826}
.vp-big span::after{content:"";position:absolute;left:16px;top:12px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.vp-big em{font:700 15px/1 var(--sans);font-style:normal;color:#0F1826;white-space:nowrap}
.vs-c.preview .clip::before{content:"Preview";position:absolute;left:10px;top:10px;z-index:3;padding:4px 8px;border-radius:7px;background:rgba(10,14,22,.55);font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.vs-c.preview .vp-bar,.vs-c:not(.playing) .vp-bar{opacity:0;pointer-events:none}
.vs-c.on.playing .vp-bar{opacity:1;transform:none;pointer-events:auto}
.vs-c.vert.on.playing .vp-bar{transform:translate(-50%,0)}
.vp-vol{-webkit-appearance:none;appearance:none;width:74px;height:5px;margin:0 6px 0 0;border-radius:9px;background:rgba(255,255,255,.3);cursor:pointer}
.vp-vol::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.vp-vol::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff}
.vs-c.vert .vp-bar{width:min(380px,calc(100% - 20px))}
@media (max-width:900px){.vp-big{padding:7px 13px 7px 7px}.vp-big span{width:34px;height:34px}.vp-big span::after{left:13px;top:10px;border-left-width:11px;border-top-width:7px;border-bottom-width:7px}.vp-big em{font-size:13px}.vp-vol{width:52px}.vs-c:not(.playing) .vp-bar{opacity:0}.vs-c.on.playing .vp-bar{opacity:1}}

/* Nov 2: memory cards redesigned around the cartoon brain; the sauce card matches the brain box */
@media (min-width:1101px){#p-works .lyr{grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr)}}
.lbr{padding:16px 18px 18px}
.lbr-map{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr)}
.lbr-l{padding-right:30px}.lbr-r{padding-left:30px}
.lbr-l::before{right:14px}.lbr-r::before{left:14px}
.lbr-col::after{width:16px}
.lbr-col{gap:12px}
.lbr-col li{align-items:flex-start;gap:10px;padding:11px 12px 12px 11px;border-radius:15px;background:rgba(255,255,255,.92);border:1px solid #E1E7EF;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 26px -18px rgba(28,78,142,.55);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.lbr-col li:hover{transform:translateY(-3px);box-shadow:0 20px 30px -18px rgba(28,78,142,.6)}
.lbr-ic{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--k) 12%,#fff);color:var(--k);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 22%,#fff)}
.lbr-ic svg{width:17px;height:17px}
.lbr-m{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.lbr-m em{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--k) 12%,#fff);font:600 10.5px/1 var(--sans);font-style:normal;letter-spacing:.02em;color:var(--k)}
.lbr-t time{margin:0;font:400 10.5px/1 var(--mono);color:var(--ink-3)}
.lbr-t b{font:600 14.5px/1.28 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.lbr-brain{width:180px}
.lbr-brain img{filter:drop-shadow(0 18px 22px rgba(28,78,142,.28))}
.lbr-core b{margin-top:6px;max-width:170px;font-size:14.5px}
.sauce{margin-top:62px}
.sauce-pour{width:104px!important}
@media (max-width:900px){.lbr-map{grid-template-columns:minmax(0,1fr)}.lbr-brain{width:150px}.sauce{margin-top:56px}.sauce-pour{width:90px!important}}
@media (min-width:1101px){#p-works .lyr{max-width:1180px}}
@media (min-width:1101px){#p-works .lyr{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}#p-works .lyr-big{font-size:27px}.lbr-map{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr)}.lbr-brain{width:156px}.lbr-l{padding-right:26px}.lbr-r{padding-left:26px}.lbr-l::before{right:12px}.lbr-r::before{left:12px}.lbr-col::after{width:14px}}
/* Nov 2: paper brain, still */
.lbr-brain img{animation:none;filter:drop-shadow(0 10px 14px rgba(11,36,71,.18))}
@media (min-width:1101px){.lbr-brain{width:172px}}
/* Nov 2: memory cards in one calm blue, like the brand context map */
.lbr-col li{--k:#2F6FE0}
.lbr-ic{background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 10px -6px rgba(28,78,142,.6)}
.lbr-m em{padding:0;background:none;font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.lbr-m em::after{content:"·";margin-left:7px;color:#C3CEDA}

/* Nov 2: sauce back beside "your"; the bottle pours in the space between the lines */
#p-works .lyr-big{justify-content:space-between;padding-top:20px}
.lyr-g{display:block;color:#A3ADB9}
.sauce-line{display:block;margin-top:auto;padding-top:96px;text-align:left;padding-right:0;white-space:nowrap}
.sauce{margin-top:0;font-size:1.06em}
.sauce-pour{width:100px!important;bottom:calc(100% - .3em)}
@media (max-width:900px){.sauce-line{padding-top:88px}.sauce{margin-top:0}.sauce-pour{width:90px!important}}

/* Nov 2: Pick a video as a zig-zag of coloured blocks (his "top genres" reference); click opens a player */
.vz{position:relative;min-width:0;text-align:left}
.vz-k{margin:0 0 12px 4px;font-size:13px}
.vz-k span{color:var(--ink-3);letter-spacing:.06em}
.vz-stack{position:relative;aspect-ratio:680/640}
.vz-c{all:unset;box-sizing:border-box;position:absolute;width:52%;display:flex;flex-direction:column;gap:8px;padding:12px 10px 10px;border-radius:18px;background:var(--c);box-shadow:0 18px 34px -24px rgba(28,78,142,.75);cursor:pointer;z-index:calc(var(--i) + 1);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;will-change:transform}
.vz-c:nth-child(1){left:46%;top:0}
.vz-c:nth-child(2){left:2%;top:15%}
.vz-c:nth-child(3){left:40%;top:31%}
.vz-c:nth-child(4){left:7%;top:47%}
.vz-c:nth-child(5){left:44%;top:62%}
.vz-c:hover,.vz-c:focus-visible{transform:translateY(-8px);z-index:9;box-shadow:0 30px 50px -26px rgba(28,78,142,.85)}
.vz-c:focus-visible{outline:2px solid #0F1826;outline-offset:3px}
.vz-top{display:block;padding:0 4px}
.vz-top b{display:block;font:700 20px/1.05 var(--sans);letter-spacing:-.02em;color:#0F1826}
.vz-top small{display:block;margin-top:3px;font:500 12.5px/1.2 var(--sans);color:rgba(15,24,38,.62)}
.vz-th{position:relative;display:block;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#0a0d12}
.vz-th img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.vz-c.vert .vz-th img{object-position:50% 30%}
.vz-play{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 8px 18px -8px rgba(0,0,0,.6);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.vz-play::after{content:"";position:absolute;left:16px;top:12px;border-left:12px solid #0F1826;border-top:8px solid transparent;border-bottom:8px solid transparent}
.vz-c:hover .vz-play{transform:scale(1.1)}
.vz-dlg{width:min(1100px,92vw);max-width:none;padding:0;border:0;border-radius:20px;background:#0F1826;color:#fff;box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.vz-dlg.vert{width:min(440px,92vw)}
.vz-dlg::backdrop{background:rgba(11,20,33,.72)}
.vz-box header{display:flex;align-items:center;gap:10px;padding:12px 14px}
.vz-name{font:700 17px/1 var(--sans)}
.vz-pk{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font:500 12.5px/1 var(--sans);color:#ACD8F7}
.vz-rs,.vz-x{all:unset;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.1);font:600 13px/1 var(--sans);color:#fff;cursor:pointer}
.vz-rs:hover,.vz-x:hover{background:rgba(255,255,255,.18)}
.vz-rs:focus-visible,.vz-x:focus-visible{outline:2px solid #61AEFA}
.vz-v{background:#000}
.vz-v video{display:block;width:100%;max-height:78vh;background:#000}
.vz-dlg.vert .vz-v video{aspect-ratio:9/16;max-height:78vh;object-fit:contain}
@media (max-width:900px){
  .vz-stack{aspect-ratio:350/420}
  .vz-c{width:60%;padding:9px 7px 7px;border-radius:14px;gap:6px}
  .vz-c:nth-child(1){left:38%}.vz-c:nth-child(2){left:0}.vz-c:nth-child(3){left:34%}.vz-c:nth-child(4){left:3%}.vz-c:nth-child(5){left:38%}
  .vz-top b{font-size:15px}.vz-top small{display:none}
  .vz-play{width:30px;height:30px;right:7px;bottom:7px}.vz-play::after{left:12px;top:9px;border-left-width:9px;border-top-width:6px;border-bottom-width:6px}
  .vz-pk{display:none}.vz-rs{padding:7px 9px}
}
@media (prefers-reduced-motion:reduce){.vz-c,.vz-play{transition:none}}

/* Nov 2: lighter page. A plain frosted menu instead of a live blur, and no endless line animation */
.nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(250,250,247,.94)!important}
.lbr-col::after{animation:none!important}
@media (max-width:900px){.vz{padding-inline:12px}}

/* Nov 2: six videos in the same space; every block a little smaller */
.vz-c{width:47%;padding:10px 9px 9px;gap:6px}
.vz-top b{font-size:18px}
.vz-top small{font-size:12px}
.vz-c:nth-child(1){left:52%;top:0}
.vz-c:nth-child(2){left:1%;top:12%}
.vz-c:nth-child(3){left:45%;top:24%}
.vz-c:nth-child(4){left:6%;top:36%}
.vz-c:nth-child(5){left:50%;top:48%}
.vz-c:nth-child(6){left:3%;top:60%}
.vz-play{width:34px;height:34px;right:8px;bottom:8px}
.vz-play::after{left:13px;top:10px;border-left-width:10px;border-top-width:7px;border-bottom-width:7px}
@media (max-width:900px){
  .vz-c{width:56%}
  .vz-c:nth-child(1){left:44%}.vz-c:nth-child(2){left:0}.vz-c:nth-child(3){left:38%}.vz-c:nth-child(4){left:3%}.vz-c:nth-child(5){left:42%}.vz-c:nth-child(6){left:1%}
  .vz-top b{font-size:14px}
  .vz-play{width:28px;height:28px}.vz-play::after{left:11px;top:8px;border-left-width:8px;border-top-width:6px;border-bottom-width:6px}
}

/* Nov 2: Pick a video edited by Nave Editor */
.vz-ne{display:inline-flex;align-items:center;gap:5px;margin:0 2px;color:var(--ink)}
.vz-ne img{width:16px!important;height:16px!important;border-radius:4px}

/* Nov 2: the editing pack, shown in the brand-context style */
.ep{margin-top:18px;padding:16px 18px 18px;border-radius:24px;background:#EDEFF3;border:1px solid #DCE1E8;text-align:left}
.ep-k{margin:0 0 6px;text-align:center;color:#5C6776}
.ep-flow{display:grid;grid-template-columns:1.05fr .55fr 1.1fr;align-items:end;gap:6px}
.ep-cap{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 0;font:600 14px/1.2 var(--sans);color:var(--ink)}
.ep-cap span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0B2447;font:500 11px/1 var(--mono);color:#fff}
.ep-pack{position:relative;display:flex;flex-direction:column;align-items:center}
.ep-arc{list-style:none;position:relative;width:100%;height:92px;margin:0;padding:0}
.ep-arc li{position:absolute;left:50%;bottom:-6px;width:64px;margin-left:-32px;aspect-ratio:16/10;border-radius:7px;overflow:hidden;background:#0a0d12;box-shadow:0 0 0 2px #fff,0 8px 16px -10px rgba(10,13,18,.6);transform-origin:50% 150px;transform:rotate(calc(var(--i)*15deg))}
.ep-arc img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.ep-box{position:relative;z-index:2;width:150px}
.ep-lid{display:block;width:62px;height:14px;margin:0 0 -5px 14px;border-radius:9px 12px 0 0;background:#3F8EE6}
.ep-front{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 12px;border-radius:14px;background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 22px 34px -20px rgba(28,78,142,.8);color:#fff;text-align:center}
.ep-mark{fill:#fff}
.ep-front b{margin-top:2px;font:700 15px/1.1 var(--sans)}
.ep-front small{font:500 11px/1.2 var(--mono);letter-spacing:.04em;color:#E6F2FF}
.ep-drag{position:relative;height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.ep-path{position:absolute;left:0;right:0;top:64px;border-top:2px dashed #7FB2EA}
.ep-path::after{content:"";position:absolute;right:-2px;top:-7px;border-left:9px solid #7FB2EA;border-top:6px solid transparent;border-bottom:6px solid transparent}
.ep-mini{position:absolute;left:0;top:47px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:9px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 18px -12px rgba(28,78,142,.7);font:600 12px/1 var(--sans);color:#1C4E8E;white-space:nowrap}
.ep-cur{position:absolute;left:56px;top:62px;color:#0F1826}
.ep.play .ep-mini{animation:ep-drag 3.2s cubic-bezier(.55,0,.3,1) infinite}
.ep.play .ep-cur{animation:ep-cur 3.2s cubic-bezier(.55,0,.3,1) infinite}
@keyframes ep-drag{0%,12%{transform:translateX(0);opacity:0}20%{opacity:1}70%{transform:translateX(calc(var(--d,90px)));opacity:1}82%,100%{transform:translateX(calc(var(--d,90px)));opacity:0}}
@keyframes ep-cur{0%,12%{transform:translateX(0)}70%,100%{transform:translateX(calc(var(--d,90px)))}}
.ep-drag{--d:60%}
.ep-ed{display:flex;flex-direction:column;align-items:center}
.ep-win{width:100%;max-width:230px;padding:0 0 10px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:0 22px 34px -24px rgba(28,78,142,.7);overflow:hidden}
.ep-bar{display:flex;align-items:center;gap:6px;margin:0 0 9px;padding:7px 10px;border-bottom:1px solid #EEF2F6;font:600 12px/1 var(--sans);color:var(--ink)}
.ep-bar img{width:15px!important;height:15px!important;border-radius:4px}
.ep-tl{display:flex;gap:3px;margin:0 10px 5px}
.ep-tl i{display:block;width:var(--w);height:14px;border-radius:4px;background:var(--c)}
.ep-tl.v i{height:18px;opacity:.85}
.ep.play .ep-tl:not(.v) i{animation:ep-fill 3.2s ease infinite}
.ep-tl:not(.v) i:nth-child(2){animation-delay:.12s}.ep-tl:not(.v) i:nth-child(3){animation-delay:.24s}.ep-tl:not(.v) i:nth-child(4){animation-delay:.36s}
@keyframes ep-fill{0%,62%{transform:scaleX(.15);opacity:.3;transform-origin:left}78%,100%{transform:scaleX(1);opacity:1;transform-origin:left}}
.ep-say{margin:8px 10px 0;padding:7px 9px;border-radius:10px 10px 10px 3px;background:#EAF3FE;font:500 12px/1.3 var(--sans);color:#1C4E8E}
.ep-out{margin:16px auto 0;width:max-content;max-width:100%;padding:8px 14px;border-radius:999px;background:#E3F3EC;font:600 13.5px/1.3 var(--sans);color:#1F7A50;text-align:center}
@media (prefers-reduced-motion:reduce){.ep.play .ep-mini,.ep.play .ep-cur,.ep.play .ep-tl i{animation:none}}
@media (max-width:900px){
  .ep{padding:14px 10px}
  .ep-flow{grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px}
  .ep-drag{width:120px;height:70px;transform:rotate(90deg);margin:6px 0}
  .ep-drag .ep-cap{display:none}
  .ep-path{top:30px}.ep-mini{top:13px}.ep-cur{top:28px}
  .ep-win{max-width:300px}
}

/* Nov 2: the pack row sits under both columns, and the six blocks get their full height */
#p-team .ep{grid-column:1/-1;width:100%;max-width:1060px;margin:26px auto 0;padding:22px 28px 22px}
#p-team .ep-flow{grid-template-columns:1fr .7fr 1fr;align-items:end;gap:10px}
#p-team .ep-arc{height:120px}
#p-team .ep-arc li{width:84px;margin-left:-42px;transform-origin:50% 190px;transform:rotate(calc(var(--i)*13deg))}
#p-team .ep-box{width:180px}
#p-team .ep-win{max-width:300px}
#p-team .ep-drag{height:170px}
#p-team .ep-path{top:78px}#p-team .ep-mini{top:61px}#p-team .ep-cur{top:76px}
.vz-stack{aspect-ratio:680/740}
.vz-ne .nv-inl{display:none}
@media (max-width:1180px){#p-team .ep{grid-column:auto}}
@media (max-width:900px){
  #p-team .ep{padding:14px 10px;margin-top:18px}
  #p-team .ep-flow{grid-template-columns:minmax(0,1fr)}
  #p-team .ep-drag{height:70px}
  #p-team .ep-path{top:30px}#p-team .ep-mini{top:13px}#p-team .ep-cur{top:28px}
  .vz-stack{aspect-ratio:350/470}
}
/* Nov 2: phone: a straight down arrow, no rotated label */
@media (max-width:900px){
  #p-team .ep-drag{transform:none;width:auto;height:44px;margin:2px 0}
  #p-team .ep-path{left:50%;right:auto;top:0;bottom:0;border-top:0;border-left:2px dashed #7FB2EA}
  #p-team .ep-path::after{right:auto;left:-7px;top:auto;bottom:-4px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #7FB2EA;border-bottom:0}
  #p-team .ep-mini,#p-team .ep-cur{display:none}
}
/* Nov 2: the pack graphic bigger and tighter on desktop; clean labels */
.ep-bar .nv-inl,.ep-front .nv-inl{display:none}
.ep-front small{white-space:nowrap}
@media (min-width:901px){
  #p-team .ep{max-width:1100px;padding:24px 34px 26px}
  #p-team .ep-k{font-size:13px;margin-bottom:0}
  #p-team .ep-flow{grid-template-columns:1fr .62fr 1.05fr;gap:4px}
  #p-team .ep-arc{height:150px}
  #p-team .ep-arc li{width:112px;margin-left:-56px;transform-origin:50% 250px;transform:rotate(calc(var(--i)*12deg))}
  #p-team .ep-box{width:240px}
  #p-team .ep-lid{width:96px;height:20px;margin-left:20px}
  #p-team .ep-front{padding:22px 14px 18px;border-radius:18px}
  #p-team .ep-mark{width:62px!important;height:40px!important}
  #p-team .ep-front b{font-size:21px}
  #p-team .ep-front small{font-size:12.5px}
  #p-team .ep-drag{height:210px}
  #p-team .ep-path{top:104px}#p-team .ep-mini{top:84px;padding:8px 12px;font-size:14px}#p-team .ep-cur{top:100px}
  #p-team .ep-win{max-width:380px;border-radius:16px}
  #p-team .ep-bar{padding:10px 14px;font-size:14.5px}
  #p-team .ep-bar img{width:18px!important;height:18px!important}
  #p-team .ep-tl{margin:0 14px 7px;gap:4px}
  #p-team .ep-tl i{height:20px;border-radius:5px}
  #p-team .ep-tl.v i{height:26px}
  #p-team .ep-say{margin:10px 14px 0;padding:10px 12px;font-size:14.5px}
  #p-team .ep-cap{font-size:16px;margin-top:14px}
  #p-team .ep-cap span{width:24px;height:24px;font-size:12.5px}
  #p-team .ep-out{font-size:15px;padding:10px 16px;margin-top:20px}
}
@media (max-width:900px){
  #p-team .ep-drag{height:56px;flex-direction:row;align-items:center;justify-content:center}
  #p-team .ep-drag .ep-cap{display:flex;margin:0 0 0 70px;font-size:13px}
  #p-team .ep-drag .ep-cap span{width:18px;height:18px}
}
/* Nov 2: keep the three columns inside the box */
@media (min-width:901px){#p-team .ep-flow{grid-template-columns:minmax(0,1fr) minmax(0,.62fr) minmax(0,1.05fr)}#p-team .ep-arc{overflow:visible}}

/* Nov 2: lighter scrolling. No live blur behind moving parts, and off-screen sections skip rendering */
.tc,.lab,.vp-bar,.snd,.wp .snd,.vs .snd,.cs-tech li,.lx-inbox,.ph-sheet{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.vp-bar,.snd{background:rgba(10,14,22,.78)!important}
main > section:not(.top){content-visibility:auto;contain-intrinsic-size:auto 1400px}
/* Nov 2: the stacked video blocks no longer jump on hover.
   Lifting an overlapping block moved it out from under the mouse, the block below took the hover, and the two kept swapping:
   constant flicker and repaint. Hover now only lights the block's edge and its play button. */
.vz-c{will-change:auto;transition:box-shadow .25s ease}
.vz-c:hover,.vz-c:focus-visible{transform:none!important;z-index:calc(var(--i) + 1)!important;box-shadow:0 0 0 3px #0F1826,0 30px 50px -26px rgba(28,78,142,.85)}
.vz-c:hover .vz-play{transform:scale(1.12)}
.vz-k{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.vz-ne{vertical-align:middle}
/* the pack drag plays three times when it comes into view, then rests */
.ep.play .ep-mini,.ep.play .ep-cur,.ep.play .ep-tl i{animation-iteration-count:3}

/* Nov 2: the pack graphic is cheap to draw: small thumbnails, flat edges, and it never repaints the page around it */
#p-team .ep{contain:content}
.ep-arc li{box-shadow:none;border:2px solid #fff}
.ep-front,.ep-win,.ep-mini{box-shadow:none}
.ep-win{border-color:#D6DDE6}
/* Nov 2: the pack graphic is still: the drag is drawn mid-way, the timeline already filled. No motion while scrolling past it. */
#p-team .ep *{animation:none!important}
#p-team .ep-mini{left:28%;opacity:1}
#p-team .ep-cur{left:calc(28% + 58px)}
@media (max-width:900px){#p-team .ep-mini,#p-team .ep-cur{display:none}}

/* Nov 2: the editing pack lives in the player, beside the video */
.vz-dlg{width:min(1240px,94vw)}
.vz-dlg.vert{width:min(820px,94vw)}
.vz-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;background:#0F1826}
.vz-dlg.vert .vz-main{grid-template-columns:minmax(0,1fr) 300px}
.vz-v{display:flex;align-items:center;justify-content:center}
.vz-pack{padding:18px 18px 20px;background:#F4F6F9;color:var(--ink);display:flex;flex-direction:column;gap:14px}
.vzp-k{margin:0;font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5C6776}
.vzp-box{align-self:center;width:190px}
.vzp-lid{display:block;width:76px;height:16px;margin:0 0 -5px 16px;border-radius:9px 12px 0 0;background:#3F8EE6}
.vzp-front{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 12px 14px;border-radius:15px;background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%);color:#fff;text-align:center}
.vzp-mark{fill:#fff}
.vzp-front .nv-inl{display:none}
.vzp-front b{font:700 16px/1.15 var(--sans)}
.vzp-front small{font:500 11.5px/1.2 var(--mono);color:#E6F2FF}
.vzp-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vzp-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start}
.vzp-steps li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0B2447;font:500 11px/1 var(--mono);color:#fff}
.vzp-steps p{margin:0;font:400 13px/1.35 var(--sans);color:#465364}
.vzp-steps b{display:block;font:600 14px/1.3 var(--sans);color:var(--ink)}
.vzp-out{display:flex;gap:7px;align-items:flex-start;margin:auto 0 0;padding:10px 12px;border-radius:12px;background:#E3F3EC;font:600 13px/1.35 var(--sans);color:#1F7A50}
.vzp-out svg{flex:none;margin-top:1px}
@media (max-width:900px){
  .vz-main,.vz-dlg.vert .vz-main{grid-template-columns:minmax(0,1fr)}
  .vz-pack{padding:14px;gap:10px}
  .vzp-box{width:160px}
  .vz-dlg{max-height:94vh;overflow:auto}
}
.vzp-steps .nv-inl{display:none}

/* Nov 2: the editing pack as one still picture under the section: nothing to animate or lay out while scrolling */
#p-team .epi{grid-column:1/-1;margin:28px auto 0;width:100%;max-width:1100px}
#p-team .epi img{display:block;width:100%!important;height:auto!important;border-radius:24px}
@media (max-width:1180px){#p-team .epi{grid-column:auto}}
@media (max-width:900px){#p-team .epi{margin-top:18px}#p-team .epi img{border-radius:16px}}

/* Nov 2: repurposing in three steps: footage, what it becomes (with where each goes), publishing */
#p-rep.pz.sd{grid-template-columns:minmax(0,1fr) minmax(0,.34fr);gap:clamp(28px,3vw,48px)}
.pz-map.rw{grid-template-columns:auto minmax(0,1fr) 230px;column-gap:0;padding:clamp(18px,2vw,26px)}
.rw-src .pz-folder .hq-body{width:150px!important;height:108px!important}
.rw-src .pz-folder b{font-size:14px}
.rw-l{padding-bottom:14px}
.rw-l>.pz-gl{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.rw-to{display:inline-flex;gap:4px;margin-left:2px;padding:3px 6px;border-radius:999px;background:#F4F7FB;border:1px solid #E6EDF5}
.rw-to img{width:14px!important;height:14px!important}
.rw-s{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.rw-s li{border-radius:7px}
.rw-cs{gap:8px}
.rw-cr{padding:8px 8px 8px}
.rw-c{height:128px;--r:240px}
.rw-c li{width:78px;margin-left:-39px}
.rw-cr b{font-size:13px}
.rw-cr small{font-size:11.5px}
.rw-p{gap:6px}
.rw-p li{padding:9px 10px}
.rw-p p{margin-top:5px;font-size:13px}
.rw-pub{position:relative;align-self:stretch;display:flex;flex-direction:column;gap:10px;margin-left:34px;padding:14px;border-radius:18px;background:#F4F7FB;border:1px solid #E6EDF5}
.rw-pub::before{content:"";position:absolute;left:-34px;top:50%;width:34px;border-top:2px solid #2F6FE0}
.rw-pub::after{content:"";position:absolute;left:-6px;top:50%;margin-top:-5px;border-left:9px solid #2F6FE0;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.rw-pub>.pz-gl{margin:0;font-size:12px;color:var(--deep)}
.rw-smm{display:flex;align-items:center;gap:9px;padding:9px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.rw-smm-m{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%)}
.rw-smm-m .mark{fill:#fff}
.rw-smm b{display:block;font:600 13.5px/1.2 var(--sans);color:var(--ink)}
.rw-smm small{display:block;margin-top:2px;font:500 11.5px/1.2 var(--sans);color:var(--ink-3)}
.rw-smm .nv-inl{display:none}
.rw-plat{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.rw-plat li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px;border-radius:9px;background:#fff;border:1px solid #EEF2F6}
.rw-plat img{width:16px!important;height:16px!important}
.rw-plat span{font:500 13px/1 var(--sans);color:var(--ink)}
.rw-plat em{font:500 13px/1 var(--mono);font-style:normal;color:#2F6FE0}
.rw-total{display:flex;align-items:center;gap:10px;margin:auto 0 0;padding:10px 12px;border-radius:12px;background:#0B2447;color:#fff}
.rw-total b{font:600 34px/1 var(--mono);letter-spacing:-.04em;color:#7DBDFB}
.rw-total span{font:500 12.5px/1.3 var(--sans);color:#E6F2FF}
@media (max-width:1180px){#p-rep.pz.sd{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.pz-map.rw{grid-template-columns:minmax(0,1fr)}.rw-pub{margin:18px 0 0}.rw-pub::before,.rw-pub::after{display:none}}
@media (max-width:900px){.rw-s{grid-template-columns:none}.rw-l>.pz-gl{flex-wrap:wrap}}
/* pack picture (rendered to a still): names on the fanned videos, and the real editor screenshot */
.ep-arc li{overflow:visible}
.ep-lab{position:absolute;left:50%;top:-9px;transform:translateX(-50%);padding:3px 7px;border-radius:999px;background:#fff;box-shadow:0 2px 6px -2px rgba(11,36,71,.35);font:600 10px/1 var(--sans);color:#0B2447;white-space:nowrap}
.ep-arc li img{border-radius:7px}
#p-team .ep-arc{height:170px}
#p-team .ep-arc li{width:104px;margin-left:-52px;transform-origin:50% 260px;transform:rotate(calc(var(--i)*13deg))}
.ep-shot{max-width:420px!important;padding:0!important}
.ep-shot img{display:block;width:100%;height:auto;border-bottom:1px solid #EEF2F6}
.ep-shot .ep-say{margin:10px 12px 10px!important}
#p-team .ep-out{font-size:16px}
/* pack fan: wider spread so every video's name reads */
#p-team .ep-arc{height:190px}
#p-team .ep-arc li{width:92px;margin-left:-46px;transform-origin:50% 320px;transform:rotate(calc(var(--i)*17deg))}
.ep-lab{top:-11px;padding:3px 6px;font-size:9.5px}
/* pack fan: room for the spread inside its own column */
@media (min-width:901px){#p-team .ep-flow{grid-template-columns:minmax(0,1.35fr) minmax(0,.42fr) minmax(0,1fr)}}
#p-team .ep-arc{height:176px}
#p-team .ep-arc li{transform-origin:50% 280px}
#p-team .ep-arc{height:128px}
/* pack picture: the real editor screenshot gets the widest column */
@media (min-width:901px){#p-team .ep-flow{grid-template-columns:minmax(0,1.05fr) minmax(0,.3fr) minmax(0,1.45fr)}}
.ep-shot{max-width:none!important;width:100%}
.ep-shot img{border-radius:12px 12px 0 0}
/* pack picture: room above the screenshot, fan inside its column, the drag clear of both */
#p-team .ep-k{margin-bottom:30px}
@media (min-width:901px){#p-team .ep-flow{grid-template-columns:minmax(0,1fr) minmax(0,.42fr) minmax(0,1.4fr);gap:0}}
#p-team .ep-arc{height:150px}
#p-team .ep-arc li{width:80px;margin-left:-40px;transform-origin:50% 250px;transform:rotate(calc(var(--i)*15deg))}
#p-team .ep-box{width:210px}
#p-team .ep-drag .ep-mini{left:12%}
#p-team .ep-drag .ep-cur{left:calc(12% + 58px)}

/* Nov 2 night: clear dividers between the sections */
hr.pz-dv{height:2px!important;border-radius:2px;background:linear-gradient(90deg,transparent,#B9C9DC 12%,#B9C9DC 88%,transparent)!important}

/* pack picture: the picked pack is the VSL, and the three steps share the width */
.ep-pick{z-index:9;outline:3px solid #2F6FE0;outline-offset:2px;border-radius:8px}
.ep-pick .ep-lab{background:#2F6FE0;color:#fff}
#p-team .ep-arc li{width:76px;margin-left:-38px;transform-origin:50% 240px;transform:rotate(calc(var(--i)*13deg))}
#p-team .ep-arc li.ep-pick{transform:translateY(-14px) scale(1.12)}
@media (min-width:901px){#p-team .ep-flow{grid-template-columns:minmax(0,1.1fr) minmax(0,.4fr) minmax(0,1.1fr)}}
#p-team .ep-box{width:230px}

/* publishing: the AI Social Media Manager mark */
.rw-smm-m{color:#fff}
.rw-smm-m svg{width:18px;height:18px}

/* leads: the lead capture system */
.pz-map.lcx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr) minmax(0,1.1fr);gap:14px;padding:clamp(18px,2vw,26px);border-radius:28px;background:#EDEFF3;border:1px solid #DCE1E8;text-align:left}
.lc-col{min-width:0;display:flex;flex-direction:column;gap:10px}
.lc-k{display:flex;align-items:center;gap:8px;margin:0;font:600 14px/1.2 var(--sans);color:var(--ink)}
.lc-k span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0B2447;font:500 11px/1 var(--mono);color:#fff}
.lc-phone{position:relative;border-radius:18px;overflow:hidden;background:#0a0d12;aspect-ratio:9/15;border:5px solid #0F1826}
.lc-phone>img{display:block;width:100%!important;height:100%!important;object-fit:cover;opacity:.9}
.lc-cm{list-style:none;position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:8px;display:grid;gap:7px;border-radius:12px;background:rgba(255,255,255,.96)}
.lc-cm li{display:flex;gap:7px;align-items:flex-start}
.lc-cm i,.lc-list i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:600 11px/1 var(--sans);font-style:normal;color:#fff}
.lc-cm span{font:500 12px/1.3 var(--sans);color:var(--ink)}
.lc-cm b{display:block;font:600 11px/1.2 var(--sans);color:var(--ink-3)}
.lc-cm em,.lc-kw{padding:1px 5px;border-radius:5px;background:#DCEBFF;font-style:normal;font-weight:700;color:#1C4E8E}
.lc-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.lc-h{display:flex;align-items:center;gap:8px;margin:0}
.lc-m{display:grid;place-items:center;width:32px;height:28px;border-radius:9px;background:linear-gradient(180deg,#7DBDFB 0%,#3F8EE6 100%)}
.lc-m .mark{fill:#fff}
.lc-h b{font:600 14px/1.2 var(--sans);color:var(--ink)}
.lc-h .nv-inl{display:none}
.lc-rules{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lc-rules li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:#F4F7FB;border:1px solid #E6EDF5}
.lc-kw{padding:4px 8px;font:700 12px/1 var(--mono);letter-spacing:.04em}
.lc-ar{display:grid;color:#2F6FE0}
.lc-rules b{display:block;font:600 13.5px/1.2 var(--sans);color:var(--ink)}
.lc-rules small{display:block;margin-top:2px;font:500 12px/1.2 var(--sans);color:var(--ink-3)}
.lc-live{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0;font:500 12.5px/1.3 var(--sans);color:#1F7A50}
.lc-live i{width:8px;height:8px;border-radius:50%;background:#1F9D62}
.lc-live img{width:14px!important;height:14px!important}
.lc-via{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding-top:9px;border-top:1px solid #EEF2F6;font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}
.lc-via img{width:14px!important;height:14px!important;border-radius:3px;vertical-align:-2px;margin-right:3px}
.lc-no{padding:3px 7px;border-radius:7px;background:#FBEAEA;color:#B4382A;text-decoration:line-through;text-decoration-thickness:2px}
.lc-dm{margin:0;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#2F6FE0;font:500 13px/1.35 var(--sans);color:#fff}
.lc-dm b{display:block;margin-bottom:3px;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#D5E6FF}
.lc-dm u{display:block;margin-top:6px;color:#D5E6FF}
.lc-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lc-list li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border-radius:11px;border:1px solid #EEF2F6}
.lc-list b{display:block;font:600 13px/1.2 var(--sans);color:var(--ink)}
.lc-list small{display:flex;align-items:center;gap:4px;margin-top:2px;font:500 11.5px/1.2 var(--sans);color:var(--ink-3)}
.lc-list small img{width:12px!important;height:12px!important}
.lc-list em{padding:4px 7px;border-radius:7px;background:#E3F3EC;font:600 11.5px/1 var(--sans);font-style:normal;color:#1F7A50;white-space:nowrap}
.lc-draft{padding:10px 11px;border-radius:12px;background:#EAF3FE}
.lc-draft p{margin:0;font:500 13px/1.35 var(--sans);color:#1C4E8E}
.lc-dk{margin-bottom:4px!important;font:400 10.5px/1 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;color:#5C6776!important}
.lc-send{display:flex;align-items:center;gap:8px;margin-top:8px!important;font-size:12px!important;color:#5C6776!important}
.lc-send span{padding:5px 10px;border-radius:8px;background:#0B2447;color:#fff;font-weight:600}
.lc-out{grid-column:1/-1;justify-self:center;margin:4px 0 0;padding:9px 16px;border-radius:999px;background:#E3F3EC;font:600 14px/1.3 var(--sans);color:#1F7A50;text-align:center}
.lc-note{grid-column:1/-1;margin:0;text-align:center;font-size:12px;color:#5C6776}
@media (max-width:1100px){.pz-map.lcx{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lc-post{grid-row:span 2}}
@media (max-width:900px){.pz-map.lcx{grid-template-columns:minmax(0,1fr);padding:14px 10px}.lc-post{grid-row:auto}.lc-phone{max-width:260px;align-self:center;aspect-ratio:9/13}}
/* leads graphic: wider, left-aligned text, clean Zernio line */
@media (min-width:1181px){#p-leads.pz.sd{width:min(1500px,calc(100vw - 2*var(--pad)));grid-template-columns:minmax(0,.46fr) minmax(0,1fr)}}
.pz-map.lcx,.pz-map.lcx *{text-align:left}
.pz-map.lcx .lc-out,.pz-map.lcx .lc-note{text-align:center}
.lc-via{display:block;line-height:1.6}
.lc-via .lc-no{margin-right:8px}
.lc-via img{display:inline-block;vertical-align:-2px}
.lc-via .nv-inl{display:none}
.lc-dm,.lc-dm *{text-align:left!important}
.lc-list li{grid-template-columns:22px minmax(0,1fr) auto}
.lc-cm b{color:#5C6776}

/* Nov 6: leads, drawn the way Instagram looks (his word: Facebook/Instagram aligned, no Zernio text, no ugly post) */
.igx{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:start}
.igx .lc-out,.igx .lc-note{grid-column:1/-1}
.ig-card{background:#fff;border:1px solid #DBDBDB;border-radius:14px;overflow:hidden;font:400 13px/1.4 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#000;box-shadow:0 18px 40px -26px rgba(11,36,71,.45)}
.ig-hd{display:flex;align-items:center;gap:9px;padding:9px 12px}
.ig-hd img,.ig-dmhd img{border-radius:50%;object-fit:cover}
.ig-hd b{font-weight:600;font-size:13px}
.ig-dots{margin-left:auto;font-size:12px;letter-spacing:1px;color:#262626}
.ig-img{aspect-ratio:1/1;overflow:hidden;background:#EEF4FB}
.ig-img img{width:100%;height:100%;object-fit:cover}
.ig-acts{display:flex;justify-content:space-between;align-items:center;padding:9px 12px 4px}
.ig-acts svg{width:23px;height:23px;fill:none;stroke:#000;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.ig-acts span{display:flex;gap:14px}
.ig-cap{padding:2px 12px 6px}
.ig-cap b{font-weight:600}
.ig-cm{list-style:none;margin:0;padding:4px 12px 12px;display:grid;gap:8px}
.ig-cm li{display:flex;gap:9px;align-items:flex-start}
.ig-cm i,.lc-list i{flex:none}
.ig-cm i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font:600 11px/1 sans-serif;font-style:normal}
.ig-cm p{margin:0}
.ig-cm b{font-weight:600}
.ig-cm small{display:block;margin-top:2px;font-size:11px;color:#737373}
.ig-dmhd{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #EFEFEF}
.ig-back{width:20px;height:20px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ig-dmhd b{display:block;font-weight:600;font-size:13px}
.ig-dmhd small{display:block;font-size:11px;color:#737373}
.ig-thread{display:flex;flex-direction:column;gap:7px;padding:12px;min-height:300px;background:#fff}
.ig-sys{align-self:center;margin:0 0 4px;font-size:11px;color:#737373;text-align:center}
.ig-msg{margin:0;max-width:80%;padding:8px 12px;border-radius:18px;font-size:13px;line-height:1.35}
.ig-msg.in{align-self:flex-start;background:#EFEFEF;color:#000}
.ig-msg.out{align-self:flex-end;background:linear-gradient(135deg,#7638FA,#3797F0);color:#fff}
.ig-link{align-self:flex-start;width:78%;border-radius:16px;overflow:hidden;background:#EFEFEF;text-decoration:none;color:#000}
.ig-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.ig-link span{display:block;padding:7px 11px 9px}
.ig-link b{display:block;font-weight:600;font-size:12.5px}
.ig-link small{display:block;font-size:11px;color:#737373}
.ig-rule{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0;padding:10px 12px;border-top:1px solid #EFEFEF;font-size:11.5px;color:#4A5768;background:#FAFCFF}
.ig-rule img{display:inline-block}
.ig-z{margin-left:auto;border-radius:3px;opacity:.85}
@media (max-width:900px){.igx{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
.igx,.igx .ig-card,.igx .lc-card{text-align:left}
.igx .lc-k{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0 0 10px}
.igx .ig-col{min-width:0}
.ig-rule{flex-wrap:nowrap}
.ig-on{display:flex;gap:6px;margin-left:auto;align-items:center}
.ig-z{margin-left:0}

/* Nov 6: what Nave is, in one picture (his words): the app where your AI content team lives and works, like the Claude or ChatGPT desktop app */
.nw{margin:clamp(56px,8vh,90px) auto 0;max-width:1120px;text-align:center}
.nw-h{margin:0 auto;max-width:860px;font:500 clamp(30px,3.2vw,46px)/1.12 var(--sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.nw-sub{margin:16px auto 0;max-width:640px;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--ink-3);text-wrap:balance}
.nw-stage{position:relative;margin:clamp(34px,5vh,52px) auto 0;max-width:980px}
.nw-win{text-align:left;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #DDE5EE;box-shadow:0 40px 80px -46px rgba(11,36,71,.55),0 2px 6px rgba(11,36,71,.06)}
.nw-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#F4F7FB;border-bottom:1px solid #E6ECF3}
.nw-bar i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.nw-bar i:nth-child(2){background:#FEBC2E}.nw-bar i:nth-child(3){background:#28C840}
.nw-bar span{display:flex;align-items:center;gap:6px;margin:0 auto;font:500 12.5px/1 var(--sans);color:#5B6675;transform:translateX(-24px)}
.nw-body{display:grid;grid-template-columns:240px 1fr;min-height:420px}
.nw-side{padding:16px 12px;background:#F8FAFD;border-right:1px solid #E6ECF3;font-size:13.5px}
.nw-side p{margin:0}
.nw-new{display:inline-block;margin-bottom:14px!important;padding:7px 12px;border-radius:9px;background:#fff;border:1px solid #DDE5EE;font-weight:600;color:var(--ink)}
.nw-lab{margin:14px 0 6px!important;font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8A96A8}
.nw-th,.nw-pr{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;color:#3A4450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-th.on{background:#E3EFFC;color:var(--ink);font-weight:600}
.nw-pr .mark,.nw-who .mark,.nw-bar .mark{flex:none;fill:#1C4E8E}
.nw-chat{display:flex;flex-direction:column;gap:16px;padding:24px 28px 20px}
.nw-chat p{margin:0}
.nw-you{align-self:flex-end;max-width:70%;padding:11px 15px;border-radius:16px 16px 4px 16px;background:#EEF2F6;font-size:15px;color:var(--ink)}
.nw-team{font-size:15px;line-height:1.5;color:#2B3440}
.nw-who{display:flex;align-items:center;gap:8px;margin-bottom:6px!important}
.nw-who b{font-size:14px;color:var(--ink)}
.nw-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.nw-steps li{display:flex;align-items:center;gap:9px;font-size:14.5px}
.nw-ok{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#DDF3E8;color:#1F9D78;font-size:12px;font-weight:700}
.nw-steps .wait{color:#1C4E8E;font-weight:600}
.nw-dot{width:20px;height:20px;border-radius:50%;background:#E3EFFC;box-shadow:inset 0 0 0 5px #E3EFFC;position:relative}
.nw-dot::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#61AEFA;animation:nwp 1.6s ease-in-out infinite}
@keyframes nwp{50%{opacity:.35}}
.nw-out{display:flex;align-items:center;gap:8px;margin-top:14px}
.nw-out img{width:64px;height:112px;object-fit:cover;border-radius:9px;box-shadow:0 8px 18px -12px rgba(11,36,71,.6)}
.nw-out span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#EEF2F6;font-weight:600;color:#5B6675}
.nw-ask{margin-top:auto!important;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid #DDE5EE;color:#8A96A8;font-size:14.5px}
.nw-ask span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0B2447;color:#fff;font-size:14px}
.nw-note{position:absolute;margin:0;font:600 26px/1.05 "Hand",cursive;color:#1C4E8E;text-align:left}
.nw-note svg{position:absolute;width:80px;height:60px;fill:none;stroke:#1C4E8E;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nw-note-a{right:-150px;top:150px}
.nw-note-a svg{left:-62px;top:44px}
.nw-end{margin:clamp(30px,4vh,44px) auto 0;font:500 clamp(22px,2vw,28px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink)}
@media (max-width:1240px){.nw-note-a{right:auto;left:62%;top:-56px}.nw-note-a svg{left:-70px;top:26px;transform:rotate(30deg)}}
@media (max-width:760px){.nw-body{grid-template-columns:1fr}.nw-side{display:none}.nw-chat{padding:18px 16px}.nw-note-a{display:none}.nw-you{max-width:85%}}

/* Nov 6, round 2 (his 6/100): smaller, the thumbnail whole, a compact link card, nothing breaking */
.igx{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:880px;margin-left:auto;margin-right:auto;align-items:start}
.ig-card{border-radius:12px;font-size:12.5px}
.ig-hd{padding:8px 11px}
.ig-hd img{width:26px;height:26px}
.ig-img{aspect-ratio:16/9}
.ig-img img{object-position:center}
.ig-acts{padding:8px 11px 3px}
.ig-acts svg{width:20px;height:20px}
.ig-acts span{gap:12px}
.ig-cap{padding:2px 11px 6px;font-size:12.5px;line-height:1.38}
.ig-cm{padding:2px 11px 11px;gap:7px}
.ig-cm i{width:22px;height:22px;font-size:10px}
.ig-cm small{font-size:10.5px}
.ig-dmhd{padding:8px 11px}
.ig-dmhd img{width:26px;height:26px}
.ig-thread{min-height:0;padding:11px;gap:6px}
.ig-msg{font-size:12.5px;padding:7px 11px}
.ig-link{display:flex;align-items:center;gap:9px;width:88%;padding:6px;border-radius:14px}
.ig-link img{width:58px;height:58px;aspect-ratio:auto;border-radius:9px;object-fit:cover;object-position:46% 60%;flex:none}
.ig-link span{padding:0}
.ig-link b{font-size:12px;line-height:1.25}
.ig-link small{margin-top:2px}
.ig-rule{padding:8px 11px;font-size:11px}
.igx .lc-k{font-size:12.5px;margin-bottom:8px}
.igx .lc-card{border-radius:12px}
.igx .lc-list li{padding:8px 10px}
.igx .lc-out{margin-top:6px}
@media (max-width:900px){.igx{grid-template-columns:1fr;max-width:380px}}
@media (max-width:900px){.igx{max-width:min(380px,calc(100% - 36px))}}
@media (max-width:900px){.pz .pz-map.igx,.pz-map.igx{max-width:min(380px,calc(100vw - 36px))!important;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:760px){.nw-stage{margin-left:18px!important;margin-right:18px!important}.nw-h,.nw-sub,.nw-end{padding:0 18px}}

/* Nov 6, round 3: his own avatars, email capture, lead details, every automation */
.ig-cm .av{width:24px;height:24px;border-radius:50%;flex:none}
.ig-ok{align-self:center;margin:2px 0 0;padding:4px 10px;border-radius:999px;background:#DDF3E8;color:#16805F;font-size:11px;font-weight:600}
.ld{padding:12px}
.ld-hd{display:flex;align-items:center;gap:10px}
.ld-hd .av{border-radius:50%;box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(11,36,71,.4)}
.ld-hd b{display:block;font-size:14px;color:var(--ink)}
.ld-hd small{display:block;font-size:11.5px;color:#7A8698}
.ld-hd em{margin-left:auto;padding:3px 8px;border-radius:999px;background:#E3F5EC;color:#16805F;font:600 10.5px/1.2 var(--sans);font-style:normal}
.ld-dl{margin:10px 0 0;display:grid;gap:5px}
.ld-dl div{display:flex;justify-content:space-between;gap:8px;padding:6px 9px;border-radius:8px;background:#F6F9FD;font-size:12px}
.ld-dl dt{color:#7A8698}
.ld-dl dd{margin:0;display:flex;align-items:center;gap:4px;color:var(--ink);font-weight:600;text-align:right}
.ld .lc-draft{margin-top:10px}
.ld-more{list-style:none;margin:10px 0 0;padding:8px 0 0;border-top:1px dashed #DDE5EE;display:grid;gap:6px}
.ld-more li{display:flex;align-items:center;gap:7px;font-size:12px}
.ld-more .av{border-radius:50%}
.ld-more b{color:var(--ink);font-weight:600}
.ld-more small{margin-left:auto;display:flex;align-items:center;gap:4px;color:#7A8698;font-size:11px}
.au{grid-column:1/-1;margin-top:18px;padding:16px;border-radius:16px;background:#fff;border:1px solid #DDE5EE}
.au-k{margin:0 0 12px;font:400 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7A8698;text-align:left}
.au-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.au-list li{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;background:#F6F9FD;text-align:left}
.au-i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#DCEEFF;box-shadow:inset 0 0 0 1.3px #0B2447,1.5px 1.5px 0 #0B2447,2.5px 2.5px 0 #3F8EE6;flex:none}
.au-i svg{width:18px;height:18px;fill:none;stroke:#0B2447;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.au-list b{display:block;font-size:12.5px;line-height:1.3;color:var(--ink)}
.au-list small{display:block;font-size:11.5px;line-height:1.35;color:#5B6675}
.au-list em{margin-left:auto;display:flex;gap:4px;font-style:normal}
@media (max-width:900px){.au-list{grid-template-columns:1fr}}

/* Nov 6: the AI avatar & ad workflow reads step by step: what each step does, under its name */
.wk-step{display:flex;flex-direction:column;gap:1px;min-width:0}
.wk-step b{display:block}
.wk-step small{display:block;font-size:12px;line-height:1.35;color:#6B778A;font-weight:400}

/* Nov 6: what Nave is = the one workspace for content (his refs: his brand-context folder map and Viktor's hub cards) */
.nh{position:relative;margin:clamp(34px,5vh,52px) auto 0;max-width:1060px;padding:34px 30px 30px;border-radius:28px;text-align:left;
  background:radial-gradient(ellipse 60% 55% at 50% 52%,rgba(255,255,255,.95),rgba(255,255,255,0) 72%),linear-gradient(135deg,#D7EBFF 0%,#EEF6FF 45%,#DCEEFF 100%);
  border:1px solid #CFE3F8;box-shadow:0 40px 80px -56px rgba(28,78,142,.6)}
.nh-k{margin:0 0 12px;font:400 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#5E7393}
.nh-ai{display:flex;flex-direction:column;align-items:center;text-align:center}
.nh-aitiles{display:flex;gap:10px;margin:0}
.nh-aitiles span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:12px;background:#fff;border:1px solid #DDE5EE;font:600 13.5px/1 var(--sans);color:var(--ink);box-shadow:0 10px 20px -16px rgba(11,36,71,.5)}
.nh-down{display:block;width:2px;height:34px;margin-top:6px;background:repeating-linear-gradient(180deg,#61AEFA 0 5px,transparent 5px 9px)}
.nh-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0}
.nh-old,.nh-in{min-width:0}
.nh-old ul,.nh-in ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nh-old{padding-right:0}
.nh-old li,.nh-in li{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid #E3EBF4;box-shadow:0 8px 18px -16px rgba(11,36,71,.5)}
.nh-old li{opacity:.62;background:rgba(255,255,255,.7)}
.nh-old li b{text-decoration:line-through;text-decoration-color:#E0603A;text-decoration-thickness:1.5px}
.nh-old li::after{content:"";position:absolute;left:100%;top:50%;width:46px;border-top:2px dashed #9CC9F2}
.nh-in li::before{content:"";position:absolute;right:100%;top:50%;width:46px;border-top:2px dashed #61AEFA}
.nh-old li b,.nh-in li b{display:block;font-size:13.5px;line-height:1.25;color:var(--ink)}
.nh-old li small,.nh-in li small{display:block;font-size:11.5px;line-height:1.3;color:#6B778A}
.nh-t{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#F4F6F9;flex:none}
.nh-t img{width:18px;height:18px;object-fit:contain}
.nh-i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#DCEEFF;box-shadow:inset 0 0 0 1.3px #0B2447,1.5px 1.5px 0 #0B2447,2.5px 2.5px 0 #3F8EE6;flex:none}
.nh-i svg{width:17px;height:17px;fill:none;stroke:#0B2447;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nh-core{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 46px;text-align:center}
.nh-app{display:grid;place-items:center;width:150px;height:150px;border-radius:38px;background:linear-gradient(160deg,#9AD0FD 0%,#61AEFA 45%,#3F8EE6 100%);
  box-shadow:inset 0 0 0 3px rgba(214,236,255,.85),inset 4px 6px 10px rgba(255,255,255,.35),0 0 0 10px rgba(97,174,250,.14),0 0 0 22px rgba(97,174,250,.07),0 30px 50px -22px rgba(28,78,142,.75)}
.nh-app .mark{fill:#fff;filter:drop-shadow(1px 2px 0 rgba(28,78,142,.6))}
.nh-core b{margin-top:14px;font:600 22px/1 var(--serif,Fraunces),serif;color:var(--ink)}
.nh-core small{font:400 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5E7393}
.nh-out{margin:26px auto 0;width:fit-content;padding:9px 16px;border-radius:999px;background:#E3F5EC;color:#16805F;font:600 14px/1.2 var(--sans)}
@media (max-width:900px){
  .nh{padding:26px 16px 22px;margin-left:18px;margin-right:18px}
  .nh-row{grid-template-columns:1fr;gap:18px}
  .nh-core{order:-1;margin:0}
  .nh-old li::after,.nh-in li::before{display:none}
  .nh-aitiles{flex-wrap:wrap;justify-content:center}
}

/* Nov 6: workflows are pieces coming together, not a folder (his ref: "ChatGPT tells you how" -> "Viktor does it") */
.wp-tabs{gap:8px;flex-wrap:wrap;margin-bottom:14px}
.wp-tabs button{margin-right:0!important;padding:10px 16px!important;border-radius:999px!important;background:#fff!important;border:1px solid #DDE5EE;font:600 14.5px/1 var(--sans)!important;color:#3D4A5A!important;transform:none!important}
.wp-tabs button[aria-selected="true"]{background:#0B2447!important;border-color:#0B2447;color:#fff!important}
.wp-body::before,.wp-body::after{display:none!important}
.wp-pan.wf{display:block!important;padding:18px!important;border-radius:22px!important;background:#fff!important;border:1px solid #DDE5EE;box-shadow:0 34px 60px -46px rgba(28,78,142,.6)!important}
.wp-pan.wf[hidden]{display:none!important}
.wf-vs{display:grid;grid-template-columns:1fr 46px 1.25fr;align-items:stretch;gap:0}
.wf-chat,.wf-nave{border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:96px}
.wf-chat{background:#F6F2EC;color:#5B5249}
.wf-chat p,.wf-nave p{margin:0;display:flex;align-items:center;gap:8px;font:700 15px/1 var(--sans);color:#1B1F2A}
.wf-chat span{font-size:14px;line-height:1.4}
.wf-ar{display:grid;place-items:center}
.wf-ar svg{width:34px;height:20px;fill:none;stroke:#C9BFB3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wf-nave{background:linear-gradient(135deg,#7CC0FB 0%,#3F8EE6 55%,#1C4E8E 100%);color:#fff;box-shadow:0 20px 34px -22px rgba(28,78,142,.8)}
.wf-nave p{color:#fff}
.wf-nave .mark{fill:#fff}
.wf-nave span{font-size:15px;line-height:1.4}
.wf-nave em{font-style:normal;font-weight:700;padding:1px 7px;margin-right:2px;border-radius:6px;background:#fff;color:#1C4E8E}
.wf-merge{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.25fr);align-items:center;margin-top:18px}
.wf-pcs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wf-pcs li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:12px;background:#F6F9FD;border:1px solid #E3EBF4}
.wf-pcs li::after{content:"";position:absolute;left:100%;top:50%;width:22px;border-top:2px dashed #61AEFA}
.wf-pcs b{font-size:14px;color:var(--ink)}
.wf-who{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#3A4450;white-space:nowrap}
.wf-who img,.wf-who .mark{flex:none}
.wf-bus{position:relative;align-self:stretch;margin:20px 0}
.wf-bus::before{content:"";position:absolute;left:22px;top:0;bottom:0;border-left:2px dashed #61AEFA}
.wf-bus::after{content:"";position:absolute;left:22px;right:0;top:50%;border-top:2px solid #3F8EE6}
.wf-res{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.wf-res .wp-m{width:100%;display:flex;justify-content:center}
.wf.vert .wf-res .clip{width:min(240px,100%)}
.wf.wide .wf-res .clip,.wf.flat .wf-res .clip{width:100%}
.wf-yes{margin:0;text-align:center;font-size:13.5px;color:#3A4450}
.wf-yes b{color:var(--ink)}
.wf-yes span{display:block;font-size:12px;color:#7A8698}
@media (max-width:900px){
  .wf-vs{grid-template-columns:1fr}.wf-ar{height:34px}.wf-ar svg{transform:rotate(90deg)}
  .wf-merge{grid-template-columns:1fr}.wf-bus{display:none}.wf-pcs li::after{display:none}.wf-res{margin-top:16px}
  .wp-tabs{justify-content:center}
}

/* the pieces meet in one line, then one arrow into the result */
.wf-merge{grid-template-columns:minmax(0,1fr) 56px minmax(0,1.25fr)}
.wf-pcs{position:relative}
.wf-pcs::before{content:"";position:absolute;right:-24px;top:22px;bottom:22px;border-left:2px dashed #61AEFA}
.wf-pcs li::after{width:24px}
.wf-bus{margin:0;align-self:center;height:2px}
.wf-bus::before{display:none}
.wf-bus::after{left:-30px;right:6px;top:0;border-top:2px solid #3F8EE6}
.wf-bus{position:relative}
.wf-bus span,.wf-bus i{display:none}
.wf-res{position:relative}
.wf-res::before{content:"";position:absolute;left:-10px;top:50%;margin-top:-6px;border-left:9px solid #3F8EE6;border-top:6px solid transparent;border-bottom:6px solid transparent}
@media (max-width:900px){.wf-pcs::before,.wf-res::before{display:none}}
.wf-bus::after{left:24px!important;right:0!important}
.wf.vert .wf-res{align-items:flex-start}
.wf.vert .wf-res .wp-m{justify-content:flex-start}
.wf.vert .wf-yes{text-align:left}
.wf-res::before{left:-9px}
.wf .wp-m{height:auto!important;min-height:0!important;flex:none!important;align-items:flex-start!important;padding:0!important}
.wf .wp-m .clip{height:auto!important}
@media (max-width:900px){.wf-merge{grid-template-columns:1fr!important}.wf-bus{display:none!important}.wf-pcs::before,.wf-pcs li::after,.wf-res::before{display:none!important}.wf-res{margin-top:16px;align-items:center!important}.wf.vert .wf-res .wp-m{justify-content:center!important}.wf.vert .wf-yes{text-align:center!important}}

/* Nov 6 (his 30/100 on the hub): what Nave is, as three cards with drawn product moments (his Viktor reference) */
.nc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:clamp(34px,5vh,52px) auto 0;text-align:center}
.nc-c{display:flex;flex-direction:column;border-radius:26px;background:#fff;border:1px solid #E3EBF4;overflow:hidden;box-shadow:0 30px 60px -48px rgba(11,36,71,.5)}
.nc-c h4{margin:28px 22px 0;font:600 clamp(22px,1.9vw,27px)/1.12 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.nc-c h4 span{display:block;background:linear-gradient(180deg,#6DB0F6,#3580DA);-webkit-background-clip:text;background-clip:text;color:transparent}
.nc-c>p{margin:12px 22px 22px;font-size:15px;line-height:1.5;color:#5B6675}
.nc-c>p b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.nc-v{position:relative;margin-top:auto;height:270px;display:grid;place-items:center;overflow:hidden}
.nc-v1{background:linear-gradient(160deg,#CFE6FD 0%,#7CC0FB 55%,#3F8EE6 100%)}
.nc-v2{background:radial-gradient(circle at 50% 50%,#FFF3E2 0%,#FFD9B0 45%,#F7B98A 100%)}
.nc-v3{background:linear-gradient(160deg,#9AD0FD 0%,#5C8FE8 55%,#1C4E8E 100%)}
.nc-win{position:relative;z-index:1;width:78%;padding:12px;border-radius:16px;background:rgba(255,255,255,.96);text-align:left;box-shadow:0 0 0 6px rgba(255,255,255,.35),0 24px 40px -20px rgba(11,36,71,.6)}
.nc-wh{display:flex;align-items:center;gap:7px;margin:0 0 8px;font:600 12.5px/1 var(--sans);color:var(--ink)}
.nc-wh .mark{fill:#1C4E8E}
.nc-pages{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.nc-pages li{display:grid;grid-template-columns:18px 1fr;column-gap:7px;align-items:center;padding:6px 8px;border-radius:8px;background:#F6F9FD}
.nc-pages li.on{background:#E3EFFC}
.nc-ic{grid-row:span 2;width:16px;height:16px;fill:none;stroke:#3F8EE6;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.nc-pages b{font-size:12px;line-height:1.2;color:var(--ink)}
.nc-pages small{font-size:10.5px;color:#7A8698}
.nc-old{position:absolute;z-index:0;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.75);box-shadow:0 10px 20px -12px rgba(11,36,71,.5);opacity:.75}
.nc-old img{width:22px;height:22px}
.nc-o1{left:14px;top:22px;transform:rotate(-10deg)}.nc-o2{right:16px;top:30px;transform:rotate(9deg)}.nc-o3{left:22px;bottom:24px;transform:rotate(6deg)}
.nc-orbit{position:relative;width:220px;height:220px}
.nc-orbit::before{content:"";position:absolute;inset:18px;border-radius:50%;border:2px dashed rgba(178,96,40,.35)}
.nc-orbit i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:13px;background:#fff;box-shadow:0 10px 18px -10px rgba(120,60,20,.55);transform:rotate(var(--a)) translate(92px) rotate(calc(-1 * var(--a)))}
.nc-orbit i img{width:24px;height:24px;object-fit:contain;border-radius:5px}
.nc-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:26px;background:linear-gradient(160deg,#9AD0FD,#3F8EE6);box-shadow:inset 0 0 0 2.5px rgba(214,236,255,.85),0 18px 30px -12px rgba(28,78,142,.7)}
.nc-core .mark{fill:#fff}
.nb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:88%}
.nb-col p{display:flex;align-items:center;gap:5px;margin:0 0 6px;font:600 11px/1 var(--sans);color:#3A4450}
.nb-col p i{width:7px;height:7px;border-radius:50%}
.nb-card{padding:8px;border-radius:9px;background:#F6F9FD;border:1px solid #E3EBF4}
.nb-card b{display:block;font-size:11px;line-height:1.25;color:var(--ink);margin-bottom:6px}
.nb-chip{display:inline-block;padding:3px 7px;border-radius:999px;font:600 9.5px/1.2 var(--sans)}
.nb-chip.you{background:#61AEFA;color:#fff}.nb-chip.team{background:#E3EFFC;color:#1C4E8E}.nb-chip.live{background:#DDF3E8;color:#16805F}
@media (max-width:980px){.nc{grid-template-columns:1fr;max-width:460px;margin-left:18px;margin-right:18px}}
@media (max-width:520px){.nc{margin-left:auto;margin-right:auto;width:calc(100% - 36px)}}

/* workflows: the pieces are a pastel puzzle that clicks together */
.wf-pcs{gap:0!important}
.wf-pcs li{--pc:#E2ECFD;margin:0;border:0!important;border-radius:14px;background:var(--pc)!important;padding:14px 14px!important;box-shadow:0 10px 18px -16px rgba(11,36,71,.6)}
.wf-pcs li+li{margin-top:-1px}
.wf-pcs li:nth-child(1){--pc:#FDE2E4;z-index:6}.wf-pcs li:nth-child(2){--pc:#E2ECFD;z-index:5}.wf-pcs li:nth-child(3){--pc:#E4F5E9;z-index:4}.wf-pcs li:nth-child(4){--pc:#FFF1D6;z-index:3}.wf-pcs li:nth-child(5){--pc:#EDE4FB;z-index:2}.wf-pcs li:nth-child(6){--pc:#DDF3F7;z-index:1}
.wf-pcs li:not(:last-child)::before{content:"";position:absolute;left:34px;bottom:-11px;width:22px;height:22px;border-radius:50%;background:var(--pc);z-index:2}
.wf-pcs li:not(:first-child){border-top-left-radius:6px;border-top-right-radius:6px}
.wf-pcs li:not(:last-child){border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.wf-pcs li b{position:relative;z-index:3}
.wf-pcs li .wf-who{position:relative;z-index:3}
.wf-chat p img+img{margin-left:-2px}
.wf-pcs{gap:7px!important}
.wf-pcs li+li{margin-top:0!important}
.wf-pcs li:not(:last-child)::before{left:42px;bottom:-19px;width:28px;height:28px;box-shadow:0 2px 0 rgba(11,36,71,.06)}
.wf-pcs li:not(:first-child)::after{content:"";position:absolute;left:44px;top:-1px;width:24px;height:10px;border-radius:0 0 14px 14px;background:rgba(11,36,71,.06)}
.wf-pcs li:not(:first-child){padding-top:16px!important}
.wf-pcs::before{display:none!important}
.wf-pcs li:first-child::after{display:none!important}
.wf-bus::after{left:8px!important;right:2px!important;border-top:2.5px solid #3F8EE6!important}

/* Nov 6: workflows drawn like a blueprint flowchart (his reference): chunky pastel pills, thick black arrows, beige drawing paper */
.wp-pan.fl{display:block!important;padding:0!important;border-radius:24px!important;background:#F3EEE5!important;border:2.5px solid #1B1F2A;box-shadow:6px 6px 0 #1B1F2A!important;overflow:hidden}
.wp-pan.fl[hidden]{display:none!important}
.fl-head{padding:24px 28px 6px;text-align:left}
.fl-head h4{margin:0;font:800 clamp(26px,2.6vw,36px)/1.05 var(--sans);letter-spacing:-.035em;color:#1B1F2A}
.fl-head p{margin:10px 0 0;max-width:720px;font-size:16px;line-height:1.5;color:#4A4A52}
.fl-head p b{color:#1B1F2A}
.fl-board{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start;margin:14px;padding:30px 26px 26px;border-radius:16px;
  background-color:#F7F3EC;background-image:linear-gradient(rgba(27,31,42,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(27,31,42,.07) 1px,transparent 1px),linear-gradient(rgba(27,31,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(27,31,42,.035) 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px,24px 24px;border:1.5px solid rgba(27,31,42,.25)}
.fl-board::before,.fl-board::after{content:"";position:absolute;border:1.5px solid rgba(27,31,42,.14);border-radius:10px;pointer-events:none}
.fl-board::before{left:18px;bottom:16px;width:120px;height:64px}
.fl-board::after{right:18px;top:16px;width:84px;height:52px}
.fl-fig{position:absolute;left:22px;top:9px;font:400 10.5px/1 var(--mono);letter-spacing:.14em;color:rgba(27,31,42,.45)}
.fl-flow{list-style:none;margin:0;padding:0;position:relative;z-index:1}
.fl-n{position:relative;display:flex;align-items:center;gap:12px;width:fit-content;max-width:66%;margin-left:var(--off);padding:12px 24px 12px 12px;border-radius:999px;background:var(--fc);border:2.5px solid #1B1F2A;box-shadow:4px 4px 0 #1B1F2A}
.fl-n b{display:block;font:800 18px/1.15 var(--sans);letter-spacing:-.02em;color:#1B1F2A}
.fl-n small{display:flex;align-items:center;gap:5px;margin-top:3px;font:600 12px/1.2 var(--sans);color:#2B2F3A}
.fl-n small .mark{fill:#1B1F2A}
.fl-i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;border:2.5px solid #1B1F2A;flex:none}
.fl-i svg{width:22px;height:22px;fill:none;stroke:#1B1F2A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fl-end{padding-right:28px}
.fl-end b{font-size:20px}
.fl-gap{height:40px;margin:2px 0}
.fl-ar{display:block;width:100%;height:40px;overflow:visible}
.fl-ar path{fill:none;stroke:#1B1F2A;stroke-width:3.5;stroke-linecap:round}
.fl-gap{position:relative}
.fl-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}
.fl-side .wp-m{width:100%;display:flex;justify-content:center;height:auto!important;min-height:0!important;padding:0!important}
.fl-side .clip{border:2.5px solid #1B1F2A;border-radius:18px!important;box-shadow:5px 5px 0 #1B1F2A;overflow:hidden;height:auto!important}
.fl.vert .fl-side .clip{width:min(250px,100%)}
.fl.wide .fl-side .clip,.fl.flat .fl-side .clip{width:100%}
.fl-you{align-self:stretch;padding:12px 16px;border-radius:14px;background:#fff;border:2.5px solid #1B1F2A;box-shadow:4px 4px 0 #1B1F2A;text-align:left}
.fl-you b{display:block;font:800 15px/1.2 var(--sans);color:#1B1F2A}
.fl-you ol{margin:6px 0 0;padding-left:20px;font:600 14px/1.55 var(--sans);color:#2B2F3A}
.fl-you ol li::marker{font-weight:800}
.wp-tabs button[aria-selected="true"]{background:#1B1F2A!important;border-color:#1B1F2A}
.wp-tabs button{border:2px solid #1B1F2A!important;box-shadow:3px 3px 0 #1B1F2A}
@media (max-width:900px){
  .fl-board{grid-template-columns:1fr;padding:30px 14px 18px;margin:10px}
  .fl-n{max-width:none;width:auto;margin-left:0}
  .fl-gap{height:26px}.fl-ar{display:none}
  .fl-gap::after{content:"";position:absolute;left:34px;top:2px;bottom:2px;border-left:3.5px solid #1B1F2A}
  .fl-head{padding:20px 18px 4px}
  .fl-board::before,.fl-board::after{display:none}
}

.fl-ar .fl-hd{stroke-linejoin:round}
.fl-you ol{list-style:decimal!important}
.fl-n small,.fl-n small *{color:#2B2F3A!important}
/* Nov 6: the workflow paper in his blue (banner grid, blue sides, white middle) */
.wp-pan.fl{background:linear-gradient(90deg,#CFE6FD 0%,#EAF4FF 18%,#F7FBFF 50%,#EAF4FF 82%,#CFE6FD 100%)!important;border-color:#0B2447!important;box-shadow:6px 6px 0 #3F8EE6!important}
.fl-head h4{color:#0B2447}
.fl-head p{color:#3A4A60}
.fl-board{background-color:#FFFFFF!important;border-color:rgba(63,142,230,.35)!important;
  background-image:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(255,255,255,.9),rgba(255,255,255,0) 75%),linear-gradient(90deg,rgba(125,189,251,.30) 0%,rgba(125,189,251,0) 14%,rgba(125,189,251,0) 86%,rgba(125,189,251,.30) 100%),linear-gradient(rgba(63,142,230,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(63,142,230,.14) 1px,transparent 1px),linear-gradient(rgba(63,142,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(63,142,230,.06) 1px,transparent 1px)!important;
  background-size:100% 100%,100% 100%,96px 96px,96px 96px,24px 24px,24px 24px!important}
.fl-board::before,.fl-board::after{border-color:rgba(63,142,230,.22)!important}
.fl-fig{color:rgba(28,78,142,.55)!important}
/* the step icons in Nave's own 3D blue tiles */
.fl-i{background:#DCEEFF!important;border:2.5px solid #0B2447!important;box-shadow:2px 2px 0 #0B2447,3.5px 3.5px 0 #3F8EE6!important}
.fl-i svg{stroke:#0B2447!important;fill:#7DBDFB!important;fill-opacity:.35}
.fl-end .fl-i svg{fill:none!important}
/* seven videos in the stack (newest first, Educational and Short back) */
.vz-stack{aspect-ratio:680/860!important}
.vz-c:nth-child(1){left:52%;top:0}.vz-c:nth-child(2){left:1%;top:9.5%}.vz-c:nth-child(3){left:45%;top:19%}.vz-c:nth-child(4){left:6%;top:28.5%}.vz-c:nth-child(5){left:50%;top:38%}.vz-c:nth-child(6){left:3%;top:47.5%}.vz-c:nth-child(7){left:44%;top:57%}
@media (max-width:640px){.vz-c:nth-child(7){left:40%}}
@media (max-width:900px){.vz-c:nth-child(1){left:42%}.vz-c:nth-child(2){left:0}.vz-c:nth-child(3){left:38%}.vz-c:nth-child(4){left:3%}.vz-c:nth-child(5){left:40%}.vz-c:nth-child(6){left:1%}.vz-c:nth-child(7){left:38%}}

/* the short reads as a short: a vertical video centred in its card */
.vz-th-v{display:grid!important;place-items:center}
.vz-th-v .vz-bl{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(14px) brightness(.55);transform:scale(1.1)}
.vz-th-v img{position:relative;width:auto!important;height:100%!important;aspect-ratio:9/16;object-fit:cover;border-radius:8px;box-shadow:0 8px 18px -8px rgba(0,0,0,.7)}
/* the player: next and previous versions */
.vz-v{position:relative}
.vz-prev,.vz-next{all:unset;position:absolute;top:50%;margin-top:-26px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);color:#0B2447;font:600 34px/1 var(--sans);cursor:pointer;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.vz-prev{left:14px}.vz-next{right:14px}
.vz-prev[hidden],.vz-next[hidden],.vz-ver[hidden]{display:none}
.vz-prev:hover,.vz-next:hover{background:#fff;transform:scale(1.06)}
.vz-ver{position:absolute;left:50%;top:12px;transform:translateX(-50%);margin:0;padding:5px 12px;border-radius:999px;background:rgba(11,18,32,.75);color:#fff;font:600 12px/1 var(--sans)}
.vz-stack{aspect-ratio:680/740!important}
.vz-c:nth-child(7){display:none}
/* Nov 6: workflows minimal - no outer panel, no paper; the headline sits on the page and only the content changes */
.wp-pan.fl{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible}
.fl-head{padding:8px 4px 0}
.fl-board{background:none!important;border:0!important;margin:10px 0 0!important;padding:18px 4px 6px!important}
.fl-board::before,.fl-board::after,.fl-fig{display:none!important}
/* short card: a real vertical short in the middle of its card */
.vz-c .vz-th.vz-th-v img{width:auto!important;height:100%!important;margin:0 auto;object-fit:cover}
.vz-c .vz-th.vz-th-v .vz-bl{display:block}
/* six cards, re-spaced */
.vz-stack{aspect-ratio:680/700!important}
.vz-c:nth-child(1){left:52%;top:0}.vz-c:nth-child(2){left:1%;top:11.5%}.vz-c:nth-child(3){left:45%;top:23%}.vz-c:nth-child(4){left:6%;top:34.5%}.vz-c:nth-child(5){left:50%;top:46%}.vz-c:nth-child(6){left:3%;top:57.5%}
@media (max-width:900px){.vz-c:nth-child(1){left:42%}.vz-c:nth-child(2){left:0}.vz-c:nth-child(3){left:38%}.vz-c:nth-child(4){left:3%}.vz-c:nth-child(5){left:40%}.vz-c:nth-child(6){left:1%}}
.vz-c .vz-th.vz-th-v img{justify-self:center;align-self:stretch;aspect-ratio:9/16!important}
.vz-c .vz-th.vz-th-v img{position:absolute!important;top:0;bottom:0;left:50%;transform:translateX(-50%);height:100%!important;width:auto!important;max-width:none!important;margin:0!important}

@media (max-width:720px){.wp-pan.fl{padding:0 18px 0 16px!important;box-sizing:border-box}.fl-board{padding:14px 6px 6px 0!important}}

/* What is Nave: the living web (Nov 6 night, v4). His reference: Claude's product map: pieces that sway, bump and can be dragged; hover a piece to see it in Nave; click Nave for the app on Mac or Windows. */
.nw2{position:relative;width:min(1240px,96vw);left:50%;transform:translateX(-50%);aspect-ratio:1240/790;margin:clamp(24px,3vw,40px) 0 34px;user-select:none;-webkit-user-select:none;font-size:calc(var(--s,1)*16px);text-align:left}
.nw2-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.nw2-e{stroke:#C7D0DA;stroke-width:1.4;vector-effect:non-scaling-stroke;transition:opacity .25s,stroke .25s}
.nw2-e1{stroke:#9AA6B8;stroke-width:1.8}
.nw2-e0{stroke:#61AEFA;stroke-width:4}
.nw2-spark{stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 70;animation:nw2sp 1.8s linear infinite}
@keyframes nw2sp{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
.nw2-n{position:absolute;left:0;top:0;transform:translate(-9999px,0);will-change:transform;cursor:grab;touch-action:none;transition:opacity .25s}
.nw2.dragging,.nw2.dragging .nw2-n{cursor:grabbing}
.nw2.focus .nw2-n[data-hub]:not(.hl),.nw2.focus .nw2-e[data-hub]:not(.hl){opacity:.2}
.nw2.focus .nw2-e.hl{stroke:#61AEFA}
.nw2-h{display:grid;grid-template-columns:auto auto;column-gap:.6em;align-items:center;padding:.55em 1.15em .6em .95em;background:#fff;border:2.5px solid #111418;border-radius:1.1em;box-shadow:4px 4px 0 #111418;white-space:nowrap;z-index:2}
.nw2-h i{grid-row:span 2;width:.85em;height:.85em;border-radius:.25em;border:1.6px solid #111418}
.nw2-h b{font:600 1.2em/1.1 var(--sans);letter-spacing:-.01em;color:#111418}
.nw2-h small{font:500 .64em/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5E6874}
.nw2-l{padding:.3em .55em .35em;border-radius:.7em;background:rgba(252,252,250,.9);text-align:center;white-space:nowrap;z-index:1;transition:opacity .25s,background .2s,box-shadow .2s}
.nw2-l b{display:block;font:600 .95em/1.3 var(--sans);color:#111418}
.nw2-l span{display:block;font:400 .84em/1.3 var(--sans);color:#5E6874}
.nw2-l:hover,.nw2-l.on,.nw2-l:focus-visible{background:#fff;box-shadow:0 0 0 2px #111418,3px 3px 0 2px #111418;outline:none;z-index:4}
.nw2-c{display:flex;flex-direction:column;align-items:center;gap:.25em;padding:1.2em 2em 1.3em;border:0;border-radius:50%;background:radial-gradient(closest-side,#FCFCFA 0 58%,rgba(234,243,254,.95) 72%,rgba(141,196,248,0) 100%);font:inherit;color:#111418;z-index:3}
.nw2-cm{display:flex;align-items:center;gap:.35em}
.nw2-cm .mark{width:3.9em;height:2.6em}
.nw2-cm b{font:700 3.2em/1 var(--sans);letter-spacing:-.035em}
.nw2-c small{font:500 .68em/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#5E6874}
.nw2-see{margin-top:.55em;display:inline-flex;align-items:center;gap:.45em;padding:.5em 1em;border-radius:999px;background:#111418;color:#fff;font:600 .84em/1 var(--sans);box-shadow:0 8px 20px -8px rgba(17,20,24,.6);transition:transform .2s,background .2s;cursor:pointer}
.nw2-c:hover .nw2-see,.nw2-c:focus-visible .nw2-see{transform:translateY(-2px);background:#1F4E8A}
.nw2-pw{display:flex;align-items:center;gap:.8em;padding:.5em 1.2em .5em 1.3em;background:#EAF3FE;border:2.5px solid #111418;border-radius:999px;box-shadow:4px 4px 0 #111418;white-space:nowrap;z-index:2}
.nw2-pw b{font:600 1.05em/1 var(--sans);color:#111418}
.nw2-ai{display:flex;gap:.35em}
.nw2-ai i{display:grid;place-items:center;width:1.9em;height:1.9em;border:1.8px solid #111418;border-radius:.55em;background:#fff}
.nw2-ai img{width:1em;height:1em}
.nw2-pwt{font:500 .78em/1.25 var(--sans);color:#3A4450}
.nw2-pop{position:absolute;left:0;top:0;width:300px;z-index:6;background:#fff;border:2.5px solid #111418;border-radius:16px;box-shadow:6px 6px 0 #111418;padding:10px;opacity:0;pointer-events:none;transition:opacity .18s;text-align:left}
.nw2-pop.on{opacity:1}
.nw2-pop img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:9px;border:1px solid #D8E2EC}
.nw2-pvt{margin:2px 4px 9px;font:400 14px/1.35 var(--sans);color:#5E6874}
.nw2-pvt b{display:block;font:600 15.5px/1.3 var(--sans);color:#111418}
.nw2-pvw{margin:9px 4px 2px;font:500 10.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5E6874}
.nw2-pc{border:1px solid #D8E2EC;border-radius:12px;padding:14px;background:#fff}
.nw2-pch{display:flex;gap:10px;align-items:center}
.nw2-pci{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#F2F8FF;border:1px solid #D8E2EC;color:#111418}
.nw2-pch b{display:block;font:700 15px/1.2 Georgia,'Times New Roman',serif;color:#111418}
.nw2-pch small{display:block;margin-top:3px;font:400 12px/1.3 var(--sans);color:#5E6874}
.nw2-pc p{margin:10px 0 12px;font:400 13.5px/1.45 var(--sans);color:#3A4450}
.nw2-pcb{display:inline-block;padding:7px 12px;border-radius:999px;background:#61AEFA;border:2px solid #111418;box-shadow:2px 2px 0 #111418;font:600 12.5px/1 var(--sans);color:#111418}
.nw2-tip{position:absolute;left:0;right:0;bottom:-30px;margin:0;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7a828c;pointer-events:none}
.nweb-list{display:none}
.nweb-app{margin:clamp(52px,6vw,76px) auto 0;max-width:1000px}
.nweb-os{text-align:center;margin:0 0 14px;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.nav-os{display:flex;justify-content:center;gap:10px;margin:0 0 18px}
.nav-os button{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:2px solid #111418;border-radius:999px;background:#fff;box-shadow:2px 2px 0 #111418;font:600 14px/1 var(--sans);color:#111418;cursor:pointer;transition:background .2s}
.nav-os button[aria-selected=true]{background:#61AEFA}
.os-apple{display:block;margin-top:-2px}
.os-win{display:inline-grid;grid-template-columns:6px 6px;gap:1.5px;font-style:normal}
.os-win u{display:block;width:6px;height:6px;background:#0078D4;text-decoration:none}
.nav-win{border:2.5px solid #111418;border-radius:14px;overflow:hidden;background:#fff;box-shadow:8px 8px 0 #111418;text-align:left}
.nav-bar{position:relative;display:flex;align-items:center;height:36px;padding:0 14px;background:#EEF1F4;border-bottom:1.5px solid #D8E2EC;font:600 13px/1 var(--sans);color:#3A4450}
.mac-dots{display:flex;gap:7px}
.mac-dots i{width:12px;height:12px;border-radius:50%;background:#FF5F57}
.mac-dots i:nth-child(2){background:#FEBC2E}.mac-dots i:nth-child(3){background:#28C840}
.nav-title{display:inline-flex;align-items:center;gap:7px}
.win-ctl{margin-left:auto;display:flex;align-items:center;height:100%;color:#111418}
.win-ctl svg{margin:0 17px}
[data-os=mac] .nav-title{position:absolute;left:50%;transform:translateX(-50%)}
[data-os=mac] .win-ctl{display:none}
[data-os=win] .mac-dots{display:none}
[data-os=win] .nav-win{border-radius:8px}
[data-os=win] .nav-bar{background:#fff;padding-right:0}
.nav-win img{display:block;width:100%;height:auto}
.nw2-dlg{width:min(1100px,94vw);max-height:92vh;padding:30px 26px 26px;border:0;border-radius:22px;background:#FCFCFA;overflow:auto}
.nw2-dlg .nav-win img{max-height:68vh;object-fit:cover;object-position:top left}
.nw2-dlg::backdrop{background:rgba(10,13,18,.55);backdrop-filter:blur(3px)}
.nw2-x{position:absolute;right:14px;top:8px;width:40px;height:40px;font:400 30px/1 var(--sans);background:none;border:0;cursor:pointer;color:#111418}
@media (prefers-reduced-motion:reduce){.nw2-spark{animation:none}}
@media (max-width:720px){.nw2{display:none}
 .nweb-list{display:grid;gap:14px;list-style:none;margin:0;padding:0 18px;text-align:left}
 .nweb-list li{background:#fff;border:2px solid #111418;border-radius:18px;box-shadow:4px 4px 0 #111418;padding:14px 16px 12px}
 .nweb-list li.nweb-lpw{background:#EAF3FE}
 .nweb-list p{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 8px}
 .nweb-list p i{width:13px;height:13px;border-radius:4px;border:1.5px solid #111418}
 .nweb-list p b{font:600 19px/1.2 var(--sans);color:#111418}
 .nweb-list p small{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
 .nweb-list span{display:block;font-size:15px;line-height:1.45;color:var(--ink-3);padding:3px 0}
 .nweb-list strong{color:#111418;font-weight:600}
 .nweb-app{padding:0 14px}
 .nav-win{box-shadow:5px 5px 0 #111418}}

/* What is Nave v5: the web like Claude's (Nov 6 night, his reference). No boxes: words on the page, thin quiet lines that stop before the words, a slow drift. */
.nw3{position:relative;width:min(1240px,96vw);left:50%;transform:translateX(-50%);aspect-ratio:1240/760;margin:clamp(20px,3vw,36px) 0 44px;user-select:none;-webkit-user-select:none;font-size:calc(var(--s,1)*16px);text-align:left}
.nw3-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.nw3-e{stroke:#C9D1DA;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .3s,opacity .3s}
.nw3-e1{stroke:#AEB8C3}
.nw3-e3{stroke:#D6DCE3}
.nw3-pw{stroke:#61AEFA;stroke-width:2}
.nw3-spark{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 54;animation:nw3sp 2.2s linear infinite}
@keyframes nw3sp{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
.nw3-n{position:absolute;left:0;top:0;transform:translate(-9999px,0);cursor:grab;touch-action:none;white-space:nowrap;padding:.2em .35em;transition:opacity .3s}
.nw3.dragging,.nw3.dragging .nw3-n{cursor:grabbing}
.nw3.focus .nw3-n[data-hub]:not(.hl),.nw3.focus .nw3-e[data-hub]:not(.hl){opacity:.25}
.nw3.focus .nw3-e.hl{stroke:#61AEFA}
.nw3-h{text-align:center}
.nw3-h b{display:flex;align-items:center;justify-content:center;gap:.4em;font:600 1.45em/1.15 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:#111418}
.nw3-h i{flex:none;width:.34em;height:.34em;border-radius:1px}
.nw3-h small{display:block;margin-top:.4em;font:400 .6em/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#A0A8B2}
.nw3-l{text-align:center}
.nw3-l b{display:block;font:500 .9em/1.3 var(--sans);color:#4F5863;transition:color .2s}
.nw3-l span{display:block;font:400 .74em/1.35 var(--sans);color:#9CA4AE}
.nw3-l:has(.nw3-lg){display:flex;align-items:center;gap:.4em}
.nw3-lg{width:.95em;height:.95em}
.nw3-l:hover b,.nw3-l.on b{color:#111418}
.nw3-l:focus-visible{outline:none}.nw3-l:focus-visible b{color:#111418;text-decoration:underline;text-underline-offset:3px}
.nw3-n.held b{color:#1F4E8A}
.nw3-c{display:flex;flex-direction:column;align-items:center;gap:.35em;padding:.5em .9em;cursor:grab}
.nw3-cm{display:flex;align-items:center;gap:.35em}
.nw3-cm .mark{width:3.5em;height:2.35em}
.nw3-cm b{font:700 3.3em/1 var(--sans);letter-spacing:-.035em;color:#111418}
.nw3-see{font:600 .84em/1 var(--sans);color:#2F7FD8;border-bottom:1.5px solid rgba(47,127,216,.3);padding-bottom:.18em;cursor:pointer;transition:border-color .2s,color .2s}
.nw3-c:hover .nw3-see{color:#1F4E8A;border-color:#1F4E8A}
.nw3-c:focus-visible{outline:2px solid #61AEFA;outline-offset:4px;border-radius:12px}
.nw3-pop{position:absolute;left:0;top:0;width:290px;z-index:6;background:#fff;border:1px solid #DCE3EA;border-radius:16px;box-shadow:0 26px 60px -26px rgba(17,20,24,.38),0 2px 8px rgba(17,20,24,.06);padding:10px;opacity:0;transform:translateY(6px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s ease;text-align:left}
.nw3-pop.on{opacity:1;transform:none}
.nw3-pop img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:10px;border:1px solid #E3E8EE}
.nw3-pvt{margin:3px 5px 9px;font:400 13.5px/1.35 var(--sans);color:#7A828C}
.nw3-pvt b{display:block;font:600 15px/1.3 var(--sans);color:#111418}
.nw3-pvw{margin:9px 5px 3px;font:400 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9CA4AE}
.nw3-pc{border:1px solid #E3E8EE;border-radius:12px;padding:14px;background:#fff}
.nw3-pch{display:flex;gap:10px;align-items:center}
.nw3-pci{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#F2F8FF;border:1px solid #DCE3EA;color:#111418}
.nw3-pch b{display:block;font:600 15px/1.2 "Fraunces",Georgia,serif;color:#111418}
.nw3-pch small{display:block;margin-top:3px;font:400 12px/1.3 var(--sans);color:#7A828C}
.nw3-pc p{margin:10px 0 12px;font:400 13.5px/1.45 var(--sans);color:#3A4450}
.nw3-pcb{display:inline-block;padding:7px 12px;border-radius:999px;background:#61AEFA;border:1.5px solid #111418;font:600 12.5px/1 var(--sans);color:#111418}
.nw3-tip{position:absolute;left:0;right:0;bottom:-34px;margin:0;text-align:center;font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#A0A8B2;pointer-events:none}
@media (prefers-reduced-motion:reduce){.nw3-spark{animation:none}}
@media (max-width:720px){.nw3{display:none}}
/* v6 (Nov 6 night): the Nave mark in its own blue; "Works on Mac and Windows" under Nave instead of an app tour; harness logos. */
.nw3-cm .mark{color:#255b96}
.nw3-os{display:inline-flex;align-items:center;gap:.4em;margin-top:.15em;font:500 .76em/1 var(--sans);color:#7A828C}
.nw3-os .os-apple{width:1.05em;height:1.05em;margin:0 -.1em 0 .1em;color:#111418}
.nw3-os .os-win{grid-template-columns:.42em .42em;gap:.08em;margin-left:.1em}
.nw3-os .os-win u{width:.42em;height:.42em}
.nw3-os-m{display:none}
.nw3-lg{object-fit:contain}
@media (max-width:720px){.nw3-os-m{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;font:500 14px/1 var(--sans);color:var(--ink-3)}.nw3-os-m .os-apple{color:#111418}}
@media (max-width:720px){.nweb-list{gap:0!important}.nweb-list li{background:none!important;border:0!important;border-top:1px solid #DCE3EA!important;border-radius:0!important;box-shadow:none!important;padding:16px 4px 14px!important}.nweb-list li:first-child{border-top:0!important}.nweb-list p b{font:600 21px/1.2 "Fraunces",Georgia,serif!important}.nweb-list p i{border:0!important;border-radius:1px!important;width:8px!important;height:8px!important}.nweb-list span{font-size:14.5px!important}.nweb-list strong{font-weight:500!important;color:#3A4450!important}}

/* Inside Nave (Nov 6 night): his own screenshot of the Nave app, whole first, then it comes apart as you scroll: menu, threads, AI subscriptions, ask your team, panels, Mac and Windows. Emails and the computer name masked. */
.nx2{position:relative;height:290vh;margin-top:clamp(60px,8vw,110px);text-align:left}
.nx2-stick{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 0 0;box-sizing:border-box}
.nx2-k{margin:0;font:400 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7A828C;text-align:center}
.nx2-h{margin:10px 0 0;font:600 clamp(28px,2.6vw,38px)/1.1 "Fraunces",Georgia,serif;letter-spacing:-.015em;color:#111418;text-align:center}
.nx2-stage{position:relative;width:min(1080px,80vw);margin-top:clamp(44px,6vh,70px);margin-bottom:clamp(70px,11vh,120px)}
.nx2-win{position:relative;aspect-ratio:1919/1079;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #DCE3EA,0 30px 80px -34px rgba(17,20,24,.45)}
.nx2-base{display:block;width:100%;height:100%;border-radius:10px}
.nx2-pc{position:absolute;background-image:url(/assets/v14/nave-app-home.webp);background-repeat:no-repeat;border-radius:6px;will-change:transform;box-shadow:0 calc(var(--e,0)*22px) calc(var(--e,0)*46px) -18px rgba(17,20,24,calc(var(--e,0)*.5)),0 0 0 calc(var(--e,0)*1px) #D3DCE6}
.nx2-pc::after,.nx2-panel::after{content:attr(data-n);position:absolute;top:-11px;left:-11px;width:22px;height:22px;border-radius:50%;background:#61AEFA;border:1.5px solid #111418;font:700 12px/20px var(--sans);color:#111418;text-align:center;box-sizing:border-box;opacity:var(--l,0)}
.nx2-pc[data-n="6"]::after{left:auto;right:-11px}
.nx2-panel{position:absolute;left:52%;top:41%;width:44%;margin:0;border-radius:10px;overflow:visible;background:#fff;box-shadow:0 0 0 1px #D3DCE6,0 24px 50px -22px rgba(17,20,24,.45);opacity:0}
.nx2-panel::after{content:"5"}
.nx2-pbar{height:22px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #E3E8EE;border-radius:10px 10px 0 0;background:#F7F9FB;font:400 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7A828C}
.nx2-panel img{display:block;width:100%;height:auto;border-radius:0 0 10px 10px}
.nx2-lb{list-style:none;margin:0;padding:0}
.nx2-lb li{position:absolute;width:21%;opacity:var(--l,0);transform:translateY(calc((1 - var(--l,0))*8px))}
.nx2-lb b{display:flex;align-items:center;gap:7px;font:600 16px/1.2 "Fraunces",Georgia,serif;color:#111418}
.nx2-lb b::before{content:attr(data-n);flex:none}
.nx2-lb li::before{content:attr(data-n);position:absolute;left:-28px;top:-2px;width:20px;height:20px;border-radius:50%;background:#61AEFA;border:1.5px solid #111418;font:700 11px/17px var(--sans);color:#111418;text-align:center;box-sizing:border-box}
.nx2-lb b::before{display:none}
.nx2-lb span{display:block;margin-top:5px;font:400 13px/1.45 var(--sans);color:#6B7480}
.nx2-lb li[data-n="1"]{left:23%;top:29%;width:18%}
.nx2-lb li[data-n="2"]{left:21%;top:53%}
.nx2-lb li[data-n="3"]{left:23%;top:96%}
.nx2-lb li[data-n="4"]{left:44%;top:26%;width:30%}
.nx2-lb li[data-n="5"]{left:54%;top:97%;width:40%}
.nx2-lb li[data-n="6"]{left:auto;right:0;top:-19%;width:auto;text-align:right}
.nx2-lb li[data-n="6"]::before{left:auto;right:calc(100% + 8px)}
@media (max-width:720px){
 .nx2{height:auto;margin-top:56px}
 .nx2-stick{position:static;height:auto;padding:0 16px}
 .nx2-stage{width:100%;margin-top:26px}
 .nx2-pc,.nx2-panel{display:none}
 .nx2-lb{margin-top:26px;display:grid;gap:16px}
 .nx2-lb li{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto!important;opacity:1;transform:none;padding-left:32px;text-align:left!important}
 .nx2-lb li::before{left:0!important;right:auto!important;top:0}
}

/* v7 (Nov 6 night): more room for the web; previews are real Nave cards and screens; Inside Nave opens centred when Nave is clicked. */
.nw3{aspect-ratio:1240/860;margin:clamp(44px,5vw,70px) 0 70px}
.nw3-see{margin-top:.2em}
.nw3-pop img.pv-card{aspect-ratio:auto;height:auto;object-fit:contain;border:0;border-radius:12px;box-shadow:0 0 0 1px #E3E8EE}
.nw3-pop{width:300px}
.nx2-m{height:auto!important;margin:0!important;text-align:left}
.nx2-m .nx2-stage{width:min(860px,64vw);margin:clamp(74px,9vh,100px) auto clamp(120px,14vh,150px)}
.nx2-dlg{width:min(1320px,96vw);max-width:none;max-height:96vh;padding:30px 30px 22px;border:0;border-radius:24px;background:#FCFCFA;overflow:auto;overflow-x:hidden;box-shadow:0 40px 120px -40px rgba(10,13,18,.5)}
.nx2-dlg::backdrop{background:rgba(10,13,18,.5);backdrop-filter:blur(4px)}
.nx2-dlg[open]{animation:nx2in .38s cubic-bezier(.2,.7,.2,1)}
@keyframes nx2in{from{opacity:0;transform:translateY(12px) scale(.985)}}
.nx2-pc,.nx2-panel{will-change:transform,opacity;backface-visibility:hidden}
.nx2-replay{display:block;margin:0 auto;padding:8px 14px;border:0;background:none;font:600 13px/1 var(--sans);color:#2F7FD8;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.nx2-open-m{display:none}
@media (max-width:720px){
 .nx2-dlg{padding:22px 14px 16px;border-radius:18px}
 .nx2-m .nx2-stage{width:100%;margin:18px 0 10px}
 .nx2-replay{display:none}
 .nx2-open-m{display:block;margin:16px auto 0;padding:10px 16px;border:1.5px solid #111418;border-radius:999px;background:#fff;font:600 15px/1 var(--sans);color:#111418;box-shadow:3px 3px 0 #111418}
}
.nx2-m .nx2-lb li[data-n="1"]{width:20%;top:30%}.nx2-m .nx2-lb li[data-n="2"]{top:55%}.nx2-m .nx2-panel{top:45%}.nx2-m .nx2-lb li[data-n="5"]{top:100%}
/* Nov 6 night: only this section spreads across the whole page width, with a small margin each side. */
.nw3{width:calc(100vw - 72px)!important;max-width:1840px!important;aspect-ratio:auto!important;height:clamp(660px,46vw,920px)}
/* v8 (Nov 6 night, his review of the live page): calm on landing. Pieces open per group on hover or tap; "No more skipping days" 20% smaller. */
#p-prod{zoom:.8}
.nw8 .nw3-l{opacity:0;pointer-events:none;filter:blur(3px);transition:opacity .3s ease var(--d,0ms),filter .3s ease var(--d,0ms)}
.nw8 .nw3-l.nw3-open{opacity:1;pointer-events:auto;filter:none}
.nw8 .nw3-h{cursor:pointer;outline:none}
.nw8 .nw3-h:focus-visible b{text-decoration:underline;text-underline-offset:4px}
.nw3-more{display:block;margin-top:.5em;font:500 .6em/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#2F7FD8;opacity:.8;transition:opacity .2s}
.nw3-h[aria-expanded=true] .nw3-more{opacity:0}
.nw3-ai{white-space:normal;text-align:center;cursor:grab}
.nw3-ais{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em 1em;margin-top:.65em;font:500 .8em/1.2 var(--sans);color:#3A4450;width:max-content;max-width:30em}
.nw3-ais span{display:inline-flex;align-items:center;gap:.4em;white-space:nowrap}
.nw3-ais img{width:1.05em;height:1.05em;object-fit:contain}
.nw3-ais em{font-style:normal;color:#7A828C}
.nw8.focus .nw3-c{opacity:1}
/* Nov 6 night, his order: "Now it's your turn" → the problem → what Nave is → "That's why I built Nave" → the web, in its own soft-blue band, no fluff. */
.nave1{position:relative;background:#EEF5FD;box-shadow:0 0 0 100vmax #EEF5FD;clip-path:inset(0 -100vmax);padding-top:clamp(64px,8vw,110px)!important;padding-bottom:clamp(56px,7vw,96px)!important}
.nave1 .nw{margin-top:clamp(22px,3vw,36px)}
.nw-why{margin:22px auto 0;font:500 clamp(22px,2vw,28px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.nave1 .nw3-l{background:transparent}
.nave1 .nw3-c{background:radial-gradient(closest-side,#EEF5FD 0 58%,rgba(220,234,251,.9) 74%,rgba(238,245,253,0) 100%)}
.nave1 .nw3-tip{color:#8C97A4}
.nw8 .nw3-l:not(.nw3-open){opacity:0!important;pointer-events:none!important}
@media (max-width:720px){.nweb-list details>summary{list-style:none;cursor:pointer}.nweb-list details>summary::-webkit-details-marker{display:none}.nweb-list details>summary p{margin:0!important}.nweb-list summary em{margin-left:auto;font:500 11px/1 var(--mono);letter-spacing:.1em;color:#2F7FD8;font-style:normal}.nweb-list summary em::after{content:" +"}.nweb-list details[open] summary em::after{content:" −"}.nweb-list details[open] summary{margin-bottom:8px}}
/* v9 (Nov 7): the section is its own rounded card; the web is a real web (curved strands, rings, pulses); words and positions scale together. */
.nave1{background:none!important;box-shadow:none!important;clip-path:none!important;padding:0!important;margin-top:clamp(40px,6vw,80px)!important}
.nave1>.n1-problem,.nave1>.nw{position:relative;z-index:1}
.nave1::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:min(1640px,calc(100vw - 32px));transform:translateX(-50%);border-radius:clamp(28px,3.4vw,48px);
 background:radial-gradient(120% 70% at 50% 0%,#FFFFFF 0%,rgba(255,255,255,0) 60%),radial-gradient(60% 50% at 50% 62%,rgba(141,196,248,.30),rgba(141,196,248,0) 70%),linear-gradient(180deg,#F5F9FF 0%,#E9F2FD 100%);
 border:1px solid #D9E6F6;box-shadow:0 1px 0 #fff inset,0 50px 120px -70px rgba(31,78,138,.45)}
.nave1::after{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:min(1640px,calc(100vw - 32px));transform:translateX(-50%);border-radius:clamp(28px,3.4vw,48px);
 background:radial-gradient(circle,rgba(37,91,150,.16) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(70% 60% at 50% 60%,#000,transparent 85%);mask:radial-gradient(70% 60% at 50% 60%,#000,transparent 85%);pointer-events:none}
.nave1>.n1-problem{padding-top:clamp(70px,8vw,110px)}
.nave1>.nw{padding-bottom:clamp(60px,7vw,100px)}
.nv9-team{font:inherit;letter-spacing:inherit;background:linear-gradient(100deg,#1F4E8A 0%,#2F7FD8 55%,#61AEFA 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .02em}
.nave1 .nw3.nw9{width:min(1500px,calc(100vw - 96px))!important;max-width:none!important;height:auto!important;aspect-ratio:1240/860!important;margin-top:clamp(20px,3vw,40px)!important;margin-bottom:56px!important}
.nw9 .nw3-l{background:transparent}
.nw9 .nw3-e{stroke:#B9C8DA;stroke-width:1.1;fill:none}
.nw9 .nw3-e1{stroke:#9DB3CC;stroke-width:1.4}
.nw9 .nw3-e3{stroke:#C9D6E5;stroke-dasharray:2 5}
.nw9 .nw3-pw{stroke:#61AEFA;stroke-width:2.4}
.nw9-ring{fill:none;stroke:#BFD3EA;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.55}
.nw9-ring:nth-child(2){opacity:.38}.nw9-ring:nth-child(3){opacity:.24}
.nw9-pulse{fill:none;stroke:#61AEFA;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:5 95;stroke-dashoffset:0;opacity:.85;animation:nw9pulse 4.4s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes nw9pulse{0%{stroke-dashoffset:0;opacity:0}12%{opacity:.85}88%{opacity:.85}100%{stroke-dashoffset:-95;opacity:0}}
.nw9.focus .nw9-pulse{opacity:.15}
.nw9 .nw3-c{background:radial-gradient(closest-side,#F3F8FE 0 58%,rgba(225,237,252,.92) 74%,rgba(238,245,253,0) 100%)}
.nw9 .nw3-h b{font-size:1.5em}
@media (prefers-reduced-motion:reduce){.nw9-pulse{animation:none;opacity:0}}
@media (max-width:860px){.nave1 .nw3.nw9{display:none}.nave1 .nweb-list{display:grid;gap:0;list-style:none;margin:0;padding:0 18px;text-align:left}
 .nave1 .nweb-list li{border-top:1px solid #DCE3EA;padding:16px 4px 14px}.nave1 .nweb-list li:first-child{border-top:0}
 .nave1 .nweb-list p{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0}.nave1 .nweb-list p i{width:8px;height:8px;border-radius:1px}
 .nave1 .nweb-list p b{font:600 21px/1.2 "Fraunces",Georgia,serif;color:#111418}.nave1 .nweb-list p small{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
 .nave1 .nweb-list span{display:block;font-size:14.5px;line-height:1.45;color:var(--ink-3);padding:3px 0}.nave1 .nweb-list strong{color:#3A4450;font-weight:500}}
/* Nov 7: back to the first drawing, on his word. The Nave box with its folders, your AI plugged in, your posts rising to the ship. */
.nv1{margin:clamp(34px,4vw,56px) auto 0;max-width:920px;text-align:center}
.nv1-art{display:block;width:100%;height:auto;overflow:visible}
.nv1-cap{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;fill:#5E6874}
.nv1-t1{font:600 16px/1 var(--sans);fill:#111418}
.nv1-tab{font:600 13.5px/1 var(--sans);fill:#111418;text-anchor:middle}
.nv1-name{font:700 21px/1 var(--sans);letter-spacing:-.02em;fill:#111418}
.nv1-steps{list-style:none;margin:30px auto 0;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;counter-reset:nv1}
.nv1-steps li{counter-increment:nv1;position:relative;padding-left:42px}
.nv1-steps li::before{content:counter(nv1);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;background:#EAF3FE;border:2px solid #111418;box-shadow:2px 2px 0 #111418;font:700 14px/24px var(--sans);text-align:center;color:#111418}
.nv1-steps b{display:block;font:600 18px/1.3 var(--sans);color:var(--ink)}
.nv1-steps li>span{display:block;margin-top:4px;font-size:15.5px;line-height:1.45;color:var(--ink-3)}
.nv1-p{transform-box:fill-box;transform-origin:50% 50%;animation:nv1up 7.5s cubic-bezier(.45,.05,.55,.95) infinite;opacity:0}
.nv1-p2{animation-delay:2.5s}.nv1-p3{animation-delay:5s}
@keyframes nv1up{0%{transform:translate(0,52px) scale(1);opacity:0}8%{opacity:1}72%{opacity:1}100%{transform:translate(var(--dx,0),-206px) scale(.5);opacity:0}}
.nv1-spark{stroke-dasharray:14 240;animation:nv1sp 2.4s linear infinite}
@keyframes nv1sp{from{stroke-dashoffset:254}to{stroke-dashoffset:0}}
.nv1-beam{animation:nv1b 3.6s ease-in-out infinite}
@keyframes nv1b{50%{opacity:.7}}
@media (prefers-reduced-motion:reduce){.nv1-p,.nv1-spark,.nv1-beam{animation:none}.nv1-p{opacity:1}.nv1-p1{transform:translate(-10px,-70px)}.nv1-p2{transform:translate(0,-150px) scale(.8)}.nv1-p3{opacity:0}.nv1-spark{stroke-dasharray:none;opacity:0}}
.nave1 .nw3-os-m{display:flex!important;align-items:center;justify-content:center;gap:7px;margin:26px 0 0;font:500 15px/1 var(--sans);color:var(--ink-3)}
.nave1 .nw3-os-m .os-apple{color:#111418}
.nave1 .nx2-open-m{display:block!important;margin:16px auto 0;padding:11px 18px;border:1.5px solid #111418;border-radius:999px;background:#fff;font:600 15px/1 var(--sans);color:#111418;box-shadow:3px 3px 0 #111418;cursor:pointer}
@media (max-width:720px){.nv1{padding:0 8px}.nv1-steps{grid-template-columns:1fr;gap:16px;padding:0 14px}}
.nv1-art use[href="#nave-mark"]{fill:#255b96;color:#255b96}
/* Nov 7: Content panels section (his real board) and the Social Media Manager leading "No more views that go nowhere". */
.cpx{margin:clamp(26px,3vw,40px) auto 0;max-width:1100px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:center;text-align:left}
.cpx-win{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #D8E2EC,0 40px 80px -46px rgba(11,36,71,.5)}
.cpx-win img{display:block;width:100%;height:auto}
.cpx-pts{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.cpx-pts li{padding-left:18px;border-left:3px solid #61AEFA}
.cpx-pts b{display:block;font:600 19px/1.25 var(--sans);color:var(--ink)}
.cpx-pts span{display:block;margin-top:4px;font-size:15.5px;line-height:1.45;color:var(--ink-3)}
.smm-lead{margin:0 auto 14px;width:max-content;max-width:100%}
@media (max-width:820px){.cpx{grid-template-columns:1fr;padding:0 14px}}
.smm-lead{display:inline-flex!important;align-items:center;gap:10px;margin:0 0 14px!important;width:auto!important;padding:8px 14px 8px 8px;border:1px solid #D8E2EC;border-radius:999px;background:#fff;text-align:left}.smm-i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#FBE3EC;border:1.5px solid #111418;color:#111418}.smm-lead b{display:block;font:600 14px/1.2 var(--sans);color:var(--ink)}.smm-lead small{display:block;font:400 12.5px/1.3 var(--sans);color:var(--ink-3)}
/* Nov 7: what Nave is, told as his story, right under the "Where I am now" workspace diagram (his Skool copy). */
.hq-what{max-width:760px;margin:clamp(40px,5vw,64px) auto clamp(30px,4vw,48px);text-align:center}
.hq-wh{margin:0;font:500 clamp(28px,2.8vw,40px)/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.hq-wp{margin:16px auto 0;max-width:660px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink-3);text-wrap:pretty}
.hq-wr{margin:18px auto 0;max-width:620px;font:600 clamp(17px,1.4vw,19px)/1.45 var(--sans);color:var(--ink);text-wrap:balance}
.hq-what .nw3-os-m{display:flex!important;align-items:center;justify-content:center;gap:7px;margin:24px 0 0;font:500 15px/1 var(--sans);color:var(--ink-3)}
.hq-what .nw3-os-m .os-apple{color:#111418}
.hq-what .nx2-open-m{display:block!important;margin:14px auto 0;padding:11px 18px;border:1.5px solid #111418;border-radius:999px;background:#fff;font:600 15px/1 var(--sans);color:#111418;box-shadow:3px 3px 0 #111418;cursor:pointer}
.nave1>.nw{padding-bottom:clamp(50px,6vw,80px)}
/* Nov 7: a crown on every "more" (his ask), the blue gradient on "AI Content Team", and the VSL play button centred and calmer on the new cover. */
.crw{position:relative;display:inline-block}
.crw::before{content:"";position:absolute;left:50%;top:-.30em;width:.52em;height:.36em;transform:translateX(-50%) rotate(-10deg);background:url(/assets/v14/crown.svg) center/contain no-repeat;pointer-events:none}
.crw-sm::before{top:-.78em;width:1em;height:.7em}
.top h1 .h1-team.nv9-team{-webkit-text-stroke:0}
.vsl .vsl-big,.vsl .vsl-big:hover,.vsl .vsl-big:active{left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;flex-direction:column;gap:12px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.vsl .vsl-big-i{width:clamp(70px,9.5cqw,116px)!important;background:rgba(255,255,255,.94)!important;border:3px solid #0B2447;box-shadow:6px 6px 0 #0B2447,0 26px 50px -18px rgba(11,36,71,.55)!important;transition:transform .2s ease,box-shadow .2s ease}
.vsl .vsl-big-i svg{fill:#2F7FD8;width:42%;height:42%;margin-left:9%}
.vsl .vsl-big .i-again{stroke:#2F7FD8}
.vsl .vsl-big:hover .vsl-big-i{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #0B2447,0 30px 60px -18px rgba(11,36,71,.6)!important}
.vsl .vsl-big-t{padding:6px 12px;border-radius:999px;background:#0B2447;color:#fff;font:600 clamp(12px,1.3cqw,15px)/1 var(--sans);letter-spacing:.02em}
.top h1 .xt{margin-top:.36em!important}.top h1 .xt .crw::before{top:-.34em;width:.46em;height:.32em}.lede .crw-sm::before{top:-.7em;width:.95em;height:.66em}
@media (max-width:720px){.vsl .vsl-big-i{width:54px!important;border-width:2px;box-shadow:3px 3px 0 #0B2447,0 14px 30px -12px rgba(11,36,71,.55)!important}.vsl .vsl-big{gap:7px}.vsl .vsl-big-t{padding:4px 9px;font-size:11px}}
/* Pass 1 (Nov 7, the lead's brief): the deep thumbnail blue on "AI content team"; a calm glass play button with no pill. */
.nv9-team{background:linear-gradient(180deg,#3B8BF6,#1C4E8E)!important;-webkit-background-clip:text!important;background-clip:text!important}
.vsl .vsl-big-i{width:clamp(76px,10cqw,120px)!important;background:rgba(255,255,255,.5)!important;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1.5px solid rgba(255,255,255,.85)!important;box-shadow:0 24px 60px -20px rgba(31,78,138,.6),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -10px 24px rgba(97,174,250,.18)!important}
.vsl .vsl-big:hover .vsl-big-i{transform:scale(1.05);box-shadow:0 28px 70px -20px rgba(31,78,138,.7),inset 0 1px 0 #fff,inset 0 -10px 24px rgba(97,174,250,.22)!important}
.vsl .vsl-big-i svg{fill:#2F7FD8}
.vsl .vsl-big-t{padding:0!important;background:none!important;color:#1F4E8A!important;font:600 clamp(13px,1.3cqw,15px)/1 var(--sans)!important;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.9)}
@media (max-width:720px){.vsl .vsl-big-i{width:64px!important;border-width:1.5px!important;box-shadow:0 16px 36px -14px rgba(31,78,138,.6),inset 0 1px 0 #fff!important}.vsl .vsl-big-t{font-size:12px!important}}
/* crowns sit on their word (the lead, Nov 7): centred, touching the top of the letters */ .crw::before{left:50%!important;transform:translateX(-50%) rotate(-6deg)!important} .top h1 .xt .crw::before{top:-.24em!important;width:.5em!important;height:.35em!important} .crw-sm::before{top:-.52em!important;width:.82em!important;height:.57em!important} .lede .crw-sm::before{top:-.5em!important;width:.8em!important;height:.56em!important}
.lede .crw-sm::before,.crw-sm::before{top:-.1em!important}
/* Nov 7, his word: one crown per line, on the last "more"; yellow, leaning to the top right */ .crw::before{background-image:url(/assets/v14/crown-gold.svg)!important;left:auto!important;right:-.16em;transform:rotate(18deg)!important} .top h1 .xt .crw::before{top:-.36em!important;width:.56em!important;height:.4em!important} .crw-sm::before{top:-.42em!important;width:.95em!important;height:.68em!important;right:-.3em} .hq-crown{transform:rotate(16deg) translateX(3.6em)!important;margin-bottom:-2px!important} .hq-crown img{display:block;width:60px;height:43px}
/* Nov 7: the cover is his real one-person graph frame (1:45.6); the play button stays centred left to right but sits below the folder so the graph reads */ .vsl .vsl-big,.vsl .vsl-big:hover,.vsl .vsl-big:active{top:71%!important}
.vsl .vsl-big{flex-direction:row!important;gap:12px!important}.vsl .vsl-big-t{min-width:2.6em;text-align:left}@media (max-width:720px){.vsl .vsl-big-i{width:46px!important}.vsl .vsl-big{gap:8px!important;top:73%!important}.vsl .vsl-big-t{font-size:11px!important}}
/* flat gold crown, close on the top right of its "more" (Nov 7, his word) */ .top h1 .xt .crw::before{display:none!important} .xt-crown{position:absolute;height:auto;pointer-events:none;transform:rotate(20deg);transform-origin:30% 100%;transition:opacity .25s ease;z-index:2} .crw::before{background-image:url(/assets/v14/crown-gold-flat.svg)!important} .crw-sm::before{top:-.36em!important;right:-.22em!important;width:.82em!important;height:.57em!important;transform:rotate(20deg)!important} .hq-crown img{width:56px!important;height:39px!important}
/* cover = the fullest pieces frame (1:50.2): the button sits between the platform row and the folder */ .vsl .vsl-big,.vsl .vsl-big:hover,.vsl .vsl-big:active{top:47%!important} .vsl .vsl-big-i{width:clamp(64px,8.6cqw,104px)!important} @media (max-width:720px){.vsl .vsl-big{top:48%!important}.vsl .vsl-big-i{width:44px!important}}

/* hero CTA (Nov 8): one clear action */
.top-act .btn-cta{font-size:1.06em;padding-inline:1.5em}
.top-act .btn-cta .cta-ar{display:inline-block;margin-left:.15em;transition:transform .2s ease}
.top-act .btn-cta:hover .cta-ar{transform:translateX(4px)}
.btn-cta .cta-ar{display:inline-block;margin-left:.15em;transition:transform .2s ease}.btn-cta:hover .cta-ar{transform:translateX(4px)}
/* Nov 8: works line above the video; the note carries the struggle line */
.top .works{margin-top:clamp(18px,2.6vh,26px)}
.mail-title{font-size:clamp(23px,2.1vw,30px)!important;line-height:1.2!important;text-wrap:balance}
/* Nov 8, his ask: the play button was hard to see. Solid blue disc (the thumbnail gradient), white ring and icon, a slow halo, time in a solid pill */
.vsl .vsl-big-i{position:relative;width:clamp(84px,10.5cqw,128px)!important;background:linear-gradient(180deg,#3B8BF6,#1C4E8E)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:4px solid #fff!important;box-shadow:0 0 0 1px rgba(11,36,71,.18),0 22px 50px -14px rgba(11,36,71,.75),inset 0 2px 0 rgba(255,255,255,.35)!important}
.vsl .vsl-big-i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid rgba(59,139,246,.55);animation:vslHalo 2.4s ease-out infinite;pointer-events:none}
@keyframes vslHalo{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@media (prefers-reduced-motion:reduce){.vsl .vsl-big-i::after{animation:none;opacity:0}}
.vsl .vsl-big-i svg{fill:#fff!important}
.vsl .vsl-big .i-again{stroke:#fff!important}
.vsl .vsl-big:hover .vsl-big-i{transform:scale(1.06);box-shadow:0 0 0 1px rgba(11,36,71,.2),0 28px 60px -14px rgba(11,36,71,.85),inset 0 2px 0 rgba(255,255,255,.4)!important}
.vsl .vsl-big-t{padding:7px 12px!important;border-radius:999px!important;background:#0B2447!important;color:#fff!important;text-shadow:none!important;font:700 clamp(13px,1.35cqw,16px)/1 var(--sans)!important;box-shadow:0 10px 24px -10px rgba(11,36,71,.7)}
@media (max-width:720px){.vsl .vsl-big-i{width:62px!important;border-width:3px!important}.vsl .vsl-big-t{padding:5px 9px!important;font-size:12px!important}}
@media (max-width:720px){.vsl .vsl-big-i{width:54px!important}.vsl .vsl-big{gap:6px!important}.vsl .vsl-big-t{padding:4px 8px!important;font-size:11px!important}}
/* Nov 8, his second note: black, bigger, the triangle truly centred. The icon's own shape already sits at its optical centre, so no nudge. A "Watch" pill says what it does */
.vsl .vsl-big-i{width:clamp(96px,12cqw,140px)!important;background:#0A0D12!important;border:3px solid #fff!important;box-shadow:0 0 0 1px rgba(10,13,18,.25),0 24px 54px -16px rgba(10,13,18,.8)!important}
.vsl .vsl-big-i::after{border-color:rgba(10,13,18,.35)!important}
.vsl .vsl-big-i svg{width:50%!important;height:50%!important;margin:0!important;fill:#fff!important}
.vsl .vsl-big:hover .vsl-big-i{transform:scale(1.06);box-shadow:0 0 0 1px rgba(10,13,18,.3),0 30px 64px -16px rgba(10,13,18,.9)!important}
.vsl .vsl-big-t{background:#0A0D12!important;padding:9px 14px!important;font:700 clamp(14px,1.45cqw,17px)/1 var(--sans)!important;border:2px solid #fff;box-shadow:0 12px 26px -12px rgba(10,13,18,.8)!important}
.vsl .vsl-big-t::before{content:"Watch · ";font-weight:600;opacity:.9}
@media (max-width:720px){.vsl .vsl-big-i{width:66px!important;border-width:2.5px!important}.vsl .vsl-big-t{padding:5px 9px!important;font-size:12px!important;border-width:1.5px}}
/* the circle itself sits dead centre; the Watch pill hangs beside it */
.vsl .vsl-big{gap:0!important}.vsl .vsl-big-t{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap}@media (max-width:720px){.vsl .vsl-big-t{left:calc(100% + 7px)}}
/* Nov 8: a clean note head, and no time pill beside the play button */
.mail-head{justify-content:flex-start!important;border-bottom:0!important;padding:24px 26px 0!important;font:500 14px/1.3 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink-3)!important}
.mail-head+.mail-title,.mail-head~h2.mail-title{margin-top:10px!important}
.vsl .vsl-big-t{display:none!important}
.mail::before{display:none!important}.mail-head{font-size:15px!important}
/* Nov 8: his YouTube channel picture next to his name in the note head */
.mail-head span{display:inline-flex;align-items:center;gap:0;flex-wrap:wrap}
.mail-head .mh-av{width:22px;height:22px;border-radius:50%;object-fit:cover;margin:0 6px 0 7px;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px rgba(28,78,142,.25)}
.mail-head .mh-me{font-weight:600;color:var(--ink);margin-right:5px}
.mail-head .mh-me{font:600 15px/1.3 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;margin:0 5px 0 0!important}
/* Nov 8: the question to the reader stands out a little in the note */
.mail-body .mail-q{font-weight:600;color:var(--ink);border-left:3px solid #3B8BF6;padding-left:14px}
/* Nov 8: problem -> what I found -> the benefit; his three things lead */
.mail-body .mail-turn{font-weight:600;color:var(--ink)}
.mail-three li{font-size:1.06em}
.mail-three b.nv9-team{font-weight:700}
.mail-body .mail-win{margin-top:22px!important;font:600 clamp(19px,1.6vw,23px)/1.35 var(--serif)!important;font-family:"Fraunces",Georgia,serif!important;color:var(--ink)}
.mail-body .mail-q2{font-weight:600;color:var(--ink)}
.mail-body b.nv9-team{font-weight:700!important}
/* Nov 8, his rule: the note reads like a natural letter. A plain numbered list, nothing highlighted */
.mail-body ol.mail-plain{margin:0 0 0 1.3em;padding:0;list-style:decimal}
.mail-body ol.mail-plain li{margin:6px 0 0;padding:0;font-size:inherit;line-height:1.6;color:var(--ink)}
.mail-body ol.mail-plain li::before{content:none!important}
.mail-body ol.mail-plain{margin:12px 0 16px 1.3em!important}.mail-body ol.mail-plain li{font-size:clamp(16px,1.3vw,18px)!important;border:0!important;padding:0!important}

/* Nov 8, pass 2: "Get to know my AI content team" in the diagram's own language, with an arrow down into "Where I am now" */
.meet{max-width:980px;margin:clamp(72px,9vw,120px) auto 0;text-align:center}
.meet-h2{margin:0 auto;max-width:820px;font:600 clamp(34px,3.7vw,54px)/1.08 var(--sans);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.meet-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;margin:clamp(28px,3.4vw,40px) auto 0;padding:clamp(30px,3.6vw,48px) clamp(24px,4vw,56px);text-align:left;
 border-radius:22px;background:radial-gradient(70% 90% at 0% 0%,rgba(156,199,246,.20),rgba(156,199,246,0) 60%),#fff;border:1px solid var(--line);box-shadow:0 1px 0 #fff inset,0 34px 70px -44px rgba(28,78,142,.42),0 2px 6px -2px rgba(10,13,18,.06)}
.meet-vis{display:flex;align-items:center;justify-content:center;gap:0}
.meet-in{padding-right:44px!important;justify-items:end}
.meet-in li{font-weight:600!important}
.meet-app{display:flex;flex-direction:column;align-items:center}
.meet-app .hq-tab{width:60px!important;height:13px!important;margin-right:80px!important;margin-bottom:-5px!important}
.meet-app .hq-body{width:156px!important;height:112px!important}
.meet-app .hq-mark{width:66px!important;height:44px!important}
.meet-h{margin:0;font:600 clamp(24px,2.3vw,32px)/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.meet-p{margin:10px 0 0;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.55;color:var(--ink-3);text-wrap:pretty}
.meet-3{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.meet-3 li{display:flex;align-items:center;gap:10px;font:600 clamp(15.5px,1.2vw,17px)/1.3 var(--sans);color:var(--ink)}
.meet-3 svg{width:22px;height:22px;flex:none;padding:3px;border-radius:50%;color:#fff;background:linear-gradient(180deg,#3B8BF6,#1C4E8E);box-shadow:0 4px 10px -4px rgba(28,78,142,.6)}
.meet-foot{grid-column:1/-1;margin-top:4px;padding-top:clamp(24px,3vw,32px);border-top:1px solid #E6EEF8;text-align:center}
.meet-out{margin:0 auto;max-width:640px;font:600 clamp(21px,2vw,28px)/1.28 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.meet-act{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px;margin-top:20px}
.meet .nw3-os-m{display:flex!important;align-items:center;justify-content:center;gap:7px;margin:0;font:500 15px/1 var(--sans);color:var(--ink-3)}
.meet .nw3-os-m .os-apple{color:#111418}
.meet .nx2-open-m{display:inline-block!important;margin:0;padding:11px 18px;border:1.5px solid #111418;border-radius:999px;background:#fff;font:600 15px/1 var(--sans);color:#111418;box-shadow:3px 3px 0 #111418;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.meet .nx2-open-m:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #111418}
.meet-arrow{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:0}
.meet-arrow::before{content:"";display:block;width:2px;height:clamp(40px,5vw,56px);background:#9CC7F6}
.meet-arrow span{display:inline-block;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid #CFE2F8;font:600 14px/1 var(--sans);color:var(--deep);box-shadow:0 10px 22px -16px rgba(28,78,142,.6)}
.meet-arrow::after{content:"";display:block;width:2px;height:clamp(40px,5vw,56px);margin-bottom:14px;background:linear-gradient(#9CC7F6,#9CC7F6) center top/2px calc(100% - 8px) no-repeat;
 -webkit-mask:linear-gradient(#000,#000) center top/2px calc(100% - 8px) no-repeat,conic-gradient(from 135deg at 50% calc(100% - 9px),#000 90deg,transparent 0) center bottom/14px 10px no-repeat;width:14px}
.meet-arrow::after{background:linear-gradient(#9CC7F6,#9CC7F6) center top/2px calc(100% - 8px) no-repeat,conic-gradient(from 135deg at 50% 0,#6FA8EE 90deg,transparent 0) center bottom/14px 9px no-repeat;-webkit-mask:none}
.meet + .hq{margin-top:0!important}
@media (max-width:900px){.meet-card{grid-template-columns:1fr;text-align:center}.meet-vis{flex-direction:column-reverse;gap:16px}.meet-in{padding-right:0!important}.meet-3{justify-content:center;max-width:320px;margin-left:auto;margin-right:auto;text-align:left}.meet-app .hq-body{width:120px!important;height:86px!important}.meet-app .hq-tab{width:46px!important;height:10px!important;margin-right:62px!important}.meet-app .hq-mark{width:52px!important;height:34px!important}}

/* Nov 8: "Look inside Nave" #4 shows his real model pickers (Claude in front, ChatGPT behind), fanned beside the window; #6 carries the Mac and Windows marks */
.nx2-models{position:absolute;left:calc(100% + 24px);top:3%;width:19.5%;margin:0;opacity:var(--l,0);transform:translate3d(calc((1 - var(--l,0)) * 30px),0,0);pointer-events:none}
.nx2-models img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px #D3DCE6,0 26px 50px -24px rgba(17,20,24,.5)}
.nx2-models .nm-b{position:absolute;left:-30%;top:9%;width:88%;transform:rotate(-7deg);opacity:.92}
.nx2-models .nm-f{position:relative;transform:rotate(3deg)}
.nx2-models::before{content:"4";position:absolute;left:-10px;top:-10px;z-index:2;width:22px;height:22px;border-radius:50%;background:#61AEFA;border:1.5px solid #111418;font:700 12px/19px var(--sans);color:#111418;text-align:center;box-sizing:border-box}
.nx2-models figcaption{margin-top:14px;font:600 14px/1.2 "Fraunces",Georgia,serif;color:#111418;text-align:center}
.nm-ph{display:none}
.nx2-lb .nm-os{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.nx2-lb .nm-os svg{width:15px;height:15px;color:#111418}
.nx2-lb .nm-os .os-win{display:inline-grid;grid-template-columns:repeat(2,6px);gap:1.5px}
.nx2-lb .nm-os .os-win u{display:block;width:6px;height:6px;background:#0078D4;text-decoration:none}
@media (max-width:1100px){.nx2-models{display:none}}
@media (max-width:720px){.nm-ph{display:block;width:min(240px,70%);margin:12px 0 0;border-radius:12px;box-shadow:0 0 0 1px #D3DCE6,0 18px 36px -20px rgba(17,20,24,.45)}}

.meet-arrow::after{width:16px!important;height:clamp(44px,5.4vw,60px)!important;margin-bottom:12px!important;-webkit-mask:none!important;mask:none!important;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 60' preserveAspectRatio='none'%3E%3Cpath d='M8 0V57' stroke='%239CC7F6' stroke-width='2'/%3E%3C/svg%3E") center top/16px calc(100% - 8px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1.5 1.5L8 8l6.5-6.5' fill='none' stroke='%236FA8EE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center bottom/16px 10px no-repeat!important}
.meet-foot{padding-top:clamp(20px,2.4vw,26px)!important}

/* Nov 8: harnesses beside the model pickers; the card's Mac/Windows line sits close, no divider */
.nx2-models figcaption{display:flex;flex-direction:column;align-items:center;gap:6px}
.nx2-models .nm-on{font:500 11.5px/1 var(--sans);color:#6B7480;letter-spacing:.01em}
.nx2-models .nm-h{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.nx2-models .nm-h span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px 5px 6px;border-radius:999px;background:#fff;border:1px solid #DDE4EC;font:600 11.5px/1 var(--sans);color:#111418;box-shadow:0 6px 14px -10px rgba(17,20,24,.45)}
.nx2-models .nm-h img{width:14px!important;height:14px!important;object-fit:contain;border-radius:3px}
.meet-foot{border-top:0!important;margin-top:0!important;padding-top:6px!important}
.meet-card{row-gap:clamp(14px,1.6vw,20px)!important}
.meet-act{margin-top:0!important}

.nx2-models figcaption{width:200px;margin:30px 0 0 calc(50% - 100px)!important;position:relative;z-index:2}
/* the Nave folders open the inside of the app */
.nv-open{cursor:pointer}.nv-open .hq-body{transition:transform .2s ease,box-shadow .2s ease}.nv-open:hover .hq-body,.nv-open:focus-visible .hq-body{transform:translateY(-3px) scale(1.03);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 36px 56px -26px rgba(28,78,142,.85)}.nv-open:focus-visible{outline:2px solid #3B8BF6;outline-offset:6px;border-radius:14px}
/* Nov 8: the second arrow, from his numbers down into what people say */
.tst-arrow{margin-top:clamp(44px,5.4vw,72px)!important}
.tst-arrow{margin-top:22px!important}.tst-arrow::before{height:30px!important}.tst-arrow::after{height:36px!important;margin-bottom:0!important}
.ownrun + .tst{padding-top:22px!important}
/* Nov 8: from the testimonials, an arrow into "I document all of it, in public", his three things and his handles */
.pub-arrow{margin-top:clamp(26px,3vw,40px)!important}.pub-arrow::before{height:30px!important}.pub-arrow::after{height:36px!important;margin-bottom:6px!important}
.pub-arrow + .pub{margin-top:0!important;padding-top:0!important}
.pub-3{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto 0;padding:0;list-style:none;counter-reset:p}
.pub-3 li{counter-increment:p;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 9px;border-radius:999px;background:#fff;border:1px solid #DCE8F8;font:600 15.5px/1 var(--sans);color:var(--ink);box-shadow:0 10px 22px -18px rgba(28,78,142,.6)}
.pub-3 li::before{content:counter(p);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#3B8BF6,#1C4E8E);color:#fff;font:700 12.5px/1 var(--sans)}
.pub .pub-s{margin-top:18px!important}
.pub-hd{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto 0;max-width:760px}
.pub-hd a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:12px;background:#fff;border:1px solid var(--line);font:600 14.5px/1 var(--sans);color:var(--ink);text-decoration:none;box-shadow:0 10px 20px -18px rgba(10,13,18,.5);transition:transform .15s ease,box-shadow .15s ease}
.pub-hd a:hover{transform:translateY(-2px);box-shadow:0 16px 26px -18px rgba(28,78,142,.6)}
.pub-hd a span{font-weight:500;color:var(--ink-3)}
.pub-hd img{width:18px!important;height:18px!important}
@media (max-width:720px){.pub-3{flex-direction:column;align-items:center}.pub-hd a{font-size:13.5px}}
.pub-hd{max-width:980px!important}
/* Nov 8: logos only, every platform; and the Nave card's goodbye line */
.pub-ch2{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:18px auto 0!important}.pub-ch2 img{width:24px!important;height:24px!important}
.nave1 .n1-bye{margin:14px auto 0;max-width:640px;text-align:center;font:500 clamp(17px,1.45vw,20px)/1.5 var(--sans);color:var(--ink-3);text-wrap:balance}
.pub-arrow-plain::before{display:none!important}.pub-arrow-plain::after{height:54px!important}
.pub .pub-s{max-width:620px;margin-left:auto!important;margin-right:auto!important;text-wrap:balance}
/* Nov 8: 'Now it''s your turn' arrow runs into the Nave box */
.turn-arrow{margin-top:26px!important}.turn-arrow::before{height:26px!important}.turn-arrow span{font-size:15px;padding:10px 18px}.turn-arrow::after{height:clamp(70px,8vw,96px)!important;margin-bottom:0!important}
/* Nov 8: the arrow lands on the Nave box, and the box sits close to 'No more explaining yourself' */
.tst + .nave1{margin-top:4px!important}
.nave1 + .ba{margin-top:clamp(36px,4vw,56px)!important;padding-top:0!important}.nave1 + .ba > .st-rows{margin-top:0!important}
@media (max-width:720px){.nave1 .nw-why{padding:0 26px;text-wrap:balance}}
/* Nov 8, his note: the '31 posts across 6 platforms' box in the light brand, not dark navy */
.rw-total{background:linear-gradient(180deg,#FFFFFF,#EAF3FD)!important;border:1px solid #CFE2F8;box-shadow:0 12px 26px -20px rgba(28,78,142,.55);color:var(--ink)!important}
.rw-total b{background:linear-gradient(180deg,#3B8BF6,#1C4E8E);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:700!important}
.rw-total span{color:var(--ink-2)!important;font-weight:600!important}

/* Nov 8: "No more skipping days" bigger again: text +20%, the workflow +10% (from the Nov 7 80%) */
#p-prod{zoom:1!important}
#p-prod > .pz-h,#p-prod > .pz-sub{zoom:.96}
#p-prod > .pz-map.wp{zoom:.88}

/* Nov 8, final (his notes: static, clear, natural, like the video): the video's frame + crisp site elements at the same spots.
   All positions are centres in the 1920x930 frame, as % ; sizes in cqw of the picture. Nothing moves. */
.amp{position:relative;margin:clamp(130px,12vw,175px) auto 0;padding:0 var(--pad);text-align:center;overflow:hidden}
.amp-h{margin:0 auto;max-width:960px;font:600 clamp(32px,3.5vw,52px)/1.1 var(--sans);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.amp-sub{margin:16px auto 0;max-width:640px;font-size:clamp(17px,1.45vw,21px);line-height:1.5;color:var(--ink-3);text-wrap:balance}
.amp-stage{position:relative;max-width:1320px;margin:clamp(14px,2vw,26px) auto 0}
.amp-pic{position:relative;container-type:inline-size;width:100%;aspect-ratio:1920/930}
.amp-pic img{display:block;width:100%;height:auto;-webkit-mask:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.amp-pl{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.amp-pl li{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.6cqw;padding:.62cqw 1.05cqw .62cqw .75cqw;border-radius:.75cqw;background:#fff;border:1px solid #DFE7F1;font:600 1.32cqw/1 var(--sans);color:#1B2330;white-space:nowrap;box-shadow:0 .7cqw 1.4cqw -.9cqw rgba(11,36,71,.45)}
.amp-pl img{width:1.6cqw!important;height:1.6cqw!important}
.amp-pl [data-k=yt]{left:23.6%;top:63.4%}.amp-pl [data-k=sh]{left:30.5%;top:51.2%}.amp-pl [data-k=ig]{left:43.3%;top:49.2%}.amp-pl [data-k=tt]{left:55%;top:46.2%}
.amp-pl [data-k=li]{left:64.6%;top:54.1%}.amp-pl [data-k=x]{left:77.2%;top:62.4%}.amp-pl [data-k=th]{left:16%;top:76.5%}.amp-pl [data-k=ss]{left:84.5%;top:76%}.amp-pl [data-k=fb]{left:69.6%;top:68.5%}
.amp-hit{position:absolute!important;left:48.3%;top:69.4%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer}
.amp-hit .hq-tab{width:4.6cqw!important;height:1.05cqw!important;margin-right:6.2cqw!important;margin-bottom:-.45cqw!important}
.amp-hit .hq-body{width:11.4cqw!important;height:7.9cqw!important;border-radius:.9cqw!important}
.amp-hit .hq-mark{width:4.9cqw!important;height:3.3cqw!important}
.amp-you{position:absolute;left:48.3%;top:80.6%;transform:translate(-50%,-50%);margin:0;display:flex;align-items:center;gap:.8cqw;padding:.75cqw 1.6cqw .75cqw .8cqw;border-radius:.9cqw;background:#fff;border:1px solid #E1E8F1;box-shadow:0 .9cqw 1.8cqw -1cqw rgba(11,36,71,.4);text-align:left;white-space:nowrap}
.amp-av{flex:none;display:grid;place-items:center;width:2.7cqw;height:2.7cqw;border-radius:50%;background:linear-gradient(180deg,#7DBDFB,#3F8EE6);color:#fff}
.amp-av svg{width:62%;height:62%}
.amp-you b{display:block;font:700 1.32cqw/1.1 var(--sans);color:#1B2330}
.amp-you span span{display:block;margin-top:.22cqw;font:500 1.02cqw/1.15 var(--sans);color:#6B7480}
.amp-ai{position:absolute;margin:0;display:inline-flex;align-items:center;gap:.6cqw;padding:.6cqw 1.05cqw .6cqw .75cqw;border-radius:.7cqw;background:#fff;border:1px solid #DFE7F1;font:600 1.18cqw/1 var(--sans);color:#1B2330;white-space:nowrap;box-shadow:0 .7cqw 1.4cqw -.9cqw rgba(11,36,71,.45)}
.amp-ai img{width:1.45cqw!important;height:1.45cqw!important}
.amp-cc{left:35.2%;top:85.2%;transform:translate(-50%,-50%) rotate(7deg)}
.amp-gpt{left:61.7%;top:85%;transform:translate(-50%,-50%) rotate(-7deg)}
.amp-hit .hq-body{transition:transform .2s ease,box-shadow .2s ease}
.amp-hit:hover .hq-body,.amp-hit:focus-visible .hq-body{transform:translateY(-3px)}
.amp-tap{margin:2px 0 0;font:500 14px/1 var(--sans);color:var(--deep)}
@media (max-width:760px){.amp-stage{margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));overflow:hidden}.amp-pic{width:150%;margin-left:-25%}.amp-pic img{-webkit-mask:none;mask:none}
 .amp-pl li,.amp-ai{font-size:1.75cqw}.amp-pl img,.amp-ai img{width:2cqw!important;height:2cqw!important}
 .amp-pl [data-k=th]{left:26%;top:80%}.amp-pl [data-k=ss]{left:74%;top:80%}.amp-pl [data-k=x]{left:73%;top:62%}.amp-pl [data-k=yt]{left:27%;top:63%}.amp-you b{font-size:1.7cqw}.amp-you span span{font-size:1.35cqw}}


/* Nov 8, his note: a bit more room to breathe between sections (about +30%); the arrow-linked steps stay connected */
.pz-dv{margin-top:clamp(90px,8.4vw,120px)!important;margin-bottom:clamp(90px,8.4vw,120px)!important}
#story,#faq,#join{margin-top:clamp(140px,12.5vw,180px)!important}
.amp{margin-top:clamp(130px,12vw,175px)!important}
.meet{margin-top:clamp(120px,11vw,160px)!important}
.amp-stage + *{margin-top:0}
.own-for + .me{margin-top:clamp(56px,6vw,84px)!important}
.amp-cc{left:33.4%!important;top:86.8%!important}.amp-gpt{left:63.6%!important;top:86.6%!important}.amp-sub{max-width:760px!important}
@media (max-width:760px){.amp-pl [data-k=yt]{left:23.6%!important;top:63.4%!important}.amp-pl [data-k=x]{left:77.2%!important;top:62.4%!important}.amp-pl [data-k=th]{left:22%!important;top:73.5%!important}.amp-pl [data-k=ss]{left:79.5%!important;top:73%!important}.amp-pl [data-k=fb]{left:70%!important;top:52.5%!important}.amp-pl [data-k=li]{left:62%!important;top:46.5%!important}.amp-cc{top:89.6%!important}.amp-gpt{top:89.4%!important}}
/* his note: the picture smaller, more space around it, Claude Code and ChatGPT further apart */
.amp-stage{max-width:1040px!important;margin-top:clamp(28px,3.4vw,48px)!important}
.amp{margin-top:clamp(150px,14vw,200px)!important;padding-bottom:clamp(20px,2vw,30px)}
.amp-cc{left:26.5%!important;top:84.5%!important}.amp-gpt{left:70.5%!important;top:84.5%!important}
.amp-tap{margin-top:10px!important}
@media (max-width:760px){.amp-cc{left:27%!important;top:88%!important}.amp-gpt{left:72%!important;top:88%!important}.amp-pl [data-k=th]{left:22%!important;top:72%!important}.amp-pl [data-k=ss]{left:79%!important;top:72%!important}}
/* his note: the platform pills about 20% smaller */
.amp-pl li{gap:.5cqw!important;padding:.5cqw .85cqw .5cqw .6cqw!important;border-radius:.6cqw!important;font-size:1.06cqw!important}.amp-pl img{width:1.28cqw!important;height:1.28cqw!important}
@media (max-width:760px){.amp-pl li{font-size:1.4cqw!important}.amp-pl img{width:1.6cqw!important;height:1.6cqw!important}}
/* size against the smaller picture: pills about 80% of what they were on the page, the AI pills and your card a touch bigger */
.amp-pl li{font-size:1.36cqw!important;padding:.62cqw 1.05cqw .62cqw .75cqw!important;gap:.6cqw!important;border-radius:.75cqw!important}.amp-pl img{width:1.62cqw!important;height:1.62cqw!important}
.amp-ai{font-size:1.55cqw!important;padding:.75cqw 1.3cqw .75cqw .95cqw!important}.amp-ai img{width:1.9cqw!important;height:1.9cqw!important}
.amp-you b{font-size:1.6cqw!important}.amp-you span span{font-size:1.22cqw!important}.amp-av{width:3.2cqw!important;height:3.2cqw!important}
@media (max-width:760px){.amp-pl [data-k=tt]{left:52%!important;top:45%!important}.amp-pl [data-k=li]{left:66%!important;top:50%!important}.amp-pl [data-k=fb]{left:72%!important;top:57%!important}.amp-pl li{font-size:1.45cqw!important}.amp-ai{font-size:1.6cqw!important}}
@media (max-width:760px){.amp-pl [data-k=fb]{left:64%!important;top:58%!important}.amp-pl [data-k=x]{left:78.5%!important;top:63.5%!important}}

/* Nov 8: logo-only platform chips, and the call to action under the picture */
.amp-chips li{padding:0!important;gap:0!important;width:3.4cqw;height:3.4cqw;justify-content:center;border-radius:50%!important}
.amp-chips img{width:1.75cqw!important;height:1.75cqw!important}
.amp-cta{display:flex;flex-direction:column;align-items:center;gap:16px;margin:clamp(34px,4vw,56px) auto 0}
.amp-be{margin:0;font:600 clamp(26px,2.6vw,38px)/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink)}
@media (max-width:760px){.amp-chips li{width:4.6cqw;height:4.6cqw}.amp-chips img{width:2.3cqw!important;height:2.3cqw!important}}

@media (max-width:760px){.amp-chips [data-k=yt]{left:24%!important;top:61%!important}.amp-chips [data-k=th]{left:21%!important;top:75.5%!important}.amp-chips [data-k=sh]{left:31%!important;top:49%!important}.amp-chips [data-k=ig]{left:42.5%!important;top:46%!important}.amp-chips [data-k=tt]{left:54.5%!important;top:43.5%!important}.amp-chips [data-k=li]{left:65.5%!important;top:50%!important}.amp-chips [data-k=fb]{left:71.5%!important;top:63%!important}.amp-chips [data-k=x]{left:79%!important;top:56%!important}.amp-chips [data-k=ss]{left:79.5%!important;top:74.5%!important}}
/* Nov 8, his second note on spacing: clear, generous space between sections, even if they feel a bit separated */
.pz-dv{margin-top:clamp(120px,12vw,170px)!important;margin-bottom:clamp(120px,12vw,170px)!important}
#story,#faq,#join{margin-top:clamp(170px,17vw,250px)!important}
.amp{margin-top:clamp(170px,17vw,250px)!important}
.meet{margin-top:clamp(150px,15vw,220px)!important}
.top + .ownrun{margin-top:clamp(110px,10vw,150px)!important}
.amp-cta{margin-top:clamp(44px,5vw,70px)!important}

/* Nov 8: the section's new order, and his spacing notes */
.amp-head .amp-be{margin:clamp(14px,1.6vw,22px) 0 0;font:600 clamp(24px,2.3vw,34px)/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.amp-head .amp-cta{margin:clamp(16px,1.8vw,24px) auto 0!important;display:flex;justify-content:center}
.amp-head .amp-sub{margin-top:clamp(18px,2vw,26px)!important;max-width:720px!important}
/* less space above "No more skipping days" */
.pz-dv:has(+ #p-prod){margin-top:clamp(70px,7vw,96px)!important;margin-bottom:clamp(70px,7vw,96px)!important}
/* more room on the arrows: numbers → "And it's not just me" → people, and public → "Now it's your turn" → the Nave box */
.tst-arrow{margin-top:clamp(56px,6vw,90px)!important}.tst-arrow::before{height:clamp(44px,5vw,70px)!important}.tst-arrow::after{height:clamp(50px,5.6vw,80px)!important}
.ownrun + .tst{padding-top:clamp(30px,3.4vw,50px)!important}
.turn-arrow{margin-top:clamp(56px,6vw,90px)!important}.turn-arrow::before{height:clamp(44px,5vw,70px)!important}.turn-arrow::after{height:clamp(90px,10vw,140px)!important}

.pz-dv + #p-prod{margin-top:0!important;padding-top:0!important}
/* Nov 8, his note: the story card had big empty gaps. The phone mockup's .ph rule (position:relative) also hit the story's side photos, so they kept their space inside the card. On wide screens they float beside the card again. */
@media (min-width:1101px){.enote .beat > .pola.side{position:absolute!important;margin:0!important}}

/* Nov 8: FAQs in his Skool design */
.fq2{max-width:1240px;margin-left:auto;margin-right:auto;padding:0 var(--pad)}
.fq-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,64px);align-items:center}
.fq-side{text-align:left}
.fq-h{position:relative;display:inline-block;margin:0;font:900 clamp(64px,7.4vw,108px)/.9 var(--sans);letter-spacing:-.02em}
.fq-h .hq-crown{position:absolute;left:-.12em;top:-.42em;transform:rotate(-14deg);width:.62em}
.fq-h .hq-crown img{width:100%;height:auto}
.fq-k{margin:14px 0 0;font:400 14px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}
.fq-inc{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px}
.fq-inc li{display:flex;align-items:flex-start;gap:12px;font:500 clamp(16px,1.35vw,19px)/1.4 var(--sans);color:var(--ink-2)}
.fq-inc b{color:var(--deep);font-weight:700}
.fq-inc svg{flex:none;width:26px;height:26px;margin-top:-1px;padding:4px;border-radius:7px;color:#fff;background:linear-gradient(180deg,#3B8BF6,#1C4E8E);box-shadow:2px 2px 0 #0B2447}
.fq-pl{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.fq-pl img{width:16px!important;height:16px!important}
.fq-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,18px)}
.fq-card{padding:clamp(18px,1.8vw,24px);border-radius:16px;background:#fff;border:2px solid #0B2447;box-shadow:4px 4px 0 #0B2447;text-align:left}
.fq-card.wide{grid-column:1/-1}
.fq-card h3{margin:0;font:700 clamp(16.5px,1.35vw,19px)/1.25 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.fq-card p{margin:10px 0 0;font:400 clamp(14.5px,1.1vw,16px)/1.5 var(--sans);color:var(--ink-3)}
.fq-card .fq-res{margin-top:12px;font-weight:700;color:var(--deep)}
@media (max-width:900px){.fq-grid{grid-template-columns:1fr}.fq-cards{grid-template-columns:1fr}}

/* Nov 8: a simpler, calmer close (his reference) */
.jn2{padding:clamp(40px,6vw,90px) var(--pad) clamp(70px,8vw,120px)!important;background:none!important}
.jn2::before,.jn2::after{content:none!important}
.jn{max-width:860px;margin:0 auto;text-align:center}
.jn-k{margin:0;font:400 13.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.jn2 h2{margin:18px auto 0;font:600 clamp(34px,4vw,58px)/1.08 var(--sans);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.jn-l2{display:block;margin-top:.12em;background:linear-gradient(180deg,#3B8BF6,#1C4E8E);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.jn-sub{margin:22px auto 0;max-width:560px;font-size:clamp(16.5px,1.35vw,19px);line-height:1.55;color:var(--ink-3)}
.jn-act{margin-top:30px;display:flex;justify-content:center}
.jn-proof{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;font:500 14px/1.3 var(--sans);color:var(--ink-3)}
.jn-faces{display:flex}.jn-faces img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 6px -2px rgba(11,36,71,.4)}.jn-faces img:first-child{margin-left:0}
.jn-fine{margin:22px 0 0;font:400 12px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}

/* the close is light now; the FAQ crown sits on the F */
main>.join.jn2{background:none!important;color:var(--ink)!important;overflow:visible}
.jn2 h2{color:var(--ink)!important;text-shadow:none!important;max-width:none!important}.jn2 .nv-inl{fill:currentColor!important}.jn2 .jn-sub{color:var(--ink-3)!important}
.jn2 .btn{width:auto!important;margin-top:0!important}
.fq-h .hq-crown{left:-.16em!important;top:-.44em!important;right:auto!important;transform:rotate(-16deg)!important;width:.6em!important}
.fq-inc .nv-inl{width:18px;height:12px}
.fq-inc .nv-inl{padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;width:18px!important;height:12px!important;margin:0 0 0 4px!important;color:inherit;vertical-align:baseline}
.fq-h .hq-crown{top:-.2em!important;left:-.1em!important}

/* Nov 8: the FAQ cards start closed; tap to open */
.fq-cards{align-items:start}
.fq-card{padding:0!important}
.fq-card summary{list-style:none;display:flex;align-items:flex-start;gap:8px;padding:clamp(16px,1.6vw,20px) clamp(18px,1.8vw,22px);cursor:pointer;font:700 clamp(16px,1.3vw,18.5px)/1.3 var(--sans);color:var(--ink)}
.fq-card summary::-webkit-details-marker{display:none}
.fq-n{color:var(--deep)}
.fq-q{flex:1}
.fq-x{position:relative;flex:none;width:26px;height:26px;margin:-2px -4px 0 6px;border-radius:50%;background:#EEF5FE;border:1.5px solid #0B2447;transition:transform .2s ease,background .2s ease}
.fq-x::before,.fq-x::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;border-radius:1px;background:#0B2447}
.fq-x::after{transform:rotate(90deg);transition:transform .2s ease}
.fq-card[open] .fq-x{background:#CFE4FB}
.fq-card[open] .fq-x::after{transform:rotate(0deg)}
.fq-card summary:hover .fq-x{transform:scale(1.08)}
.fq-a{padding:0 clamp(18px,1.8vw,22px) clamp(16px,1.6vw,20px)}
.fq-a p:first-child{margin-top:0!important}
.fq-what{margin:14px 0 0;max-width:430px;font:400 clamp(15.5px,1.25vw,17.5px)/1.5 var(--sans);color:var(--ink-3)}

/* Nov 8: the Agentic Content Lab lockup (its ship) with "A community on Skool" */
.acl{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:#fff;border:1.5px solid #0B2447;box-shadow:3px 3px 0 #0B2447;text-decoration:none;color:var(--ink);text-align:left;transition:transform .15s ease,box-shadow .15s ease}
.acl:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0B2447}
.acl-ship{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#EAF4FF,#D3E7FC)}
.acl-ship img{width:36px;height:auto}
.acl-t b{display:block;font:700 16px/1.15 var(--sans);color:var(--ink)}
.acl-t span{display:flex;align-items:center;gap:6px;margin-top:4px;font:500 13px/1 var(--sans);color:var(--ink-3)}
.acl-skool{height:15px!important;width:auto!important}
.acl-faq{margin-top:18px}
.acl-join{margin:0 auto}
.jn .acl-join + h2{margin-top:26px!important}

.fq-grid{align-items:start!important}.fq-cards{margin-top:clamp(18px,2.4vw,40px)}
/* the FAQs crown was clipped at the top */
.fq2,.fq2 .fq-grid,.fq-side{overflow:visible!important}.fq-side{padding-top:clamp(30px,3.4vw,48px)}
/* 'this guy here' points at Trejon's photo: right on wide screens, down on phones where the photo sits below */
.ptr::before{content:'\2192';font-weight:700;color:var(--deep)}@media (max-width:1100px){.ptr::before{content:'\2193'}}

/* Nov 8: what the agency did, in three little sections under the reviews */
.enote .tp-what{list-style:none;margin:12px 0 0;padding:0;max-width:440px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.enote .tp-what li{padding:10px 11px;border-radius:10px;background:#F5F9FE;border:1px solid #DCE8F6}
.enote .tp-what b{display:block;font:700 13px/1.25 var(--sans);color:var(--ink)}
.enote .tp-what span{display:block;margin-top:4px;font:400 12px/1.4 var(--sans);color:var(--ink-3)}
@media (max-width:560px){.enote .tp-what{grid-template-columns:1fr}}
.enote .tp-what .tp-faces{display:flex;flex-wrap:wrap;margin:8px 0 0 6px}
.enote .tp-what .tp-faces img{width:26px;height:26px;margin:0 0 4px -6px;border-radius:50%;object-fit:cover;border:2px solid #F5F9FE;box-shadow:0 2px 5px -2px rgba(11,36,71,.45)}

/* smaller faces in one row, and the three boxes keep their own height */
.enote .tp-what{align-items:start!important}
.enote .tp-what .tp-faces{flex-wrap:nowrap!important;margin:8px 0 0 7px!important}
.enote .tp-what .tp-faces img{width:18px!important;height:18px!important;margin:0 0 0 -7px!important;border-width:1.5px!important}
.yt-ln{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(230,33,23,.45);text-underline-offset:3px;white-space:nowrap}
.yt-ln img{width:16px!important;height:16px!important;margin:0 5px -2px 2px;display:inline-block}
.yt-ln:hover{text-decoration-color:#E62117}

.nowrap{white-space:nowrap}.tj-pic{padding-bottom:10px!important}
.yt-ico{display:inline-block;margin:0 1px 0 5px;vertical-align:-2px;opacity:.9}.yt-ico:hover{opacity:1}.yt-ico img{width:15px!important;height:15px!important;display:block}
/* Nov 8: the reviews and the three sections sit beside the card on the left, like the photos */
@media (min-width:1101px){
 .enote .beat > .tp-side{position:absolute;right:calc(100% + 18px);bottom:-10px;width:300px;z-index:2;transform:rotate(-1.2deg)}
 .enote .tp-side .tp-in{max-width:none;margin:0;background:#fff;box-shadow:0 24px 44px -24px rgba(10,13,18,.55)}
 .enote .tp-side .tp-what{grid-template-columns:1fr;max-width:none;gap:6px;margin-top:8px}
 .enote .tp-side .tp-what li{padding:8px 10px;background:#fff;box-shadow:0 10px 20px -16px rgba(10,13,18,.5)}
}
@media (min-width:1101px) and (max-width:1240px){.enote .beat > .tp-side{right:calc(100% + 8px);width:250px}}

/* his note: the three sections smaller, as one tidy row under the INFINITX card */
@media (min-width:1101px){.enote .tp-side .tp-what{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:6px!important}.enote .tp-side .tp-what li{padding:6px 7px!important;border-radius:8px!important;box-shadow:none!important;background:#F5F9FE!important}.enote .tp-side .tp-what b{font-size:10.5px!important;line-height:1.2!important}.enote .tp-side .tp-what span:not(.tp-faces){display:none!important}.enote .tp-side .tp-what .tp-faces{display:flex!important;margin:4px 0 0 5px!important}.enote .tp-side .tp-what .tp-faces img{width:12px!important;height:12px!important;margin-left:-5px!important;border-width:1px!important}}
/* his note: the button under 'Let that be you.' bigger and more noticeable */
.amp-head .amp-cta .btn{font-size:clamp(17px,1.45vw,21px)!important;padding:clamp(15px,1.3vw,19px) clamp(26px,2.4vw,36px)!important;box-shadow:0 18px 36px -16px rgba(28,78,142,.65)!important}.amp-head .amp-cta .btn svg{transform:scale(1.2)}
/* captions on the dark photo frames were grey on black: light text so they read */
.enote .pola.ph figcaption,.enote .pola.ph.side figcaption{color:#E9EFF8!important}
.zn-ico img{border-radius:4px}
/* his note: rounded corners on the pictures and video thumbnails in the story */
.enote .pola img,.enote .pola picture,.enote .n-vid img,.enote .n-vid picture,.enote .tp-badge img,.enote .tp-cards img{border-radius:14px!important;overflow:hidden}.enote .pola picture,.enote .n-vid picture{display:block}.enote .n-vid{border-radius:14px;overflow:hidden}
/* Nov 8: the brands diagram, small and centred inside the story */
.enote .st-map{margin:22px -40px 4px;display:flex;justify-content:center}
.enote .st-map .hq-map{zoom:.6;margin:0 auto!important;max-width:980px}
@media (max-width:900px){.enote .st-map{margin:18px 0 0}.enote .st-map .hq-map{zoom:.85}}

@media (max-width:900px){.enote .st-map .hq-map{zoom:.6!important}}
/* Nov 8: the top bar keeps three links; the button says what you get */
.btn-top{white-space:nowrap}
#how{scroll-margin-top:90px}#story,#faq{scroll-margin-top:80px}
/* the button under the story, bigger, and what comes with it, written like the Skool page */
.n-cta{display:flex!important;flex-direction:column;align-items:center;gap:18px}
.n-cta .btn-cta{font-size:clamp(17px,1.45vw,21px)!important;padding:clamp(15px,1.3vw,19px) clamp(26px,2.4vw,36px)!important;box-shadow:0 18px 36px -16px rgba(28,78,142,.65)!important}
.lab-inc{display:flex;flex-direction:column;align-items:center;gap:10px}
.lab-k{font:400 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.lab-items{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.lab-items span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #DCE8F6;font:600 14px/1 var(--sans);color:var(--ink);box-shadow:0 8px 18px -14px rgba(28,78,142,.5)}
.lab-items span::before{content:"";width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#3B8BF6,#1C4E8E) center/100% no-repeat;-webkit-mask:radial-gradient(circle,#000 99%,transparent) ;flex:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3L14.5 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#3B8BF6,#1C4E8E)}
.lab-line{display:none}

.lab-items > span span{display:inline!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font:inherit!important;gap:0!important}.lab-items > span span::before{content:none!important}
/* Nov 8: what comes with the Lab — its logo, the Skool community, four things */
.lab-head{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.acl-sm{padding:7px 12px 7px 7px;border-radius:13px;box-shadow:2px 2px 0 #0B2447}
.acl-sm .acl-ship{width:34px;height:34px;border-radius:9px}.acl-sm .acl-ship img{width:26px}
.acl-sm .acl-t b{font-size:14px}.acl-sm .acl-t span{font-size:11.5px;margin-top:3px}.acl-sm .acl-skool{height:13px!important}
.lab-inc{gap:14px!important}
/* Nov 8: the footer, like his reference */
.ft2{margin-top:clamp(40px,6vw,90px)!important;padding:0 var(--pad) 0!important;border:0!important;background:none!important;overflow:hidden}
.ft2 .foot-row{display:none}
.ft-in{max-width:1080px;margin:0 auto;padding-top:clamp(36px,4vw,56px);border-top:1px solid var(--line)}
.ft-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:40px}
.ft-name{display:flex;align-items:center;gap:10px;margin:0;font:700 18px/1 var(--sans);color:var(--ink)}
.ft-mark{width:28px!important;height:19px!important}
.ft-line{margin:14px 0 0;max-width:320px;font:400 15px/1.55 var(--sans);color:var(--ink-3)}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ft-k{margin:0 0 14px;font:400 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.ft-cols a{display:block;margin:0 0 12px;font:400 15px/1.3 var(--sans);color:var(--ink-2);text-decoration:none}
.ft-cols a:hover,.ft-legal a:hover{color:var(--deep)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:clamp(28px,3vw,44px);padding:20px 0;border-top:1px solid var(--line)}
.ft-bot p{margin:0;font:400 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ft-legal{display:flex;gap:22px}.ft-legal a{font:400 13.5px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-3);text-decoration:none}
.ft-word{margin:clamp(10px,2vw,30px) 0 -.18em;text-align:center;font:900 clamp(110px,24vw,330px)/.8 var(--sans);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #DCE6F2;user-select:none}
@media (max-width:760px){.ft-top{grid-template-columns:1fr}.ft-cols{grid-template-columns:1fr 1fr}.ft-bot{flex-direction:column;align-items:flex-start}}

/* Nov 8: the crown on "winning" in the closing line (his ask) — the hero's gold crown, sized to the line */
.jn-sub .jn-crw{color:var(--ink)}
.jn-sub .jn-crw::before{background-image:url(/assets/v14/crown-gold-flat.svg)!important;left:50%!important;right:auto!important;top:-.62em!important;width:1em!important;height:.7em!important;transform:translateX(-50%) rotate(-8deg)!important}
.jn-sub{padding-top:.3em}
.jn-sub .jn-crw::before{top:-.66em!important;width:1.3em!important;height:.92em!important;transform:translateX(-50%) rotate(-8deg)!important}

/* ===== Nov 8 · phone: swipe rows instead of long stacks (his ask) ===== */
@media (max-width:760px){
  .m-swipe{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;
    columns:auto!important;grid-template-columns:none!important;padding:6px 20px 10px!important;margin-left:-20px!important;margin-right:-20px!important;width:auto!important;max-width:none!important;scroll-padding:0 20px;align-items:stretch}
  .m-swipe::-webkit-scrollbar{display:none}
  .m-swipe>*{flex:0 0 84%!important;width:auto!important;max-width:none!important;scroll-snap-align:center;margin:0!important;break-inside:auto!important;transform:none!important}
  .m-dots{display:flex;justify-content:center;gap:7px;margin:10px 0 2px}
  .m-dots i{width:7px;height:7px;border-radius:50%;background:#C9D9EC;transition:background .2s,width .2s}
  .m-dots i.on{width:18px;border-radius:4px;background:#1C4E8E}
  .m-dots.dk i{background:rgba(255,255,255,.28)}.m-dots.dk i.on{background:#fff}

  /* testimonials: one card at a time, swipe for more */
  #people .tst-box{padding:18px 0 14px!important;overflow:hidden!important;height:auto!important}
  #people .tc-grid.m-swipe{margin:0!important;padding:4px 18px 6px!important}
  #people .tc-grid.m-swipe>.tc{flex-basis:86%!important}

  /* No more views: the three steps and the automations, one card per swipe */
  #p-leads .igx.m-swipe>*{flex-basis:88%!important}
  #p-leads .igx.m-swipe{margin-top:6px!important}

  /* The Laboratory steps: one step per swipe, each step's picture kept small */
  #p-works .lx-spine.m-swipe{padding-top:10px!important}
  #p-works .lx-spine.m-swipe>.lch{flex-basis:88%!important;padding:18px 16px!important;border:1px solid #E1EAF5;border-radius:18px;background:#fff;box-shadow:0 14px 30px -24px rgba(11,36,71,.45)}
  #p-works .lx-spine::before,#p-works .lx-spine::after,#p-works .lch::before,#p-works .lch::after{display:none!important}
  #p-works .lbs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;height:auto!important}
  #p-works .lbs>*{grid-column:auto!important;grid-row:auto!important;min-height:0!important;height:140px!important;transform:none!important;margin:0!important}
  #p-works .lyr{gap:10px!important}

  /* No more one-and-done: carousels side by side, platforms in two columns */
  #p-rep .rw-cs.m-swipe>*{flex-basis:80%!important}
  #p-rep .rw-plat{grid-template-columns:1fr 1fr!important;column-gap:10px!important}

  /* No more explaining yourself: the lists as chips */
  #p-clear .pz-list{display:flex!important;flex-wrap:wrap!important;justify-content:center;gap:8px!important;width:auto!important}
  #p-clear .pz-list>li{width:auto!important;margin:0!important}
  #p-clear .pz-side{width:100%!important;align-items:center}

  /* No more guessing: the week fits the screen; swipe the days inside it */
  #p-show .cx-win{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;overflow:hidden!important}
  #p-show .cx-grid{overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  #p-show .cx-grid::-webkit-scrollbar{display:none}
  #p-show .cx-grid>*{flex:0 0 46%!important;min-width:0!important;scroll-snap-align:start}

  /* No more skipping days: inside the screen */
  #p-prod{max-width:100%!important;width:auto!important;box-sizing:border-box;padding-left:20px!important;padding-right:20px!important;overflow:hidden}
  #p-prod .pz-h,#p-prod .pz-sub,#p-prod .pz-map,#p-prod .wp-body,#p-prod .wp-pan,#p-prod .fl-board,#p-prod .fl-head{width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
}

/* Nov 8 · phone, pass 2: closer sections, Laboratory steps fit their content, smaller tile titles, compact workflow steps */
@media (max-width:760px){
  .pz.sd,#p-team,#p-rep,#p-leads{margin-top:44px!important}
  #p-leads{margin-bottom:24px!important}
  hr.pz-dv{margin:34px auto!important}
  section.amp,section#story.story{margin-top:72px!important}
  #how.meet{margin-top:84px!important}
  section.ownrun{margin-top:64px!important}
  #p-works .lx-spine.m-swipe{align-items:flex-start!important}
  #p-works .lbs .lb{padding:12px!important;overflow:hidden}
  #p-works .lbs .lb h4{font-size:17px!important;line-height:1.08!important;margin:0!important;position:absolute;left:12px;right:12px;bottom:12px;z-index:3}
  #p-works .lbs .lb-m{display:none!important}
  #p-prod .fl-n{padding-top:9px!important;padding-bottom:9px!important;min-height:0!important}
  #p-prod .fl-flow{row-gap:0!important}
}

/* Nov 8 · phone: footer links easy to tap */
@media (max-width:760px){.ft-cols a{padding:7px 0!important;margin:0!important}.ft-legal a{padding:8px 0}}


/* Nov 8 · phone, pass 3: cards keep their own height; the last Laboratory step and the brand folder smaller */
@media (max-width:760px){
  #people .tc-grid.m-swipe{align-items:flex-start!important}
  #p-works .lyr-big{font-size:22px!important;min-height:0!important;padding:14px!important}
  #p-works .lbr-map{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;height:auto!important}
  #p-works .lbr-core{grid-column:1/-1!important;order:-1;flex-direction:row!important;align-items:center;gap:10px;justify-content:center;position:static!important;transform:none!important}
  #p-works .lbr-brain img{width:56px!important;height:auto!important}
  #p-works .lbr-col{display:flex!important;flex-direction:column!important;gap:8px!important;position:static!important;transform:none!important;width:auto!important}
  #p-works .lbr-col li{margin:0!important;transform:none!important}
  #p-clear .pz-folder .hq-body{transform:scale(.72);transform-origin:center bottom;margin-top:-30px}
}

/* Six changes in the working week. Supporting captures are optional evidence. */
section.journeys{padding:100px max(24px,5vw);background:#f5f7fa;color:#10233c}
.journeys-intro{max-width:1000px;margin:0 auto 50px;text-align:center}
.journeys-intro h2{font:600 clamp(40px,4.8vw,72px)/1.04 var(--sans);letter-spacing:-.055em;margin:20px 0}
.journeys-intro>p:last-child{font-size:21px;color:#536478}
.journey-eyebrow{font:500 13px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#3a638d;margin:0}
.journey-index{max-width:1400px;margin:0 auto 100px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ced7e2;border-bottom:1px solid #ced7e2}
.journey-index a{display:flex;flex-direction:column;gap:13px;text-decoration:none;color:#16334e;padding:22px 14px;font-size:15px;border-right:1px solid #ced7e2}
.journey-index a:last-child{border-right:0}.journey-index a span{font:400 12px var(--mono);color:#6f8196}.journey-index a:hover,.journey-index a:focus-visible{background:#e3eef9}
.journey{max-width:1400px;margin:0 auto 120px;scroll-margin-top:100px}.journey:last-child{margin-bottom:0}
.journey-heading{display:flex;align-items:flex-start;gap:30px;margin-bottom:38px}
.journey-number{font:400 clamp(60px,8vw,108px)/.95 'Fraunces',Georgia,serif;letter-spacing:-.07em;color:#abc1d9;min-width:110px}
.journey-heading h3{font:600 clamp(36px,4vw,58px)/1.08 var(--sans);letter-spacing:-.045em;max-width:970px;margin:13px 0 0;color:#10233c;text-wrap:balance}
.journey-stage{display:grid;grid-template-columns:minmax(0,.37fr) minmax(0,.63fr);min-height:490px;border:1px solid #cdd8e4;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -45px #435b7a}
.journey-label{font:500 12px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.journey-before{padding:clamp(28px,3.5vw,50px);display:flex;flex-direction:column;background:#edf0f3;border-right:1px solid #cdd8e4;color:#657180}
.journey-before h4{font:500 clamp(28px,2.7vw,39px)/1.15 'Fraunces',Georgia,serif;letter-spacing:-.035em;margin:50px 0 22px;color:#495663;text-wrap:balance}
.journey-before p{font-size:18px;line-height:1.65;max-width:27em;margin:0}.journey-before-arrow{font-size:65px;line-height:1;margin-top:auto;padding-top:35px;color:#a2b2c2}
.journey-after{padding:clamp(24px,3.2vw,46px);background:radial-gradient(ellipse at 100% 0,#214f78,transparent 72%),#0e2845;color:#eff7ff;display:flex;flex-direction:column;justify-content:center;gap:26px}
.journey-after-top{display:flex;align-items:center;justify-content:space-between;color:#b3d7f9;margin-bottom:8px}.journey-after-top svg{fill:#b3d7f9}
.journey-paper{background:#fff;color:#18314d;padding:clamp(22px,3vw,36px);border-radius:12px;box-shadow:0 15px 30px -20px #0005}
.journey-small{font:500 11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:inherit;opacity:.75}
.journey-after h4{font:500 clamp(24px,2.4vw,34px)/1.18 var(--sans);letter-spacing:-.025em;margin:14px 0 20px}
.journey-after p{font-size:18px;line-height:1.55;margin:10px 0}.journey-tag{display:inline-block;padding:8px 12px;border:1px solid #b6d5ed40;background:#bddaff12;border-radius:6px;font:500 13px/1.4 var(--sans)}
.journey-pillars{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.journey-paper .journey-tag{background:#e8f1f9;border-color:#d6e2ed}
.journey-note{font:500 23px/1.3 'Fraunces',Georgia,serif}.journey-note>span{display:block;font:400 16px/1.5 var(--sans);color:#aac2d9;margin-top:7px}
.journey-paper ul{list-style:none;padding:0;margin:22px 0 0}.journey-paper li{display:flex;gap:14px;padding:14px 0;border-top:1px solid #e1e8f0;font-size:17px}.journey-paper li b{font:400 13px var(--mono);padding-top:3px;color:#4a83b4}
.journey-source{border-left:2px solid #81afd9;padding-left:22px}.journey-source h4{margin-bottom:10px}.journey-source p{color:#bbd0e4}.journey-arrow{display:block;text-align:center;margin:10px;font-size:30px;color:#8ab9df}
.journey-outlier{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:24px}.journey-outlier img{width:100%;border-radius:8px}.journey-outlier h4{font-size:25px;margin:10px 0}.journey-outlier p{color:#aac5dd;font-size:15px}
.journey-stat{margin:35px 0 28px;padding:30px 0;border-top:1px solid #b6d5ed30;border-bottom:1px solid #b6d5ed30;display:flex;align-items:center;gap:30px}.journey-stat>b{font:500 clamp(60px,7vw,96px)/1 'Fraunces',Georgia,serif;letter-spacing:-.06em;color:#add8ff}.journey-stat>span{font-size:19px}.journey-stat>span>span{display:block;font-size:15px;line-height:1.5;color:#adc3d7;margin-top:10px;max-width:18em}
.journey-review{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #aac7df40;padding-top:20px;margin-top:24px;font-size:14px}.journey-paper .journey-review{border-color:#dbe4ee}
.journey-film{position:relative;overflow:hidden;border-radius:10px}.journey-film img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}.journey-film>span{position:absolute;bottom:12px;left:12px;background:#0a203be6;color:#fff;padding:9px 12px;border-radius:5px;font-size:13px}
.journey-timeline{display:grid;gap:9px;margin:24px 0}.journey-timeline>div{display:grid;grid-template-columns:80px 1fr;gap:15px;align-items:center;font:400 12px var(--mono);color:#aec8de}.journey-track{display:flex;gap:5px;height:22px}.journey-track i{display:block;flex:1;background:#7aadde;border-radius:3px}.journey-track i:nth-child(2){flex:2}.journey-track.track-1 i{background:#baacdb}.journey-track.track-2 i{background:#dbbf8a}.journey-track.track-2 i:nth-child(2){opacity:0}.journey-track.track-3 i{background:#88c5b4}
.journey-origin{display:flex;align-items:center;gap:22px}.journey-origin img{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.journey-origin span{font-size:16px;color:#b1c9de}.journey-origin b{display:block;color:#fff;font:500 30px/1.2 'Fraunces',Georgia,serif;margin-top:6px}
.journey-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.journey-outputs>div{padding:24px 15px;background:#b4d4f012;border:1px solid #bddbfa35;border-radius:10px}.journey-outputs b{display:block;font:500 70px/1 'Fraunces',Georgia,serif;color:#b1dafe}.journey-outputs span{display:block;font-size:16px;margin-top:10px}.journey-channels{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}.journey-channels img{width:26px;height:26px}.journey-channels>span{font-size:14px;color:#b5cfe4}
.journey-explain{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.38fr);gap:60px;padding:34px 0 26px}.journey-explain p{font-size:18px;line-height:1.65;color:#536478;margin:12px 0 0}.journey-explain .journey-result{font:500 27px/1.25 'Fraunces',Georgia,serif;color:#18314d;margin:0}.journey-team{padding-left:28px;border-left:1px solid #d5dfe9}.journey-team p{font-size:15px;color:#204970}.journey-team svg{display:none}
.journey-evidence{border-top:1px solid #d5dfe9;border-bottom:1px solid #d5dfe9}.journey-evidence summary{padding:19px 0;font-size:15px;color:#3b5875;cursor:pointer;display:flex;justify-content:space-between}.journey-evidence summary>span{font-size:23px;line-height:1}.journey-evidence[open] summary>span{transform:rotate(45deg)}.journey-evidence-inner{max-width:950px;margin:15px auto 60px}.journey-evidence .fx-vis{padding:25px}.journey-evidence .fx-float{position:relative!important;inset:auto!important;margin-top:20px;max-width:none}.journey-evidence .fx-win img{aspect-ratio:auto}.journey-evidence summary:focus-visible{outline:3px solid #337bd5;outline-offset:4px}
.nave-explainer{max-width:1180px;margin:50px auto 0;text-align:left;border:1px solid #cad9e8;border-radius:24px;overflow:hidden;box-shadow:0 35px 75px -50px #254c7b;background:#fff}.ne-brief{padding:40px 50px;background:#edf3fa}.ne-brief>p{font:500 clamp(25px,3vw,40px)/1.2 'Fraunces',Georgia,serif;color:#1c3a5b;margin:20px 0}.ne-context{font-size:15px;color:#54708b;display:flex;gap:14px;flex-wrap:wrap}.ne-context>span{color:#96acc2}.ne-team{text-align:center;background:#102b49;padding:0 35px 35px;color:#eff7ff}.ne-line{font-size:38px;line-height:1.7;color:#85b5e2}.ne-center{display:flex;justify-content:center;align-items:center;gap:15px;font:500 30px/1.2 var(--sans)}.ne-center svg{fill:#acd8fa}.ne-roles{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px 0 20px}.ne-roles>span{border:1px solid #a8c9e942;padding:12px 18px;border-radius:7px;background:#bfdcf70d;font-size:17px}.ne-team>p{font-size:16px;color:#b1c8df}.ne-delivery{display:grid;grid-template-columns:1fr .7fr;gap:35px;align-items:center;padding:40px 50px}.ne-delivery h4{font:500 30px/1.25 'Fraunces',Georgia,serif;margin:12px 0 0}.ne-approval{border-left:2px solid #7ca9d6;padding-left:28px}.ne-approval b{display:block;font-size:22px}.ne-approval>span{display:block;font-size:16px;color:#546d87;margin-top:10px;line-height:1.6}.ne-memory{margin:0!important;border-top:1px solid #e0e8f0;padding:22px 50px;font-size:15px!important;line-height:1.6;color:#526a82;background:#f7f9fc}
@media(max-width:1000px){.journey-stage{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.journey-outlier{grid-template-columns:1fr}.journey-outlier img{max-width:240px}.journey-stat{gap:16px}.journey-stat>b{font-size:60px}.journey-index{grid-template-columns:repeat(3,1fr)}.journey-index a:nth-child(3){border-right:0}.journey-index a:nth-child(-n+3){border-bottom:1px solid #ced7e2}.journey-explain{gap:30px}.journey-number{min-width:75px}}
@media(max-width:700px){section.journeys{padding:65px 20px}.journey-index{margin-bottom:65px}.journey-index a{padding:16px 9px;font-size:12px}.journey-heading{gap:18px;margin-bottom:25px}.journey-number{min-width:55px;font-size:62px}.journey-heading h3{font-size:34px}.journey{margin-bottom:75px}.journey-stage{grid-template-columns:1fr;border-radius:16px}.journey-before{padding:25px;border-right:0;border-bottom:1px solid #cdd8e4}.journey-before h4{margin:23px 0 14px;font-size:29px}.journey-before p{font-size:16px}.journey-before-arrow{display:none}.journey-after{padding:26px 21px}.journey-explain{grid-template-columns:1fr;gap:24px;padding:28px 0}.journey-explain p{font-size:16px}.journey-team{padding:0;border:0}.journey-origin img{width:105px}.journey-origin b{font-size:24px}.journey-outputs{gap:8px}.journey-outputs>div{padding:18px 10px}.journey-outputs b{font-size:55px}.journey-stat{align-items:flex-start}.journey-stat>span{font-size:16px}.ne-brief,.ne-delivery{padding:28px 24px}.ne-delivery{grid-template-columns:1fr}.ne-center{font-size:24px}.ne-team{padding:0 20px 25px}.ne-roles{gap:7px}.ne-roles>span{padding:9px 11px;font-size:14px}.ne-memory{padding:20px 24px}.ne-delivery h4{font-size:27px}.journey-paper{padding:23px}.journey-paper li{font-size:15px}}


/* ---------- The VSL player (November 5): Vimeo-like controls in the site's look. Script: src/v10/vsl-player.js ---------- */
.vsl{position:relative;max-width:1120px;margin:clamp(30px,4.6vh,48px) auto 0;container-type:inline-size;text-align:left;--vsl-r:20px;--vsl-blue:#7DBDFB;--vsl-mid:#3F8EE6;--vsl-deep:#0B2447}
.vsl-stage{position:relative;aspect-ratio:16/9;border-radius:var(--vsl-r);overflow:hidden;background:#07090c;isolation:isolate;-webkit-tap-highlight-color:transparent;
  box-shadow:0 0 0 1px rgba(10,13,18,.08),0 50px 90px -50px rgba(28,78,142,.75),0 12px 24px -16px rgba(10,13,18,.35)}
.vsl video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07090c;display:block}
.vsl-poster{position:absolute;inset:0;z-index:1;transition:opacity .4s ease,visibility 0s linear .4s}
.vsl-poster img{width:100%;height:100%;object-fit:cover}
.vsl-poster::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,rgba(7,9,12,0) 55%,rgba(7,9,12,.28) 100%),linear-gradient(180deg,rgba(7,9,12,0) 62%,rgba(11,36,71,.32))}
.vsl.is-started .vsl-poster{opacity:0;visibility:hidden}
.vsl.is-started:not(.is-playing) .vsl-stage{cursor:pointer}

/* the big play button: his blue disc inside a glass pill, with the running time */
/* below his face on the poster (his smile and the ATTENTION hook stay clear) */
.vsl-big{position:absolute;left:50%;top:var(--vsl-play-y,77%);z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(10px,1.4cqw,16px);padding:clamp(7px,.9cqw,10px) clamp(16px,2cqw,24px) clamp(7px,.9cqw,10px) clamp(7px,.9cqw,10px);
  border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.17);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 22px 44px -18px rgba(7,9,12,.65);color:#fff;cursor:pointer;font:500 clamp(13px,1.35cqw,16px)/1 var(--mono);letter-spacing:.06em;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,opacity .25s,visibility 0s}
.vsl-big:hover{background:rgba(255,255,255,.26);transform:translate(-50%,-50%) scale(1.04)}
.vsl-big:active{transform:translate(-50%,-50%) scale(.98)}
.vsl-big:focus-visible{outline:3px solid #fff;outline-offset:4px}
.vsl-big-i{position:relative;display:grid;place-items:center;width:clamp(54px,8.4cqw,92px);aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,var(--vsl-mid),#1C4E8E);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -6px 14px rgba(11,36,71,.35),0 10px 24px -8px rgba(11,36,71,.9)}
.vsl-big-i svg{width:40%;height:40%;margin-left:7%;fill:#fff}
.vsl-big .i-again{display:none;margin-left:0}
.vsl-big-t{font-variant-numeric:tabular-nums}
.vsl.is-started:not(.is-ended) .vsl-big{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s}
.vsl.is-ended .vsl-big .i-play{display:none}
.vsl.is-ended .vsl-big .i-again{display:block}
.vsl.is-ended .vsl-big-t::before{content:"Watch again · "}

/* spinner, key feedback, error */
.vsl-spin{position:absolute;left:50%;top:50%;z-index:3;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:var(--vsl-blue);opacity:0;pointer-events:none;animation:vsl-spin .9s linear infinite;transition:opacity .2s}
.vsl.is-started.is-wait .vsl-spin{opacity:1;transition-delay:.3s}
@keyframes vsl-spin{to{transform:rotate(360deg)}}
.vsl-flash{position:absolute;left:50%;top:clamp(12px,3cqw,22px);z-index:4;transform:translateX(-50%);padding:9px 14px;border-radius:999px;background:rgba(7,9,12,.58);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:500 13px/1 var(--mono);letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap}
.vsl-flash.on{animation:vsl-flash .65s ease-out}
@keyframes vsl-flash{0%{opacity:0}15%,70%{opacity:1}100%{opacity:0}}
.vsl-err{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(7,9,12,.72);color:#fff;font:500 16px/1.4 var(--sans);text-align:center;padding:20px}
.vsl-err[hidden]{display:none}
.vsl-err button{min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);color:#fff;font:600 15px/1 var(--sans);cursor:pointer}

/* captions, drawn by the player above the controls */
.vsl-cap{position:absolute;left:0;right:0;bottom:calc(clamp(12px,1.6cqw,16px) + 56px);z-index:2;display:flex;justify-content:center;padding:0 8%;pointer-events:none;transition:bottom .3s ease}
.vsl-cap[hidden]{display:none}
.vsl.is-idle .vsl-cap{bottom:5.5%}
.vsl-cap span{max-width:36em;padding:.16em .55em .2em;border-radius:.32em;background:rgba(7,9,12,.8);color:#fff;font:600 clamp(14px,2.45cqw,34px)/1.38 var(--sans);text-align:center;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* the control bar: one floating glass strip */
.vsl-bar{position:absolute;left:clamp(8px,1.2cqw,14px);right:clamp(8px,1.2cqw,14px);bottom:clamp(8px,1.2cqw,14px);z-index:3;display:flex;align-items:center;gap:2px;padding:3px 6px;border-radius:14px;
  background:rgba(9,12,17,.46);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px -18px rgba(0,0,0,.7);color:#fff;transition:opacity .3s ease,transform .3s ease}
.vsl:not(.is-started) .vsl-bar{opacity:0;transform:translateY(10px);pointer-events:none;visibility:hidden}
.vsl.is-idle .vsl-bar{opacity:0;transform:translateY(10px);pointer-events:none}
.vsl.is-idle .vsl-stage{cursor:none}
.vsl-b{position:relative;flex:none;display:grid;place-items:center;width:45px;height:45px;padding:0;border:0;border-radius:10px;background:transparent;color:#fff;cursor:pointer;transition:background .15s,color .15s}
.vsl-b:hover{background:rgba(255,255,255,.12)}
.vsl-b:focus-visible{outline:2px solid var(--vsl-blue);outline-offset:-2px}
.vsl-b[hidden]{display:none}
.vsl-b svg{width:22px;height:22px}
.vsl-b .i-fill{fill:currentColor}
.vsl-pp .i-pause,.vsl.is-playing .vsl-pp .i-play{display:none}
.vsl.is-playing .vsl-pp .i-pause{display:block}
.vsl-mute .i-mute,.vsl.is-muted .vsl-mute .i-vol{display:none}
.vsl.is-muted .vsl-mute .i-mute{display:block}
.vsl-fs .i-min,.vsl.is-fs .vsl-fs .i-max{display:none}
.vsl.is-fs .vsl-fs .i-min{display:block}
.vsl-cc[aria-pressed="true"]{color:var(--vsl-blue)}
.vsl-cc[aria-pressed="true"]::after{content:"";position:absolute;left:13px;right:13px;bottom:7px;height:2.5px;border-radius:2px;background:var(--vsl-blue)}
.vsl-gear svg{transition:transform .35s ease}
.vsl.is-menu .vsl-gear svg{transform:rotate(60deg)}
.vsl.is-pip .vsl-pip{color:var(--vsl-blue)}
.vsl-time{flex:none;padding:0 8px;font:500 13.5px/1 var(--mono);letter-spacing:.02em;color:rgba(255,255,255,.94);white-space:nowrap;font-variant-numeric:tabular-nums}

/* scrub bar: buffered range, played range, knob, hover preview */
.vsl-scrub{position:relative;flex:1 1 auto;min-width:60px;height:45px;margin:0 8px;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none}
.vsl-rail{position:relative;width:100%;height:5px;border-radius:99px;background:rgba(255,255,255,.22);overflow:hidden;transition:height .15s ease}
.vsl-scrub:hover .vsl-rail,.vsl.is-drag .vsl-rail,.vsl-scrub:focus-visible .vsl-rail{height:7px}
.vsl-buf,.vsl-played{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0)}
.vsl-buf{background:rgba(255,255,255,.34)}
.vsl-played{background:linear-gradient(90deg,var(--vsl-mid),var(--vsl-blue))}
.vsl-knob{position:absolute;top:50%;left:0;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(125,189,251,.45),0 2px 6px rgba(0,0,0,.4);transform:scale(0);transition:transform .15s ease;pointer-events:none}
.vsl-scrub:hover .vsl-knob,.vsl.is-drag .vsl-knob,.vsl-scrub:focus-visible .vsl-knob{transform:scale(1)}
.vsl-scrub:focus-visible .vsl-knob{box-shadow:0 0 0 4px var(--vsl-blue),0 2px 6px rgba(0,0,0,.4)}
.vsl-tip{position:absolute;bottom:calc(100% + 6px);left:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .12s}
.vsl.is-tip .vsl-tip{opacity:1}
.vsl-tip-img{display:none;width:192px;height:108px;border-radius:10px;background-color:#07090c;background-repeat:no-repeat;border:2px solid rgba(255,255,255,.9);box-shadow:0 12px 26px -10px rgba(0,0,0,.75)}
.vsl.has-sprite .vsl-tip-img{display:block}
.vsl-tip-t{padding:6px 9px;border-radius:7px;background:rgba(7,9,12,.82);color:#fff;font:500 13px/1 var(--mono);font-variant-numeric:tabular-nums}

/* volume: the slider opens beside the speaker on a computer; phones keep the mute button */
.vsl-vol{display:flex;align-items:center;flex:none}
.vsl-volr{-webkit-appearance:none;appearance:none;width:0;height:45px;margin:0;opacity:0;background:transparent;cursor:pointer;transition:width .2s ease,opacity .2s ease,margin .2s ease;--v:100%}
.vsl-vol:hover .vsl-volr,.vsl-vol:focus-within .vsl-volr{width:84px;opacity:1;margin:0 8px 0 2px}
.vsl-volr::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#fff var(--v),rgba(255,255,255,.25) var(--v))}
.vsl-volr::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#fff var(--v),rgba(255,255,255,.25) var(--v))}
.vsl-volr::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.vsl-volr::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:0}
.vsl-volr:focus-visible{outline:2px solid var(--vsl-blue);outline-offset:2px;border-radius:4px}
@media (hover:none){.vsl-volr{display:none}.vsl-knob{transform:scale(.85)}}

/* settings menu: quality and speed (outside the picture's clip, so it never gets cut off on a phone) */
.vsl-menu{position:absolute;right:clamp(8px,1.2cqw,14px);bottom:calc(clamp(8px,1.2cqw,14px) + 60px);z-index:6;min-width:232px;max-height:calc(100vh - 120px);overflow:auto;padding:6px;border-radius:14px;
  background:rgba(12,16,22,.82);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 50px -20px rgba(0,0,0,.75);color:#fff;font:500 15px/1.2 var(--sans)}
.vsl-menu[hidden],.vsl-menu [hidden]{display:none}
.vsl-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:45px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.vsl-menu button:hover{background:rgba(255,255,255,.1)}
.vsl-menu button:focus-visible{outline:2px solid var(--vsl-blue);outline-offset:-2px}
.vsl-menu button:disabled{opacity:.5;cursor:default}
.vsl-menu svg{width:18px;height:18px;flex:none}
.vsl-mv{margin-left:auto;color:rgba(255,255,255,.66);font:500 13px/1 var(--mono);letter-spacing:.02em}
.vsl-menu [role="menuitemradio"] svg{visibility:hidden;color:var(--vsl-blue)}
.vsl-menu [aria-checked="true"] svg{visibility:visible}
.vsl-menu [aria-checked="true"]{color:#fff;font-weight:650}
.vsl-menu i{margin-left:8px;padding:3px 5px 2px;border-radius:4px;background:var(--vsl-mid);font:600 10px/1 var(--mono);font-style:normal;letter-spacing:.06em}
.vsl-back{font-weight:650!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:9px 9px 0 0!important;margin-bottom:4px}
.vsl-back svg{color:rgba(255,255,255,.7)}

/* full screen */
.vsl:fullscreen{max-width:none;margin:0;background:#000;display:flex;align-items:center;justify-content:center}
.vsl:-webkit-full-screen{max-width:none;margin:0;background:#000;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.vsl.is-fs .vsl-stage{width:100%;height:100%;max-height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}
@media (min-width:1100px){html:has(.vsl:fullscreen){zoom:1}}

/* narrow players (phones): the scrub bar becomes its own row along the bottom, buttons above it */
@container (max-width:620px){
  .vsl-bar{left:0;right:0;bottom:0;flex-wrap:wrap;gap:0;padding:0 4px 2px;border-radius:0;border:0;background:linear-gradient(180deg,rgba(7,9,12,0),rgba(7,9,12,.62) 34%,rgba(7,9,12,.78));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
  .vsl-scrub{order:2;flex:1 0 100%;height:24px;margin:-4px 8px 2px}
  .vsl-time{margin-right:auto;padding:0 4px;font-size:12.5px}
  .vsl-pip{display:none}
  .vsl-cap{bottom:76px}
  .vsl-cap span{font-size:clamp(13px,3.6cqw,18px)}
  .vsl-tip{zoom:.72}
  .vsl-menu{bottom:76px;right:8px}
  /* the poster's play sits in the corner here, so it never covers his face */
  .vsl-big,.vsl-big:hover,.vsl-big:active{left:10px;top:auto;bottom:10px;transform:none}
  .vsl-big-i{width:48px}
}
@media (max-width:640px){
  .top .vsl{margin-left:calc(10px - var(--pad));margin-right:calc(10px - var(--pad));--vsl-r:14px}
}
@media (prefers-reduced-motion:reduce){
  .vsl-big,.vsl-bar,.vsl-poster,.vsl-cap,.vsl-gear svg{transition:none}
  .vsl-spin{animation-duration:2.4s}
}