/* ============================================================
   Systemic Report — global stylesheet
   Version 1.0 · Lab-notebook aesthetic · Indigo + acid yellow
   ============================================================ */

@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/instrument-serif-regular.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/instrument-serif-italic.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/inter-regular.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/inter-medium.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/jetbrains-mono-regular.woff2") format("woff2")}

:root{
  --ink:#0B0F1A;
  --indigo:#1A2238;
  --indigo-soft:#222B45;
  --paper:#F4F2EC;
  --paper-warm:#EAE7DD;
  --acid:#E6FF3D;
  --alarm:#D85A30;
  --mute:#73726C;
  --mute-soft:#9B9DA8;
  --rule:rgba(11,15,26,.12);
  --rule-strong:rgba(11,15,26,.32);

  --serif:"Instrument Serif", "Iowan Old Style", "Charter", Georgia, serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --container:1240px;
  --pad:clamp(20px, 4vw, 48px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
hr.rule{border:0;border-top:.5px solid var(--rule);margin:0}
hr.rule-strong{border:0;border-top:.5px solid var(--rule-strong);margin:0}

.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:400}
.eyebrow .file{color:var(--alarm)}
.italic{font-style:italic}
.container{max-width:var(--container);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in oklab, var(--paper) 88%, transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:.5px solid var(--rule)}
.header-row{display:flex;align-items:center;justify-content:space-between;height:64px}
.wordmark{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ink)}
.wordmark .glyph{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--alarm);text-transform:uppercase}
.wordmark .name{font-family:var(--serif);font-size:22px;line-height:1}
.header-cta{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:.5px solid var(--rule-strong);border-radius:6px;background:transparent;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;cursor:pointer;transition:background .15s ease, border-color .15s ease}
.header-cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.header-cta .price{font-family:var(--mono);font-size:12px;color:var(--mute)}
.header-cta:hover .price{color:var(--acid)}

/* ============================================================
   PAGE HERO (subpage variant)
   ============================================================ */
.page-hero{padding:clamp(56px, 7vw, 96px) 0 clamp(48px, 5vw, 72px)}
.page-hero .crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:24px}
.page-hero .crumbs a{color:var(--mute);text-decoration:none;border-bottom:.5px solid var(--rule)}
.page-hero .crumbs a:hover{color:var(--ink)}
.page-hero .crumbs span{margin:0 8px;color:var(--rule-strong)}
.page-hero h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(40px, 6.4vw, 80px);line-height:1.0;letter-spacing:-.02em;color:var(--ink);max-width:24ch}
.page-hero h1 .acid{background:linear-gradient(transparent 60%, var(--acid) 60%);padding:0 .12em}
.page-hero h1 em{font-style:italic;color:var(--alarm)}
.page-hero .lede{margin:32px 0 0;max-width:60ch;font-size:clamp(17px, 1.6vw, 19px);line-height:1.55;color:var(--indigo)}

/* ============================================================
   SECTION RHYTHM
   ============================================================ */
section.section{padding:clamp(64px, 8vw, 112px) 0}
section.section--paper{background:var(--paper)}
section.section--warm{background:var(--paper-warm);border-top:.5px solid var(--rule);border-bottom:.5px solid var(--rule)}
section.section--ink{background:var(--ink);color:var(--paper)}
section.section--ink .eyebrow{color:var(--mute-soft)}
section.section--ink .eyebrow .file{color:var(--acid)}

.section h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4.6vw, 54px);line-height:1.04;letter-spacing:-.01em;max-width:24ch}
.section h2 em{font-style:italic;color:var(--alarm)}
.section h2 .acid{background:linear-gradient(transparent 60%, var(--acid) 60%);padding:0 .1em}
.section--ink h2 em{color:var(--acid)}
.section--ink h2 .acid{background:linear-gradient(transparent 60%, rgba(230,255,61,.45) 60%)}

.section .head-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px, 4vw, 64px);align-items:end;margin-bottom:48px}
@media (max-width:840px){.section .head-grid{grid-template-columns:1fr}}
.section .head-grid .lede{font-size:17px;line-height:1.65;color:var(--indigo);max-width:54ch}
.section--ink .head-grid .lede{color:var(--mute-soft)}
.section .head-grid .lede em{font-family:var(--serif);font-style:italic}

