/* Layout: classic-Jasper language. Centered section heads with an icon eyebrow, faint perspective lines behind hero and close,
   light-grey rounded bento cards carrying thin isometric line drawings with one tinted object, white stat cards, one black panel, dark footer. */
:root{
  --bg:#ffffff; --tile:#f7f7f6; --card:#ffffff; --ink:#111214; --text:#45464c; --muted:#7a7c83; --faint:#c3c4c8;
  --line:#e8e8e6; --line2:#f0f0ee; --persp:#ececea;
  --cre:#e5603e; --dec:#d99a14; --sig:#4a63e0; --ok:#2f9a52;
  --cre-hl:#fde3da; --dec-hl:#fbefcc; --sig-hl:#e3e7fd; --ok-hl:#dcf3e2; --vio-hl:#ece6fd;
  --iso-ln:#2b2d33; --iso-l:#ededeb; --iso-r:#f6f6f4;
  --panel:#0f1012; --panel-2:#1b1c20; --panel-fg:#f3f3f1; --panel-mut:#9c9ea5; --panel-line:#2a2b30;
  --logo:none; --shadow:0 1px 2px rgba(17,18,20,.04),0 8px 28px -12px rgba(17,18,20,.12);
  --r:14px; --r-s:8px;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:70;background:var(--bg)}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{color:var(--ink);font-weight:500;text-wrap:balance}
a{color:inherit}
img{max-width:100%}
button{font:inherit}
:focus-visible{outline:2px solid var(--sig);outline-offset:3px}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.num{font-variant-numeric:tabular-nums}

/* isometric drawings */
.iso{display:block;width:100%;height:auto;overflow:visible}
.isg polygon{stroke:var(--iso-ln);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.isl{stroke:var(--iso-ln);stroke-width:1;vector-effect:non-scaling-stroke;fill:none}
.isl.d{stroke-dasharray:3 3}

/* type: 13 / 15 / 17 / 20 / 28 / 52 / 76 */
.h1{font-size:clamp(44px,6.6vw,80px);line-height:1.02;letter-spacing:-.045em;font-weight:500}
.h2{font-size:clamp(32px,4.4vw,54px);line-height:1.06;letter-spacing:-.04em}
.h3{font-size:20px;line-height:1.25;letter-spacing:-.02em}
.lead{font-size:18px;line-height:1.55;max-width:58ch}
.small{font-size:13px;line-height:1.5;color:var(--muted)}
.g{color:var(--muted)}

/* eyebrow: small icon + label, like the Jasper "Jasper Studio" kicker */
.eb{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink)}
.eb i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-style:normal}
.eb i.cre{background:var(--cre-hl)} .eb i.dec{background:var(--dec-hl)} .eb i.sig{background:var(--sig-hl)} .eb i.ok{background:var(--ok-hl)} .eb i.vio{background:var(--vio-hl)}
.eb i b{width:8px;height:8px;border-radius:2px;background:var(--ink)}
.eb i.cre b{background:var(--cre)} .eb i.dec b{background:var(--dec)} .eb i.sig b{background:var(--sig)} .eb i.ok b{background:var(--ok)} .eb i.vio b{background:#7b5cf0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r-s);font:500 15px/1 var(--sans);text-decoration:none;cursor:pointer;border:0;white-space:nowrap;transition:background-color .2s,box-shadow .2s,transform .2s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn.dark{background:var(--ink);color:var(--bg)}
.btn.line{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(17,18,20,.05)}
.btn.line:hover{box-shadow:inset 0 0 0 1px var(--faint)}
.btn.sm{height:36px;padding:0 14px;font-size:14px}
.btn.xs{height:32px;padding:0 12px;font-size:13.5px}
.tl{font:500 14.5px var(--sans);color:var(--ink);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.tl::after{content:"→";transition:transform .2s var(--ease)}
.tl:hover::after{transform:translateX(3px)}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.row.c{justify-content:center}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line2)}
.nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:62px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:600 18px var(--sans);letter-spacing:-.03em}
.brand .bm{width:22px;height:22px;border-radius:6px;background:var(--ink);display:grid;grid-template-columns:repeat(3,4px);gap:2px;place-content:center}
.brand .bm i{width:4px;height:4px;border-radius:1px}
.brand small{font:400 12px var(--mono);color:var(--muted);letter-spacing:0}
.nav nav{display:flex;gap:2px}
.nav nav a{font-size:14.5px;color:var(--text);text-decoration:none;padding:7px 12px;border-radius:7px}
.nav nav a:hover{color:var(--ink);background:var(--tile)}
.nav .r{display:flex;justify-content:flex-end;align-items:center;gap:14px}
.nav .r a.j{font-size:14.5px;color:var(--text);text-decoration:none}

/* perspective lines (hero + close) */
.persp{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 45%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 70% 75% at 50% 45%,#000 35%,transparent 80%)}
.persp svg{position:absolute;left:50%;top:0;width:1800px;height:100%;transform:translateX(-50%)}
.persp line{stroke:var(--persp);stroke-width:1}

/* section scaffolding */
.sec{padding-block:120px;position:relative}
.sec.tight{padding-top:40px}
.head{display:grid;justify-items:center;text-align:center;gap:16px;max-width:780px;margin-inline:auto}
.head p.lead{color:var(--text)}
.head .row{margin-top:6px}
.below{margin-top:56px}

/* hero */
.hero{position:relative;padding-block:96px 40px;text-align:center}
.hero .wrap{position:relative;z-index:1;display:grid;justify-items:center;gap:24px}
.announce{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink);text-decoration:none;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);padding:5px 12px 5px 5px;border-radius:999px}
.announce b{font:500 11.5px var(--sans);color:var(--ok);background:var(--ok-hl);padding:3px 9px;border-radius:999px}
.hl{display:inline-flex;align-items:center;gap:.18em;padding:0 .16em 0 .1em;border-radius:.16em;line-height:1.08;white-space:nowrap}
.hl .ic{width:.62em;height:.62em;border-radius:.12em;display:inline-grid;grid-template-columns:repeat(3,1fr);gap:.05em;padding:.08em;margin-right:.06em}
.hl .ic i{border-radius:.03em}
.hl.ok{background:var(--ok-hl)} .hl.ok .ic i{background:var(--ok)}
.hl .ic i.o{background:transparent!important}
.chipw{display:inline-flex;align-items:center;gap:6px;padding:1px 9px 1px 6px;margin-inline:1px;border-radius:6px;font-weight:500;color:var(--ink);white-space:nowrap}
.chipw .d{width:14px;height:14px;border-radius:4px;display:grid;place-items:center}
.chipw .d::after{content:"";width:6px;height:6px;border-radius:1.5px;background:currentColor}
.chipw.cre{background:var(--cre-hl)} .chipw.cre .d{color:var(--cre)}
.chipw.dec{background:var(--dec-hl)} .chipw.dec .d{color:var(--dec)}
.chipw.sig{background:var(--sig-hl)} .chipw.sig .d{color:var(--sig)}
.hero .lead{margin-inline:auto}
.hmeta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;color:var(--muted)}

/* app window (hero proof + close) */
.appw{position:relative;width:100%;max-width:880px;margin:44px auto 0;text-align:left}
.win{position:relative;z-index:1;background:var(--card);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden}
.win-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line2);background:var(--tile)}
.win-bar .dots{display:flex;gap:6px}.win-bar .dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.win-bar .t{font-size:13.5px;font-weight:500;color:var(--ink)}
.win-bar .state{margin-left:auto}
.state{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.state::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dec);box-shadow:0 0 0 3px var(--dec-hl)}
.state.done::before{background:var(--ok);box-shadow:0 0 0 3px var(--ok-hl)}
.float{position:absolute;z-index:0;width:110px;filter:drop-shadow(0 10px 18px rgba(17,18,20,.08))}
.float.a{left:-70px;top:30px;transform:rotate(-8deg)} .float.b{right:-64px;top:-34px;transform:rotate(7deg)}
.float.c{left:-40px;bottom:-38px;width:90px} .float.d{right:-56px;bottom:40px;width:96px;transform:rotate(-5deg)}
.q-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line2)}
.q-ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;padding:4px}
.q-ic.cre{background:var(--cre-hl)} .q-ic.dec{background:var(--dec-hl)} .q-ic.sig{background:var(--sig-hl)}
.q-r .who{font-size:12.5px;color:var(--muted)}
.q-r .what{color:var(--ink);font-size:15px;line-height:1.4}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;white-space:nowrap}
.tag.ok{color:var(--ok);background:var(--ok-hl)}
.tag.wait{color:color-mix(in srgb,var(--dec) 80%,var(--ink));background:var(--dec-hl)}
.tag.n{color:var(--ink);background:var(--tile);box-shadow:inset 0 0 0 1px var(--line)}
.q-r.ask{background:color-mix(in srgb,var(--dec-hl) 45%,var(--card));border-bottom:0}
.q-r.ask .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.q-f{padding:10px 18px;font-size:12px;color:var(--muted);border-top:1px solid var(--line2);background:var(--tile)}

/* logos strip */
.trust{padding-block:72px 24px;text-align:center}
.trust p{font-size:15px;color:var(--ink);font-weight:500}
.trust ul{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 48px;margin-top:26px}
.trust a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:18px;letter-spacing:-.02em;opacity:.85}
.trust a:hover{opacity:1}
.trust img{width:24px;height:24px;object-fit:contain;filter:var(--logo)}
.trust img.keep{filter:none}
.trust small{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;text-align:left}
.pmk{width:24px;height:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.pmk i{background:var(--ink);border-radius:1px}.pmk i.o{background:transparent}

/* tiles (bento cards) */
.tile{background:var(--tile);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line2);padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative;overflow:hidden}
.tile .art{margin:6px auto 0;width:min(100%,300px);flex:1;display:grid;place-items:center;padding-block:10px}
.tile .art.wide{width:min(100%,380px)}
.tile p{font-size:15px;line-height:1.55}
.tile .ft{margin-top:auto;padding-top:6px}
.tile.white{background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.duo{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px;align-items:center}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.s2{grid-column:span 2}

/* why */
.wallc{padding:0;overflow:hidden}
.wall-h{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:22px 24px 6px}
.logos{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:10px;padding:18px 24px}
.logos li{display:grid;place-items:center;aspect-ratio:1;background:var(--card);border-radius:10px;box-shadow:inset 0 0 0 1px var(--line2)}
.logos img{width:22px;height:22px;object-fit:contain;filter:var(--logo) grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.logos li:hover img{filter:var(--logo);opacity:1}
.wall-f{padding:14px 24px 22px;font-size:16px;color:var(--ink);font-weight:500}
.hand li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.hand li:first-child{border-top:0}
.hand b{font-weight:500;color:var(--ink)} .hand span{color:var(--muted);font-size:13.5px;text-align:right}
.owns{display:flex;flex-wrap:wrap;gap:8px}
.owns span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink);padding:4px 10px;background:var(--card);border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.owns span::before{content:"✓";color:var(--ok);font-size:12px}
.note{margin:22px auto 0;max-width:72ch;text-align:center;font-size:14px;color:var(--muted)}

/* definition */
.dict{gap:16px}
.dict .v{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.dict h3{font-size:30px;letter-spacing:-.035em}
.dict .ph{font:400 13px var(--mono);color:var(--muted)}
.dict .d{font-size:18px;line-height:1.6;color:var(--ink);max-width:60ch}
.dict .i{font-size:15px}
.dict .i em{font:400 12.5px var(--mono);font-style:normal;color:var(--muted);margin-right:8px}
.dict .foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}

/* agents split card (Jasper "AI for marketers" layout) */
.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0;background:var(--tile);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line2);overflow:hidden}
.split .l{background:var(--vio-hl);padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}
.split .r{padding:36px;display:grid;gap:16px;align-content:center}
.ag{background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);padding:14px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}
.ag .art{width:52px}
.ag h3{font-size:15px;letter-spacing:-.01em}
.ag p{font-size:13px;line-height:1.45;color:var(--text);margin-top:2px}
.ag .tag{margin-top:6px}
.own li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5}
.own li::before{content:"✓";color:var(--ok);font-weight:600}

/* chart */
.chart{padding:24px 24px 16px}
.chart-h{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px 20px}
.chart-h b{font-weight:500;color:var(--ink);font-size:16px}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;align-items:center}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:16px;height:2.5px;border-radius:2px;background:var(--ink)} .legend i.c{background:var(--cre)}
.illus{font-size:12px;font-weight:500;color:var(--muted);padding:3px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);background:var(--card)}
.plot{position:relative;height:250px;margin:22px 4px 30px 40px}
.plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.plot .gl{stroke:var(--line);stroke-width:1}
.plot .cut{stroke:var(--faint);stroke-dasharray:3 4}
.lab{position:absolute;font:400 11.5px/1 var(--mono);color:var(--muted);white-space:nowrap}
.lab.y{left:-10px;transform:translate(-100%,-50%)}
.lab.x{top:calc(100% + 12px);transform:translateX(-50%)}
.lab.cutl{top:2px;margin-left:8px}
.lab.end{right:0;transform:translateY(-50%);margin-right:14px;color:var(--ink);font-weight:500}
.lab.end.c{color:var(--cre)}
.dotm{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--card);transform:translate(-50%,-50%)}
.stat{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat div{background:var(--card);border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);padding:12px 14px}
.stat b{display:block;font-size:28px;font-weight:500;letter-spacing:-.03em;color:var(--ink)}
.stat small{font-size:12px;color:var(--muted)}

/* loop */
.loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.step{background:var(--card);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);padding:20px;display:grid;gap:4px;position:relative}
.step .n{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font:500 12px var(--mono);margin-bottom:8px}
.step:nth-child(1) .n{background:var(--sig-hl);color:var(--sig)} .step:nth-child(2) .n{background:var(--cre-hl);color:var(--cre)}
.step:nth-child(3) .n{background:var(--dec-hl);color:color-mix(in srgb,var(--dec) 80%,var(--ink))} .step:nth-child(4) .n{background:var(--ok-hl);color:var(--ok)}
.step h3{font-size:18px}
.step .k{font-size:13.5px;color:var(--muted)}
.step::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-size:12px}
.step:nth-child(4)::after{display:none}
.back{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:var(--r);border:1px dashed var(--faint);font-size:13.5px;color:var(--muted)}
.back::before{content:"↺";color:var(--sig);font-size:16px}

/* black panel (ledger) */
.blk{background:var(--panel);color:var(--panel-fg);border-radius:20px;padding:44px;display:grid;gap:28px}
.blk .eb{color:var(--panel-fg)} .blk .eb i{background:var(--panel-2)}
.blk .h2{color:var(--panel-fg);text-align:left}
.blk .g{color:var(--panel-mut)}
.blk .bh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.blk .bh p{max-width:46ch;color:var(--panel-mut);font-size:15.5px}
.ledger{background:var(--panel-2);border-radius:14px;box-shadow:inset 0 0 0 1px var(--panel-line);overflow:hidden}
.l-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:16px 22px;border-bottom:1px solid var(--panel-line)}
.l-h b{font-weight:500}
.l-h small{display:block;font-size:12.5px;color:var(--panel-mut)}
.sign{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--ok) 18%,var(--panel-2));color:var(--panel-fg)}
.sign::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.l-r{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;padding:16px 22px;border-bottom:1px solid var(--panel-line)}
.l-r dt{font-size:13px;color:var(--panel-mut);padding-top:2px}
.l-r dd{font-size:15.5px;line-height:1.55;color:var(--panel-fg)}
.l-r dd .tag{margin-left:8px;vertical-align:1px}
.l-r.ask{background:color-mix(in srgb,var(--dec) 10%,var(--panel-2))}
.l-f{padding:11px 22px;font-size:12px;color:var(--panel-mut)}
.qs{display:grid;gap:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.qs-t{font-size:13px;color:var(--panel-mut)}
.track{display:flex;gap:10px;width:max-content;animation:slide 60s linear infinite}
.track.rev{animation-direction:reverse;animation-duration:70s}
.track span{font-size:14.5px;color:var(--panel-fg);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--panel-line);padding:9px 14px;border-radius:999px;white-space:nowrap}
@keyframes slide{to{transform:translateX(-50%)}}
.qs:hover .track{animation-play-state:paused}

/* table */
.tbl-wrap{overflow-x:auto;background:var(--card);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
table{width:100%;border-collapse:collapse;min-width:780px;font-size:15px}
th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line2);vertical-align:middle}
thead th{font-size:12.5px;font-weight:500;color:var(--muted);background:var(--tile);border-bottom:1px solid var(--line)}
tbody th{font-weight:500;color:var(--ink)}
tbody th small{display:block;font-weight:400;font-size:13px;color:var(--muted)}
td a{font-size:13.5px;color:var(--muted);text-decoration:none;white-space:nowrap}
td a:hover{color:var(--ink)}
.yv,.pv,.nv{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;padding:3px 10px 3px 8px;border-radius:999px;white-space:nowrap}
.yv{color:var(--ok);background:var(--ok-hl)} .yv::before{content:"✓"}
.pv{color:color-mix(in srgb,var(--dec) 80%,var(--ink));background:var(--dec-hl)} .pv::before{content:"◐"}
.nv{color:var(--muted);background:var(--tile)} .nv::before{content:"–"}
tr.me{background:color-mix(in srgb,var(--ok-hl) 40%,var(--card))}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
.src{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;font-size:13px;color:var(--muted)}

/* stat cards (hiring) */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sc{background:var(--card);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);padding:22px;display:grid;gap:8px;text-decoration:none;align-content:start}
.sc:hover{box-shadow:inset 0 0 0 1px var(--faint),var(--shadow)}
.sc .pay{font-size:30px;font-weight:500;letter-spacing:-.035em;color:var(--ink)}
.sc .co{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--ink);font-size:14.5px}
.sc .co i{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font:600 11.5px var(--sans);font-style:normal}
.sc h3{font-size:15px;font-weight:400;color:var(--text);line-height:1.4}
.origins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.origins div{background:var(--tile);border-radius:var(--r);padding:18px;box-shadow:inset 0 0 0 1px var(--line2)}
.origins b{display:block;font-weight:500;color:var(--ink)}
.origins span{font-size:14px}

/* learn */
.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ch{text-decoration:none}
.ch:hover{box-shadow:inset 0 0 0 1px var(--faint)}
.ch .rn{font:500 12px var(--mono);color:var(--muted)}
.ch h3{font-size:18px}
.ch .pr{font-size:14px}
.ch .pr b{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.ch .art{width:min(100%,190px)}
.uni{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.uni .hd{display:flex;align-items:center;gap:10px}
.uni .hd img{width:24px;height:24px;object-fit:contain;filter:var(--logo)} .uni .hd img.keep{filter:none}
.uni .hd b{display:block;font-weight:500;color:var(--ink)} .uni .hd span{display:block;font-size:12.5px;color:var(--muted)}
.uni li{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:8px 0;border-top:1px solid var(--line)}
.uni li span{font-size:12.5px;color:var(--muted);white-space:nowrap}

/* versions */
.vers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ver b{font-size:15px;font-weight:500;color:var(--ink)} .ver b span{color:var(--muted);font-weight:400}
.ver .tag{align-self:flex-start}

/* history */
.eras{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.eras li{background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:14px;display:grid;gap:4px;align-content:start}
.eras b{font:500 15px var(--mono);color:var(--ink)}
.eras span{font-size:13px;line-height:1.4}
.eras li:last-child{background:var(--ok-hl);box-shadow:none}

/* faq */
.faq{max-width:860px;margin-inline:auto}
details{background:var(--tile);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line2);margin-bottom:10px}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;font-size:18px;font-weight:500;color:var(--ink);letter-spacing:-.015em}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:22px;height:22px;border-radius:6px;background:var(--card) center/10px no-repeat;box-shadow:inset 0 0 0 1px var(--line);
  background-image:linear-gradient(var(--ink),var(--ink)),linear-gradient(var(--ink),var(--ink));background-size:10px 1.5px,1.5px 10px;transition:transform .2s}
details[open] summary::after{background-size:10px 1.5px,0 0}
details p{padding:0 20px 20px;max-width:70ch}
details p a{color:var(--ink)}

/* close */
.close{position:relative;padding-block:120px 140px;text-align:center;overflow:hidden}
.close .wrap{position:relative;z-index:1}
.close .win{max-width:900px;margin-inline:auto}
.close .inner{padding:64px 32px 52px;display:grid;justify-items:center;gap:22px;text-align:center}
.nlc{width:100%;max-width:560px;display:grid;gap:12px;margin-top:10px;padding-top:24px;border-top:1px solid var(--line2)}
.nlc .tp{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
form.sub{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
form.sub label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
form.sub input{flex:1 1 220px;min-width:0;max-width:340px;height:44px;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--card);border:0;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--line)}
form.sub input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
.msg{font-size:13px;color:var(--muted);min-height:20px}

/* footer */
footer{background:var(--panel);color:var(--panel-mut);padding-block:64px 36px}
footer .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
footer h4{font-size:14px;font-weight:500;color:var(--panel-fg);margin-bottom:12px}
footer li a{display:block;font-size:14px;color:var(--panel-mut);text-decoration:none;padding:4px 0}
footer li a:hover{color:var(--panel-fg)}
.fbot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;padding-top:40px;margin-top:16px;border-top:1px solid var(--panel-line)}
.fbot .brand{color:var(--panel-fg);font-size:28px}
.fbot .brand .bm{width:30px;height:30px;background:var(--panel-fg);grid-template-columns:repeat(3,5px)}
.fbot .brand .bm i{width:5px;height:5px}
.fbot p{font-size:13px}

/* motion */
.js .rv{transition:transform .8s var(--ease)}
.js .rv.pre{transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){.track{animation:none}.js .rv.pre{transform:none}html{scroll-behavior:auto}}

/* responsive */
@media (max-width:1080px){
  .nav nav{display:none} .nav .wrap{grid-template-columns:1fr auto}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))} .bento .s2.full{grid-column:1/-1}
  .split{grid-template-columns:minmax(0,1fr)}
  .stats,.chapters,.uni,.origins{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logos{grid-template-columns:repeat(9,minmax(0,1fr))}
  .eras{grid-template-columns:repeat(4,minmax(0,1fr))}
  .float{display:none}
}
@media (max-width:760px){
  .sec{padding-block:80px} .hero{padding-top:56px}
  .lead{font-size:17px}
  .nav .r a.j{display:none}
  .bento,.vers,.stats,.chapters,.uni,.origins{grid-template-columns:minmax(0,1fr)} .s2{grid-column:auto}
  .split .l{grid-template-columns:minmax(0,1fr);padding:18px} .split .r{padding:24px}
  .logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 16px}
  .duo{grid-template-columns:minmax(0,1fr)}
  .win-bar{flex-wrap:wrap;gap:6px 12px} .win-bar .dots{display:none} .win-bar .state{margin-left:0}
  .q-r{grid-template-columns:auto minmax(0,1fr)} .q-r .tag,.q-r .acts{grid-column:2;justify-self:start}
  .q-r.ask .acts{justify-content:flex-start}
  .loop{grid-template-columns:minmax(0,1fr)} .step::after{content:"↓";right:auto;left:50%;top:auto;bottom:-14px;transform:translateX(-50%)}
  .blk{padding:24px 18px;border-radius:16px}
  .l-r{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}
  .l-h,.l-f{padding-inline:16px}
  .eras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plot{height:200px;margin-left:34px}
  .close .inner{padding:44px 18px 36px}
  footer .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.brand .sym{display:block;width:26px;height:26px;flex:none}
.brand .sym svg{display:block;width:100%;height:100%}
.fbot .brand .sym{width:30px;height:30px}
.brand .bw{font:600 19px/1 var(--sans);letter-spacing:-.045em;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2px 1px 3px 0}
.fbot .brand .bw{font-size:24px}
.bigmark span{background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0)!important;-webkit-background-clip:text!important;background-clip:text!important}

.together{display:grid;gap:30px;padding:64px 0 56px;border-top:1px solid var(--panel-line);margin-top:48px}
.tg-l{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,26px)}
.tg-s{flex:none;width:clamp(40px,5.6vw,80px)}.tg-s svg{display:block;width:100%;height:auto}
.tg-w{font:600 clamp(30px,5.6vw,80px)/1 var(--sans);letter-spacing:-.055em;padding-bottom:.08em;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent}
.tg-d{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 52px;padding-top:24px;border-top:1px solid var(--panel-line)}
.tg-d a,.tg-d>span{display:flex;align-items:baseline;gap:9px;text-decoration:none}
.tg-d b{font:600 24px/1 var(--sans);letter-spacing:-.045em;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:3px}
.tg-d a span,.tg-d>span span{font:13px var(--mono);color:var(--panel-mut)}
@media (max-width:760px){.tg-l{flex-direction:column;text-align:center}.tg-w{font-size:12vw}}

