@scope (html:has(#b2-landing)) {
/* B2 and B3 share this stylesheet and the same markup. body.t-light is B2, body.t-dark is B3.
   Elevation: atgent-site/src/app/styles/elevation.css tokens, measured live on opencal.link (61 elements on --elev-1)
   and openhealth (.sk-panel, .lp-cmd). Window and pop shadows are OpenCal's measured .bs-app and .bs-pop.
   Dark surfaces: the approved OpenSoftware build of @gent, src/opensoftware-shell/shell.css (--bg #14120b to --raise #2b2923,
   --tx #edecec, --ring .075, --dv .1). */
:scope{
  --sans:Inter,system-ui,-apple-system,sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.23,1,.32,1);--ev-t:transform .15s ease,box-shadow .15s ease,background-color .15s ease;
  --w-bg:#1b1913;--w-bg2:#1d1b15;--w-side:#171510;--w-well:#13110c;--w-hov:#22201a;--w-raise:linear-gradient(180deg,#302e28 0%,#26241e 100%);
  --w-ink:#edecec;--w-ink2:#d7d6d5;--w-mute:rgba(237,236,236,.66);--w-line:rgba(237,236,236,.09);--w-ring:rgba(237,236,236,.075);
  --w-sel:rgba(237,236,236,.08);--w-selring:rgba(237,236,236,.16);
  --w-e1:inset 0 1px 0 rgb(255 255 255/.07),0 0 0 1px rgb(0 0 0/.55),0 1px 2px rgb(0 0 0/.35);
  --w-inset:inset 0 1px 2px rgb(0 0 0/.45),inset 0 0 0 1px rgba(237,236,236,.06);
  --w-card:inset 0 1px 0 rgb(255 255 255/.04),0 0 0 1px rgba(237,236,236,.075),0 1px 2px rgb(0 0 0/.3);
  --sig:#5cc9a2;
}
body.t-light{
  --ground:#f6f4ef;--surface:#fff;--paper:#f6f2ea;--line:#e4e1da;--line-2:#ece9e3;
  --ink:#1c1c1e;--ink-2:#34353a;--mute:#56585e;--mute-2:#64666c;
  --e1:inset 0 1px 0 rgb(255 255 255/.75),0 0 0 1px rgb(20 18 12/.09),0 1px 2px rgb(20 18 12/.06),0 2px 6px -1px rgb(20 18 12/.08);
  --e1h:inset 0 1px 0 rgb(255 255 255/.75),0 0 0 1px rgb(20 18 12/.11),0 2px 4px rgb(20 18 12/.08),0 6px 14px -4px rgb(20 18 12/.16);
  --e2:0 0 0 1px rgb(20 18 12/.06),0 1px 2px rgb(20 18 12/.04),0 4px 12px -2px rgb(20 18 12/.06),0 12px 28px -12px rgb(20 18 12/.10);
  --panel:0 1px 2px rgb(20 18 12/.06),0 0 0 1px #e6e2da,0 18px 40px -28px rgb(20 18 12/.35);
  --pressed:inset 0 1px 2px rgb(20 18 12/.12),0 0 0 1px rgb(20 18 12/.1);
  --raise:linear-gradient(180deg,#fff 0%,#f8f7f4 100%);
  --win:0 0 0 1px #0d0c09,inset 0 1px 0 rgb(255 255 255/.06),0 30px 60px -28px rgb(16 14 10/.6),0 2px 8px rgb(16 14 10/.14);
  --pop:0 0 0 1px #0d0c09,inset 0 1px 0 rgb(255 255 255/.06),0 24px 48px -20px rgb(16 14 10/.5),0 2px 6px rgb(16 14 10/.12);
  --btn:linear-gradient(180deg,#36373b 0%,#1c1c1e 100%);--btn-ink:#fff;--btn-hov:linear-gradient(180deg,#414248 0%,#26272a 100%);
  --btn-e:inset 0 1px 0 rgb(255 255 255/.14),0 0 0 1px #141416,0 1px 2px rgb(20 18 12/.25),0 4px 10px -2px rgb(20 18 12/.3);
  --btn-eh:inset 0 1px 0 rgb(255 255 255/.16),0 0 0 1px #141416,0 2px 4px rgb(20 18 12/.28),0 8px 18px -4px rgb(20 18 12/.36);
  --dot:rgb(20 18 12/.1);--trace:#1c1c1e;--page-sig:#1f7a55;
  --img-hero:url("/landing/assets/b2-hero-graphite.jpg");--img-send:url("/landing/assets/b2-band-send-graphite.jpg");
}
body.t-dark{
  --ground:#14120b;--surface:#1b1913;--paper:#1c1a14;--line:rgba(237,236,236,.1);--line-2:rgba(237,236,236,.07);
  --ink:#edecec;--ink-2:#d7d6d5;--mute:rgba(237,236,236,.72);--mute-2:rgba(237,236,236,.66);
  --w-bg:#22201a;--w-bg2:#25231d;--w-side:#1e1c16;--w-well:#171510;--w-hov:#2a2822;
  --e1:inset 0 1px 0 rgb(255 255 255/.07),0 0 0 1px rgba(237,236,236,.09),0 1px 2px rgb(0 0 0/.4);
  --e1h:inset 0 1px 0 rgb(255 255 255/.09),0 0 0 1px rgba(237,236,236,.14),0 2px 4px rgb(0 0 0/.4),0 6px 14px -4px rgb(0 0 0/.5);
  --e2:inset 0 1px 0 rgb(255 255 255/.04),0 0 0 1px rgba(237,236,236,.075),0 1px 2px rgb(0 0 0/.3),0 12px 28px -12px rgb(0 0 0/.5);
  --panel:inset 0 1px 0 rgb(255 255 255/.04),0 0 0 1px rgba(237,236,236,.08),0 18px 40px -24px rgb(0 0 0/.6);
  --pressed:inset 0 1px 2px rgb(0 0 0/.5),0 0 0 1px rgba(237,236,236,.08);
  --raise:linear-gradient(180deg,#2e2c26 0%,#26241e 100%);
  --win:inset 0 1px 0 rgb(255 255 255/.06),0 0 0 1px rgba(237,236,236,.1),0 30px 60px -24px rgb(0 0 0/.7),0 2px 8px rgb(0 0 0/.4);
  --pop:inset 0 1px 0 rgb(255 255 255/.07),0 0 0 1px rgba(237,236,236,.12),0 24px 48px -16px rgb(0 0 0/.7),0 2px 6px rgb(0 0 0/.4);
  --acc:#e3b45f;--btn-ink:#1a1408;
  --btn:linear-gradient(180deg,#ecc27a 0%,#dca94f 100%);--btn-hov:linear-gradient(180deg,#f2cc8a 0%,#e3b45f 100%);
  --btn-e:inset 0 1px 0 rgb(255 255 255/.35),0 0 0 1px #a97a26,0 1px 2px rgb(0 0 0/.35),0 4px 12px -2px rgb(217 154 43/.3);
  --btn-eh:inset 0 1px 0 rgb(255 255 255/.4),0 0 0 1px #a97a26,0 2px 4px rgb(0 0 0/.35),0 8px 20px -4px rgb(217 154 43/.4);
  --w-sel:rgba(217,154,43,.12);--w-selring:rgba(227,180,95,.35);
  --dot:rgba(237,236,236,.07);--trace:var(--acc);--page-sig:var(--sig);
  --img-hero:url("/landing/assets/b3-hero-charcoal.jpg");--img-send:url("/landing/assets/b3-band-send-charcoal.jpg");
  color-scheme:dark
}
body.t-dark[data-acc="ivory"]{--acc:#edecec;--btn-ink:#14120b;--btn:linear-gradient(180deg,#f6f5f2 0%,#dedcd6 100%);--btn-hov:linear-gradient(180deg,#fff 0%,#e8e6e1 100%);--btn-e:inset 0 1px 0 rgb(255 255 255/.6),0 0 0 1px #bdbab2,0 1px 2px rgb(0 0 0/.35),0 4px 12px -2px rgb(0 0 0/.4);--btn-eh:inset 0 1px 0 #fff,0 0 0 1px #bdbab2,0 2px 4px rgb(0 0 0/.35),0 8px 20px -4px rgb(0 0 0/.5);--w-sel:rgba(237,236,236,.09);--w-selring:rgba(237,236,236,.22)}
body.t-dark[data-acc="sage"]{--acc:#9ccfb2;--btn-ink:#0d1f16;--btn:linear-gradient(180deg,#b2dcc4 0%,#8fc6a7 100%);--btn-hov:linear-gradient(180deg,#c0e3cf 0%,#9ccfb2 100%);--btn-e:inset 0 1px 0 rgb(255 255 255/.35),0 0 0 1px #5f9a79,0 1px 2px rgb(0 0 0/.35),0 4px 12px -2px rgb(92 201 162/.25);--btn-eh:inset 0 1px 0 rgb(255 255 255/.4),0 0 0 1px #5f9a79,0 2px 4px rgb(0 0 0/.35),0 8px 20px -4px rgb(92 201 162/.35);--w-sel:rgba(156,207,178,.11);--w-selring:rgba(156,207,178,.35)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font:400 15.5px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
code,kbd{font-family:var(--mono);font-size:.9em}
.w{max-width:1160px;margin:0 auto;padding:0 24px}
.i{display:inline-flex;flex:none}
.i svg{display:block}

.btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:10px;border:0;font:600 15px/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:var(--ev-t)}
.btn-primary{background:var(--btn);color:var(--btn-ink);box-shadow:var(--btn-e)}
.btn-sm{height:38px;padding:0 14px;font-size:14px;border-radius:999px}
@media (hover:hover) and (pointer:fine){.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--btn-eh);background:var(--btn-hov)}}
.btn-primary:active{transform:none;box-shadow:var(--pressed)}

.cmd{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 6px 0 18px;border-radius:12px;background:var(--surface);box-shadow:var(--panel);font:500 15px/1 var(--mono);color:var(--ink)}
.cmd .p{color:var(--mute-2)}
.copy{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:0;border-radius:8px;background:var(--raise);box-shadow:var(--e1);font:500 13px/1 var(--sans);color:var(--ink);cursor:pointer;transition:var(--ev-t)}
@media (hover:hover) and (pointer:fine){.copy:hover{transform:translateY(-1px);box-shadow:var(--e1h)}}
.copy:active{transform:none;box-shadow:var(--pressed)}
.copy.is-done{background:var(--ink);color:var(--ground);box-shadow:none}

.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ground) 86%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .2s}
.top.is-scrolled{border-bottom-color:var(--line)}
.top .w{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:inline-flex;align-items:center;font-size:24px;text-decoration:none}
.top nav{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--mute)}
.top nav a:not(.btn){padding:8px 12px;border-radius:999px;text-decoration:none;transition:background-color .15s,color .15s}
.top nav a:not(.btn):hover{background:var(--line-2);color:var(--ink)}
.top nav .btn{margin-left:10px}

.hero{display:grid;grid-template-columns:minmax(0,880px);justify-content:center;text-align:center;padding:84px 0 0}
.hero h1{font:550 64px/1.04 var(--sans);letter-spacing:-.026em;margin:0;text-wrap:balance}
.hero h1 span{color:var(--mute-2)}
.lead{font-size:19px;line-height:1.5;color:var(--ink-2);margin:20px 0 0;text-wrap:balance}
.acts{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}
.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px 0 5px;border-radius:999px;background:var(--raise);box-shadow:var(--e1);font-size:13.5px;font-weight:500;color:var(--ink-2)}
.chip.is-plain{padding-left:13px}
.chip img{box-sizing:content-box;width:14px;height:14px;padding:5px;border-radius:50%;background:linear-gradient(180deg,#fff 0%,#f0f1f3 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/.9),0 0 0 1px rgb(15 17 20/.08),0 1px 2px rgb(15 17 20/.14)}

.stage{position:relative;margin:64px auto 0;max-width:1392px;padding:0 16px}
.band{aspect-ratio:3.5/1;border-radius:24px;background:var(--paper) var(--img-hero) center/cover no-repeat;box-shadow:inset 0 0 0 1px var(--line-2)}
.client-wrap{position:relative;z-index:2;max-width:1064px;margin:-148px auto 0;padding:0 24px}
.client{display:grid;grid-template-columns:196px 320px minmax(0,1fr);min-height:560px;border-radius:14px;overflow:hidden;background:var(--w-bg);color:var(--w-ink);box-shadow:var(--win);text-align:left}
.chrome{grid-column:1/-1;display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-bottom:1px solid var(--w-line);background:linear-gradient(180deg,#24221c,#1d1b15)}
.chrome i{width:11px;height:11px;border-radius:50%;background:#3a3832}
.chrome .url{margin:0 auto;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:8px;background:var(--w-well);box-shadow:var(--w-inset);font-size:12.5px;color:var(--w-mute)}
.chrome .url img{width:14px;height:14px}
.c-side{padding:14px 10px;background:var(--w-side);border-right:1px solid var(--w-line)}
.compose{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;background:var(--w-raise);box-shadow:var(--w-e1);font-weight:600;font-size:14px;margin-bottom:12px}
.fold{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;font-size:14px;color:var(--w-ink2)}
.fold small{margin-left:auto;font-size:12px;color:var(--w-mute)}
.fold.is-on{background:var(--w-sel);box-shadow:inset 0 0 0 1px var(--w-selring);color:var(--w-ink);font-weight:600}
.t-dark .fold.is-on{color:var(--acc)}
.side-note{margin:14px 2px 0;padding:11px 12px;border-radius:10px;background:var(--w-well);box-shadow:var(--w-inset);font-size:12.5px;line-height:1.5;color:var(--w-ink2)}
.side-note b{display:block;color:var(--w-ink);font-weight:600;margin-bottom:2px}
.c-list{display:flex;flex-direction:column;border-right:1px solid var(--w-line);min-width:0}
.c-list-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--w-line);font-weight:600;font-size:15px}
.c-list-h span{font-weight:400;font-size:12.5px;color:var(--w-mute)}
.mail{display:block;width:calc(100% - 12px);margin:4px 6px 0;text-align:left;background:none;border:0;border-radius:10px;padding:11px 12px 12px;font:inherit;color:inherit;cursor:pointer;transition:background-color .15s}
.mail:hover{background:var(--w-hov)}
.mail[aria-selected="true"]{background:var(--w-sel);box-shadow:inset 0 0 0 1px var(--w-selring)}
.mail .t{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--w-mute)}
.mail .s{display:block;font:500 13px/1.5 var(--mono);margin-top:3px;color:var(--w-ink)}
.mail.is-personal .s{font:400 14px/1.45 var(--sans);color:var(--w-ink2)}
.st{display:inline-flex;align-items:center;gap:5px;margin-top:7px;height:22px;padding:0 8px 0 6px;border-radius:7px;font-size:12px;font-weight:600;background:var(--w-raise);box-shadow:var(--w-e1);color:var(--w-ink2)}
.st.is-done{color:var(--sig)}
.st .i svg{width:13px;height:13px}
.c-read{display:flex;flex-direction:column;gap:12px;padding:20px 24px 24px;min-width:0;background:var(--w-bg2)}
.c-subj{font:600 17px/1.35 var(--mono);margin:0 0 4px;letter-spacing:-.01em}
.m{position:relative;padding:12px 16px 13px;border-radius:12px;background:var(--w-bg);box-shadow:var(--w-card)}
.m-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--w-mute);margin-bottom:4px}
.m-h b{color:var(--w-ink);font-weight:600;font-size:13px}
.m-h em{margin-left:auto;font-style:normal}
.tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:600;background:var(--w-raise);box-shadow:var(--w-e1);color:var(--w-ink2)}
.m strong{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--w-ink)}
.m strong.is-done{color:var(--sig)}
.m p{margin:0;font-size:14.5px;line-height:1.55;color:var(--w-ink2)}
.m small{display:block;margin-top:10px;padding-top:8px;border-top:1px solid var(--w-line);font:400 12px/1.6 var(--mono);color:var(--w-mute);white-space:pre-line}
.cap{margin:18px 0 0;text-align:center;font-size:13.5px;color:var(--mute-2)}