/* ============================================================
   BUTTONS (shared)
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:6px;font-family:var(--sans);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;border:.5px solid transparent;transition:transform .15s ease, background .15s ease, color .15s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:var(--indigo)}
.btn-primary .arrow{font-family:var(--mono);font-size:13px}
.btn-secondary{background:transparent;color:var(--ink);border-color:var(--rule-strong)}
.btn-secondary:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.section--ink .btn-primary{background:var(--acid);color:var(--ink)}
.section--ink .btn-primary:hover{background:var(--paper);color:var(--ink)}
.section--ink .btn-secondary{color:var(--paper);border-color:rgba(244,242,236,.3)}
.section--ink .btn-secondary:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}

/* ============================================================
   PROSE (long-form text columns on subpages)
   ============================================================ */
.prose{max-width:64ch;font-size:17px;line-height:1.7;color:var(--indigo)}
.prose p{margin:0 0 1.2em}
.prose p:first-child{font-family:var(--serif);font-size:1.4em;line-height:1.3;color:var(--ink);font-weight:400;letter-spacing:-.005em}
.prose strong{font-weight:500;color:var(--ink)}
.prose em{font-family:var(--serif);font-style:italic;color:var(--ink);font-size:1.05em}
.prose a{color:var(--ink);text-decoration:none;border-bottom:.5px solid var(--rule-strong)}
.prose a:hover{border-bottom-color:var(--alarm);color:var(--alarm)}
.prose h3{font-family:var(--sans);font-size:20px;font-weight:500;color:var(--ink);margin:2em 0 .6em;line-height:1.3}
.prose h4{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--alarm);font-weight:400;margin:2em 0 .8em}
.prose ul, .prose ol{margin:0 0 1.4em;padding-left:1.4em}
.prose li{margin-bottom:.5em}
.prose blockquote{margin:1.6em 0;padding:1.2em 1.4em;background:var(--paper-warm);border-left:3px solid var(--alarm);border-radius:0 8px 8px 0;font-family:var(--serif);font-size:1.2em;line-height:1.4;font-style:italic;color:var(--ink)}
.prose blockquote cite{display:block;margin-top:.6em;font-family:var(--mono);font-size:12px;font-style:normal;letter-spacing:.04em;color:var(--mute)}

/* ============================================================
   PILLARS GRID — used on /how-it-works/ and similar
   ============================================================ */
.pillars{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:0;border-top:.5px solid var(--rule-strong);border-bottom:.5px solid var(--rule-strong)}
.pillar{padding:32px 24px;border-right:.5px solid var(--rule);display:flex;flex-direction:column;gap:14px;min-height:280px}
.pillar:last-child{border-right:none}
@media (max-width:840px){.pillar{border-right:none;border-bottom:.5px solid var(--rule)}.pillar:last-child{border-bottom:none}}
.pillar .num{font-family:var(--serif);font-size:48px;line-height:1;color:var(--alarm);letter-spacing:-.02em}
.pillar h3{font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.25;color:var(--ink);margin:0}
.pillar p{margin:0;font-size:14.5px;line-height:1.6;color:var(--mute);margin-top:auto}

/* ============================================================
   STEP LIST — used on /how-it-works/
   ============================================================ */
.steps{margin:0;padding:0;list-style:none;border-top:.5px solid var(--rule-strong)}
.steps > li{padding:36px 0;border-bottom:.5px solid var(--rule);display:grid;grid-template-columns:120px 1fr 1fr;gap:clamp(24px, 4vw, 64px);align-items:start}
@media (max-width:760px){.steps > li{grid-template-columns:80px 1fr}.steps > li > .step-detail{grid-column:1 / -1;padding-left:80px}}
.step-num{font-family:var(--serif);font-size:64px;line-height:.9;color:var(--alarm);letter-spacing:-.02em}
.step-num small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--mute);text-transform:uppercase;margin-top:6px;letter-spacing:.14em}
.step-head h3{margin:0 0 12px;font-family:var(--serif);font-size:clamp(24px, 2.6vw, 32px);line-height:1.15;color:var(--ink);font-weight:400;letter-spacing:-.005em}
.step-head .who{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--mute)}
.step-detail p{margin:0 0 12px;font-size:15.5px;line-height:1.65;color:var(--indigo)}
.step-detail p:last-child{margin-bottom:0}
.step-detail ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.step-detail ul li{display:grid;grid-template-columns:14px 1fr;gap:12px;font-size:14.5px;color:var(--indigo)}
.step-detail ul li::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--alarm);margin-top:8px}

