:root{--ink:#073d3a;--teal:#007d70;--gold:#ffb665;--cream:#fffaf0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#092f32;color:#fff;font-family:"DM Sans",Arial,sans-serif}
h1,h2,p{margin:0}
.wrap{width:min(1380px,calc(100% - 88px));margin-inline:auto}
.hero{position:relative;display:flex;flex-direction:column;min-height:640px;height:100svh;overflow:hidden;isolation:isolate;background:#163e44}
.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-photo{background:url("assets/road-journey.png") 60% 54%/cover no-repeat}
.hero-shade{background:linear-gradient(90deg,rgba(3,36,40,.93) 0%,rgba(3,42,47,.81) 38%,rgba(4,43,47,.38) 76%,rgba(4,38,40,.24)),linear-gradient(0deg,rgba(3,33,36,.72),transparent 25%)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px}
.logo-plate{display:grid;place-items:center;width:192px;height:76px;padding:6px 12px;border:1px solid rgba(255,255,255,.75);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 14px 30px rgba(0,23,25,.18)}
.logo{display:block;width:157px;height:auto;max-height:66px;object-fit:contain}
.launch-badge{display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid rgba(255,219,166,.7);border-radius:999px;background:rgba(5,54,52,.66);box-shadow:0 10px 28px rgba(0,0,0,.12);font-family:Outfit,sans-serif;font-size:15px;font-weight:700;backdrop-filter:blur(12px)}
.launch-badge span{color:var(--gold);font-size:20px;line-height:1}
.hero-content{display:flex;align-items:center;justify-content:space-between;gap:55px;flex:1;padding-block:22px 28px}
.hero-copy{max-width:710px;min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:12px;padding:8px 13px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(7,59,60,.45);font-family:Outfit,sans-serif;font-size:12px;font-weight:800;letter-spacing:.11em;backdrop-filter:blur(10px)}
.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(255,182,101,.17)}
h1{margin:20px 0 16px;font-family:Outfit,sans-serif;font-size:clamp(58px,6vw,91px);font-weight:700;letter-spacing:-.055em;line-height:.98;text-shadow:0 4px 28px rgba(0,0,0,.17)}
h1 em{font-style:normal;color:var(--gold)}
.intro{max-width:625px;color:#f1faf6;font-size:clamp(17px,1.45vw,20px);line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.diwali-line{display:flex;align-items:flex-start;gap:13px;max-width:605px;margin-top:27px;padding:15px 18px;border:1px solid rgba(255,218,166,.55);border-radius:16px;background:rgba(5,49,49,.54);backdrop-filter:blur(12px)}
.diwali-line .diya{color:var(--gold);font-size:22px;line-height:1.1}
.diwali-line p{color:#fff4dc;font-family:Outfit,sans-serif;font-size:clamp(17px,1.45vw,20px);font-weight:500;line-height:1.35}
.feature-panel{width:365px;flex:none;padding:25px 27px 23px;border:1px solid rgba(255,255,255,.78);border-radius:25px;background:rgba(255,251,240,.94);color:var(--ink);box-shadow:0 22px 55px rgba(0,25,24,.23);backdrop-filter:blur(18px)}
.panel-kicker{color:#aa5b14;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;letter-spacing:.15em}
.feature-panel h2{margin:9px 0 17px;font-family:Outfit,sans-serif;font-size:30px;font-weight:650;letter-spacing:-.035em;line-height:1.04}
.feature-list{display:grid;gap:0;list-style:none;margin:0;padding:0}
.feature-list li{display:flex;align-items:flex-start;gap:13px;padding:10px 0;border-top:1px solid #d9e6db}
.feature-list li>span{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#e6f4eb;color:#007d70;font-family:Outfit,sans-serif;font-size:11px;font-weight:800}
.feature-list strong{display:block;font-family:Outfit,sans-serif;font-size:16px;font-weight:650;line-height:1.12}
.feature-list small{display:block;margin-top:3px;color:#57716b;font-size:12px;line-height:1.25}
.hero-bottom{display:flex;justify-content:space-between;gap:18px;padding:14px 0 18px;border-top:1px solid rgba(255,255,255,.32);color:#eaf4ef;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em}
@media(max-width:1050px){.wrap{width:calc(100% - 52px)}.hero-content{gap:25px}.feature-panel{width:330px;padding:20px}.feature-panel h2{font-size:27px}h1{font-size:clamp(54px,6.3vw,75px)}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.hero{height:auto;min-height:100svh;overflow:visible}.hero-photo,.hero-shade{position:fixed}.hero-photo{background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(3,36,40,.92),rgba(3,42,47,.65)),linear-gradient(0deg,rgba(3,33,36,.64),transparent 40%)}.site-header{padding-top:14px}.logo-plate{width:151px;height:62px;border-radius:15px}.logo{width:130px}.launch-badge{max-width:168px;padding:8px 11px;font-size:12px;line-height:1.1}.hero-content{display:block;padding-block:48px 32px}h1{font-size:clamp(51px,10vw,72px)}.intro{font-size:17px}.diwali-line{margin-top:22px}.feature-panel{width:100%;margin-top:34px}.hero-bottom{flex-wrap:wrap;font-size:11px}}
@media(max-height:710px) and (min-width:761px){.hero{min-height:580px}.logo-plate{width:165px;height:65px}.logo{width:140px}.site-header{padding-top:14px}.hero-content{padding-block:10px 14px}h1{font-size:clamp(54px,5.3vw,76px);margin:14px 0 11px}.intro{font-size:17px}.diwali-line{margin-top:16px;padding:11px 14px}.feature-panel{padding:18px 23px 15px}.feature-panel h2{font-size:26px;margin-bottom:11px}.feature-list li{padding:7px 0}.hero-bottom{padding:10px 0 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}