.sec{padding:136px 0 0}
.sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:48px}
.sh p{margin:0;font-size:16.5px;line-height:1.6;color:var(--mute);text-wrap:pretty}
.kick{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;font-weight:600;color:var(--ink-2)}
.kick .i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--ink);background:var(--raise);box-shadow:var(--e1)}
.t-dark .kick .i{color:var(--acc)}
h2{font:560 40px/1.08 var(--sans);letter-spacing:-.021em;margin:0;text-wrap:balance}
.copy-col p{margin:16px 0 0;font-size:16.5px;line-height:1.6;color:var(--mute);text-wrap:pretty}

.away{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,580px);gap:72px;align-items:center}
.lines{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}
.lines li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;font-size:15.5px;color:var(--ink-2)}
.n{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;font:600 12px/1 var(--sans);color:var(--btn-ink);background:var(--btn);box-shadow:var(--btn-e)}
.phone-scene{position:relative;height:620px;border-radius:24px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2)}
.phone-scene::before,.relay::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(var(--dot) 1px,transparent 1.2px);background-size:14px 14px;pointer-events:none}
.phone{position:absolute;left:52px;top:30px;width:296px;height:560px;border-radius:42px;padding:9px;background:linear-gradient(180deg,#3a3833,#1c1a15);box-shadow:inset 0 1px 0 rgb(255 255 255/.12),0 0 0 1px #0d0c09,0 30px 60px -24px rgb(16 14 10/.6),0 4px 10px rgb(16 14 10/.16)}
.screen{position:relative;height:100%;border-radius:33px;overflow:hidden;background:var(--w-bg);color:var(--w-ink);display:flex;flex-direction:column}
.screen-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px;font-size:13px;color:var(--w-mute)}
.screen-bar b{color:var(--w-ink);font-size:15px}
.screen-bar .send{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--w-ink);color:var(--w-bg)}
.t-dark .screen-bar .send{background:var(--acc);color:var(--btn-ink)}
.field{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid var(--w-line);font-size:13.5px}
.field span{color:var(--w-mute);flex:none}
.field b{font-weight:500;min-width:0;overflow-wrap:anywhere}
.field.is-subj b{font-family:var(--mono);font-size:12.5px}
.body{padding:12px 18px;font-size:14px;line-height:1.55;color:var(--w-ink2)}
.notes{position:absolute;right:26px;top:330px;width:272px;display:grid;gap:12px}
.note{position:relative;padding:12px 14px 12px 22px;border-radius:14px;background:var(--w-bg);color:var(--w-ink);box-shadow:var(--pop);font-size:13.5px;line-height:1.45}
.note-h{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w-mute);margin-bottom:4px}
.note-h img{width:16px;height:16px}
.note-h b{color:var(--w-ink);font-size:12.5px}
.note-h em{margin-left:auto;font-style:normal}
.note p{margin:0;color:var(--w-ink2)}
.note.is-later{margin-left:28px}
.pin{position:absolute;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:600 12px/1 var(--sans);color:var(--btn-ink);background:var(--btn);box-shadow:0 0 0 2px var(--ground),var(--btn-e);z-index:2}
.note .pin{left:-12px;top:12px}
.th-b .pin{left:-30px;top:12px;box-shadow:0 0 0 2px var(--w-bg2),var(--btn-e)}
.phone .pin{left:-14px;box-shadow:0 0 0 2px var(--paper),var(--btn-e)}