/* ============================================================
   VALUES (guarantee page)
   ============================================================ */
.values{display:flex;flex-direction:column;gap:0}
.value{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:28px 0;border-top:.5px solid var(--rule)}
.value:first-child{border-top:.5px solid var(--rule-strong)}
.value:last-child{border-bottom:.5px solid var(--rule-strong)}
.value .num{font-family:var(--serif);font-size:36px;color:var(--alarm);line-height:1;letter-spacing:-.02em}
.value h3{font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.3;margin:0 0 8px;color:var(--ink)}
.value p{margin:0;font-size:15.5px;line-height:1.6;color:var(--indigo);max-width:60ch}

/* ============================================================
   COST CALCULATOR (cost-of-inaction page — bigger variant)
   ============================================================ */
.calc{border:.5px solid rgba(244,242,236,.18);border-radius:14px;padding:clamp(28px, 3vw, 40px);background:linear-gradient(180deg, rgba(244,242,236,.03), transparent 60%)}
.calc-row{margin-bottom:28px}
.calc-row:last-child{margin-bottom:0}
.calc-row label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute-soft);margin-bottom:12px}
.calc-row .val{font-family:var(--serif);font-size:32px;color:var(--paper);letter-spacing:-.01em}
.calc-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:rgba(244,242,236,.18);border-radius:2px;outline:none;cursor:pointer}
.calc-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--acid);border:none;cursor:pointer;box-shadow:0 0 0 4px rgba(230,255,61,.18)}
.calc-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--acid);border:none;cursor:pointer;box-shadow:0 0 0 4px rgba(230,255,61,.18)}
.calc-result{background:var(--acid);color:var(--ink);border-radius:14px;padding:clamp(28px, 3vw, 40px);display:flex;flex-direction:column;gap:16px}
.calc-result .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.calc-result .figure{font-family:var(--serif);font-size:clamp(48px, 6vw, 80px);line-height:.95;letter-spacing:-.02em;color:var(--ink);margin:0}
.calc-result .figure small{font-size:.4em;color:var(--indigo);margin-left:4px;font-family:var(--mono);letter-spacing:.04em;vertical-align:middle}
.calc-result p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink)}
.calc-result .versus{margin-top:auto;padding-top:18px;border-top:.5px solid rgba(11,15,26,.2);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px}
.calc-result .versus b{font-weight:400;color:var(--ink)}
.cost-grid{margin-top:48px;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start}
@media (max-width:840px){.cost-grid{grid-template-columns:1fr}}

/* ============================================================
   PRICING BLOCK (the-report page)
   ============================================================ */
.pricing{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border-top:.5px solid var(--rule-strong);border-bottom:.5px solid var(--rule-strong);align-items:stretch}
@media (max-width:840px){.pricing{grid-template-columns:1fr}}
.pricing-meta{padding:clamp(32px, 3vw, 48px) clamp(32px, 3vw, 48px) clamp(32px, 3vw, 48px) 0}
@media (max-width:840px){.pricing-meta{padding:clamp(32px, 5vw, 48px) 0}}
.pricing-meta h2{margin:14px 0 24px;max-width:24ch}
.pricing-meta dl{display:grid;grid-template-columns:auto 1fr;gap:14px 32px;font-size:15px}
.pricing-meta dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);align-self:center}
.pricing-meta dd{margin:0;color:var(--ink)}
.pricing-card{padding:clamp(32px, 3vw, 48px);background:var(--ink);color:var(--paper);border-radius:14px;display:flex;flex-direction:column;gap:24px;align-self:stretch;min-height:100%}
.pricing-card .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acid)}
.pricing-card .price{font-family:var(--serif);font-size:clamp(56px, 7vw, 88px);line-height:.95;letter-spacing:-.02em;margin:0}
.pricing-card .price small{font-size:.32em;color:var(--mute-soft);margin-left:8px;font-family:var(--mono);letter-spacing:.04em;vertical-align:middle}
.pricing-card .what{font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--paper);margin:0;font-style:italic}
.pricing-card .features{margin:auto 0 0;list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;color:var(--mute-soft)}
.pricing-card .features li{display:grid;grid-template-columns:18px 1fr;gap:10px}
.pricing-card .features li::before{content:"+";color:var(--acid);font-family:var(--mono);font-weight:500;text-align:center}

