/* Unser Dubai - Prelaunch Website. Reines CSS, keine externen Abhaengigkeiten.
   COLOR SYSTEM: hell/luftig, an der neuen App orientiert (Sand + Weiss + Navy-Akzent + weiches Gold). */
:root{
  /* Marken-Navy */
  --navy:#0A2540; --navy-2:#0D2238; --navy-3:#12314f;
  /* Flaechen */
  --bg-main:#FDFBF7;    /* warmes Off-White, Body */
  --bg-soft:#F5EFE4;    /* soft beige, helle Sections */
  --bg-card:#FFFFFF;    /* Karten */
  --bg-dark:#0E2E4D;    /* helleres, luftigeres Navy fuer dunkle Flaechen */
  --bg-dark-2:#123A5F;
  /* Text */
  --ink:#0A2540; --text-main:#0A2540;
  --text-muted:#57697C; --muted:#57697C; --muted-2:#7c8a99;
  --text-on-dark:rgba(255,255,255,.90);
  /* Gold: Fuellungen weicher/heller; Gold-Text dunkler fuer Kontrast */
  --accent:#E0B25C; --accent-soft:#EBC77E;
  --gold:#E0B25C; --gold-2:#EBC77E; --gold-d:#C2933D;
  --gold-ink:#8F6410;   /* Gold als Text auf hellem Grund (AA) */
  /* Linien / Schatten */
  --sand:#F5EFE4; --line:#ECE3D2; --border-soft:#ECE3D2;
  --white:#fff;
  --shadow:0 10px 30px rgba(10,37,64,.06); --shadow-soft:0 10px 30px rgba(10,37,64,.06);
  --radius:16px; --radius-sm:12px; --maxw:1120px; --space:clamp(56px,8vw,104px);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg-main);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{line-height:1.18;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(30px,6vw,52px);font-weight:800}
h2{font-size:clamp(24px,4.2vw,36px);font-weight:800;color:var(--navy)}
h3{font-size:clamp(18px,2.6vw,22px);font-weight:700}
p{margin:0 0 1em}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.section{padding:var(--space) 0}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.muted{color:var(--muted)}
.center{text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:var(--radius-sm);font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:transform .15s ease,filter .15s ease,background .15s ease}
.btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#20242c}
.btn-gold:hover{filter:brightness(1.03)}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn-outline.dark{border-color:var(--line);color:var(--navy)}
.btn-outline:hover{background:rgba(255,255,255,.10)}
.btn:active{transform:translateY(1px)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

/* Header (dunkel, aber leichter) */
.site-header{position:sticky;top:0;z-index:50;background:rgba(14,46,77,.90);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(255,255,255,.10)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.01em;text-decoration:none}
.brand .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,var(--gold-2),var(--gold));display:inline-block}
.brand-logo{width:34px;height:34px;border-radius:9px;display:inline-block;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.14)}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.nav-links a{color:rgba(255,255,255,.85);text-decoration:none;font-size:15px;font-weight:600}
.nav-links a:hover{color:#fff}
.nav-cta{display:flex;align-items:center;gap:12px}
.nav-cta .btn{min-height:42px;padding:0 18px;font-size:14px}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:#fff;margin:5px auto;transition:.2s}
.mobile-menu{display:none;background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.10)}
.mobile-menu.open{display:block}
.mobile-menu ul{list-style:none;margin:0;padding:12px 20px 20px}
.mobile-menu li{padding:6px 0}
.mobile-menu a{color:#fff;text-decoration:none;font-weight:600;display:block;padding:8px 0}

/* Hero (dunkel, aber luftiger, kein Fast-Schwarz) */
.hero{position:relative;background:radial-gradient(1100px 560px at 80% -12%,rgba(224,178,92,.20),transparent 60%),linear-gradient(155deg,var(--bg-dark) 0%,#0E3355 58%,#123A5F 100%);color:#fff;overflow:hidden}
.hero-in{padding:clamp(56px,9vw,110px) 0 clamp(64px,9vw,112px);max-width:820px}
.hero h1{color:#fff}
.hero .sub{font-size:clamp(16px,2.4vw,20px);color:rgba(255,255,255,.90);max-width:640px}
.hero .add{font-size:15px;color:rgba(255,255,255,.72);margin-top:2px}
.hero .usp-line{font-size:14.5px;color:rgba(255,255,255,.80);border-left:2px solid var(--accent);padding-left:12px;margin:14px 0 0;max-width:520px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 18px}
.trustline{font-size:13.5px;color:rgba(255,255,255,.72);max-width:560px}
.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--accent-soft);border:1px solid rgba(224,178,92,.45);border-radius:999px;padding:6px 14px;margin-bottom:20px}
.status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 0 0 rgba(224,178,92,.6)}
@media (prefers-reduced-motion:no-preference){.status-pill .dot{animation:pulse 2.2s ease-in-out infinite}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(224,178,92,.5)}50%{box-shadow:0 0 0 6px rgba(224,178,92,0)}}