.relay{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;padding:40px 44px 44px;border-radius:24px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2)}
.hop{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.hop-l{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2)}
.hop-l .i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--raise);box-shadow:var(--e1);color:var(--ink)}
.t-dark .hop-l .i{color:var(--acc)}
.hop-l small{font-weight:400;color:var(--mute-2);font-size:13px}
.hop-c{flex:1;padding:14px;border-radius:14px;background:var(--w-bg);color:var(--w-ink);box-shadow:var(--win)}
.link{position:absolute;top:calc(50% + 10px);right:-52px;width:48px;display:flex;align-items:center;color:var(--trace)}
.link::before{content:"";flex:1;height:2px;background-image:linear-gradient(90deg,currentColor 50%,transparent 0);background-size:8px 2px}
.row{display:grid;gap:3px;padding:11px 12px;border-radius:10px;background:var(--w-sel);box-shadow:inset 0 0 0 1px var(--w-selring)}
.row .t{display:flex;justify-content:space-between;font-size:12px;color:var(--w-mute)}
.row .s{font:500 12.5px/1.45 var(--mono);color:var(--w-ink)}
.row.is-dim{background:none;box-shadow:none;opacity:.55}
.log{margin:0;padding:12px;border-radius:10px;background:var(--w-well);box-shadow:var(--w-inset);font:400 11.5px/1.75 var(--mono);color:var(--w-ink2);white-space:pre-wrap;overflow-wrap:anywhere}
.log .d{color:var(--w-mute)}
.log .k{color:var(--w-ink);font-weight:600}
.reply strong{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--sig)}
.reply p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--w-ink2)}
.reply small{display:block;margin-top:10px;padding-top:8px;border-top:1px solid var(--w-line);font:400 11.5px/1.6 var(--mono);color:var(--w-mute);white-space:pre-line}

