:root{
  --navy:#16224A; --navy-2:#24356E; --orange:#FF8C28; --orange-soft:#FFE3C7;
  --paper:#FFFFFF; --ink:#16224A; --muted:#55607F; --error:#B42318;
  --font:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--font);font-weight:500;color:var(--ink);background:var(--paper);
  line-height:1.45;-webkit-text-size-adjust:100%;
  padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}
.page{max-width:30rem;margin:0 auto;padding:0 1.25rem 2rem;min-height:100%;display:flex;flex-direction:column}
.hero{position:relative;text-align:left;padding-top:1.5rem}
.hero::before{content:"";position:absolute;z-index:-1;top:-9rem;right:-6rem;width:22rem;height:22rem;border-radius:50%;background:var(--orange-soft)}
.avatar img{display:block;width:7.5rem;height:7.5rem;border-radius:50%;border:4px solid var(--paper);box-shadow:0 0 0 3px var(--orange)}
.brand{margin:1rem 0 .25rem;font-weight:800;font-size:1rem;color:var(--muted)}
h1{margin:0;font-weight:800;font-size:clamp(2.1rem,9vw,2.9rem);line-height:1.02;letter-spacing:-.02em;max-width:12ch}
.lead{margin:1rem 0 0;font-size:1.1rem;color:var(--muted);max-width:34ch}
.choices{display:grid;gap:.875rem;margin-top:2rem}
.choice{display:flex;flex-direction:column;gap:.15rem;min-height:4.75rem;padding:1rem 1.25rem;border-radius:1rem;text-decoration:none;justify-content:center;transition:transform .12s ease}
.choice:active{transform:scale(.98)}
.choice:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.choice__label{font-weight:800;font-size:1.35rem}
.choice__hint{font-size:.95rem;opacity:.85}
.choice--shop{background:var(--orange);color:var(--navy)}
.choice--driver{background:var(--navy);color:#fff}
.choice--driver:focus-visible{outline-color:var(--orange)}
.trust{margin:1.5rem 0 0;font-size:.98rem;color:var(--muted)}
.error{margin:1rem 0 0;color:var(--error);font-weight:800}
.foot{margin-top:auto;padding-top:2.5rem;font-size:.85rem;color:var(--muted)}
.foot p{margin:.35rem 0}
.foot a{color:var(--navy)}
.lang{font-weight:800}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.noscript{padding:1rem;text-align:center}
.page[aria-busy="true"] [data-i18n]{visibility:hidden}
@media (prefers-reduced-motion:reduce){.choice{transition:none}}
@media (min-width:48rem){.page{padding-top:3rem}}