:root{--ink:#111417;--muted:#aab0b5;--yellow:#ffd000;--paper:#f4f4f2;--blue:#155bd7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,Arial,sans-serif}.topbar{height:88px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-weight:900;font-style:italic;font-size:clamp(19px,2vw,27px);letter-spacing:-1.1px}.brand>span:last-child span{color:var(--yellow)}.brand-mark{width:38px;height:38px;border:5px solid #fff;border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg)}.brand-mark span{width:14px;height:14px;border:3px solid var(--yellow);border-radius:50%}.status{font-size:13px;color:#d6d8da;display:flex;align-items:center;gap:9px}.status i{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #ffd0001a}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden;padding:85px clamp(24px,6vw,96px) 70px;background:radial-gradient(circle at 82% 50%,#31363b 0,#171b1f 35%,#111417 65%)}.copy{position:relative;z-index:2;max-width:710px}.eyebrow{margin:0 0 22px;color:var(--yellow);font-size:12px;letter-spacing:.26em;font-weight:800;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(58px,7.1vw,112px);line-height:.91;letter-spacing:-.065em;font-weight:900}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff}.lead{max-width:610px;color:#c7cbce;font-size:clamp(17px,1.5vw,22px);line-height:1.65;margin:38px 0}.benefits{display:flex;gap:30px;flex-wrap:wrap;margin-top:45px}.benefits span{font-size:13px;font-weight:600;color:#e3e5e6;display:flex;gap:10px;align-items:center}.benefits b{color:var(--yellow);font-size:10px;letter-spacing:.12em}.visual{position:relative;min-height:520px}.glow{position:absolute;width:480px;height:480px;border-radius:50%;background:#ffd00022;filter:blur(35px);top:10%;left:15%}.tyre{position:absolute;width:min(34vw,500px);aspect-ratio:1;left:11%;top:0;border:52px solid #090b0d;border-radius:50%;box-shadow:inset 0 0 0 10px #24292d,inset 0 0 45px #000,20px 35px 70px #0009;transform:rotate(-11deg);background:repeating-conic-gradient(#32373b 0 4deg,#14171a 4deg 8deg)}.rim{position:absolute;inset:21%;border-radius:50%;background:repeating-conic-gradient(#d5d8da 0 6deg,#4c5358 6deg 13deg);border:12px solid #858c91;box-shadow:inset 0 0 35px #000}.rim:after{content:"";position:absolute;inset:27%;border-radius:50%;background:#1e2327;border:8px solid #b9bdc0}.hub{position:absolute;inset:42%;border-radius:50%;background:var(--yellow);z-index:2}.tread{position:absolute;background:#53595d;width:5px;height:64px;top:-43px;border-radius:5px}.t1{left:25%;transform:rotate(-25deg)}.t2{left:50%}.t3{left:73%;transform:rotate(25deg)}.spec{position:absolute;background:#f8f8f6;color:var(--ink);padding:16px 20px;border-radius:3px;box-shadow:0 20px 45px #0006;z-index:2}.spec small{display:block;color:#70777c;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:6px}.spec strong{font-size:14px}.spec-one{left:0;top:55%}.spec-two{right:-5%;top:78%;border-left:5px solid var(--yellow)}.road-lines{position:absolute;width:800px;height:2px;background:linear-gradient(90deg,transparent,#ffffff2c,transparent);right:-180px;bottom:130px;transform:rotate(-18deg)}.coming{background:var(--paper);color:var(--ink);padding:70px clamp(24px,6vw,96px);display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.eyebrow.dark{color:#9a7b00;margin-bottom:15px}.coming h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:0;max-width:760px}.coming>p{color:#5d6469;line-height:1.8;font-size:16px;max-width:520px;margin:0}footer{padding:25px clamp(24px,6vw,96px);display:flex;justify-content:space-between;color:#8e959a;font-size:12px;border-top:1px solid #ffffff14}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.visual{min-height:420px;margin-top:35px}.tyre{width:min(76vw,430px);left:50%;transform:translateX(-50%) rotate(-11deg)}.spec-one{left:2%;top:57%}.spec-two{right:2%;top:77%}.coming{grid-template-columns:1fr;gap:30px}.benefits{gap:20px}.hero h1 em{-webkit-text-stroke:1.4px #fff}}
@media(max-width:600px){.topbar{height:72px}.status{display:none}.hero{min-height:auto}.hero h1{font-size:53px}.lead{font-size:16px}.benefits{display:grid}.visual{min-height:350px}.tyre{border-width:38px}.spec{padding:12px 14px}.spec-two{display:none}.coming{padding-top:52px;padding-bottom:52px}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:no-preference){.tyre{animation:arrive 1s cubic-bezier(.2,.8,.2,1) both}.copy{animation:fade .8s .15s ease both}@keyframes arrive{from{opacity:0;transform:translateX(70px) rotate(10deg)}to{opacity:1;transform:translateX(0) rotate(-11deg)}}@keyframes fade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}@media(max-width:900px) and (prefers-reduced-motion:no-preference){@keyframes arrive{from{opacity:0;transform:translateX(-40%) rotate(5deg)}to{opacity:1;transform:translateX(-50%) rotate(-11deg)}}}


.cookie-settings {
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.cookie-banner {
  position: fixed;
  z-index: 1000;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: flex;
  max-width: 920px;
  margin: 0 auto;
  padding: 20px;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  color: #fff;
  background: rgba(17, 20, 23, 0.97);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(12px);
}

.cookie-banner[hidden] {
  display: none;
}

.cookie-banner strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1rem;
}

.cookie-banner p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.88rem;
  line-height: 1.5;
}

.cookie-actions {
  display: flex;
  flex-shrink: 0;
  gap: 10px;
}

.cookie-actions button {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.button-primary {
  border: 1px solid #e9ff38;
  color: #111417;
  background: #e9ff38;
}

.button-secondary {
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #fff;
  background: transparent;
}

@media (max-width: 720px) {
  .cookie-banner {
    right: 12px;
    bottom: 12px;
    left: 12px;
    padding: 18px;
    gap: 16px;
    align-items: stretch;
    flex-direction: column;
  }

  .cookie-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}