:root {
  --burgundy: #4b0000;
  --burgundy-2: #6b1011;
  --cream: #f2eadf;
  --paper: #f8f5ef;
  --ink: #190e0e;
  --muted: #746969;
  --coral: #ff786f;
  --gold: #a7995b;
  --line: rgba(75, 0, 0, .18);
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: Georgia, "Times New Roman", serif;
  --pad: clamp(24px, 5vw, 76px);
}

* { box-sizing: border-box; }
html { scroll-behavior: auto; background: var(--ink); }
body {
  margin: 0;
  color: var(--ink);
  font-family: var(--sans);
  background: var(--paper);
  overflow-x: hidden;
}
a { color: inherit; }
button, input { font: inherit; }
img { max-width: 100%; display: block; }
::selection { background: var(--coral); color: #fff; }

#three-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: .75;
}
.noise {
  position: fixed;
  inset: 0;
  z-index: 99;
  pointer-events: none;
  opacity: .035;
  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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
main { position: relative; z-index: 2; }

.topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  min-height: 62px;
  padding: 12px 22px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 18px;
  align-items: center;
  color: #fff;
  mix-blend-mode: difference;
}
.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .12em;
  font-size: 11px;
}
.brand-mark {
  width: 28px;
  height: 28px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: var(--serif);
  letter-spacing: -.06em;
  font-size: 12px;
}
.chapter-indicator { font-size: 10px; letter-spacing: .12em; opacity: .75; }
.menu-toggle {
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  padding: 8px 12px;
  font-size: 10px;
  letter-spacing: .12em;
  cursor: pointer;
}
.site-nav {
  position: fixed;
  top: 70px;
  right: 20px;
  padding: 16px;
  width: min(300px, calc(100vw - 40px));
  display: grid;
  gap: 4px;
  border-radius: 16px;
  background: rgba(18, 10, 10, .94);
  backdrop-filter: blur(18px);
  transform: translateY(-12px) scale(.98);
  opacity: 0;
  visibility: hidden;
  transition: .25s ease;
  mix-blend-mode: normal;
}
.site-nav.open { transform: none; opacity: 1; visibility: visible; }
.site-nav a {
  padding: 12px 14px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}
.site-nav a:hover { background: rgba(255,255,255,.08); }

