:root{color-scheme:dark;--bg:#090c0f;--red:#ed1724;--muted:#aeb6c2;--line:#273039}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f6f7f9;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}.site-header{height:98px;padding:12px max(5%,calc((100vw - 1330px)/2));display:flex;align-items:center;justify-content:space-between;background:#090d10;border-bottom:1px solid #1c252c;position:relative;z-index:2}.brand img{display:block;width:290px;max-width:52vw;height:auto}.site-header nav{display:flex;align-items:center;gap:38px}.site-header nav a{font-size:13px;color:#d2d7df;transition:color .2s}.site-header nav a:hover,.site-header nav a:first-child{color:white}.site-header nav a:first-child{border-bottom:2px solid var(--red);padding-bottom:9px}.menu{display:none;background:none;border:0;color:white;font-size:27px}.hero{min-height:590px;position:relative;display:flex;align-items:center;overflow:hidden;background:#070a0c}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#070a0c 0%,rgba(7,10,12,.97) 17%,rgba(7,10,12,.72) 39%,rgba(7,10,12,.06) 73%),linear-gradient(0deg,#070a0c 0%,transparent 24%),url('assets/motorcycle-hero.jpg');background-position:center,right center,right center;background-size:cover,cover,auto 100%;background-repeat:no-repeat}.hero-content{position:relative;width:min(1300px,90%);margin:auto;padding:65px 0}.eyebrow{color:#b8c0ca;letter-spacing:.34em;font-size:12px;font-weight:700}.hero h1{font-size:clamp(39px,5.3vw,76px);line-height:1.02;letter-spacing:-.055em;margin:24px 0;font-weight:900;max-width:740px}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy{max-width:405px;color:#d1d5dd;font-size:17px;line-height:1.65}.actions{display:flex;gap:13px;margin-top:31px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:45px;border-radius:25px;padding:0 25px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:white}.primary:hover{background:#ff3440}.secondary{border:1px solid #75808b;background:#10161b}.vision{text-align:center;max-width:780px;margin:0 auto;padding:78px 22px 45px}.vision h2{font-size:clamp(29px,3.4vw,45px);margin:15px 0}.vision h2 span{color:var(--red)}.vision>p:last-child{color:var(--muted);line-height:1.7;font-size:17px}.features{display:grid;grid-template-columns:repeat(4,1fr);max-width:1300px;margin:0 auto;padding:22px 20px 75px}.features article{text-align:center;padding:22px 16px;border-right:1px solid #263039}.features article:last-child{border:0}.feature-icon{font-size:43px;color:var(--red);height:57px}.features h3{margin:10px 0;font-size:18px}.features p{font-size:13px;line-height:1.5;color:var(--muted)}.launch{max-width:1250px;margin:0 auto 48px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(115deg,#11191f,#0b0f13);padding:32px;display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;align-items:center}.launch-icon{color:var(--red);font-size:54px}.launch h2{font-size:28px;margin:0 0 10px}.launch p{color:var(--muted);line-height:1.55;margin:0}.notify{padding-left:35px;border-left:1px solid #384049}.notify h3{margin:0 0 8px}.notify .button{margin:18px 0 8px}.notify small{display:block;color:#9aa4ae;font-size:11px}.contact{text-align:center;padding:12px 15px 46px;color:#b7c0ca;font-size:14px}.contact a{color:#ff3440}footer{border-top:1px solid #353b42;box-shadow:0 -5px 20px -14px var(--red);padding:28px max(5%,calc((100vw - 1330px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9aa5b0;font-size:12px}.footer-brand img{width:190px}.footer-links{display:flex;gap:30px}.footer-links a:hover{color:white}@media(max-width:760px){.site-header{height:82px;padding:12px 5%}.brand img{width:220px}.menu{display:block}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#10161b;padding:24px;flex-direction:column;gap:24px}.site-header nav.open{display:flex}.hero{min-height:680px;align-items:end}.hero-image{background-image:linear-gradient(0deg,#070a0c 3%,rgba(7,10,12,.95) 20%,rgba(7,10,12,.05) 85%),url('assets/motorcycle-hero.jpg');background-position:center,65% top;background-size:cover,auto 66%}.hero-content{padding:270px 0 65px}.hero h1{font-size:clamp(37px,9vw,56px)}.hero-copy{font-size:15px}.vision{padding:45px 20px 25px}.features{grid-template-columns:repeat(2,1fr);padding-bottom:40px}.features article:nth-child(2){border-right:0}.features article{border-bottom:1px solid #263039}.features article:nth-child(n+3){border-bottom:0}.launch{margin:0 18px 35px;grid-template-columns:48px 1fr;padding:23px;gap:12px}.launch-icon{font-size:38px}.notify{grid-column:1/-1;border-left:0;border-top:1px solid #384049;padding:20px 0 0}footer{flex-wrap:wrap;justify-content:center;text-align:center}.footer-links{gap:18px}}

/* V1.1 — brand-consistent iconography and lettering */
.feature-icon{display:flex;align-items:center;justify-content:center}.feature-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.29em;text-transform:uppercase}.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900}.brand img,.footer-brand img{height:auto}

/* V1.2: original MotoLore SportbikeIcon and clearer Identity fingerprint */
.feature-icon .sportbike-icon{width:72px;height:43px;fill:currentColor;stroke:none}
.feature-icon .fingerprint-icon{width:49px;height:49px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

/* V1.3 approved MotoLore fingerprint: transparent red image */
.feature-icon img.fingerprint-icon{display:block;width:49px;height:49px;object-fit:contain}

/* V1.4: clean header and shift hero motorcycle ~10 mm (38 CSS px) right */
.hero-image{background-position:center,right center,calc(100% + 38px) center}
@media(max-width:760px){.hero-image{background-position:center,calc(65% + 38px) top}}

/* V1.5: more legible motorcycle photo and ~10 mm less gap above the Vision heading */
@media(min-width:761px){
  .hero-image{
    background-image:
      linear-gradient(90deg,#070a0c 0%,rgba(7,10,12,.95) 15%,rgba(7,10,12,.60) 35%,rgba(7,10,12,0) 69%),
      linear-gradient(0deg,#070a0c 0%,transparent 18%),
      url('assets/motorcycle-hero.jpg');
  }
}
.vision{padding-top:40px}
@media(max-width:760px){.vision{padding-top:25px}}