/* ============================================================
   INLINE FAQ (used on subpages)
   ============================================================ */
.faq-list{border-top:.5px solid var(--rule-strong)}
details.qa{border-bottom:.5px solid var(--rule);padding:24px 0}
details.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:36px 1fr 28px;gap:18px;align-items:start;font-family:var(--serif);font-size:clamp(20px, 2vw, 24px);line-height:1.3;color:var(--ink)}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary .num{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--mute);text-transform:uppercase;padding-top:8px}
details.qa summary .toggle{font-family:var(--mono);font-size:18px;color:var(--alarm);text-align:right;padding-top:4px;transition:transform .2s ease}
details.qa[open] summary .toggle{transform:rotate(45deg)}
details.qa .answer{margin-top:14px;padding-left:54px;font-size:16px;line-height:1.7;color:var(--indigo);max-width:64ch}
details.qa .answer p{margin:0 0 12px}
details.qa .answer p:last-child{margin-bottom:0}

/* ============================================================
   FINAL CTA (reusable cross-page)
   ============================================================ */
.final-cta{margin-top:clamp(64px, 8vw, 112px);background:var(--ink);color:var(--paper);border-radius:18px;padding:clamp(40px, 6vw, 88px);display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(32px, 4vw, 64px);align-items:center}
@media (max-width:760px){.final-cta{grid-template-columns:1fr}}
.final-cta h3{font-family:var(--serif);font-weight:400;font-size:clamp(32px, 4.4vw, 52px);line-height:1.02;letter-spacing:-.015em;margin:0 0 16px}
.final-cta h3 em{font-style:italic;color:var(--acid)}
.final-cta p{font-size:16px;line-height:1.65;color:var(--mute-soft);margin:0;max-width:46ch}
.final-cta-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.final-cta-actions .btn-primary{background:var(--acid);color:var(--ink)}
.final-cta-actions .btn-primary:hover{background:var(--paper);color:var(--ink)}
.final-cta-actions .btn-secondary{color:var(--paper);border-color:rgba(244,242,236,.3)}
.final-cta-actions .btn-secondary:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--ink);color:var(--paper);padding:clamp(64px, 7vw, 96px) 0 32px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(32px, 4vw, 64px);margin-bottom:48px}
@media (max-width:840px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}
.footer-brand .name{font-family:var(--serif);font-size:32px;line-height:1;color:var(--paper);margin:0 0 14px}
.footer-brand p{font-size:14.5px;line-height:1.6;color:var(--mute-soft);max-width:34ch;margin:0 0 22px}
.footer-cta{display:inline-flex;align-items:center;gap:10px;background:var(--acid);color:var(--ink);padding:12px 18px;border-radius:6px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s ease}
.footer-cta:hover{background:var(--paper)}
.footer-cta .arrow{font-family:var(--mono)}
.footer-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acid);font-weight:400;margin:0 0 18px}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.footer-col a{color:var(--paper);text-decoration:none;font-size:14.5px;line-height:1.4;transition:color .15s ease}
.footer-col a:hover{color:var(--acid)}
.footer-col a.sub{color:var(--mute-soft);font-size:13.5px}
.footer-col a.sub:hover{color:var(--acid)}
.footer-meta{border-top:.5px solid rgba(244,242,236,.12);padding-top:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--mute)}
.footer-meta .legal{display:flex;gap:20px}
.footer-meta a{color:var(--mute);text-decoration:none}
.footer-meta a:hover{color:var(--acid)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ============================================================
   HOMEPAGE-SPECIFIC STYLES
   Classes used only on the homepage (index.html).
   ============================================================ */

/* HERO ------------------------------------------------------ */
.hero{padding:clamp(64px, 9vw, 128px) 0 clamp(56px, 7vw, 96px);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 380px);gap:clamp(32px, 5vw, 80px);align-items:end}
@media (max-width:880px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-meta{display:flex;align-items:center;gap:14px;margin-bottom:32px;flex-wrap:wrap}
.hero-meta .doc-id{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.hero-meta .doc-id b{color:var(--ink);font-weight:400}
.hero-meta .ribbon{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.hero-meta .ribbon::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 3px rgba(230,255,61,.18)}
.hero h1{margin:0 0 clamp(28px, 3.6vw, 44px);font-family:var(--serif);font-weight:400;font-size:clamp(44px, 7.6vw, 96px);line-height:.98;letter-spacing:-.02em;color:var(--ink)}
.hero h1 .strike{position:relative;display:inline-block;color:var(--mute)}
.hero h1 .strike::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:.06em;background:var(--alarm);transform:rotate(-1.5deg)}
.hero h1 .acid{background:linear-gradient(transparent 60%, var(--acid) 60%);padding:0 .12em}
.hero-sub{max-width:58ch;font-size:clamp(17px, 1.6vw, 19px);line-height:1.55;color:var(--indigo);margin:0 0 36px}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero-side{border-left:.5px solid var(--rule-strong);padding-left:clamp(20px, 2.5vw, 32px);font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--mute)}
@media (max-width:880px){.hero-side{border-left:none;border-top:.5px solid var(--rule-strong);padding:24px 0 0}}
.hero-side dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-top:14px}
.hero-side dt:first-child{margin-top:0}
.hero-side dd{margin:4px 0 0;color:var(--indigo);font-family:var(--sans);font-size:14px}
.hero-trust{margin-top:clamp(56px, 6vw, 88px);padding-top:24px;border-top:.5px solid var(--rule)}
.hero-trust .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.hero-trust ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:28px 40px;align-items:center;font-family:var(--serif);font-size:20px;color:var(--indigo)}
.hero-trust li::before{content:"·";color:var(--alarm);margin-right:10px}

