@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('fonts/GeistMono-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root{
  --black:#0A0A0A; --white:#FAFAFA;
  --gray-50:#F9F9F9; --gray-100:#F5F5F5; --gray-200:#E5E5E5; --gray-300:#D4D4D4;
  --gray-400:#A3A3A3; --gray-500:#737373; --gray-600:#525252; --gray-700:#404040;
  --peach:#A3D4FF; --peach-lt:#CDE8FF; --peach-dk:#5AA6EC;
  --mint:#A8F0C6; --lavender:#C9B8FF; --sky:#A3D4FF;
  --ease:cubic-bezier(0.16,1,0.3,1);
  --font:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'Geist Mono','JetBrains Mono',monospace;
  --content-max: 440px;
  --gutter: 22px;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html, body{ height:100%; }
body{
  font-family:var(--font);
  background:var(--white);
  color:var(--black);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{ max-width:100%; }

main{ display:block; }

.container{
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

/* ─── App header ─────────────────────────── */
.appbar{
  position:fixed; top:0; left:0; right:0; z-index:40;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background 250ms, backdrop-filter 250ms, border-color 250ms, color 250ms;
  color:#fff;
}
.appbar-inner{
  max-width:var(--content-max);
  margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px var(--gutter);
}
.appbar.stuck{
  background:rgba(250,250,250,0.9);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom-color:var(--gray-200);
  color:var(--black);
}
.logo{ display:flex; align-items:center; gap:9px; text-decoration:none; }
.logo .sitelogo{ display:block; height:26px; width:auto; }
.mini-cta{
  font-size:13px; font-weight:600; color:inherit;
  border:1px solid rgba(255,255,255,0.28); background:transparent;
  padding:7px 14px; border-radius:9999px; cursor:pointer; font-family:inherit;
  transition:background 150ms, border-color 150ms, color 150ms;
}
.appbar.stuck .mini-cta{ color:var(--black); border-color:var(--gray-300); }
.appbar.stuck .mini-cta:hover{ background:var(--gray-100); border-color:var(--gray-400); }

/* ─── Section base ─────────────────────────── */
.eyebrow{
  font-size:11.5px; font-weight:600; letter-spacing:0.04em; color:var(--gray-500);
}

/* ─── Hero (dark premium · slate/sky) ─────────── */
.hero{
  --acc-lt:#CDE8FF; --acc:#A3D4FF; --acc-dk:#74B8F2;
  --acc-glow:rgba(110,175,255,0.42); --acc-text:#AEDBFF; --bg-deep:#0A0D11;
  position:relative;
  background:radial-gradient(130% 72% at 50% 4%, #142231 0%, #0D131C 46%, #0A0D11 100%);
  overflow:hidden;
}
.hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:radial-gradient(var(--acc-glow) 1.1px, transparent 1.2px);
  background-size:17px 17px;
  -webkit-mask-image:radial-gradient(125% 56% at 50% 0%, #000 0%, rgba(0,0,0,0.55) 40%, transparent 74%);
  mask-image:radial-gradient(125% 56% at 50% 0%, #000 0%, rgba(0,0,0,0.55) 40%, transparent 74%);
}
.hero-inner{
  position:relative; z-index:1;
  max-width:var(--content-max);
  margin:0 auto;
  padding:104px var(--gutter) 40px;
  display:flex; flex-direction:column;
  min-height:100vh;
}
.hero-gauge{ display:flex; justify-content:center; margin:2px 0 4px; }
.gauge{ position:relative; width:218px; }
.gauge svg{ display:block; width:100%; overflow:visible; }
.gauge .track{ fill:none; stroke-width:16; stroke-linecap:round; stroke:rgba(255,255,255,0.07); }
.gauge .seg{ fill:none; stroke-width:16; stroke-linecap:round; }
.gauge .seg.r{ stroke:#FF9C90; }
.gauge .seg.y{ stroke:#FFD774; }
.gauge .seg.g{ stroke:#8FE6B0; }
.gauge .tick{ stroke:rgba(255,255,255,0.18); stroke-width:2; stroke-linecap:round; }
.gauge .knob{
  fill:var(--acc-lt); stroke:var(--bg-deep); stroke-width:3; opacity:0;
  transform-box:view-box; transform-origin:90px 95px;
  animation:knobsweep 1.4s var(--ease) .9s forwards;
  filter:drop-shadow(0 0 14px rgba(110,175,255,0.7));
}
@keyframes knobsweep{ 0%{ opacity:0; transform:rotate(-96deg); } 12%{ opacity:1; } 100%{ opacity:1; transform:rotate(0deg); } }
.gauge .ctr{ position:absolute; left:0; right:0; bottom:2px; text-align:center; }
.gauge .ctr .v{ font-size:42px; font-weight:900; letter-spacing:-0.04em; line-height:1; color:#fff; }
.gauge .ctr .v .q{ display:inline-block; transform-origin:center; animation:qpulse 1.5s ease-in-out 2.3s infinite; }
@keyframes qpulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.18); } }
.gauge .ctr .v small{ font-size:18px; font-weight:700; color:rgba(255,255,255,0.4); }
.gauge .ctr .l{ font-family:var(--mono); font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.42); margin-top:5px; }
@media (prefers-reduced-motion: reduce){
  .gauge .knob{ opacity:1; transform:none; animation:none; }
  .gauge .ctr .v .q{ animation:none; }
}

.hero .eyebrow{ font-size:12px; font-weight:700; letter-spacing:0.01em; color:var(--acc-text); text-align:center; }
.hero h1{
  font-size:35px; font-weight:900; line-height:1.03; letter-spacing:-0.046em;
  color:#fff; text-wrap:balance; text-align:center; margin-top:8px; margin-bottom:0;
}
.hero .sub{
  font-size:15.5px; line-height:1.55; color:rgba(255,255,255,0.62); font-weight:400;
  text-align:center; margin:13px auto 0; max-width:330px; text-wrap:pretty;
}
.hero .cta-wrap{ margin-top:20px; }

.cta-primary{
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:100%; min-height:54px; padding:16px 24px;
  background:linear-gradient(135deg,#CDE8FF 0%,#A3D4FF 52%,#74B8F2 100%);
  color:var(--black); font-family:inherit; font-size:17px; font-weight:700;
  letter-spacing:-0.01em; border:none; border-radius:16px; cursor:pointer;
  box-shadow:0 8px 22px rgba(110,175,255,0.5), inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -2px 4px rgba(0,0,0,0.06);
  transition:transform 200ms var(--ease), box-shadow 200ms var(--ease);
}
.cta-primary:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(110,175,255,0.6), inset 0 1px 0 rgba(255,255,255,0.65); }
.cta-primary:active{ transform:scale(0.985); }
.cta-primary .arrow{ transition:transform 200ms var(--ease); }
.cta-primary:hover .arrow{ transform:translateX(3px); }

.hero .micro{ color:rgba(255,255,255,0.5); }
.micro{ font-size:12.5px; color:var(--gray-500); text-align:center; margin-top:12px; line-height:1.5; }

.hero .trust{ margin-top:auto; padding-top:36px; display:flex; flex-direction:column; align-items:center; gap:13px; }
.hero .cust-block{ display:flex; flex-direction:column; align-items:center; gap:9px; }
.hero .cust-label{ font-size:9.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.38); text-align:center; }
.hero .cust-row{ display:flex; align-items:center; justify-content:center; gap:24px; }
.hero .c-logo{ display:flex; align-items:center; gap:7px; opacity:0.8; }
.hero .c-logo img{ filter:brightness(0) invert(1); display:block; }
.hero .c-logo .nm{ font-size:14px; font-weight:800; letter-spacing:-0.02em; color:#fff; }
.hero .c-logo.reduct img{ height:22px; }
.hero .c-logo.mtcon img{ height:34px; }
.hero .hairline{ height:1px; background:rgba(255,255,255,0.1); width:100%; }
.hero .dekra-pill{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12);
  border-radius:9999px; padding:8px 15px; font-size:12.5px; font-weight:600; color:#fff;
}
.hero .dekra-pill img{ height:15px; display:block; flex-shrink:0; }

/* ─── Section headings ─────────────────────────── */
.sec-label{
  font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--peach-dk); margin-bottom:10px;
}
.sec-title{
  font-size:25px; font-weight:800; letter-spacing:-0.035em; line-height:1.15;
  color:var(--black); margin-bottom:6px; text-wrap:balance;
}
.sec-lead{ font-size:15px; color:var(--gray-700); line-height:1.55; }

/* ─── 3-step ─────────────────────────── */
.steps{ padding:42px 0; background:var(--white); }
.step{
  display:flex; gap:15px; align-items:flex-start;
  padding:18px 0; border-top:1px solid var(--gray-200);
}
.step:first-of-type{ border-top:none; }
.step .n{
  flex-shrink:0; width:34px; height:34px; border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  font-size:15px; font-weight:800; color:var(--black);
  background:linear-gradient(135deg,var(--peach-lt),var(--peach) 60%,var(--peach-dk));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 4px 10px rgba(110,175,255,0.32);
}
.step .body strong{ display:block; font-size:15.5px; font-weight:700; color:var(--black); margin-bottom:3px; letter-spacing:-0.01em; }
.step .body p{ font-size:14px; color:var(--gray-600); line-height:1.5; }

.scale{ display:flex; gap:3px; margin-top:10px; }
.scale i{ flex:1; height:7px; border-radius:3px; background:var(--gray-200); }
.scale i.on{ background:linear-gradient(135deg,var(--peach),var(--peach-dk)); }
.scale-cap{ font-size:11px; color:var(--gray-400); font-family:var(--mono); margin-top:6px; letter-spacing:0.02em; }

/* ─── Bridge / Reifegrad-Leiter ─────────── */
.bridge{ padding:44px 0; background:var(--white); }
.bridge .sec-lead{ margin-top:8px; }
.bridge .mid{
  font-size:13.5px; font-weight:700; color:var(--black); letter-spacing:-0.01em;
  margin-top:22px; margin-bottom:14px;
}
.ladder{ display:flex; flex-direction:column; gap:8px; position:relative; }
.rung{
  display:flex; gap:13px; align-items:flex-start;
  background:var(--white); border:1px solid var(--gray-200); border-radius:13px;
  padding:13px 15px; position:relative;
}
.rung .n{
  flex-shrink:0; width:30px; height:30px; border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  font-size:13.5px; font-weight:800; color:var(--black);
  background:var(--gray-100); border:1px solid var(--gray-200);
  transition:background 200ms;
}
.rung:nth-child(1) .n{ background:linear-gradient(135deg,#EAF4FE,#DCEDFB); }
.rung:nth-child(2) .n{ background:linear-gradient(135deg,var(--peach-lt),#B6DBFA); }
.rung:nth-child(3) .n{ background:linear-gradient(135deg,var(--peach-lt),var(--peach) 80%); }
.rung:nth-child(4) .n{ background:linear-gradient(135deg,var(--peach-lt),var(--peach)); }
.rung:nth-child(5) .n{ background:linear-gradient(135deg,var(--peach),var(--peach-dk) 90%); }
.rung:nth-child(6) .n{
  background:linear-gradient(135deg,var(--peach),var(--peach-dk));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 4px 12px rgba(110,175,255,0.4);
}
.rung .b strong{ display:block; font-size:14.5px; font-weight:700; color:var(--black); letter-spacing:-0.01em; }
.rung .b p{ font-size:13px; color:var(--gray-600); line-height:1.45; margin-top:2px; }
.bridge-close{
  font-size:14px; line-height:1.55; color:var(--gray-700); text-wrap:pretty;
  margin-top:20px; padding-left:14px; border-left:2px solid var(--peach);
}

/* ─── Testimonial w/ photo ──────────────── */
.testi{ background:var(--gray-50); padding:42px 0; }
.testi-photo{
  width:100%; aspect-ratio:1280/900; border-radius:16px; overflow:hidden; margin-bottom:20px;
  background:repeating-linear-gradient(135deg,#EDEBE8 0 9px,#E3E0DC 9px 18px);
  border:1px solid var(--gray-200);
}
.testi-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.testi blockquote{
  font-size:18px; line-height:1.5; font-weight:600; color:var(--black);
  letter-spacing:-0.015em; text-wrap:pretty;
}
.testi blockquote .mk{ color:var(--peach-dk); font-weight:800; }
.testi .attr{ display:flex; align-items:center; gap:12px; margin-top:18px; }
.testi .attr .ava{ width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; border:1px solid var(--gray-200); }
.testi .attr .who{ flex:1; min-width:0; }
.testi .attr .nm{ font-size:14px; font-weight:800; color:var(--black); letter-spacing:-0.01em; }
.testi .attr .rl{ font-size:12.5px; color:var(--gray-600); margin-top:1px; }
.testi .attr .logo{ height:26px; width:auto; display:block; flex-shrink:0; }

/* ─── ReductStore proof block ───────────── */
.proofblock{ padding:42px 0; background:var(--white); }
.proofblock .head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.proofblock .label{
  font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--peach-dk);
}
.proofblock .head .reduct-logo{ display:flex; align-items:center; gap:8px; }
.proofblock .head .reduct-logo img{ height:24px; width:auto; display:block; }
.proofblock .head .reduct-logo .nm{ font-size:14px; font-weight:800; letter-spacing:-0.02em; color:var(--gray-700); }
.stats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.stat{
  background:var(--white); border:1px solid var(--gray-200); border-radius:14px;
  padding:16px 15px;
}
.stat .big{ font-size:26px; font-weight:900; letter-spacing:-0.04em; color:var(--black); line-height:1; }
.stat .cap{ font-size:12px; color:var(--gray-600); line-height:1.35; margin-top:7px; }
.proof-quote{
  font-size:14px; line-height:1.55; color:var(--gray-700); text-wrap:pretty;
  margin-top:18px; padding-left:14px; border-left:2px solid var(--peach);
}
.proofblock .attr{ display:flex; align-items:center; gap:12px; margin-top:16px; }
.proofblock .attr .ava{ width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; border:1px solid var(--gray-200); }
.proofblock .attr .nm{ font-size:14px; font-weight:800; color:var(--black); letter-spacing:-0.01em; }
.proofblock .attr .rl{ font-size:12.5px; color:var(--gray-600); margin-top:1px; }
.proofblock .attr .who{ flex:1; min-width:0; }

/* ─── Founders ─────────────────────────── */
.founders{ background:var(--gray-50); padding:42px 0; }
.founder-card{
  background:var(--white); border:1px solid var(--gray-200); border-radius:16px;
  padding:18px; margin-top:14px; display:flex; gap:14px; align-items:flex-start;
}
.photo-slot{
  flex-shrink:0; width:66px; height:66px; border-radius:14px; overflow:hidden;
  background:repeating-linear-gradient(135deg,#EDEBE8 0 7px,#E3E0DC 7px 14px);
  border:1px solid var(--gray-200);
}
.photo-slot img{ width:100%; height:100%; object-fit:cover; display:block; }
.founder-card .info{ flex:1; min-width:0; }
.founder-card .name{ font-size:16px; font-weight:800; color:var(--black); letter-spacing:-0.02em; }
.founder-card .role{ font-size:12.5px; font-weight:600; color:var(--gray-700); margin-top:2px; }
.founder-card .desc{ font-size:13px; color:var(--gray-600); line-height:1.5; margin-top:9px; }
.dekra-tag{
  display:flex; width:100%; justify-content:center; align-items:center; gap:6px; margin-top:12px;
  background:var(--gray-100); border-radius:9999px; padding:7px 12px;
  font-size:11px; font-weight:600; color:var(--gray-700);
}
.dekra-tag img{ height:13px; display:block; }

/* ─── Closing CTA ───────────────────────────── */
.closing{ padding:8px 0 56px; text-align:center; background:var(--white); }
.closing h2{
  font-size:24px; font-weight:800; letter-spacing:-0.035em; line-height:1.15;
  color:var(--black); margin-bottom:18px; text-wrap:balance;
}

/* ─── Footer ─────────────────────────── */
.footer{
  background:var(--black); padding:34px 0 30px; text-align:center; color:var(--white);
}
.footer .fmark{ height:32px; width:auto; margin:0 auto 16px; display:block; }
.footer .closer{ font-size:15px; font-weight:600; color:var(--white); line-height:1.5; letter-spacing:-0.01em; }
.footer .closer b{ font-weight:900; }
.footer .links{ display:flex; gap:18px; justify-content:center; margin-top:18px; }
.footer .links a{ font-size:12.5px; color:var(--gray-400); text-decoration:none; }
.footer .links a:hover{ color:var(--white); text-decoration:underline; }
.footer .fine{ font-size:11px; color:var(--gray-600); margin-top:16px; }

/* ─── Sticky CTA ─────────────────────────── */
.sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:50;
  pointer-events:none;
  transform:translateY(140%);
  transition:transform 360ms var(--ease);
  background:linear-gradient(to top, rgba(250,250,250,0.98) 60%, rgba(250,250,250,0));
  padding:12px 0 max(22px, env(safe-area-inset-bottom));
}
.sticky-cta-inner{
  max-width:var(--content-max); margin:0 auto; padding:0 var(--gutter);
}
.sticky-cta.show{ transform:translateY(0); pointer-events:auto; }
.sticky-cta .cta-primary{ box-shadow:0 10px 26px rgba(110,175,255,0.55), inset 0 1px 0 rgba(255,255,255,0.6); }
.sticky-cta .note{ font-size:11px; color:var(--gray-500); text-align:center; margin-top:7px; }

/* ─── Tablet+ tweaks ─────────────────────────── */
@media (min-width: 640px){
  :root{ --content-max: 480px; --gutter: 28px; }
  .hero h1{ font-size:42px; }
  .sec-title{ font-size:28px; }
}

/* ─── Desktop (≥ 900px) ─────────────────────────── */
/* Widen container to 1200px, drop the hero's 100vh stretch, lay out
   sections in multi-column grids that use the horizontal space. */
@media (min-width: 900px){
  :root{ --content-max:1200px; --gutter:48px; }

  /* Container width applies via .container max-width var */

  /* ─ Hero ─ */
  .hero-inner{
    min-height:auto;
    padding:120px var(--gutter) 64px;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
    grid-template-areas:
      "eyebrow gauge"
      "title   gauge"
      "sub     gauge"
      "cta     gauge"
      "trust   trust";
    column-gap:64px;
    row-gap:14px;
    align-items:start;
  }
  .hero-gauge{ grid-area:gauge; margin:0; align-self:center; justify-self:center; }
  .gauge{ width:280px; }
  .hero .eyebrow{ grid-area:eyebrow; text-align:left; align-self:end; }
  .hero h1{ grid-area:title; text-align:left; font-size:56px; line-height:1.02; margin-top:0; }
  .hero .sub{ grid-area:sub; text-align:left; margin:8px 0 0; max-width:540px; font-size:17px; }
  .hero .cta-wrap{ grid-area:cta; margin-top:16px; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
  .hero .cta-primary{ width:auto; min-width:240px; padding:18px 32px; }
  .hero .micro{ text-align:left; margin-top:0; }
  .hero .trust{ grid-area:trust; flex-direction:row; align-items:center; justify-content:space-between; gap:32px; padding-top:48px; margin-top:32px; border-top:1px solid rgba(255,255,255,0.08); }
  .hero .cust-block{ align-items:flex-start; }
  .hero .cust-label{ text-align:left; }
  .hero .hairline{ display:none; }

  /* ─ Section titles ─ */
  .sec-title{ font-size:38px; line-height:1.1; }
  .sec-lead{ font-size:17px; max-width:680px; }

  /* ─ Steps: 3 columns ─ */
  .steps{ padding:80px 0; }
  .steps .container > .step,
  .steps .step{ /* selectors kept loose since markup may differ */ }
  .steps .container{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-areas:
      "head head head"
      "spacer spacer spacer"
      "s1 s2 s3";
    column-gap:32px;
  }
  .steps .container > .sec-label{ grid-area:head; margin-bottom:6px; }
  .steps .container > .sec-title{ grid-area:head; margin-top:32px; }
  .steps .container > div[style*="height:14px"]{ grid-area:spacer; height:32px !important; }
  .steps .step{ border-top:none !important; padding:0; align-items:flex-start; }
  .steps .step:nth-of-type(1){ grid-area:s1; }
  .steps .step:nth-of-type(2){ grid-area:s2; }
  .steps .step:nth-of-type(3){ grid-area:s3; }

  /* ─ Bridge: 2-col grid for the 6 rungs, with side intro ─ */
  .bridge{ padding:80px 0; }
  .bridge .ladder{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .bridge .mid{ margin-top:32px; }
  .bridge-close{ max-width:760px; margin-top:32px; }

  /* ─ Testimonial: photo left, quote right ─ */
  .testi{ padding:80px 0; }
  .testi .container{ display:grid; grid-template-columns:5fr 7fr; gap:48px; align-items:center; }
  .testi-photo{ margin-bottom:0; aspect-ratio:4/5; }
  .testi blockquote{ font-size:24px; line-height:1.4; }

  /* ─ ReductStore proof: 4-col stats ─ */
  .proofblock{ padding:80px 0; }
  .proofblock .stats{ grid-template-columns:repeat(4, 1fr); gap:16px; }
  .proofblock .stat .big{ font-size:32px; }
  .proof-quote{ max-width:820px; font-size:16px; }

  /* ─ Founders: 2 columns ─ */
  .founders{ padding:80px 0; }
  .founders .container > .founder-card{ /* targeted below */ }
  .founders .container{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "head head"
      "lead lead"
      "f1 f2";
    column-gap:32px;
  }
  .founders .container > .sec-label{ grid-area:head; }
  .founders .container > .sec-title{ grid-area:head; margin-top:32px; }
  .founders .container > .sec-lead{ grid-area:lead; margin-top:8px; margin-bottom:24px; }
  .founders .founder-card:nth-of-type(1){ grid-area:f1; margin-top:0; }
  .founders .founder-card:nth-of-type(2){ grid-area:f2; margin-top:0; }
  .founder-card{ padding:24px; }
  .photo-slot{ width:80px; height:80px; }

  /* ─ Closing & footer: stay centered, narrower ─ */
  .closing{ padding:32px 0 96px; }
  .closing h2{ font-size:36px; }
  .closing .container{ max-width:560px; }
  .closing .cta-primary{ width:auto; min-width:280px; margin:0 auto; }
  .footer{ padding:48px 0 40px; }

  /* ─ Appbar: keep right-side CTA aligned with new container width ─ */
  .appbar-inner{ padding:18px var(--gutter); }

  /* ─ Sticky CTA: hide on desktop (we have an inline appbar CTA already) ─ */
  .sticky-cta{ display:none; }
}