:root{--ink:#101827;--muted:#5b6473;--soft:#f6f7f9;--panel:#fff;--line:#d8dde7;--navy:#17233f;--navy2:#223456;--gold:#c89f3b;--green:#2f7d57;--purple:#7064a0;--shadow:0 18px 45px rgba(17,24,39,.10);--radius:22px;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0%,rgba(200,159,59,.10),transparent 30rem),radial-gradient(circle at 80% 10%,rgba(23,35,63,.10),transparent 32rem),#fbfbfc;line-height:1.55}a{color:inherit;text-decoration:none}p{margin:0}ul{margin:0;padding:0}li{list-style:none}.skip-link{position:absolute;left:-999px;top:1rem;padding:.75rem 1rem;background:var(--navy);color:#fff;border-radius:.5rem;z-index:20}.skip-link:focus{left:1rem}.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(251,251,252,.91);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,221,231,.85)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.brand{display:inline-flex;align-items:center;gap:.82rem;font-weight:900;letter-spacing:-.03em}.brand-mark{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(23,35,63,.18))}.brand-word{font-size:1.22rem}.nav-links{display:flex;gap:1.15rem;color:var(--muted);font-size:.93rem}.nav-links a:hover{color:var(--ink)}.nav-cta{padding:.7rem 1rem;border:1px solid rgba(23,35,63,.16);border-radius:999px;font-weight:850;font-size:.91rem;background:#fff}.section{padding:58px 0}.section.compact{padding:54px 0}.hero{padding-top:68px;padding-bottom:28px}.hero-grid,.split,.guided,.pilot-grid,.two-column{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4.2rem);align-items:center}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:.76rem;font-weight:950;letter-spacing:.16em;margin-bottom:1rem}h1,h2,h3{margin:0;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(2.35rem,4.25vw,3.72rem);max-width:840px}h2{font-size:clamp(1.68rem,2.95vw,2.55rem)}h3{font-size:1.08rem;letter-spacing:-.025em}.hero-subhead{margin-top:1.25rem;font-size:clamp(1.04rem,1.75vw,1.22rem);color:var(--muted);max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.15rem;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer}.button-primary{color:#fff;background:var(--navy);box-shadow:0 12px 28px rgba(23,35,63,.23)}.button-secondary{background:#fff;border-color:var(--line);color:var(--navy)}.guardrail-strip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.45rem}.guardrail-strip span{padding:.38rem .56rem;border-radius:999px;background:rgba(23,35,63,.055);border:1px solid rgba(23,35,63,.10);font-size:.78rem;font-weight:850;color:var(--navy)}.hero-visual{min-height:390px;display:grid;place-items:center}.product-frame{width:min(100%,470px);border-radius:30px;background:rgba(255,255,255,.92);border:1px solid rgba(216,221,231,.95);box-shadow:var(--shadow);padding:1rem;position:relative;overflow:hidden}.product-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,35,63,.06),transparent 44%),radial-gradient(circle at 85% 20%,rgba(200,159,59,.18),transparent 9rem);pointer-events:none}.frame-top,.flow-card,.protected-card,.receipt{position:relative;z-index:1}.frame-top{display:flex;align-items:center;gap:.45rem;padding:.35rem .4rem 1rem;color:var(--muted);font-size:.84rem}.frame-top span{width:10px;height:10px;border-radius:50%;background:#cfd5df}.frame-top strong{margin-left:auto;color:var(--navy)}.flow-card,.protected-card,.receipt{background:#fff;border:1px solid rgba(216,221,231,.9);border-radius:18px;padding:1rem;margin:.75rem 0;display:flex;justify-content:space-between;gap:1rem;align-items:center}.flow-card.active{border-left:5px solid var(--gold)}.flow-card small,.protected-card small{color:var(--muted);display:block;font-weight:850;margin-bottom:.25rem}.pill{color:var(--green);background:rgba(47,125,87,.12);border:1px solid rgba(47,125,87,.18);border-radius:999px;padding:.3rem .55rem;font-size:.74rem;font-weight:950;white-space:nowrap}.pill.gold{color:#7b5a12;background:rgba(200,159,59,.16);border-color:rgba(200,159,59,.25)}.protected-card{background:#f8f7fb;border-color:rgba(112,100,160,.22)}.lock{width:38px;height:38px;border-radius:12px;background:var(--purple);position:relative;flex:0 0 auto}.lock:before{content:"";position:absolute;width:15px;height:12px;border:3px solid #fff;border-bottom:0;border-radius:9px 9px 0 0;top:7px;left:10px}.lock:after{content:"";position:absolute;width:18px;height:13px;background:#fff;border-radius:3px;top:18px;left:10px}.receipt{background:var(--navy);color:#fff}.receipt span{width:44px;height:56px;border-radius:9px;background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.25) 45% 55%,transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.26),rgba(255,255,255,.26) 2px,transparent 2px,transparent 10px),rgba(255,255,255,.12);flex:0 0 auto}.receipt p{color:rgba(255,255,255,.72)}.text-stack{display:grid;gap:.95rem;color:var(--muted);font-size:1.04rem}.section-heading{max-width:800px;margin-bottom:1.75rem}.section-heading p:last-child{margin-top:1rem;color:var(--muted);font-size:1.05rem}.steps,.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step-card,.use-grid article,.panel,.config-preview,.pilot-form,.founder-card,.shadow-card{background:rgba(255,255,255,.94);border:1px solid rgba(216,221,231,.9);border-radius:var(--radius);box-shadow:0 12px 34px rgba(17,24,39,.055)}.step-card{padding:1.15rem;min-height:205px}.step-num{display:inline-flex;color:var(--gold);font-weight:950;margin-bottom:2rem}.step-card p,.use-grid p,.panel p{color:var(--muted);margin-top:.8rem}.band{background:linear-gradient(180deg,rgba(23,35,63,.045),rgba(23,35,63,.02));border-block:1px solid rgba(216,221,231,.75)}.panel{padding:clamp(1.35rem,3.8vw,1.9rem);min-height:400px}.dark-panel{background:var(--navy);color:#fff;border-color:rgba(255,255,255,.12)}.dark-panel .eyebrow{color:var(--gold)}.dark-panel h2{color:#fff}.check-list,.not-list{display:grid;gap:.75rem;margin-top:1.4rem}.check-list li,.not-list li{padding:.78rem .9rem;border-radius:14px;background:var(--soft);font-weight:850}.check-list li:before{content:"✓";color:var(--green);margin-right:.65rem}.not-list li{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}.not-list li:before{content:"—";color:var(--gold);margin-right:.65rem}.panel-note{margin-top:1rem;color:rgba(255,255,255,.72)!important;font-size:.94rem}.guided{align-items:center}.guided p:not(.eyebrow):not(.principle){margin-top:1rem;color:var(--muted);font-size:1.05rem}.principle{margin-top:1.15rem;padding:1rem;border-left:4px solid var(--gold);background:rgba(200,159,59,.1);border-radius:0 16px 16px 0;font-weight:850}.config-preview{padding:1rem;display:grid;gap:.75rem}.config-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-radius:16px;background:#f7f8fb;border:1px solid rgba(216,221,231,.9)}.config-row span{color:var(--muted);font-weight:850}.config-row strong{text-align:right}.config-row.selected{border-left:5px solid var(--gold)}.config-row.protected{border-left:5px solid var(--purple)}.shadow-mode{background:linear-gradient(180deg,rgba(23,35,63,.03),rgba(200,159,59,.055));border-block:1px solid rgba(216,221,231,.8)}.shadow-card{padding:clamp(1.4rem,4vw,2.2rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:2.2rem;align-items:start;border-left:5px solid var(--gold)}.shadow-note{padding:.9rem 1rem;background:rgba(23,35,63,.055);border-radius:14px;font-weight:850;color:var(--navy)!important}.use-grid{grid-template-columns:repeat(3,1fr)}.use-grid article{padding:1.35rem;min-height:164px;position:relative;overflow:hidden;border-top:3px solid rgba(200,159,59,.58)}.use-grid article:after{content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:50%;background:rgba(200,159,59,.07)}.founder{padding-top:42px}.founder-card{padding:clamp(1.45rem,4vw,2.35rem);border-left:5px solid var(--gold);max-width:980px}.founder-card blockquote{margin:0;font-size:clamp(1.2rem,2.2vw,1.75rem);line-height:1.3;letter-spacing:-.035em}.waitlist{background:var(--navy);color:#fff;padding:78px 0}.waitlist .eyebrow{color:var(--gold)}.waitlist p{color:rgba(255,255,255,.76)}.pilot-form{padding:1.2rem;display:grid;gap:.9rem;color:var(--ink)}.pilot-form label{display:grid;gap:.34rem;font-weight:850;color:var(--navy)}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:.88rem 1rem;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical}.hidden{display:none}.form-note{font-size:.86rem;color:var(--muted)!important}.site-footer{padding:1.8rem 0;background:#0c1324;color:#fff}.footer-inner{display:flex;justify-content:space-between;gap:2rem;align-items:center}.footer-inner p{color:rgba(255,255,255,.65);max-width:660px}@media(max-width:980px){.nav-links{gap:.8rem;font-size:.88rem}.hero-grid,.split,.guided,.pilot-grid,.two-column,.shadow-card{grid-template-columns:1fr}.steps,.use-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{min-height:auto}.hero{padding-top:64px}}@media(max-width:720px){.nav-links{display:none}.section{padding:58px 0}.section.compact{padding:50px 0}.hero{padding-top:56px}.steps,.use-grid{grid-template-columns:1fr}.nav-cta{display:inline-flex;font-size:.82rem;padding:.58rem .72rem}h1{font-size:2.42rem}.footer-inner{flex-direction:column;align-items:flex-start}.config-row{flex-direction:column}.config-row strong{text-align:left}.guardrail-strip span{width:100%;font-size:.82rem;padding:.48rem .62rem}.brand-mark{width:50px;height:50px}}

@media(max-width:720px){.nav{height:76px}.brand-word{font-size:1.06rem}.brand-mark{width:54px;height:54px}}


section[id]{scroll-margin-top:96px}

.access-note{margin-top:1rem;color:rgba(255,255,255,.82)!important;font-weight:850;max-width:520px}


/* v3.15 visual maturity polish
   Purpose: bring the public site closer to the richer dark/navy social-preview look
   without changing copy, form handling, metadata, or layout structure.
*/

:root {
  --bg: #f3f5f8;
  --bg-warm: #f7f5ef;
  --surface: #ffffff;
  --surface-soft: #eef2f7;
  --ink: #101827;
  --muted: #526074;
  --navy: #101c35;
  --navy-2: #172846;
  --navy-3: #223452;
  --gold: #c79a2f;
  --gold-soft: #f2ead6;
  --line: #d7dde7;
  --shadow: 0 24px 70px rgba(12, 24, 43, 0.13);
}

body {
  background:
    radial-gradient(circle at 78% 4%, rgba(199, 154, 47, 0.12), transparent 32rem),
    radial-gradient(circle at 8% 0%, rgba(19, 130, 151, 0.07), transparent 28rem),
    linear-gradient(180deg, #f7f5ef 0%, #f4f6f9 38%, #eef2f7 100%);
  color: var(--ink);
}

.site-header {
  background: rgba(243, 245, 248, 0.94);
  border-bottom: 1px solid rgba(16, 28, 53, 0.12);
  box-shadow: 0 10px 35px rgba(12, 24, 43, 0.06);
  backdrop-filter: blur(14px);
}

.brand-mark {
  width: 54px;
  height: 54px;
}

.brand-word {
  font-weight: 900;
  letter-spacing: -0.035em;
}

.nav-link {
  color: #526074;
}

.nav-link:hover {
  color: var(--navy);
}

.btn,
.form-submit {
  background: var(--navy);
  box-shadow: 0 14px 34px rgba(16, 28, 53, 0.20);
}

.btn:hover,
.form-submit:hover {
  background: #0b1529;
}

.btn.secondary {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(16, 28, 53, 0.14);
  color: var(--navy);
  box-shadow: none;
}

.hero {
  padding-top: clamp(4.5rem, 7vw, 7.2rem);
  padding-bottom: clamp(4.5rem, 7vw, 7.5rem);
}

.hero::before {
  opacity: 0.82;
}

.hero h1 {
  color: var(--ink);
  letter-spacing: -0.07em;
}

.eyebrow {
  color: var(--gold);
  letter-spacing: 0.22em;
}

.hero-card,
.card,
.info-panel,
.config-preview,
.shadow-card,
.founder-note,
.use-card,
.form-card {
  border-color: rgba(16, 28, 53, 0.13);
  box-shadow: var(--shadow);
}

.guardrail-strip span {
  background: linear-gradient(180deg, #f8fafc, #e9edf4);
  border-color: rgba(16, 28, 53, 0.16);
  color: var(--navy);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75);
}

.problem,
.how,
.guide,
.use-cases {
  background: transparent;
}

.split-band,
.shadow-section {
  background:
    radial-gradient(circle at 82% 0%, rgba(199, 154, 47, 0.09), transparent 22rem),
    linear-gradient(180deg, rgba(238, 242, 247, 0.92), rgba(247, 245, 239, 0.72));
  border-top: 1px solid rgba(16, 28, 53, 0.09);
  border-bottom: 1px solid rgba(16, 28, 53, 0.09);
}

.dark-panel,
.waitlist {
  background:
    radial-gradient(circle at 84% 14%, rgba(199, 154, 47, 0.14), transparent 24rem),
    radial-gradient(circle at 2% 78%, rgba(32, 95, 121, 0.18), transparent 20rem),
    linear-gradient(180deg, #13213d 0%, #101c35 100%);
}

.dark-panel .not-list li,
.waitlist .form-card {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.10);
}

.use-card {
  border-top: 3px solid rgba(199, 154, 47, 0.78);
}

.use-card::after {
  background: rgba(199, 154, 47, 0.08);
}

.receipt-row {
  background: linear-gradient(135deg, #101c35, #172846);
}

.footer {
  background: #09111f;
}

@media (max-width: 760px) {
  .site-header .container {
    gap: 0.85rem;
  }

  .brand-mark {
    width: 60px;
    height: 60px;
  }

  .brand-word {
    font-size: 1.08rem;
  }

  .header-cta {
    padding: 0.82rem 1.08rem;
  }

  .hero {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }

  .hero h1 {
    font-size: clamp(2.7rem, 12vw, 4.15rem);
    line-height: 0.98;
    letter-spacing: -0.065em;
  }

  .hero p {
    font-size: 1.11rem;
    line-height: 1.58;
    max-width: 33rem;
  }

  .hero-actions {
    gap: 0.78rem;
  }

  .guardrail-strip {
    gap: 0.66rem;
  }

  .guardrail-strip span {
    padding: 0.82rem 1rem;
    font-size: 0.88rem;
  }
}

@media (max-width: 460px) {
  .container {
    width: min(100% - 2rem, var(--container));
  }

  .brand-mark {
    width: 56px;
    height: 56px;
  }

  .hero h1 {
    font-size: clamp(2.55rem, 11.2vw, 3.65rem);
  }

  .hero p {
    font-size: 1.04rem;
  }

  .btn {
    padding: 0.92rem 1.18rem;
  }
}


/* v3.16 executive dark visual pass
   Purpose: make the public site feel more mature, sophisticated, and institutional,
   closer to the darker OG/link-preview palette while preserving locked copy,
   Web3Forms, metadata, route structure, and static Netlify compatibility.
*/

:root {
  --bg: #101827;
  --bg-warm: #111c31;
  --surface: #f8fafc;
  --surface-soft: #eef2f7;
  --ink: #0e1728;
  --muted: #5a6679;
  --navy: #0e1830;
  --navy-2: #152643;
  --navy-3: #223553;
  --gold: #c79a2f;
  --gold-soft: #efe4c8;
  --line: rgba(216, 223, 235, 0.28);
  --shadow: 0 30px 90px rgba(3, 10, 24, 0.24);
}

body {
  background:
    radial-gradient(circle at 84% 4%, rgba(199, 154, 47, 0.22), transparent 30rem),
    radial-gradient(circle at 10% 0%, rgba(17, 123, 148, 0.18), transparent 26rem),
    linear-gradient(180deg, #101827 0%, #13213b 23%, #f3f5f8 23.1%, #eef2f7 100%);
  color: var(--ink);
}

.site-header {
  background: rgba(10, 17, 31, 0.93);
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
}

.brand-word {
  color: #f8fafc;
}

.nav-link {
  color: rgba(226, 232, 240, 0.76);
}

.nav-link:hover {
  color: #ffffff;
}

.header-cta {
  background: rgba(255, 255, 255, 0.95);
  color: #0e1830;
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 12px 32px rgba(0,0,0,0.20);
}

.hero {
  position: relative;
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 14%, rgba(199, 154, 47, 0.14), transparent 24rem),
    radial-gradient(circle at 8% 82%, rgba(28, 95, 126, 0.22), transparent 22rem),
    linear-gradient(135deg, #101827 0%, #14233f 52%, #101827 100%);
  border-bottom: 1px solid rgba(255,255,255,0.09);
}

.hero::before {
  opacity: 0.42;
  background:
    radial-gradient(circle at 86% 20%, rgba(199,154,47,.18), transparent 20rem),
    radial-gradient(circle at 12% 90%, rgba(35,93,126,.22), transparent 18rem);
}

.hero h1 {
  color: #ffffff;
  text-shadow: 0 14px 36px rgba(0,0,0,0.20);
}

.hero p {
  color: rgba(226, 232, 240, 0.86);
}

.eyebrow {
  color: #d5aa3c;
}

.hero .btn.secondary {
  background: rgba(255, 255, 255, 0.09);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.22);
}

.hero .btn.secondary:hover {
  background: rgba(255, 255, 255, 0.15);
}

.hero .guardrail-strip span {
  background: rgba(255, 255, 255, 0.095);
  color: #f8fafc;
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 28px rgba(0,0,0,0.16);
}

.hero-card {
  background:
    radial-gradient(circle at 92% 0%, rgba(199, 154, 47, 0.12), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,248,252,0.96));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 34px 92px rgba(0, 0, 0, 0.32);
}

.hero-card .browser-dot {
  background: #c9d2df;
}

.flow-card {
  border-color: rgba(14,24,48,0.11);
}

.receipt-row {
  background: linear-gradient(135deg, #0d1730, #152642);
  border-color: rgba(255,255,255,0.08);
}

.problem {
  background:
    linear-gradient(180deg, #f3f5f8 0%, #f7f5ef 100%);
}

.how {
  background: #f7f5ef;
}

.split-band,
.shadow-section {
  background:
    radial-gradient(circle at 83% 3%, rgba(199,154,47,0.10), transparent 24rem),
    linear-gradient(180deg, #eef2f7 0%, #f7f5ef 100%);
}

.card,
.info-panel,
.config-preview,
.shadow-card,
.founder-note,
.use-card,
.form-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(14, 24, 48, 0.12);
  box-shadow: 0 24px 70px rgba(9, 17, 31, 0.12);
}

.dark-panel,
.waitlist {
  background:
    radial-gradient(circle at 85% 10%, rgba(199,154,47,0.15), transparent 25rem),
    radial-gradient(circle at 8% 82%, rgba(21,100,130,0.20), transparent 23rem),
    linear-gradient(135deg, #0f1a31 0%, #132340 58%, #0d1629 100%);
}

.dark-panel {
  box-shadow: 0 30px 80px rgba(3, 10, 24, 0.24);
}

.dark-panel .not-list li {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.06);
}

.waitlist {
  border-top: 1px solid rgba(255,255,255,0.09);
}

.footer {
  background: #070d19;
  border-top: 1px solid rgba(255,255,255,0.08);
}

@media (max-width: 920px) {
  body {
    background:
      radial-gradient(circle at 84% 4%, rgba(199, 154, 47, 0.20), transparent 28rem),
      linear-gradient(180deg, #101827 0%, #13213b 20%, #f3f5f8 20.1%, #eef2f7 100%);
  }
}

@media (max-width: 760px) {
  .site-header {
    background: rgba(10, 17, 31, 0.96);
  }

  .brand-mark {
    width: 60px;
    height: 60px;
  }

  .hero {
    padding-top: 3.3rem;
    padding-bottom: 3.6rem;
  }

  .hero h1 {
    font-size: clamp(2.55rem, 10.7vw, 3.8rem);
    line-height: 1.01;
    letter-spacing: -0.062em;
  }

  .hero p {
    color: rgba(226,232,240,0.88);
    font-size: 1.04rem;
    line-height: 1.56;
  }

  .hero-actions .btn {
    box-shadow: 0 16px 36px rgba(0,0,0,0.22);
  }

  .hero .guardrail-strip span {
    background: rgba(255,255,255,0.10);
  }
}

@media (max-width: 460px) {
  .hero h1 {
    font-size: clamp(2.35rem, 10.2vw, 3.25rem);
    line-height: 1.03;
  }

  .hero p {
    font-size: 1rem;
  }

  .btn {
    padding: 0.9rem 1.05rem;
  }
}


/* v3.17 gold CTA + crisp proof-card correction
   CSS-only correction pass.
   Fixes actual site class names:
   - .button-primary / .button-secondary, not .btn
   - .product-frame, not .hero-card
   - .flow-card / .protected-card value readability
   - guardrail strip contrast
   Adds subtle executive geometric accents.
*/

.hero {
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 10%, rgba(14, 122, 168, 0.22), transparent 25rem),
    radial-gradient(circle at 96% 4%, rgba(207, 163, 54, 0.18), transparent 20rem),
    radial-gradient(circle at 5% 88%, rgba(32, 95, 121, 0.20), transparent 22rem),
    linear-gradient(135deg, #08111f 0%, #0f1d37 48%, #132747 100%);
}

.hero-grid {
  position: relative;
  z-index: 1;
}

.hero-grid::before {
  content: "";
  position: absolute;
  width: 165px;
  height: 165px;
  border-radius: 999px;
  border: 7px solid rgba(207, 163, 54, 0.78);
  right: -72px;
  top: -38px;
  opacity: 0.68;
  pointer-events: none;
}

.hero-grid::after {
  content: "";
  position: absolute;
  width: 310px;
  height: 310px;
  border-radius: 999px;
  left: -210px;
  bottom: -130px;
  background: rgba(42, 78, 121, 0.34);
  pointer-events: none;
}

.hero h1 {
  color: #ffffff;
}

.hero-subhead {
  color: rgba(229, 236, 247, 0.88);
}

/* Gold/yellow primary hierarchy */
.nav-cta,
.button-primary,
.hero .button-primary,
.pilot-form .button-primary {
  background: linear-gradient(180deg, #e0b84a 0%, #c99b2f 100%) !important;
  color: #09111f !important;
  border: 1px solid rgba(255, 225, 135, 0.55) !important;
  box-shadow:
    0 15px 34px rgba(207, 163, 54, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

.nav-cta:hover,
.button-primary:hover,
.hero .button-primary:hover,
.pilot-form .button-primary:hover {
  background: linear-gradient(180deg, #edc85b 0%, #d1a437 100%) !important;
  color: #07101e !important;
}

.hero .button-secondary,
.button-secondary {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #0e1830 !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,0.18);
}

.hero .button-secondary:hover,
.button-secondary:hover {
  background: #ffffff !important;
}

/* Guardrail pills: readable and premium, not dark-on-dark */
.hero .guardrail-strip span,
.guardrail-strip span {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #0e1830 !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.55) !important;
}

/* Product proof card: correct selector and crisp values */
.product-frame {
  background:
    radial-gradient(circle at 95% 0%, rgba(207, 163, 54, 0.18), transparent 13rem),
    linear-gradient(180deg, #fbfcff 0%, #eef2f7 100%) !important;
  border: 1px solid rgba(255,255,255,0.58) !important;
  box-shadow:
    0 36px 100px rgba(0,0,0,0.36),
    inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

.product-frame::before {
  opacity: 0.72;
}

.frame-top strong,
.flow-card small,
.protected-card small {
  color: #42506a !important;
}

.flow-card strong,
.protected-card strong {
  color: #0e1830 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.flow-card {
  background: rgba(255,255,255,0.98) !important;
  border: 1px solid rgba(14, 24, 48, 0.13) !important;
  box-shadow: 0 8px 22px rgba(14,24,48,0.06);
}

.flow-card.active {
  border-left: 5px solid #cfa336 !important;
}

.protected-card {
  background: #f4f1fb !important;
  border: 1px solid rgba(112, 100, 160, 0.28) !important;
}

.pill {
  color: #1d6b49 !important;
  background: #dff3e8 !important;
  border-color: rgba(47, 125, 87, 0.22) !important;
}

.pill.gold {
  color: #795514 !important;
  background: #f4e8c8 !important;
  border-color: rgba(207, 163, 54, 0.34) !important;
}

.receipt {
  background: linear-gradient(135deg, #0b1428 0%, #132541 100%) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

.receipt strong,
.receipt p {
  color: #ffffff !important;
}

/* Extra hero polish */
.hero .eyebrow {
  color: #e0b84a !important;
}

.site-header {
  background: rgba(7, 13, 25, 0.96) !important;
}

.brand-word {
  color: #ffffff !important;
}

.nav-links a {
  color: rgba(230, 236, 247, 0.70) !important;
}

.nav-links a:hover {
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .hero-grid::before {
    width: 118px;
    height: 118px;
    right: -66px;
    top: -16px;
    border-width: 5px;
    opacity: 0.55;
  }

  .hero-grid::after {
    width: 220px;
    height: 220px;
    left: -158px;
    bottom: -90px;
  }

  .hero .button-primary,
  .hero .button-secondary {
    min-width: 0;
  }

  .hero .guardrail-strip span {
    background: rgba(255,255,255,0.94) !important;
    color: #0e1830 !important;
  }
}


/* v3.18 final visual balance
   CSS-only refinement after live visual review.
   Keeps the dark executive hero and gold CTA, but moves decorative geometry
   out of the CTA/proof-pill zone so the page feels more mature and less busy.
*/

.hero-grid::before {
  width: 142px;
  height: 142px;
  right: -36px;
  top: -18px;
  border-width: 6px;
  opacity: 0.50;
}

.hero-grid::after {
  width: 270px;
  height: 270px;
  left: -235px;
  bottom: -150px;
  opacity: 0.52;
  background: rgba(42, 78, 121, 0.24);
}

.hero-actions,
.hero .guardrail-strip,
.hero-copy {
  position: relative;
  z-index: 2;
}

.product-frame {
  position: relative;
  z-index: 2;
}

/* Make gold CTA a little more premium and less saturated-orange. */
.nav-cta,
.button-primary,
.hero .button-primary,
.pilot-form .button-primary {
  background: linear-gradient(180deg, #e3bd51 0%, #c69a32 100%) !important;
  border-color: rgba(255, 231, 157, 0.52) !important;
  box-shadow:
    0 14px 32px rgba(207, 163, 54, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

/* Slightly calmer proof pills while retaining readability. */
.hero .guardrail-strip span,
.guardrail-strip span {
  background: rgba(255, 255, 255, 0.90) !important;
  border-color: rgba(255,255,255,0.42) !important;
}

/* Preserve the executive look but reduce overly heavy blank dark field. */
.hero {
  background:
    radial-gradient(circle at 79% 12%, rgba(14, 122, 168, 0.20), transparent 26rem),
    radial-gradient(circle at 96% 4%, rgba(207, 163, 54, 0.16), transparent 20rem),
    radial-gradient(circle at 2% 92%, rgba(32, 95, 121, 0.14), transparent 18rem),
    linear-gradient(135deg, #08111f 0%, #0f1d37 50%, #142846 100%);
}

@media (max-width: 760px) {
  .hero-grid::before {
    width: 104px;
    height: 104px;
    right: -62px;
    top: -8px;
    border-width: 5px;
    opacity: 0.42;
  }

  .hero-grid::after {
    width: 180px;
    height: 180px;
    left: -150px;
    bottom: -100px;
    opacity: 0.36;
  }
}


/* v3.19 final ring correction
   CSS-only polish after visual review.
   Keeps the v3.18 dark executive hero, gold CTA, crisp proof card, and geometric accents.
   Adjusts the upper-right gold ring so it reads as intentional and not clipped by the viewport.
*/

.hero-grid::before {
  width: 128px;
  height: 128px;
  right: 14px;
  top: 4px;
  border-width: 5px;
  opacity: 0.46;
}

@media (max-width: 760px) {
  .hero-grid::before {
    width: 92px;
    height: 92px;
    right: 10px;
    top: 6px;
    border-width: 4px;
    opacity: 0.36;
  }
}


/* v3.20 restrained color polish
   CSS-only final color restraint pass.
   Keeps the v3.19 identity while making accents feel more mature:
   - antique/institutional gold CTA
   - lower CTA glow
   - muted teal-green status pill
   - muted indigo/slate protected surface treatment
   - softer proof-pill borders
*/

:root {
  --gold: #d4af37;
  --gold-deep: #aa7f22;
  --teal-safe: #0f766e;
  --teal-safe-bg: #dcefeb;
  --indigo-muted: #53617f;
  --indigo-soft: #eef1f7;
}

/* Primary CTA: antique gold, not bright startup yellow */
.nav-cta,
.button-primary,
.hero .button-primary,
.pilot-form .button-primary {
  background: linear-gradient(180deg, #d9b84b 0%, #b98c2f 100%) !important;
  color: #07101e !important;
  border-color: rgba(232, 202, 123, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(170, 127, 34, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.26) !important;
}

.nav-cta:hover,
.button-primary:hover,
.hero .button-primary:hover,
.pilot-form .button-primary:hover {
  background: linear-gradient(180deg, #dfc15a 0%, #bf9335 100%) !important;
  box-shadow:
    0 12px 26px rgba(170, 127, 34, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

/* Safe / allowed tags: calmer, more infrastructure-grade */
.pill {
  color: #0f5f59 !important;
  background: #dcefeb !important;
  border-color: rgba(15, 118, 110, 0.20) !important;
}

.pill.gold {
  color: #72551e !important;
  background: #efe4c4 !important;
  border-color: rgba(170, 127, 34, 0.24) !important;
}

/* Protected surface: reduce random purple, move toward muted indigo/slate */
.protected-card {
  background: #eef1f7 !important;
  border-color: rgba(83, 97, 127, 0.24) !important;
}

.protected-icon,
.lock-icon {
  background: #53617f !important;
  color: #ffffff !important;
  border-color: rgba(83, 97, 127, 0.22) !important;
}

/* Flow-card accent left rail: antique gold */
.flow-card.active {
  border-left-color: #b98c2f !important;
}

/* Decorative ring: quieter antique-gold treatment */
.hero-grid::before {
  border-color: rgba(212, 175, 55, 0.46) !important;
  opacity: 0.42 !important;
}

/* Proof-strip pills: keep readable, reduce bright white / sticker effect */
.hero .guardrail-strip span,
.guardrail-strip span {
  background: rgba(246, 248, 252, 0.90) !important;
  color: #101827 !important;
  border-color: rgba(226, 232, 240, 0.50) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,0.14),
    inset 0 1px 0 rgba(255,255,255,0.48) !important;
}

/* Hero card remains crisp but less gleamy */
.product-frame {
  box-shadow:
    0 28px 82px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.68) !important;
}

@media (max-width: 760px) {
  .nav-cta,
  .button-primary,
  .hero .button-primary {
    box-shadow:
      0 8px 20px rgba(170, 127, 34, 0.18),
      inset 0 1px 0 rgba(255,255,255,0.25) !important;
  }

  .hero .guardrail-strip span {
    background: rgba(246, 248, 252, 0.92) !important;
  }
}


/* v3.21 thank-you page readability
   Scoped under body.thank-you-page only. The homepage is unaffected.
   Goal: dark navy backdrop consistent with the executive site language,
   focused white card with antique-gold left rail, stronger confirmation
   typography, readable receipt sentence, clean on mobile.
*/

body.thank-you-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(circle at 82% 6%, rgba(199, 154, 47, 0.16), transparent 28rem),
    radial-gradient(circle at 6% 86%, rgba(28, 95, 126, 0.20), transparent 24rem),
    linear-gradient(135deg, #08111f 0%, #0f1d37 50%, #142846 100%);
  color: #0e1728;
}

body.thank-you-page main.section {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(3rem, 8vw, 5.5rem) 0;
}

body.thank-you-page .container.founder-card {
  width: min(700px, calc(100% - 2rem));
  max-width: 700px;
  margin: 0 auto;
  padding: clamp(2.4rem, 5.4vw, 3.6rem);
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-left: 5px solid #b98c2f;
  box-shadow: 0 32px 88px rgba(3, 10, 24, 0.42);
}

body.thank-you-page .container.founder-card .eyebrow {
  color: #b98c2f;
  letter-spacing: 0.22em;
  margin-bottom: 0.95rem;
}

body.thank-you-page .container.founder-card h1 {
  color: #050b18;
  font-size: clamp(2.4rem, 4vw, 3.2rem);
  letter-spacing: -0.045em;
  margin-bottom: 1.15rem;
}

body.thank-you-page .thank-you-confirmation {
  margin: 0 0 1.5rem;
  max-width: 560px;
  color: #07101e;
  font-size: clamp(1.2rem, 1.7vw, 1.42rem);
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.012em;
}

body.thank-you-page .thank-you-receipt-note {
  margin: 0 0 1.9rem;
  max-width: 600px;
  color: #1f2a44;
  font-size: clamp(1.02rem, 1.35vw, 1.12rem);
  font-weight: 450;
  line-height: 1.62;
}

body.thank-you-page .hero-actions {
  margin-top: 1.5rem;
}

@media (max-width: 720px) {
  body.thank-you-page main.section {
    padding: 2.6rem 0;
  }

  body.thank-you-page .container.founder-card {
    padding: 2rem 1.55rem;
    width: calc(100% - 1.6rem);
  }

  body.thank-you-page .container.founder-card h1 {
    font-size: clamp(2.1rem, 9vw, 2.55rem);
  }

  body.thank-you-page .thank-you-confirmation {
    font-size: 1.18rem;
  }

  body.thank-you-page .thank-you-receipt-note {
    font-size: 1.02rem;
  }
}


/* v3.22 proof-demo private proof page
   Scoped under body.proof-demo-page only.
   Dark navy "proof room", antique-gold accents, white/near-white proof cards,
   audit-ready receipt card. Homepage and thank-you styles are unaffected.
*/

body.proof-demo-page {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #e6ecf6;
  background:
    radial-gradient(circle at 84% 4%, rgba(199, 154, 47, 0.12), transparent 28rem),
    radial-gradient(circle at 6% 90%, rgba(28, 95, 126, 0.16), transparent 24rem),
    linear-gradient(180deg, #08111f 0%, #0c1830 38%, #0a1428 100%);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

body.proof-demo-page .container {
  width: min(960px, calc(100% - 2rem));
  margin: 0 auto;
}

body.proof-demo-page .skip-link {
  background: #b98c2f;
  color: #07101e;
}

body.proof-demo-page .proof-header {
  position: sticky;
  top: 0;
  z-index: 5;
  background: rgba(7, 13, 25, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.proof-demo-page .proof-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 0;
}

body.proof-demo-page .brand {
  color: #ffffff;
}

body.proof-demo-page .brand-mark {
  width: 46px;
  height: 46px;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
}

body.proof-demo-page .brand-word {
  color: #ffffff !important;
  font-size: 1.12rem;
}

body.proof-demo-page .proof-badge {
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 0.4rem 0.78rem;
  border-radius: 999px;
  color: #d4af37;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.32);
}

body.proof-demo-page .proof-main {
  flex: 1;
  padding: clamp(1.8rem, 4.5vw, 3.4rem) 0 clamp(2.6rem, 5.5vw, 4.6rem);
}

body.proof-demo-page .proof-section {
  padding: clamp(0.9rem, 2.2vw, 1.45rem) 0;
}

body.proof-demo-page .proof-hero {
  padding-top: clamp(1.4rem, 3.5vw, 2.4rem);
  padding-bottom: clamp(1.4rem, 3vw, 2.2rem);
}

body.proof-demo-page .proof-eyebrow {
  margin: 0 0 0.9rem;
  color: #d4af37;
  text-transform: uppercase;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.22em;
}

body.proof-demo-page .proof-title {
  margin: 0 0 1rem;
  color: #ffffff;
  font-size: clamp(1.95rem, 3.4vw, 2.85rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
  max-width: 28ch;
}

body.proof-demo-page .proof-subtitle {
  margin: 0 0 2rem;
  color: rgba(229, 236, 247, 0.82);
  font-size: clamp(1.02rem, 1.55vw, 1.18rem);
  max-width: 62ch;
  line-height: 1.55;
}

body.proof-demo-page .proof-status-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 0.72rem;
  margin: 0;
  padding: 0;
}

body.proof-demo-page .proof-status-row li {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-left: 3px solid #b98c2f;
  border-radius: 12px;
  padding: 0.78rem 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

body.proof-demo-page .proof-status-row li span {
  color: rgba(212, 220, 235, 0.62);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.proof-demo-page .proof-status-row li strong {
  color: #ffffff;
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: -0.005em;
}

body.proof-demo-page .proof-card {
  background: #ffffff;
  color: #0e1830;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-left: 4px solid #b98c2f;
  border-radius: 16px;
  padding: clamp(1.35rem, 3vw, 1.85rem);
  box-shadow: 0 22px 56px rgba(3, 10, 24, 0.30);
}

body.proof-demo-page .proof-card h2 {
  margin: 0 0 0.8rem;
  color: #07101e;
  font-size: clamp(1.28rem, 2.1vw, 1.6rem);
  line-height: 1.2;
  letter-spacing: -0.025em;
}

body.proof-demo-page .proof-card p {
  margin: 0 0 0.6rem;
  color: #2b3650;
  font-size: 1.02rem;
  line-height: 1.6;
}

body.proof-demo-page .proof-card p:last-child {
  margin-bottom: 0;
}

body.proof-demo-page .proof-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}

body.proof-demo-page .proof-cue-list,
body.proof-demo-page .proof-excl-list,
body.proof-demo-page .proof-disclaim-list {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.55rem;
}

body.proof-demo-page .proof-cue-list {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.proof-demo-page .proof-cue-list li {
  background: #e7f1ec;
  color: #0f5f59;
  border: 1px solid rgba(15, 118, 110, 0.22);
  border-radius: 12px;
  padding: 0.64rem 0.85rem;
  font-weight: 800;
  font-size: 0.94rem;
}

body.proof-demo-page .proof-cue-list li::before {
  content: "\2713";
  margin-right: 0.55rem;
  color: #0f766e;
  font-weight: 900;
}

body.proof-demo-page .proof-excl-list {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

body.proof-demo-page .proof-excl-list li {
  background: #eef1f7;
  color: #2b3650;
  border: 1px solid rgba(83, 97, 127, 0.24);
  border-radius: 12px;
  padding: 0.58rem 0.8rem;
  font-weight: 700;
  font-size: 0.92rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

body.proof-demo-page .proof-excl-list li::before {
  content: "\2014";
  margin-right: 0.55rem;
  color: #53617f;
  font-weight: 900;
}

body.proof-demo-page .proof-card-exclusion {
  border-left-color: #53617f;
}

body.proof-demo-page .proof-kv {
  display: grid;
  gap: 0.55rem;
  margin: 0.85rem 0 1rem;
}

body.proof-demo-page .proof-kv > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: baseline;
  justify-content: space-between;
  padding: 0.68rem 0.9rem;
  background: #f4f6fb;
  border: 1px solid rgba(14, 24, 48, 0.10);
  border-radius: 12px;
}

body.proof-demo-page .proof-kv dt {
  margin: 0;
  color: #5a6679;
  font-size: 0.82rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: none;
}

body.proof-demo-page .proof-kv dd {
  margin: 0;
}

body.proof-demo-page .proof-kv code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95rem;
  color: #07101e;
  background: #ffffff;
  border: 1px solid rgba(14, 24, 48, 0.12);
  border-radius: 8px;
  padding: 0.18rem 0.5rem;
}

body.proof-demo-page .proof-plain {
  margin-top: 0.6rem;
  color: #2b3650;
}

body.proof-demo-page .proof-plain strong {
  color: #07101e;
}

body.proof-demo-page .proof-receipt {
  background: linear-gradient(180deg, #0c1830 0%, #0a1428 100%);
  color: #e6ecf6;
  border: 1px solid rgba(212, 175, 55, 0.30);
  border-left: 4px solid #d4af37;
  border-radius: 18px;
  padding: clamp(1.45rem, 3.2vw, 2.05rem);
  box-shadow: 0 26px 66px rgba(0, 0, 0, 0.40);
}

body.proof-demo-page .proof-receipt-head {
  border-bottom: 1px dashed rgba(212, 175, 55, 0.28);
  padding-bottom: 1.05rem;
  margin-bottom: 1.05rem;
}

body.proof-demo-page .proof-receipt-head h2 {
  margin: 0 0 0.4rem;
  color: #ffffff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(1.12rem, 1.85vw, 1.38rem);
  letter-spacing: 0.02em;
}

body.proof-demo-page .proof-receipt-note {
  margin: 0;
  color: rgba(229, 236, 247, 0.66);
  font-size: 0.92rem;
}

body.proof-demo-page .proof-receipt-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin: 0;
}

body.proof-demo-page .proof-receipt-grid > div {
  display: grid;
  grid-template-columns: minmax(195px, 0.95fr) 1.05fr;
  gap: 1rem;
  align-items: baseline;
  padding: 0.68rem 0.95rem;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}

body.proof-demo-page .proof-receipt-grid dt {
  margin: 0;
  color: rgba(212, 220, 235, 0.7);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88rem;
  letter-spacing: 0.01em;
}

body.proof-demo-page .proof-receipt-grid dd {
  margin: 0;
  color: #ffffff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.94rem;
  word-break: break-word;
}

body.proof-demo-page .proof-card-claim {
  border-left-color: #d4af37;
}

body.proof-demo-page .proof-claim {
  margin: 0;
  color: #0e1830;
  font-size: clamp(1.05rem, 1.65vw, 1.2rem);
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: -0.005em;
}

body.proof-demo-page .proof-card-disclaim {
  border-left-color: #53617f;
}

body.proof-demo-page .proof-disclaim-list {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.proof-demo-page .proof-disclaim-list li {
  background: #f4f6fb;
  color: #2b3650;
  border: 1px solid rgba(14, 24, 48, 0.10);
  border-radius: 12px;
  padding: 0.62rem 0.85rem;
  font-weight: 700;
  font-size: 0.94rem;
}

body.proof-demo-page .proof-disclaim-list li::before {
  content: "\00d7";
  color: #8a3a44;
  margin-right: 0.6rem;
  font-weight: 900;
}

body.proof-demo-page .proof-card-note {
  background: rgba(255, 255, 255, 0.04);
  color: rgba(229, 236, 247, 0.86);
  border: 1px dashed rgba(255, 255, 255, 0.20);
  border-left: 4px solid rgba(212, 175, 55, 0.45);
  box-shadow: none;
}

body.proof-demo-page .proof-card-note p {
  color: rgba(229, 236, 247, 0.84);
}

body.proof-demo-page .proof-footer {
  padding: 1.5rem 0 1.8rem;
  background: #050b18;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.proof-demo-page .proof-footer-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

body.proof-demo-page .proof-footer-inner p {
  margin: 0;
  color: rgba(229, 236, 247, 0.56);
  font-size: 0.88rem;
}

body.proof-demo-page .proof-footer-link {
  color: #d4af37;
  font-weight: 800;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(212, 175, 55, 0.40);
  padding-bottom: 1px;
}

body.proof-demo-page .proof-footer-link:hover {
  color: #efd380;
  border-bottom-color: rgba(239, 211, 128, 0.70);
}

@media (max-width: 720px) {
  body.proof-demo-page .proof-receipt-grid > div {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }

  body.proof-demo-page .proof-status-row {
    grid-template-columns: 1fr 1fr;
  }

  body.proof-demo-page .proof-cue-list,
  body.proof-demo-page .proof-excl-list,
  body.proof-demo-page .proof-disclaim-list {
    grid-template-columns: 1fr;
  }

  body.proof-demo-page .proof-footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  body.proof-demo-page .proof-status-row {
    grid-template-columns: 1fr;
  }

  body.proof-demo-page .brand-mark {
    width: 40px;
    height: 40px;
  }

  body.proof-demo-page .proof-badge {
    font-size: 0.66rem;
    padding: 0.32rem 0.58rem;
  }

  body.proof-demo-page .proof-title {
    font-size: clamp(1.75rem, 7vw, 2.2rem);
  }
}