@font-face{font-family:BMW Motorrad;src:url(../fonts/BMWMotorrad-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BMW Motorrad;src:url(../fonts/BMWMotorrad-Heavy.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--color-bg: #ffffff;--color-bg-muted: #f5f6f7;--color-surface: #ffffff;--color-border: #e3e5e8;--color-border-strong: #c9ccd1;--color-text: #0a0a0a;--color-text-muted: #5a5e66;--color-accent: #1c69d4;--color-accent-hover: #1957b1;--color-accent-deep: #134798;--color-footer: #0a0a0a;--color-footer-text: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px;--font-sans: "BMW Motorrad", "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-sans);--font-weight-regular: 400;--font-weight-heavy: 900;--fs-micro: .75rem;--fs-eyebrow: clamp(.8rem, .72rem + .3vw, .95rem);--fs-body: clamp(.95rem, .9rem + .2vw, 1.05rem);--fs-lede: clamp(1.05rem, .95rem + .4vw, 1.2rem);--fs-h3: clamp(1.25rem, 1.05rem + .8vw, 1.5rem);--fs-h2: clamp(2rem, 1.5rem + 2vw, 2.75rem);--fs-display: clamp(2.75rem, 2rem + 5vw, 5rem);--fs-result: clamp(3rem, 2.2rem + 5.5vw, 5.5rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .18s;--duration-base: .32s;--duration-slow: .56s;--max-width: 1080px;--content-width: 640px;--gutter: clamp(1.25rem, 4vw, 2.5rem);--header-height: 64px;--footer-height: 100px}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,fieldset{margin:0}fieldset{border:0;padding:0}img,picture,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}::selection{background:var(--color-accent);color:#fff}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100dvh;overflow-x:hidden}.page{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.site-header{height:var(--header-height);display:flex;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:10}.site-header__logo{display:inline-flex;align-items:center;color:var(--color-text);text-decoration:none}.bmw-logo{height:44px;width:auto;display:block}@media (max-width: 640px){.bmw-logo{height:36px}}.site-footer{background:var(--color-footer);color:var(--color-footer-text);height:var(--footer-height);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--gutter)}.site-footer__logo{display:block;width:200px;height:auto;max-height:calc(var(--footer-height) - var(--space-4));object-fit:contain}.eyebrow{font-size:var(--fs-eyebrow);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);margin:0}.eyebrow--muted{color:var(--color-text-muted)}.display{font-family:var(--font-display);font-size:var(--fs-display);font-weight:900;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-text)}.lede{font-size:var(--fs-body);color:var(--color-text);max-width:60ch;line-height:1.55}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-4);background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:50;text-decoration:none;font-weight:900;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-5);border-radius:0;font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:active{background:var(--color-accent-deep)}.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.btn--ghost:hover{background:var(--color-bg-muted)}.btn--link{background:transparent;color:var(--color-text-muted);text-transform:none;letter-spacing:0;font-weight:400;font-size:.85rem;padding-inline:var(--space-3);min-height:30px;border-radius:0}.btn--link:hover{color:var(--color-text)}.toast{position:fixed;bottom:calc(var(--footer-height) + var(--space-5));left:50%;transform:translate(-50%,24px);background:var(--color-text);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);opacity:0;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);z-index:60;font-size:.85rem;font-weight:400}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.hero-strip{position:relative;width:100%;aspect-ratio:1100 / 230;background:#2a2c30;overflow:hidden}.hero-strip__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-strip__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3a3d42,#1f2125);color:#fff6;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.hero-strip__img[src]:not([src=""]):not([src$="hero.jpg"])~.hero-strip__fallback,.hero-strip__img:not([src=""]).is-loaded~.hero-strip__fallback{display:none}.screen{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-7) var(--gutter) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);animation:screen-in var(--duration-slow) var(--ease-out) both}.screen:focus-visible{outline:none}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen__inner{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.screen__inner--center{max-width:var(--content-width);margin:0 auto;text-align:center;align-items:center}.display--md{font-size:var(--fs-h2);font-weight:900;line-height:1}.lede--center{text-align:center;margin:0 auto}.screen--welcome .screen__inner{padding-top:var(--space-3)}.signup{width:100%;max-width:640px;margin:var(--space-5) auto var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.signup__header{display:block;width:100%;max-width:640px;height:auto}.signup__form-wrap{position:relative;width:100%;min-height:320px;background:var(--color-bg-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.signup__iframe{width:100%;height:100%;min-height:320px;border:0;display:block;background:transparent;position:relative;z-index:1}.signup__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--color-text-muted);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.screen--quiz{gap:var(--space-7)}.quiz__form{max-width:var(--content-width);width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.quiz__list{display:flex;flex-direction:column;gap:var(--space-5)}.quiz__item{display:flex;flex-direction:column;gap:var(--space-3)}.quiz__item-label{font-weight:900;font-size:1rem;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text);line-height:1.3}.quiz__item-options{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;cursor:pointer;user-select:none;font-size:1rem;color:var(--color-text)}.quiz-option__box{width:22px;height:22px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);background:#fff;flex-shrink:0;position:relative;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.quiz-option__box:after{content:"";position:absolute;left:5px;top:1px;width:8px;height:14px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform var(--duration-fast) var(--ease-out)}.quiz-option input{position:absolute;opacity:0;pointer-events:none}.quiz-option:hover .quiz-option__box{border-color:var(--color-accent)}.quiz-option input:checked~.quiz-option__box{background:var(--color-accent);border-color:var(--color-accent)}.quiz-option input:checked~.quiz-option__box:after{transform:rotate(45deg) scale(1)}.quiz-option input:focus-visible~.quiz-option__box{outline:2px solid var(--color-accent);outline-offset:3px}.quiz__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.quiz__footer .btn[disabled]{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.screen--loading .screen__inner{gap:var(--space-5)}.loading__title em{font-style:normal;color:var(--color-accent)}.gs-mark{position:relative;width:clamp(220px,36vw,340px);aspect-ratio:584 / 226;margin:var(--space-4) auto var(--space-2)}.gs-mark__base,.gs-mark__fill{position:absolute;inset:0;-webkit-mask-image:url(../images/riderschallenge-loading.svg);mask-image:url(../images/riderschallenge-loading.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.gs-mark__base{background-color:#d0d2d6}.gs-mark__fill{background-color:var(--color-accent);clip-path:inset(calc(100% - var(--gs-progress, 0%)) 0 0 0);-webkit-clip-path:inset(calc(100% - var(--gs-progress, 0%)) 0 0 0);transition:clip-path 80ms linear,-webkit-clip-path 80ms linear}.loading__percent{font-family:var(--font-display);font-size:clamp(1.25rem,1rem + 1vw,1.5rem);font-weight:900;color:var(--color-accent);letter-spacing:.02em;margin-top:var(--space-1)}.screen--result .screen__inner{gap:var(--space-3)}.result__inner{text-align:left;align-items:flex-start}.result__title{font-family:var(--font-display);font-size:var(--fs-result);font-weight:900;line-height:.92;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-text);margin:var(--space-2) 0 var(--space-4)}.result__description{display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-text);font-size:var(--fs-body);max-width:60ch}.result__bike-intro{margin-top:var(--space-4);color:var(--color-text)}.result__bike{font-weight:900;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-3)}.result__media{width:100%;margin:var(--space-3) 0 var(--space-5);position:relative;aspect-ratio:16 / 10;background:transparent;overflow:hidden}.result__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0}.result__media-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.result__media.has-image .result__media-fallback{display:none}.result__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center;width:100%;padding-top:var(--space-3)}.share{position:relative;display:inline-flex}.share__menu{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);min-width:220px;background:#fff;border:1px solid var(--color-border);box-shadow:0 24px 48px -20px #00000040,0 4px 12px -4px #00000014;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:30;animation:share-menu-in .16s var(--ease-out)}.share__menu:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff;filter:drop-shadow(0 1px 0 var(--color-border))}@keyframes share-menu-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.share__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:0;text-align:left;cursor:pointer;font-size:.9rem;font-weight:400;color:var(--color-text);transition:background var(--duration-fast) var(--ease-out);white-space:nowrap}.share__item:hover,.share__item:focus-visible{background:var(--color-bg-muted);outline:none}.share__icon{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.share__icon svg{width:100%;height:100%;display:block}.share__item[data-share=facebook] .share__icon{color:#1877f2}.share__item[data-share=whatsapp] .share__icon{color:#25d366}.share__item[data-share=x] .share__icon{color:#0a0a0a}@media (max-width: 1024px){.hero-strip{aspect-ratio:1100 / 280}}@media (max-width: 640px){:root{--header-height: 56px}.hero-strip{aspect-ratio:1100 / 320}.screen{padding:var(--space-5) var(--gutter) var(--space-7);gap:var(--space-5)}.display{font-size:clamp(2.25rem,1.5rem + 5vw,3rem)}.btn{width:100%}.quiz__footer{justify-content:stretch}.result__actions{flex-direction:column}.result__actions .btn{width:100%}}@media (max-width: 360px){.gs-mark--inline{width:80px}}@media (min-width: 1440px){.hero-strip{aspect-ratio:1400 / 260}}@media (max-height: 640px) and (orientation: landscape){.hero-strip{aspect-ratio:1400 / 180}.screen{padding-block:var(--space-4) var(--space-5)}}