/* Hero 2-Spalten + Mockup */
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:clamp(48px,8vw,96px) 0 clamp(56px,8vw,100px)}
.hero-grid .hero-in{padding:0;max-width:none}
.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}

/* Smartphone-Mockup: HELLE App-Welt (Sand/Weiss, Navy-Text, Gold als Prioritaet) */
.phone-lg{position:relative;z-index:2;width:264px;max-width:72vw;aspect-ratio:9/19.2;border-radius:40px;background:var(--bg-card);border:10px solid #10233b;box-shadow:0 40px 80px rgba(6,18,31,.42);overflow:hidden}
/* Dynamic-Island-Andeutung (beide Mockups) */
.phone-lg::after,.phone::after{content:"";position:absolute;z-index:4;top:13px;left:50%;transform:translateX(-50%);width:72px;height:19px;background:#0b1a2c;border-radius:11px}

/* Gemeinsame realistische App-UI (helle App-Farbwelt, an Phase 4.1 angelehnt) */
.appscr{position:absolute;inset:0;background:linear-gradient(180deg,#FFFDF9,var(--bg-soft));padding:34px 13px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.appscr .ax-top{display:flex;align-items:center;gap:7px}
.appscr .ax-logo{width:20px;height:20px;border-radius:6px;flex:0 0 20px;object-fit:cover;box-shadow:0 1px 3px rgba(10,37,64,.2)}
.appscr .ax-brand{font-size:11.5px;font-weight:800;color:var(--navy)}
.appscr .ax-live{margin-left:auto;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-ink);background:rgba(224,178,92,.18);border:1px solid rgba(224,178,92,.5);border-radius:999px;padding:3px 7px}
.appscr .ax-greet{font-size:15px;font-weight:800;color:var(--navy);line-height:1.15;letter-spacing:-.01em;margin-top:1px}
.appscr .ax-next{position:relative;background:linear-gradient(135deg,var(--gold-2),var(--gold));border-radius:13px;padding:10px 12px;box-shadow:0 6px 16px rgba(224,178,92,.34)}
.appscr .ax-next-k{display:block;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5a4308}
.appscr .ax-next-t{display:block;font-size:12px;font-weight:800;color:#20242c;margin-top:2px;line-height:1.25;max-width:86%}
.appscr .ax-next-go{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:17px;font-weight:800;color:#5a4308;line-height:1}
.appscr .ax-sec{font-size:8.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:1px}
.appscr .ax-list{display:flex;flex-direction:column;gap:6px}
.appscr .ax-item{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 9px}
.appscr .ax-ic{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:rgba(224,178,92,.16);border:1px solid rgba(224,178,92,.45);color:var(--gold-ink);display:flex;align-items:center;justify-content:center}
.appscr .ax-ic svg{width:15px;height:15px}
.appscr .ax-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.appscr .ax-txt b{font-size:11px;font-weight:800;color:var(--navy)}
.appscr .ax-txt small{font-size:9px;color:var(--muted)}
.appscr .ax-chev{margin-left:auto;color:rgba(10,37,64,.32);font-weight:800;font-size:14px;line-height:1}
.appscr .ax-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.appscr .ax-qt{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 2px;font-size:8.5px;font-weight:700;color:var(--navy)}
.appscr .ax-qi{width:22px;height:22px;border-radius:7px;background:rgba(10,37,64,.05);color:var(--navy);display:flex;align-items:center;justify-content:center}
.appscr .ax-qi svg{width:14px;height:14px}
.appscr .ax-nav{margin-top:auto;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line)}
.appscr .ax-nv{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7.5px;font-weight:700;color:rgba(10,37,64,.45)}
.appscr .ax-nv svg{width:15px;height:15px}
.appscr .ax-nv.on{color:var(--gold-ink)}

/* Floating UI-Karten */
.float-card{position:absolute;z-index:1;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(10,37,64,.14);padding:12px 14px;font-weight:700;font-size:13px;color:var(--navy);display:flex;align-items:center;gap:9px}
.float-card .fc-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 9px}
.float-a{top:8%;left:-6%}.float-b{bottom:16%;left:-10%}.float-c{top:22%;right:-8%}
@media (prefers-reduced-motion:no-preference){
  .phone-lg{animation:floaty 6s ease-in-out infinite}
  .float-a{animation:floaty 7s ease-in-out infinite}
  .float-b{animation:floaty 6.5s ease-in-out .4s infinite}
  .float-c{animation:floaty 7.5s ease-in-out .2s infinite}
}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* USP-Band (hell) */
.usp-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.usp-band .mini{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px}
.usp-band .mini span{font-weight:700;color:var(--navy);font-size:14.5px;display:flex;align-items:center;gap:8px}
.usp-band .mini span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}

/* Tension (soft beige) */
.tension{background:var(--bg-soft)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px;color:var(--navy)}

/* Phasen-Karten */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft)}
.card .badge{width:40px;height:40px;border-radius:11px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px}
.phase .card{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.phase .card h3{margin-bottom:8px}
.phase .card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-2),var(--gold));opacity:0;transition:opacity .18s ease}
.phase .card:hover,.phase .card:focus-within{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,37,64,.12);border-color:var(--accent)}
.phase .card:hover::before,.phase .card:focus-within::before{opacity:1}
.phase .card .out{margin-top:10px;font-size:13.5px;color:var(--gold-ink);font-weight:700}

