:root {
  --bg: #071014;
  --bg2: #0a1519;
  --panel: rgba(15, 30, 35, 0.72);
  --panel-2: rgba(10, 22, 26, 0.88);
  --line: rgba(209, 255, 236, 0.12);
  --text: #f4f8f4;
  --muted: #98aaa6;
  --lime: #dfff42;
  --teal: #2ce5d3;
  --violet: #7f6fff;
  --cyan: #6ce9ff;
  --max: 1240px;
  --pad: clamp(22px, 4vw, 64px);
  --radius: 26px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 75% 5%, rgba(44, 229, 211, .09), transparent 28%),
    radial-gradient(circle at 18% 30%, rgba(127, 111, 255, .07), transparent 25%),
    var(--bg);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

body.nav-open { overflow: hidden; }
::selection { background: var(--lime); color: #071014; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }

.noise {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

#data-field {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  opacity: .52;
}

#pulse-layer { position: fixed; inset: 0; z-index: -2; pointer-events: none; overflow: hidden; }
.click-pulse {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(223,255,66,.8);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(.2);
  animation: pulse 900ms ease-out forwards;
  box-shadow: 0 0 28px rgba(44,229,211,.35);
}
@keyframes pulse { to { transform: translate(-50%, -50%) scale(18); opacity: 0; } }

.section-shell {
  width: min(var(--max), calc(100% - 2 * var(--pad)));
  margin-inline: auto;
}

.site-header {
  position: fixed;
  z-index: 50;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1320px, calc(100% - 28px));
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
  padding: 11px 14px 11px 18px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: rgba(7,16,20,.68);
  backdrop-filter: blur(20px) saturate(135%);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}