/* ===== reference sections, set in the Jasper system ===== */
.v16p{--white:#ffffff;--card:var(--tile);--bg:#ffffff;--btn:var(--ink);--btn2:var(--ink);--eng:var(--sig);--ana:var(--dec);
 --serif:"Fraunces","Iowan Old Style",Georgia,serif;--r:16px;--line2:#efeeea}
.v16p .dot{display:inline-block;width:8px;height:8px;border-radius:2px;flex:none}
.v16p .d-e{background:var(--sig)}.v16p .d-a{background:var(--dec)}.v16p .d-c{background:var(--cre)}
.v16p .rv{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.v16p .ht-k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
@keyframes land{to{opacity:1;transform:none}}
.v16p .entry{position:relative;padding:34px 32px 24px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 24px 50px -30px rgba(40,40,30,.35)}
.v16p .entry .tab{position:absolute;top:-1px;right:24px;padding:5px 10px;border-radius:0 0 7px 7px;background:var(--btn);color:#fff;font:11px var(--mono)}
.v16p .hw{font:400 clamp(28px,2.8vw,38px)/1 var(--serif);letter-spacing:-.035em;color:var(--ink)}
.v16p .pron{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;color:var(--muted);font-size:13px}
.v16p .pron i{font-family:var(--serif)}
.v16p .entry ol{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:s}
.v16p .entry li{display:grid;grid-template-columns:24px minmax(0,1fr);counter-increment:s}
.v16p .entry li::before{content:counter(s) ".";font:12px var(--mono);color:var(--muted);padding-top:.5em}
.v16p .inf{font:400 17px/1.4 var(--serif);color:var(--text)}
.v16p .inf i{font-size:.85em;color:var(--muted);margin-right:6px}
.v16p .entry .acts{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}
.v16p .cite{margin-top:12px;font:11.5px var(--mono);color:var(--muted)}
.v16p .ff{list-style:none;margin:40px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 2px;max-width:900px}
.v16p .ff button{border:0;background:none;padding:6px 12px;border-radius:999px;font:500 13.5px var(--sans);color:var(--muted);cursor:pointer;transition:color .2s,background .2s}
.v16p .ff button:hover{color:var(--ink)}
.v16p .ff button[aria-pressed="true"]{background:var(--btn);color:#fff}
.v16p .field{list-style:none;margin:22px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px}
.v16p .field li{transition:opacity .35s var(--ease),filter .35s var(--ease)}
.v16p .field li.dim{opacity:.12;filter:grayscale(1)}
.v16p .field .lg{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(20,30,40,.08);transition:transform .35s var(--ease),box-shadow .35s}
.js .v16p .field:not(.in) .lg{opacity:0;transform:translateY(10px) scale(.9)}
.v16p .field.in .lg{transition:transform .5s var(--ease),opacity .5s,box-shadow .35s;transition-delay:calc(var(--d,0)*16ms)}
.v16p .field .lg.ring{box-shadow:inset 0 0 0 1px var(--line)}
.v16p .field .lg i{display:block;width:24px;height:24px;background:var(--fg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.v16p .field .lg.wide i{width:32px;height:24px}
.v16p .field .lg.tt i{filter:drop-shadow(1.2px 1px 0 #FE2C55) drop-shadow(-1.2px -1px 0 #25F4EE)}
.v16p .field .lg.snap i{filter:drop-shadow(0 0 .6px #000) drop-shadow(0 0 .6px #000)}
.v16p .field li:hover .lg{transform:scale(1.25);box-shadow:0 12px 24px -10px rgba(20,30,40,.4);transition-delay:0s}
.v16p .punch{margin:44px auto 0;font:400 clamp(24px,2.6vw,34px)/1.2 var(--serif);letter-spacing:-.025em;color:var(--ink);max-width:28ch}
.v16p .punch em{font-style:italic}
.v16p .roles{position:relative;background:#16151d;color:#e9e7ef;padding-block:150px 150px;isolation:isolate;overflow:hidden;scroll-margin-top:0}
.v16p .roles #stars{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.v16p .roles .k{color:#9c99ad}
.v16p .roles .h2{color:#fff;max-width:22ch;margin-top:20px}
.v16p .roles .g{color:#8f8ca3}
.v16p .roles .lead{color:#bdbacb;margin-top:16px}
.v16p .roles .more{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#a7a4b8;font-size:15px}
.v16p .roles .tl{color:#fff}
@media (max-width:640px){.v16p .roles{padding-block:100px}
.v16p .field .lg{width:40px;height:40px}
.v16p .field{gap:9px}}
@media (prefers-reduced-motion:reduce){.js .v16p .field:not(.in) .lg{opacity:1;transform:none}}
.v16p .shelf{margin:72px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:56px 72px}
.v16p .bk{display:grid;gap:22px;align-content:start;text-decoration:none;color:inherit}
.v16p .bk-wrap{position:relative;padding:0 16px 16px}
.v16p .book{position:relative;z-index:1;background:#fbfbf7;border:1px solid var(--line);border-radius:10px;padding:26px 20px 12px 40px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.04),0 22px 40px -26px rgba(40,40,30,.32);transition:transform .5s var(--ease)}
.v16p .book::before{content:"";position:absolute;left:12px;top:-1px;bottom:-1px;width:10px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#f4f4ef}
.v16p .book h3{font:400 18px/1.25 var(--sans);letter-spacing:-.012em;color:var(--ink)}
.v16p .book hr{border:0;border-top:1px solid var(--line);margin:18px 0 10px}
.v16p .book .chn{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:var(--muted)}
.v16p .book .chn .dot{width:6px;height:6px}
.v16p .book .art{margin-top:14px;aspect-ratio:5/4;border-radius:5px;overflow:hidden;background:#c98590}
.v16p .book .art canvas{width:100%;height:100%}
.v16p .book .bot{display:flex;justify-content:space-between;margin-top:14px;font:9.5px var(--mono);color:var(--faint)}
.v16p .sleeve{position:absolute;z-index:2;left:0;right:0;bottom:0;height:27%;border-radius:6px 6px 18px 18px;background:rgba(246,246,242,.34);backdrop-filter:blur(5px) saturate(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.05);border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 12px 26px -16px rgba(40,40,30,.3);pointer-events:none}
.v16p .bk:hover .book,.v16p .bk:focus-visible .book{transform:translateY(-14px)}
.v16p .bk > span{text-align:center;font:12.5px var(--mono);color:var(--muted);transition:color .25s}
.v16p .bk:hover > span{color:var(--ink)}
@media (max-width:640px){.v16p .shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;margin-top:48px}
.v16p .bk-wrap{padding:0 7px 8px}
.v16p .book{padding:14px 9px 8px 22px;border-radius:8px}
.v16p .book::before{left:6px;width:6px}
.v16p .book h3{font-size:13px}
.v16p .book hr{margin:10px 0 6px}
.v16p .book .chn{font-size:8.5px}
.v16p .book .art{margin-top:8px}
.v16p .book .bot{font-size:8px;margin-top:8px}
.v16p .sleeve{border-radius:5px 5px 12px 12px}
.v16p .bk > span{font-size:11px}}
.v16p .uni{margin-top:110px;text-align:left}
.v16p .uni-h{display:grid;justify-items:center;text-align:center}
.v16p .uni-h .h2{margin-top:18px;max-width:22ch}
.v16p .uni-h .lead{margin-top:14px;max-width:54ch}
.v16p .unis{margin-top:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v16p .uc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:18px 18px 16px;min-width:0;transition:border-color .25s,background .25s}
.v16p .uc:hover{border-color:#cfcfc8;background:var(--white)}
.v16p .uc .uh{display:flex;align-items:center;gap:12px}
.v16p .ut{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--white);border:1px solid var(--line);flex:none}
.v16p .ut img{width:20px;height:20px}
.v16p .ut b{font:400 22px var(--serif);color:var(--ink)}
.v16p .uc h3{font-size:16px;font-weight:500;letter-spacing:-.01em}
.v16p .uc .uh p{font-size:12.5px;color:var(--muted)}
.v16p .uc ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line2);flex:1}
.v16p .uc li{border-bottom:1px solid var(--line2)}
.v16p .uc li a{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:2px 8px;padding:10px 0;text-decoration:none}
.v16p .uc li span{font-size:14px;color:var(--ink);line-height:1.35}
.v16p .uc li em{grid-column:1;font-style:normal;font:11px var(--mono);color:var(--faint)}
.v16p .uc li i{grid-row:1;grid-column:2;font-style:normal;color:var(--muted)}
.v16p .uc li a:hover span{text-decoration:underline}
.v16p .uo{margin-top:14px;font-size:13.5px;font-weight:500;text-decoration:none;color:var(--ink)}
.v16p .ut svg{width:22px;height:22px;display:block}
.v16p .ut .wm{font:700 13px/1 var(--sans);letter-spacing:-.02em;color:#000}
.v16p .ut img.lg-clay{width:28px;height:28px}
.v16p .ut.big img.lg-clay{width:50px;height:50px}
.v16p .oc .ut img.lg-clay{width:32px;height:32px}
.v16p .uh{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.v16p .uh:hover h3{text-decoration:underline}
.v16p .entry.big{padding:44px 44px 30px;border-radius:20px}
.v16p .entry.big .hw{font-size:clamp(32px,3.4vw,48px)}
.v16p .entry.big .def{font-size:clamp(21px,1.9vw,26px)}
.v16p .crafts3{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.v16p .crafts3 span{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:8px;border:1px solid var(--line);background:var(--card);font:12px var(--mono);color:var(--text)}
.v16p .uses{display:grid;gap:12px;align-content:stretch}
.v16p .use{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:22px 22px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:background .25s,border-color .25s}
.v16p .use:hover{background:var(--white);border-color:#d6d6cf}
.v16p .ui-n{font:12px var(--mono);color:var(--muted);padding-top:5px}
.v16p .use h3{font:400 23px/1.15 var(--serif);letter-spacing:-.02em}
.v16p .use p{margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.v16p .use .cite{margin-top:12px;padding:9px 11px;border-radius:8px;background:var(--white);border:1px dashed var(--line);font:11.5px/1.5 var(--mono);color:var(--text);overflow-wrap:anywhere}
.v16p .use .btn.sm{margin-top:10px;height:36px;font-size:13.5px;padding:0 14px}
.v16p .use .tl{display:inline-block;margin-top:10px;font-size:14px;color:var(--ink)}
.v16p .tline{list-style:none;margin:40px 0 0;padding:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.v16p .tline li{position:relative;padding-top:22px}
.v16p .tline li::before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-radius:3px;background:var(--faint)}
.v16p .tline li::after{content:"";position:absolute;top:5px;left:18px;right:-14px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 4px,transparent 4px 8px)}
.v16p .tline li:last-child::after{display:none}
.v16p .tline li.cur::before{background:linear-gradient(135deg,var(--eng),var(--ana),var(--cre))}
.v16p .tline li.next::before{background:none;border:1.5px dashed var(--muted)}
.v16p .tline .v{font:500 12px var(--mono);color:var(--ink)}
.v16p .tline b{display:block;margin-top:4px;font-weight:500;font-size:15px;color:var(--ink)}
.v16p .tline li.next b{color:var(--muted)}
.v16p .tline p{margin-top:4px;font-size:14px;color:var(--muted);max-width:32ch}
@media (max-width:640px){.v16p .entry.big{padding:34px 20px 22px}
.v16p .tline{grid-template-columns:minmax(0,1fr);gap:18px}
.v16p .tline li::after{display:none}}
.v16p .field .lg{position:relative}
.v16p .field .lg.px-ready{border-radius:12px}
.v16p .field .lg.px-ready > i{opacity:1}
.v16p .field .lg canvas.pxl{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}
.v16p .field li:hover .lg.px-ready{box-shadow:none;filter:drop-shadow(0 8px 10px rgba(20,30,40,.28))}
.v16p .field .lg{width:48px;height:48px}
.v16p .field li{position:relative}
.v16p .field li[data-name]::after{content:attr(data-name);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);padding:5px 9px;border-radius:7px;background:var(--btn);color:#fff;font:500 12px/1 var(--sans);letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s,transform .18s;z-index:5;box-shadow:0 6px 14px -6px rgba(0,0,0,.35)}
.v16p .field li[data-name]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);width:8px;height:8px;background:var(--btn);transform:translate(-50%,4px) rotate(45deg);opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;z-index:4}
.v16p .field li[data-name]:hover::after,.v16p .field li[data-name]:hover::before{opacity:1;transform:translate(-50%,0)}
.v16p .field li[data-name]:hover::before{transform:translate(-50%,0) rotate(45deg)}
.v16p .field li.dim[data-name]::after,.v16p .field li.dim[data-name]::before{display:none}
@media (max-width:980px){.v16p .unis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.v16p .unis{grid-template-columns:minmax(0,1fr)}
.v16p .uni{margin-top:80px}
.v16p .field .lg{width:40px;height:40px}}
@media (max-width:640px){.v16p .entry{padding:30px 20px 20px}}
.v16p .ut{background:none!important;border:0!important;border-radius:0!important;width:auto!important;min-width:32px;justify-content:start}
.v16p .ut svg{width:28px;height:28px}
.v16p .ut img{width:28px;height:28px}
.v16p .ut img.lg-clay{width:34px;height:34px}
.v16p .ut.big svg,.v16p .ut.big img{width:52px;height:52px}
.v16p .ut.big img.lg-clay{width:60px;height:60px}
@keyframes shine{0%{background-position:160% 0,0 0}55%,100%{background-position:-60% 0,0 0}}
.v16p .roles::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/40px 40px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 55%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 55%,#000 30%,transparent 80%)}
.js .v16p .roles:not(.lit) .vbox .vc{stroke-dashoffset:805;fill:transparent}
.js .v16p .roles:not(.lit) .vbox .core,.js .v16p .roles:not(.lit) .vbox .glow{opacity:0}
@keyframes breathe{50%{opacity:.25}}
.js .v16p .roles:not(.lit) .vbox .pmel{transform:scale(.4);opacity:0}
.js .v16p .roles:not(.lit) .vbox .pin{opacity:0;transform:translateY(8px)}
.js .v16p .roles:not(.lit) #pline{opacity:0}
@keyframes march{to{stroke-dashoffset:-16}}
@keyframes ping{0%{stroke-opacity:.7;r:9}100%{stroke-opacity:0;r:24}}
@keyframes fillbar{to{width:100%}}
@keyframes rin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}
.v16p .proof{border-top:0}
.v16p .pc{position:relative;display:grid;gap:8px;align-content:center;padding:26px 24px;border-left:1px solid var(--line);text-decoration:none;color:inherit;min-height:116px;transition:background .25s}
.v16p .pc:first-child{border-left:0}
.v16p a.pc:hover{background:var(--card)}
.v16p .pc .pl{display:flex;align-items:center;gap:10px}
.v16p .pc .pl svg,.v16p .pc .pl img{width:22px;height:22px;flex:none}
.v16p .pc .pl img.lg-clay{width:26px;height:26px}
.v16p .pc .pl b{font:500 17px var(--sans);color:var(--ink);letter-spacing:-.01em}
.v16p .pc em{font-style:normal;font:11.5px var(--mono);color:var(--muted)}
.v16p .pc > i{position:absolute;top:12px;right:14px;font-style:normal;font-size:12px;color:var(--faint);transition:color .2s,transform .2s}
.v16p a.pc:hover > i{color:var(--ink);transform:translate(2px,-2px)}
.v16p .pc.lead0 p{font-size:14.5px;color:var(--text);max-width:24ch}
.v16p .pcap{position:absolute;left:30px;bottom:28px;font:11px var(--mono);letter-spacing:.04em;color:var(--muted);background:var(--panel);padding:3px 8px;border-radius:6px}
.v16p .roles{border-top:0}
.v16p .roles .rtabs{margin-top:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid rgba(255,255,255,.1);border-radius:0 0 20px 20px;overflow:hidden}
.v16p .roles .rtabs button{border:0;border-left:1px solid rgba(255,255,255,.1);border-radius:0;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:rgba(255,255,255,.02);font-size:13.5px;line-height:1.25}
.v16p .roles .rtabs button:first-child{border-left:0}
.v16p .roles .rtabs button[aria-selected="true"]{background:#fff;color:#16151d}
.v16p .roles .rgrid{margin-top:16px}
@media (max-width:980px){.v16p .pc{border-top:1px solid var(--line)}
.v16p .pc.lead0{grid-column:1/-1;border-top:0}
.v16p .pc:nth-child(2n){border-left:0}
.v16p .roles .rtabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.v16p .roles .rtabs button:nth-child(4){border-left:0}
.v16p .roles .rtabs button:nth-child(n+4){border-top:1px solid rgba(255,255,255,.1)}}
@media (max-width:640px){.v16p .pcap{left:18px;bottom:16px}
.v16p .roles .rtabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.v16p .roles .rtabs button{border-left:1px solid rgba(255,255,255,.1)!important;border-top:1px solid rgba(255,255,255,.1)}
.v16p .roles .rtabs button:nth-child(odd){border-left:0!important}
.v16p .roles .rtabs button:nth-child(-n+2){border-top:0}}
.v16p .ht-k.hchip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:9px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 12.5px/1 var(--sans);letter-spacing:0;text-transform:none;opacity:1;text-shadow:none}
.v16p .ht-k.hchip i{width:6px;height:6px;border-radius:2px;background:#fff}
.v16p .prow .pc{padding:20px 16px;min-height:100px;border-left:1px solid var(--line2)}
.v16p .prow .pc:first-child{border-left:0}
.v16p .prow .pc .pl b{font-size:15.5px}
.v16p .prow .pc .pl svg,.v16p .prow .pc .pl img{width:18px;height:18px}
.v16p .prow .pc .pl img.lg-clay{width:22px;height:22px}
.v16p .pj .pl b{font-weight:600}
.v16p .qs{padding-block:96px 90px;text-align:center;overflow:hidden}
.v16p .mq{overflow:hidden}
.v16p .qs .h2{margin-inline:auto;max-width:24ch}
.v16p .mq{position:relative;z-index:1;margin-top:40px;display:grid;gap:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.v16p .mq .row{display:flex;gap:12px;width:max-content;animation:qslide 64s linear infinite}
.v16p .mq .row.r2{animation-direction:reverse;animation-duration:74s}
.v16p .mq:hover .row{animation-play-state:paused}
.v16p .qq{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;background:var(--white);border:1px solid var(--line);font-size:15px;color:var(--ink);white-space:nowrap;box-shadow:0 1px 2px rgba(20,20,10,.04)}
.v16p .qq i{width:7px;height:7px;border-radius:2px;background:var(--c)}
@keyframes qslide{to{transform:translateX(-33.333%)}}
@media (prefers-reduced-motion:reduce){.v16p .mq .row{animation:none}}
@media (max-width:980px){.v16p .prow .pc{border-top:0}
.v16p .prow .pc:nth-child(odd){border-left:0}
.v16p .prow .pc:nth-child(n+3){border-top:1px solid var(--line2)}}
.v16p .roles.uc2{background:#121117;padding:0 0 0;border-top:0;color:#e9e7ef;overflow:hidden}
.v16p .roles.uc2::before,.v16p .roles.uc2::after{display:none}
.v16p .hzw{position:relative;max-width:1140px;margin:0 auto;border-inline:1px solid rgba(255,255,255,.08)}
.v16p #rolesHz{display:block;width:100%;height:clamp(320px,40vw,480px);image-rendering:pixelated}
.v16p .hzt{position:absolute;left:0;right:0;top:clamp(56px,11vw,130px);text-align:center;display:grid;justify-items:center;gap:10px}
.v16p .hzt h2{font:500 clamp(40px,6.6vw,84px)/1 var(--sans);letter-spacing:-.045em;color:#fff;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.v16p .hzt h2 .tm{font:500 .2em var(--mono);letter-spacing:.06em;vertical-align:2.9em;margin-left:.3em;color:#a7a4b8}
.v16p .rcells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.12);margin-inline:-28px}
.v16p .rc{position:relative;display:grid;align-content:start;gap:8px;padding:26px 20px 48px;min-height:230px;border-left:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;transition:background .3s}
.v16p .rc:first-child{border-left:0}
.v16p .rc svg{width:22px;height:22px;fill:none;stroke:#a7a4b8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:36px;transition:stroke .3s}
.v16p .rc b{font:500 15.5px/1.3 var(--sans);color:#fff}
.v16p .rc span{font-size:13.5px;line-height:1.45;color:#8f8ca3}
.v16p .rc i{position:absolute;left:20px;bottom:18px;font:normal 11.5px var(--mono);color:#6d6a80;transition:color .3s,transform .3s}
.v16p .rc:hover{background:rgba(255,255,255,.035)}
.v16p .rc:hover svg{stroke:#fff}
.v16p .rc:hover i{color:#fff;transform:translateX(3px)}
.v16p .rc::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cre),var(--ana),var(--eng),transparent);opacity:0;transition:opacity .3s}
.v16p .rc:hover::after{opacity:1}
.v16p .rfoot{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;padding:34px 0 110px}
.v16p .rfoot p{font-size:17px;color:#fff;max-width:56ch}
.v16p .rfoot p span{color:#8f8ca3}
.v16p .rfoot .tl{color:#fff}
@media (max-width:980px){.v16p .rcells{grid-template-columns:repeat(3,minmax(0,1fr))}
.v16p .rc:nth-child(4){border-left:0}
.v16p .rc:nth-child(n+4){border-top:1px solid rgba(255,255,255,.08)}}
@media (max-width:640px){.v16p .rcells{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:-16px}
.v16p .rc{min-height:180px;border-left:1px solid rgba(255,255,255,.08)!important;border-top:1px solid rgba(255,255,255,.08)}
.v16p .rc:nth-child(odd){border-left:0!important}
.v16p .rc:nth-child(-n+2){border-top:0}
.v16p .rc svg{margin-bottom:20px}}
.v16p .field li[data-name]::after,.v16p .field li[data-name]::before{display:none!important}
.js .v16p .rcells .rc.rv:not(.in){transform:translateX(-18px);opacity:.15}
.v16p .rcells .rc.rv{transition:opacity .6s var(--ease),transform .6s var(--ease),background .3s}
.v16p .rcells .rc.rv:nth-child(2){transition-delay:.08s}
.v16p .rcells .rc.rv:nth-child(3){transition-delay:.16s}
.v16p .rcells .rc.rv:nth-child(4){transition-delay:.24s}
.v16p .rcells .rc.rv:nth-child(5){transition-delay:.32s}
.v16p .rcells .rc.rv:nth-child(6){transition-delay:.4s}
.v16p .pgrid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:-28px}
.v16p .pgrid4 .pc{display:grid;justify-items:center;align-content:center;gap:8px;min-height:112px;padding:24px 16px;border-left:1px solid var(--line);text-align:center}
.v16p .pgrid4 .pc:first-child{border-left:0}
.v16p .pgrid4 .pc .pl{display:flex;align-items:center;justify-content:center;gap:10px;height:28px}
.v16p .pgrid4 .pc .pl svg,.v16p .pgrid4 .pc .pl img{width:auto;height:24px;max-width:28px;flex:none;object-fit:contain}
.v16p .pgrid4 .pc .pl img.lg-clay{height:26px;width:26px}
.v16p .pgrid4 .pc .pl b{font:500 18px/1 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.v16p .pgrid4 .pc em{font:11.5px var(--mono);color:var(--muted)}
.v16p .pgrid4 .pc > i{top:14px;right:16px}
@media (max-width:760px){.v16p .pgrid4{grid-template-columns:repeat(2,minmax(0,1fr))}
.v16p .pgrid4 .pc:nth-child(3){border-left:0}
.v16p .pgrid4 .pc:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:640px){.v16p .pgrid4{margin-inline:-16px}
.v16p .pgrid4 .pc{min-height:96px}}
.v16p .rfoot{flex-wrap:wrap}
.v16p .rfoot .meth{flex-basis:100%;order:3;font-size:13px!important;color:#77748a!important;margin-top:-6px}
.v16p .pcap{margin:0 0 6px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}
.v16p .hire .src.meth{margin-top:6px;max-width:760px}
.v16p .qs{padding-block:112px!important}
.v16p .qs{padding-block:96px 88px!important}
.v16p .qs .shead{margin-bottom:36px}
@keyframes pulse{50%{box-shadow:0 0 0 6px transparent}}
.v16p .proof{border-top:0!important}
.v16p .proof .wrap{padding-block:0}
.v16p .proof .pcap{padding:26px 0 4px;text-align:center}
.v16p .why .ff{margin-top:0}
.v16p .why .punch{margin-top:48px}
.v16p .library .shelf{margin-top:0}
@media (max-width:640px){.v16p .qs{padding-block:80px!important}}
.v16p .proof .pcap{position:static!important;inset:auto!important;transform:none!important;background:none!important;border:0!important;padding:26px 0 4px!important;margin:0!important;display:block!important;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;box-shadow:none!important;width:auto!important}
.v16p .uni-h{text-align:left!important;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px 64px;align-items:end}
.v16p .uni-h .h2,.v16p .uni-h .lead{margin-inline:0!important;text-align:left!important}
.v16p .uni-h .chip{grid-column:1/-1;justify-self:start}
@media (max-width:980px){.v16p .uni-h{grid-template-columns:minmax(0,1fr)}}
.v16p .wm{font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v16p .wm b{font-weight:500;color:var(--ink);text-transform:none;letter-spacing:0;margin-left:6px}
@media (max-width:980px){.v16p .wm{display:none}}
.v16p .jh .lg{position:relative;width:44px;height:44px;border-radius:11px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden}
.v16p .jh .lg img{position:absolute;inset:9px;width:26px;height:26px;object-fit:contain;z-index:1;background:#fff}
.v16p .jh .lg b{font:500 17px var(--sans);color:var(--ink)}
.v16p .ht{padding:110px 0;border-top:1px solid var(--line,#e7e6e1);position:relative;overflow:hidden}
.v16p .ht-w{max-width:1180px;margin:0 auto;padding:0 28px}
.v16p .ht-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.v16p .ht-k{font:12px "Geist Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7b7d84;margin:0}
.v16p .ht h2{max-width:none!important;margin:14px 0 0;font:400 clamp(34px,4.4vw,58px)/1.04 "Geist",ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;color:#16181d}
.v16p .ht h2 span{color:#9b9b93}
.v16p .ht-d{margin:0;font-size:17px;line-height:1.6;color:#3d3f45}
.v16p .ht-btn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;height:44px;padding:0 18px;background:#16181d;color:#fff;text-decoration:none;font:500 15px "Geist",sans-serif;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
.v16p .ht-track{position:relative;margin-top:56px;height:230px}
.v16p .ht-track svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v16p .ht-track path{fill:none;stroke:#16181d;stroke-width:1.6;stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke-dashoffset 2.4s cubic-bezier(.45,.05,.25,1)}
.v16p .ht.in .ht-track path{stroke-dashoffset:0}
.v16p .ht-n{position:absolute;transform:translate(-50%,-50%);text-decoration:none;color:#16181d;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transition:opacity .5s,transform .3s}
.v16p .ht.in .ht-n{opacity:1}
.v16p .ht-n:hover{transform:translate(-50%,-56%)}
.v16p .ht-n i{width:16px;height:16px;background:var(--c);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 16%,transparent)}
.v16p .ht-n b{font:500 15px "Geist",sans-serif;padding:3px 9px;background:#16181d;color:#fff;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.v16p .ht-n span{font:11.5px "Geist Mono",monospace;color:#7b7d84;white-space:nowrap}
.v16p .ht-n.up{flex-direction:column-reverse}
.v16p .ht.warm .ht-n b{background:#3a3a38}
@media (max-width:860px){.v16p .ht-head{grid-template-columns:1fr}
.v16p .ht-track{height:auto;margin-top:36px}
.v16p .ht-track svg{display:none}
.v16p .ht-list{display:grid!important;grid-template-columns:1fr;gap:12px}
.v16p .ht-n{position:static;transform:none;opacity:1;flex-direction:row!important;justify-content:flex-start}
.v16p .ht-n:hover{transform:none}}
/* one type system: Geist everywhere, Fraunces only inside the dictionary entry */
.v16p .punch,.v16p .punch em{font:500 clamp(24px,2.6vw,34px)/1.15 var(--sans);letter-spacing:-.03em;font-style:normal}
.v16p .punch em{color:var(--muted)}
.v16p .ut b{font:500 17px/1.2 var(--sans);letter-spacing:-.015em}
/* split head */
.shd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px 72px;align-items:end}
.shd-l{display:grid;justify-items:start;gap:16px}
.shd .h2{text-align:left;max-width:15ch}
.shd-r{display:grid;justify-items:start;gap:14px;padding-bottom:6px}
.shd-r .lead{font-size:17px;color:var(--text);max-width:46ch}
@media (max-width:860px){.shd{grid-template-columns:minmax(0,1fr);gap:16px}.shd .h2{max-width:none}}
/* trust */
.jtrust .proof{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin-top:56px}
.v16p.jtrust .proof .pcap{font:400 15px var(--sans)!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--muted)!important;padding:30px 0 10px!important}
.v16p.jtrust .pgrid4 .pc{border-radius:12px;border-left-color:var(--line2);min-height:104px}
.v16p.jtrust a.pc:hover{background:var(--tile)}
.v16p.jtrust .pgrid4 .pc .pl b{font-size:20px}
.v16p.jtrust .pgrid4 .pc .pl svg,.v16p.jtrust .pgrid4 .pc .pl img{height:26px;max-width:30px}
/* why: the 45 platforms */
.jfield{margin-top:44px;text-align:center}
.v16p.jfield .ff{margin:0 auto;gap:6px}
.v16p.jfield .ff button{padding:9px 16px;font-size:15px}
.v16p.jfield .field{max-width:1100px;gap:14px;margin-top:30px}
.v16p.jfield .field .lg{width:64px;height:64px;border-radius:16px}
.v16p.jfield .field .lg i{width:32px;height:32px}
.v16p.jfield .field .lg.wide i{width:42px;height:30px}
.v16p.jfield .field li:hover .lg{transform:translateY(-6px) scale(1.12);box-shadow:0 18px 30px -14px rgba(17,18,20,.45)}
.v16p.jfield .cap{margin-top:30px;font-size:16px;color:var(--muted)}
.v16p.jfield .punch{margin-top:56px}
@media (max-width:760px){.v16p.jfield .field{gap:9px}.v16p.jfield .field .lg{width:46px;height:46px;border-radius:12px}.v16p.jfield .field .lg i{width:24px;height:24px}.v16p.jfield .ff button{padding:7px 11px;font-size:13.5px}}
/* definition (was "the standard") */
.v16p.jdef .entry.big{border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -40px rgba(17,18,20,.35)}
.v16p.jdef .entry .tab{top:0;border-radius:0 0 8px 8px;background:var(--ink)}
.v16p.jdef .entry .meta{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.v16p.jdef .entry .meta span{display:block;font:11px var(--mono);color:var(--muted)}
.v16p.jdef .entry .meta b{font-weight:500;color:var(--ink);font-size:15px}
.v16p.jdef .entry .acts{margin-top:22px}
.v16p.jdef .tline{border-top:1px dashed var(--line)}
.v16p.jdef .tline li.cur::before{background:linear-gradient(135deg,var(--sig),var(--dec),var(--cre))}
/* roles: light arch */
.rmeet{position:relative;background:var(--tile);border-radius:28px;box-shadow:inset 0 0 0 1px var(--line2);padding:80px 28px 28px;overflow:hidden;isolation:isolate}
.rmeet .persp{position:absolute;inset:0;z-index:-1;opacity:.7;pointer-events:none}
.rmeet .persp svg{width:100%;height:100%}
.rmeet .persp line{stroke:var(--persp);stroke-width:1;vector-effect:non-scaling-stroke}
.rm-t{display:grid;justify-items:center;gap:14px;text-align:center;position:relative;z-index:2}
.rm-t .h2{font-size:clamp(44px,6.4vw,88px);letter-spacing:-.05em;line-height:1}
.rarch{position:relative;margin:4px -28px 0;aspect-ratio:1200/320;max-height:400px}
.rarch svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rarch .dome{opacity:.16}
.rarch .rays{stroke-width:1.5;opacity:.38;vector-effect:non-scaling-stroke}
.rarch .rays line{vector-effect:non-scaling-stroke}
.rarch .drops line{stroke:var(--faint);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.rarch polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.rarch .ln{stroke-width:3.5}
.rarch .glow{stroke-width:14;opacity:.22;filter:blur(6px)}
.rarch .rays,.rarch .ln,.rarch .glow,.rarch .dome{clip-path:inset(0 100% 0 0);transition:clip-path 1.9s var(--ease)}
.rmeet.in .rarch .rays,.rmeet.in .rarch .ln,.rmeet.in .rarch .glow,.rmeet.in .rarch .dome{clip-path:inset(0 0 0 0)}
.rdot{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--card);box-shadow:0 0 0 4px var(--bg),0 4px 12px -4px rgba(17,18,20,.35);opacity:0;transform:scale(.4);transition:opacity .4s,transform .5s var(--ease)}
.rdot::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--c)}
.rdot.cre{--c:var(--cre)}.rdot.dec{--c:var(--dec)}.rdot.ok{--c:var(--ok)}.rdot.vio{--c:#7b5cf0}.rdot.sig{--c:var(--sig)}
.rmeet.in .rdot{opacity:1;transform:none}
.rmeet.in .rdot:nth-of-type(1){transition-delay:.3s}.rmeet.in .rdot:nth-of-type(2){transition-delay:.55s}.rmeet.in .rdot:nth-of-type(3){transition-delay:.8s}
.rmeet.in .rdot:nth-of-type(4){transition-delay:1.05s}.rmeet.in .rdot:nth-of-type(5){transition-delay:1.3s}.rmeet.in .rdot:nth-of-type(6){transition-delay:1.55s}
.rcellsj{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.rcj{display:flex;flex-direction:column;gap:6px;background:var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);padding:20px 18px 18px;text-decoration:none;color:var(--text);min-height:208px;transition:transform .3s var(--ease),box-shadow .3s}
.rcj:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 22px 40px -22px rgba(17,18,20,.35)}
.ric{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:auto}
.ric svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ric.cre{background:var(--cre-hl)}.ric.dec{background:var(--dec-hl)}.ric.ok{background:var(--ok-hl)}.ric.vio{background:var(--vio-hl)}.ric.sig{background:var(--sig-hl)}
.rcj b{margin-top:22px;font:500 16px/1.25 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.rcj > span:not(.ric){font-size:14px;line-height:1.45;color:var(--muted)}
.rcj i{margin-top:10px;font:500 13px var(--sans);font-style:normal;color:var(--ink)}
.rfootj{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px 64px;align-items:end;margin-top:36px}
.rfootj > div{display:grid;gap:12px;justify-items:start}
@media (max-width:1080px){.rcellsj{grid-template-columns:repeat(3,minmax(0,1fr))}.rdot,.rarch .drops{display:none}}
@media (max-width:760px){.rmeet{padding:56px 14px 14px;border-radius:20px}.rarch{margin:-30px -14px 0}.rcellsj{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rcj{min-height:0;padding:16px 14px}.rcj b{margin-top:14px;font-size:15px}.rfootj{grid-template-columns:minmax(0,1fr)}}
/* hiring carousel */
.jcar{overflow:hidden}
.jtrack{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px max(20px,calc((100vw - 1160px)/2)) 24px;scroll-padding-inline:max(20px,calc((100vw - 1160px)/2))}
.jtrack::-webkit-scrollbar{display:none}
.jcj{flex:0 0 min(84vw,372px);scroll-snap-align:start;position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--text);background:var(--tile);box-shadow:inset 0 0 0 1px var(--line2);min-height:460px;transition:transform .35s var(--ease),box-shadow .35s}
.jcj:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 28px 50px -30px rgba(17,18,20,.4)}
.jart{flex:1;display:grid;place-items:center;padding:34px 40px 18px;position:relative}
.jart::before{content:"";position:absolute;inset:0;z-index:0;background:var(--jbg)}
.jart svg{position:relative;z-index:1;width:min(100%,250px);height:auto;transition:transform .5s var(--ease)}
.jcj:hover .jart svg{transform:translateY(-6px)}
.jcj.all{--jbg:radial-gradient(60% 55% at 22% 30%,var(--cre-hl),transparent 70%),radial-gradient(55% 55% at 80% 35%,var(--sig-hl),transparent 70%),radial-gradient(60% 50% at 50% 85%,var(--dec-hl),transparent 70%)}
.jcj.ds{--jbg:radial-gradient(65% 60% at 25% 35%,var(--dec-hl),transparent 72%),radial-gradient(60% 60% at 78% 70%,var(--sig-hl),transparent 72%)}
.jcj.dc{--jbg:radial-gradient(65% 60% at 72% 30%,var(--dec-hl),transparent 72%),radial-gradient(60% 60% at 25% 75%,var(--sig-hl),transparent 72%)}
.jcj.sg{--jbg:radial-gradient(70% 65% at 50% 40%,var(--sig-hl),transparent 72%),radial-gradient(50% 45% at 85% 85%,var(--vio-hl),transparent 70%)}
.jo{position:relative;min-height:128px;align-content:start;margin:0 10px 10px;background:var(--panel);color:var(--panel-fg);border-radius:14px;padding:14px;display:grid;gap:14px}
.jst{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--panel-line)}
.jst b{font:500 22px/1 var(--sans);letter-spacing:-.025em;color:#fff}
.jst span{font:11.5px var(--mono);color:var(--panel-mut);text-align:right}
.jco{display:flex;gap:12px;align-items:center}
.jco .mono{flex:none;width:34px;height:34px;border-radius:9px;background:#fff;color:var(--ink);display:grid;place-items:center;font:600 14px var(--sans)}
.jco b{display:block;font:500 15.5px/1.25 var(--sans);color:#fff}
.jco div span{display:block;font-size:13.5px;line-height:1.35;color:var(--panel-mut)}
.jcj.more{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);place-items:stretch}
.jcj.more > div{flex:1;display:grid;align-content:space-between;gap:16px;padding:28px}
.jcj.more b{font:500 26px/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink);max-width:12ch}
.jcj.more i{font-style:normal;font-size:28px;color:var(--ink);justify-self:end}
.jnav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.jnav .src{margin:0;display:block}
.jnav .src a{color:var(--ink)}
.jnav > div{display:flex;gap:8px}
.jnav button{width:48px;height:48px;border-radius:10px;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:18px;color:var(--ink);cursor:pointer;transition:background .2s}
.jnav button:hover{background:var(--tile)}
/* learn: books two by two */
.v16p.jshelf .shelf{grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:56px 72px;margin-top:0}
.v16p .book .art{background:var(--tile);display:grid;place-items:center;padding:8px}
.v16p .book .art svg{width:100%;height:auto;max-height:100%}
.v16p .bk:nth-child(1) .book .art{background:var(--sig-hl)}.v16p .bk:nth-child(2) .book .art{background:var(--dec-hl)}
.v16p .bk:nth-child(3) .book .art{background:var(--cre-hl)}.v16p .bk:nth-child(4) .book .art{background:var(--ok-hl)}
@media (max-width:760px){.v16p.jshelf .shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}}
/* university */
.unif{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:28px}
/* history wave */
.hwave{background:var(--tile);border-radius:24px;box-shadow:inset 0 0 0 1px var(--line2);padding:30px 36px}
.hw-in{position:relative;aspect-ratio:1000/220}
.hw-in svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hw-in path{fill:none;stroke:var(--ink);stroke-width:1.4;vector-effect:non-scaling-stroke;clip-path:inset(0 100% 0 0);transition:clip-path 2s var(--ease)}
.hwave.in .hw-in path{clip-path:inset(0 0 0 0)}
.hm{position:absolute;display:grid;justify-items:center;gap:6px;transform:translate(-50%,-50%);text-decoration:none;color:var(--ink);opacity:0;transition:opacity .5s,transform .5s var(--ease)}
.hwave.in .hm{opacity:1}
.hm:nth-of-type(2){transition-delay:.2s}.hm:nth-of-type(3){transition-delay:.4s}.hm:nth-of-type(4){transition-delay:.6s}.hm:nth-of-type(5){transition-delay:.8s}.hm:nth-of-type(6){transition-delay:1s}.hm:nth-of-type(7){transition-delay:1.2s}.hm:nth-of-type(8){transition-delay:1.4s}
.hm i{order:2;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),0 4px 10px -4px rgba(17,18,20,.25)}
.hm i b{width:10px;height:10px;border-radius:3px;background:var(--c)}
.hm.cre{--c:var(--cre)}.hm.dec{--c:var(--dec)}.hm.ok{--c:var(--ok)}.hm.vio{--c:#7b5cf0}.hm.sig{--c:var(--sig)}
.hm .yr{order:1;font:500 13px/1 var(--sans);padding:5px 8px;border-radius:7px;background:var(--ink);color:#fff;transition:background .2s}
.hm .lb{order:3;font-size:13px;white-space:nowrap;color:var(--muted)}
.hm.up{transform:translate(-50%,calc(-100% + 13px))}
.hm.up .lb{order:0}
.hm.up .yr{order:1}.hm.up i{order:2}
.hm.dn{transform:translate(-50%,-13px)}
.hm.dn i{order:1}.hm.dn .yr{order:2}.hm.dn .lb{order:3}
.hm:hover .yr{background:var(--c)}
.hlist{display:none}
@media (max-width:860px){.hw-in{display:none}.hwave{padding:20px}.hlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.hlist li{display:grid;gap:4px}.hlist li > span:last-child{font-size:14px;color:var(--muted);padding-left:28px}}
/* loop */
.loop .step{gap:10px;align-content:start}
.loop .step .sh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.loop .step .n{margin:0}
.loop .step p{font-size:14.5px;line-height:1.5}
.mx{display:grid;gap:8px;margin:4px 0 0;padding-top:12px;border-top:1px dashed var(--line)}
.mx div{display:grid;gap:1px}
.mx dt{font:500 12.5px var(--mono);color:var(--ink)}
.mx dd{margin:0;font-size:13px;color:var(--muted)}
/* footer wordmark, in Geist like every other heading */
.bigmark{overflow:hidden;padding:64px 0 0;text-align:center;user-select:none}
.bigmark span{display:inline-block;white-space:nowrap;font:600 7vw/.9 var(--sans);letter-spacing:-.06em;background:linear-gradient(90deg,var(--cre),var(--dec) 50%,var(--sig));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
@media (max-width:760px){.bigmark span{white-space:normal;font-size:15vw;line-height:.95}}



/* ================= home motion layer ================= */
:root{--vio:#7b5cf0}

/* perspective lines draw out from the vanishing point */
.persp line{stroke-dasharray:1;stroke-dashoffset:1}
.persp.on line{animation:fx-draw 1.6s var(--ease) forwards;animation-delay:calc(var(--k,0)*28ms)}
@keyframes fx-draw{to{stroke-dashoffset:0}}

/* hero queue: rows arrive, text types, pills pop, the last one asks */
.q-r{transition:background .25s,box-shadow .25s,transform .35s var(--ease),opacity .45s var(--ease)}
.fxq .q-r{opacity:0;transform:translateY(8px)}
.fxq .q-r.in{opacity:1;transform:none}
.fxq .q-r .tag,.fxq .q-r .acts{opacity:0;transform:scale(.92);transition:opacity .35s,transform .45s var(--ease)}
.fxq .q-r.done .tag,.fxq .q-r.done .acts{opacity:1;transform:none}
.q-r .what .tw{position:relative}
.q-r .what .car{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:-2px;background:var(--ink);animation:fx-blink .8s steps(1) infinite}
@keyframes fx-blink{50%{opacity:0}}
.q-r:not(.ask):hover{background:#fff;box-shadow:0 1px 2px rgba(17,18,20,.04),0 12px 30px -16px rgba(17,18,20,.28);transform:translateX(4px);position:relative;z-index:2}
.q-r:hover .q-ic{transform:translateY(-2px) scale(1.06)}
.q-ic{transition:transform .35s var(--ease)}
.q-need{display:inline-flex;align-items:center;gap:6px;margin-right:8px;padding:2px 9px 2px 7px;border-radius:999px;background:var(--dec);color:#fff;font-weight:500;font-size:11.5px}
.q-need i{width:6px;height:6px;border-radius:50%;background:#fff;animation:fx-ping 1.6s infinite}
@keyframes fx-ping{0%{box-shadow:0 0 0 0 rgba(255,255,255,.9)}70%{box-shadow:0 0 0 6px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.q-r.ask{position:relative;transition:box-shadow .5s,background .5s}
.q-r.ask.need{box-shadow:inset 3px 0 0 var(--dec),0 0 0 1px color-mix(in srgb,var(--dec) 40%,transparent);animation:fx-glow 2.4s ease-in-out infinite}
@keyframes fx-glow{50%{background:color-mix(in srgb,var(--dec-hl) 85%,var(--card))}}
.q-r.ask.need .btn.dark{animation:fx-nudge 2.4s ease-in-out infinite}
@keyframes fx-nudge{0%,70%,100%{box-shadow:0 0 0 0 rgba(17,18,20,0)}80%{box-shadow:0 0 0 5px color-mix(in srgb,var(--dec) 35%,transparent)}}
.q-r.ask:hover{box-shadow:inset 3px 0 0 var(--dec),0 0 0 1px var(--dec),0 14px 30px -18px rgba(17,18,20,.35)}
.q-r.ask.resolved{animation:none}
.float{animation:fx-bob 7s ease-in-out infinite}
.float.b{animation-delay:-2s}.float.c{animation-delay:-4s}.float.d{animation-delay:-5.5s}
@keyframes fx-bob{50%{translate:0 -8px}}

/* the three layers fly in: bottom from the left, middle from the right, top from the left */
.fx-stack{overflow:visible}
.fx-stack .ly{transition:transform 1s cubic-bezier(.2,.8,.2,1.06),opacity .6s}
.fx-stack:not(.on) .ly1{transform:translate(-150px,30px);opacity:0}
.fx-stack:not(.on) .ly2{transform:translate(150px,0);opacity:0}
.fx-stack:not(.on) .ly3{transform:translate(-150px,-30px);opacity:0}
.fx-stack.on .ly2{transition-delay:.35s}.fx-stack.on .ly3{transition-delay:.7s}
.fx-stack.on.idle .ly3{animation:fx-hover 4.5s ease-in-out infinite}
.fx-stack.on.idle .ly2{animation:fx-hover 4.5s ease-in-out -1.2s infinite}
@keyframes fx-hover{50%{transform:translateY(-4px)}}

/* creative: lines write themselves out, sheet after sheet, then again */
.fx-cre .wl{stroke-dasharray:1;stroke-dashoffset:1}
.on .fx-cre .wl,.fx-cre.on .wl{animation:fx-write 7s var(--ease) infinite;animation-delay:var(--d,0s)}
@keyframes fx-write{0%{stroke-dashoffset:1}14%{stroke-dashoffset:0}80%{stroke-dashoffset:0;opacity:1}92%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:1}}
.fx-cre .pb{animation:fx-lift 7s var(--ease) infinite}
@keyframes fx-lift{0%,100%{transform:none}20%,70%{transform:translateY(-3px)}}
.tile:hover .fx-art svg,.chx:hover .fx-art svg{transform:translateY(-4px)}
.fx-art svg{transition:transform .5s var(--ease)}

/* definition: typed, then the three inputs light up */
#dict .def .car{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--ink);animation:fx-blink .8s steps(1) infinite}
#dict .def mark{background:none;color:inherit;padding:0 .08em;border-radius:.18em;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .7s var(--ease)}
#dict .def mark.c{background-image:linear-gradient(var(--cre-hl),var(--cre-hl))}
#dict .def mark.d{background-image:linear-gradient(var(--dec-hl),var(--dec-hl))}
#dict .def mark.s{background-image:linear-gradient(var(--sig-hl),var(--sig-hl))}
#dict .def mark.lit{background-size:100% 100%}
#dict .crafts3 span{transition:transform .45s var(--ease),box-shadow .3s,background .3s}
#dict .crafts3 span.lit{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(17,18,20,.35)}
#dict .hw{background:linear-gradient(90deg,var(--ink),var(--ink)) no-repeat 0 100%/0 2px;transition:background-size 1.2s var(--ease)}
#dict.typed .hw{background-size:100% 2px}
#dict{transition:box-shadow .4s,transform .5s var(--ease)}
#dict:hover{transform:translateY(-2px);box-shadow:0 30px 60px -32px rgba(17,18,20,.4)}

/* the loop: a track the signal runs around, each step lights up as it passes */
.lpw{position:relative}
.lp-track{height:84px;position:relative;margin-bottom:-6px}
.lp-track svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lp-track .trk{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:4 5}
.lp-track .trk-on{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round}
.lp-track .nd circle{fill:#fff;stroke:var(--line);stroke-width:1.5;transition:stroke .3s,r .3s}
.lp-track .nd text{font:500 11px var(--mono);fill:var(--muted);text-anchor:middle}
.lp-track .nd.on circle{stroke:var(--ink)}
.lp-track .tok{fill:var(--ink)}
.lp-track .tokh{fill:none;stroke:var(--ink);stroke-width:1;opacity:.25}
.lp-back{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:13.5px;color:var(--muted)}
.lp-back i{width:22px;height:22px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);position:relative}
.lp-back i::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--sig);animation:fx-ping2 2s infinite}
@keyframes fx-ping2{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sig) 50%,transparent)}80%,100%{box-shadow:0 0 0 7px transparent}}
#lpSteps .step{transition:box-shadow .35s,transform .45s var(--ease),background .35s}
#lpSteps .step.on{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--ink),0 20px 40px -24px rgba(17,18,20,.45)}
#lpSteps .step:hover{transform:translateY(-4px)}
#lpSteps .step dl div{transition:background .3s}
#lpSteps .step.on dl div{background:var(--tile);border-radius:8px}
@media (max-width:900px){.lp-track{display:none}}

/* chart lines draw when the chart is reached */
#measure .chart svg path{clip-path:inset(0 100% 0 0);transition:clip-path 2.4s var(--ease)}
#measure .chart.on svg path{clip-path:inset(0 0 0 0)}
#measure .chart.on svg path+path{transition-delay:.2s}
#measure .chart .lab:not(.x):not(.y){opacity:0;transition:opacity .6s 1.9s}
#measure .chart.on .lab{opacity:1}
#measure .chart svg .cut{stroke-dasharray:4 4;opacity:0;transition:opacity .6s .6s}
#measure .chart.on svg .cut{opacity:1}

/* roles: a round dome on a white field of stars */
.rdome{position:relative;margin-top:8px}
.rd-svg{display:block;width:100%;height:auto}
.rd-stars .tw{animation:fx-tw 4.5s ease-in-out infinite}
@keyframes fx-tw{50%{opacity:.05}}
.rd-arc{fill:none;stroke:url(#rdg);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.rd-glow{fill:none;stroke:url(#rdg);stroke-width:18;opacity:.12;filter:blur(8px);stroke-dasharray:1;stroke-dashoffset:1}
.rd-orbit{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}
.rdome.on .rd-arc,.rdome.on .rd-glow{animation:fx-draw 1.8s var(--ease) forwards}
.rdome.on .rd-orbit{animation:fx-draw 2.2s var(--ease) .3s forwards}
.rdome.on .rd-orbit.o2{animation-delay:.55s}
.rd-orbit{stroke-dasharray:1}
.rdome.on .rd-orbit{stroke-dasharray:.004 .006}
.rd-drop{stroke:var(--faint);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke .3s}
.rdome.on .rd-drop{animation:fx-draw .9s var(--ease) forwards;animation-delay:calc(1.1s + var(--k,0)*120ms)}
.rd-drop.hot{stroke:var(--ink)}
.rd-node{opacity:0;transition:opacity .4s}
.rdome.on .rd-node{opacity:1;transition-delay:calc(.9s + var(--k,0)*120ms)}
.rd-node .dot{fill:#fff;stroke-width:2.5;transition:r .3s var(--ease)}
.rd-node .halo{fill:currentColor;opacity:.12;transform-box:fill-box;transform-origin:center;animation:fx-halo 3s ease-in-out infinite;animation-delay:calc(var(--k,0)*.4s)}
@keyframes fx-halo{50%{opacity:.02;transform:scale(1.5)}}
.rd-node.cre{color:var(--cre)}.rd-node.dec{color:var(--dec)}.rd-node.ok{color:var(--ok)}.rd-node.vio{color:var(--vio)}.rd-node.sig{color:var(--sig)}
.rd-node .dot{stroke:currentColor}
.rd-node.hot .dot{r:11}
.rd-t{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:14px;text-align:center;width:min(92%,640px)}
.rd-t .h2{font-size:clamp(34px,5.4vw,68px)}
.rd-sub{font-size:16.5px;color:var(--text);max-width:42ch}
.rd-pme{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:6px 14px 6px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);font:600 14px var(--sans);letter-spacing:-.02em;color:var(--ink)}
.rd-pme svg{width:22px;height:22px}
.rc2s{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);background:#fff;position:relative;z-index:1}
.rc2{display:grid;align-content:start;gap:8px;padding:22px 20px 20px;text-decoration:none;color:inherit;border-left:1px solid var(--line);transition:background .25s;min-height:220px;grid-template-rows:auto 1fr auto auto}
.rc2:first-child{border-left:0}
.rc2:hover,.rc2.hot{background:var(--tile)}
.rc2-ic{width:26px;height:26px;color:var(--ink);margin-bottom:26px}
.rc2-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.rc2 b{font-weight:500;font-size:17px;line-height:1.25;color:var(--ink);letter-spacing:-.015em;align-self:end}
.rc2 span:not(.rc2-ic){font-size:14.5px;line-height:1.5;color:var(--muted)}
.rc2 i{font:13px var(--mono);font-style:normal;color:var(--muted);margin-top:10px;transition:color .2s}
.rc2:hover i{color:var(--ink)}
@media (max-width:980px){.rc2s{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:var(--r)}.rc2:nth-child(4){border-left:0}.rc2:nth-child(n+4){border-top:1px solid var(--line)}.rd-drop{display:none}
 .rd-t{top:58%}.rd-sub{display:none}}
@media (max-width:600px){.rc2s{grid-template-columns:repeat(2,minmax(0,1fr))}.rc2{min-height:0}.rc2:nth-child(odd){border-left:0}.rc2:nth-child(4){border-left:1px solid var(--line)}.rc2:nth-child(n+3){border-top:1px solid var(--line)}
 .rd-t{top:62%;gap:8px}.rd-t .eb{display:none}.rd-pme{display:none}.rc2-ic{margin-bottom:10px}}

/* hiring cards: a slot for the company logo, gentle lift */
.jcj{transition:transform .45s var(--ease),box-shadow .3s}
.jcj:hover{transform:translateY(-4px)}
.jcj .jart svg{transition:transform .6s var(--ease)}
.jcj:hover .jart svg{transform:translateY(-6px) scale(1.04)}
.jco .mono.has-logo{color:transparent;background:#fff center/70% no-repeat}

/* learn: four chapters as a bento */
.chxg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.chx{grid-column:span 2;text-decoration:none;min-height:420px;transition:box-shadow .3s,transform .45s var(--ease)}
.chx.wide{grid-column:span 3}
.chx:hover{box-shadow:inset 0 0 0 1px var(--faint);transform:translateY(-3px)}
.chx-h{display:flex;justify-content:space-between;align-items:center}
.chx-t{font:500 12.5px var(--mono);color:var(--muted)}
.chx h3{font-size:24px;letter-spacing:-.025em}
.chx p{max-width:46ch}
.chx .art{width:min(100%,320px)}
.chx-f{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.chx-p{display:grid;gap:2px;font-size:13.5px;color:var(--muted)}.chx-p b{font-weight:500;color:var(--ink);font-size:12.5px}
.chx .tl{white-space:nowrap}
@media (max-width:900px){.chxg{grid-template-columns:minmax(0,1fr)}.chx,.chx.wide{grid-column:auto;min-height:0}}

/* close: one proposal waits for a yes */
.cq{width:min(100%,560px);margin-bottom:6px}
.cq-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;text-align:left;
  background:color-mix(in srgb,var(--dec-hl) 45%,var(--card));box-shadow:inset 3px 0 0 var(--dec),inset 0 0 0 1px color-mix(in srgb,var(--dec) 30%,transparent);transition:opacity .35s,transform .45s var(--ease),background .4s,box-shadow .4s}
.cq-card.out{opacity:0;transform:translateY(-6px)}
.cq-card.ok{background:color-mix(in srgb,var(--ok-hl) 60%,var(--card));box-shadow:inset 3px 0 0 var(--ok),inset 0 0 0 1px color-mix(in srgb,var(--ok) 30%,transparent)}
.cq-card.no{background:var(--tile);box-shadow:inset 3px 0 0 var(--faint),inset 0 0 0 1px var(--line)}
.cq-ic{width:36px;height:36px;border-radius:9px;background:#fff;display:grid;place-items:center;padding:4px}
.cq-who{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}.cq-who b{font-weight:500;color:var(--ink)}
.cq-st{display:inline-flex;align-items:center;gap:6px}
.cq-st i{width:7px;height:7px;border-radius:50%;background:var(--dec);animation:fx-ping3 1.6s infinite}
.cq-card.ok .cq-st i{background:var(--ok);animation:none}.cq-card.no .cq-st i{background:var(--faint);animation:none}
@keyframes fx-ping3{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dec) 60%,transparent)}80%,100%{box-shadow:0 0 0 6px transparent}}
.cq-what{font-size:14.5px;color:var(--ink);line-height:1.4;min-height:1.4em}
.cq-acts{display:flex;gap:6px}
@media (max-width:600px){.cq-card{grid-template-columns:auto minmax(0,1fr)}.cq-acts{grid-column:1/-1;justify-content:flex-end}}

/* agents grid: small lift */
.agc,.agent,.ag{transition:transform .35s var(--ease),box-shadow .3s}

@media (prefers-reduced-motion:reduce){
 .persp line,.rd-arc,.rd-glow,.rd-orbit,.rd-drop{stroke-dashoffset:0!important;animation:none!important}
 #measure .chart svg path{clip-path:none!important;transition:none!important}
 .fx-stack .ly,.fxq .q-r,.fxq .q-r .tag,.fxq .q-r .acts{transform:none!important;opacity:1!important;transition:none!important}
 .fx-cre .wl{stroke-dashoffset:0!important;animation:none!important}
 .rd-node,#measure .chart .lab{opacity:1!important}
 .float,.fx-cre .pb,.rd-stars .tw,.rd-node .halo,.q-r.ask.need,.q-r.ask.need .btn.dark,.fx-stack .ly{animation:none!important}
}
.rd-t{top:50%}
.rd-t::before{content:"";position:absolute;inset:-46px -90px;z-index:-1;background:radial-gradient(closest-side,#fff 62%,rgba(255,255,255,0))}
#dict .hw{display:inline}

/* history head on the home: a wider title */
#history .shd .h2{max-width:19ch}

/* the close, the Jasper way: a dark band with lines, the white window floating in it */
.close{background:#0f1012;margin-top:40px}
.close .persp line{stroke:#2a2c33}
.close .persp{-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 85%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 85%)}
.close .win{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.6)}
.close .float{filter:drop-shadow(0 16px 24px rgba(0,0,0,.45))}
.close + footer .pf-w,.close + .pmf .pf-w{border-top:1px solid #1e1f24}
/* fly-ins start outside their card: never let them widen the page */
#why,#measure,#definition,#learn,#roles{overflow-x:clip}
@media (max-width:600px){
 .rdome{display:flex;flex-direction:column-reverse}
 .rd-t{position:static;transform:none;width:auto;margin:0 auto 18px}
 .rd-t::before{display:none}
 .rd-svg{margin-bottom:-2px}
}
/* the role that already uses the exact title */
.jcj.exact{box-shadow:inset 0 0 0 1.5px var(--ink)}
.jcj .jx{position:absolute;z-index:2;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;background:var(--ink);color:#fff;font:500 12.5px var(--sans)}
.jcj .jx i{width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--cre),var(--dec),var(--sig))}
.jcj .jcl{position:absolute;z-index:2;top:14px;right:14px;padding:5px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font:500 12px var(--sans)}
.jcj.exact .jst b{white-space:nowrap}
/* citation: the quote is the point */
#voices{padding-block:40px 20px}
.cite{position:relative;margin:0 auto;max-width:980px;text-align:center;display:grid;justify-items:center;gap:30px;padding:64px 24px}
.cite::before{content:"";position:absolute;left:50%;top:0;width:1px;height:40px;background:linear-gradient(var(--line),transparent)}
.cite-q{font:500 120px/0.6 var(--sans);height:44px;background:linear-gradient(135deg,var(--cre),var(--dec) 50%,var(--sig));-webkit-background-clip:text;background-clip:text;color:transparent}
.cite blockquote{margin:0}
.cite blockquote p{font:500 clamp(32px,4.6vw,60px)/1.08 var(--sans);letter-spacing:-.045em;color:var(--ink);text-wrap:balance}
.cite figcaption{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.cite-who{display:inline-flex;align-items:center;gap:12px;text-decoration:none;text-align:left}
.cite-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cre),var(--dec) 50%,var(--sig));color:#fff;display:grid;place-items:center;font:600 17px var(--sans)}
.cite-who b{display:block;font:600 15.5px var(--sans);color:var(--ink)}.cite-who span span{font-size:13.5px;color:var(--muted)}
.cite-who:hover b{text-decoration:underline;text-underline-offset:3px}
.cite-sep{width:1px;height:28px;background:var(--line)}
.cite-x{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);font:500 14px var(--sans);transition:box-shadow .2s,transform .25s var(--ease)}
.cite-x:hover{box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-1px)}
.cite-x .xl{width:22px;height:22px;border-radius:6px;background:var(--ink);-webkit-mask:none;position:relative}
.cite-x .xl::after{content:"";position:absolute;inset:5px;background:#fff;-webkit-mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat;mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat}
.cite-d{color:var(--muted);font-size:13px;padding-left:10px;border-left:1px solid var(--line)}
@media (max-width:600px){.cite-sep{display:none}.cite{padding:40px 0;gap:22px}.cite-q{font-size:90px;height:34px}}

/* citation, annex style: dot grid + column lines, phrases on tinted bands with pixel icon tiles */
#voices .cite{max-width:none;padding:90px 24px 80px;gap:34px}
#voices .cite::before{content:"";position:absolute;inset:0;width:auto;height:auto;left:0;top:0;z-index:-1;
 background-image:radial-gradient(rgba(17,18,20,.16) 1px,transparent 1.2px),repeating-linear-gradient(90deg,transparent 0 179px,var(--line2) 179px 180px);
 background-size:18px 18px,auto;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 35%,transparent 80%)}
#voices .cite blockquote p{max-width:20ch;margin:0 auto;font-size:clamp(34px,5.4vw,72px);line-height:1.18;letter-spacing:-.045em}
.chl{display:inline-flex;align-items:center;gap:.22em;padding:.02em .16em .06em .1em;line-height:1.1;white-space:nowrap}
.chl.sig{background:var(--sig-hl)}.chl.dec{background:var(--dec-hl)}.chl.cre{background:var(--cre-hl)}
.chl .ic{width:.92em;height:.92em;border-radius:.12em;background:#fff;display:grid;place-items:center;box-shadow:0 1px 2px rgba(17,18,20,.06)}
.chl .ic svg{width:58%;height:58%;shape-rendering:crispEdges}
.chl.sig .ic svg{fill:var(--sig)}.chl.dec .ic svg{fill:var(--dec)}.chl.cre .ic svg{fill:var(--cre)}
@media (max-width:600px){#voices .cite blockquote p{font-size:clamp(24px,7.4vw,34px);line-height:1.3}#voices .cite{padding:60px 0}}

/* the post itself, X-style card, Jasper-clean */
.xp{position:relative;width:min(100%,600px);margin-top:4px;text-align:left;background:#fff;border-radius:18px;padding:22px 24px 18px;
 box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -40px rgba(17,18,20,.35);transform:rotate(-1deg);transition:transform .5s var(--ease),box-shadow .3s}
.xp:hover{transform:rotate(0) translateY(-4px);box-shadow:inset 0 0 0 1px var(--faint),0 50px 90px -40px rgba(17,18,20,.4)}
.xp::after{content:"";position:absolute;right:-26px;bottom:-22px;width:86px;height:86px;border-radius:18px;background:var(--sig-hl);z-index:-1;transform:rotate(8deg)}
.xp::before{content:"";position:absolute;left:-22px;top:-18px;width:64px;height:64px;border-radius:16px;background:var(--dec-hl);z-index:-1;transform:rotate(-10deg)}
.xp-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.xp-who{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.xp-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cre),var(--dec) 50%,var(--sig));color:#fff;display:grid;place-items:center;font:600 17px var(--sans)}
.xp-who b{display:block;font:700 15.5px var(--sans);color:var(--ink);letter-spacing:-.01em}.xp-who span span{font-size:14px;color:var(--muted)}
.xp-who:hover b{text-decoration:underline;text-underline-offset:3px}
.xp-x{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;transition:background .2s}.xp-x:hover{background:var(--tile)}
.xp-x .xl{width:18px;height:18px;background:var(--ink);-webkit-mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat;mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat}
.xp-t{margin-top:14px;display:grid;gap:12px;position:relative}
.xp-t p{font:400 16.5px/1.5 var(--sans);color:var(--ink)}
.xp-t .xp-fade{-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.xp-more{display:inline-block;margin-top:2px;font:500 15px var(--sans);color:var(--sig);text-decoration:none}.xp-more:hover{text-decoration:underline}
.xp-f{display:flex;align-items:center;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.xp-f b{color:var(--ink);font-weight:600}.xp-open{margin-left:auto;color:var(--ink);text-decoration:none;font-weight:500}.xp-open:hover{text-decoration:underline}
@media (max-width:600px){.xp{transform:none;padding:18px}.xp::before,.xp::after{display:none}.xp-t p{font-size:15.5px}}
@media (prefers-reduced-motion:reduce){.xp{transform:none}}

/* the two posts as a carousel: Profound's CEO first, then Greg */
.xc{width:min(100%,640px);display:grid;gap:18px;justify-items:center}
.xc-vp{width:100%;overflow:hidden;padding:24px 20px 40px;margin:-24px -20px -40px;box-sizing:content-box}
.xc-track{display:flex;gap:40px;transition:transform .6s var(--ease);align-items:stretch}
.xc-track>.xp{flex:0 0 100%;width:100%;margin:0;transform:none;display:flex;flex-direction:column}
.xc-track>.xp:hover{transform:translateY(-3px)}
.xc-track>.xp .xp-f{margin-top:auto}
.xp-av.j{background:linear-gradient(135deg,#7b5cf0,var(--sig))}
.xp-x .xl.li{background:#0a66c2;-webkit-mask-image:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__linkedin.svg);mask-image:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__linkedin.svg)}
.xp-tag{align-self:flex-start;margin-top:14px;font:500 12.5px var(--sans);padding:4px 10px;border-radius:999px;background:var(--vio-hl);color:#5b3fd1}
.xp-big{font:500 clamp(22px,2.4vw,28px)/1.25 var(--sans)!important;letter-spacing:-.025em;color:var(--ink)}
.xc-nav{display:flex;align-items:center;gap:14px}
.xc-b{width:40px;height:40px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:16px;color:var(--ink);cursor:pointer;transition:box-shadow .2s,opacity .2s}
.xc-b:hover{box-shadow:inset 0 0 0 1px var(--ink)}.xc-b:disabled{opacity:.35;cursor:default}
.xc-dots{display:flex;gap:6px}.xc-dots i{width:7px;height:7px;border-radius:99px;background:var(--line);transition:width .3s,background .3s;cursor:pointer}.xc-dots i.on{width:22px;background:var(--ink)}
.xc .xp::before,.xc .xp::after{display:none}

/* LinkedIn-styled cards */
.li-card{font-family:-apple-system,system-ui,"Segoe UI",Roboto,var(--sans)}
.li-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.li-who{display:flex;gap:10px;text-decoration:none;color:inherit}
.li-who b{display:block;font:600 14.5px/1.3 inherit;color:rgba(0,0,0,.9)}.li-who span span{display:block;font-size:12.5px;color:rgba(0,0,0,.6);line-height:1.35}
.li-who em{display:block;font-style:normal;font-size:12px;color:rgba(0,0,0,.6);margin-top:1px}
.li-who:hover b{color:#0a66c2;text-decoration:underline}
.li-logo i{display:block;width:22px;height:22px;background:#0a66c2;-webkit-mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__linkedin.svg) center/contain no-repeat;mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__linkedin.svg) center/contain no-repeat}
.li-t{margin-top:14px}
.li-t p{font:400 clamp(19px,2vw,23px)/1.4 inherit;color:rgba(0,0,0,.9);letter-spacing:-.01em}
.li-more{display:inline-block;margin-top:6px;font-size:14px;color:rgba(0,0,0,.6);text-decoration:none}.li-more:hover{color:#0a66c2;text-decoration:underline}
.li-f{margin-top:auto;padding-top:16px;display:flex;justify-content:flex-end;font-size:13.5px}
.li-open{color:#0a66c2;font-weight:600;text-decoration:none}.li-open:hover{text-decoration:underline}
.li-acts{display:grid;grid-template-columns:repeat(4,1fr);margin:12px -8px -6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.08)}
.li-acts span{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;border-radius:6px;font:600 13px inherit;color:rgba(0,0,0,.6)}
.li-acts svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.li-card .xp-av{border-radius:50%}
.li-card .xp-tag{margin-top:12px}
/* blog-styled card */
.bl-card{text-decoration:none;color:inherit;padding:0!important;overflow:hidden}
.bl-cover{display:grid;gap:10px;padding:28px 26px 26px;background:linear-gradient(135deg,#f3f0ff,#eef2ff 55%,#fff6e8);border-bottom:1px solid var(--line)}
.bl-site{font:500 12.5px var(--mono);color:var(--muted)}
.bl-cover b{font:600 clamp(24px,2.6vw,30px)/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.bl-by{display:flex;align-items:center;gap:10px;padding:18px 26px 0}
.bl-by b{display:block;font:600 14.5px var(--sans);color:var(--ink)}.bl-by span span{font-size:13px;color:var(--muted)}
.xp-av.n{width:38px;height:38px;font-size:15px;background:linear-gradient(135deg,var(--ok),var(--sig))}
.bl-q{margin:14px 26px 0;font:500 19px/1.4 var(--sans);color:var(--ink);letter-spacing:-.015em}
.bl-s{margin:10px 26px 0;font-size:15px;color:var(--text)}
.bl-r{margin:auto 26px 22px;padding-top:16px;font:500 14.5px var(--sans);color:var(--ink)}
.bl-card:hover .bl-r{text-decoration:underline}

.li-ctx{margin-top:18px;padding:16px 18px;border-radius:10px;background:#f4f2ee;display:grid;gap:8px}
.li-ctx>span{font-size:12px;font-weight:600;letter-spacing:.02em;color:rgba(0,0,0,.6)}
.li-ctx blockquote{margin:0;font-size:16px;line-height:1.45;font-weight:500;color:rgba(0,0,0,.9)}
.li-ctx a{font-size:13px;color:#0a66c2;text-decoration:none;font-weight:600}.li-ctx a:hover{text-decoration:underline}

/* citation backdrop: the hero's four floating tiles */
#voices{position:relative;overflow:clip}
#voices .wrap{position:relative}
.vbg{position:absolute;left:0;right:0;top:0;height:min(520px,100%);pointer-events:none;z-index:0}
.vbg::before{content:"";position:absolute;inset:-10% 8%;background:radial-gradient(closest-side,rgba(123,92,240,.07),transparent 70%)}
#voices .cite{position:relative;z-index:1}
.vbg .float{display:block;position:absolute;width:104px}
.vbg .float.a{left:2%;top:12%;transform:rotate(-8deg)}
.vbg .float.b{right:3%;top:4%;transform:rotate(7deg)}
.vbg .float.c{left:7%;top:62%;width:86px;transform:none}
.vbg .float.d{right:6%;top:58%;width:92px;transform:rotate(-5deg)}
@media (max-width:900px){.vbg .float{width:64px}.vbg .float.c,.vbg .float.d{display:none}.vbg .float.a{left:-14px;top:0}.vbg .float.b{right:-14px;top:0}}
/* reveals: soft fade, lift and de-blur */
.rv{transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}
.rv.pre{opacity:0;filter:blur(8px)}
@media (prefers-reduced-motion:reduce){.rv.pre{opacity:1;filter:none}}

/* roles v3: dark field, one gradient arc that draws with the scroll, a rising sun */
.rdome{background:#0b0c0f;border-radius:var(--r) var(--r) 0 0;overflow:hidden;margin-top:8px}
.rdome .rd-svg{overflow:visible}
.rdome .rd-arc{stroke-width:3;stroke-dashoffset:var(--o,1);animation:none!important}
.rdome .rd-glow{stroke-width:30;opacity:.55;filter:blur(16px);stroke-dashoffset:var(--o,1);animation:none!important}
.rd-sun{opacity:var(--p,0);transform-box:fill-box;transform-origin:50% 100%;transform:translateY(calc((1 - var(--p,0)) * 18%)) scaleY(calc(.6 + var(--p,0) * .4))}
.rdome .rd-t .h2{color:#fff}.rdome .rd-t .eb{color:#d6d7db}.rdome .rd-sub{color:#9c9ea5}
.rdome .rd-pme{background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);opacity:.35;transition:opacity .6s,box-shadow .6s}
.rdome.lit .rd-pme{opacity:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 0 40px rgba(229,96,62,.35)}
.rdome .rd-t{transition:opacity .4s}
.rc2s{border-top:0}
.rc2-ic{transition:color .3s}
.rc2:nth-child(1) .rc2-ic{color:#e5603e}.rc2:nth-child(2) .rc2-ic{color:#df7a2a}.rc2:nth-child(3) .rc2-ic{color:#d99a14}.rc2:nth-child(4) .rc2-ic{color:#b48a4a}.rc2:nth-child(5) .rc2-ic{color:#917e7a}.rc2:nth-child(6) .rc2-ic{color:#4a63e0}
@media (prefers-reduced-motion:reduce){.rdome .rd-arc,.rdome .rd-glow{stroke-dashoffset:0}.rd-sun{opacity:1;transform:none}}

/* loop v2: calm cards, arrows between them, staggered once */
.loop.calm .step{position:relative;transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .3s}
.loop.calm.pre .step{opacity:0;transform:translateY(12px)}
.loop.calm .step:nth-child(2){transition-delay:.12s}.loop.calm .step:nth-child(3){transition-delay:.24s}.loop.calm .step:nth-child(4){transition-delay:.36s}
.loop.calm .step:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:26px;z-index:2;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:11px;color:var(--muted)}
.loop.calm .step:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--ink)}
.lp-back i::after{animation:none!important}
@media (max-width:900px){.loop.calm .step::after{display:none}}

/* questions: a third row for the human questions */
.v16p .mq .row.r3{animation-duration:86s}
.v16p .qq.hum{background:#f7f4ff;border-color:#e6defd}
.q-key{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;font-size:13.5px;color:var(--muted)}
.q-key span{display:inline-flex;align-items:center;gap:7px}.q-key i{width:8px;height:8px;border-radius:2px}
.q-key i.ana{background:var(--ana)}.q-key i.cre{background:var(--cre)}.q-key i.eng{background:var(--eng)}.q-key i.hum{background:#7b5cf0}

/* learn: course index */
.cidx{display:grid;border-top:1px solid var(--line)}
.ci{display:grid;grid-template-columns:44px 120px minmax(0,1.7fr) minmax(0,1fr) 48px 20px;gap:22px;align-items:center;padding:24px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .25s,padding .3s var(--ease)}
.ci:hover{background:var(--tile);padding-inline:18px}
.ci-n{font:500 14px var(--mono);color:var(--muted)}
.ci-c{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}
.ci-c i{width:8px;height:8px;border-radius:2px}.ci-c i.sig{background:var(--sig)}.ci-c i.dec{background:var(--dec)}.ci-c i.cre{background:var(--cre)}.ci-c i.vio{background:#7b5cf0}
.ci-b{display:grid;gap:4px}.ci-b b{font:500 19px/1.3 var(--sans);color:var(--ink);letter-spacing:-.02em}.ci-b span{font-size:14.5px;line-height:1.5;color:var(--muted)}
.ci-p{font-size:14px;line-height:1.45;color:var(--text)}.ci-p em{display:block;font:500 11px var(--mono);font-style:normal;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.ci-t{font:500 13px var(--mono);color:var(--muted);text-align:right}
.ci-a{color:var(--ink);transition:transform .25s var(--ease)}.ci:hover .ci-a{transform:translateX(4px)}
@media (max-width:900px){.ci{grid-template-columns:32px minmax(0,1fr) 20px;gap:14px}.ci-c,.ci-p,.ci-t{display:none}}
.rdome .rd-t::before{display:none}
.rdome .rd-t .eb i{background:rgba(255,255,255,.12)}

/* hero: typed "engineered." + computing dots */
.tw-e{position:relative}
.tw-e .ch{transition:opacity .01s}
.tw-e.typing .ch{opacity:0}
.tw-e.typing .ch.on{opacity:1}
.tw-e .ch.cur{position:relative}
.tw-e .ch.cur::after{content:"";position:absolute;right:-.06em;top:.12em;bottom:.08em;width:.07em;border-radius:1px;background:var(--ok);animation:fx-car .8s steps(1) infinite}
@keyframes fx-car{50%{opacity:0}}
.hl.ok .ic i{transition:background .18s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.hl.ok .ic i.bit{background:var(--ok)!important;opacity:.9}
.hl.ok .ic i.o.bit{opacity:.45}
.hl.ok{cursor:default}
.hl.ok:hover .ic i{animation:fx-ic .7s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--n,0) * 45ms)}
.hl.ok:hover .ic i.o{background:color-mix(in srgb,var(--ok) 35%,transparent)!important}
@keyframes fx-ic{0%{transform:scale(1)}35%{transform:scale(.35) rotate(45deg)}100%{transform:scale(1)}}
/* hero chips: friendly pop + tilt */
.hero .chipw{display:inline-flex;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;cursor:default}
.hero .chipw.cre:hover{transform:translateY(-3px) rotate(-3deg) scale(1.05);box-shadow:0 8px 18px -8px rgba(229,96,62,.45)}
.hero .chipw.dec:hover{transform:translateY(-3px) rotate(2.5deg) scale(1.05);box-shadow:0 8px 18px -8px rgba(217,154,20,.45)}
.hero .chipw.sig:hover{transform:translateY(-3px) rotate(-2deg) scale(1.05);box-shadow:0 8px 18px -8px rgba(74,99,224,.45)}
.hero .lead{max-width:52ch}
@media (prefers-reduced-motion:reduce){.tw-e.typing .ch{opacity:1}.hl.ok:hover .ic i{animation:none}}

/* why now: every platform on one 9 × 5 grid */
#why .v16p .field{display:grid;grid-template-columns:repeat(9,52px);gap:14px;justify-content:center;max-width:none}
#why .v16p .field .lg{width:52px;height:52px;border-radius:13px}
#why .v16p .field .lg i{width:26px;height:26px}
#why .v16p .field .lg.wide i{width:34px}
#why .v16p .field li{display:grid;place-items:center}
@media (max-width:640px){#why .v16p .field{grid-template-columns:repeat(5,46px);gap:10px}#why .v16p .field .lg{width:46px;height:46px}#why .v16p .field .lg i{width:22px;height:22px}}

/* why now: before / after */
.ba{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:0;align-items:stretch;margin-top:72px}
.ba-c{display:grid;gap:18px;align-content:start;padding:28px;border-radius:var(--r);background:var(--tile);box-shadow:inset 0 0 0 1px var(--line2)}
.ba-c.after{background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.ba-h{display:grid;gap:10px}.ba-h b{font:500 22px/1.2 var(--sans);letter-spacing:-.025em;color:var(--ink)}
.ba-tag{justify-self:start;font:600 11.5px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:6px;background:#fff;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.ba-tag.ok{background:var(--ok-hl);color:#1f7a3f;box-shadow:none}
.ba-flow{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ba-flow li:not(.ba-hand){display:grid;gap:2px;padding:12px 14px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ba-who{font:500 15.5px var(--sans);color:var(--ink)}.ba-do{font-size:14px;color:var(--muted)}
.ba-hand{position:relative;padding:8px 0 8px 30px;font:12.5px var(--mono);color:var(--cre)}
.ba-hand::before{content:"";position:absolute;left:18px;top:0;bottom:0;border-left:1.5px dashed color-mix(in srgb,var(--cre) 55%,transparent)}
.ba-hand::after{content:"handoff";position:absolute;left:-2px;top:50%;transform:translateY(-50%);display:none}
.ba-f{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--text);margin-top:auto}
.ba-f i{flex:none;width:18px;height:18px;border-radius:50%;margin-top:1px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#fff}
.ba-f i.x{background:var(--cre)}.ba-f i.x::before{content:"×"}.ba-f i.v{background:var(--ok)}.ba-f i.v::before{content:"✓"}
.ba-one{display:grid;gap:4px;padding:16px;border-radius:12px;background:var(--ink)}
.ba-one .ba-who{color:#fff;font-size:16.5px}.ba-one .ba-do{color:#a7a9b0}
.ba-one .owns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ba-one .owns span{font-size:12.5px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff}
.ba-ag{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ba-ag li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;color:var(--ink)}
.ba-ag li i{width:8px;height:8px;border-radius:2px}.ba-ag i.dec{background:var(--dec)}.ba-ag i.cre{background:var(--cre)}.ba-ag i.sig{background:var(--sig)}
.ba-ag em{margin-left:auto;font:12px var(--mono);font-style:normal;color:#1f7a3f;background:var(--ok-hl);padding:2px 8px;border-radius:6px}
.ba-mid{display:grid;place-items:center;font-size:18px;color:var(--muted)}
@media (max-width:820px){.ba{grid-template-columns:minmax(0,1fr)}.ba-mid{transform:rotate(90deg);height:40px}}

/* citations: LinkedIn header extras, Nick quote, autoplay dots */
.li-r{display:flex;align-items:center;gap:14px}
.li-follow{font:600 14px inherit;color:#0a66c2;text-decoration:none;padding:4px 10px;border-radius:999px}.li-follow:hover{background:#eaf3fc}
.bl-n{margin:14px 26px 0;padding:14px 16px;border-radius:10px;background:var(--tile);font-size:14.5px;line-height:1.55;color:var(--ink)}
.bl-n span{display:block;font:600 11.5px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.xc-nav{justify-content:center}
.xc-dots i{position:relative;overflow:hidden;width:8px;transition:width .4s var(--ease),background .3s;cursor:pointer}
.xc-dots i.on{width:44px;background:var(--line)}
.xc-dots i u{position:absolute;inset:0;width:0;background:var(--ink);border-radius:inherit}
.xc-dots i.on u{animation:fx-prog var(--dur,7s) linear forwards}
.xc.paused .xc-dots i.on u{animation-play-state:paused}
@keyframes fx-prog{to{width:100%}}
@media (prefers-reduced-motion:reduce){.xc-dots i.on u{animation:none;width:100%}}
.xc.off .xc-dots i.on u{animation-play-state:paused}
.xc-nav{display:flex;margin-top:22px;position:relative;z-index:2}.xc-dots{display:flex;gap:8px;align-items:center}.xc-dots i{display:block;height:6px;width:6px;border-radius:99px;background:#cfd0d4;flex:none}.xc-dots i.on{width:44px;background:#e6e6e9}

/* questions v3: Peec-style prompt rows */
.qsec{background:#f7f7f7;border-block:1px solid var(--line2)}
.qsec .head .h2{max-width:24ch;margin-inline:auto}
.qx{display:grid;gap:14px;margin-top:48px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);padding-block:6px}
.qrow{display:flex;gap:14px;width:max-content;animation:qx-slide 70s linear infinite}
.qrow.r2{animation-direction:reverse;animation-duration:80s}
.qrow.r3{animation-duration:90s}
.qx:hover .qrow{animation-play-state:paused}
@keyframes qx-slide{to{transform:translateX(calc(-100% / 3))}}
.qp{position:relative;display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(17,18,20,.07),0 1px 2px rgba(17,18,20,.04),0 6px 16px -10px rgba(17,18,20,.14);font-size:17px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;cursor:default;overflow:hidden}
.qi{flex:none;width:20px;height:20px;background:var(--b);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.qi.you{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#efeafe;-webkit-mask:none;mask:none}
.qi.you svg{width:15px;height:15px;fill:none;stroke:#7b5cf0;stroke-width:1.7;stroke-linecap:round}
.qp .qi,.qp .qt{transition:filter .3s,opacity .3s}
.qa{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;font-weight:500;color:var(--ink);opacity:0;transition:opacity .25s}
.qp:hover .qi,.qp:hover .qt{filter:blur(5px);opacity:.45}
.qp:hover .qa{opacity:1}
.qp.h:hover .qa{color:#5b3fd6}
@media (max-width:640px){.qp{font-size:15px;padding:12px 16px}.qx{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}}
@media (prefers-reduced-motion:reduce){.qrow{animation:none}}

/* newsletter */
.nls{position:relative;padding-block:120px;text-align:center;overflow:hidden;background:#fff}
.nls .wrap{position:relative;z-index:1}
.nl-in{display:grid;justify-items:center;gap:18px;max-width:720px;margin:0 auto;padding:56px 32px;border-radius:24px;background:radial-gradient(120% 90% at 50% 0%,#f3efff 0%,#fff 62%);box-shadow:inset 0 0 0 1px var(--line)}
.nl-in .h2{max-width:18ch}
.nls .nlc{border-top:0;padding-top:4px;margin-top:4px}

/* trust strip: bordered logo grid, arrow on hover */
.tclean .proof{border:0!important;background:none!important;padding-block:8px 72px}
.tclean .pcap{text-align:center;font-size:14.5px;color:var(--muted);margin:0 0 22px;letter-spacing:0}
.tclean .pgrid4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;background:#fafafa;border-block:1px solid var(--line);border-inline:1px solid var(--line)}
.tclean .pgrid4 .pc{position:relative;display:grid!important;place-items:center;min-height:132px!important;padding:24px 16px!important;border:0!important;border-left:1px solid var(--line)!important;background:none!important;box-shadow:none!important;transition:background .25s}
.tclean .pgrid4 .pc:first-child{border-left:0!important}
.tclean .pgrid4 .pc:hover{background:#fff!important}
.tclean .pgrid4 .pc em{display:none}
.tclean .pgrid4 .pc>i{display:block;position:absolute;top:16px;right:18px;font-style:normal;font-size:15px;color:#8b8fb0;opacity:0;transform:translate(-3px,3px);transition:opacity .25s,transform .25s}
.tclean .pgrid4 .pc:hover>i{opacity:1;transform:none}
.tclean .pgrid4 .pc .pl{height:34px;filter:grayscale(1) contrast(1.4) brightness(.35);transition:filter .3s}
.tclean .pgrid4 .pc:hover .pl{filter:none}
.tclean .pgrid4 .pc .pl b{font-size:24px;letter-spacing:-.03em;color:#111214}
@media (max-width:700px){.tclean .pgrid4{grid-template-columns:repeat(2,minmax(0,1fr))}.tclean .pgrid4 .pc{min-height:104px!important}.tclean .pgrid4 .pc:nth-child(3){border-left:0!important}.tclean .pgrid4 .pc:nth-child(n+3){border-top:1px solid var(--line)!important}.tclean .pgrid4 .pc .pl b{font-size:20px}}
.tclean .pgrid4 .pc{border-radius:0!important}.tclean .pgrid4{border-radius:0}
.tclean .pgrid4 .pc .pl{filter:none!important}.tclean .pgrid4 .pc>i{opacity:1!important;transform:none!important}.tclean .pgrid4 .pc:hover>i{color:#111214}

/* ================= attio-inspired structure layer ================= */
:root{--fr:min(1240px,calc(100% - 32px));--frl:#ececea}
main{position:relative}
main::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--fr);transform:translateX(-50%);border-inline:1px solid var(--frl);pointer-events:none;z-index:4}
main>.sec,main>section.sec,.aidx{position:relative}
main>.sec::before,.aidx::before,main>.jtrust::before{content:"";position:absolute;top:0;left:50%;width:var(--fr);height:1px;transform:translateX(-50%);background:var(--frl);z-index:4}
main>.sec{padding-block:104px}
main>.sec.tight{padding-block:88px}
/* left-aligned two-tone heads (hero and questions stay centred) */
main>.sec:not(.qsec) .head{justify-items:start!important;text-align:left!important;max-width:none!important;margin-inline:0!important}
main>.sec:not(.qsec) .head .h2{max-width:22ch}
main>.sec:not(.qsec) .head .lead{max-width:60ch;margin-inline:0}
main>.sec:not(.qsec) .head .row.c{justify-content:flex-start}
.aidx .sec .head{justify-items:start!important;text-align:left!important;max-width:none!important;margin-inline:0!important}
.aidx .sec .head .h2{max-width:20ch}.aidx .sec .head .lead{max-width:58ch;margin-inline:0}.aidx .sec .head .row.c{justify-content:flex-start}
/* tag pills, tinted by craft */
main .sec .eb,.aidx .eb{padding:5px 10px;border-radius:7px;background:#eef1fb;color:#2f49c4;font-size:13.5px;gap:0}
main .sec .eb>i,.aidx .eb>i{display:none}
main .sec .eb:has(i.cre),.aidx .eb:has(i.cre){background:var(--cre-hl);color:#b9431f}
main .sec .eb:has(i.dec),.aidx .eb:has(i.dec){background:var(--dec-hl);color:#97680a}
main .sec .eb:has(i.ok),.aidx .eb:has(i.ok){background:var(--ok-hl);color:#1f7a3f}
main .sec .eb:has(i.vio),.aidx .eb:has(i.vio){background:var(--vio-hl);color:#5b3fd6}
#roles .rd-t .eb{background:rgba(255,255,255,.08)!important;color:#d6d7db!important}
/* sticky side index */
.aidx{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:var(--fr);margin-inline:auto}
.aidx-nav{background:#fafafa;border-right:1px solid var(--frl)}
.aidx-in{position:sticky;top:120px;padding:104px 0 40px 40px;display:grid;gap:18px}
.aidx-k{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9a9ca3}
.aidx-nav ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.aidx-nav a{position:relative;display:block;padding:8px 0;font:400 19px/1.3 var(--sans);letter-spacing:-.015em;color:#b8bac0;text-decoration:none;transition:color .25s}
.aidx-nav a::before{content:"";position:absolute;left:-40px;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--sig);opacity:0;transition:opacity .25s}
.aidx-nav a:hover{color:#6b6d74}.aidx-nav a.on{color:var(--ink)}.aidx-nav a.on::before{opacity:1}
.aidx-main{min-width:0}
.aidx-main>.sec{padding:104px 56px 96px}
.aidx-main>.sec+.sec{border-top:1px solid var(--frl)}
.aidx-main>.sec>.wrap{padding-inline:0;max-width:none}
@media (max-width:980px){.aidx{grid-template-columns:minmax(0,1fr)}.aidx-nav{display:none}.aidx-main>.sec{padding:80px 20px}}
/* hiring logo tabs: bordered cells */
.hlogos{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;max-width:var(--fr)!important;padding:0!important;margin:40px auto 0!important;border-block:1px solid var(--frl);background:#fafafa}
.hlogos li{display:grid;place-items:center;min-height:96px;border-left:1px solid var(--frl)}.hlogos li:first-child{border-left:0}
.hlogos img{opacity:1!important;filter:none!important;height:26px!important}
@media (max-width:700px){.hlogos{grid-template-columns:repeat(2,minmax(0,1fr))}.hlogos li:nth-child(odd){border-left:0}.hlogos li:nth-child(n+3){border-top:1px solid var(--frl)}}
/* quiet dotted panels behind our visuals */
#loop .lpw,#measure .chart{background:radial-gradient(circle at 1px 1px,#e0e1e5 1px,transparent 1.4px) 0 0/16px 16px,#f6f7f9;border-radius:16px;padding:28px;box-shadow:inset 0 0 0 1px var(--frl)}
#faq .faq{margin-inline:0;max-width:880px}#faq .row.c,#faq .tl{justify-self:start}

/* learn + university merged */
.lu-h{display:grid;gap:8px;margin:72px 0 0;max-width:62ch}
.lu-k{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9a9ca3}
.lu-h h3{font:500 26px/1.2 var(--sans);letter-spacing:-.03em;color:var(--ink);margin:0}
.lu-h p{font-size:15.5px;line-height:1.6;color:var(--text);margin:0}
#learn .unif{justify-content:flex-start}
/* stay in the loop: dark closing card */
.sil{position:relative;padding:24px 0 112px}
.sil-card{position:relative;max-width:min(1176px,calc(100% - 32px));margin:0 auto;min-height:460px;border-radius:18px;background:#161719;overflow:hidden;display:flex;align-items:center}
.sil-in{position:relative;z-index:1;padding:72px clamp(28px,7vw,104px);max-width:820px}
.sil-in h2{margin:0;font:500 clamp(34px,4.2vw,54px)/1.05 var(--sans);letter-spacing:-.045em;color:#fff}
.sil-in>p{margin:18px 0 0;font-size:17px;line-height:1.6;color:#b9bbc2;max-width:46ch}
.sil-f{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.sil-f input{flex:1 1 220px;max-width:300px;min-width:0;height:48px;padding:0 16px;border-radius:9px;border:1px solid #33353b;background:#1f2023;color:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .2s}
.sil-f input::placeholder{color:#7d7f86}.sil-f input:focus{border-color:#6b6d74}
.sil-f button{height:48px;padding:0 20px;border:0;border-radius:9px;background:linear-gradient(135deg,#e5603e,#d4502f);color:#fff;font:500 15.5px var(--sans);cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .2s,filter .2s}
.sil-f button:hover{filter:brightness(1.08)}.sil-f button span{transition:transform .25s}.sil-f button:hover span{transform:translateX(3px)}
.sil-2{height:48px;display:inline-flex;align-items:center;padding:0 18px;border-radius:9px;background:#fff;color:#111214;font:500 15.5px var(--sans);text-decoration:none}
.sil-m{margin:14px 0 0;font-size:13px;color:#7d7f86}
.sil-art{position:absolute;right:-8%;top:50%;width:min(62%,720px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.sil-art span{position:absolute;inset:0;border-radius:50%;
 background:radial-gradient(circle at 1.5px 1.5px,currentColor 1.1px,transparent 1.6px) 0 0/9px 9px;
 -webkit-mask:radial-gradient(closest-side,transparent calc(var(--h) - var(--t)),#000 calc(var(--h) - var(--t) + 1px),#000 var(--h),transparent calc(var(--h) + 1px));mask:radial-gradient(closest-side,transparent calc(var(--h) - var(--t)),#000 calc(var(--h) - var(--t) + 1px),#000 var(--h),transparent calc(var(--h) + 1px))}
.sil-art .r1{--h:100%;--t:22%;color:rgba(229,96,62,.55)}
.sil-art .r2{--h:70%;--t:16%;color:rgba(217,154,20,.42);animation:sil-spin 60s linear infinite}
.sil-art .r3{--h:44%;--t:14%;color:rgba(74,99,224,.5)}
@keyframes sil-spin{to{transform:rotate(360deg)}}
.sil-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#161719 34%,rgba(22,23,25,.55) 58%,transparent 80%);pointer-events:none}
@media (max-width:760px){.sil-art{right:-40%;width:110%;opacity:.5}.sil-card::after{background:linear-gradient(90deg,#161719 45%,rgba(22,23,25,.7))}.sil-in{padding:56px 24px}}
@media (prefers-reduced-motion:reduce){.sil-art .r2{animation:none}}

@media (max-width:760px){.sil-f input{max-width:none}}

/* why now: drifting logo rows */
.lgx{display:grid;gap:14px;margin-top:56px;overflow:hidden;padding-block:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.lgr{display:flex;gap:12px;width:max-content;animation:qx-slide 80s linear infinite}
.lgr.r2{animation-direction:reverse;animation-duration:90s}.lgr.r3{animation-duration:100s}
.lgx:hover .lgr{animation-play-state:paused}
.lgp{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(17,18,20,.07),0 1px 2px rgba(17,18,20,.04),0 6px 16px -10px rgba(17,18,20,.14);font-size:15.5px;color:var(--ink);white-space:nowrap}
.lgi{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--bg)}
.lgi.ring{box-shadow:inset 0 0 0 1px var(--line)}
.lgi i{display:block;width:16px;height:16px;background:var(--fg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.lgi.wide i{width:22px}
@media (prefers-reduced-motion:reduce){.lgr{animation:none}}

/* how the job works: closer to Attio — sentence heads, then a full-bleed dotted panel */
.aidx-main>.sec{padding:0!important}
.aidx-main>.sec>.wrap{padding:0!important;max-width:none!important;display:block}
.aidx-main .sec .head{padding:96px 64px 64px;gap:0!important}
.aidx-main .sec .head .eb{display:none}
.aidx-main .sec .head .h2{font-size:clamp(26px,2.5vw,34px)!important;line-height:1.22!important;letter-spacing:-.025em!important;max-width:30ch!important;font-weight:500}
.aidx-main .sec .head .lead{margin-top:14px!important;font-size:16.5px;color:#6b6d74;max-width:56ch}
.aidx-main .sec .head .row{margin-top:22px}
.aidx-main .sec .wrap>:not(.head){margin:0!important;padding:56px 64px!important;max-width:none!important;border-radius:0!important;border-top:1px solid var(--frl);
 background:radial-gradient(circle at 1px 1px,#dfe0e4 1px,transparent 1.4px) 0 0/16px 16px,#f5f6f8!important;box-shadow:none!important}
.aidx-main .sec .wrap>:not(.head)+:not(.head){background:#fafafa!important}
.aidx-main #loop .lpw,.aidx-main #measure .chart{background:#fff!important;padding:28px!important;margin:0!important;border:0;box-shadow:inset 0 0 0 1px var(--frl),0 12px 32px -20px rgba(17,18,20,.25)!important;border-radius:14px!important}
.aidx-in{padding-top:96px}
@media (max-width:980px){.aidx-main .sec .head{padding:72px 20px 40px}.aidx-main .sec .wrap>:not(.head){padding:32px 20px!important}}
.aidx-main .sec>.wrap{background:radial-gradient(circle at 1px 1px,#dfe0e4 1px,transparent 1.4px) 0 0/16px 16px,#f5f6f8!important;padding-bottom:8px!important}
.aidx-main .sec .head{background:#fff;border-bottom:1px solid var(--frl)}
.aidx-main .sec .wrap>:not(.head){background:transparent!important;border-top:0!important}
.aidx-main #loop .lpw,.aidx-main #measure .chart{margin:56px 64px!important}
.aidx-main #measure .bento{padding-top:0!important}
@media (max-width:980px){.aidx-main #loop .lpw,.aidx-main #measure .chart{margin:32px 20px!important}}

.sil-k{display:inline-block;margin-bottom:16px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8d8f96}
.sil-in h2 span{color:#8d8f96}

.lgx .lgi{width:52px;height:52px;border-radius:13px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(20,30,40,.08);flex:none}
.lgx .lgi.ring{box-shadow:inset 0 0 0 1px var(--line)}
.lgx .lgi i{width:26px;height:26px}.lgx .lgi.wide i{width:34px;height:26px}
.lgx .lgi.tt i{filter:drop-shadow(1.2px 1px 0 #FE2C55) drop-shadow(-1.2px -1px 0 #25F4EE)}
.lgr{gap:14px}
@media (max-width:640px){.lgx .lgi{width:46px;height:46px}.lgx .lgi i{width:22px;height:22px}}
/* logo rows: quicker, pause only the hovered row, lift the hovered logo */
.lgr{animation-duration:45s}.lgr.r2{animation-duration:50s}.lgr.r3{animation-duration:55s}
.lgx:hover .lgr{animation-play-state:running}
.lgx .lgr:hover{animation-play-state:paused}
.lgx{padding-block:14px}
.lgx .lgi{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s}
.lgx .lgr:hover .lgi{filter:saturate(.6);opacity:.7;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s,opacity .3s}
.lgx .lgr .lgi:hover{transform:translateY(-6px) scale(1.12);filter:none;opacity:1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 14px 26px -12px rgba(20,30,40,.45)}

/* ================= how the job works (Attio split) ================= */
.hj{position:relative;max-width:var(--fr);margin:0 auto;border-top:1px solid var(--frl)}
.hj-intro{padding:112px clamp(24px,6vw,88px) 104px;background:#fafafa}
.hj-pill{display:inline-block;padding:5px 10px;border-radius:7px;background:#eef1fb;color:#2f49c4;font:500 13.5px var(--sans)}
.hj-h{margin:22px 0 0;max-width:23ch;font:500 clamp(34px,4.4vw,56px)/1.08 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.hj-h span{color:#6e7280}
.hj-split{display:grid;grid-template-columns:minmax(220px,25%) minmax(0,1fr);border-top:1px solid var(--frl)}
.hj-nav{background:#fafafa;border-right:1px solid var(--frl)}
.hj-nav ol{position:sticky;top:120px;list-style:none;margin:0;padding:112px 24px 48px 0;display:grid;gap:6px}
.hj-nav a{position:relative;display:block;padding:7px 0 7px clamp(24px,4vw,56px);font:400 20px/1.3 var(--sans);letter-spacing:-.015em;color:#c3c5cb;text-decoration:none;transition:color .25s}
.hj-nav a::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:#4a63e0;opacity:0;transition:opacity .25s}
.hj-nav a:hover{color:#7a7d86}.hj-nav a.on{color:var(--ink)}.hj-nav a.on::before{opacity:1}
.hj-main{min-width:0}
.hj-p{border-bottom:1px solid var(--frl);scroll-margin-top:70px}
.hj-p:last-child{border-bottom:0}
.hj-t{padding:112px clamp(24px,5vw,80px) 96px;background:#fafafa}
.hj-s{margin:0;max-width:30ch;font:500 clamp(24px,2.3vw,31px)/1.28 var(--sans);letter-spacing:-.025em;color:var(--ink)}
.hj-s b{font-weight:500}.hj-s span{color:#6e7280}
.hj-rm{display:inline-flex;align-items:center;margin-top:24px;height:36px;padding:0 14px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:500 14px var(--sans);color:var(--ink);text-decoration:none}
.hj-rm:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.hj-panel{position:relative;border-top:1px solid var(--frl);background:radial-gradient(circle at 1px 1px,#dcdee3 1px,transparent 1.4px) 0 0/18px 18px,#f3f4f6;padding:96px clamp(20px,5vw,72px) 104px;overflow:hidden}
.hj-stage{position:relative}
/* the agents app card + floating approval */
.hj-app{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(17,18,20,.05),0 0 0 1px rgba(17,18,20,.06),0 24px 48px -28px rgba(17,18,20,.28);overflow:hidden;margin-right:clamp(0px,14%,170px)}
.hj-bar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #eef0f2;font-size:15px}
.hj-dot{width:18px;height:18px;border-radius:5px;background:#4a63e0;box-shadow:inset 0 0 0 4px #c9d2fa}
.hj-bar b{font-weight:500;color:var(--ink)}.hj-sub{color:#9a9ca3;font-size:13.5px}
.hj-chip{margin-left:auto;font:500 12.5px var(--sans);color:#1f7a3f;background:var(--ok-hl);padding:3px 9px;border-radius:6px}
.hj-th,.hj-tr{display:grid;grid-template-columns:minmax(150px,1.05fr) minmax(0,1.6fr) minmax(150px,1fr);gap:0;align-items:center}
.hj-th{padding:10px 20px;border-bottom:1px solid #eef0f2;font-size:13px;color:#8a8c93}
.hj-tr{padding:12px 20px;border-bottom:1px solid #f2f3f5;font-size:14.5px}
.hj-tr:last-child{border-bottom:0}
.hj-ag{display:flex;align-items:center;gap:10px}.hj-ag b{font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-color:#d4d6db;text-underline-offset:3px}
.hj-ic{width:28px;height:28px;flex:none;display:grid;place-items:center}.hj-ic svg{width:28px;height:auto}
.hj-do{color:#6b6d74;padding-right:16px}
.hj-ctl{display:inline-flex;align-items:center;gap:7px;justify-self:start;font-size:13px;color:#1f7a3f;background:#effaf2;padding:4px 9px;border-radius:6px}
.hj-ctl i{width:6px;height:6px;border-radius:50%;background:#2f9a52}
.hj-pop{position:absolute;right:0;bottom:-40px;width:min(330px,46%);background:#fff;border-radius:14px;padding:18px 18px 16px;box-shadow:0 0 0 1px rgba(17,18,20,.06),0 30px 60px -24px rgba(17,18,20,.35)}
.hj-pk{display:block;font-size:12.5px;color:#9a9ca3;margin-bottom:6px}
.hj-pop b{display:block;font:500 16.5px/1.3 var(--sans);color:var(--ink)}
.hj-pop p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:#6b6d74}
.hj-pa{display:flex;align-items:center;gap:8px;margin-top:14px}
.hj-pa button{height:32px;padding:0 12px;border-radius:7px;border:0;font:500 13.5px var(--sans);cursor:pointer}
.hj-b1{background:#4a63e0;color:#fff}.hj-b2{background:none;color:#6b6d74}
.hj-pa span{margin-left:auto;font-size:11.5px;color:#b0b2b8}
/* cells row */
.hj-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--frl);background:#fafafa}
.hj-cells.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hj-c{display:flex;flex-direction:column;gap:6px;padding:64px clamp(20px,3.4vw,48px) 56px;border-left:1px solid var(--frl);text-decoration:none;color:inherit;min-width:0}
.hj-c:first-child{border-left:0}
.hj-c h4{margin:0;font:500 19px/1.3 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.hj-c>p{margin:0;font-size:16px;line-height:1.5;color:#7a7d86;max-width:36ch}
.hj-own{list-style:none;margin:28px 0 0;padding:16px 18px;display:grid;gap:10px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(17,18,20,.06),0 12px 28px -20px rgba(17,18,20,.25)}
.hj-own li{display:flex;gap:10px;font-size:14px;line-height:1.45;color:var(--ink)}
.hj-own i{flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:var(--ok-hl);position:relative}
.hj-own i::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid #2f9a52;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.hj-mini{margin-top:28px;display:grid;gap:8px}
.hj-log{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;background:#fff;border-radius:10px;box-shadow:0 0 0 1px rgba(17,18,20,.06);font-size:13.5px;color:var(--ink)}
.hj-log .t{font:500 12px var(--mono);color:#9a9ca3}.hj-log a{font-size:12.5px;color:#4a63e0;cursor:default}
.hj-mini em{font-style:normal;font-size:11.5px;color:#b0b2b8}
.hj-cl{transition:background .25s}.hj-cl:hover{background:#fff}
.hj-cv{margin-top:24px;flex:1;display:flex;align-items:center;justify-content:center;min-height:170px}
.hj-cv .art{width:100%;max-width:240px;margin:0 auto}
.hj-cv .stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.hj-cv .stat>div{background:#fff;border-radius:10px;padding:14px;box-shadow:0 0 0 1px rgba(17,18,20,.06)}
.hj-cv .small{display:none}
.hj-more{margin-top:18px;font:500 14px var(--sans);color:var(--ink)}
.hj-cl:hover .hj-more{text-decoration:underline}
/* chart + loop inside panels */
.hj-panel .chart{margin:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 0 0 1px rgba(17,18,20,.06),0 24px 48px -28px rgba(17,18,20,.28)!important;padding:24px 26px!important}
.hj-panel .lpw{margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.hj-panel .loop .step{background:#fff;box-shadow:0 0 0 1px rgba(17,18,20,.06),0 16px 32px -24px rgba(17,18,20,.3)}
@media (max-width:980px){.hj-split{grid-template-columns:minmax(0,1fr)}.hj-nav{display:none}.hj-t{padding:72px 20px 56px}.hj-panel{padding:48px 16px 72px}
 .hj-cells,.hj-cells.three{grid-template-columns:minmax(0,1fr)}.hj-c{border-left:0;border-top:1px solid var(--frl);padding:44px 20px}
 .hj-app{margin-right:0}.hj-th{display:none}.hj-tr{grid-template-columns:minmax(0,1fr);gap:6px}.hj-pop{position:relative;bottom:auto;width:auto;margin-top:16px}.hj-intro{padding:80px 20px 64px}}
.hj-h{max-width:34ch!important;font-size:clamp(32px,3.9vw,52px)!important}

/* logo rows: never pause, no dimming; only the hovered logo lifts */
.lgx:hover .lgr,.lgx .lgr:hover{animation-play-state:running!important}
.lgx .lgr:hover .lgi{filter:none;opacity:1}
.lgx{margin-top:40px}

/* loop as a workflow canvas */
.wf{position:relative;width:100%;aspect-ratio:1000/600;max-width:1000px;margin:0 auto}
.wf-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wf-l{fill:none;stroke:#4a63e0;stroke-width:1.6;vector-effect:non-scaling-stroke}
.wf-b{fill:none;stroke:#9aa6ea;stroke-width:1.4;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}
.wf-p{fill:#4a63e0;filter:drop-shadow(0 0 6px rgba(74,99,224,.6))}
.wf-bl{position:absolute;left:50%;top:5%;transform:translate(-50%,-50%);background:#f3f4f6;padding:2px 10px;font:500 12.5px var(--sans);color:#6b78c9;white-space:nowrap}
.wf-n{position:absolute;width:36%;min-height:26%;background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1.5px #4a63e0,0 14px 30px -22px rgba(30,45,120,.45);padding:16px 18px 14px;display:grid;gap:8px;align-content:start}
.wf-n.n1{left:4%;top:11.7%}.wf-n.n2{left:60%;top:11.7%}.wf-n.n3{left:4%;top:61.7%}.wf-n.n4{left:60%;top:61.7%}
.wf-tab{position:absolute;left:-1px;top:-26px;height:26px;padding:0 10px;display:flex;align-items:center;border-radius:8px 8px 0 0;background:#4a63e0;color:#fff;font:500 12.5px var(--sans)}
.wf-st{position:absolute;right:10px;top:-24px;padding:2px 8px;border-radius:6px;background:#eaf7ee;color:#1f7a3f;font:500 12px var(--sans)}
.wf-h{display:flex;align-items:center;gap:10px}.wf-h b{font:500 17px var(--sans);color:var(--ink);letter-spacing:-.01em}
.wf-ic{width:26px;height:26px;border-radius:7px;flex:none;position:relative}
.wf-ic::after{content:"";position:absolute;inset:8px;border-radius:2px;background:currentColor}
.wf-ic.dec{background:var(--dec-hl);color:var(--dec)}.wf-ic.cre{background:var(--cre-hl);color:var(--cre)}.wf-ic.sig{background:var(--sig-hl);color:var(--sig)}
.wf-n p{margin:0;font-size:13.5px;line-height:1.45;color:#6b6d74}
.wf-m{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.wf-m span{display:inline-flex;gap:6px;align-items:baseline;padding:3px 8px;border-radius:6px;background:#f5f6f8;font-size:12px;color:#7a7d86}
.wf-m em{font:500 11.5px var(--mono);font-style:normal;color:var(--ink)}
@media (max-width:820px){.wf{aspect-ratio:auto;display:grid;gap:44px;padding:30px 0 10px}.wf-svg,.wf-bl{display:none}.wf-n{position:relative;left:auto!important;top:auto!important;width:auto}
 .wf-n:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-44px;height:44px;border-left:1.6px solid #4a63e0}}
@media (prefers-reduced-motion:reduce){.wf-p{display:none}}

/* closing card: the real PME mark as the loop */
.sil-logo{right:-6%;width:min(58%,640px)}
.sil-logo .sil-mk{position:absolute;inset:6%;display:block;opacity:.9;animation:sil-spin 48s linear infinite}
.sil-logo .sil-mk svg{width:100%;height:100%;display:block}
.sil-logo .sil-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(closest-side,rgba(229,96,62,.28),rgba(74,99,224,.18) 60%,transparent 75%);filter:blur(30px)}
.sil-card::after{background:linear-gradient(90deg,#161719 36%,rgba(22,23,25,.6) 56%,rgba(22,23,25,.05) 78%)!important}
@media (max-width:760px){.sil-logo{right:-35%;width:100%;opacity:.45}}
@media (prefers-reduced-motion:reduce){.sil-logo .sil-mk{animation:none}}
.sil-logo span{-webkit-mask:none!important;mask:none!important}.sil-logo .sil-mk{background:none!important;opacity:.8}.sil-logo .sil-glow{background:radial-gradient(closest-side,rgba(229,96,62,.26),rgba(74,99,224,.16) 60%,transparent 75%)!important}

/* closing card, cleaner: crisp logo in its own half, quiet colours */
.sil-card{background:#111214;min-height:440px}
.sil-card::after{display:none!important}
.sil-in{max-width:620px}
.sil-in h2{font-size:clamp(34px,3.8vw,50px)}
.sil-in>p{color:#a7a9b0;font-size:17px;max-width:40ch}
.sil-k{color:#7d7f86}
.sil-logo{right:6%!important;width:min(34%,400px)!important;opacity:1!important}
.sil-logo .sil-mk{inset:0!important;opacity:1!important;animation-duration:80s}
.sil-logo .sil-mk svg{shape-rendering:geometricPrecision}
.sil-logo .sil-glow{inset:-10%!important;filter:blur(40px);opacity:.55}
.sil-f button{background:#fff!important;color:#111214!important}
.sil-f button:hover{filter:none;background:#ececef!important}
.sil-2{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px #3a3c42}
.sil-2:hover{box-shadow:inset 0 0 0 1px #8d8f96}
.sil-f input{background:#1b1c1f}
@media (max-width:900px){.sil-logo{right:-18%!important;width:70%!important;opacity:.22!important}}
.sil-n{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;margin:16px 0 0;font-size:14px}.sil-n .sil-m{margin:0}.sil-n a{color:#fff;text-decoration:none;font-weight:500}.sil-n a:hover{text-decoration:underline}

/* learn: providers row (annex layout) */
.lprov{display:grid;justify-items:center;text-align:center;margin-top:88px;padding:64px 20px 8px;border-top:1px solid var(--frl);position:relative}
.lprov::before{content:"";position:absolute;inset:0 0 auto;height:200px;background:radial-gradient(circle at 1px 1px,#dcdde1 1px,transparent 1.4px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}
.lp-tiles{position:relative;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.lp-tile{width:96px;height:96px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--frl),0 12px 26px -16px rgba(17,18,20,.3);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.lp-tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px var(--ink),0 16px 30px -16px rgba(17,18,20,.35)}
.lp-tile svg,.lp-tile img{width:40px;height:40px;object-fit:contain}
.lp-h{position:relative;margin:40px 0 0;font:500 clamp(32px,4vw,50px)/1.08 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.lp-h em{display:block;font-style:normal;font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.02em}
.lp-s{position:relative;margin:14px 0 0;font-size:16px;color:var(--muted)}
.lp-b{position:relative;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.lp-btn{display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:9px;font:500 15.5px var(--sans);text-decoration:none}
.lp-btn.dark{background:var(--ink);color:#fff}.lp-btn.line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.lp-btn.line:hover{box-shadow:inset 0 0 0 1px var(--ink)}
@media (max-width:600px){.lp-tile{width:72px;height:72px;border-radius:18px}.lp-tile svg,.lp-tile img{width:32px;height:32px}}

/* approval card: a cursor clicks Approve, the card vanishes and returns */
.hj-pop{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.hj-pop.gone{opacity:0;transform:translateY(10px) scale(.96)}
.hj-cur{position:absolute;left:62%;top:120%;width:22px;height:22px;pointer-events:none;opacity:0;transition:left .9s cubic-bezier(.4,.1,.2,1),top .9s cubic-bezier(.4,.1,.2,1),opacity .3s}
.hj-cur svg{width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.hj-cur.on{opacity:1}
.hj-cur.tap svg{transform:scale(.85);transition:transform .12s}
.hj-b1{transition:transform .12s,filter .2s}
.hj-b1.press{transform:scale(.94);filter:brightness(1.12)}
.hj-b1.ok{background:#2f9a52}

.hj-b2{transition:transform .12s,background .2s,color .2s}
.hj-b2.press{transform:scale(.94);background:#f1f2f4}
.hj-b2.no{background:#fdecea;color:#c0392b}
.hj-b1.dim{opacity:.35}
.hj-pop b,.hj-pop p{transition:opacity .3s}
.hj-pop.gone{transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1)}

/* definition crafts: enriched cell row */
.cr3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border:1px solid var(--frl);border-radius:16px;overflow:hidden;background:#fafafa}
.cr3-c{display:flex;flex-direction:column;border-left:1px solid var(--frl);text-decoration:none;color:inherit;transition:background .3s}
.cr3-c:first-child{border-left:0}
.cr3-c:hover{background:#fff}
.cr3-t{padding:32px 30px 0;display:grid;gap:10px}
.cr3-k{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:5px 10px;border-radius:7px;font:500 13.5px var(--sans)}
.cr3-k i{width:8px;height:8px;border-radius:2px;background:currentColor}
.cr3-c.cre .cr3-k{background:var(--cre-hl);color:#b9431f}.cr3-c.dec .cr3-k{background:var(--dec-hl);color:#97680a}.cr3-c.sig .cr3-k{background:var(--sig-hl);color:#2f49c4}
.cr3-t p{margin:0;font-size:15.5px;line-height:1.55;color:#6b6d74}
.cr3-v{position:relative;margin:26px 22px 0;height:230px;border-radius:12px;display:grid;place-items:center;overflow:hidden;
 background:radial-gradient(circle at 1px 1px,#dcdee3 1px,transparent 1.4px) 0 0/14px 14px,#f1f2f5;box-shadow:inset 0 0 0 1px var(--frl)}
.cr3-art{width:62%;max-width:230px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cr3-art svg{width:100%;height:auto;display:block}
.cr3-c:hover .cr3-art{transform:translateY(-4px) scale(1.03)}
.cr3-tag{position:absolute;padding:4px 10px;border-radius:7px;background:#fff;font:500 12.5px var(--sans);color:var(--ink);box-shadow:0 0 0 1px rgba(17,18,20,.06),0 8px 18px -10px rgba(17,18,20,.3);white-space:nowrap;transition:transform .5s cubic-bezier(.34,1.56,.64,1);animation:cr3-f 6s ease-in-out infinite}
.cr3-tag.a{left:8%;top:14%}.cr3-tag.b{right:8%;top:30%;animation-delay:-2s}.cr3-tag.c{left:16%;bottom:12%;animation-delay:-4s}
.cr3-c.cre .cr3-tag.c{background:#fdf0eb;color:#b9431f}.cr3-c.dec .cr3-tag.c{background:#fdf6e3;color:#97680a}.cr3-c.sig .cr3-tag.c{background:#eef1fd;color:#2f49c4}
@keyframes cr3-f{50%{translate:0 -4px}}
.cr3-c:hover .cr3-tag.a{transform:translate(-4px,-4px)}.cr3-c:hover .cr3-tag.b{transform:translate(5px,-3px)}.cr3-c:hover .cr3-tag.c{transform:translate(-3px,4px)}
.cr3-l{margin:22px 30px 28px;font:500 14.5px var(--sans);color:var(--ink)}
.cr3-l b{display:inline-block;font-weight:500;transition:transform .25s}.cr3-c:hover .cr3-l b{transform:translateX(4px)}
@media (max-width:900px){.cr3{grid-template-columns:minmax(0,1fr)}.cr3-c{border-left:0;border-top:1px solid var(--frl)}.cr3-c:first-child{border-top:0}}
@media (prefers-reduced-motion:reduce){.cr3-tag{animation:none}}
.cr3{grid-template-rows:auto auto auto}.cr3-c{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.cr3-l{align-self:end}@media (max-width:900px){.cr3{grid-template-rows:none}.cr3-c{grid-row:auto;grid-template-rows:none}}
.cr3-t{align-content:start}

/* ================= prompt library teaser ================= */
.pl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pl-c{padding:24px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--frl),0 12px 28px -22px rgba(17,18,20,.3);display:grid;gap:12px;align-content:start}
.pl-k{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:4px 10px;border-radius:7px;font:500 13px var(--sans)}
.pl-k i{width:7px;height:7px;border-radius:2px;background:currentColor}
.pl-c.dec .pl-k{background:var(--dec-hl);color:#97680a}.pl-c.cre .pl-k{background:var(--cre-hl);color:#b9431f}.pl-c.sig .pl-k{background:var(--sig-hl);color:#2f49c4}
.pl-c p{margin:0;font:400 15.5px/1.6 var(--mono);color:var(--ink);letter-spacing:-.01em}
@media (max-width:900px){.pl{grid-template-columns:minmax(0,1fr)}}

/* ================= blocky isometric sections: shared parts ================= */
.bp{display:inline-flex;align-items:stretch;height:24px;font:500 13px/1 var(--sans);letter-spacing:-.01em}
.bp i{display:flex}.bp b{width:9px;height:24px}
.bp b.c1{background:var(--cre)}.bp b.c2{background:var(--dec)}.bp b.c3{background:var(--sig);margin-right:3px}
.bp em{font-style:normal;display:flex;align-items:center;padding:0 9px;background:var(--ink);color:#fff}
.bp.dk em{background:#fff;color:var(--ink)}
.pxc{position:absolute;width:6px;height:6px;background:#6b6e76;z-index:2;pointer-events:none}
.pxc.tl{left:0;top:0;box-shadow:6px 0 #3a3c42,0 6px #3a3c42,12px 0 #24262b}
.pxc.br{right:0;bottom:0;box-shadow:-6px 0 #3a3c42,0 -6px #3a3c42,-12px 0 #24262b}
.pxc.tr{right:0;top:0;background:#c9cbd1;box-shadow:-6px 0 #e3e4e8,0 6px #e3e4e8}
.pxc.bl{left:0;bottom:0;background:#c9cbd1;box-shadow:6px 0 #e3e4e8,0 -6px #e3e4e8}
.dkp{position:relative!important;background:var(--ink);color:#fff;padding:clamp(40px,6vw,76px) clamp(22px,5vw,64px) 0;margin-bottom:34px}
.dth{position:absolute;left:0;right:0;top:100%;width:100%;height:34px;display:block}
.dth.up{top:auto;bottom:100%}
/* ---- prove and act */
.pa-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end}
.pa-h{max-width:none!important;margin:22px 0 0;font:600 clamp(30px,3.4vw,46px)/1.04 var(--sans);letter-spacing:-.045em;color:#fff}
.pa-h span{color:#8e919a}
.pa-p{margin:0;font-size:16px;line-height:1.6;color:#b9bcc4;max-width:46ch}
.pa-v{margin:10px -2% 0;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 78%,transparent)}
.pa-art{width:100%;height:auto;display:block;overflow:visible}
.pa-art .ob polygon{fill:var(--ink);stroke:#fff;stroke-opacity:.13;stroke-width:1;stroke-linejoin:round}
.pa-art .cb polygon{stroke:#111214;stroke-opacity:.35;stroke-width:.8;stroke-linejoin:round}
.pa-art .cb-l{font:600 13px var(--sans);fill:#111214;letter-spacing:-.01em}
.pa-art .cb.a .cb-l,.pa-art .cb.p .cb-l{fill:#fff}
.pa-art .cb-m{fill:#111214;opacity:.75}.pa-art .cb.a .cb-m{fill:#fff;opacity:.95}
.pa-art .cb{transition:transform .5s var(--ease)}
.pa-art .cb.a{animation:pa-f 4.8s ease-in-out infinite}
@keyframes pa-f{50%{transform:translateY(-10px)}}
.pa-glow{fill:#7b5cf0;opacity:.55;animation:pa-g 4.8s ease-in-out infinite}
@keyframes pa-g{50%{opacity:.85}}
.pa-s{list-style:none;margin:0;padding:0 0 clamp(36px,5vw,60px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #2a2c31}
.pa-s li{padding:22px 24px 0 0}.pa-s li+li{padding-left:24px;border-left:1px solid #2a2c31}
.pa-k{display:inline-flex;align-items:center;gap:8px;font:500 13px var(--mono);color:#fff;text-transform:uppercase;letter-spacing:.04em}
.pa-k i{width:9px;height:9px;background:#a9adb6}.pa-s li.p .pa-k i{background:#f2f2f0}.pa-s li.a .pa-k i{background:#7b5cf0;box-shadow:0 0 12px #7b5cf0}
.pa-s p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#a3a6ae}
@media (max-width:900px){.pa-top{grid-template-columns:minmax(0,1fr);gap:16px}.pa-s{grid-template-columns:minmax(0,1fr)}.pa-s li+li{padding-left:0;border-left:0;border-top:1px solid #2a2c31;margin-top:18px}.pa-v{margin:6px -22% 0}}
/* ---- four layers */
.ly-head{display:grid;justify-items:center;text-align:center}
.ly-h{margin:20px 0 0;max-width:18ch;font:600 clamp(32px,4.2vw,56px)/1.03 var(--sans);letter-spacing:-.045em;color:var(--ink)}
.ly-h em{font-style:normal;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent}
.ly-p{margin:16px 0 0;max-width:56ch;font-size:16.5px;line-height:1.6;color:#6b6d74}
.ly{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:center;margin-top:40px}
.ly-art{position:relative}
.ly-art svg{width:100%;max-width:460px;height:auto;display:block;margin:0 auto;overflow:visible}
.ly-s{transform:translateY(calc((1 - var(--p,1)) * (1.5 - var(--k)) * 92px));transition:opacity .35s}
.ly-s .sl-t{fill:#fbfbfa;stroke:#c9cbd1;stroke-width:.8}
.ly-s .sl-l{fill:#eceef1;stroke:#c9cbd1;stroke-width:.8}.ly-s .sl-r{fill:#dfe1e6;stroke:#c9cbd1;stroke-width:.8}
.ly-s .sl-n{font:600 10.5px var(--sans);letter-spacing:-.005em;fill:#7a7d86}
.ly-s .tl-t{fill:#fff;stroke:#c9cbd1;stroke-width:.7}.ly-s .tl-l{fill:#f1f2f4;stroke:#c9cbd1;stroke-width:.7}.ly-s .tl-r{fill:#e4e6ea;stroke:#c9cbd1;stroke-width:.7}
.ly-s .tl-x{font:600 9.5px var(--sans);fill:#4b4e57}
.ly-s polygon,.ly-s text{transition:fill .35s,stroke .35s}
.ly-s.on .sl-t{fill:var(--c1);stroke:var(--c0)}.ly-s.on .sl-l{fill:var(--c0);stroke:var(--c0)}.ly-s.on .sl-r{fill:var(--c3);stroke:var(--c3)}
.ly-s.on .sl-n{fill:#fff}
.ly-s.on .tl-t{stroke:var(--c0)}.ly-s.on .tl-l{fill:var(--c1);stroke:var(--c0)}.ly-s.on .tl-r{fill:var(--c2);stroke:var(--c0)}.ly-s.on .tl-x{fill:var(--c3)}
.ly-s.cre{--c0:#e5603e;--c1:#fbd3c6;--c2:#f19b80;--c3:#b9431f}.ly-s.vio{--c0:#7b5cf0;--c1:#ddd4fc;--c2:#ab98f7;--c3:#5b3fd6}
.ly-s.dec{--c0:#d99a14;--c1:#f8e6b4;--c2:#ebc35f;--c3:#97680a}.ly-s.sig{--c0:#4a63e0;--c1:#d4dbfb;--c2:#8e9ff0;--c3:#2f49c4}
.ly-rz{stroke:#b9bcc4;stroke-width:1;stroke-dasharray:3 4}
.ly-rain line{stroke:#b3b6be;stroke-width:.8}
.ly-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;order:-1}
.ly-list button{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;width:100%;padding:18px 20px;cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1px var(--frl);transition:background .3s,box-shadow .3s,color .3s}
.ly-list button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ly-n{font:500 13px var(--mono);color:#9a9ca3;padding-top:3px}
.ly-b b{display:flex;align-items:center;gap:9px;font:600 18px var(--sans);letter-spacing:-.02em;color:var(--ink)}
.ly-b b::before{content:"";width:10px;height:10px;background:var(--c0)}
.ly-b>span{display:block;margin-top:4px;font-size:14.5px;line-height:1.5;color:#6b6d74;transition:color .3s}
.ly-list li.cre{--c0:#e5603e}.ly-list li.vio{--c0:#7b5cf0}.ly-list li.dec{--c0:#d99a14}.ly-list li.sig{--c0:#4a63e0}
.ly-list li.on button{background:var(--c0);box-shadow:none}
.ly-list li.on .ly-n,.ly-list li.on .ly-b b,.ly-list li.on .ly-b>span{color:#fff}.ly-list li.on .ly-b b::before{background:#fff}
.ly-list li.on button::after{content:"";position:absolute;right:0;top:0;width:7px;height:7px;background:#fff;opacity:.55;box-shadow:-7px 0 rgba(255,255,255,.3),0 7px rgba(255,255,255,.3)}
.ly-more a{display:inline-flex;gap:6px;margin-top:10px;font:500 14.5px var(--sans);color:var(--ink);text-decoration:none}
.ly-more a b{font-weight:500;transition:transform .25s}.ly-more a:hover b{transform:translateX(4px)}
@media (max-width:900px){.ly{grid-template-columns:minmax(0,1fr)}.ly-list{order:0}.ly-art svg{max-width:400px}}
/* ---- first ninety days */
.s9{padding-bottom:clamp(36px,5vw,56px);margin-top:34px}
.s9-head{display:grid;justify-items:center;text-align:center}
.s9-h{margin:22px 0 0;max-width:17ch;font:600 clamp(32px,4.2vw,54px)/1.03 var(--sans);letter-spacing:-.045em;color:#fff}
.s9-h em{font-style:normal;color:#a996ff}
.s9-head p{margin:16px 0 0;max-width:56ch;font-size:16.5px;line-height:1.6;color:#a3a6ae}
.s9-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:44px}
.sc{border-radius:0!important;position:relative;display:flex;flex-direction:column;min-height:520px;padding:22px;background:#f6f6f4;color:var(--ink)}
.sc.sc-hi{background:#4a63e0;color:#fff}
.sc.sc-hi .pxc.tr,.sc.sc-hi .pxc.bl{background:#fff;box-shadow:-6px 0 rgba(255,255,255,.45),0 6px rgba(255,255,255,.45)}
.sc.sc-hi .pxc.bl{box-shadow:6px 0 rgba(255,255,255,.45),0 -6px rgba(255,255,255,.45)}
.sc-chip{display:inline-flex;align-self:flex-start;height:22px;font:500 12.5px/1 var(--sans)}
.sc-chip i{display:flex}.sc-chip b{width:8px;height:22px;background:#2b3fae}.sc-chip b+b{background:#4a63e0;margin-right:3px}
.sc-chip em{font-style:normal;display:flex;align-items:center;padding:0 8px;background:#4a63e0;color:#fff}
.sc.sc-hi .sc-chip b{background:#8e919a}.sc.sc-hi .sc-chip b+b{background:#3a3c42}.sc.sc-hi .sc-chip em{background:var(--ink)}
.sc-v{position:relative;flex:1;margin:18px -4px;min-height:250px;background:radial-gradient(circle at 1px 1px,#d4d6db 1px,transparent 1.3px) 0 0/14px 14px}
.sc.sc-hi .sc-v{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.22) 1px,transparent 1.3px)}
.sc-t h3{margin:0;font:600 19px/1.25 var(--sans);letter-spacing:-.02em;color:var(--ink)!important}.sc.sc-hi .sc-t h3{color:#fff!important}
.sc-t p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#6b6d74}.sc.sc-hi .sc-t p{color:#dfe4ff}
/* map */
.sc-v.map{display:grid;place-items:center}.sc-v.map svg{width:92%;height:auto;display:block}.sc-v.map text{font:500 10.5px var(--sans)}
.sc-v .ln{fill:none;stroke:#cfd1d6;stroke-width:1.4}.sc-v .ln.on{stroke:#4a63e0;stroke-width:2}
.nd{position:absolute;transform:translate(-50%,0);min-width:64px;padding:22px 8px 7px;background:#fff;box-shadow:0 0 0 1px #d4d6db,0 8px 16px -12px rgba(17,18,20,.4);font:500 11.5px/1.2 var(--sans);color:#9a9ca3;border-radius:4px}
.nd i{position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#8e919a}
.nd.top{background:var(--ink);color:#fff;box-shadow:none}.nd.top i{background:#fff}
.nd.on{color:#2f49c4;box-shadow:0 0 0 1.5px #4a63e0}.nd.on i{background:#4a63e0}
.nd.fill{background:#4a63e0;color:#fff;box-shadow:none}.nd.fill i{background:#fff}
.nd.sm{min-width:52px;padding-top:18px;font-size:10.5px}
/* prove */
.sc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:4px}
.sc-tabs span{padding:7px 8px;font:500 13px var(--sans);color:rgba(255,255,255,.62);text-align:center}
.sc-tabs span.on{background:#f6f6f4;color:#2f49c4}
.sc-ch{position:absolute;left:6%;right:6%;bottom:0;height:62%}
.sc-ch svg{position:absolute;inset:0;width:100%;height:100%}
.sc-ch .cv{fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.6;vector-effect:non-scaling-stroke}
.sc-ch .bars{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:8%}
.sc-ch .bars i{flex:1;height:var(--h);background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.06))}
.sc-ch .bars i.on{background:linear-gradient(#fff,rgba(255,255,255,.75))}
.sc-tip{position:absolute;right:4%;top:-22px;z-index:1;padding:5px 9px;background:#fff;color:var(--ink);font:500 11.5px var(--sans);border-radius:3px;box-shadow:0 8px 18px -10px rgba(0,0,0,.5)}
.sc-tip b{font-weight:500;color:#1f7a3f;background:var(--ok-hl);padding:1px 5px;margin-left:4px;border-radius:3px}
/* run */
.sc-v.run{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0}
.rc{width:78%;padding:12px 14px;background:#fff;box-shadow:0 0 0 1.5px #4a63e0;border-radius:5px}
.rc b{display:block;font:600 13px var(--sans);color:#2f49c4}
.rc p{margin:6px 0 0;font-size:11.5px;line-height:1.45;color:var(--ink)}.rc p.ok{color:#1f7a3f}
.sc-v.run svg{width:84%;height:auto;display:block}
.ag{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:84%;margin-top:-2px}
.ag span{display:grid;justify-items:center;gap:6px;padding:10px 0 8px;background:#fff;box-shadow:0 0 0 1px #d4d6db;border-radius:4px;font:500 10.5px var(--sans);color:#4b4e57}
.ag span i{width:14px;height:14px;background:#7b5cf0;border-radius:3px}
.ag span.on{background:#4a63e0;color:#fff;box-shadow:none}.ag span.on i{background:#fff}
.ag span.hu i{background:#2f9a52;border-radius:50%}
.nms.dk{margin-top:12px;border:1px solid #2a2c31;border-radius:0}
.nms.dk .nm{border-color:#2a2c31}
.nms.dk .nm b{color:#fff;font-size:clamp(26px,2.7vw,38px);white-space:nowrap}.nms.dk .nm span{color:#8e919a}
.s9-more{display:inline-flex;gap:6px;margin-top:22px;font:500 14.5px var(--sans);color:#fff;text-decoration:none}
.s9-more b{font-weight:500;transition:transform .25s}.s9-more:hover b{transform:translateX(4px)}
@media (max-width:900px){.s9-g{grid-template-columns:minmax(0,1fr)}.sc{min-height:0}.sc-v{min-height:240px}}
@media (prefers-reduced-motion:reduce){.pa-art .cb.a,.pa-glow{animation:none}.ly-s{transform:none}}
.nms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.nm{padding:26px 24px;border-left:1px solid var(--frl);display:grid;gap:6px}.nm:first-child{border-left:0}
.nm b{font:500 clamp(26px,2.7vw,38px)/1 var(--sans);letter-spacing:-.04em}
.nm span{font-size:14px;line-height:1.45}
@media (max-width:900px){.nms{grid-template-columns:repeat(2,minmax(0,1fr))}.nm:nth-child(3){border-left:0}.nm:nth-child(n+3){border-top:1px solid #2a2c31}}

/* ================= PME branding on the blocky sections ================= */
.ly-h em,.s9-h em,.pa-h em,.lh-h em{font:italic 500 1.06em/1 "Fraunces",Georgia,serif;letter-spacing:-.02em;background:linear-gradient(90deg,#e5603e,#d99a14 48%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.dkp>.pxc.tl{background:#e5603e;box-shadow:6px 0 #d99a14,0 6px #d99a14,12px 0 #4a63e0}
.dkp>.pxc.br{background:#4a63e0;box-shadow:-6px 0 #d99a14,0 -6px #d99a14,-12px 0 #e5603e}
.pa-s li.p .pa-k i{background:#d99a14}.pa-s li.a .pa-k i{background:#e5603e;box-shadow:0 0 12px #e5603e}
.pa-glow{fill:#e5603e}
.sc.sc-hi{background:#e5603e}
.sc.sc-hi .sc-tabs span.on{color:#b9431f}
.sc.sc-hi .sc-t p{color:#ffe6dd}
.sc-run .sc-chip b{background:#4b33b8}.sc-run .sc-chip b+b{background:#7b5cf0}.sc-run .sc-chip em{background:#7b5cf0}
.sc-run .rc{box-shadow:0 0 0 1.5px #7b5cf0}.sc-run .rc b{color:#5b3fd6}
.sc-run .ag span.on{background:#7b5cf0}
.s9-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.s9-l a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:16px 18px;border:1px solid #2a2c31;color:#fff;text-decoration:none;transition:border-color .25s,background .25s}
.s9-l a:hover{border-color:#6b6e76;background:#1a1b1f}
.s9-l b{font:600 15px var(--sans)}.s9-l span{grid-row:2;font-size:13.5px;color:#8e919a}.s9-l em{grid-row:1/3;grid-column:2;font-style:normal;transition:transform .25s}.s9-l a:hover em{transform:translateX(4px)}
@media (max-width:900px){.s9-l{grid-template-columns:minmax(0,1fr)}}
/* ================= learn, blocky ================= */
.lh{display:grid;justify-items:center;text-align:center}
.lh-h{margin:20px 0 0;max-width:20ch;font:600 clamp(32px,4.2vw,54px)/1.04 var(--sans);letter-spacing:-.045em;color:var(--ink)}
.lh-p{margin:14px 0 0;font-size:16.5px;color:#6b6d74}
.lh-l{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.lh-l a{font:500 14.5px var(--sans);color:var(--ink);text-decoration:none}.lh-l a b{display:inline-block;font-weight:500;transition:transform .25s}.lh-l a:hover b{transform:translateX(4px)}
.lcg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}
.lc{position:relative;display:flex;flex-direction:column;padding:18px;background:#f6f6f4;color:var(--ink);text-decoration:none;transition:background .3s,transform .3s var(--ease)}
.lc:hover{background:#efefec;transform:translateY(-3px)}
.lc-chip{display:inline-flex;align-self:flex-start;height:22px;font:500 12.5px/1 var(--sans)}
.lc-chip i{width:16px;margin-right:3px;background:var(--c0)}
.lc-chip em{font-style:normal;display:flex;align-items:center;padding:0 8px;background:var(--ink);color:#fff}
.lc-art{display:block;margin:10px -8px 4px;padding:6px 0;background:radial-gradient(circle at 1px 1px,#d4d6db 1px,transparent 1.3px) 0 0/14px 14px}
.lc-art svg{display:block;width:100%;height:auto;overflow:visible}
.lc .ly-s{transform:none}
.lc:hover .ly-s .sl-t,.lc:focus-visible .ly-s .sl-t{fill:var(--c1);stroke:var(--c0)}.lc:hover .ly-s .sl-l{fill:var(--c0);stroke:var(--c0)}.lc:hover .ly-s .sl-r{fill:var(--c3);stroke:var(--c3)}
.lc:hover .ly-s .sl-n{fill:#fff}.lc:hover .ly-s .tl-t{stroke:var(--c0)}.lc:hover .ly-s .tl-l{fill:var(--c1);stroke:var(--c0)}.lc:hover .ly-s .tl-r{fill:var(--c2);stroke:var(--c0)}.lc:hover .ly-s .tl-x{fill:var(--c3)}
.lc.sig{--c0:#4a63e0}.lc.dec{--c0:#d99a14}.lc.cre{--c0:#e5603e}.lc.vio{--c0:#7b5cf0}
.lc-b{display:grid;gap:6px}.lc-b b{font:600 18px/1.25 var(--sans);letter-spacing:-.02em}.lc-b span{font-size:14px;line-height:1.5;color:#6b6d74}
.lc-p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;margin-top:16px;padding-top:14px;border-top:1px solid #e3e4e6}
.lc-p em{grid-column:1/-1;font:500 11px var(--mono);font-style:normal;color:#9a9ca3;text-transform:uppercase;letter-spacing:.05em}
.lc-p span{font-size:14px;line-height:1.4}.lc-p i{font:500 12.5px var(--mono);font-style:normal;color:#9a9ca3;align-self:end}
.lc-a{margin-top:auto;padding-top:16px;font:500 14px var(--sans)}.lc-a b{display:inline-block;font-weight:500;transition:transform .25s}.lc:hover .lc-a b{transform:translateX(4px)}
@media (max-width:1000px){.lcg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lcg{grid-template-columns:minmax(0,1fr)}}
.lprov{margin-top:56px!important;border-top:0!important;padding-top:48px!important}
.lp-tile{border-radius:0!important}
.lprov .btn,.lprov a.btn{border-radius:0!important}
/* ================= questions: compact, hover never covers the text ================= */
.qsec .h2{font-size:clamp(28px,3.4vw,44px)!important}
.qsec .lead{font-size:16px}
.qx{gap:10px!important;margin-top:30px!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important}
.qrow{gap:10px!important}
.qp{gap:10px!important;padding:10px 14px!important;border-radius:8px!important;font-size:15px!important;transition:box-shadow .2s}
.qi{width:17px!important;height:17px!important}
.qp:hover .qi,.qp:hover .qt{filter:none!important;opacity:1!important}
.qa{position:static!important;display:inline-block!important;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;font-size:12.5px!important;font-weight:500;padding:0;background:#f1f2f4;border-radius:5px;transition:max-width .3s var(--ease),opacity .2s,padding .3s,margin .3s}
.qp:hover{box-shadow:inset 0 0 0 1.5px var(--ink),0 8px 18px -12px rgba(17,18,20,.35)!important}
.qp:hover .qa{max-width:160px;opacity:1;padding:3px 8px;margin-left:2px}
.qp.h .qa{background:#efeafe;color:#5b3fd6}
.lp-btn{border-radius:0!important}
.lprov h3 em{font:italic 500 1em/1.1 "Fraunces",Georgia,serif;background:linear-gradient(90deg,#e5603e,#d99a14 48%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent}
.lc .lc-art{transition:transform .35s var(--ease)}.lc:hover .lc-art{transform:translateY(-4px)}
.qsec .head .h2{max-width:30ch!important}
.qx:hover .qrow{animation-play-state:running!important}.qx .qrow:hover{animation-play-state:paused!important}
/* ================= open library ================= */
.olib{margin-top:72px;padding-top:56px;border-top:1px solid var(--frl)}
.ol-head{display:grid;justify-items:center;text-align:center}
.ol-t{margin:18px 0 0;max-width:22ch;font:600 clamp(28px,3.4vw,44px)/1.05 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.ol-t em{font:italic 500 1.06em/1 "Fraunces",Georgia,serif;letter-spacing:-.02em;background:linear-gradient(90deg,#e5603e,#d99a14 48%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.ol-head p{margin:14px 0 0;max-width:56ch;font-size:16px;line-height:1.6;color:#6b6d74}
.ol-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px}
.ol-c{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--frl);transition:box-shadow .25s,transform .3s var(--ease)}
.ol-c:hover{box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-3px)}
.ol-h{display:flex;align-items:flex-start;justify-content:space-between}
.ol-lg{display:grid;place-items:center;width:52px;height:52px;background:#f6f6f4}
.ol-lg svg,.ol-lg img{width:26px;height:26px;object-fit:contain}
.ol-tag{padding:4px 8px;background:#f4f4f5;font:500 11.5px var(--mono);color:#6b6d74;text-transform:uppercase;letter-spacing:.04em}
.ol-c h4{margin:6px 0 0;font:600 17px/1.25 var(--sans);letter-spacing:-.015em}.ol-c h4 a{color:var(--ink);text-decoration:none}
.ol-c p{margin:0;font-size:14px;line-height:1.5;color:#6b6d74}
.ol-m{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.ol-ch{display:flex;gap:4px}.ol-ch i{font-style:normal;padding:3px 7px;font:500 11.5px var(--sans);color:#fff}
.ol-ch i.sig{background:#4a63e0}.ol-ch i.dec{background:#d99a14}.ol-ch i.cre{background:#e5603e}.ol-ch i.vio{background:#7b5cf0}
.ol-pr{font:500 12px var(--mono);color:#1f7a3f;background:var(--ok-hl);padding:3px 7px}
.ol-f{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--frl);font:500 13.5px var(--sans)}
.ol-f a{color:var(--ink);text-decoration:none}.ol-f a b{display:inline-block;font-weight:500;transition:transform .25s}.ol-c:hover .ol-f a b{transform:translateX(3px)}
.ol-f .ol-x{color:#8e919a}.ol-f .ol-x:hover{color:var(--ink)}
.ol-b{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px}
.ol-btn{display:inline-flex;align-items:center;height:44px;padding:0 18px;background:#fff;box-shadow:inset 0 0 0 1px var(--frl);color:var(--ink);font:500 15px var(--sans);text-decoration:none}
.ol-btn.dark{background:var(--ink);color:#fff;box-shadow:none}.ol-btn:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.ol-n{width:100%;text-align:center;font:500 12px var(--mono);color:#9a9ca3}
@media (max-width:1000px){.ol-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ol-g{grid-template-columns:minmax(0,1fr)}}
.ol-g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.ol-grp{display:grid;gap:12px;align-content:start}
.ol-gh{display:grid;gap:3px;padding:0 0 12px;border-bottom:2px solid var(--ink)}
.ol-gh b{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.ol-gh span{font-size:14px;color:#6b6d74}
.ol-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ol-grp:first-child .ol-gh{border-image:linear-gradient(90deg,#e5603e,#7b5cf0) 1}
.ol-grp:last-child .ol-gh{border-image:linear-gradient(90deg,#4a63e0,#d99a14) 1}
@media (max-width:1000px){.ol-g{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:560px){.ol-g2{grid-template-columns:minmax(0,1fr)}}
.pl-add{display:flex;align-items:center;gap:16px;margin-top:14px;padding:18px 22px;border:1.5px dashed #c9cbd1;color:var(--ink);text-decoration:none;transition:border-color .25s,background .25s}
.pl-add:hover{border-color:var(--ink);background:#fafafa}
.pl-plus{display:grid;place-items:center;flex:none;width:36px;height:36px;background:var(--ink);color:#fff;font:500 20px/1 var(--sans)}
.pl-add>span:nth-child(2){flex:1;display:grid;gap:2px}.pl-add b{font:600 15.5px var(--sans)}.pl-add>span>span{font-size:14px;color:#6b6d74}
.pl-add em{font:500 14.5px var(--sans);font-style:normal;white-space:nowrap}
@media (max-width:640px){.pl-add{flex-wrap:wrap}.pl-add em{width:100%}}
/* prove & act: assemble on scroll (light blocks rise into place, coloured cubes drop in last) */
.pa-art .ob,.pa-art .cbw{--t:clamp(0,calc((var(--p,1) - var(--s,0)) / .32),1)}
.pa-art .ob{transform:translateY(calc(var(--o,0px) * (1 - var(--t))));opacity:calc(.15 + var(--t) * .85)}
.pa-art .cbw{transform:translateY(calc(-190px * (1 - var(--t))));opacity:var(--t)}
.pa-glow{opacity:calc(var(--pg,1) * .7)!important}
@media (prefers-reduced-motion:reduce){.pa-art .ob,.pa-art .cbw{transform:none;opacity:1}}
/* prove & act v3: PME core + loop of five on a dashed ring */
.pa-art .oc-l{font:700 13px var(--sans);letter-spacing:-.01em}
.pa-art .oc-c polygon{stroke-width:1.1;stroke-linejoin:round}
.pa-art .oc-core polygon{stroke-width:.8}
.pa-art .oc-core .oc-l{font-size:15px}
.oc-ring{fill:none;stroke:#e5603e;stroke-width:1.6;stroke-dasharray:7 7;opacity:.85}
.oc-sp line{stroke:#a3a6ae;stroke-width:1.2;stroke-dasharray:3 5;opacity:.7}
.pa-art .oc-floor{--t:clamp(0,calc((var(--p,1) - .42) / .2),1);opacity:var(--t);transform:scale(calc(.55 + .45 * var(--t)));transform-box:fill-box;transform-origin:center}
.pa-art .oc-w{--t:clamp(0,calc((var(--p,1) - var(--s,0)) / .16),1);transform:translateY(calc(-160px * (1 - var(--t))));opacity:var(--t)}
.pa-art .oc-w.core{transform:translateY(calc(-220px * (1 - var(--t))))}
.pa-art .oc-fl{animation:pa-f 5s ease-in-out infinite}
.pa-art .cbw{display:none}
.pa-glow{fill:#e5603e}
.pa5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.pa5 li{padding:22px 18px 0 0!important}.pa5 li+li{padding-left:18px!important}
.pa5 .pa-k i{background:var(--c)!important;box-shadow:none!important}
.pa5 li:nth-child(4) .pa-k i{box-shadow:0 0 12px var(--c)!important}
.pa5 p{font-size:14px!important}
@media (max-width:900px){.pa5{grid-template-columns:minmax(0,1fr)!important}.pa5 li{padding-left:0!important}}
@media (prefers-reduced-motion:reduce){.pa-art .oc-floor,.pa-art .oc-w{transform:none;opacity:1}}
.pa-art .oc-c .oc-l{font-size:12.5px}
.ag span i{width:18px!important;height:18px!important;border-radius:0!important;background:var(--b)!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.ag span.on{background:#fff!important;color:var(--ink)!important;box-shadow:0 0 0 1.5px #7b5cf0!important}
.sc-run .ag span.on{box-shadow:0 0 0 1.5px #7b5cf0!important}
/* ================= four layers v2: pinned, one layer lit per scroll step ================= */
.lysec{padding:0!important}
.ly-pin{position:relative;height:440vh}
.ly-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.ly-sticky .wrap{width:100%;display:grid;grid-template-rows:auto 1fr auto;height:100%;padding-block:clamp(70px,9vh,100px) 18px;box-sizing:border-box}
.lysec .ly-h{font-size:clamp(28px,3.4vw,46px);margin-top:14px;max-width:none}
.ly-stage{position:relative;min-height:0;display:grid;place-items:center}
.lysec .ly-art{height:100%;min-height:0;display:grid;place-items:center}
.lysec .ly-art svg{height:100%;width:auto;max-width:100%;max-height:calc(100vh - 270px)}
.lysec .ly-s{transform:translateY(calc((1 - var(--p,1)) * (1.5 - var(--k)) * 92px + var(--lift,0px)));transition:transform .5s var(--ease),opacity .45s}
.lysec .ly-s .sl-t{fill:color-mix(in srgb,var(--c1) 45%,#fff);stroke:color-mix(in srgb,var(--c0) 35%,#fff)}
.lysec .ly-s .sl-l{fill:color-mix(in srgb,var(--c1) 70%,#fff);stroke:color-mix(in srgb,var(--c0) 35%,#fff)}
.lysec .ly-s .sl-r{fill:color-mix(in srgb,var(--c2) 45%,#fff);stroke:color-mix(in srgb,var(--c0) 35%,#fff)}
.lysec .ly-s .sl-n{fill:color-mix(in srgb,var(--c0) 55%,#fff)}
.lysec .ly-s .tl-t{fill:#fff;stroke:color-mix(in srgb,var(--c0) 30%,#fff)}.lysec .ly-s .tl-l,.lysec .ly-s .tl-r{fill:color-mix(in srgb,var(--c1) 50%,#fff);stroke:color-mix(in srgb,var(--c0) 30%,#fff)}
.lysec .ly-s .tl-x{fill:color-mix(in srgb,var(--c0) 55%,#fff)}
.lysec .ly-art.live .ly-s{opacity:.62}.lysec .ly-art.live .ly-s.on{opacity:1;--lift:-10px}
.lysec .ly-s.on .sl-t{fill:var(--c0);stroke:var(--c3)}.lysec .ly-s.on .sl-l{fill:var(--c3);stroke:var(--c3)}.lysec .ly-s.on .sl-r{fill:color-mix(in srgb,var(--c3) 75%,#000);stroke:var(--c3)}
.lysec .ly-s.on .sl-n{fill:#fff}.lysec .ly-s.on .tl-t{fill:#fff;stroke:var(--c3)}.lysec .ly-s.on .tl-l{fill:var(--c1);stroke:var(--c3)}.lysec .ly-s.on .tl-r{fill:var(--c2);stroke:var(--c3)}.lysec .ly-s.on .tl-x{fill:var(--c3)}
.ly-calls{position:absolute;inset:0;pointer-events:none}
.lyc{position:absolute;top:var(--top);width:min(320px,30%);padding:22px 22px 20px;background:#fff;box-shadow:inset 0 0 0 1px var(--frl),0 24px 50px -30px rgba(17,18,20,.35);opacity:0;transition:opacity .45s,transform .55s var(--ease);pointer-events:auto}
.lyc.r{left:calc(50% + min(230px,17vw));transform:translate(24px,-50%)}.lyc.l{right:calc(50% + min(230px,17vw));transform:translate(-24px,-50%)}
.lyc.on{opacity:1;transform:translate(0,-50%)}
.lyc.l{background:var(--c0);box-shadow:0 24px 50px -30px rgba(17,18,20,.45)}
.lyc.cre{--c0:#e5603e}.lyc.vio{--c0:#7b5cf0}.lyc.dec{--c0:#d99a14}.lyc.sig{--c0:#4a63e0}
.lyc-n{font:500 11.5px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#9a9ca3}
.lyc h3{margin:8px 0 0;font:600 20px/1.2 var(--sans);letter-spacing:-.02em;color:var(--c0)!important}
.lyc .lyc-t{margin:4px 0 0;font-size:15px;color:#6b6d74}
.lyc p{margin:12px 0 0;font-size:14.5px;line-height:1.5;color:var(--c0)}
.lyc.l .lyc-n,.lyc.l .lyc-t{color:rgba(255,255,255,.75)}.lyc.l h3,.lyc.l p{color:#fff!important}
.lyc.l .pxc{background:#fff;box-shadow:-6px 0 rgba(255,255,255,.5),0 6px rgba(255,255,255,.5)}
.ly-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:8px}
.ly-idx{display:flex;gap:6px;flex-wrap:wrap}
.ly-idx button{all:unset;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;background:#f4f4f5;font:500 13px var(--sans);color:#6b6d74;cursor:pointer;transition:background .25s,color .25s}
.ly-idx button i{width:8px;height:8px;background:var(--c0)}
.ly-idx button.sig{--c0:#4a63e0}.ly-idx button.dec{--c0:#d99a14}.ly-idx button.vio{--c0:#7b5cf0}.ly-idx button.cre{--c0:#e5603e}
.ly-idx button.on{background:var(--c0);color:#fff}.ly-idx button.on i{background:#fff}
.ly-idx button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ly-foot>a{font:500 14.5px var(--sans);color:var(--ink);text-decoration:none}.ly-foot>a b{display:inline-block;font-weight:500;transition:transform .25s}.ly-foot>a:hover b{transform:translateX(4px)}
@media (max-width:900px){
 .ly-pin{height:auto}.ly-sticky{position:relative;height:auto;overflow:visible}.ly-sticky .wrap{height:auto;padding-block:72px}
 .lysec .ly-art svg{max-height:none;width:100%;max-width:380px;height:auto}
 .ly-calls{position:static;display:grid;gap:10px;margin-top:20px}
 .lyc{position:relative;top:auto;left:auto!important;right:auto!important;width:auto;opacity:1;transform:none!important}
 .ly-idx{display:none}
}
@media (prefers-reduced-motion:reduce){.ly-pin{height:auto}.ly-sticky{position:relative;height:auto}.ly-calls{position:static;display:grid;gap:10px}.lyc{position:relative;opacity:1;transform:none!important;left:auto!important;right:auto!important;width:auto}}
.lyc{top:clamp(110px,var(--top),calc(100% - 110px))}@media (max-width:900px){.lyc{top:auto}}
/* prove & act: one accent, sharp lines */
.pa-art .ob polygon{stroke-opacity:.11!important;stroke-width:.9!important}
.pa-art .oc-c polygon{stroke-width:1!important}
.pa-art .oc-c .oc-l{font:700 13px var(--sans)!important;letter-spacing:-.01em}
.oc-ring{stroke:#e5603e!important;stroke-width:1.5!important;stroke-dasharray:6 6!important;opacity:1!important}
.oc-sp line{stroke:#fff!important;stroke-width:1!important;stroke-dasharray:3 5!important;opacity:.32!important}
.pa5 .pa-k i{background:#fff!important}
.pa5 li:nth-child(4) .pa-k i{background:#e5603e!important;box-shadow:0 0 12px #e5603e!important}
.pa5 li{border-top:0}
.pa-art .oc-c .oc-l{font-size:12px!important}
/* four layers: calmer, native-feeling motion */
.ly-pin{height:380vh}
.lysec .ly-s{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s cubic-bezier(.2,.8,.2,1)}
.lysec .ly-s polygon,.lysec .ly-s text{transition:fill .6s cubic-bezier(.2,.8,.2,1),stroke .6s cubic-bezier(.2,.8,.2,1),opacity .5s}
.lysec .ly-art.live .ly-s{opacity:.5}
.lysec .ly-art.live .ly-s:not(.on) .tl-x{opacity:0}
.lysec .ly-art.live .ly-s.on{--lift:-14px}
.lysec .ly-rz{opacity:.5}
.lyc{transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)!important}
.lyc.r{transform:translate(16px,-50%)}.lyc.l{transform:translate(-16px,-50%)}.lyc.on{transform:translate(0,-50%)}
.ly-idx button{position:relative;overflow:hidden}
.ly-idx button u{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--c0);transform-origin:left;transform:scaleX(var(--f,0))}
.ly-idx button.on u{background:rgba(255,255,255,.6)}
/* prove & act v4: no movement, elements light up in place on enter */
.pa-art .ob,.pa-art .oc-w,.pa-art .oc-w.core,.pa-art .oc-floor{transform:none!important;opacity:0!important;transition:opacity 1.1s cubic-bezier(.16,1,.3,1) calc(var(--s,0) * 2.2s)}
.pa-art .oc-floor{transition-delay:.95s}
.pa-art .pa-glow{opacity:0!important;transition:opacity 1.6s cubic-bezier(.16,1,.3,1) 1.6s}
.pa-art.in .ob{opacity:1!important}
.pa-art.in .oc-w,.pa-art.in .oc-floor{opacity:1!important}
.pa-art.in .pa-glow{opacity:.7!important}
.pa-art .oc-c polygon{transition:fill .8s ease calc(var(--s,0) * 2.2s + .2s)}
@media (prefers-reduced-motion:reduce){.pa-art .ob,.pa-art .oc-w,.pa-art .oc-floor,.pa-art .pa-glow{opacity:1!important;transition:none}}
.pa-art .pa-glow{animation:none!important}
/* ================= loop engine v3: a stepped track that loops back ================= */
.ag em{font-style:normal}
#start90 .s9{padding-bottom:clamp(36px,5vw,56px)}
.le-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:48px;align-items:start}
.le{position:relative;display:flex;flex-direction:column;padding:22px;background:#f6f6f4;color:var(--ink);border-top:3px solid var(--c0)}
.le.sig{--c0:#4a63e0}.le.dec{--c0:#d99a14}.le.vio{--c0:#7b5cf0}
.le:nth-child(2){margin-top:44px}.le:nth-child(3){margin-top:88px}
.le:not(:last-child)::after{content:"";position:absolute;top:46px;right:calc(-1 * clamp(20px,3vw,40px));width:clamp(20px,3vw,40px);height:44px;border-top:1.6px dashed #e5603e;border-right:1.6px dashed #e5603e;box-sizing:border-box}
.le:not(:last-child)::before{content:"";position:absolute;top:84px;right:calc(-1 * clamp(20px,3vw,40px) - 4px);width:0;height:0;border:5px solid transparent;border-top:7px solid #e5603e;z-index:1}
.le-h{display:flex;align-items:baseline;gap:10px}
.le-n{font:italic 500 44px/1 "Fraunces",Georgia,serif;background:linear-gradient(90deg,#e5603e,#d99a14 50%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent}
.le-k{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#7a7d86}
.le .sc-v{min-height:200px;margin:16px -4px}
.le .sc-t h3{color:var(--ink)!important}.le .sc-t p{color:#6b6d74!important}
/* prove visual on a light card */
.le .sc-v.prove .sc-tabs span{color:#7a7d86}.le .sc-v.prove .sc-tabs span.on{background:var(--ink);color:#fff}
.le .sc-ch .cv{stroke:#111214;stroke-opacity:.55}
.le .sc-ch .bars i{background:linear-gradient(rgba(217,154,20,.45),rgba(217,154,20,.08))}
.le .sc-ch .bars i.on{background:linear-gradient(#d99a14,rgba(217,154,20,.55))}
.le .sc-tip{box-shadow:0 0 0 1px #e3e4e6,0 8px 18px -10px rgba(0,0,0,.3)}
/* run visual: logos only, larger, no tiles */
.le .rc{box-shadow:0 0 0 1.5px #7b5cf0}.le .rc b{color:#5b3fd6}
.le .ag{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}
.le .ag span{background:none!important;box-shadow:none!important;padding:8px 0!important;display:grid;place-items:center}
.le .ag span i{width:30px!important;height:30px!important}
.le .ag span em{display:none}
.le .ag span.on{position:relative}.le .ag span.on::after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:2px;background:#7b5cf0}
.le .sc-v.run svg .ln,.le .sc-v .ln{stroke:#cfd1d6}
.le-loop{position:relative;margin-top:14px}
.le-back{display:block;width:100%;height:70px}
.le-loop span{position:absolute;left:50%;bottom:14px;transform:translate(-50%,0);padding:0 12px;background:var(--ink);font:italic 500 17px "Fraunces",Georgia,serif;color:#f59a7e;white-space:nowrap}
@media (max-width:900px){.le-g{grid-template-columns:minmax(0,1fr);gap:28px}.le:nth-child(n){margin-top:0}
 .le:not(:last-child)::after{top:auto;bottom:-28px;right:auto;left:50%;width:0;height:28px;border-top:0;border-right:0;border-left:1.6px dashed #e5603e}
 .le:not(:last-child)::before{top:auto;bottom:-31px;right:auto;left:calc(50% - 4px)}
 .le-back{height:56px}}
@media (max-width:900px){.le-back{display:none}.le-loop span{position:static;transform:none;display:block;text-align:center;background:none}}
/* open library: cleaner cards */
.ol-c{text-decoration:none;color:var(--ink)}
.ol-lg{background:none!important;width:auto!important;height:36px!important;justify-content:start;place-items:center start}
.ol-lg svg,.ol-lg img{width:30px!important;height:30px!important}
.ol-tag{background:none!important;padding:0!important;font:500 12px var(--sans)!important;text-transform:none!important;letter-spacing:0!important;color:#8e919a!important;text-align:right;max-width:60%}
.ol-c h4{color:var(--ink)}
.ol-f{align-items:center;margin-top:auto}
.ol-pr{background:none!important;padding:0!important;color:#1f7a3f!important}
.ol-f .ol-x{color:var(--ink)!important}
.ol-c:hover .ol-x{text-decoration:underline}
.ol-head p{max-width:46ch!important}
/* ================= prompt library v2 ================= */
.pr-head{display:grid;justify-items:center;text-align:center}
.pr-h{margin:18px 0 0;max-width:20ch;font:600 clamp(30px,3.8vw,50px)/1.05 var(--sans);letter-spacing:-.045em;color:var(--ink)}
.pr-h em{font:italic 500 1.04em/1 "Fraunces",Georgia,serif;background:linear-gradient(90deg,#e5603e,#d99a14 48%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.pr-head p{margin:14px 0 0;max-width:52ch;font-size:16px;line-height:1.6;color:#6b6d74}
.pr-l{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.pr-l a{font:500 14.5px var(--sans);color:var(--ink);text-decoration:none}.pr-l a b{display:inline-block;font-weight:500;transition:transform .25s}.pr-l a:hover b{transform:translateX(4px)}
.pr-rows{display:grid;gap:10px;margin-top:36px;overflow:hidden;padding-block:4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pr-row{display:flex;gap:10px;width:max-content;animation:pr-slide 90s linear infinite}
@keyframes pr-slide{to{transform:translateX(-25%)}}
.pr-row.r2{animation-direction:reverse;animation-duration:100s}.pr-row.r3{animation-duration:110s}
.pr-row:hover{animation-play-state:paused}
.pp{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;background:#fff;box-shadow:inset 0 0 0 1px #ececea;text-decoration:none;white-space:nowrap;transition:box-shadow .2s}
.pp:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pp i{flex:none;width:9px;height:9px;background:var(--c0)}
.pp.sig{--c0:#4a63e0}.pp.dec{--c0:#d99a14}.pp.cre{--c0:#e5603e}.pp.vio{--c0:#7b5cf0}
.pp b{font:600 14.5px var(--sans);color:var(--ink)}
.pp span{font:400 13px var(--mono);color:#8e919a}
.gh-h{display:grid;gap:4px;margin-top:44px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.gh-h b{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.gh-h span{font-size:14px;color:#6b6d74}
.gh-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.gh{display:grid;gap:8px;align-content:start;padding:18px;background:#fff;box-shadow:inset 0 0 0 1px #ececea;text-decoration:none;color:var(--ink);transition:box-shadow .2s}
.gh:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.gh svg{width:20px;height:20px;color:var(--ink)}
.gh b{font:500 13px var(--mono);word-break:break-word}
.gh span{font-size:13.5px;line-height:1.5;color:#6b6d74}
.gh em{font:500 12px var(--sans);font-style:normal;color:#8e919a;margin-top:auto}
@media (max-width:1000px){.gh-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.gh-g{grid-template-columns:minmax(0,1fr)}.pp span{display:none}}
@media (prefers-reduced-motion:reduce){.pr-row{animation:none}}
.cr3-u{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #ececea;display:grid;gap:7px}
.cr3-u li{position:relative;padding-left:16px;font-size:14px;line-height:1.45;color:var(--ink)}
.cr3-u li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px}
.cr3-c.cre .cr3-u li::before{background:var(--cre)}.cr3-c.dec .cr3-u li::before{background:var(--dec)}.cr3-c.sig .cr3-u li::before{background:var(--sig)}
/* four layers: the same pinned, step-by-step scroll on phones and tablets */
@media (max-width:900px){
 .ly-pin{height:380vh}
 .ly-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex}
 .ly-sticky .wrap{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-block:72px 14px}
 .lysec .ly-h{font-size:clamp(24px,6.4vw,34px)}
 .ly-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px;min-height:0}
 .lysec .ly-art{height:100%;min-height:0}
 .lysec .ly-art svg{width:auto!important;height:100%!important;max-height:46svh;max-width:100%}
 .ly-calls{position:relative!important;inset:auto;display:block!important;width:100%;height:150px;margin:0}
 .lyc{position:absolute!important;inset:0 0 auto 0!important;top:0!important;width:auto!important;opacity:0!important;transform:translateY(12px)!important;padding:16px 18px!important}
 .lyc.on{opacity:1!important;transform:none!important}
 .lyc h3{font-size:17px}.lyc p{font-size:13.5px;margin-top:8px}
 .ly-idx{display:flex!important;gap:4px}.ly-idx button{height:28px;padding:0 9px;font-size:12px}
 .ly-foot>a{display:none}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.ly-pin{height:auto}.ly-sticky{position:relative;height:auto}.ly-calls{height:auto!important;display:grid!important;gap:10px}.lyc{position:relative!important;opacity:1!important;transform:none!important}}
.le .ag{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;width:84%}
.le .sc-tabs{display:flex!important;gap:4px;flex-wrap:wrap;padding:0 4px}.le .sc-tabs span{padding:5px 8px;font-size:12px}
.le .sc-ch{height:56%}
@media (max-width:900px){.ly-calls{height:178px!important}.lysec .ly-art svg{max-height:40svh}.lyc .lyc-t{display:none}.lyc p{margin-top:6px!important}}
@media (max-width:900px){.pa-v{margin:6px -4% 0!important;overflow:hidden}.xc2 .xc-vp{padding:4px 0 30px!important;margin:0 0 -30px!important}#voices{overflow-x:clip}}
/* loop engine: five steps (Analyze, Prove, Decide, Plan, Act) */
.le-g{grid-template-columns:1.25fr 1.25fr .85fr .85fr 1.25fr!important;gap:clamp(14px,1.6vw,22px)!important}
.le.ok{--c0:#2f9a52}.le.cre{--c0:#e5603e}
.le:nth-child(2){margin-top:32px!important}.le:nth-child(3){margin-top:64px!important}.le:nth-child(4){margin-top:96px!important}.le:nth-child(5){margin-top:128px!important}
.le:not(:last-child)::after{right:calc(-1 * clamp(14px,1.6vw,22px))!important;width:clamp(14px,1.6vw,22px)!important;height:32px!important;top:40px!important}
.le:not(:last-child)::before{top:66px!important;right:calc(-1 * clamp(14px,1.6vw,22px) - 4px)!important}
.le{padding:18px!important}.le-n{font-size:36px!important}
.le.sm .sc-t h3{font-size:17px}.le .sc-t p{font-size:13.5px!important}
.le-mini{display:grid;gap:6px;margin:16px 0;padding:12px;background:radial-gradient(circle at 1px 1px,#d4d6db 1px,transparent 1.3px) 0 0/14px 14px}
.le-mini span{display:block;padding:8px 10px;background:#fff;box-shadow:0 0 0 1px #e3e4e6;font:500 12px/1.35 var(--sans);color:var(--ink)}
.le-mini .le-q{box-shadow:0 0 0 1.5px var(--c0)}
.le-mini .le-ok{color:#1f7a3f;background:var(--ok-hl)}
.le-mini .le-rev{color:#6b6d74}
.le-mini .le-lim b{display:block;font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#8e919a;margin-bottom:2px}
.ly-p2{margin:10px 0 0;font-size:15px;color:#6b6d74}
@media (max-width:1100px){.le-g{grid-template-columns:repeat(2,minmax(0,1fr))!important}.le:nth-child(n){margin-top:0!important}.le:not(:last-child)::after,.le:not(:last-child)::before{display:none}}
@media (max-width:640px){.le-g{grid-template-columns:minmax(0,1fr)!important}}
/* loop engine: three clean cards, no connectors */
.le-g{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.le:nth-child(n){margin-top:0!important}
.le::before,.le::after{display:none!important}
.le{padding:22px!important}.le-n{font-size:44px!important}
@media (max-width:900px){.le-g{grid-template-columns:minmax(0,1fr)!important}}
/* hero: tighter headline, less air */
.hero #h1{line-height:1.02!important;margin-top:14px}
.hero #h1 .hl{line-height:1!important;padding-block:.02em!important;margin-top:.06em}
.hero{padding-bottom:16px!important}
.hero .lead,.hero p.lede{margin-top:18px!important}
.jtrust.tclean{margin-top:0!important}
.jtrust.tclean .pcap{margin-top:8px!important}
.hero #h1 .hl{vertical-align:top!important;margin-top:.04em!important}
/* GitHub cards with logo + stars */
.gh-h{display:flex!important;align-items:center;gap:12px}.gh-h>svg{width:26px;height:26px;color:#111214;flex:none}.gh-h>div{display:grid;gap:3px}
.gh{gap:10px!important;padding:20px!important}
.gh-top{display:flex;align-items:center;justify-content:space-between}
.gh-top>svg{width:22px!important;height:22px!important;color:#111214}
.gh-st{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;box-shadow:inset 0 0 0 1px #ececea;font:500 12.5px var(--sans);color:#111214}
.gh-st svg{width:13px;height:13px;color:#d99a14}
.gh b{font:600 14.5px/1.35 var(--sans)!important;letter-spacing:-.01em;word-break:break-word}.gh b span{font-weight:400;color:#8e919a;display:block;font-size:12.5px}
.gh em i{font-style:normal;transition:transform .2s;display:inline-block}.gh:hover em i{transform:translate(2px,-2px)}

.hcar{margin-top:44px}
.hc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  padding:6px max(20px,calc((100vw - 1160px)/2)) 22px;scroll-padding-inline:max(20px,calc((100vw - 1160px)/2))}
.hc-track::-webkit-scrollbar{display:none}
.hcard{flex:none;width:clamp(260px,26vw,330px);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
  background:#fff;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);padding:10px 10px 20px;transition:box-shadow .25s,transform .35s var(--ease)}
.hcard:hover{box-shadow:inset 0 0 0 1px var(--faint),var(--shadow);transform:translateY(-3px)}
.hc-art{background:var(--tile);border-radius:10px;aspect-ratio:16/11;display:grid;place-items:center;padding:12% 14%;overflow:hidden;position:relative}
.hc-art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 1px,transparent 1.2px);background-size:14px 14px;opacity:.55;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 55%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 55%,#000 30%,transparent 75%)}
.hc-art svg{position:relative;max-height:100%;transition:transform .5s var(--ease)}
.hcard:hover .hc-art svg{transform:translateY(-4px) scale(1.03)}
.hc-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 0}
.hc-yr{font:500 12.5px var(--mono);color:var(--muted)}
.hcard h3{padding:0 8px;font-size:19px;line-height:1.25;letter-spacing:-.02em}
.hcard p{padding:0 8px;font-size:14.5px;line-height:1.55;color:var(--text)}
.hcard .tl{margin:auto 8px 0;padding-top:4px;font-size:14px}
.hc-ctl{display:flex;align-items:center;gap:24px;margin-top:6px}
.hrail{flex:1;position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;padding-top:2px}
.hr-line{position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line2);border-radius:2px;overflow:hidden}
.hr-line b{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--sig),var(--dec),var(--cre),#7b5cf0);transition:width .45s var(--ease)}
.hrail button{position:relative;display:grid;justify-items:start;gap:8px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--muted)}
.hrail button i{width:20px;height:20px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;transition:transform .25s var(--ease),box-shadow .25s}
.hrail button i::after{content:"";width:8px;height:8px;border-radius:2px;background:var(--faint);transition:background .25s}
.hrail button i.sig.on::after,.hrail button.on i.sig::after{background:var(--sig)}.hrail button.on i.ok::after{background:var(--ok)}
.hrail button.on i.dec::after{background:var(--dec)}.hrail button.on i.cre::after{background:var(--cre)}.hrail button.on i.vio::after{background:#7b5cf0}
.hrail button.on{color:var(--ink)}.hrail button.on i{box-shadow:inset 0 0 0 1px var(--ink);transform:scale(1.08)}
.hrail button span{font:500 12px var(--mono)}
.hrail button:hover{color:var(--ink)}
.hc-arrows{display:flex;gap:8px;flex:none}
.hcx-b{width:40px;height:40px;border-radius:8px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:16px;cursor:pointer;color:var(--ink);transition:box-shadow .2s,opacity .2s}
.hcx-b:hover{box-shadow:inset 0 0 0 1px var(--ink)}.hcx-b:disabled{opacity:.35;cursor:default}
@media (max-width:700px){.hrail button span{display:none}.hc-ctl{gap:14px}}

/* ================= citation carousel v2 ================= */
.xc2{width:min(100%,620px);display:grid;gap:12px;justify-items:stretch;margin-top:8px}
.xt-row{display:flex;gap:8px;align-items:stretch}
.xt-tabs{flex:1;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px}
.xt{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px 13px;background:#fff;box-shadow:inset 0 0 0 1px var(--frl);cursor:pointer;text-align:left;transition:box-shadow .25s,background .25s}
.xt:hover{box-shadow:inset 0 0 0 1px #c9cbd1}
.xt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.xt.on{box-shadow:inset 0 0 0 1px var(--ink)}
.xt-ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f1f2f4;font:700 12px var(--sans);color:#fff}
.xt-ic.li{background:#0a66c2 url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/assets__voices__james.jpg) center/cover}
.xt-ic.x{background:#111214;border-radius:6px}.xt-ic.x::after{content:"";width:13px;height:13px;background:#fff;-webkit-mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat;mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat}
.xt-ic.bl{background:#222 url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/assets__voices__nick.jpg) center/cover;font-size:0}
.xt-l{min-width:0;display:grid}.xt-l b .xt-ln{font:inherit;color:inherit;display:inline}.xt-l b{font:600 13.5px/1.25 var(--sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xt-l span{font-size:12px;color:#8e919a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xt-p{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent;overflow:hidden}
.xt.on .xt-p{background:#ececea}
.xt-p u{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#e5603e,#d99a14 50%,#4a63e0)}
.xt.on .xt-p u{animation:xt-fill var(--dur,10s) linear forwards}
.xt.done .xt-p u{transform:scaleX(1)}
@keyframes xt-fill{to{transform:scaleX(1)}}
.xc2.paused .xt.on .xt-p u,.xc2.off .xt.on .xt-p u{animation-play-state:paused}
.xt-pp{all:unset;box-sizing:border-box;flex:none;width:46px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--frl);cursor:pointer}
.xt-pp:hover{box-shadow:inset 0 0 0 1px var(--ink)}.xt-pp:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.xt-pp svg{width:16px;height:16px;fill:var(--ink)}.xt-pp .pl{display:none}
.xc2.held .xt-pp .pa{display:none}.xc2.held .xt-pp .pl{display:block}
.xt-st{margin:0;height:18px;font:500 12.5px var(--mono);color:#9a9ca3;text-align:right}
.xt-st span{display:none}.xt-st .on{display:inline}
.xc2.paused .xt-st .on,.xc2.held .xt-st .on{display:none}.xc2.paused .xt-st .ps,.xc2.held .xt-st .ps{display:inline;color:var(--ink)}
.xc2.held .xt-st .ps::after{content:" · press play to continue"}
.xc2 .xc-vp{width:100%;overflow:hidden;padding:4px 14px 30px;margin:0 -14px -30px;box-sizing:content-box;transition:height .5s var(--ease)}
.xc2 .xc-track{display:flex;gap:40px;transition:transform .6s var(--ease);align-items:flex-start}
.xc2 .xc-track>.xp{flex:0 0 100%;width:100%;margin:0;transform:none!important;display:flex;flex-direction:column;border-radius:10px}
.xc2 .xp::before,.xc2 .xp::after{display:none}
/* linkedin, mirrored */
.li2{font-family:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",var(--sans);padding:14px 0 0!important;color:rgba(0,0,0,.9)}
.li2-h{display:flex;gap:9px;align-items:flex-start;padding:0 16px}
.li2-av img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover}
.li2-who{flex:1;min-width:0;display:grid;line-height:1.35}
.li2-who p{margin:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.li2-who a{color:inherit;text-decoration:none}.li2-who a:hover b{color:#0a66c2;text-decoration:underline}
.li2-who b{font-size:14.5px;font-weight:600}
.li2-in{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:2px;background:#c37d16;color:#fff;font:700 10px/1 -apple-system,system-ui,sans-serif;font-style:normal}
.li2-f{font-size:13.5px;color:rgba(0,0,0,.6)}
.li2-who>span{font-size:12.5px;color:rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li2-dots{font-size:13px;letter-spacing:1px;color:rgba(0,0,0,.6);padding-top:2px}
.li2-t{padding:12px 16px 4px;display:grid;gap:12px}
.li2-t p{margin:0;font-size:14.5px;line-height:1.45;color:rgba(0,0,0,.9)}
.li2-t a{color:#0a66c2;font-weight:600;text-decoration:none}.li2-t a:hover{text-decoration:underline}
.li2-v{position:relative;display:block;margin-top:10px;background:#000}
.li2-v img{display:block;width:100%;height:auto;aspect-ratio:1100/619;object-fit:cover}
.li2-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(0,0,0,.55);box-shadow:0 0 0 2px rgba(255,255,255,.85);display:grid;place-items:center;transition:transform .25s}
.li2-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}.li2-v:hover .li2-play{transform:scale(1.08)}
.li2-b{display:flex;align-items:center;gap:22px;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.08)}
.li2-b>span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:rgba(0,0,0,.6)}
.li2-b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.li2-rx{margin-left:auto;display:flex}.li2-rx i{display:grid;place-items:center;width:20px;height:20px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #fff;font-size:11px;font-style:normal}
.li2-open{display:block;padding:11px 16px 13px;text-align:right;font-size:13.5px;font-weight:600;color:#0a66c2;text-decoration:none}.li2-open:hover{text-decoration:underline}
/* blog, cleaned up */
.bl2{padding:0!important;text-decoration:none;color:inherit;overflow:hidden}
.bl2-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f4f4f2;border-bottom:1px solid var(--frl)}
.bl2-bar i{width:9px;height:9px;border-radius:50%;background:#d9dadd}
.bl2-bar span{margin-left:10px;flex:1;padding:4px 10px;background:#fff;border-radius:6px;font:500 12px var(--mono);color:#7a7d86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl2-in{display:grid;gap:16px;padding:26px 28px 24px}
.bl2-k{font:500 12px var(--mono);color:#9a9ca3;text-transform:uppercase;letter-spacing:.05em}
.bl2-in h3{margin:-6px 0 0;font:600 clamp(26px,2.8vw,32px)/1.1 var(--sans);letter-spacing:-.035em;color:var(--ink)!important}
.bl2-by{display:flex;align-items:center;gap:10px}
.bl2-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e5603e,#d99a14 50%,#4a63e0);color:#fff;font:600 14px var(--sans)}
.bl2-by b{display:block;font:600 14px var(--sans);color:var(--ink)}.bl2-by span span{font-size:13px;color:#7a7d86}
.bl2 blockquote{margin:4px 0 0;padding:2px 0 2px 18px;border-left:3px solid;border-image:linear-gradient(#e5603e,#d99a14,#4a63e0) 1;font:500 italic clamp(20px,2.2vw,24px)/1.35 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.bl2-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bl2-tl{grid-column:1/-1;font:500 12px var(--mono);color:#9a9ca3;text-transform:uppercase;letter-spacing:.05em}
.bl2-two div{display:grid;gap:6px;padding:14px;background:#f7f7f5;box-shadow:inset 0 0 0 1px var(--frl)}
.bl2-two b{font:500 12px var(--mono);color:#9a9ca3}.bl2-two div span{font-size:15px;line-height:1.4;color:var(--ink)}
.bl2-r{font:500 14.5px var(--sans);color:var(--ink)}.bl2-r b{display:inline-block;font-weight:500;transition:transform .25s}.bl2:hover .bl2-r b{transform:translateX(4px)}
@media (max-width:600px){.xt-l>span,.xt-ln{display:none}.xt{padding:9px 8px 12px;gap:7px}.xt-ic{width:22px;height:22px}.xt-l b{font-size:12.5px}.bl2-two{grid-template-columns:1fr}.li2-b{gap:14px}}

.li2-fade{-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.li2-more{display:inline-block;margin:2px 16px 0;font-size:14.5px;font-weight:600;color:#0a66c2;text-decoration:none}.li2-more:hover{text-decoration:underline}
.li2 .li2-b{margin-top:14px;border-top:1px solid rgba(0,0,0,.08);border-bottom:0;background:#fff}
.li2-ft{display:flex;justify-content:space-between;margin-top:auto;padding:12px 16px 14px;border-top:1px solid rgba(0,0,0,.08);font-size:13.5px;color:rgba(0,0,0,.6)}
.li2-ft a{color:rgba(0,0,0,.9);font-weight:600;text-decoration:none}.li2-ft a:hover{text-decoration:underline}
.xc2 .xc-track{align-items:stretch!important}
.bl2-cv{position:relative;display:block;height:190px;overflow:hidden;background:#0d1214}
.bl2-cv img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .6s var(--ease)}
.bl2:hover .bl2-cv img{transform:scale(1.03)}
.bl2-url{position:absolute;left:14px;top:14px;padding:5px 9px;background:rgba(255,255,255,.92);font:500 12px var(--mono);color:var(--ink)}
.bl2-in{flex:1;display:flex;flex-direction:column;gap:16px;padding:22px 24px 0}
.bl2-in h3{margin:0}
.bl2-by img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.bl2-ft{display:flex;justify-content:space-between;align-items:center;margin:auto -24px 0;padding:12px 24px 14px;border-top:1px solid var(--frl);font-size:13.5px;color:#7a7d86}
.bl2-ft .bl2-r{font-size:14px}

.bl2-cv{height:auto!important;aspect-ratio:16/9}
.bl2-cv img{object-position:center!important}
.bl2-in{gap:14px!important;padding-top:18px!important}
.bl2-in h3.bl2-k2{font:600 16px/1.3 var(--sans)!important;letter-spacing:-.01em!important;display:flex;align-items:center;gap:8px}
.bl2-k2 span{padding:3px 7px;background:#f4f4f5;font:500 11px var(--mono);color:#6b6d74;text-transform:uppercase;letter-spacing:.04em}
.bl2 blockquote{font-size:clamp(18px,1.9vw,21px)!important}
/* X, mirrored */
.x2{font-family:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",var(--sans);padding:16px 0 0!important}
.x2-h{display:flex;gap:10px;align-items:flex-start;padding:0 16px}
.x2-h img{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block}
.x2-who{flex:1;display:grid;line-height:1.3}.x2-who a{color:inherit;text-decoration:none}
.x2-who b{display:inline-flex;align-items:center;gap:3px;font-size:15px;font-weight:700;color:#0f1419}.x2-who a:hover b{text-decoration:underline}
.x2-who b svg{width:18px;height:18px}
.x2-who span{font-size:14.5px;color:#536471}
.x2-logo{width:20px;height:20px;background:#0f1419;-webkit-mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat;mask:url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/logos__x.svg) center/contain no-repeat}
.x2-t{padding:12px 16px 0;display:grid;gap:14px}
.x2-t p{margin:0;font-size:15.5px;line-height:1.45;color:#0f1419}
.x2-l{line-height:1.5!important}.x2-fade{display:inline-block;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.x2-more{display:inline-block;margin:4px 16px 0;font-size:15px;color:#1d9bf0;text-decoration:none}.x2-more:hover{text-decoration:underline}
.x2-d{margin:12px 16px 0;padding-bottom:12px;border-bottom:1px solid #eff3f4;font-size:14.5px;color:#536471}.x2-d b{color:#0f1419}
.x2-b{display:flex;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #eff3f4}
.x2-b span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#536471}
.x2-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.x2-ft{display:flex;justify-content:space-between;margin-top:auto;padding:12px 16px 14px;font-size:13.5px;color:#536471}
.x2-ft a{color:#0f1419;font-weight:600;text-decoration:none}.x2-ft a:hover{text-decoration:underline}
.xt-ic.x{background:#111 url(https://cdn.jsdelivr.net/gh/imapony11-boop/pme-org-site@main/assets__voices__greg.jpg) center/cover!important;border-radius:50%!important}.xt-ic.x::after{display:none}
.bl2-cv{aspect-ratio:2/1!important}
.li2-v.sm{margin-top:14px}.li2-v.sm img{aspect-ratio:2.35/1}
.li2-more{margin-top:8px!important}
.bl2-cv{aspect-ratio:2.35/1!important}
.bl2-in h3.bl2-k2{font:600 19px/1.25 var(--sans)!important;letter-spacing:-.02em!important}
.bl2-h2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bl2-h2 li{display:grid;gap:4px;padding:12px 14px;background:#f6f6f4;font-size:14px;line-height:1.4;color:var(--ink)}
.bl2-h2 b{font:500 11.5px var(--mono);color:#9a9ca3}
.x2-t p:last-child{-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.xc2 .xc-track>.xp{min-height:0}
.x2-ft,.li2-ft,.bl2-ft{margin-top:auto}
@media (max-width:600px){.bl2-h2{grid-template-columns:1fr}}
.xc2 .xc-track{align-items:flex-start!important}.bl2-cv{aspect-ratio:2.6/1!important}.xc2 .xc-track{align-items:stretch!important}.bl2-in{padding-top:22px!important}.bl2-in h3.bl2-k2{font-size:21px!important}
.tlr{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.hlogos{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 56px;max-width:1100px;margin:36px auto 0;padding:0 20px}.hlogos img{display:block;height:26px;width:auto;max-width:150px;opacity:.75;filter:grayscale(1);transition:opacity .25s,filter .25s}.hlogos li:hover img{opacity:1;filter:none}.hl-t{font:600 19px/1 var(--sans);letter-spacing:-.03em;color:#111214;opacity:.75}@media (max-width:600px){.hlogos{gap:16px 32px}.hlogos img{height:20px}}
.announce .ann-b{display:inline;white-space:nowrap;font-weight:600;color:var(--ink);margin-left:2px}.announce .ann-pf{width:13px;height:13px;display:inline-block;vertical-align:-2px;margin-right:4px}.announce .ann-pf path{fill:currentColor}
b.ci-g{display:inline-block!important;width:6px!important;height:1px!important;background:none!important;margin:0!important;padding:0!important}.lb-f b.ci-g,.lc-chip b.ci-g,.ly-list b.ci-g{display:none!important}i.ci{display:inline-grid!important;place-items:center;flex:none;width:15px!important;height:15px!important;background:none!important;border-radius:0!important;color:var(--cc);vertical-align:-2px;margin:0 6px 0 0!important;padding:0!important;box-shadow:none!important}i.ci svg{width:15px!important;height:15px!important;max-width:none!important;display:block!important;position:static!important;fill:none!important;stroke:currentColor!important}.lc-chip i.ci{width:22px!important;height:22px!important;background:var(--cc)!important;color:#fff;margin-right:3px!important}.lc-chip i.ci svg{width:13px!important;height:13px!important}.lb-f button.on i.ci,.ly-list li.on i.ci{color:#fff}.bp em i.ci{margin-right:6px!important;color:#fff;vertical-align:-3px}.bp.sm em i.ci svg{width:13px!important;height:13px!important}.pp i.ci{width:15px!important;height:15px!important;margin-right:2px!important}.lb-f i.ci,.lb-k i.ci,.cr3-k i.ci{margin-right:0!important}.chipw i.ci{margin-right:5px!important;width:14px!important;height:14px!important}.chipw i.ci svg{width:14px!important;height:14px!important}.chipw{display:inline-flex!important;align-items:center}.cr3-k i.ci{margin-right:2px!important}.cr3-k{display:inline-flex!important;align-items:center;gap:6px}

.pmf{--pf-bg:#0f1012;--pf-fg:#f3f3f1;--pf-mut:#9c9ea5;--pf-line:#2a2b30;background:var(--pf-bg);color:var(--pf-mut);font:15px/1.6 "Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;margin:0}
.pmf *{box-sizing:border-box}
.pmf a{color:inherit;text-decoration:none}
.pmf a:hover{color:var(--pf-fg)}
.pmf .pf-w{max-width:1200px;margin:0 auto;padding:72px max(20px,env(safe-area-inset-left,0px)) 0}
.pmf .pf-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px}
.pmf h4{margin:0 0 14px;font-weight:500;font-size:14px;line-height:1.3;color:var(--pf-fg)}
.pmf ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pmf li{margin:0;padding:0;line-height:1.4}.pmf li a{font-size:14.5px}
.pmf .pf-net a{display:flex;white-space:nowrap;align-items:baseline;gap:8px}
.pmf .pf-net b{font-weight:600;font-size:17px;line-height:1;letter-spacing:-.04em;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:2px}
.pmf .pf-net span{font:12px "Geist Mono",ui-monospace,Menlo,monospace;color:var(--pf-mut)}
.pmf .pf-bot{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;margin-top:56px;padding:26px 0;border-top:1px solid var(--pf-line);font-size:13.5px}
.pmf .pf-brand{display:flex;align-items:center;gap:10px}
.pmf .pf-brand svg{width:30px;height:30px;display:block}
.pmf .pf-brand b{font-weight:600;font-size:24px;line-height:1;letter-spacing:-.045em;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2px 1px 3px 0}
.pmf .pf-legal{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.pmf .pf-tog{display:grid;gap:28px;padding:40px 0 28px;overflow:hidden;border-top:1px solid var(--pf-line)}
.pmf .pf-tl{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,26px)}
.pmf .pf-ts{flex:none;width:clamp(44px,6vw,86px)}.pmf .pf-ts svg{display:block;width:100%;height:auto}
.pmf .pf-tw{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:clamp(40px,7.3vw,150px);line-height:1.1;letter-spacing:-.03em;padding-right:.08em;white-space:nowrap;padding-bottom:.08em;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent}
.pmf .pf-td{display:flex;justify-content:center;gap:12px 40px;flex-wrap:wrap}
.pmf .pf-td a{display:flex;align-items:baseline;gap:8px}
.pmf .pf-td b{font-weight:600;font-size:19px;line-height:1;letter-spacing:-.04em;color:var(--pf-fg)}
.pmf .pf-td span{font:12px "Geist Mono",ui-monospace,Menlo,monospace}
.pmf .pf-nl{display:flex;justify-content:space-between;align-items:center;gap:20px 48px;flex-wrap:wrap;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--pf-line)}
.pmf .pf-nl h4{margin:0 0 4px;font-size:17px}.pmf .pf-nl p{margin:0;font-size:14px}
.pmf .pf-nf{display:flex;gap:8px;flex:0 1 420px;min-width:0}
.pmf .pf-nf input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:9px;border:1px solid var(--pf-line);background:#17181b;color:var(--pf-fg);font:inherit;font-size:14.5px;outline:none;transition:border-color .2s}
.pmf .pf-nf input::placeholder{color:#6f7178}.pmf .pf-nf input:focus{border-color:#5b5d64}
.pmf .pf-nf button{flex:none;height:44px;padding:0 18px;border:0;border-radius:9px;background:var(--pf-fg);color:#0f1012;font:500 14.5px inherit;cursor:pointer;transition:opacity .2s}.pmf .pf-nf button:hover{opacity:.88}
.pmf .pf-nm{flex-basis:100%;font-size:12.5px;text-align:right;min-height:1em;margin-top:-12px}
.pmf .pf-ind{color:#6f7178}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:700px){.pmf .pf-nf{flex-basis:100%}.pmf .pf-nm{text-align:left}}
.pmf .pf-tws{display:block;width:100%;height:auto;overflow:visible}
.pmf .pf-tl{display:block!important}
.brand18.pmb{display:inline-flex;align-items:center;gap:8px}.brand18.pmb svg{width:26px;height:26px;display:block}
.brand18.pmb b{font:600 22px/1 "Geist",ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;background:linear-gradient(90deg,#e5603e,#d99a14 45%,#917e7a 75%,#4a63e0);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2px 1px 3px 0}
@media (max-width:960px){.pmf .pf-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.pmf .pf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.pmf .pf-tl{flex-direction:column;text-align:center}.pmf .pf-tw{font-size:12vw;white-space:normal}}

.pmf{padding-top:44px!important}.pmf .pf-w{padding-top:0!important}.pmf .pf-row{display:flex;flex-wrap:wrap;gap:10px 32px;padding-bottom:24px;margin:0!important}.pmf .pf-row a{color:#c9cbd1;text-decoration:none;font-size:15px}.pmf .pf-row a:hover{color:#fff}