.thread{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.th{border-radius:14px;overflow:hidden;background:var(--w-bg);color:var(--w-ink);box-shadow:var(--win)}
.th-h{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--w-line);background:linear-gradient(180deg,#24221c,#1d1b15)}
.th-h b{font:600 15px/1.3 var(--mono)}
.th-h span{margin-left:auto;font-size:12.5px;color:var(--w-mute)}
.th-b{display:grid;gap:12px;padding:20px 20px 20px 40px;background:var(--w-bg2)}
.side{display:grid;gap:18px}
.cmdcard{position:relative;border-radius:14px;padding:16px 18px;background:var(--surface);box-shadow:var(--e2)}
.cmdcard .pin{left:-12px;top:18px}
.cmdcard-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cmdcard-h kbd{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;background:var(--raise);box-shadow:var(--e1);font:600 13px/1 var(--mono);color:var(--ink)}
.cmdcard-h span{font-size:13.5px;color:var(--mute)}
.cmdcard pre{margin:0;padding:11px 12px;border-radius:10px;background:var(--w-well);color:var(--w-ink2);box-shadow:var(--w-inset);font:400 12.5px/1.6 var(--mono);white-space:pre-wrap}
.cmdcard p{margin:10px 0 0;font-size:14px;color:var(--ink-2)}

.subj{padding:40px 44px 36px;border-radius:20px;background:var(--surface);box-shadow:var(--panel)}
.subj-field{display:flex;align-items:flex-start;gap:18px;padding:20px 22px 22px;border-radius:14px;background:var(--w-bg);color:var(--w-ink);box-shadow:var(--win)}
.subj-field>span{font-size:14px;color:var(--w-mute);flex:none;padding-top:9px}
.toks{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;font:500 26px/1.2 var(--mono)}
.tok{display:flex;flex-direction:column;gap:12px}
.tok b{font-weight:500;padding:6px 9px;border-radius:9px;background:var(--w-raise);box-shadow:var(--w-e1)}
.tok.is-a b{box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 0 0 1.5px var(--w-selring),0 1px 2px rgb(0 0 0/.35)}
.t-dark .tok.is-a b{color:var(--acc)}
.tok small{position:relative;padding:10px 0 0 10px;font:500 12.5px/1.35 var(--sans);color:var(--w-mute)}
.tok small::before{content:"";position:absolute;left:10px;top:-8px;width:1.5px;height:14px;background:currentColor;opacity:.6}
.tok small strong{display:block;color:var(--w-ink);font-weight:600;font-size:13px}
.colon{padding:6px 0;color:var(--w-mute)}
.ex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:32px;border-top:1px solid var(--line)}
.ex>div{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.ex>div:nth-child(odd){padding-right:28px}
.ex code{font-size:14px;color:var(--ink)}
.fine{margin:18px 0 0;font-size:14px;color:var(--mute-2)}

.desk{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:64px;align-items:center}
.term{border-radius:14px;overflow:hidden;background:#12100b;color:#e5e4e1;box-shadow:var(--win);font:400 13px/1.7 var(--mono)}
.term-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-bottom:1px solid var(--w-line);background:linear-gradient(180deg,#22201a,#1a1813)}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#3a3832}
.term-bar span{margin:0 auto;font-size:12px;color:#a19d95}
.term pre{margin:0;padding:18px 22px 22px;font:inherit;white-space:pre;overflow-x:auto}
.term .c::before{content:"$ ";color:#a19d95}
.term .c{color:#fff}
.term .d{color:#a19d95}
.term .ok{color:var(--sig)}
.term .sel{background:rgba(237,236,236,.12);color:#fff}
.t-dark .term .sel{background:var(--w-sel);color:var(--acc)}
.term .ti{color:#12100b;background:#e5e4e1;font-weight:600}
.tchip{display:inline-flex;align-items:center;gap:8px;margin-top:18px;min-height:34px;padding:7px 14px 7px 10px;border-radius:12px;background:var(--raise);box-shadow:var(--e1);font-size:13.5px;font-weight:500;color:var(--ink-2)}
.tchip i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--page-sig);box-shadow:0 0 0 3px color-mix(in srgb,var(--page-sig) 18%,transparent)}

.trust{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:72px;align-items:center}
.spot{margin:0}
.spot img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:var(--e2)}
.notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;margin-top:16px;padding:16px 18px;border-radius:14px;background:var(--surface);box-shadow:var(--e2)}
.notice.first{margin-top:28px}
.tone{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--ink);background:var(--raise);box-shadow:var(--e1)}
.t-dark .tone{color:var(--acc)}
.notice h3{margin:3px 0 4px;font-size:15.5px;font-weight:600}
.notice p{margin:0;font-size:14.5px;color:var(--ink-2)}

.setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;align-items:start}
.steps{position:relative;margin:0;padding:0;list-style:none;display:grid;gap:26px}
.steps::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background-image:linear-gradient(var(--line) 60%,transparent 0);background-size:2px 8px}
.steps li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px}
.steps .n{width:28px;height:28px;font-size:13px;margin-top:0}
.steps b{display:block;font-size:16px;font-weight:600;line-height:1.75}
.steps .say{display:block;font-size:14.5px;color:var(--mute)}
.steps .cmd{display:flex;width:fit-content;min-width:300px;justify-content:space-between;height:44px;margin-top:10px;font-size:13.5px;padding:0 4px 0 14px;gap:12px}
.steps .copy{height:34px}
.setup .term{position:sticky;top:96px}

.needs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:20px;background:var(--surface);box-shadow:var(--panel);overflow:hidden}
.needs>div{padding:30px 34px 32px}
.needs>div+div{border-left:1px solid var(--line)}
.needs h3{margin:0 0 14px;font-size:16px;font-weight:600}
.needs ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.needs li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:15px;color:var(--ink-2)}
.needs li .i{color:var(--ink);margin-top:3px}
.t-dark .needs li .i{color:var(--acc)}