/* SPLIT — consensus vs lived reality ----------------------- */
.split{background:var(--ink);color:var(--paper);padding:clamp(72px, 9vw, 128px) 0;position:relative}
.split .eyebrow{color:var(--mute-soft)}
.split-head{margin-bottom:48px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.split h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4.8vw, 56px);line-height:1.05;letter-spacing:-.015em;max-width:22ch}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px, 3vw, 48px);margin-top:24px}
@media (max-width:840px){.split-grid{grid-template-columns:1fr}}
.split-col{border:.5px solid rgba(244,242,236,.18);border-radius:14px;padding:clamp(24px, 3vw, 36px);position:relative}
.split-col h3{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--mute-soft);margin:0 0 18px}
.split-col .stake{font-family:var(--serif);font-size:clamp(26px, 2.6vw, 34px);line-height:1.15;margin:0 0 22px;color:var(--paper)}
.split-col ul{list-style:none;margin:0;padding:0}
.split-col li{padding:14px 0;border-top:.5px solid rgba(244,242,236,.1);font-size:15px;color:var(--mute-soft);line-height:1.55;display:grid;grid-template-columns:14px 1fr;gap:14px}
.split-col li::before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--mute)}
.split-col.right{border-color:rgba(230,255,61,.4);background:linear-gradient(180deg, rgba(230,255,61,.05), transparent 60%)}
.split-col.right h3{color:var(--acid)}
.split-col.right .stake{color:var(--paper)}
.split-col.right li::before{background:var(--acid)}
.split-col.right li{color:#D8D6CC}
.split-stamp{position:absolute;top:-14px;right:24px;background:var(--acid);color:var(--ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;font-weight:500}
.split-foot{margin-top:32px;font-family:var(--mono);font-size:12px;color:var(--mute-soft);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.split-foot a{color:var(--acid);text-decoration:none;border-bottom:.5px solid rgba(230,255,61,.4)}

/* WHAT IT IS — five evidence cards ------------------------- */
.what{padding:clamp(72px, 9vw, 128px) 0}
.what-head{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(24px, 4vw, 64px);align-items:end;margin-bottom:56px}
@media (max-width:840px){.what-head{grid-template-columns:1fr}}
.what-head h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4.6vw, 54px);line-height:1.04;letter-spacing:-.01em;max-width:18ch}
.what-head .lede{font-size:17px;line-height:1.65;color:var(--indigo);max-width:54ch}
.what-head .lede em{font-family:var(--serif);font-style:italic;font-weight:400}
.evidence-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:14px}
.evidence{background:var(--paper-warm);border:.5px solid var(--rule);border-radius:12px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;min-height:200px;position:relative}
.evidence .index{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.evidence .figure{font-family:var(--serif);font-size:48px;line-height:.95;color:var(--ink);letter-spacing:-.02em}
.evidence .figure small{font-size:.45em;color:var(--mute);margin-left:4px;font-family:var(--mono);letter-spacing:.04em;vertical-align:middle}
.evidence .label{font-family:var(--sans);font-size:14px;color:var(--indigo);line-height:1.45;margin-top:auto}
.evidence.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.evidence.featured .index,.evidence.featured .label{color:var(--mute-soft)}
.evidence.featured .figure{color:var(--acid)}
.evidence.featured .figure small{color:var(--mute-soft)}

/* TESTIMONIAL ANCHOR (homepage section) -------------------- */
.anchor{background:var(--paper-warm);padding:clamp(72px, 9vw, 128px) 0;border-top:.5px solid var(--rule);border-bottom:.5px solid var(--rule)}
.anchor-head{margin-bottom:48px}
.anchor-head h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(28px, 3.6vw, 44px);line-height:1.1;letter-spacing:-.01em;max-width:24ch}
.anchor-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px, 3vw, 48px)}
@media (max-width:880px){.anchor-grid{grid-template-columns:1fr}}
.testimonial-block{background:var(--paper);border:.5px solid var(--rule);border-radius:14px;padding:clamp(28px, 3vw, 40px);display:flex;flex-direction:column;gap:24px;position:relative}
.testimonial-block.lead{border-color:var(--rule-strong)}
.testimonial-quote-mark{font-family:var(--serif);font-size:96px;line-height:.5;color:var(--alarm);position:absolute;top:24px;right:32px;opacity:.85;pointer-events:none}
.testimonial-quote{font-family:var(--serif);font-size:clamp(22px, 2.4vw, 30px);line-height:1.25;letter-spacing:-.005em;color:var(--ink);margin:0}
.testimonial-quote em{font-style:italic;color:var(--alarm)}
.testimonial-body{font-size:15.5px;line-height:1.65;color:var(--indigo);margin:0}
.testimonial-body p{margin:0 0 12px}
.testimonial-body p:last-child{margin-bottom:0}
.testimonial-byline{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:18px;border-top:.5px solid var(--rule)}
.testimonial-byline img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:.5px solid var(--rule-strong);background:var(--paper-warm)}
.testimonial-byline .who{display:flex;flex-direction:column;gap:2px}
.testimonial-byline .name{font-family:var(--sans);font-weight:500;font-size:15px;color:var(--ink)}
.testimonial-byline .role{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--mute)}
.testimonial-byline .role a{color:var(--mute);text-decoration:none;border-bottom:.5px solid var(--rule)}
.testimonial-byline .role a:hover{color:var(--ink);border-color:var(--ink)}

