.landing-v03 {
  --landing-accent-soft:#eef6ff;
  --landing-panel:#fff;
  --landing-label:#515154;
  --landing-status-border:#8abcf0;
  --landing-on-accent:#fff;
  padding-bottom:48px}
.landing-v03 .eyebrow,.landing-footer .eyebrow {
  font-family:Plex Mono,ui-monospace,monospace;
  font-variant-numeric:tabular-nums}
.landing-hero {
  min-height:calc(100vh - 74px);
  display:grid;
  align-content:center;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:24px;
  padding:88px 0 80px}
.landing-hero>.eyebrow,.landing-hero>h1 {
  grid-column:1/-1}
.landing-hero h1 {
  font-size:clamp(64px,10.2vw,148px);
  line-height:.88;
  letter-spacing:-.075em;
  margin:10px 0 48px}
.landing-hero-lead {
  grid-column:1/9;
  font-size:clamp(28px,3.3vw,48px);
  line-height:1.13;
  letter-spacing:-.045em;
  font-weight:600;
  margin-bottom:40px}
.landing-hero-audience {
  grid-column:1/8;
  max-width:760px;
  color:var(--muted);
  font-size:20px}
.landing-status {
  grid-column:9/-1;
  grid-row:3/5;
  align-self:end;
  padding:24px;
  background:var(--landing-accent-soft);
  border:1px solid var(--landing-status-border);
  border-radius:var(--radius)}
.landing-status span,.landing-product-list article>div>span,.landing-ab-flow span {
  display:block;
  color:var(--landing-label);
  font:600 14px/1.4 Plex Mono,ui-monospace,monospace;
  letter-spacing:.07em;
  margin-bottom:12px}
.landing-status p {
  margin:0}
.landing-section {
  position:relative;
  padding:112px 0;
  border-top:1px solid var(--line)}
.landing-anchor-alias {
  position:absolute;
  top:0}
.landing-section-heading {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 24px;
  margin-bottom:56px}
.landing-section-heading>.eyebrow {
  grid-column:1/4}
.landing-section-heading>h2 {
  grid-column:4/-1}
.landing-section-heading>.landing-lead {
  grid-column:4/11}
.landing-v03 h2 {
  font-size:clamp(42px,6vw,78px)}
.landing-lead {
  font-size:clamp(22px,2.4vw,31px);
  line-height:1.38;
  letter-spacing:-.025em;
  color:var(--muted)}
.landing-purpose {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 24px}
.landing-purpose>.landing-section-heading {
  grid-column:1/-1}
.landing-purpose-copy {
  grid-column:1/8}
.landing-audience-list {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:32px}
.landing-audience-list span {
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:15px}
.landing-task-grid {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:64px;
  background:var(--line);
  border:1px solid var(--line)}
.landing-task-grid article {
  min-width:0;
  padding:28px;
  background:var(--landing-panel)}
.landing-task-grid article>span,.landing-metrics>li>span {
  color:var(--accent);
  font:600 14px/1 Plex Mono,ui-monospace,monospace}
.landing-task-grid h3 {
  margin:54px 0 12px}
.landing-task-grid p {
  color:var(--muted);
  font-size:16px;
  margin:0}
.landing-product-list {
  border-top:1px solid var(--line)}
.landing-product-list article {
  display:grid;
  grid-template-columns:1.05fr repeat(3,minmax(0,1fr));
  gap:28px;
  padding:36px 0;
  border-bottom:1px solid var(--line)}
.landing-product-list article>header,.landing-product-list article>div {
  min-width:0}
.landing-product-list article>header .eyebrow {
  margin-bottom:16px}
.landing-product-list h3 {
  font-size:28px;
  margin-bottom:16px}
.landing-product-list header>strong {
  display:inline-flex;
  padding:5px 9px;
  color:var(--text);
  background:var(--landing-accent-soft);
  border:1px solid var(--landing-status-border);
  border-radius:6px;
  font:500 14px/1.4 Plex Mono,ui-monospace,monospace}
.landing-product-list article>div {
  padding-top:35px}
.landing-product-list article>div p {
  margin:0;
  color:var(--muted);
  font-size:16px}
.landing-product-list .landing-future {
  border-left:1px solid var(--line);
  padding-left:28px}
.landing-ab-flow {
  display:grid;
  grid-template-columns:1fr 1.35fr 1fr;
  gap:36px;
  align-items:stretch;
  margin:0 0 64px}
.landing-ab-flow>div {
  position:relative;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--landing-panel)}
.landing-ab-flow>div:not(:last-child):after {
  content:'→';
  position:absolute;
  left:calc(100% + 11px);
  top:50%;
  color:var(--accent);
  transform:translateY(-50%)}
.landing-ab-flow strong {
  display:block;
  font-size:20px}
.landing-ab-variants {
  display:grid;
  gap:12px}
.landing-ab-variants p {
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  margin:0}
.landing-ab-variants b {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:var(--landing-on-accent);
  background:var(--accent);
  border-radius:50%;
  font-family:Plex Mono,ui-monospace,monospace}
.landing-production-copy {
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:64px;
  align-items:start}
.landing-production-copy>p:last-child {
  padding-left:24px;
  border-left:2px solid var(--accent)}
