html,body{overflow-x:clip;max-width:100%;}
/*
  V29 — Transmuter visual rebrand
  Inspired by the scale, energy and editorial rhythm of contemporary Solana web design,
  while preserving Transmuter's own black / gold identity. The secondary signal spectrum
  (amber -> violet -> cyan) is intentionally distinct from Solana's brand gradient.
*/

:root {
  --bg: #06060a;
  --bg-soft: #0b0b11;
  --panel: rgba(17,17,24,.62);
  --panel-solid: #0f0f16;
  --text: #f7f4ec;
  --muted: #aaa8b1;
  --muted-2: #75737c;
  --gold: #e5b654;
  --gold-light: #ffd782;
  --gold-deep: #9b6a22;
  --violet: #8b6cff;
  --violet-soft: #b9a9ff;
  --cyan: #57d8ce;
  --cyan-soft: #9aeee6;
  --coral: #ff916d;
  --line: rgba(229,182,84,.22);
  --line-soft: rgba(247,244,236,.10);
  --line-violet: rgba(139,108,255,.22);
  --line-cyan: rgba(87,216,206,.18);
  --signal: linear-gradient(105deg,#ffd782 0%,#ffab6b 30%,#9a75ff 64%,#58d9ce 100%);
  --signal-soft: linear-gradient(105deg,rgba(255,215,130,.92),rgba(255,171,107,.9),rgba(154,117,255,.9),rgba(88,217,206,.9));
  --max: 1320px;
  --radius: 30px;
}

html { background: var(--bg); }
body {
  background:
    radial-gradient(ellipse at 89% 4%, rgba(139,108,255,.13), transparent 30rem),
    radial-gradient(ellipse at 9% 24%, rgba(229,182,84,.08), transparent 32rem),
    radial-gradient(ellipse at 78% 71%, rgba(87,216,206,.055), transparent 34rem),
    #06060a;
  color: var(--text);
}
body::before {
  opacity: .28;
  filter: none;
  background-image:
    radial-gradient(1px 1px at 27px 34px, rgba(255,255,255,.38), transparent 1.5px),
    radial-gradient(1px 1px at 149px 91px, rgba(255,211,122,.35), transparent 1.6px),
    radial-gradient(1.1px 1.1px at 93px 181px, rgba(153,121,255,.36), transparent 1.8px),
    radial-gradient(1px 1px at 228px 62px, rgba(86,218,207,.31), transparent 1.7px),
    radial-gradient(circle at 76% 16%, rgba(139,108,255,.06), transparent 25rem),
    radial-gradient(circle at 16% 77%, rgba(229,182,84,.04), transparent 27rem);
  background-size: 264px 264px, 349px 349px, 421px 421px, 547px 547px, auto, auto;
}
::selection { background: var(--violet); color: white; }
.page-noise { opacity: .085; mix-blend-mode: screen; }
.cursor-glow {
  width: 560px; height: 560px; left: -280px; top: -280px;
  background: radial-gradient(circle, rgba(139,108,255,.075), rgba(229,182,84,.035) 31%, rgba(87,216,206,0) 70%);
  filter: blur(4px);
}
.scroll-progress span { background: var(--signal); box-shadow: 0 0 18px rgba(139,108,255,.35); }

/* Navigation: quiet glass shell with the color held in the mark and CTA. */
.site-header {
  top: 18px;
  width: min(calc(100% - 36px), 1450px);
  height: 72px;
  padding-inline: 24px 14px;
  border-color: rgba(255,255,255,.07);
  background: rgba(7,7,11,.52);
  backdrop-filter: blur(22px) saturate(125%);
  box-shadow: 0 16px 48px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
  border-radius: 999px;
}
.site-header.scrolled {
  height: 62px;
  background: rgba(7,7,11,.82);
  border-color: rgba(255,255,255,.10);
}
.brand { letter-spacing: .16em; font-size: 13px; }
.brand-mark { transform: skewX(-16deg); width: 25px; gap: 4px; }
.brand-mark span { height: 3px; background: var(--signal); box-shadow: 0 0 14px rgba(229,182,84,.18); }
.site-nav { gap: 30px; color: #a6a4ad; }
.site-nav a { position: relative; }
.site-nav a:not(.nav-cta)::after {
  content:""; position:absolute; left:0; right:100%; bottom:-7px; height:1px; background:var(--signal); transition:right .25s ease;
}
.site-nav a:not(.nav-cta):hover::after { right:0; }
.site-nav .nav-cta {
  color: #100f13;
  border: 0;
  padding: 12px 20px;
  border-radius: 999px;
  background: linear-gradient(105deg,#ffd879 0%,#e8b75a 46%,#efc777 100%);
  box-shadow: 0 8px 30px rgba(229,182,84,.16);
}
.site-nav .nav-cta:hover { color:#09090c; box-shadow: 0 10px 34px rgba(229,182,84,.24); }

/* Hero: larger editorial scale and a luminous mesh field rather than a card-centric first screen. */
.home-hero.hero {
  min-height: 100svh;
  display:flex;
  align-items:center;
  padding: 164px 0 110px;
  overflow: visible;
}
.home-hero.hero::before { display:none; }
.home-hero .hero-copy {
  width:100%;
  align-items:flex-start;
  text-align:left;
  padding-left: clamp(0px,2vw,26px);
}
.hero-kicker { justify-content:flex-start; gap:13px; margin-bottom:34px !important; color:#d2a957; }
.hero-kicker span:first-child { display:none; }
.hero-kicker span:last-child { width:72px; transform:none; background:linear-gradient(90deg,rgba(229,182,84,.8),transparent); }
.hero h1.hero-gradient-title {
  width:min(100%,1260px);
  max-width:1260px;
  margin:0;
  text-align:left;
  font-size:clamp(72px,8.7vw,144px);
  line-height:.86;
  letter-spacing:-.078em;
  animation:none;
  text-shadow:none;
}
.hero h1.hero-gradient-title .hero-title-first {
  background:linear-gradient(105deg,#fffdf8 0%,#f2eee4 75%,#d7d0c2 100%);
  -webkit-background-clip:text;background-clip:text;
}
.hero h1.hero-gradient-title .hero-title-second {
  background: var(--signal);
  background-size:140% 100%;
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 30px rgba(139,108,255,.07));
}
.home-hero .hero-lede {
  max-width:760px;
  margin:42px 0 0;
  text-align:left;
  color:#b5b2bb;
  font-size:clamp(18px,1.55vw,22px);
  line-height:1.6;
}
.home-hero .hero-actions { justify-content:flex-start; margin-top:36px; }
.button { min-height:52px; padding:0 22px; border-radius:999px; }
.button-primary {
  border:0;
  background:linear-gradient(105deg,#ffd87f,#eab354 52%,#f1c66f);
  color:#111014;
  box-shadow:0 12px 38px rgba(229,182,84,.15);
}
.button-primary:hover { background:linear-gradient(105deg,#ffe29a,#efbf66 52%,#f8d684); }
.button-ghost { border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.035); color:#d2d0d7; backdrop-filter:blur(10px); }
.button-ghost:hover { border-color:rgba(139,108,255,.32); background:rgba(139,108,255,.06); }
.hero-depth { overflow:visible; opacity:1; -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%); }
.depth-core {
  left:76%; top:-5%; width:85vw; height:85vw; max-width:1380px; max-height:1380px;
  background:
    radial-gradient(circle at 52% 44%,rgba(255,193,94,.15) 0,rgba(255,145,109,.08) 20%,rgba(139,108,255,.13) 39%,rgba(87,216,206,.055) 53%,transparent 69%);
  filter:blur(12px);
}
.depth-grid {
  left:-18%; right:-18%; bottom:-35%; height:78%;
  background-image:linear-gradient(rgba(139,108,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(87,216,206,.075) 1px,transparent 1px);
  background-size:82px 82px; opacity:.24;
}
.depth-orbit { border-color:rgba(139,108,255,.15); box-shadow:inset 0 0 80px rgba(87,216,206,.02),0 0 60px rgba(139,108,255,.04); }
.orbit-two { border-color:rgba(229,182,84,.12); }
.orbit-three { border-color:rgba(87,216,206,.11); }
.depth-pillar { background:linear-gradient(to bottom,transparent,rgba(139,108,255,.24),rgba(229,182,84,.15),transparent); }

/* Shared section rhythm: fewer hard rules, more cinematic whitespace. */
.problem-section,.constraint-section,.verification-section,.cost-section,.audience-section,.limits-section,.content-section,.glossary-section,.access-section,
.stack-section,.integration-section,.governance-section,.faq-section { border-top:0; }
.problem-section,.constraint-section,.verification-section,.cost-section,.audience-section,.limits-section,.content-section,.glossary-section,.access-section { padding:160px 0; }
.stack-section,.integration-section,.governance-section,.faq-section { padding:160px 0; }
.eyebrow { color:#e1b65d; letter-spacing:.17em; }
.problem-section h2,.constraint-section h2,.verification-section h2,.cost-section h2,.audience-section h2,.limits-section h2,.content-section h2,.faq-group h2,
.stack-intro h2,.integration-copy h2,.governance-copy h2,.closing-content h2 {
  font-size:clamp(52px,6.1vw,92px);
  line-height:.94;
  letter-spacing:-.06em;
}
.problem-section h2,.stack-intro h2,.integration-copy h2,.faq-intro h2,.closing-content h2 { max-width:1050px; }

/* Home chart: a deep luminous data slab, not a bordered dashboard card. */
.chart-section { padding:20px 0 135px; overflow:visible; }
.lifecycle-chart-card {
  position:relative;
  border:0 !important;
  border-radius:38px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%,rgba(229,182,84,.13),transparent 30%),
    radial-gradient(circle at 86% 76%,rgba(139,108,255,.14),transparent 32%),
    linear-gradient(145deg,#0d0d14,#09090e 68%,#0d0d15) !important;
  box-shadow:0 46px 110px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
.lifecycle-chart-card::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 22%,transparent 76%,rgba(87,216,206,.025));
}
.chart-topline { border-bottom-color:rgba(255,255,255,.07) !important; }
.live-pill { border-color:rgba(87,216,206,.24) !important; color:#c8f3ee !important; background:rgba(87,216,206,.035); }
.live-pill i { background:var(--cyan) !important; box-shadow:0 0 12px rgba(87,216,206,.7) !important; }
.grid-lines line { stroke:rgba(255,255,255,.06) !important; }
.market-line { stroke:#eeeae2 !important; opacity:.78; }
.reserve-line { stroke:url(#rebrandReserve) !important; }
/* Fallback where paint server does not exist: inherit via a vivid gold stroke. */
.reserve-line { stroke:#edbd5e !important; filter:drop-shadow(0 0 7px rgba(229,182,84,.2)); }
.reserve-area { fill:url(#goldFade) !important; }
.eol-marker line { stroke:rgba(139,108,255,.38) !important; }
.eol-marker circle { fill:#9a75ff !important; filter:drop-shadow(0 0 8px rgba(139,108,255,.6)); }
.chart-caption { color:#7f7c86 !important; }
.chart-explainer { color:#918e98 !important; }

/* Proof / metrics language, inspired by Solana's compact high-signal stat rows. */
.proof-strip { padding:30px 0 105px; border:0; }
.proof-strip > p { font-size:clamp(23px,2.2vw,32px); max-width:850px; }
.proof-points { gap:10px !important; }
.proof-points span {
  min-height:74px;
  padding:18px 20px !important;
  border:0 !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.proof-points span:nth-child(2) { background:linear-gradient(145deg,rgba(139,108,255,.08),rgba(255,255,255,.016)); }
.proof-points span:nth-child(3) { background:linear-gradient(145deg,rgba(87,216,206,.06),rgba(255,255,255,.016)); }
.proof-points i { background:var(--gold) !important; box-shadow:0 0 10px rgba(229,182,84,.38); }

/* Editorial problem section: bento, almost borderless. */
.problem-section { isolation:isolate; }
.problem-section::before {
  background:
    radial-gradient(ellipse at 15% 32%,rgba(229,182,84,.09),transparent 43%),
    radial-gradient(ellipse at 86% 62%,rgba(139,108,255,.10),transparent 42%),
    linear-gradient(180deg,transparent,rgba(12,12,18,.86) 14%,rgba(12,12,18,.86) 86%,transparent) !important;
}
.problem-editorial { gap:16px !important; }
.problem-point {
  border:0 !important;
  border-radius:26px !important;
  padding:34px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.problem-point:nth-child(1) { background:radial-gradient(circle at 8% 0,rgba(229,182,84,.10),transparent 42%),rgba(255,255,255,.018); }
.problem-point:nth-child(2) { background:radial-gradient(circle at 90% 110%,rgba(139,108,255,.14),transparent 48%),rgba(255,255,255,.018); }
.problem-index { color:rgba(255,215,130,.18) !important; }
.constraint-teaser { border:0 !important; border-radius:26px !important; background:linear-gradient(135deg,rgba(139,108,255,.09),rgba(87,216,206,.035),rgba(229,182,84,.04)); padding:30px !important; }
.constraint-disclosure { border-color:rgba(255,255,255,.09) !important; border-radius:20px !important; overflow:hidden; }
.constraint-disclosure summary { background:rgba(255,255,255,.018); }
.constraint-table { border-color:rgba(255,255,255,.08) !important; border-radius:22px !important; background:rgba(11,11,17,.72) !important; box-shadow:0 22px 70px rgba(0,0,0,.18) !important; }
.constraint-row { border-color:rgba(255,255,255,.07) !important; }
.constraint-row > * { border-color:rgba(255,255,255,.055) !important; }
.constraint-row.head { background:rgba(139,108,255,.055) !important; }

/* Waterfall: preserve structure, add a controlled multi-signal axis. */
.homepage-waterfall { border-top:0 !important; padding-top:170px !important; }
.homepage-waterfall::before {
  content:"";position:absolute;left:50%;top:5%;width:100vw;height:90%;transform:translateX(-50%);z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse at 18% 28%,rgba(229,182,84,.07),transparent 38%),radial-gradient(ellipse at 86% 48%,rgba(139,108,255,.085),transparent 41%),radial-gradient(ellipse at 48% 92%,rgba(87,216,206,.045),transparent 36%);
}
.waterfall-visual { background:transparent !important; }
.wf-background-grid { opacity:.18 !important; background-image:linear-gradient(rgba(139,108,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(87,216,206,.05) 1px,transparent 1px) !important; }
.wf-core-line { background:linear-gradient(180deg,rgba(229,182,84,.15),rgba(139,108,255,.18),rgba(87,216,206,.10)) !important; }
.wf-progress-line { background:linear-gradient(180deg,#ffd87f 0%,#d89a54 35%,#9a75ff 70%,#58d9ce 100%) !important; box-shadow:0 0 18px rgba(139,108,255,.22) !important; }
.wf-pulse::after { background:radial-gradient(circle at 35% 30%,#fff7da,#d8ad59 58%,#9a75ff 100%) !important; }
.wf-branch,.wf-trade-pill,.wf-underlayer-item,.wf-build-controls span,.wf-recovery-sources span,.wf-holders {
  background:rgba(12,12,18,.80) !important;
  border-color:rgba(255,255,255,.09) !important;
  backdrop-filter:blur(9px);
}
.wf-branch:nth-child(2),.wf-trade-pill:nth-child(2) { border-color:rgba(139,108,255,.18) !important; }
.wf-branch:nth-child(3) { border-color:rgba(87,216,206,.16) !important; }
.wf-step-index { color:rgba(139,108,255,.23) !important; }
.wf-step-body { background:transparent !important; }

/* Verification and content cards: bento surfaces, no repetitive outline-box aesthetic. */
.verification-grid,.entry-grid,.audience-grid,.rail-grid,.glossary-section { gap:16px; }
.verification-grid article,.entry-grid article,.audience-grid article,.glossary-section article {
  border:0 !important;
  border-radius:28px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.verification-grid article:first-child,.entry-grid article:first-child,.glossary-section article:nth-child(4n+1) { background:radial-gradient(circle at 0 0,rgba(229,182,84,.08),transparent 45%),rgba(255,255,255,.015); }
.verification-grid article:last-child,.entry-grid article:last-child,.glossary-section article:nth-child(4n+2) { background:radial-gradient(circle at 100% 100%,rgba(139,108,255,.10),transparent 48%),rgba(255,255,255,.015); }
.verification-section::before { background:radial-gradient(ellipse at 80% 38%,rgba(87,216,206,.065),transparent 50%),radial-gradient(ellipse at 11% 77%,rgba(139,108,255,.06),transparent 45%) !important; }

/* Layer / integration sections get stronger shapes and less UI chrome. */
.stack-rail article { border:0 !important; border-radius:28px !important; background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.stack-rail article:nth-of-type(2) { background:radial-gradient(circle at 85% 10%,rgba(139,108,255,.10),transparent 42%),rgba(255,255,255,.015); }
.stack-rail article:nth-of-type(3) { background:radial-gradient(circle at 95% 90%,rgba(87,216,206,.08),transparent 42%),rgba(255,255,255,.015); }
.entry-grid article { min-height:285px; padding:38px; }
.entry-grid h3 { font-size:clamp(27px,2.5vw,36px); }
.protocol-bar {
  border:0 !important;
  border-radius:28px !important;
  padding:32px !important;
  background:linear-gradient(110deg,rgba(229,182,84,.075),rgba(139,108,255,.075) 54%,rgba(87,216,206,.05)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.protocol-bar i { border-color:rgba(255,255,255,.10) !important; border-radius:999px !important; background:rgba(0,0,0,.14); }

/* FAQ: Solana-like oversized editorial heading, then clean rows. */
.faq-section::before { background:radial-gradient(ellipse at 12% 16%,rgba(139,108,255,.065),transparent 42%),radial-gradient(ellipse at 93% 78%,rgba(87,216,206,.04),transparent 44%) !important; }
.faq-intro h2 span { color:transparent !important; background:var(--signal); -webkit-background-clip:text;background-clip:text; }
.faq-list { border-color:rgba(255,255,255,.09) !important; }
.faq-item { border-color:rgba(255,255,255,.07) !important; }
.faq-item:hover { background:linear-gradient(90deg,rgba(139,108,255,.035),transparent 70%) !important; }
.faq-question i { border-color:rgba(139,108,255,.30) !important; }
.faq-question i::before,.faq-question i::after { background:#b5a1ff !important; }

/* Closing: luminous final statement without becoming a copy of Solana's palette. */
.closing-section { padding:190px 0 160px; position:relative; overflow:hidden; }
.closing-section::before {
  content:"";position:absolute;width:920px;height:600px;left:50%;top:44%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse,rgba(139,108,255,.13),rgba(229,182,84,.075) 34%,rgba(87,216,206,.035) 50%,transparent 71%);filter:blur(20px);
}
.closing-rule i { border-color:var(--violet); box-shadow:0 0 16px rgba(139,108,255,.28); }
.closing-content h2 span { color:transparent; background:var(--signal); -webkit-background-clip:text;background-clip:text; }

/* Subpages inherit the same energetic system. */
.subhero {
  min-height:82vh;
  padding:190px 0 130px;
  position:relative;
}
.subhero::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;width:min(80vw,1100px);height:min(80vw,1100px);right:-24%;top:-22%;border-radius:50%;
  background:radial-gradient(circle,rgba(229,182,84,.10),rgba(139,108,255,.12) 35%,rgba(87,216,206,.045) 53%,transparent 70%);filter:blur(16px);
}
.subhero h1 {
  font-size:clamp(68px,9vw,142px);
  line-height:.86;
  letter-spacing:-.075em;
  max-width:1250px;
  background:var(--signal);
  -webkit-background-clip:text;background-clip:text;
}
.subhero > p:not(.eyebrow) { color:#b2afb8; font-size:clamp(18px,1.5vw,21px); }
.content-section { position:relative; }
.content-section + .content-section::before,.faq-group::before {
  content:"";position:absolute;left:0;top:0;width:90px;height:1px;background:var(--signal);opacity:.55;
}
.rail-grid span { border:0 !important; border-radius:20px !important; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014)); min-height:82px; display:grid; place-items:center; }
.glossary-section h2 { color:transparent !important; background:linear-gradient(100deg,#ffd782,#a98dff);-webkit-background-clip:text;background-clip:text; }
.access-form input,.access-form textarea {
  border-color:rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.035) !important;
}
.access-form input:focus,.access-form textarea:focus { border-color:rgba(139,108,255,.50) !important; box-shadow:0 0 0 3px rgba(139,108,255,.07); }

/* Footer expands into a calm structured end-cap. */
.expanded-footer {
  border-top-color:rgba(255,255,255,.07) !important;
  background:linear-gradient(180deg,transparent,rgba(139,108,255,.025));
  padding-top:72px !important;
}
.footer-columns strong { color:#b8b4be; }
.footer-columns a { color:#77747e; }
.footer-columns a:hover { color:#d5c4ff; }

/* Stronger hover depth — subtle enough to keep the site's procedural voice. */
.verification-grid article,.entry-grid article,.audience-grid article,.glossary-section article,.stack-rail article,.rail-grid span {
  transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
}
.verification-grid article:hover,.entry-grid article:hover,.audience-grid article:hover,.glossary-section article:hover,.stack-rail article:hover,.rail-grid span:hover {
  transform:translateY(-4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.18);
}

@media (max-width: 1050px) {
  .home-hero .hero-copy { padding-left:0; }
  .hero h1.hero-gradient-title { font-size:clamp(70px,10.7vw,112px); }
  .depth-core { left:72%; }
}
@media (max-width: 800px) {
  .site-header { top:10px; width:calc(100% - 20px); padding-inline:16px 10px; border-radius:24px; }
  .home-hero.hero { min-height:auto; padding:135px 0 90px; }
  .home-hero .hero-copy { align-items:flex-start; }
  .hero h1.hero-gradient-title { font-size:clamp(58px,15vw,88px); line-height:.88; }
  .hero h1.hero-gradient-title .hero-title-first,.hero h1.hero-gradient-title .hero-title-second { text-align:left; }
  .home-hero .hero-lede { font-size:17px; margin-top:30px; }
  .depth-core { left:84%; top:0; width:140vw; height:140vw; }
  .problem-section,.constraint-section,.verification-section,.cost-section,.audience-section,.limits-section,.content-section,.glossary-section,.access-section,
  .stack-section,.integration-section,.governance-section,.faq-section { padding:110px 0; }
  .homepage-waterfall { padding-top:115px !important; }
  .subhero { min-height:auto; padding:145px 0 95px; }
  .subhero h1 { font-size:clamp(56px,14vw,82px); }
}
@media (max-width: 560px) {
  .hero-kicker span:last-child { width:34px; }
  .hero h1.hero-gradient-title { font-size:clamp(52px,15.1vw,72px); }
  .home-hero .hero-actions { width:100%; }
  .home-hero .hero-actions .button { flex:1 1 auto; }
  .proof-points span { min-height:64px; }
  .entry-grid article { padding:28px; min-height:230px; }
  .protocol-bar { padding:25px !important; }
  .closing-section { padding:130px 0 110px; }
}
@media (prefers-reduced-motion: reduce) {
  .verification-grid article,.entry-grid article,.audience-grid article,.glossary-section article,.stack-rail article,.rail-grid span { transition:none; }
}

/* The hero is above the fold and must never wait on IntersectionObserver. */
.home-hero .hero-copy.reveal{opacity:1;transform:none;}


/* V30 polish --------------------------------------------------------------- */
/* Hero: keep the two-line editorial treatment but guarantee the second line
   remains fully inside the viewport at large desktop widths. */
.hero h1.hero-gradient-title {
  width: 100%;
  max-width: 1480px;
  font-size: clamp(70px, 7.15vw, 116px);
  letter-spacing: -.072em;
}
.hero h1.hero-gradient-title .hero-title-second { white-space: nowrap; }

/* Chart: preserve the luminous slab while giving every SVG label and caption
   a safe internal gutter instead of clipping them against the rounded frame. */
.lifecycle-chart-card {
  overflow: visible;
  padding: 0 clamp(20px, 2.3vw, 38px) clamp(18px, 2vw, 30px);
}
.lifecycle-chart-card .chart-topline,
.lifecycle-chart-card .hero-chart,
.lifecycle-chart-card .chart-caption { width: 100%; box-sizing: border-box; }
.lifecycle-chart-card .chart-topline { padding-inline: 0; }
.lifecycle-chart-card .hero-chart { padding-left: 0; padding-right: 0; }
.lifecycle-chart-card .chart-caption { padding-left: 0; padding-right: 0; }
.lifecycle-chart-card::after { border-radius: inherit; }

/* Proof points: a slow partner-style marquee instead of three static cards. */
.proof-strip { overflow: hidden; }
.proof-marquee {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.proof-track {
  width: max-content;
  display: flex;
  align-items: stretch;
  gap: 12px;
  padding: 4px 6px 9px;
  animation: v30ProofTicker 28s linear infinite;
  will-change: transform;
}
.proof-points {
  display: flex !important;
  grid-template-columns: none !important;
  flex: 0 0 auto;
  gap: 12px !important;
}
.proof-points span {
  flex: 0 0 auto;
  min-width: clamp(330px, 29vw, 520px);
  min-height: 76px;
  align-items: center;
  font-size: 16px;
  padding: 20px 24px !important;
  white-space: nowrap;
}
.proof-points i { margin-top: 0 !important; }
@keyframes v30ProofTicker { to { transform: translateX(calc(-50% - 6px)); } }

/* Problem: explain the sequence plainly — raise, release, recover. */
.problem-editorial-compact {
  max-width: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
  align-items: stretch;
}
.problem-editorial-compact .problem-point,
.problem-editorial-compact .problem-point-two,
.problem-editorial-compact .problem-point-three {
  min-height: 300px;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.problem-point:nth-child(3) {
  background: radial-gradient(circle at 35% 110%, rgba(87,216,206,.10), transparent 48%), rgba(255,255,255,.018);
}
.problem-editorial-compact .problem-title {
  display: block;
  margin: 0 0 16px;
  color: #f0ece4;
  font: 500 clamp(22px, 1.9vw, 30px)/1.15 Manrope, sans-serif;
  letter-spacing: -.035em;
}
.problem-editorial-compact .problem-point p {
  margin-top: auto;
  max-width: 480px;
}

@media (max-width: 1250px) {
  .hero h1.hero-gradient-title { font-size: clamp(64px, 7.5vw, 94px); }
  .proof-points span { min-width: 340px; }
}
@media (max-width: 900px) {
  .hero h1.hero-gradient-title { font-size: clamp(54px, 10.5vw, 78px); }
  .hero h1.hero-gradient-title .hero-title-second { white-space: normal; }
  .lifecycle-chart-card { padding-inline: 16px; border-radius: 28px !important; }
  .proof-points span { min-width: 310px; white-space: normal; }
  .problem-editorial-compact { grid-template-columns: 1fr; }
  .problem-editorial-compact .problem-point,
  .problem-editorial-compact .problem-point-two,
  .problem-editorial-compact .problem-point-three { min-height: 220px; }
}
@media (max-width: 560px) {
  .hero h1.hero-gradient-title { font-size: clamp(50px, 14.3vw, 69px); }
  .lifecycle-chart-card { padding-inline: 10px; border-radius: 22px !important; }
  .proof-marquee { -webkit-mask-image: none; mask-image: none; }
  .proof-points span { min-width: 285px; min-height: 70px; font-size: 14px; padding: 17px 18px !important; }
  .problem-editorial-compact .problem-point,
  .problem-editorial-compact .problem-point-two,
  .problem-editorial-compact .problem-point-three { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .proof-track { animation: none; transform: none; }
  .proof-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; scrollbar-width: thin; }
}
/* V30 hero text paint must follow the text, not the parent line width. */
@media (min-width: 901px) {
  .hero h1.hero-gradient-title .hero-title-second {
    width: max-content !important;
    max-width: none;
  }
}