.brand { display: inline-flex; align-items: center; gap: 10px; font-family: "Space Grotesk", sans-serif; font-weight: 700; letter-spacing: .08em; font-size: 14px; width: fit-content; }
.brand-mark { width: 31px; height: 31px; }
.desktop-nav { display: flex; align-items: center; gap: 24px; color: #b9c6c3; font-size: 12px; font-weight: 600; }
.desktop-nav a { transition: color .2s ease; }
.desktop-nav a:hover { color: var(--lime); }
.header-cta { justify-self: end; display: inline-flex; align-items: center; gap: 8px; background: var(--lime); color: #091114; padding: 10px 14px; border-radius: 11px; font-size: 12px; font-weight: 800; }
.header-cta span { font-size: 16px; }
.menu-button { display:none; color: var(--text); border: 1px solid var(--line); background: rgba(255,255,255,.04); border-radius: 10px; padding: 9px 12px; }

.hero {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  align-items: center;
  gap: clamp(32px, 7vw, 100px);
  padding-top: 120px;
  padding-bottom: 75px;
}

.eyebrow, .section-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #aebeba;
}
.eyebrow { display:flex; align-items:center; gap:9px; margin-bottom: 22px; }
.eyebrow .dot { width: 8px; height: 8px; border-radius:50%; background: var(--lime); box-shadow: 0 0 18px rgba(223,255,66,.7); }

.hero h1, h2, h3 { font-family: "Space Grotesk", Inter, sans-serif; }
.hero h1 {
  margin: 0;
  font-size: clamp(56px, 6.8vw, 104px);
  line-height: .91;
  letter-spacing: -.055em;
  max-width: 900px;
}
.hero h1 span,
.split-heading h2 span,
.attention-copy h2 span,
.next-copy h2 span,
.flow-copy h2 span,
.letter-sticky h2 span,
.contact-panel h2 span { color: var(--lime); }
.hero-lede { max-width: 710px; margin: 28px 0 0; color: #b8c6c3; font-size: clamp(17px,1.6vw,21px); line-height: 1.6; }
.hero-actions { display:flex; flex-wrap:wrap; gap: 12px; margin-top: 34px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap: 10px; min-height: 48px; padding: 0 18px; border-radius: 13px; font-size: 13px; font-weight: 800; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { background: var(--lime); color: #091114; }
.button.ghost { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: #dce6e3; }
.hero-proof { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 42px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--line); }
.hero-proof div { min-height: 96px; background: rgba(7,16,20,.82); padding: 18px 15px; }
.hero-proof strong { display:block; font-size: 10px; letter-spacing: .13em; color: var(--teal); margin-bottom: 9px; }
.hero-proof span { color: #98aaa6; font-size: 11px; line-height: 1.45; }

.hero-model {
  position: relative;
  width: 100%;
  aspect-ratio: .82;
  max-height: 710px;
  min-height: 540px;
  border: 1px solid rgba(222,255,242,.1);
  border-radius: 36px;
  overflow: hidden;
  background:
    linear-gradient(rgba(44,229,211,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(44,229,211,.028) 1px, transparent 1px),
    radial-gradient(circle at 55% 35%, rgba(44,229,211,.13), transparent 22%),
    radial-gradient(circle at 48% 68%, rgba(127,111,255,.1), transparent 30%),
    rgba(8,20,24,.52);
  background-size: 36px 36px, 36px 36px, auto, auto, auto;
  box-shadow: inset 0 0 90px rgba(0,0,0,.35), 0 50px 120px rgba(0,0,0,.2);
}
.hero-model::before { content:"LIVE PERFORMANCE MODEL"; position:absolute; top:18px; left:20px; font-size:9px; letter-spacing:.16em; font-weight:800; color:rgba(222,240,234,.55); }
.hero-model::after { content:"FLOWIDITY / 001"; position:absolute; top:18px; right:20px; font-size:9px; letter-spacing:.12em; color:rgba(222,240,234,.35); }
.athlete { position:absolute; z-index: 2; width: 66%; left: 16%; bottom: 2%; opacity: .88; }
.model-orbit { position:absolute; border:1px solid rgba(44,229,211,.14); border-radius:50%; left:50%; top:52%; transform:translate(-50%,-50%); }
.orbit-one { width: 65%; aspect-ratio:1; animation: spin 22s linear infinite; }
.orbit-two { width: 92%; aspect-ratio:1; border-color: rgba(127,111,255,.12); animation: spinReverse 30s linear infinite; }
.orbit-three { width: 45%; aspect-ratio:1; border-style:dashed; animation: spin 14s linear infinite; }
@keyframes spin { to { transform:translate(-50%,-50%) rotate(360deg);} }
@keyframes spinReverse { to { transform:translate(-50%,-50%) rotate(-360deg);} }
.metric { position:absolute; z-index:4; min-width:126px; padding:11px 12px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(8,18,22,.75); backdrop-filter: blur(12px); box-shadow:0 15px 35px rgba(0,0,0,.22); }
.metric span { display:block; color:#8ea29d; font-size:8px; font-weight:800; letter-spacing:.14em; }
.metric strong { display:block; color:var(--lime); font-family:"Space Grotesk"; font-size:19px; margin:4px 0 1px; }
.metric small { color:#758783; font-size:8px; }
.metric-vision { left: 6%; top: 19%; }
.metric-load { right: 5%; top: 27%; }
.metric-move { left: 3%; bottom: 19%; }
.metric-gear { right: 6%; bottom: 14%; }
.interaction-hint { position:absolute; z-index:5; bottom:16px; left:50%; transform:translateX(-50%); color:rgba(220,235,230,.42); font-size:9px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }

.manifesto-strip { border-block: 1px solid rgba(255,255,255,.08); overflow:hidden; background: rgba(223,255,66,.97); color:#0a1114; }
.marquee-track { display:flex; align-items:center; gap:28px; width:max-content; padding: 15px 0; font-family:"Space Grotesk"; font-weight:800; font-size:12px; letter-spacing:.08em; animation: marquee 28s linear infinite; }
.marquee-track i { font-style:normal; }
@keyframes marquee { to { transform:translateX(-50%); } }

.thesis, .system, .intelligence, .letter { padding-top: 135px; padding-bottom: 120px; }
.section-kicker { color: var(--teal); margin-bottom: 25px; }
.split-heading { display:grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items:end; }
.split-heading h2, .attention-copy h2, .next-copy h2, .flow-copy h2, .letter-sticky h2, .contact-panel h2 { margin:0; font-size: clamp(40px, 5.1vw, 76px); line-height: .98; letter-spacing:-.045em; }
.split-heading p, .attention-copy p, .next-copy p, .flow-copy p { color:#9db0ab; font-size: 16px; line-height:1.7; margin:0; }
.statement-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:70px; }
.statement-card, .domain-card { position:relative; border:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); border-radius:var(--radius); padding:30px; overflow:hidden; }
.statement-card::after { content:""; position:absolute; inset:auto -15% -42% 35%; height:75%; border-radius:50%; background:radial-gradient(circle, rgba(44,229,211,.08), transparent 67%); pointer-events:none; }
.card-index { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid rgba(223,255,66,.22); border-radius:50%; color:var(--lime); font-family:"Space Grotesk"; font-size:12px; }
.statement-card h3 { font-size:26px; line-height:1.1; letter-spacing:-.03em; margin:48px 0 15px; }
.statement-card p, .domain-card p { color:#8fa29d; line-height:1.65; font-size:14px; margin:0; }

.attention { padding-top: 80px; padding-bottom: 120px; display:grid; grid-template-columns: 1fr 1fr; gap:80px; align-items:center; }
.attention-visual { position:relative; min-height:620px; border:1px solid var(--line); border-radius:36px; overflow:hidden; background:radial-gradient(circle at center, rgba(44,229,211,.07), transparent 45%), rgba(9,20,24,.48); }
.attention-rings { position:absolute; inset:50%; }
.attention-rings span { position:absolute; border:1px solid rgba(44,229,211,.13); border-radius:50%; transform:translate(-50%,-50%); animation:breathe 7s ease-in-out infinite; }
.attention-rings span:nth-child(1) { width:180px; height:180px; }
.attention-rings span:nth-child(2) { width:320px; height:320px; animation-delay:-1.4s; }
.attention-rings span:nth-child(3) { width:470px; height:470px; animation-delay:-2.8s; }
.attention-rings span:nth-child(4) { width:620px; height:620px; animation-delay:-4.2s; border-color:rgba(127,111,255,.1); }
@keyframes breathe { 50% { opacity:.28; transform:translate(-50%,-50%) scale(1.025);} }
.attention-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:150px; height:150px; border-radius:50%; background:radial-gradient(circle, rgba(223,255,66,.13), rgba(10,23,25,.95) 65%); border:1px solid rgba(223,255,66,.3); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 0 70px rgba(223,255,66,.07); }
.attention-center small { font-size:7px; letter-spacing:.13em; color:#879b96; }
.attention-center strong { font-family:"Space Grotesk"; font-size:28px; margin:6px 0 2px; color:var(--lime); }
.attention-center span { font-size:8px; color:#70837f; }
.attention-label { position:absolute; padding:8px 10px; border:1px solid rgba(255,255,255,.08); border-radius:9px; background:rgba(8,18,22,.72); font-size:9px; letter-spacing:.12em; color:#a6b5b1; }
.a1{left:12%;top:16%}.a2{right:10%;top:22%}.a3{left:6%;top:51%}.a4{right:8%;top:55%}.a5{left:18%;bottom:15%}.a6{right:17%;bottom:12%}
.attention-copy h2 { margin-bottom:30px; }
.attention-copy > p { margin-top:19px; }
.big-quote { color:var(--text)!important; font-family:"Space Grotesk"; font-size:clamp(25px,3vw,39px)!important; line-height:1.15!important; letter-spacing:-.03em; border-left:2px solid var(--lime); padding-left:22px; }

.loop { display:grid; grid-template-columns: repeat(11, auto); align-items:stretch; gap:10px; margin-top:70px; overflow-x:auto; padding-bottom: 12px; }
.loop-step { width: 164px; min-height:190px; border:1px solid var(--line); border-radius:20px; padding:18px; background:rgba(11,24,28,.67); }
.loop-step span { display:block; font-size:9px; letter-spacing:.12em; color:#6d827d; margin-bottom:34px; }
.loop-step strong { display:block; font-family:"Space Grotesk"; font-size:20px; margin-bottom:10px; }
.loop-step p { color:#83958f; font-size:11px; line-height:1.55; margin:0; }
.loop-arrow { align-self:center; color:rgba(223,255,66,.45); }
.accent-step { border-color:rgba(223,255,66,.4); background:linear-gradient(160deg, rgba(223,255,66,.12), rgba(44,229,211,.04)); }
.accent-step strong { color:var(--lime); }

.domain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:70px; }
.domain-card { min-height:260px; }
.domain-card > span { position:absolute; top:22px; right:24px; font-size:9px; color:#5c706a; letter-spacing:.12em; }
.domain-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:rgba(44,229,211,.08); border:1px solid rgba(44,229,211,.16); color:var(--teal); font-size:19px; }
.domain-card h3 { margin:55px 0 13px; font-size:26px; letter-spacing:-.03em; }
.team-banner { margin-top:18px; border:1px solid rgba(223,255,66,.22); border-radius:var(--radius); padding:38px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; background:linear-gradient(100deg, rgba(223,255,66,.09), rgba(44,229,211,.035) 48%, rgba(127,111,255,.035)); }
.team-banner small { color:var(--lime); font-size:9px; letter-spacing:.14em; font-weight:800; }
.team-banner h3 { font-size:31px; line-height:1.08; letter-spacing:-.035em; margin:12px 0 0; }
.team-banner p { color:#9bada8; margin:0; line-height:1.7; font-size:14px; }

.next-point { padding-top:100px; padding-bottom:120px; display:grid; grid-template-columns: 1.05fr .95fr; gap:85px; align-items:center; }
.next-visual { position:relative; min-height:630px; border-radius:36px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(140deg, rgba(127,111,255,.06), transparent 38%), radial-gradient(circle at 70% 36%, rgba(223,255,66,.08), transparent 20%), rgba(9,20,24,.55); }
.np-number { position:absolute; left:8%; bottom:7%; font-family:"Space Grotesk"; font-size:clamp(80px,10vw,145px); font-weight:700; letter-spacing:-.07em; line-height:.73; color:rgba(236,247,243,.055); }
.np-axis { position:absolute; background:rgba(255,255,255,.06); }
.np-axis.x { height:1px; left:5%; right:5%; top:55%; }
.np-axis.y { width:1px; top:5%; bottom:5%; left:58%; }
.np-ball { position:absolute; width:48px; height:48px; border-radius:50%; left:56%; top:52%; transform:translate(-50%,-50%); background:var(--lime); box-shadow:0 0 35px rgba(223,255,66,.35), 0 0 120px rgba(44,229,211,.18); animation:ball 3.6s ease-in-out infinite; }
@keyframes ball { 50% { transform:translate(76px,-110px) scale(.72); opacity:.8; } }
.np-trail { position:absolute; left:20%; height:1px; transform-origin:left; background:linear-gradient(90deg, transparent, rgba(44,229,211,.35), transparent); }
.t1{width:55%;top:35%;transform:rotate(-23deg)}.t2{width:63%;top:48%;transform:rotate(-11deg)}.t3{width:48%;top:65%;transform:rotate(14deg)}
.next-copy h2 { margin-bottom:25px; }
.next-list { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:30px 0; }
.next-list span { padding:13px 14px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.025); color:#b4c1be; font-size:12px; }
.next-tagline { color:var(--text)!important; font-family:"Space Grotesk"; font-size:23px!important; line-height:1.3!important; }
.next-tagline strong { color:var(--lime); }

.flow-state { padding-top: 40px; padding-bottom:120px; }
.flow-card { position:relative; min-height:540px; display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; align-items:center; border-radius:36px; overflow:hidden; border:1px solid var(--line); background:radial-gradient(circle at 78% 50%, rgba(44,229,211,.11), transparent 32%), radial-gradient(circle at 55% 45%, rgba(127,111,255,.08), transparent 30%), rgba(8,18,22,.72); }
.flow-copy { padding:60px; position:relative; z-index:2; }
.flow-copy h2 { margin-bottom:25px; }
.flow-copy p { margin-top:18px; }
.flow-wave { min-height:420px; display:grid; align-items:center; padding-right:30px; }
.flow-wave svg { width:100%; height:300px; overflow:visible; }
.flow-wave path { fill:none; stroke:var(--lime); stroke-width:2; filter:drop-shadow(0 0 10px rgba(223,255,66,.26)); stroke-dasharray:12 12; animation:dash 14s linear infinite; }
@keyframes dash { to { stroke-dashoffset:-360; } }

.letter { border-top:1px solid rgba(255,255,255,.06); }
.letter-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:100px; align-items:start; }
.letter-sticky { position:sticky; top:140px; }
.letter-sticky h2 { font-size: clamp(46px,5vw,72px); }
.signature { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); width:min(270px,100%); }
.signature strong { display:block; font-family:"Space Grotesk"; font-size:17px; }
.signature span { display:block; margin-top:5px; color:#82958f; font-size:12px; }
.mobile-signature { display:none; }
.letter-body { color:#b5c2bf; font-size:17px; line-height:1.82; }
.letter-body p { margin:0 0 25px; }
.letter-body h3 { color:var(--text); font-size:30px; letter-spacing:-.03em; margin:62px 0 20px; }
.letter-body blockquote { margin:38px 0; padding:24px 0 24px 28px; border-left:2px solid var(--lime); color:#ecf5f2; font-family:"Space Grotesk"; font-size:27px; line-height:1.4; }
.dropcap::first-letter { float:left; font-family:"Space Grotesk"; font-size:79px; line-height:.76; padding:12px 12px 0 0; color:var(--lime); }
.closing-quote { border-left:none!important; padding:35px!important; border:1px solid rgba(223,255,66,.24)!important; border-radius:22px; background:rgba(223,255,66,.045); }

.contact { padding-bottom:110px; }
.contact-panel { display:grid; grid-template-columns:1.08fr .92fr; gap:70px; padding:60px; border:1px solid rgba(223,255,66,.28); border-radius:36px; background:radial-gradient(circle at 12% 50%, rgba(223,255,66,.1), transparent 34%), linear-gradient(120deg, rgba(44,229,211,.045), rgba(127,111,255,.035)); }
.contact-panel h2 { font-size:clamp(40px,4.6vw,67px); }
.contact-copy { align-self:end; }
.contact-copy p { color:#9dafaa; line-height:1.7; margin:0 0 24px; }
.email-note { display:block; color:#61736f; margin-top:10px; font-size:10px; }

.site-footer { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding-top:35px; padding-bottom:40px; border-top:1px solid rgba(255,255,255,.07); }
.footer-brand p { color:#6f827d; font-size:11px; margin:12px 0 0 42px; }
.footer-meta { text-align:right; color:#647771; font-size:10px; line-height:1.7; display:flex; flex-direction:column; align-items:flex-end; }

.mobile-nav { display:none; }
.reveal { opacity:0; transform:translateY(22px); transition: opacity .75s ease, transform .75s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  #data-field { display:none; }
}

@media (max-width: 1100px) {
  .desktop-nav { display:none; }
  .site-header { grid-template-columns:1fr auto; }
  .header-cta { display:none; }
  .menu-button { display:block; justify-self:end; }
  .mobile-nav { position:fixed; inset:0; z-index:45; background:rgba(7,16,20,.96); backdrop-filter:blur(18px); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:22px; font-family:"Space Grotesk"; font-size:32px; opacity:0; pointer-events:none; transition:opacity .25s ease; }
  .mobile-nav.open { opacity:1; pointer-events:auto; }
  .mobile-nav a:last-child { color:var(--lime); }
  .hero { grid-template-columns:1fr; padding-top:150px; }
  .hero-model { max-width:760px; width:100%; margin:0 auto; min-height:620px; }
  .split-heading { grid-template-columns:1fr; gap:30px; }
  .statement-grid, .domain-grid { grid-template-columns:repeat(2,1fr); }
  .attention, .next-point { grid-template-columns:1fr; }
  .attention-visual, .next-visual { max-width:760px; width:100%; margin-inline:auto; }
  .flow-card { grid-template-columns:1fr; }
  .flow-wave { min-height:270px; }
  .letter-layout { grid-template-columns:1fr; gap:35px; }
  .letter-sticky { position:relative; top:auto; }
  .letter-sticky .signature { display:none; }
  .mobile-signature { display:block; }
}

@media (max-width: 720px) {
  :root { --pad: 19px; --radius:20px; }
  .site-header { top:10px; width:calc(100% - 18px); border-radius:15px; }
  .hero { padding-top:120px; padding-bottom:55px; }
  .hero h1 { font-size: clamp(51px, 17vw, 76px); }
  .hero-lede { font-size:16px; }
  .hero-proof { grid-template-columns:repeat(2,1fr); }
  .hero-model { min-height:510px; border-radius:25px; }
  .metric { min-width:104px; padding:9px; }
  .metric strong { font-size:16px; }
  .metric-vision { left:4%; top:16%; }.metric-load{right:3%;top:25%}.metric-move{left:3%;bottom:18%}.metric-gear{right:4%;bottom:14%}
  .thesis, .system, .intelligence, .letter { padding-top:95px; padding-bottom:85px; }
  .split-heading h2, .attention-copy h2, .next-copy h2, .flow-copy h2, .letter-sticky h2, .contact-panel h2 { font-size:clamp(40px,13vw,58px); }
  .statement-grid, .domain-grid { grid-template-columns:1fr; }
  .statement-card, .domain-card { padding:24px; }
  .attention { padding-top:20px; padding-bottom:85px; gap:45px; }
  .attention-visual, .next-visual { min-height:500px; border-radius:25px; }
  .attention-rings span:nth-child(4) { width:520px; height:520px; }
  .attention-label { font-size:7px; }
  .loop { margin-top:45px; }
  .domain-grid { margin-top:45px; }
  .team-banner { grid-template-columns:1fr; gap:24px; padding:25px; }
  .next-point { gap:45px; padding-top:60px; padding-bottom:85px; }
  .next-list { grid-template-columns:1fr; }
  .flow-state { padding-bottom:85px; }
  .flow-card { min-height:0; border-radius:25px; }
  .flow-copy { padding:34px 25px 5px; }
  .flow-wave { padding:0 12px 15px; min-height:220px; }
  .letter-body { font-size:16px; line-height:1.76; }
  .letter-body h3 { font-size:27px; margin-top:48px; }
  .letter-body blockquote { font-size:22px; padding-left:20px; }
  .closing-quote { padding:23px!important; }
  .contact { padding-bottom:70px; }
  .contact-panel { grid-template-columns:1fr; gap:30px; padding:30px 24px; border-radius:24px; }
  .site-footer { grid-template-columns:1fr; }
  .footer-meta { text-align:left; align-items:flex-start; }
  .footer-brand p { margin-left:0; }
}