.landing-metrics {
  list-style:none;
  padding:0;
  margin:72px 0 48px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.landing-metrics li {
  min-width:0;
  padding:24px 18px 24px 0;
  display:flex;
  gap:14px}
.landing-metrics li+li {
  border-left:1px solid var(--line);
  padding-left:18px}
.landing-metrics strong {
  display:block;
  line-height:1.25;
  margin-bottom:9px}
.landing-metrics p {
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
  margin:0}
.landing-caveat {
  max-width:880px;
  padding:28px 32px;
  background:var(--landing-accent-soft);
  border-left:3px solid var(--accent)}
.landing-caveat>strong {
  display:block;
  font-size:20px;
  margin-bottom:8px}
.landing-caveat p {
  color:var(--muted)}
.landing-caveat a {
  display:inline-flex;
  min-height:44px;
  align-items:center}
.landing-why {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 24px}
.landing-why>.eyebrow {
  grid-column:1/-1}
.landing-why>h2 {
  grid-column:1/8}
.landing-why>div {
  grid-column:8/-1;
  align-self:end}
.landing-author {
  display:grid;
  grid-template-columns:176px 1fr;
  gap:56px;
  align-items:start}
.landing-author>img {
  width:176px;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%}
.landing-author h2 {
  font-size:clamp(38px,5vw,64px)}
.landing-author-bio {
  max-width:780px;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.42;
  letter-spacing:-.02em}
.landing-socials {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:32px}
.landing-socials a,.landing-social-disabled {
  min-height:48px;
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:8px}
.landing-social-disabled {
  color:var(--muted);
  border-style:dashed}
.landing-footer {
  width:min(1160px,calc(100% - 64px));
  min-height:0;
  padding:56px 0 28px}
.landing-footer-story {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:64px}
.landing-footer-story>div>p {
  max-width:680px}
.landing-footer-story nav {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 20px}
.landing-footer-story nav a {
  min-height:44px;
  display:flex;
  align-items:center}
.landing-footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding-top:36px;
  margin-top:36px;
  border-top:1px solid var(--line)}
.landing-footer-bottom a {
  min-height:44px;
  display:flex;
  align-items:center}
body[data-theme="dark"] .landing-v03 {
  --landing-accent-soft:#253014;
  --landing-panel:#181818;
  --landing-label:#bababa;
  --landing-status-border:#6b7f31;
  --landing-on-accent:#111}
body[data-theme="dark"] .landing-hero h1 {
  font-family:Plex Sans,Arial,sans-serif}
body[data-theme="dark"] .landing-product-list article>header>strong {
  color:var(--accent)}
@media(max-width:1050px) {
  .landing-hero-lead {
    grid-column:1/9}
  .landing-status {
    grid-column:9/-1}
  .landing-task-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-product-list article {
    grid-template-columns:1fr 1fr}
  .landing-product-list .landing-future {
    border-left:0;
    padding-left:0}
  .landing-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-metrics li:nth-child(odd) {
    border-left:0;
    padding-left:0}
  .landing-metrics li:nth-child(n+3) {
    border-top:1px solid var(--line)}}
@media(max-width:760px) {
  .landing-v03 {
    padding-bottom:16px}
  .landing-hero {
    min-height:0;
    display:block;
    padding:48px 0 56px}
  .landing-hero h1 {
    font-size:clamp(50px,16vw,64px);
    margin:8px 0 32px}
  .landing-hero-lead {
    font-size:26px;
    line-height:1.18;
    margin-bottom:28px}
  .landing-hero-audience {
    font-size:17px}
  .landing-status {
    margin-top:32px;
    padding:20px}
  .landing-section {
    padding:72px 0}
  .landing-section-heading,.landing-purpose,.landing-why {
    display:block}
  .landing-section-heading {
    margin-bottom:36px}
  .landing-v03 h2 {
    font-size:40px}
  .landing-lead {
    font-size:21px}
  .landing-task-grid {
    grid-template-columns:1fr;
    margin-top:40px}
  .landing-task-grid h3 {
    margin-top:34px}
  .landing-product-list article {
    display:block;
    padding:32px 0}
  .landing-product-list article>div {
    padding-top:24px}
  .landing-ab-flow {
    grid-template-columns:1fr;
    gap:28px;
    margin-bottom:40px}
  .landing-ab-flow>div:not(:last-child):after {
    content:'↓';
    left:26px;
    top:calc(100% + 13px);
    transform:none}
  .landing-production-copy {
    grid-template-columns:1fr;
    gap:24px}
  .landing-production-copy>p:last-child {
    padding:20px 0 0;
    border-left:0;
    border-top:2px solid var(--accent)}
  .landing-metrics {
    grid-template-columns:1fr;
    margin:48px 0 36px}
  .landing-metrics li,.landing-metrics li+li,.landing-metrics li:nth-child(odd) {
    padding:20px 0;
    border-left:0;
    border-top:1px solid var(--line)}
  .landing-metrics li:first-child {
    border-top:0}
  .landing-caveat {
    padding:24px}
  .landing-why>div {
    margin-top:40px}
  .landing-author {
    grid-template-columns:1fr;
    gap:28px}
  .landing-author>img {
    width:112px}
  .landing-socials {
    align-items:stretch;
    flex-direction:column}
  .landing-socials a,.landing-social-disabled {
    width:100%}
  .landing-footer {
    width:calc(100% - 40px);
    padding-bottom:24px}
  .landing-footer-story {
    grid-template-columns:1fr;
    gap:28px}
  .landing-footer-story nav {
    grid-template-columns:1fr}
  .landing-footer-bottom {
    align-items:flex-start;
    flex-direction:column}}