/* ==================================================================
   founder.css — FOUNDER · Gotham
   Night city, rain, a signal in the clouds. Clean slate surfaces,
   one yellow accent, poster type for statements only.
   ================================================================== */

[data-mode="founder"] {
  --bg: #0c1220; --bg-2: #111a2c;
  --surface: #131b2d; --surface-2: #1a2439;
  --line: rgba(255, 255, 255, 0.08); --line-2: rgba(255, 255, 255, 0.16);
  --text: #eef1f7; --muted: #9aa5bf;
  --accent: #f3c53d; --accent-ink: #151407; --accent-soft: rgba(243, 197, 61, 0.12);
  --font-display: 'Bebas Neue', Impact, sans-serif;
  --display-weight: 400; --display-case: uppercase; --display-ls: 0.025em; --display-lh: 0.9;
  --radius: 14px; --radius-sm: 10px;
  --shadow: 0 40px 70px -40px rgba(0, 0, 0, 0.85);
}
[data-mode="founder"] body { background-image: linear-gradient(180deg, #0a0f1b 0%, #0c1220 40%, #0f1729 100%); }
[data-mode="founder"] .spotlight { opacity: 1; }
[data-mode="founder"] .h1 { font-size: clamp(3.2rem, 6vw, 6rem); letter-spacing: 0.02em; }
[data-mode="founder"] .hero-title span:nth-child(2) { color: var(--accent); }
[data-mode="founder"] .hero-title span:nth-child(3) { color: var(--muted); }
[data-mode="founder"] .hero-copy::before { content: ''; position: absolute; inset: -60px -80px -60px -120px; background: radial-gradient(60% 60% at 30% 40%, rgba(12, 18, 32, 0.85), transparent 70%); z-index: -1; pointer-events: none; }
[data-mode="founder"] .eyebrow { color: var(--accent); }
[data-mode="founder"] .eyebrow::before { content: ''; display: inline-block; width: 22px; height: 1px; background: var(--accent); vertical-align: middle; margin-right: 12px; }
[data-mode="founder"] .step .k::before, [data-mode="founder"] .case-kind::before { content: none; }
[data-mode="founder"] .card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
[data-mode="founder"] .card:hover { border-color: rgba(243, 197, 61, 0.35); }
[data-mode="founder"] .stat-v { color: var(--accent); }
[data-mode="founder"] .quote-text { text-shadow: 0 0 60px rgba(243, 197, 61, 0.12); }
[data-mode="founder"] .btn-primary { box-shadow: 0 18px 40px -20px rgba(243, 197, 61, 0.9); }
[data-mode="founder"] .btn-primary:hover { box-shadow: 0 0 0 6px rgba(243, 197, 61, 0.12), 0 24px 50px -18px rgba(243, 197, 61, 0.9); }
[data-mode="founder"] .btn.lit { animation: signalFlash 0.6s ease-out; }
@keyframes signalFlash { 0% { filter: brightness(1); } 15% { filter: brightness(1.8) saturate(0.7); } 100% { filter: brightness(1); } }
[data-mode="founder"] .fbtn.active { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }

/* ---------- contact stage: the signal ---------- */
.stage-founder { position: absolute; inset: 0; background: linear-gradient(180deg, #070a13 0%, #0c1324 55%, #151d37 100%); overflow: hidden; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 28px; }
.stage-founder .clouds { position: absolute; inset: 0; background: radial-gradient(60% 40% at 30% 30%, rgba(120, 130, 170, 0.16), transparent 70%), radial-gradient(50% 35% at 72% 22%, rgba(120, 130, 170, 0.14), transparent 70%), radial-gradient(70% 40% at 50% 60%, rgba(90, 100, 140, 0.12), transparent 70%); transition: filter 1s; }
.stage-founder .rain { position: absolute; inset: 0; background: repeating-linear-gradient(100deg, transparent 0 18px, rgba(180, 195, 235, 0.07) 18px 19px); animation: rainFall 0.7s linear infinite; pointer-events: none; }
@keyframes rainFall { to { background-position: -22px 60px; } }
.stage-founder .skyline { position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 110' preserveAspectRatio='none'><path fill='%23050710' d='M0 110V70h18V40h14v30h10V55h22v55h12V30h8V14h6v16h8v50h20V60h14v50h10V45h18v65h8V20h12v90h16V66h12v44h14V36h10V22h8v14h10v74h22V58h16v52h12V44h20v66h10V30h6V18h6v12h8v80h22V64h18v46h12V50h16v60h14V34h12v76h18V56h20v54h12V26h10v84h16V62h14v48h20V40h12v70h18V52h10v58h16V30h8V16h6v14h10v80h20V70h24v40z'/></svg>") no-repeat bottom center / cover; }
.stage-founder .beam { position: absolute; left: 62%; bottom: 0; width: 46%; height: 100%; background: linear-gradient(180deg, rgba(243, 197, 61, 0.3), rgba(243, 197, 61, 0.02)); clip-path: polygon(0 0, 100% 0, 68% 100%, 52% 100%); transform-origin: 60% 100%; transform: scaleY(0) rotate(28deg); opacity: 0; transition: transform 1.2s var(--ease), opacity 0.6s; mix-blend-mode: screen; }
.stage-founder .emblem { position: absolute; left: 28%; top: 18%; width: 34%; aspect-ratio: 2 / 1; display: grid; place-items: center; opacity: 0; transform: scale(0.6); transition: opacity 0.8s 0.6s, transform 1s var(--ease) 0.6s; }
.stage-founder .emblem::before { content: ''; position: absolute; inset: -30% -18%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 236, 150, 0.95), rgba(243, 197, 61, 0.55) 55%, rgba(243, 197, 61, 0) 100%); filter: blur(4px); }
.stage-founder .emblem svg { position: relative; width: 62%; fill: #06080f; }
.stage.lit .stage-founder .beam { transform: scaleY(1) rotate(28deg); opacity: 1; }
.stage.lit .stage-founder .emblem { opacity: 1; transform: scale(1); }
.stage.lit .stage-founder .clouds { filter: brightness(1.6); }
.stage-founder .signal-btn { position: relative; z-index: 2; }
.stage-founder .signal-msg { position: absolute; top: 20px; left: 0; right: 0; text-align: center; font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.26em; color: var(--accent); text-transform: uppercase; opacity: 0; transition: opacity 0.6s 1.2s; z-index: 2; }
.stage.lit .stage-founder .signal-msg { opacity: 1; }
[data-mode="founder"] .clink.lit { color: var(--accent); animation: flicker 0.9s steps(1) forwards; }
@keyframes flicker { 0% { opacity: 0.2; } 10% { opacity: 1; } 20% { opacity: 0.3; } 30% { opacity: 1; } 45% { opacity: 0.5; } 60% { opacity: 1; } 100% { opacity: 1; } }