/*
 * Variant LINEAR v2 (consolidated) — Linear.app grammar on the WonderForce design system.
 * Dark-first. Orbit hero (tools + people), a connector trust-wall marquee, statement bands,
 * a compact 3-up value row, three DISTINCT big chapters, and a 2×2 example grid.
 * Smaller headers than v1 (matched to the original index.html scale). Layout only; all
 * color/type/spacing comes from tokens.css.
 */

/* screenshot harness: reveals land instantly so full-page shots aren't caught mid-transition */
[data-shot] .reveal { transition: none; }

/* ---------- rhythm primitives ---------- */
.page { overflow-x: clip; }
.wrap { max-width: 1120px; }

/* ---------- topnav (transparent + blur; contents are theme-aware) ---------- */
.topnav {
  max-width: none; margin: 0; width: 100%; padding: 10px clamp(24px, 4vw, 56px);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px);
  border-bottom: 1px solid var(--hairline);
}
[data-theme="dark"] .topnav { background: rgba(255, 255, 255, 0.08); }
/* nav links read muted, brighten on hover — light in dark mode, dark in light mode.
   (wordmark + theme-toggle inherit their theme-aware colors from shared.css) */
.topnav .nav-link { color: var(--muted); }
.topnav .nav-link:hover { color: var(--text); }
.topnav .btn-primary { padding: 8px 18px; }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.nav-link {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px;
  text-decoration: none; font-size: 15px; font-weight: 500;
  border-radius: var(--radius-small);
}

/* ---------- 6px radius on buttons + inputs (was pill) ---------- */
.btn, .theme-toggle, .waitlist input[type="email"] { border-radius: 6px; }
@media (max-width: 640px) { .nav-link { display: none; } }

/* ---------- secondary (ghost) buttons — subtle translucent frost ---------- */
.btn-ghost {
  background: color-mix(in srgb, var(--surface) 42%, transparent);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-color: var(--hairline-strong);
}
.btn-ghost:hover { background: color-mix(in srgb, var(--surface) 72%, transparent); }

/* ---------- shared type (SMALLER scale — original index.html) ---------- */
.eyebrow-pill {
  display: inline-flex; align-items: center; padding: 6px 13px;
  border: 1px solid var(--hairline-strong); border-radius: var(--radius-pill);
  font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: var(--tracking-label, 0.08em); text-transform: uppercase; color: var(--muted);
}
.eyebrow {
  display: block; font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: var(--tracking-label, 0.08em); text-transform: uppercase; color: var(--muted);
  margin-bottom: 16px;
}

/* section/chapter heads — clamp(28px, 3vw, 38px) */
.core-head h2, .feature-copy h2, .feature-centered-copy h2, .daytabs-head h2 {
  margin: 0 0 18px; font-weight: 600; letter-spacing: -0.02em;
  font-size: clamp(28px, 3vw, 38px); line-height: 1.1;
}

/* ---------- HERO ---------- */
.hero {
  display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  align-items: center; gap: 48px;
  padding: clamp(44px, 8vh, 92px) 24px clamp(52px, 9vh, 104px);
  position: relative;
}
.hero::before { /* soft radial anchor behind the hero */
  content: ""; position: absolute; z-index: -1;
  width: 720px; height: 720px; top: -160px; right: -120px; border-radius: 50%;
  background: radial-gradient(circle, var(--stage-blob-b), transparent 68%);
  opacity: .5; filter: blur(40px); pointer-events: none;
}
.hero-copy { max-width: 600px; }
.hero-copy h1 {
  margin: 20px 0 18px; font-weight: 600; letter-spacing: -0.02em;
  font-size: clamp(44px, 5vw, 64px); line-height: 1.03;
}
.hero-sub {
  margin: 0 0 28px; max-width: 720px; color: var(--muted);
  font-size: clamp(16px, 1.3vw, 18px); line-height: 1.6;
}
.hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-ctas .btn { padding: 12px 22px; font-size: 15px; min-height: 44px; }
.hero-trust {
  margin: 22px 0 0; font-family: var(--mono); font-size: 13px;
  color: var(--muted); letter-spacing: .01em;
}

/* ---------- HERO ORBIT (tools + people) ---------- */
.hero-visual { display: flex; justify-content: center; align-items: center; overflow: visible; }
.orbit {
  --d-outer: 468px; --d-inner: 286px;
  position: relative; width: var(--d-outer); height: var(--d-outer);
}
.orbit-ring {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  border: 1px solid color-mix(in srgb, var(--text) 13%, transparent); border-radius: 50%;
}
.orbit-ring--inner { width: var(--d-inner); height: var(--d-inner); }
.orbit-ring--outer { width: var(--d-outer); height: var(--d-outer); }

.orbit-core {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  display: flex; align-items: center; justify-content: center;
}

.orbit-spin { position: absolute; top: 50%; left: 50%; width: 0; height: 0; }
.orbit-spin--inner { --r: calc(var(--d-inner) / 2); animation: orbit-spin 48s linear infinite; }
.orbit-spin--outer { --r: calc(var(--d-outer) / 2); animation: orbit-spin 72s linear infinite reverse; }
@keyframes orbit-spin { to { transform: rotate(360deg); } }

/* node = a 0×0 anchor placed on the ring; children are centered on it and counter-rotated */
.node {
  position: absolute; top: 0; left: 0; width: 0; height: 0;
  transform: rotate(var(--a)) translateY(calc(-1 * var(--r)));
}
/* faint radial connector back toward the orb */
.node::after {
  content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 1px;
  height: var(--r); transform: translateX(-.5px);
  background: linear-gradient(to bottom, var(--hairline), transparent 82%);
  transition: background .5s var(--ease-instrument), width .5s var(--ease-instrument);
}
/* when linked, the ACTIVE person's connector turns teal — completing orb → node → brief-card */
.people-ring.linked .node--person.is-active::after {
  width: 1.6px; transform: translateX(-.8px);
  background: linear-gradient(to bottom,
    var(--interactive),
    color-mix(in srgb, var(--interactive) 34%, transparent));
}
.node-orient {
  position: absolute; left: 0; top: 0;
  transform: translate(-50%, -50%) rotate(calc(-1 * var(--a)));
}
/* the animated counter-spin that cancels the ring's continuous rotation */
.orbit-spin--inner .node-face { animation: orbit-spin 48s linear infinite reverse; }
.orbit-spin--outer .node-face { animation: orbit-spin 72s linear infinite; }

.node-chip {
  width: 44px; height: 44px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.node-chip img { width: 21px; height: 21px; display: block; }
/* monochrome tool logo (mask, theme-aware) — outer ring */
.node-logo {
  width: 22px; height: 22px; opacity: .82; background-color: var(--text);
  -webkit-mask: var(--m) center / contain no-repeat;
          mask: var(--m) center / contain no-repeat;
}

/* people pills — avatar + First · Team */
.node-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px 6px 6px; border-radius: var(--radius-pill); white-space: nowrap;
}
.node-avatar {
  width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex: none;
  border: 1px solid var(--hairline-strong);
}
.node-pill-label {
  font-family: var(--mono); font-size: 13px; font-weight: 500;
  letter-spacing: .02em; color: var(--text);
}

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; gap: 24px; padding-top: 36px; }
  .hero-visual { order: 2; }
  .hero-copy { order: 1; max-width: none; }
  .hero-sub { max-width: none; }
  .hero::before { right: auto; left: 50%; transform: translateX(-50%); top: -80px; }
}
@media (max-width: 560px) {
  .orbit { --d-outer: 340px; --d-inner: 208px; }
  .node-chip { width: 40px; height: 40px; }
  .node-chip img, .node-logo { width: 19px; height: 19px; }
  .node-pill { padding: 4px 9px 4px 4px; gap: 6px; }
  .node-avatar { width: 22px; height: 22px; }
  .node-pill-label { font-size: 10px; }
}

/* ---------- CONNECTOR RIBBON (trust wall) — tight footer strip inside .core ---------- */
.core-ribbon {
  margin: 35px 0 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
/* transparent band → logos + label keep their normal theme-aware tint (var(--muted)) */
.ribbon-label {
  margin: 0 0 22px; text-align: center;
  font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: var(--tracking-label, 0.08em); text-transform: uppercase; color: var(--muted);
}
.ribbon-viewport {
  position: relative; 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);
}
.ribbon-track {
  display: flex; align-items: center; gap: 56px; width: max-content;
  animation: ribbon-marquee 46s linear infinite;
}
/* scrolling never pauses on hover (founder) */
.ribbon-logo {
  flex: none; width: 92px; height: 26px; opacity: .72;
  background-color: var(--muted);
  -webkit-mask: var(--m) center / contain no-repeat;
          mask: var(--m) center / contain no-repeat;
  transition: opacity .18s var(--ease-instrument), background-color .18s var(--ease-instrument);
}
.ribbon-logo:hover { opacity: 1; background-color: var(--text); }
/* labeled ribbon: icon + wordmark name */
.ribbon-item { flex: none; display: inline-flex; align-items: center; gap: 10px; }
.ribbon-item .ribbon-logo { width: 22px; height: 22px; }
.ribbon-name {
  font-family: var(--mono); font-size: 13px; font-weight: 500;
  letter-spacing: .01em; color: var(--muted); white-space: nowrap;
}
@keyframes ribbon-marquee { to { transform: translateX(-50%); } }