.fin{position:relative;margin:136px 0 0;aspect-ratio:4/1;border-radius:24px;overflow:hidden;background:var(--paper) var(--img-send) center/cover no-repeat;box-shadow:inset 0 0 0 1px var(--line-2)}
.fin-c{position:absolute;inset:0 38% 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 56px}
.fin h2{font-size:42px}
.fin p{margin:10px 0 22px;font-size:16.5px;color:var(--ink-2)}
.fin .acts{justify-content:flex-start;margin:0}

footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:40px 0 48px;margin-top:72px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
footer .lockup{color:var(--ink);font-weight:600;font-size:15px}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}

.review{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:var(--surface);box-shadow:var(--pop);font-size:12.5px}
.review span{padding:0 8px;color:var(--mute)}
.review button{height:30px;padding:0 10px;border:0;border-radius:8px;background:none;font:500 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer}
.review button[aria-pressed="true"]{background:var(--raise);box-shadow:var(--e1);color:var(--ink)}
.t-light .review{display:none}

.rv{opacity:0;transform:translateY(10px);transition:opacity .55s cubic-bezier(.25,.46,.45,.94),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.btn,.copy{transition:none}}

@media (max-width:1100px){
  .client{grid-template-columns:280px minmax(0,1fr)}
  .c-side{display:none}
  .sh{grid-template-columns:minmax(0,1fr);gap:16px}
  .away,.thread,.desk,.trust,.setup{grid-template-columns:minmax(0,1fr);gap:40px}
  .relay{grid-template-columns:minmax(0,1fr);gap:48px}
  .link{top:auto;bottom:-38px;right:auto;left:calc(50% - 12px);width:24px;height:30px;flex-direction:column}
  .link::before{width:2px;height:auto;flex:1;background-image:linear-gradient(currentColor 50%,transparent 0);background-size:2px 8px}
  .link .i{transform:rotate(90deg)}
  .setup .term{position:static}
  .trust .spot{width:min(100%,440px)}
  .fin{aspect-ratio:auto;min-height:320px;background-position:right center}
  .fin-c{position:relative;inset:auto;padding:44px 40px}
}
@media (max-width:760px){
  .w{padding:0 16px}
  .top nav a:not(.btn){display:none}
  .hero{padding:48px 0 0}
  .hero h1{font-size:38px}
  .lead{font-size:17px}
  .cmd{font-size:13.5px;padding-left:14px}
  .stage{margin-top:40px;padding:0}
  .band{border-radius:0;aspect-ratio:2.4/1}
  .client-wrap{margin-top:-40px;padding:0 16px}
  .client{grid-template-columns:minmax(0,1fr);min-height:0}
  .c-list{border-right:0;border-bottom:1px solid var(--w-line);padding-bottom:6px}
  .c-read{padding:16px}
  .sec{padding-top:88px}
  h2{font-size:30px}
  .sh{margin-bottom:32px}
  .phone-scene{height:auto;padding:24px 16px;display:grid;gap:16px}
  .phone{position:relative;left:auto;top:auto;width:100%;max-width:300px;height:520px;margin:0 auto}
  .notes{position:static;width:auto}
  .note.is-later{margin-left:0}
  .relay{padding:20px 14px}
  .subj{padding:22px 16px}
  .subj-field{flex-direction:column;gap:8px;padding:14px}
  .subj-field>span{padding:0}
  .toks{font-size:16px}
  .ex{grid-template-columns:minmax(0,1fr)}
  .ex>div:nth-child(odd){border-bottom:0;padding-bottom:0}
  .term{font-size:10.5px}
  .term pre{padding:14px}
  .needs{grid-template-columns:minmax(0,1fr)}
  .needs>div+div{border-left:0;border-top:1px solid var(--line)}
  .needs>div{padding:22px 20px}
  .fin{margin-top:88px;border-radius:20px;background-size:auto 100%;background-position:78% center}
  .fin-c{padding:32px 20px 150px}
  .fin h2{font-size:30px}
  .acts{flex-direction:column;align-items:stretch}
  .acts .cmd{justify-content:space-between}
  .acts .btn{justify-content:center}
  .review{left:16px;right:auto}
}

}