/* FOUR LAYERS DIAGRAM --------------------------------------- */
.layers{padding:clamp(72px, 9vw, 128px) 0;background:var(--paper)}
.layers-head{margin-bottom:56px;max-width:60ch}
.layers-head h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4.6vw, 52px);line-height:1.04;letter-spacing:-.01em}
.layers-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:0;border-top:.5px solid var(--rule-strong);border-bottom:.5px solid var(--rule-strong)}
@media (max-width:840px){.layers-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.layers-grid{grid-template-columns:1fr}}
.layer{padding:32px 24px;border-right:.5px solid var(--rule);display:flex;flex-direction:column;gap:14px;min-height:280px;position:relative}
.layer:last-child{border-right:none}
@media (max-width:840px){.layer:nth-child(2){border-right:none}.layer:nth-child(1),.layer:nth-child(2){border-bottom:.5px solid var(--rule)}}
@media (max-width:520px){.layer{border-right:none;border-bottom:.5px solid var(--rule)}.layer:last-child{border-bottom:none}}
.layer .num{font-family:var(--serif);font-size:48px;line-height:1;color:var(--alarm);letter-spacing:-.02em}
.layer h3{font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.25;color:var(--ink);margin:0}
.layer p{margin:0;font-size:14.5px;line-height:1.6;color:var(--mute);margin-top:auto}

