:root {
  --navy-950:#071226;
  --navy:#0B1730;
  --navy-2:#122444;
  --navy-3:#17335B;
  --ink:#111827;
  --muted:#64748B;
  --blue-700:#1D4ED8;
  --blue-600:#2563EB;
  --blue-500:#3B82F6;
  --blue-400:#60A5FA;
  --blue-100:#DBEAFE;
  --blue-50:#EFF6FF;
  --cyan:#22D3EE;
  --cyan-soft:#ECFEFF;
  --white:#FFFFFF;
  --paper:#F8FAFC;
  --line:#E2E8F0;
  --shadow:0 24px 70px rgba(7,18,38,.14);
  --radius:26px;
  --shell:1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, .button, summary, .choice, .upload-zone { -webkit-tap-highlight-color: transparent; }
.shell { width: min(calc(100% - 40px), var(--shell)); margin: 0 auto; }
.announcement { background: var(--navy); color: #DBEAFE; text-align: center; padding: 8px 20px; font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(13,43,68,.08); }
.nav-wrap { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; }
.brand-logo { display:block; width:224px; height:auto; overflow:visible; }
.desktop-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.desktop-nav a { font-size: 14px; color: #506477; font-weight: 700; }
.desktop-nav a:hover { color: var(--navy); }
.button { border: 0; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 14px 20px; font-weight: 800; cursor: pointer; transition: .22s ease; background: var(--navy); color: #fff; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(7,31,51,.15); }
.button-small { padding: 11px 16px; font-size: 13px; }
.button-large { padding: 17px 23px; border-radius: 16px; }
.button-primary { background:linear-gradient(135deg,var(--blue-600),var(--blue-700)); color:#fff; box-shadow:0 14px 34px rgba(37,99,235,.24); }
.button-light { background: #fff; color: var(--navy); }
.button-ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); }
.hero { min-height: 720px; background: linear-gradient(180deg, #fbfdff 0%, #f3f8fb 100%); position: relative; overflow: hidden; padding: 92px 0 86px; }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:120px; background:linear-gradient(180deg, rgba(245,248,251,0), #f5f8fb); pointer-events:none; }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(2px); opacity: .75; }
.glow-one { width: 560px; height: 560px; background: radial-gradient(circle, rgba(34,211,238,.14), rgba(34,211,238,0) 68%); right: 2%; top: -40px; }
.glow-two { width: 420px; height: 420px; background: radial-gradient(circle, rgba(85,179,255,.12), rgba(85,179,255,0) 70%); left: -120px; top: 100px; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items: center; }
.eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 8px; color: #1D4ED8; font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.dot { width: 8px; height: 8px; border-radius: 99px; background: var(--blue-600); box-shadow: 0 0 0 6px rgba(34,211,238,.12); }
.hero h1 { margin: 22px 0 24px; font-size: clamp(46px, 5.1vw, 74px); line-height: .98; letter-spacing: -.062em; max-width: 760px; }
.hero h1 span { color:transparent; background:linear-gradient(100deg,var(--blue-700),var(--blue-400)); -webkit-background-clip:text; background-clip:text; }
.hero-lead { font-size: 19px; line-height: 1.65; color: #52687a; max-width: 680px; margin: 0; }
.hero-lead strong { color: var(--ink); }
.hero-actions { margin-top: 34px; display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
.text-link { font-size: 14px; font-weight: 800; color: #40586b; }
.trust-row { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 34px; color: #52687a; font-size: 12px; }
.trust-row > div { display: flex; gap: 7px; align-items: center; }
.trust-row strong { font-weight: 750; }
.trust-icon { width: 20px; height: 20px; display:grid; place-items:center; border-radius:50%; background:var(--blue-50); color:#2563EB; font-size:11px; }
.hero-product { position: relative; min-height: 570px; display: grid; place-items: center; }
.phone-card { width: min(390px, 86%); padding: 12px; border-radius: 38px; background: var(--navy); box-shadow: 0 38px 90px rgba(3,23,41,.24); transform: rotate(1deg); }
.phone-topbar { height: 27px; display:flex; align-items:center; justify-content:center; gap:5px; }
.phone-topbar span:first-child { width: 62px; height: 6px; border-radius: 9px; background: rgba(255,255,255,.22); }
.phone-topbar span:last-child { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.22); }
.phone-content { border-radius: 29px; background: #f8fbfd; padding: 24px 20px 22px; }
.mini-brand { font-size:13px; font-weight:900; letter-spacing:-.02em; display:flex; align-items:center; gap:8px; }
.mini-mark-svg { width:27px; height:27px; display:block; flex:0 0 27px; }
.muted-label { margin: 22px 0 9px; font-size: 9px; color: #8695a4; letter-spacing: .11em; font-weight: 900; }
.invoice-card, .missing-card { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border:1px solid #e8eef3; border-radius:16px; padding:15px; }
.invoice-card div { display:flex; flex-direction:column; gap:4px; }
.invoice-card strong { font-size: 23px; }
.invoice-kicker { font-size: 11px; color:#64748B; font-weight:700; }
.status-badge { background:#EFF6FF; color:#2563EB; border-radius:99px; padding:6px 9px; font-size:9px; font-weight:850; text-transform:uppercase; }
.route-card { margin-top: 10px; background: #071b30; color:#fff; border-radius:17px; padding: 7px 13px; }
.route-line { display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; padding:11px 0; }
.route-line + .route-line { border-top:1px solid rgba(255,255,255,.1); }
.route-node { width:27px; height:27px; border-radius:50%; background:rgba(34,211,238,.12); color:var(--cyan); display:grid; place-items:center; font-size:11px; font-weight:900; }
.route-line div { display:flex; flex-direction:column; gap:3px; }
.route-line strong { font-size:11px; }
.route-line small { color:#9fb0bf; font-size:9px; }
.route-state { color:var(--cyan); }
.missing-card { margin-top:10px; justify-content:flex-start; }
.missing-card > span { width:31px; height:31px; border-radius:10px; display:grid; place-items:center; background:#fff3d8; color:#b37100; font-weight:900; }
.missing-card div { display:flex; flex-direction:column; gap:3px; }
.missing-card strong { font-size:10px; }
.missing-card small { color:#7a8997; font-size:9px; }
.money-card { margin-top:10px; background:linear-gradient(135deg,#EFF6FF,#F8FBFF); border:1px solid #DBEAFE; padding:17px; border-radius:17px; display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.money-card small { color:#64748B; font-size:9px; }
.money-card strong { font-size:15px; }
.money-card button { width:100%; border:0; background:var(--navy); color:#fff; border-radius:11px; padding:11px; margin-top:8px; font-size:10px; font-weight:850; cursor:pointer; }
.floating-card { position:absolute; display:flex; align-items:center; gap:10px; background:#fff; padding:12px 14px; border-radius:15px; box-shadow:0 18px 46px rgba(14,42,66,.14); border:1px solid #edf1f5; }
.floating-card div { display:flex; flex-direction:column; gap:2px; }
.floating-card small { color:#8493a0; font-size:9px; }
.floating-card strong { font-size:11px; }
.float-icon { width:34px; height:34px; border-radius:11px; background:var(--cyan); display:grid; place-items:center; color:var(--navy); font-weight:900; }
.float-money { left:-4%; top:17%; }
.float-proof { right:-5%; bottom:14%; }
.float-icon.shield { background:#eaf2ff; color:#2563EB; }
.problem-strip { background: var(--paper); padding: 44px 0 80px; }
.problem-grid { background: #fff; border:1px solid #e7edf2; border-radius: 24px; padding: 38px 42px; display:grid; grid-template-columns: .95fr 1.05fr; align-items:center; gap:50px; box-shadow:0 18px 55px rgba(10,36,58,.05); }
.problem-grid h2 { font-size:34px; letter-spacing:-.04em; line-height:1.08; margin:10px 0 0; }
.problem-grid h2 span { color:var(--blue-600); }
.problem-grid p { margin:0; color:#617487; line-height:1.75; font-size:16px; }
.section { padding: 110px 0; }
.light-section { background:#fff; }
.section-heading { max-width: 680px; }
.section-heading.centered { text-align:center; margin:0 auto 55px; }
.section-heading h2, .value-copy h2, .check-copy h2, .partner-grid h2, .faq-section h2, .final-cta h2 { font-size: clamp(37px,4vw,56px); letter-spacing:-.05em; line-height:1.02; margin:14px 0 18px; }
.section-heading p, .check-copy > p, .partner-grid p { color:#64788a; line-height:1.7; font-size:17px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.step-card { min-height:330px; background:#f8fafc; border:1px solid #e5ebf0; border-radius:var(--radius); padding:28px; position:relative; overflow:hidden; }
.featured-step { background:var(--navy); color:#fff; transform:translateY(-8px); box-shadow:var(--shadow); }
.step-number { font-size:11px; letter-spacing:.12em; font-weight:900; color:#8a98a5; }
.featured-step .step-number { color:#7fa2b7; }
.step-icon { width:56px; height:56px; border-radius:17px; background:#e8fbf5; color:#2563EB; display:grid; place-items:center; font-size:24px; margin:52px 0 28px; }
.featured-step .step-icon { background:rgba(34,211,238,.12); color:var(--cyan); }
.step-card h3 { font-size:23px; letter-spacing:-.03em; margin:0 0 12px; }
.step-card p { color:#708191; line-height:1.65; margin:0; font-size:14px; }
.featured-step p { color:#a9bdca; }
.dark-section { background:var(--navy); color:#fff; position:relative; overflow:hidden; }
.dark-section::before { content:""; position:absolute; width:600px; height:600px; right:-140px; top:-170px; background:radial-gradient(circle,rgba(34,211,238,.12),transparent 65%); }
.value-grid { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center; }
.mint { color:var(--cyan); }
.value-copy h2 span { color:var(--cyan); }
.value-copy > p { color:#a9bdca; max-width:640px; line-height:1.75; }
.feature-list { margin-top:36px; display:flex; flex-direction:column; }
.feature-list > div { display:grid; grid-template-columns:44px 1fr; gap:16px; padding:19px 0; border-top:1px solid rgba(255,255,255,.1); }
.feature-list > div > span { width:31px; height:31px; border-radius:9px; display:grid; place-items:center; background:rgba(34,211,238,.10); color:var(--cyan); font-size:10px; font-weight:900; }
.feature-list strong { font-size:16px; }
.feature-list p { color:#8fa7b7; margin:5px 0 0; line-height:1.55; font-size:13px; }
.impact-panel { border:1px solid rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03)); border-radius:30px; padding:42px; box-shadow:0 32px 80px rgba(0,0,0,.17); }
.impact-label { color:#7fa2b7; letter-spacing:.12em; font-size:10px; font-weight:900; }
.impact-number { width:76px; height:76px; border-radius:23px; background:var(--cyan); color:var(--navy); display:grid; place-items:center; font-size:38px; font-weight:900; margin:30px 0 26px; }
.impact-panel h3 { font-size:31px; letter-spacing:-.04em; line-height:1.08; margin:0; }
.impact-panel > p:not(.impact-label) { color:#9eb4c2; line-height:1.65; font-size:14px; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:28px; }
.metric-row div { background:rgba(255,255,255,.06); border-radius:14px; padding:15px 12px; display:flex; flex-direction:column; }
.metric-row strong { color:var(--cyan); font-size:20px; }
.metric-row span { color:#8ea7b7; font-size:9px; margin-top:3px; }
.check-section { background:#f4f8fb; }
.check-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:70px; align-items:start; }
.check-copy { position:sticky; top:130px; }
.pilot-note { display:flex; align-items:flex-start; gap:12px; margin-top:30px; padding:16px; background:#fff; border:1px solid #e2eaf0; border-radius:16px; }
.pilot-note > span { flex:0 0 28px; width:28px; height:28px; border-radius:9px; display:grid; place-items:center; background:#eaf2ff; color:#2563EB; font-weight:900; }
.pilot-note p { margin:0; color:#687b8b; font-size:12px; line-height:1.6; }
.claim-form { background:#fff; border:1px solid #e1e8ee; border-radius:30px; padding:34px; box-shadow:0 26px 68px rgba(12,42,66,.08); min-height:520px; }
.form-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-bottom:34px; }
.form-progress span { height:4px; border-radius:99px; background:#e6edf2; }
.form-progress span.active { background:var(--cyan); }
.form-step { display:none; }
.form-step.active { display:block; animation:fade .24s ease; }
@keyframes fade { from{opacity:0; transform:translateY(5px)} to{opacity:1; transform:none} }
.form-eyebrow { color:#8293a2; font-size:10px; letter-spacing:.13em; font-weight:900; }
.claim-form h3 { margin:8px 0 25px; font-size:30px; letter-spacing:-.04em; }
.choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:24px; }
.choice { border:1.5px solid #e0e8ee; border-radius:17px; padding:17px; cursor:pointer; display:flex; flex-direction:column; min-height:138px; transition:.2s ease; }
.choice:hover { border-color:#BFDBFE; transform:translateY(-2px); }
.choice:has(input:checked) { border-color:var(--blue-600); box-shadow:0 0 0 3px rgba(34,211,238,.12); background:#F8FBFF; }
.choice input { position:absolute; opacity:0; pointer-events:none; }
.choice-icon { font-size:22px; color:#2563EB; margin-bottom:auto; }
.choice strong { font-size:14px; margin-top:18px; }
.choice small { font-size:10px; color:#7d8d9a; margin-top:3px; }
.field-label { display:flex; flex-direction:column; gap:8px; font-size:12px; font-weight:800; color:#495f71; margin:17px 0; }
.field-label input, .field-label select { width:100%; border:1.5px solid #dce5ec; border-radius:14px; padding:14px 15px; background:#fff; color:var(--ink); outline:none; }
.field-label input:focus, .field-label select:focus { border-color:#3B82F6; box-shadow:0 0 0 3px rgba(34,211,238,.12); }
.check-line { display:flex; align-items:flex-start; gap:10px; padding:14px; border-radius:14px; background:#f8fafc; color:#5d7182; line-height:1.45; font-size:12px; }
.check-line input { margin-top:2px; accent-color:var(--blue-600); }
.legal-check { font-size:10px; margin-top:12px; }
.form-buttons { display:flex; justify-content:space-between; gap:12px; margin-top:24px; }
.form-next:only-child { margin-top:0; }
.upload-zone { min-height:165px; border:1.5px dashed #b9c9d5; border-radius:18px; display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column; padding:24px; cursor:pointer; background:#fbfdff; }
.upload-zone:hover { border-color:#3B82F6; background:#F8FBFF; }
.upload-zone input { display:none; }
.upload-zone strong { font-size:13px; margin:9px 0 4px; }
.upload-zone small { font-size:10px; color:#8293a2; }
.upload-icon { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:#EFF6FF; color:#2563EB; font-size:20px; }
.form-result { text-align:center; padding:20px 8px; }
.result-icon { width:58px; height:58px; border-radius:20px; display:grid; place-items:center; margin:0 auto 20px; background:#e8fbf5; color:#2563EB; font-size:25px; font-weight:900; }
.form-result h3 { margin-bottom:10px; }
.form-result > p:not(.form-eyebrow):not(.result-note) { color:#64788a; }
.result-route { margin:28px 0; text-align:left; display:flex; flex-direction:column; gap:8px; }
.result-route > div { display:grid; grid-template-columns:32px 1fr; gap:11px; background:#f8fafc; border-radius:14px; padding:12px; }
.result-route span { width:30px; height:30px; border-radius:10px; background:var(--navy); color:var(--cyan); display:grid; place-items:center; font-weight:900; font-size:10px; }
.result-route p { margin:0; display:flex; flex-direction:column; }
.result-route strong { font-size:12px; }
.result-route small { color:#8293a2; margin-top:3px; font-size:9px; }
.result-note { color:#8494a2; font-size:10px; line-height:1.5; }
.partner-section { background:#0B1730; color:#fff; }
.partner-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:75px; align-items:center; }
.partner-grid p { color:#a6bccb; }
.dashboard-card { background:#fff; color:var(--ink); border-radius:28px; padding:25px; box-shadow:0 30px 90px rgba(0,0,0,.24); }
.dashboard-head { display:flex; justify-content:space-between; align-items:center; }
.dashboard-head > div { display:flex; flex-direction:column; gap:3px; }
.dashboard-head small { color:#8796a3; font-size:9px; letter-spacing:.11em; font-weight:900; }
.dashboard-head strong { font-size:20px; }
.live-pill { background:#e8fbf5; color:#2563EB; padding:7px 10px; border-radius:99px; font-size:9px; font-weight:900; text-transform:uppercase; }
.dashboard-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:24px 0; }
.dashboard-stats div { background:#f5f8fb; border-radius:15px; padding:15px; display:flex; flex-direction:column; gap:6px; }
.dashboard-stats small { color:#8494a1; font-size:9px; }
.dashboard-stats strong { font-size:24px; }
.dashboard-list { border-top:1px solid #edf1f4; }
.dashboard-list > div { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:12px; padding:15px 0; border-bottom:1px solid #edf1f4; }
.avatar { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:#edf7ff; color:#3e7096; font-size:9px; font-weight:900; }
.dashboard-list p { margin:0; display:flex; flex-direction:column; }
.dashboard-list p strong { font-size:11px; }
.dashboard-list p small { color:#8293a2; font-size:9px; margin-top:3px; }
.dashboard-list em { font-style:normal; font-weight:900; font-size:12px; }
.faq-section { background:#fff; }
.faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; align-items:start; }
.accordion details { border-top:1px solid #dde6ec; }
.accordion details:last-child { border-bottom:1px solid #dde6ec; }
.accordion summary { list-style:none; cursor:pointer; padding:22px 42px 22px 0; font-weight:800; position:relative; }
.accordion summary::-webkit-details-marker { display:none; }
.accordion summary::after { content:"+"; position:absolute; right:4px; top:19px; font-size:23px; color:#7790a1; }
.accordion details[open] summary::after { content:"–"; }
.accordion details p { margin:0; padding:0 44px 22px 0; color:#6b7e8e; line-height:1.7; font-size:14px; }
.final-cta { background:#0B1730; color:#fff; padding:105px 0; text-align:center; }
.final-cta-inner { max-width:850px; }
.final-cta h2 { font-size:clamp(50px,7vw,84px); margin:18px 0; }
.final-cta h2 span { color:var(--cyan); }
.final-cta p { color:#a7bccb; font-size:17px; margin:0 auto 30px; }
footer { background:#071226; color:#8fa6b6; padding:55px 0 22px; }
.footer-grid { display:grid; grid-template-columns:1.5fr .7fr .7fr; gap:40px; }
.footer-brand { color:#fff; }
.footer-logo { width:224px; }
.footer-grid > div:first-child p { line-height:1.6; font-size:12px; }
.footer-links { display:flex; flex-direction:column; gap:12px; font-size:12px; }
.footer-links a:hover { color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:42px; padding-top:20px; font-size:10px; }


.menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.menu-button span{display:block;width:20px;height:2px;border-radius:99px;background:var(--navy)}
.brand-logo text{font-synthesis:none}

@media (max-width: 960px) {
  .menu-button{display:flex; margin-left:auto}
  .desktop-nav{position:absolute;top:calc(100% + 8px);left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
  .desktop-nav.open{display:flex}
  .desktop-nav a{padding:12px 14px}
  .desktop-nav + .button-small{margin-left:0}

  .hero { padding-top:70px; }
  .hero-grid, .value-grid, .check-grid, .partner-grid, .faq-grid { grid-template-columns:1fr; gap:55px; }
  .hero-copy { text-align:center; }
  .hero-lead { margin-inline:auto; }
  .hero-actions, .trust-row { justify-content:center; }
  .hero-product { min-height:540px; }
  .float-money { left:6%; }
  .float-proof { right:5%; }
  .problem-grid { grid-template-columns:1fr; gap:18px; }
  .steps { grid-template-columns:1fr; max-width:680px; margin:0 auto; }
  .featured-step { transform:none; }
  .step-card { min-height:250px; }
  .step-icon { margin-top:35px; }
  .check-copy { position:static; }
  .faq-grid { gap:20px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > div:first-child { grid-column:1/-1; }
}

@media (max-width: 620px) {
  .shell { width:min(calc(100% - 26px),var(--shell)); }
  .announcement { font-size:9px; }
  .nav-wrap { height:68px; }
  .site-header .button-small { display:none; }
  .hero { padding:58px 0 65px; }
  .hero h1 { font-size:45px; }
  .hero-lead { font-size:16px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .text-link { padding:10px; }
  .trust-row { flex-direction:column; align-items:center; gap:10px; }
  .hero-product { min-height:515px; margin-top:5px; }
  .phone-card { width:92%; }
  .float-money { left:-2%; top:5%; }
  .float-proof { right:-1%; bottom:5%; }
  .floating-card small { display:none; }
  .problem-strip { padding-bottom:60px; }
  .problem-grid { padding:27px 23px; }
  .section { padding:78px 0; }
  .section-heading h2, .value-copy h2, .check-copy h2, .partner-grid h2, .faq-section h2 { font-size:39px; }
  .impact-panel { padding:28px; }
  .metric-row { grid-template-columns:1fr; }
  .claim-form { padding:22px 16px; border-radius:22px; }
  .choice-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .choice { padding:14px; min-height:130px; }
  .form-buttons { flex-direction:column-reverse; }
  .form-buttons .button { width:100%; }
  .dashboard-card { padding:18px; }
  .dashboard-stats { grid-template-columns:1fr 1fr 1fr; gap:5px; }
  .dashboard-stats div { padding:10px; }
  .dashboard-stats strong { font-size:18px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 640px) { .brand-logo { width:190px; } .footer-logo { width:205px; } }

/* Brand lock QA */
.brand{min-width:224px}
.site-header .brand-logo{max-width:224px}
@media(max-width:620px){.brand{min-width:184px}.site-header .brand-logo{width:184px;max-width:184px}}

/* ===== ERSTATTA refinement v3.3: typography + premium hero visual ===== */
body {
  line-height: 1.55;
}

.desktop-nav a {
  font-size: 15px;
  letter-spacing: -0.01em;
}

.hero {
  min-height: 760px;
  padding: 96px 0 88px;
}

.hero-grid {
  grid-template-columns: 1.02fr .98fr;
  gap: 56px;
  align-items: center;
}

.hero-copy {
  max-width: 640px;
}

.hero h1 {
  margin: 18px 0 22px;
  font-size: clamp(50px, 5vw, 72px);
  line-height: 0.99;
  letter-spacing: -0.065em;
}

.hero-lead {
  font-size: 18px;
  line-height: 1.68;
  max-width: 610px;
}

.hero-actions {
  margin-top: 30px;
  gap: 18px;
}

.button,
.button-large,
.button-small {
  letter-spacing: -0.01em;
}

.button-large {
  font-size: 16px;
  padding: 17px 24px;
}

.text-link {
  font-size: 15px;
}

.trust-row {
  margin-top: 30px;
  gap: 18px 20px;
  font-size: 13px;
}

.hero-product-image {
  min-height: 620px;
}

.hero-image-frame {
  position: relative;
  width: min(100%, 620px);
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-image-frame::before {
  content: "";
  position: absolute;
  inset: 11% 8% 10%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59,130,246,.12), rgba(59,130,246,0) 70%);
  filter: blur(10px);
  z-index: 0;
}

.hero-app-image {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 560px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 38px 70px rgba(7, 18, 38, .18));
}

.problem-grid h2 {
  font-size: clamp(34px, 3.1vw, 42px);
  line-height: 1.06;
}

.section-heading h2,
.value-copy h2,
.check-copy h2,
.partner-grid h2,
.faq-section h2,
.final-cta h2 {
  font-size: clamp(40px, 4vw, 54px);
  line-height: 1.03;
}

.section-heading p,
.check-copy > p,
.partner-grid p,
.problem-grid p {
  font-size: 17px;
  line-height: 1.72;
}

.claim-form h3 {
  font-size: 28px;
}

.accordion summary {
  font-size: 18px;
}

.final-cta p {
  font-size: 18px;
  line-height: 1.7;
}

@media (max-width: 960px) {
  .hero {
    min-height: auto;
    padding-top: 74px;
  }

  .hero-grid {
    gap: 42px;
  }

  .hero-copy {
    max-width: 720px;
    margin: 0 auto;
  }

  .hero-product-image {
    min-height: auto;
  }

  .hero-image-frame {
    margin: 0 auto;
    width: min(100%, 560px);
  }

  .hero-app-image {
    width: min(100%, 500px);
  }
}

@media (max-width: 620px) {
  .hero {
    padding: 54px 0 64px;
  }

  .hero h1 {
    font-size: 41px;
    line-height: 1.01;
  }

  .hero-lead {
    font-size: 16px;
    line-height: 1.62;
  }

  .trust-row {
    font-size: 12px;
  }

  .hero-app-image {
    width: min(100%, 420px);
  }

  .section-heading h2,
  .value-copy h2,
  .check-copy h2,
  .partner-grid h2,
  .faq-section h2,
  .final-cta h2 {
    font-size: 36px;
  }

  .problem-grid h2 {
    font-size: 31px;
  }

  .claim-form h3 {
    font-size: 25px;
  }

  .accordion summary {
    font-size: 17px;
  }
}

/* ===== ERSTATTA v3.4: richer principle panel ===== */
.impact-panel-v2 {
  padding: 34px;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 88% 4%, rgba(34,211,238,.10), transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
}

.impact-panel-v2::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  right: -150px;
  bottom: -155px;
  border: 1px solid rgba(96,165,250,.16);
  box-shadow: 0 0 0 36px rgba(96,165,250,.025), 0 0 0 72px rgba(96,165,250,.018);
  pointer-events: none;
}

.impact-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.impact-topline .impact-label {
  margin: 0;
}

.impact-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(37,99,235,.14);
  color: #BFDBFE;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
  border: 1px solid rgba(96,165,250,.16);
}

.impact-pill > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 0 5px rgba(34,211,238,.08);
}

.impact-intro {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 22px;
  align-items: start;
  margin-top: 28px;
  position: relative;
  z-index: 1;
}

.impact-intro .impact-number {
  margin: 0;
  box-shadow: 0 16px 34px rgba(34,211,238,.16);
}

.impact-intro h3 {
  font-size: 29px;
  line-height: 1.07;
  margin: 2px 0 10px;
}

.impact-intro p {
  margin: 0;
  color: #9FB6C8;
  font-size: 13px;
  line-height: 1.62;
}

.impact-case {
  margin-top: 28px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 20px;
  background: rgba(5,18,38,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.impact-case-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(90deg,rgba(37,99,235,.10),rgba(34,211,238,.035));
}

.impact-case-head > div:first-child,
.impact-amount {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.impact-case-head small,
.impact-amount small {
  font-size: 8px;
  letter-spacing: .11em;
  color: #7995AB;
  font-weight: 900;
}

.impact-case-head strong {
  font-size: 14px;
  color: #F8FAFC;
}

.impact-amount {
  text-align: right;
}

.impact-amount strong {
  color: #93C5FD;
  font-size: 18px;
  letter-spacing: -.02em;
}

.impact-route {
  padding: 14px 16px 16px;
}

.impact-route-item {
  display: grid;
  grid-template-columns: 31px 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 52px;
}

.impact-route-node {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 900;
  color: #93C5FD;
  background: rgba(59,130,246,.12);
  border: 1px solid rgba(96,165,250,.14);
}

.impact-route-item.active .impact-route-node {
  color: #061B34;
  background: var(--cyan);
  border-color: transparent;
  box-shadow: 0 7px 18px rgba(34,211,238,.13);
}

.impact-route-item.result .impact-route-node {
  color: var(--cyan);
  background: rgba(34,211,238,.09);
  border-color: rgba(34,211,238,.16);
}

.impact-route-item > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.impact-route-item strong {
  font-size: 11px;
  color: #EAF2F8;
}

.impact-route-item small {
  font-size: 9px;
  color: #7891A5;
  line-height: 1.35;
}

.impact-route-item em {
  font-style: normal;
  font-size: 8px;
  font-weight: 850;
  color: #7CA1C1;
  background: rgba(255,255,255,.05);
  padding: 5px 7px;
  border-radius: 999px;
}

.impact-route-item.active em {
  color: #67E8F9;
  background: rgba(34,211,238,.07);
}

.impact-route-connector {
  width: 1px;
  height: 8px;
  background: linear-gradient(var(--cyan),rgba(96,165,250,.16));
  margin-left: 15px;
  opacity: .55;
}

.impact-measure-label {
  margin-top: 22px;
  color: #6F8AA1;
  font-size: 8px;
  letter-spacing: .13em;
  font-weight: 900;
  position: relative;
  z-index: 1;
}

.metric-row-v2 {
  gap: 9px;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}

.metric-row-v2 > div {
  min-height: 94px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.045);
}

.metric-row-v2 .metric-icon {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
  color: var(--cyan);
  background: rgba(34,211,238,.08);
  font-size: 13px;
  font-weight: 900;
}

.metric-row-v2 strong {
  font-size: 11px;
  color: #F3F8FC;
  line-height: 1.2;
}

.metric-row-v2 > div > span:last-child {
  font-size: 8px;
  line-height: 1.3;
  color: #7891A5;
  margin-top: 4px;
}

@media (max-width: 620px) {
  .impact-panel-v2 {
    padding: 24px 20px;
  }
  .impact-topline {
    align-items: flex-start;
    flex-direction: column;
  }
  .impact-intro {
    grid-template-columns: 58px 1fr;
    gap: 15px;
  }
  .impact-intro .impact-number {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 30px;
  }
  .impact-intro h3 {
    font-size: 25px;
  }
  .impact-case-head {
    padding: 14px;
  }
  .impact-route {
    padding-inline: 13px;
  }
  .impact-route-item {
    grid-template-columns: 30px 1fr;
  }
  .impact-route-item em {
    display: none;
  }
  .metric-row-v2 {
    grid-template-columns: 1fr 1fr;
  }
  .metric-row-v2 > div:last-child {
    grid-column: 1 / -1;
  }
}

/* ===== ERSTATTA v3.7 CLEAN RESPONSIVE RESET ===== */
html, body { max-width: 100%; overflow-x: clip; }
.hero-app-image { image-rendering: auto; }

/* Desktop: keep the approved composition, but blend the image into the hero */
@media (min-width: 961px) {
  .hero-image-frame {
    width: min(100%, 590px);
    margin-left: auto;
  }
  .hero-app-image {
    width: min(100%, 548px);
    filter: drop-shadow(0 26px 54px rgba(7,18,38,.13));
  }
}

/* Tablet */
@media (min-width: 621px) and (max-width: 960px) {
  .hero-image-frame { width: min(100%, 500px); margin-inline: auto; }
  .hero-app-image { width: 100%; }
  .hero-product-image { min-height: 0; }
}

/* Mobile is intentionally re-laid out instead of merely scaled down */
@media (max-width: 620px) {
  .announcement {
    padding: 6px 10px;
    font-size: 8.5px;
    line-height: 1.25;
    letter-spacing: .075em;
  }

  .site-header { backdrop-filter: blur(12px); }
  .nav-wrap { height: 64px; gap: 10px; }
  .brand { min-width: 0 !important; max-width: calc(100% - 58px); }
  .site-header .brand-logo {
    width: 164px !important;
    max-width: 164px !important;
  }
  .menu-button {
    display: flex !important;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    margin-left: auto;
  }
  .site-header .button-small { display: none !important; }
  .desktop-nav {
    left: 13px;
    right: 13px;
    top: calc(100% + 6px);
  }

  .hero {
    min-height: 0;
    padding: 38px 0 48px;
  }
  .hero::after { height: 70px; }
  .glow-one { width: 300px; height: 300px; right: -120px; top: 40px; }
  .glow-two { width: 260px; height: 260px; left: -150px; top: 260px; }

  .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start;
  }
  .hero-copy {
    width: 100%;
    max-width: none;
    margin: 0;
    text-align: left !important;
  }
  .eyebrow {
    font-size: 10px;
    letter-spacing: .105em;
  }
  .dot { width: 7px; height: 7px; box-shadow: 0 0 0 5px rgba(34,211,238,.11); }

  .hero h1 {
    margin: 15px 0 16px;
    font-size: clamp(34px, 9.4vw, 39px) !important;
    line-height: 1.015 !important;
    letter-spacing: -.048em !important;
    max-width: 100%;
  }
  .hero-lead {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
    max-width: 100%;
    margin: 0;
  }
  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 23px;
  }
  .hero-actions .button-large {
    width: 100%;
    min-height: 54px;
    padding: 15px 18px;
    font-size: 14px;
  }
  .text-link {
    display: block;
    width: 100%;
    text-align: center;
    padding: 9px 4px;
    font-size: 13px;
  }

  .trust-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100%;
    margin-top: 18px !important;
    font-size: 12px !important;
  }
  .trust-row > div {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
  .trust-row strong { line-height: 1.35; }

  .hero-product,
  .hero-product-image {
    min-height: 0 !important;
    width: 100%;
    margin: 4px 0 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hero-image-frame {
    width: min(100%, 344px) !important;
    margin: 0 auto !important;
  }
  .hero-image-frame::before {
    inset: 10% 6% 8%;
    filter: blur(8px);
  }
  .hero-app-image {
    display: block;
    width: 100% !important;
    max-width: 344px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 18px 32px rgba(7,18,38,.12));
  }

  .problem-strip { padding: 22px 0 52px; }
  .problem-grid { padding: 24px 20px; gap: 16px; }
  .problem-grid h2 { font-size: 30px !important; }
  .problem-grid p { font-size: 15px !important; }

  .section { padding: 68px 0 !important; }
  .section-heading h2,
  .value-copy h2,
  .check-copy h2,
  .partner-grid h2,
  .faq-section h2,
  .final-cta h2 {
    font-size: 34px !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
  }
  .section-heading p,
  .check-copy > p,
  .partner-grid p { font-size: 15.5px !important; }

  .value-grid { gap: 34px !important; }
  .feature-list > div { gap: 12px; padding: 16px 0; }
  .feature-list strong { font-size: 14px; }
  .feature-list p { font-size: 12px; line-height: 1.55; }

  .impact-panel-v2 { padding: 22px 18px !important; }
  .impact-topline { gap: 10px; }
  .impact-pill { white-space: normal; line-height: 1.25; }
  .impact-intro { grid-template-columns: 52px 1fr !important; gap: 13px !important; margin-top: 22px; }
  .impact-intro .impact-number { width: 52px !important; height: 52px !important; border-radius: 16px !important; font-size: 27px !important; }
  .impact-intro h3 { font-size: 23px !important; line-height: 1.08 !important; }
  .impact-intro p { font-size: 12px !important; }
  .impact-case { margin-top: 20px; }
  .impact-case-head { padding: 13px !important; }
  .impact-route { padding: 12px !important; }
  .impact-route-item { grid-template-columns: 29px minmax(0,1fr) !important; gap: 9px; }
  .impact-route-item strong { font-size: 10.5px; }
  .impact-route-item small { font-size: 8.5px; }
  .metric-row-v2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .metric-row-v2 > div,
  .metric-row-v2 > div:last-child {
    grid-column: auto !important;
    min-height: 0;
    padding: 12px;
  }

  .claim-form { padding: 20px 15px; }
  .choice-grid { grid-template-columns: 1fr; }
  .choice { min-height: 110px; }

  .dashboard-stats { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:first-child { grid-column: auto; }
  .footer-logo { width: 190px; }
}

/* ===== ERSTATTA Pilot 0.1 / v4.0 ===== */
.pilot-benefits {
  margin-top: 30px;
  display: grid;
  gap: 10px;
}
.pilot-benefits > div {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: start;
  padding: 13px 0;
  border-top: 1px solid #e1e8ee;
}
.pilot-benefits > div:last-child { border-bottom: 1px solid #e1e8ee; }
.pilot-benefits > div > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--navy);
  color: var(--cyan);
  font-size: 10px;
  font-weight: 900;
}
.pilot-benefits p { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.pilot-benefits strong { font-size: 13px; color: var(--ink); }
.pilot-benefits small { font-size: 11px; line-height: 1.5; color: #718394; }

.pilot-form { min-height: 610px; }
.pilot-form-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding-bottom: 20px;
  margin-bottom: 22px;
  border-bottom: 1px solid #edf1f4;
}
.pilot-form-head > div { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--navy); }
.pilot-live-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(34,211,238,.12); }
.pilot-local-badge { padding: 7px 10px; border-radius: 99px; background: #EFF6FF; color: var(--blue-700); font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.pilot-form .form-progress { grid-template-columns: repeat(4, 1fr); margin-bottom: 30px; }
.pilot-form .form-progress span.active { background: linear-gradient(90deg, var(--blue-600), var(--cyan)); }

.pilot-choice-grid { grid-template-columns: repeat(2, 1fr); }
.pilot-choice-grid .choice { min-height: 126px; }
.pilot-choice-grid .choice-wide { grid-column: 1 / -1; min-height: 102px; }

.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.amount-input { display: flex; align-items: center; border: 1.5px solid #dce5ec; border-radius: 14px; background: #fff; overflow: hidden; }
.amount-input:focus-within { border-color: #3B82F6; box-shadow: 0 0 0 3px rgba(34,211,238,.12); }
.amount-input > span { padding-left: 15px; color: var(--navy); font-weight: 900; }
.amount-input input { border: 0 !important; box-shadow: none !important; padding-left: 8px !important; }

.field-question { margin: 22px 0 10px; color: #495f71; font-size: 12px; font-weight: 850; }
.segment-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.segment-options.three { grid-template-columns: repeat(3, 1fr); }
.segment-options label { cursor: pointer; }
.segment-options input { position: absolute; opacity: 0; pointer-events: none; }
.segment-options span {
  min-height: 48px;
  border: 1.5px solid #dfe7ed;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #fff;
  color: #607486;
  font-size: 12px;
  font-weight: 800;
  transition: .18s ease;
}
.segment-options label:hover span { border-color: #BFDBFE; }
.segment-options input:checked + span { border-color: var(--blue-600); background: #EFF6FF; color: var(--blue-700); box-shadow: 0 0 0 3px rgba(34,211,238,.09); }

.status-options { display: grid; gap: 9px; }
.status-options label { cursor: pointer; }
.status-options input { position: absolute; opacity: 0; pointer-events: none; }
.status-options label > span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 14px 15px;
  border-radius: 15px;
  border: 1.5px solid #dfe7ed;
  background: #fff;
  transition: .18s ease;
}
.status-options label:hover > span { border-color: #BFDBFE; transform: translateY(-1px); }
.status-options input:checked + span { border-color: var(--blue-600); background: #F8FBFF; box-shadow: 0 0 0 3px rgba(34,211,238,.09); }
.status-options strong { font-size: 12px; color: var(--ink); }
.status-options small { font-size: 10px; color: #7a8b98; }
.private-question { margin-top: 24px; }

.document-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.document-checks label {
  min-height: 92px;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 11px;
  align-items: center;
  padding: 14px;
  border: 1.5px solid #dfe7ed;
  border-radius: 16px;
  cursor: pointer;
  background: #fff;
}
.document-checks input { position: absolute; opacity: 0; pointer-events: none; }
.doc-check-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #f1f5f9; color: #94a3b8; font-size: 12px; font-weight: 900; }
.document-checks label > span:last-child { display: flex; flex-direction: column; gap: 3px; }
.document-checks strong { font-size: 12px; }
.document-checks small { color: #7c8d9b; font-size: 9px; line-height: 1.4; }
.document-checks label:has(input:checked) { border-color: var(--blue-600); background: #F8FBFF; }
.document-checks input:checked + .doc-check-icon { background: var(--blue-600); color: #fff; }

.pilot-privacy-box {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 11px;
  margin-top: 20px;
  padding: 14px;
  border: 1px solid #DBEAFE;
  border-radius: 15px;
  background: linear-gradient(135deg, #F8FBFF, #EFF6FF);
}
.pilot-privacy-box > span { width: 32px; height: 32px; border-radius: 10px; background: #fff; display: grid; place-items: center; }
.pilot-privacy-box > div { display: flex; flex-direction: column; gap: 4px; }
.pilot-privacy-box strong { font-size: 11px; color: var(--navy); }
.pilot-privacy-box small { font-size: 9px; color: #6f8191; line-height: 1.5; }

.input-error { border-color: #ef4444 !important; }

.pilot-result { text-align: left; padding: 0; }
.result-topline { display: flex; align-items: center; gap: 8px; color: #718394; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.result-topline em { margin-left: auto; font-style: normal; padding: 6px 8px; border-radius: 8px; background: #F1F5F9; color: #64748B; letter-spacing: .04em; }
.result-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(34,211,238,.11); }
.result-hero { display: grid; grid-template-columns: 58px 1fr; gap: 15px; align-items: center; margin: 22px 0 12px; }
.pilot-result .result-icon { margin: 0; }
.pilot-result .form-eyebrow { margin: 0 0 4px; }
.pilot-result h3 { margin: 0; font-size: 29px; }
.pilot-result > #resultSummary { margin: 0; color: #617588; font-size: 13px; line-height: 1.6; }

.result-amount-card { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 22px 0 12px; }
.result-amount-card > span { display: flex; flex-direction: column; gap: 5px; padding: 14px; border-radius: 15px; background: #F8FAFC; border: 1px solid #E7EDF2; }
.result-amount-card small { color: #8494a1; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.result-amount-card strong { color: var(--navy); font-size: 17px; }

.pilot-result .result-route { gap: 0; margin: 14px 0 16px; padding: 8px; border-radius: 18px; background: var(--navy); }
.pilot-route-item { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 13px 10px; }
.pilot-route-item + .pilot-route-item { border-top: 1px solid rgba(255,255,255,.09); }
.pilot-route-item > span { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: rgba(34,211,238,.12); color: var(--cyan); font-size: 10px; font-weight: 900; }
.pilot-route-item p { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.pilot-route-item strong { color: #fff; font-size: 11px; }
.pilot-route-item small { color: #9fb1c0; font-size: 9px; line-height: 1.45; }
.pilot-route-item em { font-style: normal; color: var(--cyan); background: rgba(34,211,238,.1); padding: 5px 7px; border-radius: 99px; font-size: 8px; font-weight: 900; }

.result-missing { padding: 14px 15px; border: 1px solid #FDE68A; background: #FFFBEB; border-radius: 15px; margin-bottom: 12px; }
.result-missing > strong { color: #92400E; font-size: 11px; }
.result-missing ul { margin: 8px 0 0; padding-left: 18px; color: #8A5A18; font-size: 10px; line-height: 1.55; }
.result-insight { padding: 14px 15px; border-radius: 15px; background: #EFF6FF; border: 1px solid #DBEAFE; }
.result-insight strong { color: var(--blue-700); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.result-insight p { margin: 6px 0 0; color: #506A80; font-size: 10px; line-height: 1.55; }
.pilot-result .result-note { margin: 16px 0; padding-top: 15px; border-top: 1px solid #E8EEF3; }
.pilot-result-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.pilot-contact-note { margin: 10px 0 0; color: #91A0AC; font-size: 8.5px; line-height: 1.45; }

@media (max-width: 960px) {
  .check-copy { position: static; }
  .check-grid { gap: 38px; }
}

@media (max-width: 620px) {
  .pilot-form-head { align-items: flex-start; }
  .pilot-local-badge { white-space: nowrap; font-size: 8px; }
  .pilot-form .form-progress { margin-bottom: 25px; }
  .pilot-choice-grid { grid-template-columns: 1fr; }
  .pilot-choice-grid .choice-wide { grid-column: auto; }
  .pilot-choice-grid .choice { min-height: 100px; }
  .field-pair { grid-template-columns: 1fr; gap: 0; }
  .segment-options.three { grid-template-columns: 1fr; }
  .segment-options.three span { min-height: 43px; }
  .document-checks { grid-template-columns: 1fr; }
  .result-hero { grid-template-columns: 48px 1fr; gap: 11px; }
  .pilot-result .result-icon { width: 48px; height: 48px; border-radius: 15px; font-size: 20px; }
  .pilot-result h3 { font-size: 24px; }
  .result-amount-card { grid-template-columns: 1fr; }
  .pilot-route-item { grid-template-columns: 30px minmax(0,1fr); }
  .pilot-route-item > em { grid-column: 2; justify-self: start; }
  .pilot-result-actions { flex-direction: column; align-items: stretch; }
  .pilot-result-actions .button { width: 100%; }
  .pilot-benefits > div { grid-template-columns: 34px 1fr; }
}

/* ===== ERSTATTA Pilot v4.1 icon refinement ===== */
.pilot-benefits > div {
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: center;
}

.pilot-benefits > div > span {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(180deg, var(--navy), #10315f);
  color: #7DD3FC;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 10px 18px rgba(11, 23, 48, .10);
}

.pilot-benefits p {
  gap: 4px;
}

.pilot-choice-grid .choice {
  position: relative;
}

.pilot-choice-grid .choice-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(180deg, #F7FBFF, #EDF5FF);
  color: #2563EB;
  border: 1px solid #D6E5FF;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
  margin-bottom: auto;
}

.pilot-choice-grid .choice:has(input:checked) .choice-icon {
  background: linear-gradient(180deg, #E8F2FF, #DDEBFF);
  border-color: #9CC2FF;
  color: #1D4ED8;
}

.pilot-choice-grid .choice-icon svg {
  width: 23px;
  height: 23px;
  display: block;
}

.pilot-choice-grid .choice strong {
  margin-top: 16px;
}

@media (max-width: 620px) {
  .pilot-benefits > div {
    grid-template-columns: 40px 1fr;
    gap: 12px;
    align-items: start;
  }

  .pilot-benefits > div > span {
    width: 38px;
    height: 38px;
    margin-top: 2px;
  }

  .pilot-choice-grid .choice-icon {
    width: 40px;
    height: 40px;
    border-radius: 13px;
  }

  .pilot-choice-grid .choice-icon svg {
    width: 22px;
    height: 22px;
  }
}

/* ===== ERSTATTA Pilot v4.2: contact step ===== */
.pilot-result-single-action {
  display: flex;
  justify-content: flex-start;
}

.pilot-result-single-action .button {
  min-width: 290px;
}

.pilot-email-step {
  margin-top: 24px;
  padding: 26px;
  border: 1px solid #DDE7F2;
  border-radius: 22px;
  background: linear-gradient(180deg, #FBFDFF 0%, #F6FAFF 100%);
  box-shadow: 0 18px 42px rgba(11, 23, 48, .08);
  animation: pilotEmailIn .28s ease;
}

@keyframes pilotEmailIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.pilot-email-head {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 15px;
  align-items: start;
  margin-bottom: 20px;
}

.pilot-email-icon {
  width: 54px;
  height: 54px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #2563EB, #1D4ED8);
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  box-shadow: 0 12px 25px rgba(37, 99, 235, .22);
}

.pilot-email-head .form-eyebrow {
  margin: 1px 0 4px;
}

.pilot-email-head h3 {
  margin: 0 0 7px;
  font-size: 26px;
  line-height: 1.08;
}

.pilot-email-head p:last-child {
  margin: 0;
  color: #64788A;
  font-size: 13px;
  line-height: 1.55;
}

.pilot-email-label {
  margin-top: 0;
}

.pilot-email-label input {
  min-height: 52px;
  font-size: 15px;
}

.pilot-email-consent {
  margin-top: 12px;
}

.pilot-email-case {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #EFF6FF;
  color: #51677A;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 11px;
}

.pilot-email-case strong {
  color: var(--blue-700);
  letter-spacing: .06em;
  font-size: 12px;
}

.pilot-email-actions {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.pilot-email-actions .button {
  min-width: 240px;
}

.pilot-text-button {
  border: 0;
  padding: 9px 4px;
  background: transparent;
  color: #617487;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.pilot-text-button:hover {
  color: var(--navy);
}

.pilot-email-step .input-error {
  border-color: #DC2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .08) !important;
}

.pilot-email-step .check-line.input-error {
  background: #FFF7F7;
}

@media (max-width: 620px) {
  .pilot-result-single-action .button {
    width: 100%;
    min-width: 0;
  }

  .pilot-email-step {
    padding: 20px 16px;
    border-radius: 18px;
  }

  .pilot-email-head {
    grid-template-columns: 44px 1fr;
    gap: 12px;
  }

  .pilot-email-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 18px;
  }

  .pilot-email-head h3 {
    font-size: 22px;
  }

  .pilot-email-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .pilot-email-actions .button {
    width: 100%;
    min-width: 0;
  }

  .pilot-text-button {
    width: 100%;
  }
}

/* ===== ERSTATTA Pilot v4.4: direct submit without mail client ===== */
.pilot-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#pilotContact:disabled {
  cursor: wait;
  opacity: .72;
  transform: none;
  box-shadow: none;
}

.pilot-submit-error {
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid #FECACA;
  border-radius: 13px;
  background: #FEF2F2;
  color: #991B1B;
  font-size: 12px;
  line-height: 1.55;
  font-weight: 700;
}

.pilot-submit-success {
  margin-top: 22px;
  padding: 24px;
  border: 1px solid #BFDBFE;
  border-radius: 20px;
  background: linear-gradient(145deg, #F8FBFF, #EFF6FF);
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 16px;
  align-items: start;
}

.pilot-submit-success[hidden] { display: none !important; }

.pilot-success-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--blue-600), var(--blue-700));
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(37,99,235,.18);
}

.pilot-submit-success h3 {
  margin: 4px 0 8px;
  font-size: 24px;
}

.pilot-submit-success > div > p:last-child {
  margin: 0;
  color: #5F7486;
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 620px) {
  .pilot-submit-success {
    grid-template-columns: 44px 1fr;
    padding: 18px;
    gap: 12px;
  }
  .pilot-success-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 20px;
  }
  .pilot-submit-success h3 { font-size: 21px; }
}