.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: flex-end;
  padding: 120px var(--pad) 8vh;
  color: #fff;
  background: #160909;
  overflow: hidden;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(21,4,4,.96) 0%, rgba(21,4,4,.7) 46%, rgba(21,4,4,.1) 72%, rgba(21,4,4,.5) 100%), linear-gradient(0deg, rgba(21,4,4,.9) 0%, transparent 50%);
  z-index: 1;
}
.hero-media { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 45%;
  filter: saturate(.7) contrast(1.02) brightness(.75);
  transform: scale(1.04);
}
.hero-media-shade { position:absolute; inset:0; background:radial-gradient(circle at 75% 35%, rgba(255,145,120,.18), transparent 28%); }
.hero-copy { position: relative; z-index: 3; width: min(1050px, 92vw); }
.eyebrow,
.section-kicker {
  font-size: 11px;
  letter-spacing: .16em;
  font-weight: 700;
  text-transform: uppercase;
}
.hero-title {
  margin: 18px 0 24px;
  font-size: clamp(48px, 8.4vw, 132px);
  line-height: .87;
  letter-spacing: -.06em;
  font-weight: 550;
  text-wrap: balance;
}
.hero-title span { display: block; overflow: hidden; padding-bottom: .05em; }
.hero-title .italic { font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -.045em; }
.hero-title .accent { color: var(--coral); }
.hero-lede { max-width: 720px; font-size: clamp(17px, 2vw, 24px); line-height: 1.45; color: rgba(255,255,255,.78); }
.scroll-hint { position: absolute; right: var(--pad); bottom: 34px; z-index: 3; display:flex; flex-direction:column; align-items:center; gap:8px; font-size:9px; letter-spacing:.16em; text-transform:uppercase; }
.scroll-hint i { width:1px; height:48px; background:rgba(255,255,255,.5); position:relative; overflow:hidden; }
.scroll-hint i::after { content:""; position:absolute; left:0; top:-100%; width:100%; height:60%; background:#fff; animation:scrollline 1.8s ease-in-out infinite; }
@keyframes scrollline { 0%{transform:translateY(0)} 100%{transform:translateY(260%)} }

.section { position: relative; padding: 120px var(--pad); overflow: hidden; }
.section-light { background: var(--paper); }
.section-cream { background: var(--cream); }
.section-burgundy { background: var(--burgundy); color: #fff; }
.section-black { background: #120b0b; color: #fff; }
.section-kicker { margin-bottom: 72px; color: var(--burgundy); }
.section-kicker.light { color: rgba(255,255,255,.52); }
.grid-12 { display: grid; grid-template-columns: repeat(12, 1fr); gap: 28px; }
.col-4 { grid-column: span 4; }
.col-5 { grid-column: span 5; }
.col-7 { grid-column: span 7; }
.col-8 { grid-column: span 8; }
.display { margin: 0; font-size: clamp(44px, 6.1vw, 96px); line-height: .96; letter-spacing: -.055em; font-weight: 520; text-wrap: balance; }
.display em { font-family: var(--serif); font-weight: 400; font-style: italic; }
.display.light { color:#fff; }
.body-lg { font-size: clamp(18px, 1.8vw, 25px); line-height: 1.5; }
.body-lg p { margin: 0 0 18px; }
.light-muted { color: rgba(255,255,255,.65); }

.market-intro { align-items:end; margin-bottom:72px; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.stat-card {
  min-height: 330px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(255,255,255,.5);
  transform-origin: 50% 100%;
}
.stat-card.dark { background: var(--burgundy); color:#fff; border-color:var(--burgundy); }
.stat-source { font-size: 10px; font-weight:700; letter-spacing:.12em; opacity:.55; }
.stat-number { font-size: clamp(70px, 8vw, 128px); line-height: .85; letter-spacing:-.06em; font-weight: 500; }
.stat-card p { margin:0; font-size:15px; line-height:1.45; max-width:26ch; }
.thesis-band {
  margin-top: 72px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:26px 0;
  display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  align-items:center;
  font-size:clamp(18px,2vw,32px);
  letter-spacing:-.02em;
}
.thesis-band i { opacity:.25; }
.thesis-band b { color:var(--burgundy); }

.consumer-head { align-items:end; }
.note-card { border:1px solid rgba(255,255,255,.18); border-radius:22px; padding:28px; background:rgba(255,255,255,.05); }
.note-card small { letter-spacing:.12em; font-size:10px; opacity:.55; }
.note-card p { font-size:18px; line-height:1.45; margin:16px 0 0; color:rgba(255,255,255,.78); }
.evidence-track { display:grid; grid-template-columns:repeat(4, minmax(260px,1fr)); gap:14px; margin-top:78px; }
.evidence-card {
  min-height: 360px;
  padding:28px;
  border-radius:22px;
  background:#fff;
  color:var(--ink);
  display:flex;
  flex-direction:column;
}
.evidence-card strong { font-size:clamp(68px,7vw,108px); letter-spacing:-.07em; line-height:.9; color:var(--burgundy); font-weight:500; }
.evidence-card p { margin:auto 0 28px; font-size:18px; line-height:1.45; }
.evidence-card span { font-size:10px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.consumer-journey { position:relative; margin-top:110px; display:grid; grid-template-columns:repeat(5,1fr); gap:28px; }
.journey-line { position:absolute; top:20px; left:4%; right:4%; height:1px; background:rgba(255,255,255,.24); }
.journey-step { position:relative; padding-top:60px; }
.journey-step::before { content:""; position:absolute; top:14px; width:13px; height:13px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 8px rgba(255,120,111,.12); }
.journey-step span { position:absolute; top:0; right:0; font-size:10px; opacity:.35; }
.journey-step b { font-size:12px; letter-spacing:.13em; }
.journey-step p { margin:8px 0 0; color:rgba(255,255,255,.64); font-family:var(--serif); font-size:19px; font-style:italic; }

.tensions { position:relative; height:440vh; background:#0f0909; color:#fff; }
.tension-stage { position:sticky; top:0; min-height:100svh; display:flex; flex-direction:column; justify-content:center; padding:100px var(--pad); overflow:hidden; }
.tension-stage::before { content:""; position:absolute; width:65vw; height:65vw; border-radius:50%; background:radial-gradient(circle, rgba(255,120,111,.22), transparent 64%); right:-20vw; top:0; }
.tension-label { position:absolute; top:90px; left:var(--pad); font-size:11px; letter-spacing:.16em; opacity:.45; }
.tension-copy { position:absolute; left:var(--pad); right:var(--pad); top:50%; transform:translateY(-50%); opacity:0; }
.tension-copy span, .tension-copy b { display:block; font-size:clamp(56px,11vw,176px); line-height:.82; letter-spacing:-.07em; }
.tension-copy span { color:rgba(255,255,255,.33); font-weight:450; }
.tension-copy b { color:#fff; font-weight:550; }
.tension-copy[data-index="0"] { opacity:1; }
.tension-foot { position:absolute; bottom:52px; left:var(--pad); max-width:590px; font-size:18px; color:rgba(255,255,255,.55); }

.trends-head { align-items:end; }
.method-note { font-size:12px; color:var(--muted); border-left:2px solid var(--coral); padding-left:14px; }
.breakout-cloud { margin:76px 0 30px; display:flex; gap:10px; flex-wrap:wrap; }
.breakout-cloud span { border:1px solid var(--line); border-radius:999px; padding:11px 14px; font-size:13px; background:#fff; }
.breakout-cloud i { font-style:normal; font-size:9px; color:var(--coral); margin-left:6px; letter-spacing:.08em; }
.trends-scroll-wrap { position:relative; overflow:hidden; margin-inline:calc(-1 * var(--pad)); }
.trends-track { display:flex; gap:24px; width:max-content; padding:30px var(--pad) 80px; }
.trend-panel { width:min(76vw, 1180px); margin:0; flex:none; border-radius:24px; background:#fff; border:1px solid var(--line); overflow:hidden; box-shadow:0 30px 70px rgba(63,0,0,.09); }
.trend-panel img { width:100%; aspect-ratio: 16/9; object-fit:cover; object-position:top; }
.trend-panel figcaption { display:grid; grid-template-columns:.72fr 1.28fr; gap:28px; padding:24px 28px 30px; }
.trend-panel figcaption b { font-size:18px; }
.trend-panel figcaption span { color:var(--muted); line-height:1.5; }
.insight-callout { margin-top:50px; padding:70px; border-radius:30px; background:var(--burgundy); color:#fff; display:grid; grid-template-columns:140px 1.3fr .8fr; gap:40px; align-items:start; }
.insight-callout > span { font-size:11px; letter-spacing:.16em; color:var(--coral); }
.insight-callout h3 { margin:0; font-size:clamp(38px,4.3vw,72px); line-height:.97; letter-spacing:-.04em; font-weight:500; }
.insight-callout h3 em { font-family:var(--serif); font-weight:400; }
.insight-callout p { margin:0; color:rgba(255,255,255,.65); font-size:17px; line-height:1.55; }

.browser-race { margin-top:80px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.browser-card { background:#fff; color:var(--ink); border-radius:18px; overflow:hidden; position:relative; }
.browser-card::before { content:attr(data-name); position:absolute; z-index:3; top:56px; left:18px; padding:7px 9px; border-radius:999px; background:var(--burgundy); color:#fff; font-size:9px; letter-spacing:.1em; }
.browser-bar { height:42px; display:flex; align-items:center; gap:5px; padding:0 12px; background:#eee8e2; border-bottom:1px solid #ded7d1; }
.browser-bar i { width:7px; height:7px; border-radius:50%; background:#c8c0bb; }
.browser-bar span { margin-left:8px; font-size:9px; color:#8b827c; }
.browser-viewport { height:430px; overflow:hidden; background:#fff; position:relative; }
.browser-viewport img { width:100%; height:auto; transition:transform 7s cubic-bezier(.2,.6,.2,1); }
.browser-card:hover .browser-viewport img { transform:translateY(calc(-100% + 430px)); }
.browser-card p { padding:18px; margin:0; font-size:13px; line-height:1.45; }
.competitive-map { position:relative; height:620px; margin-top:110px; border:1px solid rgba(255,255,255,.18); border-radius:28px; background:linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.00)); overflow:hidden; }
.competitive-map::before, .competitive-map::after { content:""; position:absolute; background:rgba(255,255,255,.14); }
.competitive-map::before { left:50%; top:0; bottom:0; width:1px; }
.competitive-map::after { top:50%; left:0; right:0; height:1px; }
.axis { position:absolute; z-index:2; font-size:9px; letter-spacing:.13em; color:rgba(255,255,255,.4); display:flex; justify-content:space-between; }
.axis-x { left:30px; right:30px; bottom:18px; }
.axis-y { left:14px; top:30px; bottom:38px; writing-mode:vertical-rl; transform:rotate(180deg); }
.map-dot { position:absolute; left:var(--x); top:calc(100% - var(--y)); transform:translate(-50%,-50%); min-width:88px; min-height:88px; padding:12px; border-radius:50%; display:grid; place-items:center; text-align:center; background:#fff; color:var(--ink); box-shadow:0 10px 30px rgba(0,0,0,.25); }
.map-dot b { font-size:12px; }
.map-dot small { font-size:8px; color:var(--muted); }
.map-dot.achados { width:140px; height:140px; background:var(--coral); color:#fff; }
.map-dot.achados small { color:rgba(255,255,255,.65); }
.pulse-dot::after { content:""; position:absolute; inset:-10px; border:1px solid var(--coral); border-radius:50%; animation:pulse 2.2s ease-out infinite; }
@keyframes pulse { from{transform:scale(.9);opacity:.7} to{transform:scale(1.4);opacity:0} }
.benchmark-grid { margin-top:26px; display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.benchmark-grid article { border:1px solid rgba(255,255,255,.15); border-radius:18px; padding:22px; min-height:240px; }
.benchmark-grid span { font-size:9px; letter-spacing:.13em; color:var(--coral); }
.benchmark-grid h3 { margin:42px 0 12px; font-family:var(--serif); font-size:26px; font-weight:400; }
.benchmark-grid p { margin:0; font-size:13px; line-height:1.55; color:rgba(255,255,255,.62); }

.positioning-hero { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.positioning-image { border-radius:28px; overflow:hidden; box-shadow:0 30px 80px rgba(75,0,0,.11); }
.positioning-copy h2 { font-size:clamp(38px,4.4vw,70px); line-height:1.02; letter-spacing:-.045em; font-weight:500; }
.positioning-copy h2 em { font-family:var(--serif); font-weight:400; }
.positioning-copy p { font-size:16px; line-height:1.6; }
.positioning-rule { width:100%; height:1px; background:var(--line); margin:34px 0; }
.brand-thesis { margin:110px 0; display:grid; grid-template-columns:1fr auto 1fr; gap:30px; align-items:center; }
.brand-thesis p { margin:0; font-size:clamp(28px,3.2vw,50px); line-height:1.12; letter-spacing:-.03em; }
.brand-thesis .before { color:#9c9086; text-decoration:line-through; text-decoration-thickness:1px; }
.brand-thesis .after { color:var(--burgundy); font-family:var(--serif); font-style:italic; }
.brand-thesis span { font-size:44px; color:var(--coral); }
.founder-band { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:stretch; background:var(--burgundy); color:#fff; border-radius:30px; overflow:hidden; }
.founder-band img { width:100%; height:100%; object-fit:cover; }
.founder-band > div { padding:clamp(34px,5vw,70px); display:flex; flex-direction:column; justify-content:center; }
.founder-band span { font-size:10px; letter-spacing:.14em; color:var(--coral); }
.founder-band h3 { margin:18px 0; font-size:clamp(32px,3.5vw,58px); line-height:1.03; letter-spacing:-.04em; font-weight:500; }
.founder-band p { margin:0; color:rgba(255,255,255,.65); font-size:17px; line-height:1.6; }

.swot-head { align-items:end; }
.swot-grid { margin-top:74px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.swot-card { min-height:330px; border:1px solid var(--line); border-radius:24px; padding:32px; display:grid; grid-template-columns:90px 1fr; grid-template-rows:auto 1fr; column-gap:28px; background:rgba(255,255,255,.58); }
.swot-card > span { grid-row:1 / span 2; font-size:clamp(80px,10vw,150px); line-height:.8; color:rgba(75,0,0,.08); font-family:var(--serif); }
.swot-card h3 { margin:0 0 18px; font-size:30px; }
.swot-card ul { margin:0; padding:0; list-style:none; display:grid; gap:11px; color:var(--muted); }
.swot-card li::before { content:"↳"; color:var(--coral); margin-right:9px; }

.funnel-shell { margin-top:78px; display:grid; gap:10px; }
.funnel-stage { border:1px solid rgba(255,255,255,.17); min-height:126px; border-radius:20px; padding:22px 26px; display:grid; grid-template-columns:70px 1fr 1fr; gap:20px; align-items:center; background:rgba(255,255,255,.035); }
.stage-num { font-size:12px; color:var(--coral); }
.funnel-stage h3 { margin:0 0 6px; font-size:28px; }
.funnel-stage p { margin:0; color:rgba(255,255,255,.58); font-family:var(--serif); font-style:italic; font-size:18px; }
.service-chips { justify-self:end; display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.service-chips span { border:1px solid rgba(255,255,255,.22); padding:8px 11px; border-radius:999px; font-size:11px; }
.discipline-grid { margin-top:76px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.discipline-grid article { min-height:200px; border-radius:18px; padding:22px; background:#fff; color:var(--ink); }
.discipline-grid b { font-size:11px; letter-spacing:.12em; color:var(--burgundy); }
.discipline-grid p { margin:70px 0 0; font-size:14px; line-height:1.5; color:var(--muted); }

.closing { min-height:100svh; position:relative; display:flex; align-items:center; padding:100px var(--pad); background:#140909; color:#fff; overflow:hidden; }
.closing-bg { position:absolute; inset:0; opacity:.24; }
.closing-bg img { width:100%; height:100%; object-fit:cover; object-position:left center; filter:saturate(.4) contrast(1.2); transform:scale(1.08); }
.closing::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, #160909 10%, rgba(22,9,9,.72), rgba(22,9,9,.3)); }
.closing-copy { position:relative; z-index:2; max-width:1000px; }
.closing-copy > span { color:var(--coral); font-size:11px; letter-spacing:.16em; }
.closing-copy h2 { margin:20px 0 30px; font-size:clamp(56px,8vw,126px); line-height:.88; letter-spacing:-.065em; font-weight:520; }
.closing-copy h2 em { font-family:var(--serif); font-weight:400; }
.closing-copy p { font-size:clamp(18px,2vw,26px); color:rgba(255,255,255,.68); max-width:680px; line-height:1.5; }

.sources { background:#0b0707; color:#fff; padding:70px var(--pad) 40px; display:grid; grid-template-columns:.8fr 1.4fr; gap:60px; position:relative; }
.sources > div:first-child span { font-size:10px; letter-spacing:.14em; color:var(--coral); }
.sources > div:first-child p { color:rgba(255,255,255,.45); font-size:12px; line-height:1.6; max-width:50ch; }
.sources ol { margin:0; padding-left:20px; columns:2; column-gap:36px; }
.sources li { break-inside:avoid; padding:0 0 10px 6px; color:rgba(255,255,255,.56); font-size:11px; line-height:1.4; }
.sources a { text-decoration:none; border-bottom:1px solid rgba(255,255,255,.12); }
.sources a:hover { color:#fff; }
.footer-mark { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.12); padding-top:32px; text-align:center; font-family:var(--serif); font-size:40px; letter-spacing:-.04em; }
.footer-mark small { display:block; font-family:var(--sans); font-size:8px; letter-spacing:.22em; }

.reveal-line { will-change: transform; }
[data-reveal], .reveal { will-change: transform, opacity; }

@media (max-width: 1080px) {
  .grid-12 { gap:20px; }
  .col-4,.col-5,.col-7,.col-8 { grid-column:1/-1; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .evidence-track { grid-template-columns:repeat(2,1fr); }
  .consumer-journey { grid-template-columns:1fr; gap:18px; }
  .journey-line { left:6px; top:0; bottom:0; width:1px; height:auto; right:auto; }
  .journey-step { padding:0 0 0 42px; min-height:72px; }
  .journey-step::before { top:4px; left:0; }
  .journey-step span { right:auto; left:16px; top:32px; }
  .browser-race { grid-template-columns:repeat(2,1fr); }
  .benchmark-grid { grid-template-columns:repeat(2,1fr); }
  .positioning-hero { grid-template-columns:1fr; }
  .founder-band { grid-template-columns:1fr; }
  .discipline-grid { grid-template-columns:repeat(2,1fr); }
  .insight-callout { grid-template-columns:1fr; }
}

@media (max-width: 700px) {
  :root { --pad: 22px; }
  .topbar { grid-template-columns:1fr auto; padding:10px 14px; }
  .chapter-indicator { display:none; }
  .brand-lockup span:last-child { display:none; }
  .section { padding-top:90px; padding-bottom:90px; }
  .section-kicker { margin-bottom:42px; }
  .hero { padding-bottom:90px; }
  .hero-title { font-size:clamp(54px,17vw,82px); }
  .hero-lede { font-size:17px; }
  .hero-media img { object-position:58% 50%; }
  .stats-grid,.evidence-track,.browser-race,.swot-grid,.discipline-grid { grid-template-columns:1fr; }
  .stat-card { min-height:260px; }
  .evidence-card { min-height:300px; }
  .tension-copy span,.tension-copy b { font-size:clamp(50px,17vw,90px); }
  .trend-panel { width:88vw; }
  .trend-panel figcaption { grid-template-columns:1fr; gap:10px; }
  .insight-callout { padding:36px 24px; }
  .competitive-map { height:520px; }
  .map-dot { min-width:70px; min-height:70px; }
  .map-dot.achados { width:110px; height:110px; }
  .benchmark-grid { grid-template-columns:1fr; }
  .brand-thesis { grid-template-columns:1fr; gap:18px; }
  .brand-thesis span { transform:rotate(90deg); width:max-content; }
  .swot-card { grid-template-columns:64px 1fr; padding:22px; }
  .funnel-stage { grid-template-columns:44px 1fr; }
  .service-chips { grid-column:2; justify-self:start; justify-content:flex-start; }
  .sources { grid-template-columns:1fr; gap:30px; }
  .sources ol { columns:1; }
}

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

/* Direct-file fallback: if animation libraries are unavailable, keep content fully readable. */
.no-motion-libs .tension-copy[data-index="0"] { opacity: 1 !important; }
.no-motion-libs #three-canvas { display: none; }


.agency-lockup { display:flex; align-items:center; gap:10px; margin-left:20px; padding:6px 12px 6px 6px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.62); backdrop-filter:blur(12px); }
.agency-lockup img { width:30px; height:30px; border-radius:50%; object-fit:cover; }
.agency-lockup span { font-size:10px; letter-spacing:.16em; font-weight:600; }

.market-visual-grid { margin-top:46px; display:grid; grid-template-columns:1.2fr .8fr; gap:16px; }
.data-card { border:1px solid var(--line); border-radius:26px; padding:28px; background:rgba(255,255,255,.66); box-shadow:0 22px 50px rgba(63,0,0,.05); }
.data-card.accent { background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,241,236,.86)); }
.data-card-kicker { display:block; margin-bottom:16px; font-size:10px; letter-spacing:.16em; color:var(--burgundy); }
.data-card h3 { margin:0 0 22px; font-size:28px; line-height:1.08; letter-spacing:-.03em; }
.signal-list { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.signal-list li { position:relative; padding-left:20px; color:var(--muted); line-height:1.5; }
.signal-list li::before { content:"•"; position:absolute; left:0; color:var(--coral); }

.bar-list { display:grid; gap:14px; }
.bar-list.compact { gap:12px; }
.bar-item { display:grid; grid-template-columns:minmax(0, 220px) 1fr auto; gap:14px; align-items:center; }
.bar-item label { font-size:14px; line-height:1.25; color:var(--ink); }
.bar-item b { font-size:13px; color:var(--burgundy); white-space:nowrap; }
.bar-track { height:10px; background:#eadfd5; border-radius:999px; overflow:hidden; position:relative; }
.bar-fill { display:block; width:0; height:100%; border-radius:999px; background:linear-gradient(90deg, var(--coral), var(--burgundy)); }
.trend-summary-card.dark .bar-track { background:rgba(255,255,255,.14); }
.trend-summary-card.dark .bar-fill { background:linear-gradient(90deg, #ffb0a4, #ffffff); }

.trends-summary-grid { margin:42px 0 20px; display:grid; grid-template-columns:1fr 1fr .85fr; gap:16px; align-items:start; }
.trend-summary-card, .trend-insight-card { border-radius:24px; border:1px solid var(--line); padding:24px; background:#fff; box-shadow:0 24px 60px rgba(63,0,0,.06); }
.trend-summary-card.dark { background:var(--burgundy); color:#fff; border-color:transparent; }
.trend-summary-card.dark .summary-head span, .trend-summary-card.dark .summary-head small, .trend-summary-card.dark .bar-item label, .trend-summary-card.dark .summary-note, .trend-summary-card.dark .bar-item b { color:#fff; }
.summary-head { display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }
.summary-head span { font-size:10px; letter-spacing:.16em; color:var(--burgundy); }
.summary-head small { font-size:12px; color:var(--muted); }
.summary-note { margin:18px 0 0; font-size:13px; line-height:1.5; color:var(--muted); }
.trend-insight-card { background:linear-gradient(180deg, #fff7f3, #ffffff); }
.trend-insight-card > span { font-size:10px; letter-spacing:.16em; color:var(--coral); }
.trend-insight-card h3 { margin:10px 0 18px; font-size:28px; line-height:1.08; }
.trend-insight-card ul { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.trend-insight-card li { font-size:14px; line-height:1.55; color:var(--muted); }
.trend-insight-card li b { color:var(--burgundy); }

.agency-credit { display:flex; align-items:center; gap:16px; align-self:end; }
.agency-credit img { width:62px; height:62px; border-radius:14px; object-fit:cover; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.agency-credit span { display:block; font-size:10px; letter-spacing:.14em; color:var(--coral); }
.agency-credit b { font-size:18px; color:#fff; }

@media (max-width: 1100px) {
  .market-visual-grid, .trends-summary-grid { grid-template-columns:1fr; }
  .agency-lockup span { display:none; }
}
@media (max-width: 780px) {
  .agency-lockup { display:none; }
  .bar-item { grid-template-columns:1fr; gap:8px; }
  .bar-item b { justify-self:flex-start; }
  .agency-credit { grid-column:1 / -1; }
}


/* V3 additions: routine commerce / guided commerce / roadmap */
.routine-commerce { position:relative; overflow:hidden; }
.routine-head { align-items:end; }
.commerce-morph { margin-top:76px; display:grid; grid-template-columns:1fr 84px 1fr; gap:28px; align-items:stretch; }
.commerce-side { border:1px solid rgba(255,255,255,.16); border-radius:30px; padding:34px; min-height:520px; position:relative; overflow:hidden; background:rgba(255,255,255,.035); }
.commerce-side > span, .kit-copy span, .korea-copy span, .ai-card span, .routine-care-card span, .service-card span, .guardrails-band span { display:block; font-size:10px; letter-spacing:.16em; color:var(--coral); margin-bottom:18px; }
.commerce-side h3 { margin:0; font-size:clamp(34px,4vw,64px); line-height:1.02; letter-spacing:-.045em; font-weight:520; }
.commerce-side p { position:absolute; left:34px; right:34px; bottom:34px; color:rgba(255,255,255,.62); line-height:1.6; font-size:16px; }
.morph-arrow { display:grid; place-items:center; color:var(--coral); font-size:54px; font-family:var(--serif); }
.morph-sku { position:absolute; left:50%; top:50%; transform:translate(-50%,-32%); width:210px; height:260px; border-radius:22px; background:#fff; color:var(--ink); display:flex; flex-direction:column; justify-content:flex-end; padding:22px; box-shadow:0 28px 70px rgba(0,0,0,.35); }
.morph-sku::before { content:""; position:absolute; top:28px; left:50%; transform:translateX(-50%); width:82px; height:120px; border-radius:42px 42px 16px 16px; background:linear-gradient(#fff,#ffd1cc); border:1px solid #eadfd5; }
.morph-sku b { font-size:28px; }
.morph-sku small { color:var(--burgundy); }
.routine-orbit { position:absolute; inset:112px 26px 118px; }
.routine-orbit::before { content:""; position:absolute; inset:20px; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.routine-orbit i { position:absolute; width:122px; height:122px; border-radius:50%; display:grid; place-items:center; text-align:center; background:#fff; color:var(--burgundy); font-style:normal; font-size:13px; box-shadow:0 18px 45px rgba(0,0,0,.28); }
.routine-orbit i:nth-child(1){left:4%;top:10%;} .routine-orbit i:nth-child(2){right:8%;top:4%;} .routine-orbit i:nth-child(3){left:38%;top:33%;background:var(--coral);color:#fff;} .routine-orbit i:nth-child(4){left:13%;bottom:0;} .routine-orbit i:nth-child(5){right:9%;bottom:7%;}
.strategic-fields { margin-top:24px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field-card { padding:24px; border-radius:22px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); }
.field-card span { display:block; color:var(--coral); font-size:10px; letter-spacing:.16em; margin-bottom:14px; }
.field-card b { display:block; color:#fff; font-size:26px; line-height:1.14; letter-spacing:-.03em; }
.field-card p { color:rgba(255,255,255,.55); margin:14px 0 0; }
.field-card.proprietary { background:linear-gradient(135deg, rgba(255,126,111,.28), rgba(255,255,255,.06)); }

.guided-grid { margin-top:70px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.guided-card { min-height:280px; border:1px solid var(--line); border-radius:24px; padding:28px; background:#fff; box-shadow:0 22px 52px rgba(63,0,0,.06); }
.guided-card span { display:inline-grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--burgundy); color:#fff; font-size:12px; margin-bottom:58px; }
.guided-card h3 { margin:0 0 14px; font-size:30px; letter-spacing:-.035em; }
.guided-card p { margin:0; color:var(--muted); line-height:1.55; }
.kit-builder { margin-top:22px; display:grid; grid-template-columns:.8fr 1.2fr; gap:16px; align-items:stretch; }
.kit-copy { border-radius:28px; padding:34px; background:var(--burgundy); color:#fff; }
.kit-copy h3 { margin:0 0 22px; font-size:40px; line-height:1.05; letter-spacing:-.04em; }
.kit-copy p { color:rgba(255,255,255,.62); line-height:1.55; }
.kit-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.kit-card { min-height:360px; border-radius:24px; padding:24px; background:#fff; border:1px solid var(--line); position:relative; overflow:hidden; }
.kit-card::after { content:""; position:absolute; left:24px; right:24px; bottom:24px; height:8px; border-radius:999px; background:#eadfd5; }
.kit-card.core { background:#fff6f2; transform:translateY(-18px); box-shadow:0 28px 60px rgba(63,0,0,.12); }
.kit-card.core::after { background:var(--coral); }
.kit-card span { font-size:10px; letter-spacing:.16em; color:var(--burgundy); }
.kit-card b { display:block; margin:22px 0; font-size:32px; line-height:1; }
.kit-card ol { margin:0; padding-left:22px; color:var(--muted); display:grid; gap:10px; }
.kit-card small { position:absolute; left:24px; bottom:48px; color:var(--coral); font-size:11px; letter-spacing:.08em; }
.advisor-strip { margin-top:26px; display:grid; grid-template-columns:.9fr 1.1fr; gap:16px; }
.advisor-phone { border-radius:34px; background:#0c0b0b; color:#fff; padding:28px; box-shadow:0 28px 70px rgba(0,0,0,.18); border:10px solid #1e1918; }
.phone-top { font-size:11px; letter-spacing:.14em; color:#77e88f; margin-bottom:20px; }
.advisor-bubble { max-width:82%; margin:10px 0; padding:13px 15px; border-radius:18px; line-height:1.4; font-size:14px; }
.advisor-bubble.in { background:#202020; color:#fff; }
.advisor-bubble.out { background:#e9ffe8; color:#123a18; margin-left:auto; }
.advisor-metrics { border-radius:30px; background:#fff; border:1px solid var(--line); padding:30px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-content:center; }
.advisor-metrics > span { grid-column:1/-1; font-size:10px; letter-spacing:.16em; color:var(--burgundy); }
.advisor-metrics strong { font-size:58px; color:var(--burgundy); line-height:.9; }
.advisor-metrics p { margin:10px 0 0; color:var(--muted); font-size:13px; line-height:1.45; }
.korea-benchmark { margin-top:84px; display:grid; grid-template-columns:.82fr 1.18fr; gap:34px; align-items:center; }
.korea-copy h3 { margin:0 0 18px; font-size:44px; line-height:1.05; letter-spacing:-.04em; }
.korea-copy p { color:var(--muted); line-height:1.6; font-size:16px; }
.phone-gallery { min-height:560px; position:relative; }
.phone-card { position:absolute; width:220px; margin:0; border-radius:30px; overflow:hidden; background:#111; box-shadow:0 32px 70px rgba(63,0,0,.28); border:8px solid #111; }
.phone-card:nth-child(1){left:0;top:40px;transform:rotate(-7deg);} .phone-card:nth-child(2){left:205px;top:0;z-index:2;} .phone-card:nth-child(3){left:410px;top:55px;transform:rotate(7deg);}
.phone-card img { width:100%; display:block; aspect-ratio:9/17; object-fit:cover; object-position:top; }
.phone-card figcaption { padding:10px; color:#fff; font-size:11px; letter-spacing:.12em; text-align:center; }

.roadmap-section { overflow:hidden; }
.roadmap-rail { margin:80px 0 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; position:relative; }
.roadmap-rail::before { content:""; position:absolute; left:5%; right:5%; top:42px; height:1px; background:rgba(255,255,255,.22); }
.roadmap-node { position:relative; z-index:2; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.04); border-radius:22px; padding:22px; min-height:270px; }
.roadmap-node span { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--coral); color:#fff; margin-bottom:70px; }
.roadmap-node h3 { color:#fff; margin:0 0 12px; font-size:25px; line-height:1.1; }
.roadmap-node p { color:rgba(255,255,255,.58); line-height:1.5; margin:0; }
.scale-grid { margin-top:16px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
.ai-card, .routine-care-card, .service-card { border-radius:24px; background:#fff; color:var(--ink); padding:28px; min-height:330px; }
.ai-card h3, .routine-care-card h3, .service-card h3 { margin:0 0 18px; font-size:30px; line-height:1.08; letter-spacing:-.03em; }
.ai-card ul { margin:0; padding:0; list-style:none; display:grid; gap:10px; color:var(--muted); }
.ai-card li { padding:10px 12px; border-radius:14px; background:#f7f2ed; }
.mini-timeline { margin:34px 0 22px; display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.mini-timeline b { padding:12px 8px; border-radius:999px; background:#f7f2ed; text-align:center; font-size:12px; color:var(--burgundy); }
.routine-care-card p { color:var(--muted); line-height:1.6; }
.service-stats { display:grid; grid-template-columns:auto 1fr; gap:10px 14px; align-items:end; margin-top:34px; }
.service-stats strong { font-size:48px; line-height:.9; color:var(--burgundy); }
.service-stats small { color:var(--muted); padding-bottom:4px; }
.guardrails-band { margin-top:16px; padding:34px; border-radius:28px; border:1px solid rgba(255,255,255,.18); display:grid; grid-template-columns:.7fr 1.3fr; gap:30px; background:rgba(255,255,255,.04); }
.guardrails-band h3 { margin:0; color:#fff; font-size:34px; line-height:1.08; letter-spacing:-.035em; }
.guardrail-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.guardrail-columns div { border-radius:18px; padding:20px; background:rgba(255,255,255,.08); }
.guardrail-columns b { color:#fff; }
.guardrail-columns p { color:rgba(255,255,255,.62); line-height:1.5; margin:10px 0 0; }

@media (max-width: 1180px) {
  .commerce-morph, .kit-builder, .advisor-strip, .korea-benchmark, .scale-grid, .guardrails-band { grid-template-columns:1fr; }
  .morph-arrow { display:none; }
  .phone-gallery { min-height:auto; display:flex; gap:12px; overflow-x:auto; padding-bottom:20px; }
  .phone-card { position:relative; left:auto!important; top:auto!important; transform:none!important; flex:none; }
  .roadmap-rail { grid-template-columns:1fr 1fr; }
  .roadmap-rail::before { display:none; }
}
@media (max-width: 760px) {
  .commerce-side { min-height:560px; }
  .strategic-fields, .guided-grid, .kit-cards, .advisor-metrics, .roadmap-rail, .guardrail-columns { grid-template-columns:1fr; }
  .kit-card.core { transform:none; }
  .advisor-metrics strong { font-size:44px; }
  .routine-orbit i { width:96px; height:96px; }
}

/* V4 additions: market movement / evidence / readable routine constellation */
.section-ink { background:#0d0909; color:#fff; }

.kbeauty-pulse { margin-top:26px; display:grid; grid-template-columns:.9fr 1.1fr; gap:16px; align-items:stretch; }
.pulse-chart-card { border:1px solid var(--line); border-radius:28px; background:#fff; padding:30px; box-shadow:0 22px 55px rgba(63,0,0,.06); }
.pulse-title span { display:block; font-size:10px; letter-spacing:.16em; color:var(--coral); margin-bottom:12px; }
.pulse-title h3 { margin:0; font-size:32px; line-height:1.08; letter-spacing:-.035em; }
.export-chart { height:250px; display:grid; grid-template-columns:1fr 110px 1fr; align-items:end; gap:18px; padding:28px 18px 4px; }
.export-bar-wrap { height:205px; display:grid; grid-template-rows:auto 1fr auto; gap:8px; align-items:end; text-align:center; }
.export-bar-wrap b { font-size:19px; color:var(--burgundy); }
.export-bar-wrap small { font-size:11px; letter-spacing:.12em; color:var(--muted); }
.export-bar { width:min(120px,78%); height:0; justify-self:center; align-self:end; border-radius:18px 18px 6px 6px; background:linear-gradient(180deg,#d9cec4,#b6a89c); box-shadow:inset 0 1px 0 rgba(255,255,255,.65); }
.export-bar.hot { background:linear-gradient(180deg,var(--coral),var(--burgundy)); }
.export-arrow { align-self:center; display:flex; flex-direction:column; align-items:center; gap:4px; color:var(--burgundy); }
.export-arrow::before { content:"↗"; font-size:40px; color:var(--coral); line-height:1; }
.export-arrow strong { font-size:24px; }
.export-arrow span { font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.source-mini { margin:12px 0 0; font-size:10px; line-height:1.45; color:var(--muted); }
.pulse-signals { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pulse-signals article { min-height:190px; border-radius:24px; border:1px solid var(--line); background:rgba(255,255,255,.67); padding:24px; display:flex; flex-direction:column; }
.pulse-signals article.signal-hot { background:var(--burgundy); color:#fff; border-color:transparent; }
.pulse-signals strong { font-size:clamp(44px,5vw,70px); letter-spacing:-.055em; line-height:.9; color:var(--burgundy); }
.pulse-signals .signal-hot strong { color:#fff; }
.pulse-signals p { margin:18px 0 16px; line-height:1.42; font-size:14px; }
.pulse-signals small { margin-top:auto; font-size:10px; color:var(--muted); }
.pulse-signals .signal-hot small { color:rgba(255,255,255,.58); }

.market-movements { overflow:hidden; min-height:100svh; }
.movement-head { align-items:end; }
.movement-scroll-wrap { position:relative; margin:70px calc(-1 * var(--pad)) 0; overflow:hidden; min-height:430px; }
.movement-timeline { position:relative; width:max-content; display:flex; align-items:stretch; gap:16px; padding:34px var(--pad) 48px; }
.movement-progress { position:absolute; left:var(--pad); right:var(--pad); top:18px; height:1px; background:rgba(255,255,255,.18); }
.movement-card { width:min(385px,78vw); min-height:320px; flex:none; border-radius:26px; padding:28px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.16); background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow:0 26px 70px rgba(0,0,0,.19); position:relative; overflow:hidden; }
.movement-card::after { content:""; position:absolute; width:130px; height:130px; border-radius:50%; right:-40px; top:-40px; background:radial-gradient(circle,var(--coral),transparent 66%); opacity:.18; }
.movement-card > span { font-size:10px; letter-spacing:.16em; color:var(--coral); }
.movement-card b { display:block; margin:72px 0 14px; font-size:31px; line-height:1.02; letter-spacing:-.035em; color:#fff; }
.movement-card p { color:rgba(255,255,255,.63); line-height:1.55; margin:0; font-size:15px; }
.movement-card small { margin-top:auto; color:rgba(255,255,255,.46); font-size:11px; }
.movement-card small em { color:#fff; }
.movement-card[data-tone="social"]::before { content:"CREATOR → CART"; }
.movement-card[data-tone="retail"]::before { content:"STORE → ADVISOR"; }
.movement-card[data-tone="ai"]::before { content:"CHAT → DISCOVERY"; }
.movement-card[data-tone="data"]::before { content:"SCAN → HISTORY"; }
.movement-card[data-tone="agent"]::before { content:"SEARCH → AGENT"; }
.movement-card[data-tone="service"]::before { content:"SERVICE → LTV"; }
.movement-card::before { position:absolute; right:22px; bottom:18px; color:rgba(255,255,255,.07); font-weight:800; font-size:24px; letter-spacing:-.03em; }
.movement-proof { margin-top:36px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.movement-proof article { min-height:245px; border-radius:22px; background:#fff; color:var(--ink); padding:24px; display:flex; flex-direction:column; }
.movement-proof strong { font-size:clamp(48px,5vw,76px); color:var(--burgundy); letter-spacing:-.06em; line-height:.92; }
.movement-proof p { margin:26px 0 18px; color:var(--ink); line-height:1.45; font-size:14px; }
.movement-proof small { margin-top:auto; color:var(--muted); font-size:10px; }
.movement-thesis { margin-top:16px; border-radius:28px; padding:40px; display:grid; grid-template-columns:160px 1.2fr .8fr; gap:34px; align-items:start; background:linear-gradient(135deg,rgba(255,120,111,.22),rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.15); }
.movement-thesis > span { color:var(--coral); font-size:10px; letter-spacing:.16em; }
.movement-thesis h3 { margin:0; color:#fff; font-size:clamp(34px,4vw,62px); line-height:.98; letter-spacing:-.045em; font-weight:520; }
.movement-thesis h3 em { font-family:var(--serif); font-weight:400; }
.movement-thesis p { margin:0; color:rgba(255,255,255,.62); line-height:1.6; }

/* Replace the rotating "planets" with a readable, lightly animated constellation. */
.routine-side { isolation:isolate; }
.routine-orbit { inset:145px 24px 116px; transform:none!important; }
.routine-orbit::before { inset:40px 18px; border-style:dashed; border-color:rgba(255,255,255,.18); }
.routine-orbit::after { content:""; position:absolute; inset:17% 20%; border:1px solid rgba(255,120,111,.18); border-radius:50%; }
.orbit-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:105px; height:105px; border-radius:50%; display:grid; place-items:center; background:var(--coral); color:#fff; font-size:11px; letter-spacing:.13em; z-index:4; box-shadow:0 18px 45px rgba(255,120,111,.24); }
.routine-orbit i { width:106px; height:106px; z-index:3; font-size:12px; font-weight:650; line-height:1.2; padding:12px; border:1px solid rgba(75,0,0,.08); }
.routine-orbit i:nth-of-type(1){left:2%;top:12%;}
.routine-orbit i:nth-of-type(2){right:4%;top:7%;}
.routine-orbit i:nth-of-type(3){left:50%;top:2%;transform:translateX(-50%);background:#fff;color:var(--burgundy);}
.routine-orbit i:nth-of-type(4){left:8%;bottom:0;}
.routine-orbit i:nth-of-type(5){right:6%;bottom:2%;}

.human-ai-proof { margin:64px 0 10px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
.human-ai-proof > div { border:1px solid rgba(255,255,255,.16); border-radius:22px; padding:24px; background:rgba(255,255,255,.045); min-height:230px; }
.human-ai-proof span { display:block; font-size:9px; letter-spacing:.15em; color:var(--coral); margin-bottom:28px; }
.human-ai-proof b { display:block; color:#fff; font-size:52px; line-height:.92; letter-spacing:-.055em; }
.human-ai-proof div:last-child b { font-size:31px; line-height:1; letter-spacing:-.03em; color:var(--coral); }
.human-ai-proof p { color:rgba(255,255,255,.63); line-height:1.5; margin:16px 0; }
.human-ai-proof small { color:rgba(255,255,255,.38); font-size:10px; }
.scale-case-row { margin-top:16px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.scale-case-row article { border:1px solid rgba(255,255,255,.15); border-radius:20px; padding:22px; min-height:210px; background:rgba(255,255,255,.045); }
.scale-case-row span { display:block; color:var(--coral); font-size:9px; letter-spacing:.15em; margin-bottom:36px; }
.scale-case-row b { display:block; color:#fff; font-size:23px; margin-bottom:12px; }
.scale-case-row p { margin:0; color:rgba(255,255,255,.58); line-height:1.5; font-size:13px; }

@media (max-width:1180px) {
  .kbeauty-pulse { grid-template-columns:1fr; }
  .movement-proof, .scale-case-row { grid-template-columns:1fr 1fr; }
  .movement-thesis { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .pulse-signals, .movement-proof, .human-ai-proof, .scale-case-row { grid-template-columns:1fr; }
  .export-chart { grid-template-columns:1fr 82px 1fr; }
  .movement-scroll-wrap { overflow-x:auto; min-height:auto; }
  .movement-timeline { padding-bottom:22px; }
  .routine-orbit { inset:175px 10px 120px; }
  .routine-orbit i { width:86px; height:86px; font-size:10px; }
  .orbit-center { width:82px; height:82px; }
}

/* V4 header layout fix */
@media (min-width:701px){ .topbar{grid-template-columns:auto auto 1fr auto;} .chapter-indicator{justify-self:end;} }