/* IGNORANCE GRAPH SECTION ----------------------------------- */
.ignorance{background:var(--ink);color:var(--paper);padding:clamp(80px, 10vw, 144px) 0;position:relative;overflow:hidden}
.ignorance::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right, rgba(244,242,236,.04) 1px, transparent 1px),linear-gradient(to bottom, rgba(244,242,236,.04) 1px, transparent 1px);background-size:64px 64px;pointer-events:none}
.ignorance .container{position:relative}
.ignorance-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px, 5vw, 80px);align-items:center}
@media (max-width:840px){.ignorance-grid{grid-template-columns:1fr}}
.ignorance .eyebrow{color:var(--acid)}
.ignorance h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px, 5vw, 60px);line-height:1.02;letter-spacing:-.015em;margin:14px 0 24px}
.ignorance h2 .acid{background:linear-gradient(transparent 60%, rgba(230,255,61,.45) 60%);padding:0 .1em}
.ignorance p{font-size:17px;line-height:1.6;color:var(--mute-soft);max-width:50ch;margin:0 0 18px}
.ignorance p strong{color:var(--paper);font-weight:400;font-family:var(--serif);font-style:italic;font-size:1.05em}
.ignorance-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;color:var(--acid);text-decoration:none;padding-top:14px;border-top:.5px solid rgba(244,242,236,.15);margin-top:14px}
.ignorance-link:hover{color:var(--paper)}
.ignorance-link::after{content:"→";font-family:var(--sans)}
.iggraph{position:relative;aspect-ratio:1;width:100%;max-width:460px;margin-left:auto}
.iggraph svg{width:100%;height:100%;display:block}

/* TESTIMONIAL WALL ----------------------------------------- */
.wall{padding:clamp(72px, 9vw, 128px) 0}
.wall-head{margin-bottom:56px;display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:end}
@media (max-width:840px){.wall-head{grid-template-columns:1fr}}
.wall-head h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4.6vw, 52px);line-height:1.04;letter-spacing:-.01em}
.wall-head .meta{font-family:var(--mono);font-size:13px;color:var(--mute);line-height:1.7}
.wall-head .meta b{color:var(--ink);font-weight:400}
.wall-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:18px;grid-auto-flow:dense}
@media (max-width:760px){.wall-grid{grid-template-columns:1fr}}
.review{background:var(--paper);border:.5px solid var(--rule);border-radius:14px;padding:clamp(24px, 2.4vw, 32px);display:flex;flex-direction:column;gap:18px;position:relative}
.review.span2{grid-column:span 2}
@media (max-width:760px){.review.span2{grid-column:span 1}}
.review .index{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);display:flex;justify-content:space-between}
.review .index a{color:var(--mute);text-decoration:none;border-bottom:.5px solid var(--rule)}
.review .index a:hover{color:var(--ink)}
.review-headline{font-family:var(--serif);font-size:clamp(20px, 2vw, 26px);line-height:1.18;color:var(--ink);margin:0}
.review-body{font-size:15px;line-height:1.65;color:var(--indigo);margin:0}
.review-body p{margin:0 0 10px}
.review-body p:last-child{margin-bottom:0}
.review .testimonial-byline{margin-top:auto}
.review.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.review.featured .index,.review.featured .index a{color:var(--mute-soft)}
.review.featured .review-headline{color:var(--paper)}
.review.featured .review-body{color:var(--mute-soft)}
.review.featured .testimonial-byline{border-top-color:rgba(244,242,236,.15)}
.review.featured .name{color:var(--paper)}
.review.featured .role,.review.featured .role a{color:var(--mute-soft)}
.review video{width:100%;border-radius:10px;background:var(--paper-warm);aspect-ratio:16/9;display:block}