/* Outcomes: HELL (soft beige) */
.outcomes{background:var(--bg-soft);color:var(--ink)}
.outcomes .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;margin-top:22px}
.outcome{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid rgba(10,37,64,.10)}
.outcome .tick{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:rgba(224,178,92,.18);border:1px solid rgba(224,178,92,.55);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.outcome b{font-weight:700;color:var(--navy)}

/* App-Vorschau: HELLE Mini-UI */
.preview{background:linear-gradient(180deg,var(--bg-soft),#fff)}
.preview-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.phone{width:270px;max-width:78vw;margin:0 auto;aspect-ratio:9/19;border-radius:38px;background:var(--bg-card);border:10px solid #10233b;box-shadow:0 30px 60px rgba(10,37,64,.20);position:relative;overflow:hidden}
.preview .note{font-size:12px;color:var(--muted-2)}

/* Gruenderstory: HELL, cardartig */
.founders-sec{background:var(--bg-soft)}
.founders-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}
.founders-portrait{aspect-ratio:4/5;border-radius:20px;background:linear-gradient(160deg,#ffffff,var(--bg-soft));border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px 24px;overflow:hidden;position:relative}
.founders-portrait::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--gold-2),var(--gold))}
.founders-portrait .bc-logo{width:56px;height:56px;border-radius:15px;object-fit:cover;box-shadow:0 8px 20px rgba(10,37,64,.18)}
.founders-portrait .bc-mono{font-size:clamp(46px,7vw,64px);font-weight:800;color:var(--navy);letter-spacing:.04em;line-height:1;margin-top:2px}
.founders-portrait .bc-name{font-size:15px;font-weight:800;color:var(--navy)}
.founders-portrait .bc-tag{font-size:12.5px;color:var(--muted);max-width:82%;line-height:1.4}
.founders-sec .sig{margin-top:16px;font-weight:800;color:var(--navy)}

/* Trust (hell) */
.trust{background:#fff}
.trust .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.stat{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}
.stat .num{font-size:24px;font-weight:800;color:var(--navy);line-height:1.15}
.stat .lbl{font-size:14px;color:var(--muted);margin-top:6px}
.founders{margin-top:26px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}

/* Early Access: gezielte dunkle Conversion-Flaeche (lichter Navy) */
.waitlist{background:linear-gradient(155deg,var(--bg-dark) 0%,#0C2743 100%);color:#fff}
.ea-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.ea-benefits{list-style:none;margin:18px 0 0;padding:0}
.ea-benefits li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(255,255,255,.14);color:#fff;font-weight:600}
.ea-benefits li:first-child{border-top:0}
.ea-benefits .tick{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:rgba(224,178,92,.20);border:1px solid rgba(224,178,92,.55);color:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.form-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:24px;max-width:560px}
.field{margin-bottom:14px}
.field label{display:block;font-size:13.5px;font-weight:700;margin-bottom:6px;color:rgba(255,255,255,.92)}
.field input,.field select{width:100%;min-height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.10);color:#fff;padding:0 14px;font-size:16px;font-family:inherit}
.field input::placeholder{color:rgba(255,255,255,.6)}
.field select option{color:#111}
.field .hint{font-size:12px;color:rgba(255,255,255,.62);margin-top:5px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:rgba(255,255,255,.88);margin:6px 0 16px}
.check input{margin-top:3px;flex:0 0 18px;width:18px;height:18px}
.check a{color:var(--accent-soft)}
.form-msg{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:14.5px}
.form-msg.ok{display:block;background:rgba(224,178,92,.16);border:1px solid rgba(224,178,92,.55);color:var(--accent-soft)}
.form-msg.err{display:block;background:rgba(239,68,68,.16);border:1px solid rgba(239,68,68,.5);color:#ffd7d7}
.field.invalid input,.field.invalid select{border-color:#ef6a6a}

/* FAQ (hell) */
.faq{background:var(--bg-soft)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{flex:0 0 20px;width:20px;height:20px;position:relative}
.faq summary .ic::before,.faq summary .ic::after{content:"";position:absolute;background:var(--gold-ink);border-radius:2px}
.faq summary .ic::before{top:9px;left:2px;right:2px;height:2px}
.faq summary .ic::after{left:9px;top:2px;bottom:2px;width:2px;transition:transform .2s}
.faq details[open] summary .ic::after{transform:scaleY(0)}
.faq .a{padding:0 20px 18px;color:var(--muted)}

/* Footer (dunkel) */
.site-footer{background:var(--navy-2);color:rgba(255,255,255,.82)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding:56px 0 28px}
.foot-grid h4{color:#fff;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}
.foot-grid a{color:rgba(255,255,255,.75);text-decoration:none;display:block;padding:5px 0;font-size:14.5px}
.foot-grid a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:13px;color:rgba(255,255,255,.6);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}

/* Reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.phone-lg,.float-a,.float-b,.float-c{animation:none!important}}

/* Legal */
.legal{max-width:820px;margin:0 auto;padding:48px 20px 80px}
.legal h1{color:var(--navy);font-size:clamp(26px,4vw,38px)}
.legal h2{color:var(--navy);font-size:22px;margin-top:32px}
.legal p,.legal li{color:#33414f}
.legal .todo{background:#FFF6E6;border:1px solid var(--accent);border-radius:10px;padding:10px 14px;color:#7a5b12;font-size:14px;margin:10px 0}
.legal a{color:var(--gold-ink)}
.backlink{display:inline-block;margin-bottom:18px;color:var(--gold-ink);text-decoration:none;font-weight:700}

/* Responsive */
@media (max-width:860px){
  .nav-links,.nav-cta .btn-outline{display:none}
  .burger{display:block}
  .grid-3{grid-template-columns:1fr}
  .outcomes .grid-2{grid-template-columns:1fr}
  .preview-wrap{grid-template-columns:1fr}
  .trust .stat-row{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:20px;padding:40px 0 20px}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-visual{min-height:0;order:2;margin-top:6px}
  .phone-lg{width:min(230px,74vw)}
  .float-card{display:none}
  .founders-grid{grid-template-columns:1fr;gap:20px}
  .ea-grid{grid-template-columns:1fr;gap:22px}
}

/* Plattform-Karten (App noch nicht veroeffentlicht -> "Bald", NICHT klickbar, keine Store-Links) */
.platform-block{margin-top:18px}
.platform-lead{margin:0 0 11px;font-size:14px;font-weight:700;letter-spacing:.01em;color:rgba(255,255,255,.90)}
.store-badges{display:flex;flex-wrap:wrap;gap:12px}
.store-badge{display:inline-flex;align-items:center;gap:11px;min-height:54px;padding:9px 18px;border-radius:13px;background:#0A1826;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;cursor:default;user-select:none}
.store-badge .sb-icon{width:25px;height:25px;flex:0 0 25px}
.store-badge .sb-txt{display:flex;flex-direction:column;line-height:1.06;text-align:left}
.store-badge .sb-pre{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.store-badge .sb-txt b{font-size:16px;font-weight:800;letter-spacing:.01em}

/* ── Coming-Soon-Teaser ─────────────────────────────────────────────── */
.hero-grid.single{grid-template-columns:1fr;max-width:860px}
.bridge{text-align:center;font-weight:800;color:var(--navy,#0A2540);margin:28px auto 0;font-size:clamp(17px,2.6vw,21px);max-width:640px}
.founders-payoff{font-size:clamp(26px,5.4vw,42px);font-weight:800;color:var(--navy,#0A2540);line-height:1.22;margin:30px auto 22px;max-width:640px}
.brandline{letter-spacing:.34em;font-weight:800;color:var(--gold,#B8860B);font-size:14px;margin-bottom:20px}
.final-cta .coming-tag{margin-top:24px;letter-spacing:.34em;font-weight:800;font-size:13px;color:var(--accent-soft,#E0B25C)}

/* ── Launch-Liste ────────────────────────────────────────────────────── */
.hp-field{position:absolute!important;left:-6000px;top:auto;width:1px;height:1px;overflow:hidden}
.field .opt{font-weight:600;color:rgba(255,255,255,.55);font-size:12px}
.wl-success{padding:10px 0 2px}
.wl-thanks{font-size:clamp(20px,3.6vw,26px);font-weight:800;color:#fff;margin-bottom:8px}
.wl-success a{color:var(--gold-2,#E0B25C);font-weight:700}
.ig-secondary{color:var(--gold-2,#E0B25C);font-weight:700}
#waitlist-form .btn[disabled]{opacity:.6;cursor:wait}

/* ── P26 Brand & Story ───────────────────────────────────────────────── */
.prose{max-width:680px;font-size:16.5px;line-height:1.65;color:var(--muted,#51606f)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1020px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid-4{grid-template-columns:1fr}}
.card .mq{font-weight:700;color:var(--navy,#0A2540);font-size:14.5px;line-height:1.4;margin:6px 0 8px}
.outcome span small{display:block;font-weight:500;color:var(--muted,#51606f);margin-top:3px;line-height:1.5}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
@media (max-width:820px){.principles{grid-template-columns:1fr;gap:16px}}
.principle{border-top:2px solid var(--gold,#B8860B);padding-top:14px}
.principle b{display:block;font-size:15px;color:var(--navy,#0A2540);margin-bottom:5px}
.principle span{font-size:14px;color:var(--muted,#51606f);line-height:1.55}
.section .eyebrow{letter-spacing:.12em;text-transform:uppercase}

/* ── P28 Mobile-Polish: kompakter Header, echtes Dashboard-Preview, Rhythmus ── */
.appscr-img{background:#F6F1E7;padding-top:34px}
.appscr-img img{width:100%;height:auto;display:block}
@media (max-width:760px){
  .nav-cta .btn{display:none} /* Header-CTA mobil ausgeblendet — der Hero-Primär-CTA übernimmt */
  .nav{height:56px}
  .brand{white-space:nowrap;font-size:16px}
  .brand-logo{width:30px;height:30px}
}
@media (max-width:600px){
  :root{--space:clamp(48px,10vw,64px)} /* ruhiger, konsistenter Sektionsabstand mobil */
  .hero-grid{padding:34px 0 46px}
  .status-pill{margin-bottom:14px}
  .preview{padding-bottom:52px}
  .preview-wrap{gap:22px}
  .phone{margin:6px auto 0}
  .trust{padding-top:56px}
}

/* ── P29 Premium-Polish: Mobile-Gutter + Device-Komposition ─────────────── */
@media (max-width:600px){
  .container{padding:0 24px} /* ruhigerer, hochwertigerer Seitenrand auf iPhone */
  .nav{gap:10px}
}
/* Device-Frame: größer, weicher gerundet, mehrschichtiger Schatten — edler Stand */
.phone{width:290px;max-width:82vw;border-radius:44px;border:9px solid #0d2238;background:#0d2238;
  box-shadow:0 22px 44px -16px rgba(10,37,64,.38),0 70px 130px -50px rgba(10,37,64,.26)}
.phone::after{width:64px;height:18px;border-radius:10px;top:12px;background:#0b1a2c}
/* Screenshot FÜLLT den Frame (object-fit:cover, oben verankert) — kein
   „reingelegtes Bild"-Gefühl, keine weißen Restflächen, Innenradius passend */
.appscr-img{position:absolute;inset:0;padding:30px 0 0;background:#F6F1E7;border-radius:35px;display:block}
.appscr-img img{width:100%;height:100%;object-fit:cover;object-position:top}
/* Bühne: zentriert + dezenter Gold-Schein als Sockel */
.phone-stage{position:relative;display:flex;justify-content:center;padding:10px 0 6px}
.phone-stage::before{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:78%;height:120px;background:radial-gradient(55% 65% at 50% 100%,rgba(216,155,43,.16),rgba(216,155,43,0));pointer-events:none}
.phone-stage .phone{position:relative;z-index:1}