:root{
  --orange:#ff7a00;
  --orange2:#ff4b00;
  --pink:#f72585;
  --purple:#7c2dff;
  --blue:#0877ff;
  --cyan:#00c8ff;
  --green:#16a34a;
  --dark:#111827;
  --text:#1f2937;
  --muted:#64748b;
  --soft:#fff7ed;
  --card:#ffffff;
  --line:#f1f5f9;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fffaf5;color:var(--text);line-height:1.65}
a{text-decoration:none;color:inherit}
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #ffe0c2}
.nav{max-width:1180px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;color:var(--orange2)}
.brand img{width:44px;height:44px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgba(255,90,0,.25)}
.brand-fallback{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}
.navlinks{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;font-size:14px;color:#475569}
.navlinks a:hover{color:var(--orange2)}
.hero{background:radial-gradient(circle at top left,#ffb000 0,#ff7a00 34%,#ff4b00 58%,#7c2dff 100%);color:#fff;padding:84px 20px 76px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.14)}
.hero-inner{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}
.hero h1{font-size:54px;line-height:1.08;margin:0 0 18px;letter-spacing:-1.4px}
.hero p{font-size:19px;color:#fff7ed;max-width:760px;margin:0 0 26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 21px;border-radius:999px;font-weight:800;font-size:15px}
.btn-light{background:#fff;color:var(--orange2)}
.btn-outline{border:1px solid rgba(255,255,255,.65);color:#fff}
.hero-card{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:32px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.appicon{background:#fff;border-radius:30px;padding:18px;text-align:center;color:#111827;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.appicon img{width:180px;max-width:70%;border-radius:28px;margin:4px auto 18px;display:block}
.pill{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff7ed;color:#c2410c;font-weight:800;font-size:13px}
.ride-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #f1f5f9;font-size:14px}
.ride-row:last-child{border-bottom:none}
.section{max-width:1180px;margin:auto;padding:68px 20px}
.title{max-width:780px;margin-bottom:32px}
.title h2{font-size:36px;line-height:1.18;margin:0 0 10px;color:#111827}
.title p{margin:0;color:var(--muted);font-size:17px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{background:var(--card);border:1px solid #ffe0c2;border-radius:24px;padding:26px;box-shadow:0 14px 36px rgba(255,122,0,.08)}
.card h3{margin:0 0 10px;color:#c2410c;font-size:21px}
.card p{margin:0;color:#475569}
.icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#ffedd5);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}
.dark{background:#111827;color:#fff}
.dark .title h2{color:#fff}
.dark .title p{color:#cbd5e1}
.dark .card{background:#1f2937;border-color:#374151;box-shadow:none}
.dark .card h3{color:#ffb86b}
.dark .card p{color:#d1d5db}
.highlight{background:linear-gradient(135deg,#fff7ed,#ffffff);border:1px solid #fed7aa;border-radius:30px;padding:42px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;box-shadow:0 18px 48px rgba(255,122,0,.11)}
.highlight h2{font-size:36px;margin:0 0 12px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.badge{background:#fff;border:1px solid #fed7aa;border-radius:999px;padding:10px 14px;color:#c2410c;font-weight:800;font-size:14px}
.contact{background:#fff;border:1px solid #fed7aa;border-radius:24px;padding:26px;box-shadow:0 14px 36px rgba(255,122,0,.08)}
.contact div{padding:11px 0;border-bottom:1px solid #f1f5f9}
.contact div:last-child{border-bottom:none}
.contact a{color:#ea580c;font-weight:800}
footer{background:#0b1020;color:#cbd5e1;text-align:center;padding:32px 20px;font-size:14px}
footer a{color:#ffb86b;margin:0 8px;display:inline-block;padding:4px 0}
@media(max-width:900px){
  .hero-inner,.grid3,.grid2,.highlight{grid-template-columns:1fr}
  .hero h1{font-size:38px}
  .title h2,.highlight h2{font-size:29px}
  .nav{align-items:flex-start;flex-direction:column}
  .navlinks{justify-content:flex-start}
}

/* Mobile and overflow correction */
html, body {
  width: 100%;
  overflow-x: hidden;
}

.hero-inner,
.nav,
.section {
  width: 100%;
}

.hero-inner {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}

.hero h1 {
  font-size: clamp(36px, 5vw, 54px);
  word-break: normal;
}

.hero p {
  max-width: 100%;
}

@media(max-width:900px){
  .hero-inner {
    grid-template-columns: 1fr;
  }
}