@font-face{font-family:Oswald;src:url("assets/fonts/oswald-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Golos Text";src:url("assets/fonts/golos-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Golos Text";src:url("assets/fonts/golos-medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
:root{--blue:#2447df;--paper:#f7f8fc;--ink:#131a2c;--muted:#4c5263;--rule:#b8becd;--chip:#e8ebfa;--error:#9a2425;--success:#24663a;--outside:#e9ecf4;--focus:#2447df;--radius:4px;color-scheme:light;font-family:"Golos Text",Arial,sans-serif;color:var(--ink);background:var(--outside);font-synthesis:none;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
html{min-height:100%;overflow-x:clip}
body{margin:0;min-height:100%;overflow-x:clip}
.page{width:100%;min-height:100svh;margin-inline:auto;background:var(--paper)}
.brand-header{height:80px;display:flex;align-items:center;justify-content:center;padding-inline:24px;background:var(--blue)}
.brand-header a{display:inline-flex;color:var(--paper);border-radius:2px;--focus:var(--paper)}
.brand-logo{display:block;width:170px;height:33px}
main{padding:24px 24px max(28px,env(safe-area-inset-bottom))}
h1{font-family:Oswald,"Arial Narrow",sans-serif;font-size:40px;font-weight:700;line-height:1.4;letter-spacing:-.5184px;text-transform:uppercase;overflow-wrap:break-word;margin:0 0 24px;min-width:0}
h2,p{margin:0}
form{display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:14px;font-weight:500;line-height:22px}
input[type="text"],input[type="tel"]{appearance:none;min-width:0;width:100%;height:50px;padding:0 14px;border:1px solid var(--muted);border-radius:var(--radius);background:transparent;color:var(--ink);font:400 16px/1.55 "Golos Text",Arial,sans-serif;caret-color:var(--blue)}
input::placeholder{opacity:1;color:var(--muted)}
input[aria-invalid="true"]{border-color:var(--error)}
.consent{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;min-height:44px;align-items:start;color:var(--muted);font-size:14px;line-height:20px;cursor:pointer}
.consent input{appearance:none;width:22px;height:22px;margin:2px 0 0;border:1px solid var(--muted);border-radius:4px;background:transparent;accent-color:var(--blue);cursor:pointer}
.consent input:checked{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 4px var(--paper)}
a{color:inherit;text-underline-offset:2px}
.button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:12px 16px;border:1px solid transparent;border-radius:var(--radius);font:500 14px/20px "Golos Text",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:transform 120ms ease-out}
.button img{flex:0 0 20px;transition:transform 180ms ease-out}
.button:hover img{transform:translateX(4px)}
.button:active{transform:translateY(1px)}
.button-primary{background:var(--blue);color:var(--paper)}
.button-secondary{border-color:var(--rule);background:transparent;color:var(--ink);min-height:48px;margin-top:24px}
.button:disabled{cursor:wait;opacity:.65}
.button[aria-busy="true"] img{opacity:0}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.field-error,.form-status{color:var(--error);font-size:14px;line-height:20px}
.form-status{padding:12px 14px;border:1px solid currentColor;border-radius:4px}
.form-status[data-state="success"]{color:var(--success)}
.form-status[data-state="pending"]{color:var(--muted)}
.honeypot{position:absolute;width:1px;height:1px;overflow:clip;clip-path:inset(50%);white-space:nowrap}
.ride-card{margin-top:24px;overflow:clip;border-radius:12px;background:var(--blue);color:var(--paper)}
.ride-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#dbe1e6}
.ride-caption{padding:18px 20px 20px}
.ride-card h2{font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.5px;margin:0 0 8px}
.ride-caption p{font-size:13px;line-height:20px;color:#eef1ff}
.benefits{margin-top:28px}
.benefits h2{font-size:20px;font-weight:500;line-height:24px;margin-bottom:14px}
.benefit-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.benefit{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;padding:12px;border-radius:10px;background:var(--chip);color:var(--blue);font-size:14px;font-weight:500;line-height:20px}
.benefit img{flex:0 0 24px}
[hidden]{display:none!important}
::selection{background:var(--blue);color:var(--paper)}
@media(min-width:600px){body{padding-block:28px}.page{max-width:390px;min-height:calc(100svh - 56px);border-radius:12px;box-shadow:0 12px 48px rgb(19 26 44 / .08);overflow:clip}}
@media(max-width:359px){main{padding-inline:18px}.brand-header{padding-inline:18px}.benefit{padding:9px;font-size:13px;line-height:19px}.ride-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:hover img,.button:active{transform:none}}