/* COST OF INACTION (homepage variant) ---------------------- */
.cost{background:var(--ink);color:var(--paper);padding:clamp(80px, 10vw, 144px) 0}
.cost .eyebrow{color:var(--mute-soft)}
.cost-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px, 5vw, 60px);line-height:1.02;letter-spacing:-.015em;margin:14px 0 0;max-width:22ch}
.cost-head h2 em{font-style:italic;color:var(--acid)}

/* GUARANTEE (homepage section) ----------------------------- */
.guarantee{padding:clamp(72px, 9vw, 128px) 0;background:var(--paper)}
.guarantee-grid{display:grid;grid-template-columns:1fr 2fr;gap:clamp(32px, 5vw, 80px);align-items:start}
@media (max-width:840px){.guarantee-grid{grid-template-columns:1fr}}
.guarantee-grid h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4.6vw, 52px);line-height:1.02;letter-spacing:-.01em;margin:14px 0 0}

/* ABOUT (homepage section) --------------------------------- */
.about{padding:clamp(72px, 9vw, 128px) 0;background:var(--paper-warm);border-top:.5px solid var(--rule);border-bottom:.5px solid var(--rule)}
.about-grid{display:grid;grid-template-columns:300px 1fr;gap:clamp(32px, 5vw, 64px);align-items:start}
@media (max-width:760px){.about-grid{grid-template-columns:1fr}}
.about-photo{border-radius:14px;overflow:hidden;border:.5px solid var(--rule);background:var(--paper);aspect-ratio:1}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-body h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4vw, 48px);line-height:1.06;letter-spacing:-.01em;margin:14px 0 24px;max-width:24ch}
.about-body p{font-size:16px;line-height:1.7;color:var(--indigo);margin:0 0 16px;max-width:64ch}
.about-body .credentials{margin-top:24px;padding-top:24px;border-top:.5px solid var(--rule);display:flex;flex-wrap:wrap;gap:24px 40px;font-family:var(--mono);font-size:12px;color:var(--mute)}
.about-body .credentials b{color:var(--ink);font-weight:400}

/* FAQ (homepage section) ----------------------------------- */
.faq{padding:clamp(72px, 9vw, 128px) 0}
.faq-head h2{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(34px, 4.6vw, 52px);line-height:1.04;letter-spacing:-.01em;margin:14px 0 56px;max-width:22ch}


/* COOKIE CONSENT BANNER */
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0B0F1A; /* Dunkler Hintergrund passend zur Theme-Color */
  color: #F4F2EC;
  padding: 20px 48px;
  z-index: 9999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.5;
  border-top: 1px solid rgba(230, 255, 61, 0.2);
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
#cookie-banner.show {
  transform: translateY(0);
}
.cookie-text {
  max-width: 700px;
}
.cookie-text a {
  color: #E6FF3D; /* Acid-Yellow für Links */
  text-decoration: underline;
}
.cookie-buttons {
  display: flex;
  gap: 12px;
  margin-left: 24px;
}
.btn-cookie {
  padding: 10px 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #F4F2EC;
  background: transparent;
  color: #F4F2EC;
  transition: all 0.2s ease;
}
.btn-cookie:hover {
  background: #F4F2EC;
  color: #0B0F1A;
}
.btn-cookie.accept {
  background: #E6FF3D; /* Akzentfarbe für den primären Button */
  border-color: #E6FF3D;
  color: #0B0F1A;
}
.btn-cookie.accept:hover {
  background: #ffffff;
  border-color: #ffffff;
}

@media (max-width: 768px) {
  #cookie-banner {
    flex-direction: column;
    padding: 24px;
    align-items: flex-start;
  }
  .cookie-buttons {
    margin-left: 0;
    margin-top: 16px;
    width: 100%;
  }
  .btn-cookie { width: 100%; text-align: center; }
}