/* per-logo mask (inline data-URI so masking works over file:// AND same-origin http;
   the mono SVGs are hardcoded white — as a mask only the shape matters, and the
   fill comes from .ribbon-logo background-color = theme-aware var(--muted)) */
.rl-gmail{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%205.457v13.909c0%20.904-.732%201.636-1.636%201.636h-3.819V11.73L12%2016.64l-6.545-4.91v9.273H1.636A1.636%201.636%200%200%201%200%2019.366V5.457c0-2.023%202.309-3.178%203.927-1.964L5.455%204.64%2012%209.548l6.545-4.91%201.528-1.145C21.69%202.28%2024%203.434%2024%205.457z%22%2F%3E%3C%2Fsvg%3E")}
.rl-googlecalendar{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.316%205.684H24v12.632h-5.684V5.684zM5.684%2024h12.632v-5.684H5.684V24zM18.316%205.684V0H1.895A1.894%201.894%200%200%200%200%201.895v16.421h5.684V5.684h12.632zm-7.207%206.25v-.065c.272-.144.5-.349.687-.617s.279-.595.279-.982c0-.379-.099-.72-.3-1.025a2.05%202.05%200%200%200-.832-.714%202.703%202.703%200%200%200-1.197-.257c-.6%200-1.094.156-1.481.467-.386.311-.65.671-.793%201.078l1.085.452c.086-.249.224-.461.413-.633.189-.172.445-.257.767-.257.33%200%20.602.088.816.264a.86.86%200%200%201%20.322.703c0%20.33-.12.589-.36.778-.24.19-.535.284-.886.284h-.567v1.085h.633c.407%200%20.748.109%201.02.327.272.218.407.499.407.843%200%20.336-.129.614-.387.832s-.565.327-.924.327c-.351%200-.651-.103-.897-.311-.248-.208-.422-.502-.521-.881l-1.096.452c.178.616.505%201.082.977%201.401.472.319.984.478%201.538.477a2.84%202.84%200%200%200%201.293-.291c.382-.193.684-.458.902-.794.218-.336.327-.72.327-1.149%200-.429-.115-.797-.344-1.105a2.067%202.067%200%200%200-.881-.689zm2.093-1.931l.602.913L15%2010.045v5.744h1.187V8.446h-.827l-2.158%201.557zM22.105%200h-3.289v5.184H24V1.895A1.894%201.894%200%200%200%2022.105%200zm-3.289%2023.5l4.684-4.684h-4.684V23.5zM0%2022.105C0%2023.152.848%2024%201.895%2024h3.289v-5.184H0v3.289z%22%2F%3E%3C%2Fsvg%3E")}
.rl-googledrive{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.01%201.485c-2.082%200-3.754.02-3.743.047.01.02%201.708%203.001%203.774%206.62l3.76%206.574h3.76c2.081%200%203.753-.02%203.742-.047-.005-.02-1.708-3.001-3.775-6.62l-3.76-6.574zm-4.76%201.73a789.828%20789.861%200%200%200-3.63%206.319L0%2015.868l1.89%203.298%201.885%203.297%203.62-6.335%203.618-6.33-1.88-3.287C8.1%204.704%207.255%203.22%207.25%203.214zm2.259%2012.653-.203.348c-.114.198-.96%201.672-1.88%203.287a423.93%20423.948%200%200%201-1.698%202.97c-.01.026%203.24.042%207.222.042h7.244l1.796-3.157c.992-1.734%201.85-3.23%201.906-3.323l.104-.167h-7.249z%22%2F%3E%3C%2Fsvg%3E")}
.rl-notion{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.459%204.208c.746.606%201.026.56%202.428.466l13.215-.793c.28%200%20.047-.28-.046-.326L17.86%201.968c-.42-.326-.981-.7-2.055-.607L3.01%202.295c-.466.046-.56.28-.374.466zm.793%203.08v13.904c0%20.747.373%201.027%201.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42%200%20.84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748%200-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21%2019s0%20.84-1.168.84l-3.222.186c-.093-.186%200-.653.327-.746l.84-.233V9.854L7.822%209.76c-.094-.42.14-1.026.793-1.073l3.456-.233%204.764%207.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936%201.035l13.31-.98c1.634-.14%202.055-.047%203.082.7l4.249%202.986c.7.513.934.653.934%201.213v16.378c0%201.026-.373%201.634-1.68%201.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54%201.447-1.632z%22%2F%3E%3C%2Fsvg%3E")}
.rl-github{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%20.297c-6.63%200-12%205.373-12%2012%200%205.303%203.438%209.8%208.205%2011.385.6.113.82-.258.82-.577%200-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422%2018.07%203.633%2017.7%203.633%2017.7c-1.087-.744.084-.729.084-.729%201.205.084%201.838%201.236%201.838%201.236%201.07%201.835%202.809%201.305%203.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93%200-1.31.465-2.38%201.235-3.22-.135-.303-.54-1.523.105-3.176%200%200%201.005-.322%203.3%201.23.96-.267%201.98-.399%203-.405%201.02.006%202.04.138%203%20.405%202.28-1.552%203.285-1.23%203.285-1.23.645%201.653.24%202.873.12%203.176.765.84%201.23%201.91%201.23%203.22%200%204.61-2.805%205.625-5.475%205.92.42.36.81%201.096.81%202.22%200%201.606-.015%202.896-.015%203.286%200%20.315.21.69.825.57C20.565%2022.092%2024%2017.592%2024%2012.297c0-6.627-5.373-12-12-12%22%2F%3E%3C%2Fsvg%3E")}
.rl-linear{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.886%204.18A11.982%2011.982%200%200%201%2011.99%200C18.624%200%2024%205.376%2024%2012.009c0%203.64-1.62%206.903-4.18%209.105L2.887%204.18ZM1.817%205.626l16.556%2016.556c-.524.33-1.075.62-1.65.866L.951%207.277c.247-.575.537-1.126.866-1.65ZM.322%209.163l14.515%2014.515c-.71.172-1.443.282-2.195.322L0%2011.358a12%2012%200%200%201%20.322-2.195Zm-.17%204.862%209.823%209.824a12.02%2012.02%200%200%201-9.824-9.824Z%22%2F%3E%3C%2Fsvg%3E")}
.rl-zoom{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.033%2014.649H.743a.74.74%200%200%201-.686-.458.74.74%200%200%201%20.16-.808L3.19%2010.41H1.06A1.06%201.06%200%200%201%200%209.35h3.957c.301%200%20.57.18.686.458a.74.74%200%200%201-.161.808L1.51%2013.59h2.464c.585%200%201.06.475%201.06%201.06zM24%2011.338c0-1.14-.927-2.066-2.066-2.066-.61%200-1.158.265-1.537.686a2.061%202.061%200%200%200-1.536-.686c-1.14%200-2.066.926-2.066%202.066v3.311a1.06%201.06%200%200%200%201.06-1.06v-2.251a1.004%201.004%200%200%201%202.013%200v2.251c0%20.586.474%201.06%201.06%201.06v-3.311a1.004%201.004%200%200%201%202.012%200v2.251c0%20.586.475%201.06%201.06%201.06zM16.265%2012a2.728%202.728%200%201%201-5.457%200%202.728%202.728%200%200%201%205.457%200zm-1.06%200a1.669%201.669%200%201%200-3.338%200%201.669%201.669%200%200%200%203.338%200zm-4.82%200a2.728%202.728%200%201%201-5.458%200%202.728%202.728%200%200%201%205.457%200zm-1.06%200a1.669%201.669%200%201%200-3.338%200%201.669%201.669%200%200%200%203.338%200z%22%2F%3E%3C%2Fsvg%3E")}
.rl-googlemeet{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.53%202.13%200%207.75h5.53zm.398%200v5.62h7.608v3.65l5.47-4.45c-.014-1.22.031-2.25-.025-3.46-.148-1.09-1.287-1.47-2.236-1.36zM23.1%204.32c-.802.295-1.358.995-2.047%201.49-2.506%202.05-4.982%204.12-7.468%206.19%203.025%202.59%206.04%205.18%209.065%207.76%201.218.671%201.428-.814%201.328-1.64v-13a.828.828%200%200%200-.877-.825zM.038%208.15v7.7h5.53v-7.7zm13.577%208.1H6.008v5.62c3.864-.006%207.737.011%2011.58-.009%201.02-.07%201.618-1.12%201.468-2.07v-2.51l-5.47-4.68v3.65zm-13.577%200c.02%201.44-.041%202.88.033%204.31.162.948%201.158%201.43%202.047%201.31h3.464v-5.62z%22%2F%3E%3C%2Fsvg%3E")}
.rl-hubspot{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.164%207.93V5.084a2.198%202.198%200%20001.267-1.978v-.067A2.2%202.2%200%20 0017.238.845h-.067a2.2%202.2%200%2000-2.193%202.193v.067a2.196%202.196%200%20001.252%201.973l.013.006v2.852a6.22%206.22%200%2000-2.969%201.31l.012-.01-7.828-6.095A2.497%202.497%200%20104.3%204.656l-.012.006%207.697%205.991a6.176%206.176%200%2000-1.038%203.446c0%201.343.425%202.588%201.147%203.607l-.013-.02-2.342%202.343a1.968%201.968%200%2000-.58-.095h-.002a2.033%202.033%200%20102.033%202.033%201.978%201.978%200%2000-.1-.595l.005.014%202.317-2.317a6.247%206.247%200%20104.782-11.134l-.036-.005zm-.964%209.378a3.206%203.206%200%20113.215-3.207v.002a3.206%203.206%200%2001-3.207%203.207z%22%2F%3E%3C%2Fsvg%3E")}
.rl-intercom{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21%200H3C1.343%200%200%201.343%200%203v18c0%201.658%201.343%203%203%203h18c1.658%200%203-1.342%203-3V3c0-1.657-1.342-3-3-3zm-5.801%204.399c0-.44.36-.8.802-.8.44%200%20.8.36.8.8v10.688c0%20.442-.36.801-.8.801-.443%200-.802-.359-.802-.801V4.399zM11.2%203.994c0-.44.357-.799.8-.799s.8.359.8.799v11.602c0%20.44-.357.8-.8.8s-.8-.36-.8-.8V3.994zm-4%20.405c0-.44.359-.8.799-.8.443%200%20.802.36.802.8v10.688c0%20.442-.36.801-.802.801-.44%200-.799-.359-.799-.801V4.399zM3.199%206c0-.442.36-.8.802-.8.44%200%20.799.358.799.8v7.195c0%20.441-.359.8-.799.8-.443%200-.802-.36-.802-.8V6zM20.52%2018.202c-.123.105-3.086%202.593-8.52%202.593-5.433%200-8.397-2.486-8.521-2.593-.335-.288-.375-.792-.086-1.128.285-.334.79-.375%201.125-.09.047.041%202.693%202.211%207.481%202.211%204.848%200%207.456-2.186%207.479-2.207.334-.289.839-.25%201.128.086.289.336.25.84-.086%201.128zm.281-5.007c0%20.441-.36.8-.801.8-.441%200-.801-.36-.801-.8V6c0-.442.361-.8.801-.8.441%200%20.801.357.801.8v7.195z%22%2F%3E%3C%2Fsvg%3E")}
.rl-atlassian{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.12%2011.084a.683.683%200%2000-1.16.126L.075%2022.974a.703.703%200%2000.63%201.018h8.19a.678.678%200%2000.63-.39c1.767-3.65.696-9.203-2.406-12.52zM11.434.386a15.515%2015.515%200%2000-.906%2015.317l3.95%207.9a.703.703%200%2000.628.388h8.19a.703.703%200%2000.63-1.017L12.63.38a.664.664%200%2000-1.196.006z%22%2F%3E%3C%2Fsvg%3E")}
.rl-figma{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.852%208.981h-4.588V0h4.588c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.491-4.49%204.491zM12.735%207.51h3.117c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0%201.471H8.148c-2.476%200-4.49-2.014-4.49-4.49S5.672%200%208.148%200h4.588v8.981zm-4.587-7.51c-1.665%200-3.019%201.355-3.019%203.019s1.354%203.02%203.019%203.02h3.117V1.471H8.148zm4.587%2015.019H8.148c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h4.588v8.98zM8.148%208.981c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h3.117V8.981H8.148zM8.172%2024c-2.489%200-4.515-2.014-4.515-4.49s2.014-4.49%204.49-4.49h4.588v4.441c0%202.503-2.047%204.539-4.563%204.539zm-.024-7.51a3.023%203.023%200%200%200-3.019%203.019c0%201.665%201.365%203.019%203.044%203.019%201.705%200%203.093-1.376%203.093-3.068v-2.97H8.148zm7.704%200h-.098c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h.098c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.49-4.49%204.49zm-.097-7.509c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h.098c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-.098z%22%2F%3E%3C%2Fsvg%3E")}
.rl-dropbox{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%201.807L0%205.629l6%203.822%206.001-3.822L6%201.807zM18%201.807l-6%203.822%206%203.822%206-3.822-6-3.822zM0%2013.274l6%203.822%206.001-3.822L6%209.452l-6%203.822zM18%209.452l-6%203.822%206%203.822%206-3.822-6-3.822zM6%2018.371l6.001%203.822%206-3.822-6-3.822L6%2018.371z%22%2F%3E%3C%2Fsvg%3E")}
.rl-asana{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.78%2012.653c-2.882%200-5.22%202.336-5.22%205.22s2.338%205.22%205.22%205.22%205.22-2.34%205.22-5.22-2.336-5.22-5.22-5.22zm-13.56%200c-2.88%200-5.22%202.337-5.22%205.22s2.338%205.22%205.22%205.22%205.22-2.338%205.22-5.22-2.336-5.22-5.22-5.22zm12-6.525c0%202.883-2.337%205.22-5.22%205.22-2.882%200-5.22-2.337-5.22-5.22%200-2.88%202.338-5.22%205.22-5.22%202.883%200%205.22%202.34%205.22%205.22z%22%2F%3E%3C%2Fsvg%3E")}

/* ---------- STATEMENT BANDS ---------- */
.band { padding: clamp(64px, 11vh, 120px) 24px; text-align: center; }
.band-line {
  max-width: 860px; margin: 0 auto; font-weight: 500; letter-spacing: -0.01em;
  font-size: clamp(24px, 2.9vw, 36px); line-height: 1.28; color: var(--text);
}
/* answer statement — leads the value cards, first block under the hero */
.answer-head-wrap { text-align: center; margin: 0 0 clamp(34px, 5vh, 58px); }
.answer-head {
  max-width: 900px; margin: 0 auto; font-weight: 600; letter-spacing: -0.02em;
  font-size: clamp(30px, 3.6vw, 46px); line-height: 1.16; color: var(--text);
}
.answer-head em { font-style: italic; font-weight: 400; color: var(--muted); line-height: 1.6; }

/* ---------- CORE VALUE BLOCK (compact 3-up) ---------- */
.core {
  max-width: 1120px; margin: 0 auto; padding: clamp(52px, 8vh, 92px) 24px;
  border-top: 1px solid var(--hairline);
}
.core-head { max-width: 720px; margin-bottom: 40px; }
.core-head h2 em {
  font-style: italic; font-weight: 400; color: var(--muted);
}
.core-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
}
.vcard {
  padding: 26px 24px; border-radius: var(--radius-lg);
  border: 1px solid var(--hairline-strong); background: color-mix(in srgb, var(--surface) 55%, transparent);
}
.vcard-glyph {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: var(--radius);
  border: 1px solid var(--hairline); color: var(--muted); margin-bottom: 18px;
}
.vcard-glyph svg { width: 22px; height: 22px; }
.vcard h3 { margin: 0 0 10px; font-size: var(--text-lede, 19px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
.vcard p { margin: 0; color: var(--muted); font-size: 14.5px; line-height: 1.6; }
@media (max-width: 860px) { .core-grid { grid-template-columns: 1fr; } }

/* ---------- BIG CHAPTERS (shared feature grid) ---------- */
.feature {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center; gap: clamp(40px, 6vw, 84px);
  padding: clamp(56px, 9vh, 100px) 24px;
  border-top: 1px solid var(--hairline);   /* separator between feature sections */
}
/* deterministic column order (independent of DOM order) */
.feature--copy-first .feature-copy { order: 0; }
.feature--copy-first .feature-visual { order: 1; }
.feature--visual-first { border-top: none; border-bottom: 1px solid var(--hairline); }
.feature--visual-first .feature-visual { order: 0; }
.feature--visual-first .feature-copy { order: 1; }
.feature-copy p, .feature-centered-copy p {
  margin: 0; color: var(--muted);
  font-size: clamp(16px, 1.2vw, 17.5px); line-height: 1.62;
}
.feature-copy p { max-width: 460px; }
.feature-visual { display: flex; justify-content: center; }

/* tinted band chapter (variety surface) */
.feature-band {
  border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline);
  background:
    radial-gradient(80% 110% at 90% 50%, color-mix(in srgb, var(--stage-blob-a) 42%, transparent), transparent 40%),
    color-mix(in srgb, var(--surface) 40%, transparent);
  backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px);
}
.feature-band .feature { padding-top: clamp(56px, 9vh, 100px); padding-bottom: clamp(56px, 9vh, 100px); }
.feature-band .feature-copy { order: 0; }
.feature-band .feature-visual { order: 1; }

/* centered chapter (variety composition) */
.feature-centered {
  max-width: 1120px; margin: 0 auto; padding: clamp(56px, 9vh, 100px) 24px;
  border-top: 1px solid var(--hairline); text-align: center;
}
.feature-centered-copy { max-width: 640px; margin: 0 auto 44px; }
.feature-centered-copy p { margin: 0 auto; max-width: 560px; }

@media (max-width: 860px) {
  .feature { grid-template-columns: 1fr; gap: 32px; padding: 52px 24px; }
  .feature--visual-first .feature-visual, .feature-band .feature-visual { order: 0; }
  .feature--visual-first .feature-copy, .feature-band .feature-copy { order: 1; }
  .feature-copy p { max-width: none; }
}

/* ---------- VIGNETTES (shared shell) ---------- */
.vig { width: 100%; max-width: 460px; padding: 26px 28px; position: relative; }

/* All vignette cards are SOLID (Change 2): white in light, graphite in dark.
   Hairline + soft shadow for definition in light; flat + border in dark. */
.vig.frost, .vig {
  background: var(--surface);
  backdrop-filter: none; -webkit-backdrop-filter: none;
  border: 1px solid var(--hairline-strong);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 16px 40px rgba(16, 24, 40, .08);
}
[data-theme="dark"] .vig.frost, [data-theme="dark"] .vig {
  box-shadow: none; border-color: var(--hairline-strong);
}
.feature-visual > .vig::before, .tuesday-grid > .vig::before {
  content: ""; position: absolute; z-index: -1; inset: -12% -8%; border-radius: 50%;
  background: radial-gradient(circle, var(--stage-blob-a), transparent 70%);
  opacity: .28; filter: blur(48px); pointer-events: none;
}
.vig-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px;
}
.mono-label {
  font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: var(--tracking-label, 0.08em); text-transform: uppercase; color: var(--muted);
}
.vig-head-meta { text-transform: none; letter-spacing: .02em; }
.vig-foot { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--hairline); }

/* dots */
.dot { flex: none; width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--dot-ring); background: transparent; }
.dot-amber { background: var(--amber); border-color: transparent; }
.dot-verified { background: var(--verified); border-color: transparent; }

/* brief / list rows */
.brief-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; }
.brief-item .dot { margin-top: 6px; }
.brief-item + .brief-item, .rr-commit + .brief-item { border-top: 1px solid var(--hairline); }
.brief-item-text { min-width: 0; }
.brief-item-title { font-size: 14.5px; font-weight: 500; line-height: 1.4; }
.brief-item-meta { margin-top: 3px; font-family: var(--mono); font-size: 11px; color: var(--muted); }
.brief-item-meta--open { color: var(--amber-ink); }

/* ask */
.ask-q { font-size: 1.1rem; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; }
.ask-a { margin: 12px 0 16px; font-size: 14.5px; line-height: 1.6; color: var(--muted); border-top: 1px solid var(--hairline); padding-top: 12px; }
.ask-person { margin-bottom: 16px; }
.ask-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px;
  border: 1px solid var(--hairline-strong); border-radius: var(--radius-small);
  font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: .03em; text-transform: uppercase; color: var(--muted);
}
.chip svg { width: 11px; height: 11px; flex: none; }
.chip-verified { color: var(--verified-ink); border-color: var(--verified); }

/* person chip (faces in example cards) */
.person-chip { display: inline-flex; align-items: center; gap: 10px; }
.person-face {
  width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex: none;
  border: 1px solid var(--hairline-strong);
}
.person-text { display: flex; flex-direction: column; line-height: 1.25; }
.person-name { font-size: 13.5px; font-weight: 600; letter-spacing: -0.01em; }
.person-sub { font-family: var(--mono); font-size: 11px; color: var(--muted); }

/* room read */
.rr-commit {
  display: flex; align-items: flex-start; gap: 12px; padding: 12px; margin: 0 0 8px;
  border: 1px solid var(--verified); border-radius: var(--radius);
  background: color-mix(in srgb, var(--verified) 8%, transparent);
}
.rr-commit .dot { margin-top: 6px; }
.rr-owner { display: flex; align-items: center; justify-content: space-between; }

/* agents */
.agent-row { display: flex; align-items: center; justify-content: space-between; padding: 13px 0; }
.agent-row + .agent-row { border-top: 1px solid var(--hairline); }
.agent-name { font-size: 14.5px; font-weight: 500; }
.agent-state {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--mono); font-size: 12px; color: var(--muted); text-transform: lowercase;
}

/* agents card inherits the normal solid .vig treatment (Change 2 revert):
   white in light, graphite in dark, normal theme text. Only the brand logos are colored. */
.agent-id { display: inline-flex; align-items: center; gap: 11px; min-width: 0; }
.agent-logo {
  flex: none; width: 18px; height: 18px;
  -webkit-mask: var(--m) center / contain no-repeat;
          mask: var(--m) center / contain no-repeat;
}
.al-claude { background-color: #D97757; }
.al-openai { background-color: #111111; }
.al-gemini { background-color: #4285F4; }
.al-cursor { background-color: #111111; }
/* mono brand marks (OpenAI, Cursor) flip to light ink on the dark graphite card */
[data-theme="dark"] .al-openai, [data-theme="dark"] .al-cursor { background-color: var(--text); }
.rl-cursor{--m:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.503.131%201.891%205.678a.84.84%200%200%200-.42.726v11.188c0%20.3.162.575.42.724l9.609%205.55a1%201%200%200%200%20.998%200l9.61-5.55a.84.84%200%200%200%20.42-.724V6.404a.84.84%200%200%200-.42-.726L12.497.131a1.01%201.01%200%200%200-.996%200M2.657%206.338h18.55c.263%200%20.43.287.297.515L12.23%2022.918c-.062.107-.229.064-.229-.06V12.335a.59.59%200%200%200-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23%22%2F%3E%3C%2Fsvg%3E")}
.al-grok { background-color: #0A0A0A; }
.al-githubcopilot { background-color: #0A0A0A; }
.al-deepseek { background-color: #4D6BFE; }
.al-perplexity { background-color: #20808D; }
.al-mistral { background-color: #FA500F; }
.al-meta { background-color: #0866FF; }
[data-theme="dark"] .al-grok, [data-theme="dark"] .al-githubcopilot { background-color: var(--text); }
.rl-githubcopilot{--m:url("data:image/svg+xml,%3Csvg%20role=%22img%22%20viewBox=%220%200%2024%2024%22%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d=%22M23.922%2016.997C23.061%2018.492%2018.063%2022.02%2012%2022.02%205.937%2022.02.939%2018.492.078%2016.997A.641.641%200%200%201%200%2016.741v-2.869a.883.883%200%200%201%20.053-.22c.372-.935%201.347-2.292%202.605-2.656.167-.429.414-1.055.644-1.517a10.098%2010.098%200%200%201-.052-1.086c0-1.331.282-2.499%201.132-3.368.397-.406.89-.717%201.474-.952C7.255%202.937%209.248%201.98%2011.978%201.98c2.731%200%204.767.957%206.166%202.093.584.235%201.077.546%201.474.952.85.869%201.132%202.037%201.132%203.368%200%20.368-.014.733-.052%201.086.23.462.477%201.088.644%201.517%201.258.364%202.233%201.721%202.605%202.656a.841.841%200%200%201%20.053.22v2.869a.641.641%200%200%201-.078.256Zm-11.75-5.992h-.344a4.359%204.359%200%200%201-.355.508c-.77.947-1.918%201.492-3.508%201.492-1.725%200-2.989-.359-3.782-1.259a2.137%202.137%200%200%201-.085-.104L4%2011.746v6.585c1.435.779%204.514%202.179%208%202.179%203.486%200%206.565-1.4%208-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057%201.259-3.782%201.259-1.59%200-2.738-.545-3.508-1.492a4.359%204.359%200%200%201-.355-.508Zm2.328%203.25c.549%200%201%20.451%201%201v2c0%20.549-.451%201-1%201-.549%200-1-.451-1-1v-2c0-.549.451-1%201-1Zm-5%200c.549%200%201%20.451%201%201v2c0%20.549-.451%201-1%201-.549%200-1-.451-1-1v-2c0-.549.451-1%201-1Zm3.313-6.185c.136%201.057.403%201.913.878%202.497.442.544%201.134.938%202.344.938%201.573%200%202.292-.337%202.657-.751.384-.435.558-1.15.558-2.361%200-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438%201.578v.021c0%20.265.021.562.063.893Zm-1.626%200c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824%201.025-.462.472-.705%201.179-.705%202.319%200%201.211.175%201.926.558%202.361.365.414%201.084.751%202.657.751%201.21%200%201.902-.394%202.344-.938.475-.584.742-1.44.878-2.497Z%22%2F%3E%3C%2Fsvg%3E")}
.rl-perplexity{--m:url("data:image/svg+xml,%3Csvg%20role=%22img%22%20viewBox=%220%200%2024%2024%22%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d=%22M22.3977%207.0896h-2.3106V.0676l-7.5094%206.3542V.1577h-1.1554v6.1966L4.4904%200v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318%206.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676%204.8691%204.4634H5.6458V2.6262zM2.7576%2016.332V8.245h7.8476l-6.1149%206.1147v1.9723H2.7576zm2.8882%205.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764%205.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766%205.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948%208.245h7.8478v8.087z%22%2F%3E%3C%2Fsvg%3E")}
.rl-mistral{--m:url("data:image/svg+xml,%3Csvg%20role=%22img%22%20viewBox=%220%200%2024%2024%22%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d=%22M17.143%203.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z%22%2F%3E%3C%2Fsvg%3E")}

/* open loop */
.loop-line { font-size: 1rem; font-weight: 500; line-height: 1.5; }
.loop-person { margin: 16px 0 0; }
.loop-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--hairline); }
.loop-wait { display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 12px; color: var(--amber-ink); }
.loop-link {
  display: inline-flex; align-items: center; gap: 4px; text-decoration: none;
  font-family: var(--mono); font-size: 12px; font-weight: 500; color: var(--act-ink);
}
.loop-link:hover { text-decoration: underline; }

/* fence — one shared doc, seen differently by each person per their access */
.vig-fence { padding: 20px 22px; }
.fence-top {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding-bottom: 14px; border-bottom: 1px solid var(--hairline);
}
.fence-doc-title { font-size: 14.5px; font-weight: 600; letter-spacing: -0.01em; margin: 0; }
.fence-shared { white-space: nowrap; }

.fence-people { display: block; }
.fence-person { padding: 14px 0; }
.fence-person + .fence-person { border-top: 1px solid var(--hairline); }
.fp-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.fp-who { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
.fp-face { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex: none; border: 1px solid var(--hairline-strong); }
.fp-id { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.fp-name { font-size: 13px; font-weight: 600; letter-spacing: -0.01em; }
.fp-role { font-family: var(--mono); font-size: 10.5px; color: var(--muted); }
.fp-access {
  flex: none; font-family: var(--mono); font-size: 10px; font-weight: 500;
  letter-spacing: .05em; text-transform: uppercase; padding: 3px 9px;
  border-radius: var(--radius-pill); border: 1px solid var(--hairline-strong); color: var(--muted);
}
.fp-access--full { color: var(--verified-ink); border-color: var(--verified); background: color-mix(in srgb, var(--verified) 8%, transparent); }
.fp-access--limited { color: var(--amber-ink); border-color: color-mix(in srgb, var(--amber) 50%, var(--hairline-strong)); background: color-mix(in srgb, var(--amber) 8%, transparent); }

.fp-lines { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.fp-line {
  display: flex; align-items: center; gap: 5px; min-height: 26px; padding: 5px 9px;
  border-radius: var(--radius-small); border: 1px solid var(--hairline);
  background: color-mix(in srgb, var(--surface) 40%, transparent);
  font-family: var(--mono); font-size: 10.5px; letter-spacing: .01em; color: var(--muted);
  white-space: nowrap; overflow: hidden;
}
.fp-line--held { justify-content: center; }
.fp-line .lock { width: 11px; height: 11px; color: var(--muted); flex: none; }
.redact { display: inline-block; width: 46%; height: 8px; border-radius: var(--radius-small); background: var(--skeleton, var(--hairline-strong)); }
@media (max-width: 420px) {
  .fp-line { font-size: 10px; padding: 5px 6px; }
}

/* entity merge (centered chapter) */
.merge { display: flex; flex-direction: column; align-items: stretch; gap: 14px; width: 100%; max-width: 460px; margin: 0 auto; }
.merge-dupes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.merge-card { max-width: none; padding: 16px 18px; text-align: left; }
.merge-name { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 6px; }
.merge-face { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex: none; border: 1px solid var(--hairline-strong); }
.merge-arrow { display: flex; justify-content: center; color: var(--muted); }
.merge-arrow svg { width: 22px; height: 22px; transform: rotate(90deg); }
.merge-canonical { border-color: var(--verified); }
.merge-canonical-meta { margin-bottom: 2px; color: var(--verified-ink); }
.merge-check {
  display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px;
  border-radius: 50%; background: var(--verified); color: var(--on-interactive, #fff);
}
.merge-check svg { width: 10px; height: 10px; }

/* ---------- FINAL CTA ---------- */
.cta { padding: clamp(60px, 10vh, 120px) 24px clamp(68px, 11vh, 132px); }
/* clean SOLID card (Change 3): white in light / graphite in dark, hairline + soft shadow, no glow */
.cta-banner {
  position: relative;
  max-width: 860px; margin: 0 auto; padding: clamp(48px, 6vw, 76px) clamp(28px, 5vw, 60px);
  text-align: center; border-radius: var(--radius-lg); border: 1px solid var(--hairline-strong);
  color: var(--text);
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 16px 40px rgba(16, 24, 40, .08);
}
[data-theme="dark"] .cta-banner { box-shadow: none; }
.cta-orb { margin-bottom: 18px; }
.cta-banner h2 {
  margin: 0 0 16px; font-weight: 600; letter-spacing: -0.02em;
  font-size: clamp(28px, 3vw, 38px); line-height: 1.12;
}
.cta-sub { margin: 0 auto 28px; max-width: 560px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.cta-banner .waitlist { margin: 0 auto; }
.cta-banner .form-note { text-align: center; }

/* ---------- footer (frosted, like the topnav) ---------- */
footer.site {
  border-top: 1px solid var(--hairline); margin-top: 8px;
  background: transparent;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
footer.site .wrap { max-width: 1120px; }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: var(--text); text-decoration: none; letter-spacing: -.01em; }
.footer-brand .fable-orb { animation: none; filter: none; }
.footer-copy { color: var(--muted); font-size: 14px; }

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .orbit-spin, .node-face { animation: none; }
  .ribbon-track { animation: none; }
  /* JS bails under reduced-motion → the static Elena-active state ships in the HTML */
  .people-ring, .people-ring .node-face,
  .hero-connector .hc-line, .hero-connector .hc-dot,
  .node--person, .node--person .node-pill, .brief-item, .brief-item-meta { transition: none; }
}
/* screenshot harness: no cycle either — capture the composed Elena state cleanly */
[data-shot] .brief-item, [data-shot] .hero-connector .hc-line { transition: none; }

/* ==========================================================================
   LINEAR v4 — full-width interactive hero: orbit (tools INNER, people OUTER)
   rotates the active person to a fixed anchor, draws a line, and composes that
   person's Morning Signal brief. Everything below is additive to the v2 base.
   ========================================================================== */

/* --- lede: centered text block on top --- */
.hero-lede {
  max-width: 720px; margin: 0 auto 60px; text-align: center;
  padding: clamp(38px, 7vh, 84px) 24px clamp(18px, 3vh, 34px);
}
.hero-lede h1 {
  margin: 20px 0 18px; font-weight: 600; letter-spacing: -0.02em;
  font-size: clamp(44px, 5vw, 64px); line-height: 1.03;
}
.hero-lede .hero-sub { margin-left: auto; margin-right: auto; }
.hero-lede .hero-ctas { justify-content: center; }

/* --- full-width stage: LEFT orbit | CONNECTOR | RIGHT brief --- */
.hero-stage {
  padding: clamp(6px, 2vh, 22px) clamp(16px, 4vw, 44px) clamp(44px, 8vh, 92px);
  overflow: hidden;
}
.stage-inner {
  position: relative;
  display: grid; grid-template-columns: 1fr 1fr; align-items: center;
  gap: clamp(44px, 5vw, 100px);
  max-width: 1240px; margin: 0 auto;   /* breaks out past the 1120 wrap, sensible max */
}
.stage-left  { display: flex; justify-content: flex-end; position: relative; z-index: 3; }
.stage-right { display: flex; justify-content: flex-start; position: relative; z-index: 1; }

/* people ring — JS drives --ring; a matching counter-rotate keeps faces upright */
.people-ring {
  position: absolute; top: 50%; left: 50%; width: 0; height: 0;
  --r: calc(var(--d-outer) / 2);
  transform: rotate(var(--ring, 90deg));
  transition: transform 1.2s var(--ease-instrument);
}
.people-ring .node-face {
  transform: rotate(calc(-1 * var(--ring, 90deg)));
  transition: transform 1.2s var(--ease-instrument);
}

/* active-person emphasis (others stay full opacity — founder) */
.node--person { transition: opacity .5s var(--ease-instrument); }
.node--person .node-pill {
  transition: box-shadow .4s var(--ease-instrument), transform .4s var(--ease-instrument),
              border-color .4s var(--ease-instrument);
}
.node--person.is-active .node-pill {
  transform: scale(1.06);
  border-color: color-mix(in srgb, var(--interactive) 55%, var(--hairline-strong));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--interactive) 42%, transparent),
              0 12px 30px rgba(0, 0, 0, .18);
}

/* connector line — endpoints are constant (person always parks at the anchor) */
.hero-connector {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: clamp(56px, 6vw, 104px); height: 44px; overflow: visible;
  pointer-events: none; z-index: 2;
}
.hc-line {
  fill: none; stroke: color-mix(in srgb, var(--interactive) 62%, var(--text));
  stroke-width: 1.4; vector-effect: non-scaling-stroke;
  stroke-dasharray: 200; stroke-dashoffset: 200;
  transition: stroke-dashoffset .7s var(--ease-instrument);
}
.hc-dot { fill: var(--interactive); opacity: 0; transition: opacity .5s var(--ease-instrument); }
.hero-connector.drawn .hc-line { stroke-dashoffset: 0; }
.hero-connector.drawn .hc-dot { opacity: .9; }

/* the brief card — reads like real, premium software */
.brief-card {
  position: relative; width: 100%; max-width: 420px; padding: 24px 26px;
}
.brief-card::before {
  content: ""; position: absolute; z-index: -1; inset: -14% -10%; border-radius: 40px;
  background: radial-gradient(circle, var(--stage-blob-a), transparent 70%);
  opacity: .22; filter: blur(46px); pointer-events: none;
}
.brief-head { padding-bottom: 15px; border-bottom: 1px solid var(--hairline); margin-bottom: 2px; }
.brief-who { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.brief-who-face {
  width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex: none;
  border: 1px solid var(--hairline-strong);
}
.brief-who-name { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; white-space: nowrap; }
.brief-items { min-height: 216px; }   /* hold height steady as items recompose */

/* compose-in: each item fades/slides up, its meta docks a beat later */
.brief-item { transition: opacity .5s var(--ease-instrument), transform .5s var(--ease-instrument); }
.brief-item .brief-item-meta { transition: opacity .5s var(--ease-instrument), transform .5s var(--ease-instrument); }
.brief-item.composing { opacity: 0; transform: translateY(10px); }
.brief-item.composing .brief-item-meta { opacity: 0; transform: translateY(5px); }

/* compounding chapter now shares the two-column feature grid → give it its top rule */
.feature--compound { border-top: 1px solid var(--hairline); }
.feature--compound .merge { margin: 0; }

/* ---------- DREAM band — two-column (visual-left / copy-right) inside the tinted band ---------- */
/* the band supplies its own borders + padding via .feature-band .feature; kill the wrapper's */
.dream { padding: 0; }
.dream-feature { border-top: none; }
/* visual-left / copy-right — alternates with the copy-left compounding section above.
   later source order beats the generic .feature-band .feature-copy/visual order rules */
.dream-feature .feature-visual { order: 0; }
.dream-feature .feature-copy { order: 1; }
.dream-orb { margin-bottom: 20px; }
.dream-head {
  margin: 0 0 16px; font-weight: 600; letter-spacing: -0.02em;
  font-size: clamp(28px, 3vw, 38px); line-height: 1.1;
}
.dream-body {
  margin: 0; color: var(--muted);
  font-size: clamp(16px, 1.2vw, 17.5px); line-height: 1.62;
}
@media (max-width: 860px) {
  /* mobile: visual first, then copy (consistent with the desktop order) */
  .dream-feature .feature-visual { order: 0; }
  .dream-feature .feature-copy { order: 1; }
}

/* ---------- STEPS (ported) — 01/02/03 under the final CTA ---------- */
.steps {
  max-width: 860px; margin: clamp(40px, 6vh, 64px) auto 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px; padding: 0 6px;
}
.step { border-top: 1px solid var(--hairline); padding-top: 20px; }
.step-num { display: block; margin-bottom: 12px; }
.step h3 { margin: 0 0 8px; font-size: var(--text-lede, 17px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; }
.step p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--muted); }
.step-logos { display: flex; align-items: center; gap: 14px; margin-top: 16px; }
.step-logos img { width: 18px; height: 18px; opacity: .85; }
@media (max-width: 760px) { .steps { grid-template-columns: minmax(0, 1fr); gap: 26px; } }

/* --- responsive: stack text → orbit → brief; drop the connector on mobile --- */
@media (max-width: 900px) {
  .stage-inner { grid-template-columns: 1fr; gap: 30px; justify-items: center; }
  .stage-left, .stage-right { justify-content: center; }
  .hero-connector { display: none; }
  .brief-card { max-width: 460px; }
  .hero-lede { margin-bottom: 28px; }
}
@media (max-width: 760px) {
  .orbit { --d-outer: 420px; --d-inner: 258px; }
}
@media (max-width: 560px) {
  .orbit { --d-outer: 320px; --d-inner: 210px; }
  .node--person .pn-role { display: none; }   /* first-name-only pills clear the orb */
}

/* ==========================================================================
   LINEAR v4e — compounding "deepens it" vignette + interactive "in the day" tabs
   ========================================================================== */

/* ---------- IN THE DAY — interactive feature-tabs (row selector + swapping panel) ---------- */
.daytabs {
  max-width: 1120px; margin: 0 auto; padding: clamp(56px, 9vh, 100px) 24px;
  border-top: 1px solid var(--hairline);
}
.daytabs-head { margin-bottom: 40px; }
.daytabs-body {
  display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(28px, 4vw, 56px); align-items: center;
}

/* left rail — selectable rows */
.daytabs-rail { display: flex; flex-direction: column; gap: 10px; }
.dt-row {
  position: relative; display: block; width: 100%; text-align: left; cursor: pointer;
  padding: 17px 20px 17px 22px; border-radius: var(--radius-lg); font: inherit;
  border: 1px solid var(--hairline); background: color-mix(in srgb, var(--surface) 40%, transparent);
  color: var(--text); -webkit-appearance: none; appearance: none;
  transition: border-color .3s var(--ease-instrument), background .3s var(--ease-instrument), box-shadow .3s var(--ease-instrument);
}
.dt-row:hover { border-color: var(--hairline-strong); }
.dt-row::before {
  content: ""; position: absolute; left: -1px; top: 16px; bottom: 16px; width: 3px;
  border-radius: 0 3px 3px 0; background: var(--interactive);
  opacity: 0; transform: scaleY(.35); transform-origin: center;
  transition: opacity .3s var(--ease-instrument), transform .3s var(--ease-instrument);
}
.dt-row.is-active {
  border-color: color-mix(in srgb, var(--interactive) 38%, var(--hairline-strong));
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 26px rgba(16, 24, 40, .07);
}
[data-theme="dark"] .dt-row.is-active { box-shadow: none; }
.dt-row.is-active::before { opacity: 1; transform: scaleY(1); }
/* row header line: [icon]  Title */
.dt-row-head { display: flex; align-items: center; gap: 10px; }
.dt-row-icon {
  flex: none; width: 18px; height: 18px; color: var(--muted);
  transition: color .3s var(--ease-instrument);
}
.dt-row.is-active .dt-row-icon { color: var(--interactive); }
.dt-row-name { font-size: var(--text-lede, 17px); font-weight: 600; letter-spacing: -0.01em; }
.dt-row-sub { display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.dt-row.is-active .dt-row-sub { color: color-mix(in srgb, var(--text) 60%, var(--muted)); }

/* progress indicator — only while auto-rotating, on the active row */
.dt-progress {
  display: block; margin-top: 13px; height: 2px; border-radius: 2px;
  background: var(--hairline); overflow: hidden; opacity: 0;
  transition: opacity .3s var(--ease-instrument);
}
.dt-progress-bar { display: block; height: 100%; width: 0; background: var(--interactive); border-radius: 2px; }
.dt-rotating .dt-row.is-active .dt-progress { opacity: 1; }
.dt-rotating .dt-row.is-active .dt-progress-bar { animation: dt-fill 7.5s linear forwards; }
@keyframes dt-fill { from { width: 0; } to { width: 100%; } }

/* right — panels stacked in one cell; active one cross-fades in (height = tallest) */
.daytabs-panels { display: grid; align-items: center; }
.dt-panel {
  grid-area: 1 / 1; display: flex; justify-content: center;
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .8s var(--ease-instrument), transform .8s var(--ease-instrument), visibility .8s var(--ease-instrument);
}
.dt-panel.is-active { opacity: 1; visibility: visible; transform: none; }
.daytabs-panels .vig { max-width: 460px; width: 100%; }

/* --- panel content: richer vignettes (Change 4) --- */
.daytabs-panels .brief-item { padding: 10px 0; }
/* Morning Signal — labeled groups */
.dt-group + .dt-group { margin-top: 4px; }
.dt-group-label {
  display: block; padding: 12px 0 4px;
  border-top: 1px solid var(--hairline); margin-top: 4px;
}
.dt-group:first-of-type .dt-group-label { border-top: none; margin-top: 0; padding-top: 2px; }
.dt-group .brief-item:first-of-type { border-top: none; }

/* Ask — three stacked answer cards */
.ask-stack { display: flex; flex-direction: column; gap: 11px; }
.ask-card {
  padding: 13px 15px; border-radius: var(--radius);
  border: 1px solid var(--hairline); background: color-mix(in srgb, var(--surface) 45%, transparent);
}
.ask-kicker { display: block; margin-bottom: 7px; }
.ask-q2 { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; }
.ask-a2 { margin: 6px 0 10px; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.ask-card .ask-chips { gap: 6px; }
.ask-card .chip { padding: 3px 9px; font-size: 10px; }

/* Room Read — suggested opener block */
.rr-suggest {
  margin-top: 12px; padding: 12px 14px; border-radius: var(--radius);
  border: 1px dashed var(--hairline-strong);
}
.rr-suggest .mono-label { display: block; margin-bottom: 5px; }
.rr-suggest-text { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--text); }

/* MCP — quiet footer line */
.agents-foot-text {
  display: block; font-family: var(--mono); font-size: 11px; line-height: 1.3; color: var(--muted); letter-spacing: .02em;
}

/* ---------- COMPOUNDING visual — one shared context constellation ---------- */
.share { max-width: 460px; }
.share-stage { position: relative; width: 300px; height: 272px; margin: 6px auto 2px; }
.share-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.share-lines line {
  stroke: color-mix(in srgb, var(--text) 18%, transparent);
  stroke-width: 1; vector-effect: non-scaling-stroke;
}
.share-core {
  position: absolute; left: 150px; top: 130px; transform: translate(-50%, -50%);
  display: flex; align-items: center; justify-content: center;
}
.share-core .fable-orb { filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .18)); animation: none; }
.share-person {
  position: absolute; transform: translate(-50%, -18px);
  display: flex; flex-direction: column; align-items: center; gap: 4px; width: 62px;
}
.share-avatar {
  width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: none;
  border: 1px solid var(--hairline-strong); background: var(--surface);
}
.share-name { font-size: 11.5px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.15; text-align: center; }
.share-role { font-family: var(--mono); font-size: 9px; color: var(--muted); letter-spacing: .02em; text-align: center; }
.share-caption { margin: 12px 0 0; text-align: center; font-size: 13px; color: var(--muted); line-height: 1.5; }

@media (max-width: 860px) {
  .daytabs-body { grid-template-columns: 1fr; gap: 26px; }
  /* stacked: pin the active panel to the top so a shorter card leaves no dead space */
  .daytabs-panels { align-items: start; }
}
/* screenshot harness: no cross-fade / progress motion — capture the composed Morning Signal state */
[data-shot] .dt-panel { transition: none; }
[data-shot] .dt-progress-bar { animation: none; }

/* ribbon mask classes — supported connectors (AI models + Google) */
.rl-claude{--m:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EClaude%3C%2Ftitle%3E%3Cpath%20d%3D%22m4.7144%2015.9555%204.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608%201.5179.1032%202.2767.1578%201.6514.0972%202.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973%209.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686%201.9064%201.4754%202.4893%201.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335%206.6997%200l.9957.1336.419.3642.6192%201.4147%201.0018%202.2282%201.5543%203.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853%201.8517-.5586%202.9021-.3643%201.9429h.2125l.2429-.2429.9835-1.3053%201.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759%201.1293-.34%201.1657-1.0625%201.3478-.8804%201.1414-1.2628%201.7-.7893%201.36.0729.1093.1882-.0183%202.8535-.607%201.5421-.2794%201.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607%201.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929%201.0686%202.0035%201.8092%202.5075%202.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496%202.3436%203.5214.1214%201.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38%2017.959l-1.1414-1.9428-.1397.079-.674%207.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328%201.9672-2.1796%202.9446-1.7243%201.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889%202.386-3.0357%201.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385%204.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429%201.9064-1.3114Z%22%2F%3E%3C%2Fsvg%3E")}
.rl-openai{--m:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EOpenAI%3C%2Ftitle%3E%3Cpath%20d%3D%22M22.2819%209.8211a5.9847%205.9847%200%200%200-.5157-4.9108%206.0462%206.0462%200%200%200-6.5098-2.9A6.0651%206.0651%200%200%200%204.9807%204.1818a5.9847%205.9847%200%200%200-3.9977%202.9%206.0462%206.0462%200%200%200%20.7427%207.0966%205.98%205.98%200%200%200%20.511%204.9107%206.051%206.051%200%200%200%206.5146%202.9001A5.9847%205.9847%200%200%200%2013.2599%2024a6.0557%206.0557%200%200%200%205.7718-4.2058%205.9894%205.9894%200%200%200%203.9977-2.9001%206.0557%206.0557%200%200%200-.7475-7.0729zm-9.022%2012.6081a4.4755%204.4755%200%200%201-2.8764-1.0408l.1419-.0804%204.7783-2.7582a.7948.7948%200%200%200%20.3927-.6813v-6.7369l2.02%201.1686a.071.071%200%200%201%20.038.052v5.5826a4.504%204.504%200%200%201-4.4945%204.4944zm-9.6607-4.1254a4.4708%204.4708%200%200%201-.5346-3.0137l.142.0852%204.783%202.7582a.7712.7712%200%200%200%20.7806%200l5.8428-3.3685v2.3324a.0804.0804%200%200%201-.0332.0615L9.74%2019.9502a4.4992%204.4992%200%200%201-6.1408-1.6464zM2.3408%207.8956a4.485%204.485%200%200%201%202.3655-1.9728V11.6a.7664.7664%200%200%200%20.3879.6765l5.8144%203.3543-2.0201%201.1685a.0757.0757%200%200%201-.071%200l-4.8303-2.7865A4.504%204.504%200%200%201%202.3408%207.872zm16.5963%203.8558L13.1038%208.364%2015.1192%207.2a.0757.0757%200%200%201%20.071%200l4.8303%202.7913a4.4944%204.4944%200%200%201-.6765%208.1042v-5.6772a.79.79%200%200%200-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759%200%200%200-.7854%200L9.409%209.2297V6.8974a.0662.0662%200%200%201%20.0284-.0615l4.8303-2.7866a4.4992%204.4992%200%200%201%206.6802%204.66zM8.3065%2012.863l-2.02-1.1638a.0804.0804%200%200%201-.038-.0567V6.0742a4.4992%204.4992%200%200%201%207.3757-3.4537l-.142.0805L8.704%205.459a.7948.7948%200%200%200-.3927.6813zm1.0976-2.3654l2.602-1.4998%202.6069%201.4998v2.9994l-2.5974%201.4997-2.6067-1.4997Z%22%2F%3E%3C%2Fsvg%3E")}
.rl-gemini{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGoogle%20Gemini%3C%2Ftitle%3E%3Cpath%20d%3D%22M11.04%2019.32Q12%2021.51%2012%2024q0-2.49.93-4.68.96-2.19%202.58-3.81t3.81-2.55Q21.51%2012%2024%2012q-2.49%200-4.68-.93a12.3%2012.3%200%200%201-3.81-2.58%2012.3%2012.3%200%200%201-2.58-3.81Q12%202.49%2012%200q0%202.49-.96%204.68-.93%202.19-2.55%203.81a12.3%2012.3%200%200%201-3.81%202.58Q2.49%2012%200%2012q2.49%200%204.68.96%202.19.93%203.81%202.55t2.55%203.81%22%2F%3E%3C%2Fsvg%3E")}
.rl-deepseek{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EDeepSeek%3C%2Ftitle%3E%3Cpath%20d%3D%22M23.748%204.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434%201.202-.422%201.84.027%201.436.633%202.58%201.838%203.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5%205.5%200%200%201-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12%2012%200%200%200-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3%203%200%200%201-.465.136%209.6%209.6%200%200%200-2.883-.101c-1.885.21-3.39%201.1-4.497%202.622C.082%208.776-.231%2010.854.152%2013.02c.403%202.284%201.568%204.175%203.36%205.653%201.857%201.533%203.997%202.284%206.438%202.14%201.482-.085%203.132-.284%204.994-1.86.47.234.962.328%201.78.398.629.058%201.235-.031%201.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926%201.095-1.295%202.768-3.598%203.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2%204.2%200%200%200%201.545-.475c1.397-.763%201.96-2.016%202.093-3.517.02-.23-.004-.467-.247-.588M11.58%2018.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7%204.7%200%200%201%201.53-.038c2.131.311%203.946%201.264%205.467%202.774.868.86%201.525%201.887%202.202%202.89.72%201.066%201.494%202.082%202.48%202.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306%200%200%201%20.415-.287.3.3%200%200%201%20.113.074.3.3%200%200%201%20.086.214c0%20.17-.136.307-.308.307a.303.303%200%200%201-.306-.307m3.11%201.596c-.2.081-.4.151-.591.16a1.25%201.25%200%200%201-.798-.254c-.274-.23-.47-.358-.551-.758a1.7%201.7%200%200%201%20.015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6%200%200%201-.254-.078.253.253%200%200%201-.114-.358%201%201%200%200%201%20.192-.21c.356-.202.767-.136%201.146.016.352.144.618.408%201.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45%22%2F%3E%3C%2Fsvg%3E")}
.rl-meta{--m:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EMeta%3C%2Ftitle%3E%3Cpath%20d%3D%22M6.915%204.03c-1.968%200-3.683%201.28-4.871%203.113C.704%209.208%200%2011.883%200%2014.449c0%20.706.07%201.369.21%201.973a6.624%206.624%200%200%200%20.265.86%205.297%205.297%200%200%200%20.371.761c.696%201.159%201.818%201.927%203.593%201.927%201.497%200%202.633-.671%203.965-2.444.76-1.012%201.144-1.626%202.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152%203.595c.724%201.21%201.665%202.556%202.47%203.314%201.046.987%201.992%201.22%203.06%201.22%201.075%200%201.876-.355%202.455-.843a3.743%203.743%200%200%200%20.81-.973c.542-.939.861-2.127.861-3.745%200-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047%200-2.088.467-3.053%201.308-.652.57-1.257%201.29-1.82%202.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16%202.053c1.147%200%202.188.758%202.992%201.999%201.132%201.748%201.647%204.195%201.647%206.4%200%201.548-.368%202.9-1.839%202.9-.58%200-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908%2044.908%200%200%200-1.255-1.98c.07-.109.141-.224.211-.327%201.12-1.667%202.118-2.602%203.358-2.602zm-10.201.553c1.265%200%202.058.791%202.675%201.446.307.327.737.871%201.234%201.579l-1.02%201.566c-.757%201.163-1.882%203.017-2.837%204.338-1.191%201.649-1.81%201.817-2.486%201.817-.524%200-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046%200-2.221.63-4.535%201.66-6.088.454-.687.964-1.226%201.533-1.533a2.264%202.264%200%200%201%201.088-.285z%22%2F%3E%3C%2Fsvg%3E")}
.rl-grok{--m:url("data:image/svg+xml,%3Csvg%20role=%22img%22%20viewBox=%220%200%201024%201024%22%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d=%22M395.479%20633.828L735.91%20381.105C752.599%20368.715%20776.454%20373.548%20784.406%20392.792C826.26%20494.285%20807.561%20616.253%20724.288%20699.996C641.016%20783.739%20525.151%20802.104%20419.247%20760.277L303.556%20814.143C469.49%20928.202%20670.987%20899.995%20796.901%20773.282C896.776%20672.843%20927.708%20535.937%20898.785%20412.476L899.047%20412.739C857.105%20231.37%20909.358%20158.874%201016.4%2010.6326C1018.93%207.11771%201021.47%203.60279%201024%200L883.144%20141.651V141.212L395.392%20633.916%22%2F%3E%3Cpath%20d=%22M325.226%20695.251C206.128%20580.84%20226.662%20403.776%20328.285%20301.668C403.431%20226.097%20526.549%20195.254%20634.026%20240.596L749.454%20186.994C728.657%20171.88%20702.007%20155.623%20671.424%20144.2C533.19%2086.9942%20367.693%20115.465%20255.323%20228.382C147.234%20337.081%20113.244%20504.215%20171.613%20646.833C215.216%20753.423%20143.739%20828.818%2071.7385%20904.916C46.2237%20931.893%2020.6216%20958.87%200%20987.429L325.139%20695.339%22%2F%3E%3C%2Fsvg%3E")}
.rl-slack{--m:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3ESlack%3C%2Ftitle%3E%3Cpath%20d%3D%22M5.042%2015.165a2.528%202.528%200%200%201-2.52%202.523A2.528%202.528%200%200%201%200%2015.165a2.527%202.527%200%200%201%202.522-2.52h2.52v2.52zM6.313%2015.165a2.527%202.527%200%200%201%202.521-2.52%202.527%202.527%200%200%201%202.521%202.52v6.313A2.528%202.528%200%200%201%208.834%2024a2.528%202.528%200%200%201-2.521-2.522v-6.313zM8.834%205.042a2.528%202.528%200%200%201-2.521-2.52A2.528%202.528%200%200%201%208.834%200a2.528%202.528%200%200%201%202.521%202.522v2.52H8.834zM8.834%206.313a2.528%202.528%200%200%201%202.521%202.521%202.528%202.528%200%200%201-2.521%202.521H2.522A2.528%202.528%200%200%201%200%208.834a2.528%202.528%200%200%201%202.522-2.521h6.312zM18.956%208.834a2.528%202.528%200%200%201%202.522-2.521A2.528%202.528%200%200%201%2024%208.834a2.528%202.528%200%200%201-2.522%202.521h-2.522V8.834zM17.688%208.834a2.528%202.528%200%200%201-2.523%202.521%202.527%202.527%200%200%201-2.52-2.521V2.522A2.527%202.527%200%200%201%2015.165%200a2.528%202.528%200%200%201%202.523%202.522v6.312zM15.165%2018.956a2.528%202.528%200%200%201%202.523%202.522A2.528%202.528%200%200%201%2015.165%2024a2.527%202.527%200%200%201-2.52-2.522v-2.522h2.52zM15.165%2017.688a2.527%202.527%200%200%201-2.52-2.523%202.526%202.526%200%200%201%202.52-2.52h6.313A2.527%202.527%200%200%201%2024%2015.165a2.528%202.528%200%200%201-2.522%202.523h-6.313z%22%2F%3E%3C%2Fsvg%3E")}

/* =====================================================================
   TYPE OVERRIDE — type-b · Grotesk-technical (typography-only + technical/restraint pass)
   Only the type system changes vs base premium/style.css. Loaded last,
   so it wins over shared.css body + base rules. Do not touch shared files.
   ===================================================================== */
:root{
  --sans: Inter, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --tracking-label: 0.12em;              /* eyebrows/labels read as instrument */
}
body{ font-family: var(--sans); }
h1, h2, h3{ font-family: "Space Grotesk", Inter, sans-serif; letter-spacing: -0.025em; }
/* eyebrows + labels: mono, uppercase, wide-tracked, muted, tabular */
.eyebrow, .eyebrow-pill, .mono-label{
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
/* preserve the one intentionally-lowercase timestamp meta */
.vig-head-meta{ text-transform: none; letter-spacing: .02em; }
/* mono metas/readouts: keep numerals aligned */
.brief-item-meta, .person-sub, .fp-role, .ask-kicker, .step-meta,
.share-name, .loop-wait, .act-chip{ font-variant-numeric: tabular-nums; }