:root{--black:#101112;--black2:#151719;--white:#f2f2f0;--muted:#b9bbbc;--light:#ececea;--ink:#171819;--grey:#666a6c;--bordeaux:#741c25;--red:#962a35;--darkline:rgba(255,255,255,.12);--lightline:rgba(20,21,22,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 96px));margin:0 auto}.eyebrow{color:var(--red);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
header{position:sticky;top:0;z-index:20;background:rgba(16,17,18,.96);border-bottom:1px solid rgba(116,28,37,.42);backdrop-filter:blur(14px)}nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.wordmark:hover{color:var(--white)}.nav-links{display:flex;align-items:center;gap:30px;color:#d5d6d5;font-size:13px}.nav-links a:hover{color:#fff}.nav-cta,.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background:var(--bordeaux);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.nav-cta:hover,.primary:hover{background:var(--red);transform:translateY(-1px)}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nav-write{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.24);transition:border-color .2s ease,background .2s ease,transform .2s ease}.nav-write:hover{border-color:rgba(37,211,102,.7);background:rgba(37,211,102,.08);transform:translateY(-1px)}
.mobile-flow{display:none}
.hero{min-height:690px;display:grid;align-items:center;padding:78px 0 92px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:76px}.hero h1{max-width:760px;margin:20px 0 24px;font-size:clamp(54px,5.8vw,82px);line-height:.99;letter-spacing:-.048em}.hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:19px;line-height:1.72}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-visual{position:relative;min-height:480px;background:linear-gradient(90deg,var(--black) 0%,transparent 18%),linear-gradient(0deg,var(--black) 0%,transparent 22%),url("motorrad-rider.webp") center/cover no-repeat}.hero-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px 28px var(--black);pointer-events:none}.credentials{position:absolute;z-index:2;left:30px;right:30px;bottom:22px;display:grid;background:rgba(16,17,18,.84);backdrop-filter:blur(8px);border-top:1px solid var(--darkline)}.credential{display:grid;grid-template-columns:14px 1fr;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--darkline)}.dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(150,42,53,.12)}.credential span{font-size:13px;font-weight:700}
.section{padding:112px 0}.light{background:var(--light);color:var(--ink)}h2{margin:16px 0 0;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.04em}.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;align-items:start}.lead{margin:0;color:var(--grey);font-size:19px;line-height:1.75}.intro-grid>.lead{padding-top:46px}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid var(--lightline)}.fact{padding:28px 28px 0 0}.fact+.fact{padding-left:28px;border-left:1px solid var(--lightline)}.fact b{display:block;margin-bottom:10px;font-size:17px}.fact p{margin:0;color:var(--grey);font-size:14px;line-height:1.65}
.whatsapp-icon,.contact-icon{width:20px;height:20px;flex:0 0 auto;display:block}.contact-icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.section-head{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:start;margin-bottom:66px}.section-head p{margin:0;padding-top:46px;color:var(--muted);font-size:17px;line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}.service{min-height:290px;padding:36px 34px 38px 0}.service+.service{padding-left:34px;border-left:1px solid var(--darkline)}.service-num{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.16em}.service h3{margin:30px 0 16px;font-size:25px}.service p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.insurance{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start;margin-top:58px;padding:34px 38px;background:var(--black2);border-left:3px solid var(--bordeaux)}.insurance strong{font-size:21px;line-height:1.35}.insurance p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.passion-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:start}.passion-image{min-height:520px;background:linear-gradient(0deg,rgba(16,17,18,.18),rgba(16,17,18,.02)),url("motorrad-rider.webp") 62% center/cover no-repeat;box-shadow:inset 0 0 50px rgba(16,17,18,.28)}.passion-copy{padding-top:46px}.passion-copy p{color:var(--grey);font-size:17px;line-height:1.82}.passion-copy p:first-child{margin-top:0}.tags{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--lightline)}.tags span{display:flex;align-items:center;gap:12px;padding:13px 0;border:0;border-bottom:1px solid var(--lightline);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tags span::before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--bordeaux)}
.bike-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:62px}.bike-story{margin:0;background:#fff;border-top:3px solid var(--bordeaux);box-shadow:0 18px 44px rgba(16,17,18,.09)}.bike-story img{display:block;width:100%;height:auto}.bike-story figcaption{display:grid;gap:9px;padding:24px 26px 28px}.bike-story strong{font-size:20px}.bike-story span{color:var(--grey);font-size:14px;line-height:1.65}
.harley-focus{margin-top:82px;padding-top:76px;border-top:4px solid var(--bordeaux)}
.trademark-note{max-width:1120px;margin:22px 0 0;color:#858585;font-size:11px;line-height:1.55}
.bike-stories-heading{margin-top:68px}.bike-stories-heading h3{margin:13px 0 0;font-size:clamp(30px,3vw,43px);line-height:1.08;letter-spacing:-.035em}.bike-stories-heading+.bike-stories{margin-top:34px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-top:1px solid var(--darkline)}.step{padding:32px 36px 0 0}.step+.step{padding-left:36px;border-left:1px solid var(--darkline)}.step b{color:var(--red);font-size:12px;letter-spacing:.12em}.step h3{margin:24px 0 12px;font-size:22px}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:100px;align-items:center}.contact-grid>div>p{color:var(--grey);font-size:16px;line-height:1.7}.contact-actions{border-top:1px solid var(--lightline)}.contact-action{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--lightline);font-weight:750}.contact-action:hover{color:var(--bordeaux)}footer{padding:28px 0;color:#8d9091;font-size:12px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:flex;justify-content:space-between;gap:24px}
@media(max-width:900px){.wrap{width:min(100% - 40px,720px)}.nav-links a:not(.nav-cta){display:none}.hero{min-height:auto;padding:84px 0}.hero-grid,.intro-grid,.section-head,.passion-grid,.contact-grid{grid-template-columns:1fr;gap:44px}.intro-grid>.lead,.section-head p{padding-top:0}.hero-visual{min-height:420px}.facts,.service-grid,.steps{grid-template-columns:1fr}.fact+.fact,.service+.service,.step+.step{padding-left:0;border-left:0}.fact,.service,.step{padding:28px 0;border-bottom:1px solid var(--lightline)}.service,.step{border-color:var(--darkline)}.insurance{grid-template-columns:1fr;gap:18px;padding:28px}.section{padding:82px 0}.passion-image{min-height:420px}.passion-copy{padding-top:0}}
@media(max-width:600px){.wrap{width:min(calc(100% - 32px),560px)}nav{min-height:70px;gap:14px}.wordmark{font-size:10px;line-height:1.35}.nav-cta{min-height:44px;padding:0 15px;font-size:10px}.hero{padding:52px 0 58px}.hero-grid,.intro-grid,.section-head,.passion-grid,.contact-grid{gap:30px}.hero-copy,.hero-visual{min-width:0}.hero h1{margin:16px 0 18px;font-size:clamp(31px,9.5vw,40px);line-height:1.04}.hero-copy>p,.lead{font-size:17px;line-height:1.62}.eyebrow{font-size:9px;letter-spacing:.13em}.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:27px}.primary,.secondary{width:100%;min-height:52px}.hero-visual{min-height:300px}.credentials{left:12px;right:12px;bottom:12px}.credential{padding:13px 14px}.section{padding:58px 0 62px}h2{font-size:36px}.facts{margin-top:34px}.fact,.service,.step{padding:23px 0;min-height:auto}.section-head{margin-bottom:30px}.service h3{margin:20px 0 12px;font-size:24px}.insurance{margin-top:34px;padding:23px 21px}.insurance strong{font-size:19px}.passion-image{min-height:310px}.passion-copy p{font-size:16px;line-height:1.72}.tags{margin-top:22px}.tags span{font-size:10px}.steps{margin-top:30px}.step h3{margin:16px 0 10px}.contact-action{padding:18px 0;font-size:14px}.footer-grid{flex-direction:column;gap:12px;line-height:1.6}}
@media(max-width:900px){.nav-links{gap:10px}.nav-links a:not(.nav-cta):not(.nav-write){display:none}.nav-links a.nav-write{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.24)}.nav-cta{white-space:nowrap}}
@media(max-width:600px){nav{gap:10px}.wordmark{font-size:9px;line-height:1.25}.nav-links{gap:8px}.nav-cta{min-height:44px;padding:0 11px;font-size:9px;letter-spacing:.04em}.nav-write{min-width:44px;min-height:44px;padding:0 11px}.hero{position:relative;padding-bottom:84px}.hero-copy .actions{display:none}.hero-visual{min-height:360px}.credentials{bottom:12px}.mobile-flow{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid rgba(255,255,255,.3);background:rgba(16,17,18,.96);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}}
@media(max-width:760px){.bike-stories{grid-template-columns:1fr;gap:24px;margin-top:42px}}
@media(max-width:900px){.harley-focus{margin-top:62px;padding-top:58px}}
@media(max-width:600px){.tags{margin-top:24px}.tags span{font-size:11px;letter-spacing:.07em}}