:root{--ink:#111;--muted:#6b6d72;--bg:#f5f5f1;--line:#ddd;--lime:#d9f05b}*{box-sizing:border-box}body{margin:0;font:16px Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}header{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 6%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.brand{font-size:22px;font-weight:900;text-decoration:none;color:#111}.brand b{display:inline-grid;place-items:center;background:var(--lime);width:36px;height:36px;border-radius:9px;font-size:11px;margin-right:8px}.brand span{color:#777}nav{display:flex;gap:24px;align-items:center}nav a{color:#555;text-decoration:none}button{background:#111;color:#fff;border:0;border-radius:9px;padding:13px 18px;font-weight:700;cursor:pointer}.outline{background:transparent;color:#111;border:1px solid #aaa;margin-left:8px}.hero{padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.97;letter-spacing:-4px;margin:14px 0 22px}.hero h1 i{font-style:normal;color:#777}.hero p{font-size:18px;color:var(--muted);max-width:650px}.hero aside{font-size:12px;color:#666;margin-top:20px}.hero small,section>small{letter-spacing:2px;font-weight:800;color:#777}.map{height:460px;border-radius:26px;background:linear-gradient(135deg,#ddd,#bfc3b9);position:relative;overflow:hidden;background-image:repeating-linear-gradient(25deg,transparent 0 65px,#fff6 66px 69px),repeating-linear-gradient(115deg,transparent 0 90px,#fff5 91px 94px)}.map label{position:absolute;top:20px;left:20px;background:#fff;border-radius:30px;padding:9px 12px;font-size:10px}.pin{position:absolute;background:#111;color:#fff;border:4px solid #fff;border-radius:50%;width:46px;height:46px;display:grid;place-items:center}.one{left:25%;top:30%}.two{right:24%;top:48%}.mapcard{position:absolute;bottom:20px;left:20px;right:20px;background:#fff;padding:16px;border-radius:14px;display:grid;grid-template-columns:1fr auto}.mapcard small{grid-column:1;color:#777}.mapcard button{grid-column:2;grid-row:1/3}.dark{background:#111;color:#fff;padding:80px 6%}.dark small{color:#aaa}.dark h2,section h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-2.5px;margin:12px 0 25px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps div{border-top:1px solid #333;padding-top:20px}.steps b{color:var(--lime)}.steps p{color:#aaa}.steps h3{font-size:21px}section:not(.hero):not(.dark):not(.lime):not(.roles){padding:80px 6%}.muted{color:var(--muted)}.search{display:grid;grid-template-columns:1fr 1fr 220px auto;gap:10px;margin:30px 0}.search input,.search select,.form input,.form select,.form textarea{padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:42% 58%}.card img{width:100%;height:100%;min-height:230px;object-fit:cover}.cardbody{padding:20px}.badge{display:inline-block;background:#eef7cf;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:bold}.card h3{margin:10px 0 3px}.rates{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.rates span{background:#f1f1ec;padding:7px 9px;border-radius:7px;font-size:12px}.lime{background:var(--lime);padding:80px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.chips{font-size:13px;color:#444}.roles{padding:80px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.rolegrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rolegrid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.rolegrid article>b{font-size:28px}.rolegrid h3{font-size:23px}.rolegrid p{color:var(--muted)}.features{border:1px solid #333;border-radius:12px;padding:20px;color:#bbb;line-height:2}footer{background:#fff;border-top:1px solid var(--line);padding:30px 6%;display:flex;gap:25px;align-items:center}footer p{margin-right:auto;color:#777}#modal{display:none;position:fixed;inset:0;background:#0008;place-items:center;z-index:20;padding:20px}#modal.show{display:grid}.box{background:#fff;padding:28px;border-radius:18px;width:min(520px,100%)}.form{display:grid;gap:10px}.form h2{margin-top:0}.demo{background:#f1f1eb;padding:10px;border-radius:8px;font-size:12px;color:#666}@media(max-width:900px){nav a{display:none}.hero,.roles{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.search{grid-template-columns:1fr 1fr}.lime{display:block}.rolegrid{grid-template-columns:1fr}}@media(max-width:560px){.hero{padding-top:50px}.steps,.search,.rolegrid{grid-template-columns:1fr}.card{grid-template-columns:1fr}.card img{height:210px}footer{display:block}}

/* V4.1 authentication + dashboard */
#toast{position:fixed;right:24px;bottom:24px;z-index:100;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast{display:flex;gap:10px;align-items:center;background:#111;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 12px 35px #0003;max-width:360px}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#7f1d1d}.toast b{font-size:18px}.usernav{background:#eef7cf!important;color:#111!important}.formhint{font-size:13px;color:#777;margin:5px 0 0}
.referral-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.referral-link-row input{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fafaf7;font:inherit;color:#555}.dashboard{padding:70px 6%;background:#f5f5f0;border-top:1px solid var(--line)}.dashhead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.dashhead h2{margin:8px 0}.dashgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.dashcard,.dashpanel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.dashcard small{color:#777;font-weight:700;letter-spacing:1px}.dashcard strong{display:block;font-size:30px;margin:8px 0}.dashcard p{margin:0;color:#777}.dashcols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.paneltitle{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.paneltitle h3{margin:0}.listrow{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #eee}.listrow img{width:65px;height:50px;border-radius:9px;object-fit:cover;background:#eee}.listrow>div{display:grid;gap:4px;flex:1}.listrow small{color:#777}.status{font-size:11px;background:#eef7cf;padding:6px 9px;border-radius:20px;white-space:nowrap}@media(max-width:900px){.dashgrid,.dashcols{grid-template-columns:1fr}.dashhead{display:block}.dashhead button{margin-top:10px}}

.smallbtn{padding:8px 11px;font-size:12px;margin-left:8px}.listrow.noimg{min-height:66px}.bookingpanel{margin-top:20px}
.conversation{max-height:82vh;overflow:auto;padding-right:2px}.convhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.convhead h2{margin:7px 0;font-size:28px;line-height:1.1}.closebtn{background:#eee;color:#111;border-radius:50%;padding:5px 11px;font-size:22px;line-height:1}.convsummary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.convsummary>div{background:#f5f5f0;border-radius:12px;padding:13px}.convsummary small{display:block;color:#777;font-weight:700;font-size:10px;letter-spacing:1px}.convsummary b{display:block;margin-top:4px}.initialmsg,.negobox,.agreedbox{padding:16px;border-radius:13px;background:#f7f7f3;margin:14px 0}.initialmsg p{margin:7px 0 0;color:#555}.offerhistory h3,.chatbox h3,.negobox h3{margin:18px 0 10px}.offerrow{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #eee;padding:11px 0}.offerrow>div{display:grid;gap:2px}.offerrow small{color:#777}.offerrow strong{font-size:18px}.offerrow.mine strong{font-weight:900}.chatbox{border:1px solid #ddd;border-radius:14px;padding:15px;margin-top:18px;background:#fff}.messages{max-height:250px;overflow:auto;display:grid;gap:8px;padding:5px 0 12px}.bubble{max-width:82%;justify-self:start;background:#f0f0ec;border-radius:12px 12px 12px 3px;padding:9px 12px}.bubble.mine{justify-self:end;background:#111;color:#fff;border-radius:12px 12px 3px 12px}.bubble p{margin:0 0 4px;white-space:pre-wrap;word-break:break-word}.bubble small{opacity:.65}.chatform{display:grid;grid-template-columns:1fr auto;gap:8px}.chatform input,.offerform input{padding:12px;border:1px solid #ccc;border-radius:9px;font:inherit}.negobox{border:1px solid #ddd}.offerform{display:grid;grid-template-columns:1fr auto;gap:8px}.acceptbtn{margin-top:10px;background:#2f5d22}.agreedbox{background:#eef7cf;border:1px solid #d2e59a}.agreedbox b{font-size:17px}.agreedbox p{margin:5px 0 12px;color:#555}@media(max-width:700px){.convsummary{grid-template-columns:1fr}.offerform,.chatform{grid-template-columns:1fr}.smallbtn{margin-left:0}}

/* V4.3 owner management */
.modalhead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.modalhead h2{margin:6px 0 0}.closebtn{background:#eee;color:#111;border-radius:50%;padding:5px 11px;font-size:22px;line-height:1;min-width:40px}.ownerquick{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.cabrow{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;border-top:1px solid #eee;padding:16px 0}.cabrow img{width:110px;height:78px;border-radius:12px;object-fit:cover;background:#eee}.cabmain{min-width:0}.cabmain>b{display:block;font-size:18px}.cabmain>small{display:block;color:#777;margin-top:3px}.cabactions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.status.on{background:#e9f7c7}.status.off{background:#eee;color:#666}.danger{background:#fff0f0;color:#8b1e1e;border:1px solid #f0caca}.empty{padding:28px;border:1px dashed #ccc;border-radius:14px;text-align:center;background:#fafaf7}.empty p{color:#777;margin:5px 0 15px}.ownerquick button{margin-left:0}@media(max-width:900px){.cabrow{grid-template-columns:80px 1fr}.cabrow img{width:80px;height:65px}.cabactions{grid-column:1/-1;justify-content:flex-start}}

/* V4.9.1 Phase 2 — Customer module */
.customer-dashboard{max-width:1200px;margin:0 auto;padding:70px 6vw 90px;}
.customer-header .brand{cursor:pointer;}
.customer-actions{display:flex;gap:10px;align-items:center;}
.customer-search{margin-bottom:24px;}
.customer-search select,.customer-search input{min-width:0;}
@media(max-width:800px){.customer-dashboard{padding:40px 20px 60px}.customer-actions{width:100%;margin-top:16px}.customer-actions button{flex:1}.dashhead{flex-direction:column;align-items:flex-start}.customer-search{grid-template-columns:1fr;}.customer-search button{width:100%;}}

/* Keep every popup usable when its content is taller than the viewport. */
#modal{overflow:hidden;}
.box{max-height:calc(100dvh - 40px);overflow-y:auto;}
.inquiry-row{cursor:pointer;}
.inquiry-row:focus-visible{outline:3px solid #a8c52f;outline-offset:3px;border-radius:8px;}
@media(max-width:560px){#modal{padding:12px}.box{padding:20px;max-height:calc(100dvh - 24px)}}

/* Customer record tables and profile photo controls. */
.record-card{cursor:pointer;transition:transform .18s,box-shadow .18s;}
.record-card:hover,.record-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px #00000012;outline:3px solid #a8c52f;outline-offset:2px;}
.record-card span{display:block;margin-top:12px;font-size:12px;font-weight:700;color:#555;}
.box:has(.records-modal){width:min(1040px,100%);}
.box.wide{width:min(1040px,100%);}
.table-wrap{margin-top:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.form-row label{display:grid;gap:6px;font-size:12px;color:#666;font-weight:700;}
.form-row label>span{padding-left:1px;}
.form-row input{width:100%;}
@media(max-width:480px){.form-row{grid-template-columns:1fr;}}
.kyc-field{display:grid;gap:6px;}
.kyc-field>span{font-size:12px;color:#666;font-weight:700;padding-left:1px;}
.pw-field{position:relative;}
.pw-field input{width:100%;padding-right:46px;}
.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:0;padding:8px;font-size:16px;line-height:1;cursor:pointer;color:#777;box-shadow:none;}
.pw-toggle:hover{background:transparent;transform:translateY(-50%);box-shadow:none;color:#333;}
.records-table{width:100%;border-collapse:collapse;font-size:14px;}
.records-table th,.records-table td{padding:12px;text-align:left;border-bottom:1px solid #e8e8e8;vertical-align:middle;overflow-wrap:anywhere;}
.records-table th{white-space:nowrap;}
.records-table th{background:#f5f5f0;font-size:11px;letter-spacing:.7px;color:#555;}
.records-table td:first-child{white-space:normal;min-width:155px;}
.records-table small{color:#777;}
.profile-photo{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafaf7;cursor:pointer;}
.profile-photo img,.profile-avatar-placeholder{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover;background:#d9f05b;display:grid;place-items:center;font-size:24px;font-weight:800;}
.profile-photo span:last-child{display:grid;gap:3px;}
.profile-photo small{color:#777;font-size:12px;}
.profile-photo input{margin-top:5px;max-width:100%;font-size:12px;}
@media(max-width:860px){.records-table,.records-table tbody,.records-table tr,.records-table td{display:block;width:100%;}.records-table thead{display:none}.records-table tr{margin:0 0 10px;border:1px solid #e2e2de;border-radius:12px;padding:4px 14px;background:#fff}.records-table td{display:grid;grid-template-columns:minmax(104px,.75fr) 1.25fr;align-items:center;gap:10px;padding:8px 0;white-space:normal;text-align:right}.records-table td:first-child{min-width:0}.records-table td::before{content:attr(data-label);text-align:left;font-size:11px;font-weight:800;letter-spacing:.5px;color:#666}.records-table .record-value{min-width:0;text-align:right;overflow-wrap:anywhere}.records-table .record-datetime{display:inline-flex;justify-content:flex-end;align-items:baseline;gap:8px;white-space:nowrap}.records-table .record-datetime small{font-size:12px;color:#777}.records-table td[data-label="Status"] .record-value{display:flex;justify-content:flex-end}.records-table td[data-label="Details"]{display:flex;justify-content:flex-end;padding-top:10px}.records-table td[data-label="Details"]::before{display:none}.profile-photo{align-items:flex-start;}}
@media(max-width:560px){.records-table td{font-size:13px;grid-template-columns:100px 1fr}.profile-photo{align-items:flex-start;}}

/* =========================================================
   RideMitra Premium Cosmetic Layer
   IMPORTANT: presentation only. Existing IDs/classes and
   application/data behaviour are intentionally preserved.
   ========================================================= */
:root{
  --rm-ink:#101114;
  --rm-muted:#687078;
  --rm-paper:#f7f5ef;
  --rm-white:#fff;
  --rm-line:#e5e1d8;
  --rm-orange:#ff5a36;
  --rm-orange-dark:#e84929;
  --rm-lime:#d9f05b;
  --rm-yellow:#ffbd39;
  --rm-navy:#17191d;
  --rm-soft:#f0eee7;
  --rm-shadow:0 24px 70px rgba(20,20,18,.12);
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--rm-paper);color:var(--rm-ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 5%,rgba(255,90,54,.07),transparent 25%),radial-gradient(circle at 92% 18%,rgba(217,240,91,.12),transparent 28%)}
.site-header{height:82px;padding:0 clamp(24px,5vw,78px);background:rgba(255,255,255,.90);border-bottom:1px solid rgba(20,20,20,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:50;box-shadow:0 4px 20px rgba(0,0,0,.03)}
.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.7px}.brand b{width:42px;height:42px;border-radius:13px;background:var(--rm-lime);color:#111;font-size:12px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}.brand-name{font-weight:900}.brand-name span{color:#777}
nav{gap:30px}nav a{font-weight:700;font-size:14px;color:#303237;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--rm-orange);transition:right .2s ease}nav a:hover:after{right:0}nav button.nav-cta{background:var(--rm-orange);border-radius:999px;padding:14px 22px;box-shadow:0 9px 22px rgba(255,90,54,.25)}nav button.nav-cta:hover{background:var(--rm-orange-dark);transform:translateY(-1px)}
button{border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.12)}button:active{transform:translateY(0)}
.premium-hero{position:relative;min-height:650px;padding:86px clamp(24px,5vw,78px) 110px;max-width:1500px;margin:0 auto;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:5%;overflow:hidden}.premium-hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(217,240,91,.20);filter:blur(10px);left:-270px;top:50px;z-index:-1}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.1px;font-weight:900;color:#777;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:#555}.eyebrow span{width:9px;height:9px;border-radius:50%;background:var(--rm-orange);box-shadow:0 0 0 6px rgba(255,90,54,.12)}
.hero h1{font-size:clamp(62px,7.3vw,108px);line-height:.86;letter-spacing:-6px;margin:22px 0 28px;font-weight:950}.hero h1 em{font-style:normal;color:#747873}.hero h1 strong{color:var(--rm-ink)}.hero-lead{font-size:18px;line-height:1.7;color:#5d646b;max-width:640px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px}.primary-cta{background:var(--rm-orange);border-radius:999px;padding:17px 25px;font-size:16px;box-shadow:0 14px 28px rgba(255,90,54,.22)}.primary-cta:hover{background:var(--rm-orange-dark)}.primary-cta span{margin-left:22px}.text-cta{background:transparent;color:#171717;padding:12px 0;border-radius:0;box-shadow:none;border-bottom:1px solid #333}.text-cta:hover{box-shadow:none;color:var(--rm-orange)}.text-cta span{margin-left:10px}.hero-trust{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:28px;color:#62686c;font-size:12px;font-weight:700}.hero-trust b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--rm-lime);color:#111;margin-right:6px}
.hero-visual{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:470px;height:470px;border-radius:50%;background:linear-gradient(135deg,rgba(217,240,91,.45),rgba(255,90,54,.08));filter:blur(4px);right:0;top:0}.hero-car-card{position:relative;z-index:2;width:min(650px,100%);background:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--rm-shadow);border:1px solid rgba(0,0,0,.06);transform:rotate(1.2deg);transition:transform .3s ease}.hero-car-card:hover{transform:rotate(0deg) translateY(-4px)}.car-photo{height:365px;position:relative;overflow:hidden}.car-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28))}.car-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.05)}.floating-pill{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.18);font-size:12px}.verified-pill{left:22px;top:22px;padding:11px 15px;font-weight:800}.verified-pill:first-letter{color:#6b8500}.offer-pill{right:20px;bottom:20px;background:#111;color:#fff;padding:11px 15px}.offer-pill>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rm-lime);color:#111}.offer-pill span{display:grid;gap:1px}.offer-pill small{font-size:10px;color:#aaa}.car-info{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 25px}.car-info small{letter-spacing:1.6px;font-size:10px;color:#777;font-weight:900}.car-info h3{margin:6px 0 3px;font-size:24px;letter-spacing:-.8px}.car-info p{margin:0;color:#747a80;font-size:13px}.price-tag{text-align:right;min-width:120px}.price-tag small,.price-tag strong,.price-tag span{display:block}.price-tag strong{font-size:29px;letter-spacing:-1px}.price-tag span{color:#777;font-size:12px}.visual-orbit{position:absolute;border:1px solid rgba(255,90,54,.18);border-radius:50%;z-index:1}.orbit-one{width:520px;height:270px;right:-40px;top:80px;transform:rotate(-22deg)}.orbit-two{width:360px;height:180px;left:30px;bottom:35px;transform:rotate(16deg);border-color:rgba(20,20,20,.10)}
.search-panel{position:relative;z-index:4;max-width:1260px;margin:-45px auto 0;padding:28px 30px 23px;background:#fff;border:1px solid rgba(20,20,20,.08);border-top:4px solid var(--rm-orange);border-radius:28px;box-shadow:0 25px 70px rgba(25,25,20,.12)}.search-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.search-panel small{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#888}.search-panel h2{font-size:31px;letter-spacing:-1.4px;margin:4px 0 0}.free-pill{background:#fff0ea;color:#c74629;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900}.premium-search{display:grid;grid-template-columns:1.05fr 1.05fr .72fr auto;gap:12px;margin:20px 0 8px}.premium-search label{display:grid;gap:6px}.premium-search label>span{font-size:11px;color:#6b7075;font-weight:800}.premium-search input,.premium-search select{height:56px;border-radius:14px;border:1px solid #dedbd3;background:#fbfaf7;padding:0 15px;font-size:14px;font-weight:700;outline:none}.premium-search input:focus,.premium-search select:focus{border-color:var(--rm-orange);box-shadow:0 0 0 4px rgba(255,90,54,.10)}.search-cta{align-self:end;height:56px;background:#111;border-radius:14px;padding:0 22px;font-size:14px;white-space:nowrap}.search-cta:hover{background:var(--rm-orange)}.search-note{font-size:11px;color:#8a8d90;margin:6px 0 0}
.how-section{padding:115px clamp(24px,6vw,90px) 100px!important;background:#17191d;color:#fff;scroll-margin-top:90px}.how-section .section-kicker{color:#a7a9ab}.section-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-top:10px}.section-intro h2,.preview-head h2,.owner-copy h2,.premium-roles h2,.future-section h2{font-size:clamp(43px,5vw,70px);line-height:.95;letter-spacing:-4px;margin:10px 0 40px}.section-intro h2 em,.preview-head h2 em,.owner-copy h2 em,.premium-roles h2 em{color:var(--rm-orange);font-style:normal}.section-intro p{color:#aeb1b4;line-height:1.75;max-width:500px;margin-bottom:45px}.premium-steps{grid-template-columns:repeat(4,1fr);gap:0;margin-top:25px}.premium-steps article{position:relative;border-top:1px solid #3b3e42;padding:23px 22px 10px 0;min-height:245px}.premium-steps article+article{padding-left:22px;border-left:1px solid #303337}.premium-steps article>span{color:var(--rm-orange);font-weight:900;font-size:12px}.step-icon{margin:30px 0 22px;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#24272b;color:var(--rm-lime);font-weight:900}.premium-steps h3{font-size:20px;margin:0 0 9px}.premium-steps p{color:#979b9f;font-size:13px;line-height:1.7;margin:0;max-width:230px}
.cab-preview{padding:110px clamp(24px,6vw,90px)!important;background:#f7f5ef;scroll-margin-top:90px}.preview-head{display:flex;align-items:end;justify-content:space-between;gap:50px}.preview-head p{max-width:410px;color:#6e7479;line-height:1.7;margin-bottom:45px}.cab-preview .grid{grid-template-columns:repeat(2,1fr);gap:22px}.cab-preview .grid:empty{min-height:8px}.cab-preview .card{border:1px solid #e4e0d8;border-radius:22px;box-shadow:0 14px 45px rgba(25,25,20,.07);background:#fff}.cab-preview .card img{min-height:270px}.cab-preview .cardbody{padding:25px}.cab-preview .badge{background:#eff8cf;color:#516400}.cab-preview .card h3{font-size:25px;letter-spacing:-1px}.cab-preview .rates span{background:#f6f3eb;border-radius:10px}.cab-preview .cardbody button{background:#111;border-radius:999px;padding:12px 16px}.cab-preview .cardbody button:hover{background:var(--rm-orange)}
.owner-banner{padding:105px clamp(24px,6vw,90px)!important;background:var(--rm-orange);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;position:relative;overflow:hidden;scroll-margin-top:90px}.owner-banner:before{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(255,255,255,.20);border-radius:50%;right:-180px;top:-250px;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.03)}.owner-copy,.owner-action{position:relative;z-index:2}.owner-banner .section-kicker{color:rgba(255,255,255,.72)}.owner-copy h2{margin-bottom:22px}.owner-copy h2 em{color:#17191d}.owner-copy>p{max-width:650px;color:rgba(255,255,255,.83);font-size:17px;line-height:1.7}.owner-points{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;font-size:12px;font-weight:800}.owner-action{background:#17191d;border-radius:25px;padding:30px;box-shadow:0 22px 55px rgba(80,25,15,.20);max-width:410px}.owner-badge{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:var(--rm-lime);color:#111;font-weight:950;font-size:12px}.owner-action h3{font-size:28px;letter-spacing:-1px;margin:20px 0 7px}.owner-action p{color:#aaa;line-height:1.6;font-size:13px}.owner-action button{background:#fff;color:#111;border-radius:999px;margin-top:10px}.owner-action button:hover{background:var(--rm-lime)}
.premium-roles{padding:110px clamp(24px,6vw,90px)!important;background:#fff;scroll-margin-top:90px}.premium-roles>div:first-child p{color:#70767a;max-width:340px;line-height:1.7}.premium-roles .rolegrid{gap:18px}.premium-roles .rolegrid article{border:1px solid #e5e1d8;border-radius:24px;padding:28px;min-height:310px;position:relative;box-shadow:0 12px 35px rgba(20,20,18,.05)}.premium-roles .rolegrid article:first-child{background:#f7f5ef}.premium-roles .rolegrid article:last-child{background:#17191d;color:#fff}.premium-roles .rolegrid article:last-child p{color:#a8aaad}.role-number{position:absolute;right:22px;top:20px;font-size:10px;letter-spacing:1px;color:#999;font-weight:900}.role-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:var(--rm-lime);color:#111;margin-top:20px}.premium-roles .rolegrid article:last-child .role-icon{background:var(--rm-orange);color:#fff}.premium-roles .rolegrid h3{font-size:28px;letter-spacing:-1px;margin:22px 0 8px}.premium-roles .rolegrid p{color:#73787d;line-height:1.65;font-size:13px;max-width:310px}.premium-roles .rolegrid button{margin-top:12px;background:#111;border-radius:999px}.premium-roles .rolegrid article:last-child button{background:#fff;color:#111}.premium-roles .rolegrid article:last-child button:hover{background:var(--rm-orange);color:#fff}
.future-section{padding:105px clamp(24px,6vw,90px)!important;background:#111;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.future-section .section-kicker{color:#85898e}.future-section h2{margin-bottom:0}.premium-features{display:grid;grid-template-columns:repeat(2,1fr);gap:0!important;padding:0!important;border:0!important}.premium-features span{padding:19px 0;border-top:1px solid #333;color:#b6b9bc;font-size:13px}.premium-features span:before{content:"↗";color:var(--rm-orange);margin-right:12px}
footer{padding:35px clamp(24px,5vw,78px);background:#fff;border-top:1px solid #e5e1d8}footer p{font-size:13px}footer small{color:#8b8e91}
#modal{z-index:100;padding:20px;background:rgba(13,14,16,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#modal .box{border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.7)}
/* Logged-in dashboards inherit the premium system without changing their HTML/logic. */
.dashboard{background:#f7f5ef!important;border-top:0!important}.customer-dashboard{max-width:1260px}.dashcard,.dashpanel{border-radius:20px!important;border-color:#e4e0d8!important;box-shadow:0 10px 35px rgba(25,25,20,.05)}.dashcard strong{letter-spacing:-1px}.dashcard span{color:var(--rm-orange)!important}.paneltitle h2{letter-spacing:-1.4px}.customer-search input,.customer-search select{border-radius:13px!important;background:#fff!important}.customer-search button{background:var(--rm-orange)}.listrow{border-color:#ece8df}.status{background:#eff8cf;color:#435300}.cabrow{border-color:#ece8df}.smallbtn{border-radius:999px;background:#111;color:#fff}.ownerquick button{background:#111}.ownerquick .outline{background:#fff;color:#111}.dashboard h1{font-size:clamp(40px,5vw,64px);letter-spacing:-3px;line-height:.95}.dashboard .dashhead>div>small{color:var(--rm-orange)}
/* Keep section anchors clear of the sticky header. */
#how,#cabs,#owners{scroll-margin-top:100px}
@media(max-width:1050px){.premium-hero{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:760px}.hero-visual{min-height:430px}.search-panel{margin:0 20px}.premium-search{grid-template-columns:1fr 1fr}.search-cta{grid-column:1/-1}.section-intro,.owner-banner,.future-section{grid-template-columns:1fr}.owner-action{max-width:560px}.premium-steps{grid-template-columns:1fr 1fr}.premium-steps article+article{border-left:0;padding-left:0}.premium-steps article:nth-child(odd){border-right:1px solid #303337;padding-right:24px}}
@media(max-width:800px){.site-header{height:72px;padding:0 18px}.site-header nav{gap:8px}.site-header nav a{display:none}.site-header nav button.nav-cta{padding:12px 16px}.premium-hero{padding:60px 20px 85px}.hero h1{font-size:clamp(54px,14vw,84px);letter-spacing:-4px}.hero-trust{display:grid;gap:8px}.hero-visual{min-height:340px}.car-photo{height:280px}.car-info{padding:18px}.car-info h3{font-size:19px}.price-tag{min-width:90px}.search-panel{margin:0 12px;padding:22px 18px;border-radius:22px}.premium-search{grid-template-columns:1fr}.search-cta{grid-column:auto}.how-section,.cab-preview,.owner-banner,.premium-roles,.future-section{padding-left:20px!important;padding-right:20px!important}.section-intro,.preview-head{display:block}.section-intro h2,.preview-head h2,.owner-copy h2,.premium-roles h2,.future-section h2{letter-spacing:-2.5px}.preview-head p{margin-bottom:25px}.cab-preview .grid{grid-template-columns:1fr}.premium-steps{grid-template-columns:1fr}.premium-steps article,.premium-steps article:nth-child(odd){border-right:0;border-left:0!important;padding-left:0!important;padding-right:0!important;min-height:0;padding-bottom:30px}.premium-steps article+article{border-top:1px solid #333;padding-top:25px}.rolegrid{grid-template-columns:1fr}.future-section{gap:35px}.premium-features{grid-template-columns:1fr}.hero-car-card{transform:none}.orbit-one{right:-160px}.orbit-two{left:-120px}}
@media(max-width:520px){.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.primary-cta{width:100%;justify-content:center}.text-cta{margin-left:4px}.car-info{display:block}.price-tag{text-align:left;margin-top:15px}.floating-pill{font-size:10px}.offer-pill{right:10px}.verified-pill{left:10px}.owner-action{padding:23px}.owner-points{display:grid;grid-template-columns:1fr 1fr}.rolegrid article{min-height:0}.premium-features{grid-template-columns:1fr}}

/* Bilingual language switcher */
.lang-switch{background:#fff!important;color:#17191d!important;border:1px solid #dedbd3!important;border-radius:999px!important;padding:10px 14px!important;min-width:58px;line-height:1;font-size:12px;font-weight:900;letter-spacing:.2px;box-shadow:0 5px 16px rgba(20,20,18,.06);transition:transform .18s ease,background .18s ease,border-color .18s ease}.lang-switch:hover{background:#f7f5ef!important;border-color:var(--rm-orange)!important;transform:translateY(-1px)}.site-header nav .lang-switch{margin-left:-10px}.site-header nav .lang-switch+ .nav-cta{margin-left:-6px}
@media(max-width:800px){.site-header nav{gap:7px}.site-header nav .lang-switch{display:inline-flex;align-items:center;justify-content:center;margin-left:0;padding:10px 12px!important;min-width:48px}.site-header nav .lang-switch+ .nav-cta{margin-left:0}.site-header nav button.nav-cta{padding:12px 14px}}
/* Devanagari-friendly typography without changing the English brand identity. */
html[lang="hi"] body{font-family:"Noto Sans Devanagari","Nirmala UI","Mangal",Arial,sans-serif}html[lang="hi"] .brand,.brand-name{font-family:Arial,sans-serif}html[lang="hi"] .hero h1,html[lang="hi"] section h2,html[lang="hi"] .dashboard h1,html[lang="hi"] .dashboard h2,html[lang="hi"] .dashboard h3{letter-spacing:-1.5px}


/* V4.9.1 Premium refinement — cosmetic only */
.search-panel{max-width:1180px;margin:-32px auto 0;padding:22px 26px 18px;border-top-width:3px;border-radius:24px;box-shadow:0 18px 55px rgba(25,25,20,.10)}
.search-panel-head{align-items:center}.search-panel h2{font-size:28px;margin-top:2px}.premium-search{margin:15px 0 6px;gap:10px}.premium-search input,.premium-search select,.search-cta{height:50px}.premium-search input,.premium-search select{border-radius:13px}.search-cta{border-radius:13px;padding:0 19px}.search-note{margin-top:4px}

.premium-steps{gap:16px;margin-top:28px}.premium-steps article{border:1px solid #34383d!important;border-radius:20px!important;background:linear-gradient(145deg,#202328,#17191d);padding:24px 22px 22px!important;min-height:250px;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.premium-steps article+article{padding-left:22px!important}.premium-steps article:hover{transform:translateY(-6px);border-color:rgba(255,90,54,.65)!important;box-shadow:0 18px 35px rgba(0,0,0,.25)}.premium-steps article>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:22px;border-radius:999px;background:rgba(255,90,54,.12);font-size:10px;letter-spacing:.8px}.premium-steps .step-icon{margin:27px 0 20px;width:48px;height:48px;border-radius:15px;background:#2a2e33;border:1px solid #3a3e43}.premium-steps h3{font-size:19px}.premium-steps p{max-width:100%;color:#a6aaae}

.cab-preview{position:relative;overflow:hidden}.road-animation{height:96px;position:relative;margin:0;border-radius:0;background:linear-gradient(180deg,#15171a 0%,#1d2024 55%,#f6f2e9 100%);border:0;overflow:hidden}.road-animation:before{content:"";position:absolute;left:0;right:0;bottom:0;height:27px;background:#27292c}.road-animation:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:repeating-linear-gradient(90deg,transparent 0 35px,#f4d75e 35px 72px,transparent 72px 108px);opacity:.9}.road-line{position:absolute;top:15px;height:1px;background:rgba(255,255,255,.8);width:22%;transform:skewX(-35deg)}.road-line-a{left:8%}.road-line-b{right:7%;width:17%}.road-car{position:absolute;z-index:3;bottom:11px;left:-8%;width:76px;height:auto;filter:drop-shadow(0 8px 7px rgba(0,0,0,.35));animation:rmDrive 8s linear infinite}.road-glow{position:absolute;z-index:2;bottom:15px;left:-10%;width:130px;height:34px;border-radius:50%;background:rgba(255,90,54,.22);filter:blur(10px);animation:rmDriveGlow 8s linear infinite}@keyframes rmDrive{0%{left:-8%;transform:scaleX(1)}48%{left:48%;transform:scaleX(1)}50%{transform:scaleX(-1)}100%{left:108%;transform:scaleX(-1)}}@keyframes rmDriveGlow{0%{left:-10%;opacity:.1}48%{left:46%;opacity:.8}100%{left:108%;opacity:0}}

/* Capsule language switcher with a sliding active state. */
.lang-switch{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;width:82px!important;min-width:82px!important;height:38px!important;padding:3px!important;border-radius:999px!important;background:#17191d!important;color:#777!important;border:1px solid #2d3034!important;box-shadow:0 7px 20px rgba(20,20,18,.12)!important;overflow:hidden!important;isolation:isolate}.lang-switch .lang-option{position:relative;z-index:3;width:50%;display:grid;place-items:center;height:30px;border-radius:999px;font-size:10px;font-weight:900;line-height:1;transition:color .2s ease}.lang-switch .lang-thumb{position:absolute;z-index:2;top:3px;left:3px;width:36px;height:30px;border-radius:999px;background:var(--rm-orange);box-shadow:0 4px 12px rgba(255,90,54,.32);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.lang-switch[data-active="hi"] .lang-thumb{transform:translateX(40px)}.lang-switch[data-active="en"] .lang-en,.lang-switch[data-active="hi"] .lang-hi{color:#fff}.lang-switch:hover{transform:translateY(-1px);border-color:rgba(255,90,54,.55)!important}.site-header nav .lang-switch{margin-left:-4px}.site-header nav .lang-switch+.nav-cta{margin-left:-2px}
@media(max-width:1050px){.search-panel{margin:0 20px}.premium-steps{gap:14px}}
@media(max-width:800px){.search-panel{margin:0 12px;padding:20px 17px 16px}.search-panel h2{font-size:25px}.premium-steps article{min-height:0}.road-animation{height:70px}.road-car{width:62px;bottom:13px}.road-glow{bottom:13px}.lang-switch{width:76px!important;min-width:76px!important}.lang-switch .lang-thumb{width:33px}.lang-switch[data-active="hi"] .lang-thumb{transform:translateX(37px)}.site-header nav .lang-switch{margin-left:0}.site-header nav .lang-switch+.nav-cta{margin-left:0}}
@media(max-width:520px){.search-panel-head{align-items:flex-start}.free-pill{padding:7px 10px;font-size:10px}.road-animation{height:62px}.road-car{width:52px;bottom:13px}}


/* ============================================================
   RideMitra Premium Public Homepage — Cinematic Marketplace Pass
   Cosmetic-only layer. Existing IDs, JS handlers and APIs remain unchanged.
   ============================================================ */
:root{
  --rm-orange:#ff5a36;
  --rm-orange-dark:#e84929;
  --rm-lime:#d9f05b;
  --rm-black:#101216;
}

/* Header: premium glass navigation */
.site-header{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 30px rgba(10,12,15,.07)!important;
  border-bottom:1px solid rgba(20,20,20,.07)!important;
}
.site-header .brand-name{font-weight:950;letter-spacing:-1.1px}
.site-header .brand-name span{color:var(--rm-orange)!important}
.site-header nav a{transition:color .2s ease,transform .2s ease}
.site-header nav a:hover{color:var(--rm-orange)!important;transform:translateY(-1px)}
.site-header nav button.nav-cta{background:linear-gradient(135deg,#ff6a42,#ff4d2d)!important;box-shadow:0 12px 28px rgba(255,90,54,.28)!important}

/* Cinematic hero */
.premium-hero{
  max-width:none!important;
  min-height:700px!important;
  margin:0!important;
  padding:78px clamp(24px,6vw,92px) 128px!important;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)!important;
  gap:4vw!important;
  color:#fff!important;
  background:#0b0e11!important;
  isolation:isolate;
}
.premium-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(5,7,9,.97) 0%,rgba(5,7,9,.83) 34%,rgba(5,7,9,.22) 72%,rgba(5,7,9,.48) 100%),
    linear-gradient(0deg,rgba(5,7,9,.88) 0%,transparent 45%),
    url('assets/hero-cinematic.png') center right/cover no-repeat!important;
  filter:none!important;
  z-index:-2!important;
}
.premium-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:170px;
  background:linear-gradient(180deg,transparent,#0b0e11);
  z-index:-1;
  pointer-events:none;
}
.hero-copy{padding-top:18px!important}
.eyebrow{color:rgba(255,255,255,.74)!important}
.eyebrow span{background:var(--rm-lime)!important;box-shadow:0 0 0 6px rgba(217,240,91,.13)!important}
.hero h1{
  font-size:clamp(62px,7.1vw,108px)!important;
  line-height:.86!important;
  letter-spacing:-6px!important;
  text-shadow:0 8px 35px rgba(0,0,0,.28);
}
.hero h1 em{color:var(--rm-lime)!important}
.hero h1 strong{color:#fff!important}
.hero-lead{color:rgba(255,255,255,.78)!important;max-width:610px!important}
.primary-cta{background:var(--rm-orange)!important;box-shadow:0 16px 34px rgba(255,90,54,.3)!important}
.primary-cta:hover{background:var(--rm-orange-dark)!important;transform:translateY(-2px)}
.text-cta{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.text-cta:hover{color:var(--rm-lime)!important;border-color:var(--rm-lime)!important}
.hero-trust{color:rgba(255,255,255,.78)!important}
.hero-trust b{background:var(--rm-lime)!important;color:#111!important}

/* Hero vehicle: turn the card into a cinematic glass frame */
.hero-visual{min-height:535px!important}
.visual-glow{width:560px!important;height:560px!important;background:radial-gradient(circle,rgba(255,90,54,.25),rgba(217,240,91,.08) 45%,transparent 72%)!important;filter:blur(8px)!important}
.hero-car-card{
  width:min(700px,100%)!important;
  border-radius:32px!important;
  background:rgba(10,12,15,.52)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 35px 90px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  transform:rotate(.5deg)!important;
}
.hero-car-card:hover{transform:rotate(0deg) translateY(-6px)!important}
.car-photo{height:405px!important}
.car-photo img{
  filter:saturate(1.08) contrast(1.08) brightness(.93)!important;
  transform:scale(1.02);
}
.car-photo:after{background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.62))!important}
.verified-pill{background:rgba(255,255,255,.94)!important}
.offer-pill{background:#111!important;border:1px solid rgba(255,255,255,.12)}
.offer-pill>b{background:var(--rm-lime)!important}
.car-info{color:#fff!important;background:linear-gradient(180deg,rgba(12,14,17,.76),rgba(12,14,17,.94))!important;padding:22px 25px 24px!important}
.car-info small{color:rgba(255,255,255,.56)!important}
.car-info h3{color:#fff!important}
.car-info p{color:rgba(255,255,255,.62)!important}
.price-tag strong{color:#fff!important}
.price-tag span{color:rgba(255,255,255,.55)!important}
.visual-orbit{border-color:rgba(217,240,91,.18)!important}
.orbit-two{border-color:rgba(255,90,54,.20)!important}

/* Search: the first conversion surface should feel like a product, not a form */
.search-panel{
  max-width:1240px!important;
  margin:-62px auto 0!important;
  padding:28px 30px 22px!important;
  border:1px solid rgba(20,20,20,.08)!important;
  border-top:4px solid var(--rm-orange)!important;
  border-radius:28px!important;
  box-shadow:0 28px 80px rgba(10,12,15,.18)!important;
  background:rgba(255,255,255,.98)!important;
}
.search-panel-head{margin-bottom:4px}
.search-panel small{color:var(--rm-orange)!important}
.search-panel h2{font-size:32px!important;letter-spacing:-1.6px!important}
.free-pill{background:#fff1eb!important;color:#cf4b2d!important;border:1px solid #ffd6c8}
.premium-search{margin:17px 0 8px!important;gap:12px!important}
.premium-search label>span{color:#555b61!important;font-size:10px!important;letter-spacing:.5px;text-transform:uppercase}
.premium-search input,.premium-search select{
  height:58px!important;
  background:#faf9f6!important;
  border:1px solid #ddd9d1!important;
  border-radius:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.premium-search input:hover,.premium-search select:hover{border-color:#c9c3b8}
.premium-search input:focus,.premium-search select:focus{border-color:var(--rm-orange)!important;box-shadow:0 0 0 4px rgba(255,90,54,.10)!important}
.search-cta{
  height:58px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff633b,#ff4d2d)!important;
  box-shadow:0 12px 24px rgba(255,90,54,.22)!important;
  font-size:14px!important;
}
.search-cta:hover{background:var(--rm-orange-dark)!important;transform:translateY(-1px)}
.search-note{color:#7b8085!important}

/* Make the 4-step section match the cinematic hero */
.how-section{background:#101216!important;padding-top:105px!important}
.premium-steps article{background:linear-gradient(145deg,#20242a,#15171b)!important;border-color:#30343a!important;box-shadow:0 15px 34px rgba(0,0,0,.22)!important}
.premium-steps article:hover{border-color:rgba(255,90,54,.65)!important;box-shadow:0 22px 45px rgba(0,0,0,.32)!important}
.premium-steps .step-icon{background:#282d32!important;border-color:#3b4148!important;color:var(--rm-lime)!important}

/* Vehicle discovery: make real cab photos feel like premium cards */
.cab-preview{background:#f4f1ea!important}
.cab-preview .card{overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.cab-preview .card:hover{transform:translateY(-6px)!important;box-shadow:0 24px 55px rgba(20,20,18,.12)!important;border-color:#d7d0c5!important}
.cab-preview .card img{filter:saturate(1.04) contrast(1.04)!important}
.cab-preview .cardbody button{background:#111!important}
.cab-preview .cardbody button:hover{background:var(--rm-orange)!important}

/* Owner section keeps the orange/lime brand balance */
.owner-banner{background:linear-gradient(135deg,#ff5a36,#f24b2c)!important}
.owner-action{border:1px solid rgba(255,255,255,.10)}

/* More breathing room + clear section transitions */
.section-kicker{color:#7a7d81}
.roles{background:#fff}

@media(max-width:1050px){
  .premium-hero{grid-template-columns:1fr!important;padding-bottom:145px!important}
  .hero-copy{max-width:760px!important}
  .hero-visual{min-height:470px!important}
  .search-panel{margin:-52px 20px 0!important}
}
@media(max-width:800px){
  .premium-hero{min-height:auto!important;padding:58px 20px 115px!important}
  .premium-hero:before{background-position:64% center!important}
  .hero h1{font-size:clamp(54px,14vw,84px)!important;letter-spacing:-4px!important}
  .hero-copy{padding-top:0!important}
  .hero-visual{min-height:360px!important}
  .hero-car-card{width:100%!important;transform:none!important}
  .car-photo{height:280px!important}
  .search-panel{margin:-38px 12px 0!important;padding:22px 18px 18px!important;border-radius:22px!important}
  .search-panel h2{font-size:27px!important}
}
@media(max-width:560px){
  .premium-hero{padding:48px 16px 105px!important}
  .hero-lead{font-size:16px!important}
  .hero-trust{gap:8px!important}
  .hero-visual{min-height:315px!important}
  .car-photo{height:230px!important}
  .car-info{display:block!important}
  .price-tag{text-align:left!important;margin-top:14px!important}
  .search-panel{margin:-28px 10px 0!important}
  .search-panel-head{gap:12px!important}
  .search-panel h2{font-size:25px!important}
  .premium-search{grid-template-columns:1fr!important}
  .search-cta{grid-column:auto!important}
  .free-pill{font-size:9px!important}
}

/* ============================================================
   V5.1 FINAL PREMIUM HOMEPAGE — reference-matched cosmetic pass
   Functional baseline intentionally preserved. IDs/handlers remain intact.
   ============================================================ */
:root{
  --rm-orange:#ff5a1f;
  --rm-orange-2:#ff6b2d;
  --rm-lime:#d9f33f;
  --rm-cream:#f6f2e9;
  --rm-dark:#101114;
  --rm-dark-2:#17191d;
  --rm-white:#fff;
}
html{scroll-behavior:smooth}
body{background:var(--rm-cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
.site-header{height:72px;padding:0 clamp(18px,6.1vw,100px);position:sticky;top:0;background:rgba(255,255,255,.97)!important;border:0!important;box-shadow:0 1px 0 rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.04)!important;z-index:50}
.site-header .brand{display:flex;align-items:center;gap:10px;font-size:28px;letter-spacing:-1.5px}.site-header .brand b{width:44px;height:44px;border-radius:11px;margin:0;background:var(--rm-lime);font-size:12px}.site-header .brand-name{color:#111!important}.site-header .brand-name span{color:var(--rm-orange)!important}.site-header nav{gap:30px}.site-header nav a{font-weight:750;color:#242528!important;font-size:15px}.site-header nav a:after{display:inline-block;margin-left:8px;font-weight:900;color:#222}.site-header nav a:nth-child(1):after{content:'?';font-size:13px}.site-header nav a:nth-child(2):after{content:'⌕';font-size:19px;vertical-align:-1px}.site-header nav a:nth-child(3):after{content:'▣';font-size:13px}.site-header .nav-cta{padding:14px 25px!important;border-radius:28px!important;background:var(--rm-orange)!important;box-shadow:0 10px 22px rgba(255,90,31,.2)!important;font-size:15px}.site-header .nav-cta:hover{background:#f04c14!important;transform:translateY(-1px)}
.lang-switch{position:relative!important;width:96px!important;height:40px!important;min-width:96px!important;padding:0!important;border-radius:22px!important;background:#17181b!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;overflow:hidden!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.12)!important}.lang-option{position:relative;z-index:2;width:48px;text-align:center;font-size:12px;font-weight:850;color:#999}.lang-switch[data-active="en"] .lang-en,.lang-switch[data-active="hi"] .lang-hi{color:#fff}.lang-thumb{position:absolute;z-index:1;left:4px;top:4px;width:40px;height:32px;border-radius:18px;background:var(--rm-orange);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}.lang-switch[data-active="hi"] .lang-thumb{transform:translateX(48px)}
.premium-hero{position:relative;max-width:none!important;min-height:520px!important;margin:0!important;padding:68px clamp(24px,6.1vw,100px) 112px!important;display:grid!important;grid-template-columns:minmax(430px,.95fr) minmax(320px,.65fr)!important;gap:40px!important;align-items:center!important;color:#fff!important;background:#111!important;overflow:hidden;isolation:isolate}
.premium-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.95) 0%,rgba(5,7,8,.82) 28%,rgba(5,7,8,.28) 62%,rgba(5,7,8,.12) 100%),linear-gradient(0deg,rgba(5,7,8,.78),transparent 50%),url('assets/hero-cinematic.png') center/cover no-repeat;z-index:-2;transform:scale(1.02)}.premium-hero:after{content:"";position:absolute;inset:auto 0 0;height:145px;background:linear-gradient(180deg,transparent,#101114);z-index:-1}.hero-copy{max-width:720px!important;padding:0!important;z-index:2}.eyebrow{display:inline-flex!important;align-items:center;gap:9px;padding:7px 13px;border-radius:20px;background:rgba(20,22,24,.7);border:1px solid rgba(255,255,255,.1);color:#f0f0ed!important;font-size:10px!important;font-weight:850;letter-spacing:1px}.eyebrow span{width:8px!important;height:8px!important;border-radius:50%;background:var(--rm-lime)!important;box-shadow:0 0 0 5px rgba(217,243,63,.08)!important}.premium-hero h1{font-size:clamp(64px,6.9vw,105px)!important;line-height:.88!important;letter-spacing:-6px!important;margin:18px 0 20px!important;text-shadow:0 12px 40px rgba(0,0,0,.25)}.premium-hero h1 em{font-style:normal;color:var(--rm-lime)!important}.premium-hero h1 strong{color:#fff!important}.hero-lead{max-width:590px!important;font-size:17px!important;line-height:1.45!important;color:rgba(255,255,255,.88)!important}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:25px}.primary-cta{background:var(--rm-orange)!important;border-radius:28px!important;padding:15px 24px!important;box-shadow:0 14px 30px rgba(255,90,31,.25)!important;font-size:15px}.text-cta{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.65)!important;border-radius:0!important;padding:8px 0!important;color:#fff!important}.hero-trust{display:flex;gap:25px;margin-top:28px!important;flex-wrap:wrap!important}.hero-trust>span{display:grid;grid-template-columns:30px auto;column-gap:8px;align-items:center;font-size:12px;color:#fff!important}.hero-trust b{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(217,243,63,.14)!important;color:var(--rm-lime)!important;border:1px solid rgba(217,243,63,.18)}.hero-trust strong{font-size:12px}.hero-trust small{color:rgba(255,255,255,.58)!important;letter-spacing:0!important;font-weight:500!important}.hero-stats{justify-self:end;width:min(220px,100%);padding:18px 16px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(18,20,23,.55);backdrop-filter:blur(10px);box-shadow:0 25px 55px rgba(0,0,0,.24)}.hero-stat{display:grid;grid-template-columns:1fr;gap:0;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.hero-stat:last-child{border-bottom:0}.hero-stat b{font-size:21px;color:#fff}.hero-stat span{font-size:11px;color:rgba(255,255,255,.6)}
.search-panel{position:relative;z-index:5;max-width:1245px!important;margin:-48px auto 0!important;padding:24px 30px 20px!important;border:1px solid #ded8ce!important;border-top:3px solid var(--rm-orange)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 25px 70px rgba(20,20,18,.16)!important}.search-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.search-panel-head small{font-size:10px!important;color:var(--rm-orange)!important;font-weight:900;letter-spacing:1.5px}.search-panel h2{font-size:29px!important;letter-spacing:-1.5px!important;margin:2px 0 0!important}.free-pill{background:#fff2ea!important;color:#c84b27!important;border:0!important;border-radius:22px!important;padding:8px 13px!important;font-size:11px!important;font-weight:800}.premium-search{display:grid!important;grid-template-columns:1.05fr 1.15fr .72fr auto!important;gap:10px!important;margin:14px 0 8px!important}.premium-search label{display:grid;gap:6px}.premium-search label>span{font-size:10px!important;font-weight:800!important;color:#575b60!important}.premium-search input,.premium-search select{height:52px!important;border-radius:13px!important;background:#fbfaf7!important;border:1px solid #ddd9d1!important;padding:0 14px!important;font-weight:650!important}.premium-search input:focus,.premium-search select:focus{outline:none;border-color:var(--rm-orange)!important;box-shadow:0 0 0 4px rgba(255,90,31,.09)!important}.search-cta{align-self:end;height:52px!important;border-radius:13px!important;background:var(--rm-orange)!important;box-shadow:0 10px 22px rgba(255,90,31,.18)!important;white-space:nowrap;font-size:14px}.search-cta:hover{background:#f04c14!important;transform:translateY(-1px)}.search-icon{font-size:19px;margin-right:5px}.search-note{margin:0!important;font-size:11px!important;color:#85898d!important}
.how-section{background:var(--rm-dark)!important;color:#fff!important;padding:72px clamp(20px,6.1vw,100px) 78px!important}.how-section .section-kicker{color:var(--rm-lime)!important;font-size:10px!important;letter-spacing:1.7px;font-weight:900}.how-section .section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:24px}.how-section .section-intro h2{font-size:36px!important;letter-spacing:-2px!important;margin:7px 0 0!important}.how-section .section-intro h2 em{font-style:normal;color:var(--rm-lime)}.how-section .section-intro p{max-width:460px;color:#9fa2a7;font-size:13px;margin:0 0 4px}.premium-steps{grid-template-columns:repeat(4,1fr)!important;gap:26px!important;position:relative}.premium-steps:before{content:"";position:absolute;left:8%;right:8%;top:64px;border-top:1px dashed #555;z-index:0}.premium-steps article{position:relative;z-index:1;min-height:150px!important;padding:18px 18px 17px!important;border:1px solid #383b40!important;border-radius:17px!important;background:linear-gradient(145deg,#202327,#15171a)!important;box-shadow:none!important}.premium-steps article:hover{transform:translateY(-4px);border-color:#575b61!important}.premium-steps .step-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-bottom:12px;font-size:23px;background:#2c3035!important;border:1px solid #42464d!important}.premium-steps .step-icon.orange{color:var(--rm-orange)!important}.premium-steps .step-icon.ico-lime{color:var(--rm-lime)!important}.premium-steps article>span{position:absolute;right:16px;top:20px;color:var(--rm-orange);font-weight:900;font-size:12px}.premium-steps article:nth-child(even)>span{color:var(--rm-lime)}.premium-steps h3{font-size:16px!important;margin:4px 0 5px!important}.premium-steps p{font-size:11px!important;line-height:1.45;color:#999!important;margin:0}
.cab-preview{background:var(--rm-cream)!important;padding:58px clamp(20px,6.1vw,100px) 72px!important}.cab-preview .section-kicker{font-size:10px!important;color:var(--rm-orange)!important;font-weight:900;letter-spacing:1.5px}.preview-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:22px}.preview-head h2{font-size:39px!important;letter-spacing:-2.5px!important;margin:8px 0 0!important}.preview-head h2 em{font-style:normal;color:var(--rm-orange)}.preview-head p{max-width:480px;color:#73777b;font-size:13px;margin:0 0 3px}.premium-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;min-height:90px}.cab-preview .card{display:block!important;background:#fff!important;border:1px solid #ded9cf!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 32px rgba(20,20,18,.08)!important;transition:.25s ease!important}.cab-preview .card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 48px rgba(20,20,18,.14)!important}.cab-preview .card img{display:block!important;width:100%!important;height:205px!important;min-height:0!important;object-fit:cover!important}.cab-preview .cardbody{padding:14px 15px 15px!important}.cab-preview .badge{background:#f1f8d5!important;color:#445300!important;font-size:9px!important;padding:4px 8px!important}.cab-preview .card h3{font-size:17px!important;letter-spacing:-.5px;margin:8px 0 3px!important}.cab-preview .cardbody>.muted{font-size:11px!important}.cab-preview .rates{margin:11px 0!important;gap:5px!important}.cab-preview .rates span{background:#f5f3ee!important;border-radius:7px!important;font-size:10px!important;padding:5px 7px!important}.cab-preview .cardbody button{width:100%;margin-top:2px;border-radius:10px!important;padding:10px 12px!important;background:#111!important}.cab-preview .cardbody button:hover{background:var(--rm-orange)!important}.premium-grid:empty:before{content:"Find available cabs near you";display:block;grid-column:1/-1;text-align:center;padding:32px;border:1px dashed #d4cec4;border-radius:16px;color:#8b8b87;font-size:13px}
.owner-banner{padding:65px clamp(20px,6.1vw,100px)!important;background:linear-gradient(135deg,#ff5a1f,#f04b19)!important;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.owner-banner .section-kicker{color:#ffe4d8!important}.owner-banner h2{font-size:48px!important;letter-spacing:-3px!important;margin:7px 0 15px!important}.owner-banner h2 em{font-style:normal;color:var(--rm-lime)}.owner-banner p{max-width:650px;color:rgba(255,255,255,.82)}.owner-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.owner-points span{padding:7px 11px;border-radius:20px;background:rgba(0,0,0,.15);font-size:11px}.owner-action{background:rgba(15,16,18,.18)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;padding:26px!important;box-shadow:0 20px 45px rgba(0,0,0,.1)}.owner-action button{background:#111!important;color:#fff!important;border-radius:24px!important}.roles{background:#fff!important;padding:65px clamp(20px,6.1vw,100px)!important}.roles h2{font-size:40px!important}.rolegrid article{border-radius:18px!important}.future-section{background:#15171a!important;color:#fff!important;padding:60px clamp(20px,6.1vw,100px)!important}.future-section h2{color:#fff}.premium-features{border-color:#383b40!important;background:#1d2024!important}
footer{background:#0f1012!important;color:#fff!important;border:0!important;padding:30px clamp(20px,6.1vw,100px)!important}.site-header + main{position:relative}
@media(max-width:1100px){.premium-hero{grid-template-columns:1fr .5fr!important}.premium-steps{gap:14px!important}.premium-search{grid-template-columns:1fr 1fr!important}.search-cta{grid-column:1/-1}.premium-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:820px){.site-header{padding:0 18px}.site-header nav{gap:10px}.site-header nav a{display:none}.premium-hero{grid-template-columns:1fr!important;min-height:590px!important;padding:55px 20px 100px!important}.hero-stats{justify-self:start;display:grid;grid-template-columns:repeat(4,1fr);width:100%;padding:6px}.hero-stat{padding:8px;border-bottom:0;border-right:1px solid rgba(255,255,255,.08)}.hero-stat:last-child{border-right:0}.hero-stat b{font-size:15px}.hero-stat span{font-size:9px}.hero-trust{gap:13px}.search-panel{margin:-35px 12px 0!important;padding:20px!important}.how-section,.cab-preview,.roles,.owner-banner,.future-section{padding-left:20px!important;padding-right:20px!important}.how-section .section-intro,.preview-head{display:block}.how-section .section-intro p,.preview-head p{margin-top:10px}.premium-steps{grid-template-columns:1fr 1fr!important}.premium-steps:before{display:none}.owner-banner{grid-template-columns:1fr!important}}
@media(max-width:560px){.site-header .brand{font-size:22px}.site-header .brand b{width:38px;height:38px}.lang-switch{width:82px!important;min-width:82px!important}.lang-option{width:41px}.lang-thumb{width:34px}.lang-switch[data-active="hi"] .lang-thumb{transform:translateX(40px)}.premium-hero{min-height:610px!important;padding:45px 16px 90px!important}.premium-hero h1{font-size:55px!important;letter-spacing:-4px!important}.hero-lead{font-size:15px!important}.hero-trust{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.hero-actions{gap:16px}.hero-stats{grid-template-columns:1fr 1fr}.hero-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.premium-search{grid-template-columns:1fr!important}.search-cta{grid-column:auto!important}.premium-steps{grid-template-columns:1fr!important}.premium-grid{grid-template-columns:1fr!important}.preview-head h2,.roles h2,.owner-banner h2{font-size:34px!important}.cab-preview .card img{height:190px!important}}

/* =========================================================
   V5.2 — Mobile navigation (hamburger), robust nav icons,
   header spacing fix, About Us & Contact Us sections.
   ========================================================= */

/* --- Icon sizing: SVGs replace the old text-glyph icons so
   rendering is identical across every OS/browser (no emoji-font
   fallback, no clipped/invisible glyphs). --- */
.role-icon{overflow:hidden}
.role-icon svg{width:20px;height:20px;display:block}
.premium-roles .rolegrid .role-icon svg{width:22px;height:22px}
.step-icon{overflow:hidden}
.step-icon svg{width:20px;height:20px;display:block}
.site-header nav a:after{content:attr(data-icon)!important;display:inline-block!important;position:static!important;margin-left:8px!important;margin-right:0!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important;width:auto!important;background:none!important;transition:none!important}
nav.menu-open .nav-links a:after{margin-left:auto!important}

/* --- Hamburger toggle: hidden on desktop --- */
.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;padding:0;background:transparent;border:1px solid rgba(20,20,20,.14);border-radius:10px;box-shadow:none}
.menu-toggle span{display:block;width:17px;height:2px;background:#222;border-radius:2px;transition:transform .22s ease,opacity .22s ease}
.menu-toggle:hover{background:transparent}
nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
nav.menu-open .menu-toggle span:nth-child(2){opacity:0}
nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.nav-links{display:flex;align-items:center;gap:30px}

/* Shortened CTA label — only shown on very small screens */
.nav-cta .cta-short{display:none}

/* --- Below 820px: nav links move into a slide-down drawer,
   opened by the hamburger. Lang switch + login stay visible. --- */
@media(max-width:820px){
  .site-header nav{display:flex;align-items:center;gap:8px}
  .menu-toggle{display:flex}
  .site-header nav .nav-links{display:none}
  nav.menu-open .nav-links{
    display:flex!important;
    position:fixed;
    left:0;right:0;top:72px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#fff;
    border-top:1px solid rgba(20,20,20,.08);
    box-shadow:0 20px 40px rgba(0,0,0,.14);
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
    z-index:49;
  }
  nav.menu-open .nav-links a{
    display:flex!important;
    align-items:center;
    padding:16px 20px;
    font-size:15px;
    border-bottom:1px solid #eee;
    color:#242528!important;
  }
  nav.menu-open .nav-links a:after{margin-left:auto!important;width:18px;text-align:center}
}

/* --- Header spacing fix for small phones: shrink brand, and
   swap "Login / Join" for a short "Login" label so nothing
   collides or wraps. --- */
@media(max-width:480px){
  .site-header{padding:0 14px}
  .site-header .brand{font-size:18px;gap:7px}
  .site-header .brand b{width:32px;height:32px;font-size:10px;border-radius:9px}
  .site-header nav{gap:6px}
  .nav-cta .cta-full{display:none}
  .nav-cta .cta-short{display:inline}
  .site-header .nav-cta{padding:11px 16px!important;font-size:13px}
  .lang-switch{width:64px!important;min-width:64px!important;height:34px!important}
  .lang-switch .lang-option{width:26px;font-size:9px}
  .lang-switch .lang-thumb{width:26px!important;height:26px!important}
  .lang-switch[data-active="hi"] .lang-thumb{transform:translateX(30px)!important}
  nav.menu-open .nav-links{top:64px;max-height:calc(100dvh - 64px)}
}

/* --- Road animation: full-bleed dark-to-light divider between the
   dark roadmap section and the white About section (previously a
   floating beige box with 48px gaps on every side — see style.css.frozen-backup
   for the original if this needs to be revisited). --- */
.about-section{background:#fff!important;padding:100px clamp(20px,6.1vw,100px)!important}
.about-section .section-kicker{color:var(--rm-orange)!important;font-size:10px;font-weight:900;letter-spacing:1.7px}
.about-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:14px}
.about-copy{max-width:760px}
.about-copy h2{font-size:42px;letter-spacing:-2px;line-height:1.08;margin:0 0 20px}
.about-copy h2 em{font-style:normal;color:var(--rm-orange)}
.about-lead{font-size:17px;line-height:1.6;color:#26282b;margin-bottom:16px}
.about-copy p{color:#5d646b;line-height:1.75;font-size:14.5px;margin:0 0 14px;max-width:620px}
.about-stats{display:flex;gap:28px;margin-top:28px;flex-wrap:wrap}
.about-stats b{display:block;font-size:26px;letter-spacing:-1px;color:var(--rm-ink)}
.about-stats span{display:block;font-size:11.5px;color:#888;margin-top:2px}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.about-values article{background:linear-gradient(160deg,var(--rm-cream),#f2ede1);border:1px solid var(--rm-line);border-radius:20px;padding:26px;transition:transform .2s ease,box-shadow .2s ease}
.about-values article:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(20,20,18,.08)}
.about-values .role-icon{color:var(--rm-orange)}
.about-values h3{margin:16px 0 6px;font-size:18px}
.about-values p{margin:0;color:#6b7075;font-size:13px;line-height:1.55}
@media(max-width:900px){.about-values{grid-template-columns:1fr;gap:16px;margin-top:40px}}
@media(max-width:560px){.about-section{padding:60px 20px!important}.about-copy h2{font-size:32px}.about-stats{gap:20px}}

/* --- Contact Us --- */
.contact-section{background:var(--rm-dark)!important;color:#fff;padding:100px clamp(20px,6.1vw,100px)!important}
.contact-section .section-kicker{color:var(--rm-lime)!important;font-size:10px;font-weight:900;letter-spacing:1.7px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:14px;align-items:start}
.contact-copy h2{font-size:40px;letter-spacing:-2px;line-height:1.1;margin:0 0 18px;color:#fff}
.contact-copy h2 em{font-style:normal;color:var(--rm-lime)}
.contact-copy p{color:rgba(255,255,255,.72);line-height:1.7;font-size:14.5px;max-width:480px;margin:0 0 26px}
.contact-copy .primary-cta{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.contact-cards{display:grid;gap:14px}
.contact-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 22px}
.contact-card .role-icon{color:#15171a}
.contact-card h3{margin:10px 0 4px;font-size:15px;color:#fff}
.contact-card p{margin:0;font-size:14px}
.contact-card p a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.contact-card p a:hover{border-color:var(--rm-lime);color:var(--rm-lime)}
.contact-card small{display:block;margin-top:6px;color:rgba(255,255,255,.5);font-size:11.5px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:560px){.contact-section{padding:60px 20px!important}.contact-copy h2{font-size:30px}}

/* --- Footer links --- */
footer{flex-wrap:wrap}
.footer-links{display:flex;gap:20px;margin-right:auto}
.footer-links a{color:#aaa;text-decoration:none;font-size:13px}
.footer-links a:hover{color:#fff}
@media(max-width:560px){footer{gap:14px}.footer-links{margin-right:0;order:3;width:100%}}

/* --- Remove the extra upscale-on-upscale that softened the
   already low-res hero photo further. --- */
.premium-hero:before{transform:none!important}


/* =========================================================
   V5.4 — Logged-in workspace refinement
   Scope: customer/owner dashboard only. Public homepage remains unchanged.
   ========================================================= */
#customer-app,#owner-app{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.96) 0 8%,rgba(255,255,255,.42) 22%,transparent 45%),
    linear-gradient(120deg,rgba(239,248,255,.98) 0%,rgba(226,242,252,.95) 52%,rgba(207,232,247,.88) 100%);
}
#customer-app::before,#owner-app::before{
  content:"";
  position:absolute;
  top:0;
  right:-5vw;
  width:min(58vw,820px);
  height:520px;
  background-image:linear-gradient(90deg,rgba(229,243,252,1) 0%,rgba(229,243,252,.72) 18%,rgba(229,243,252,.08) 60%,rgba(229,243,252,0) 100%),url("assets/hero-cinematic.png");
  background-size:cover,cover;
  background-position:center,right center;
  background-repeat:no-repeat;
  opacity:.20;
  filter:saturate(.75) contrast(.92);
  pointer-events:none;
}
#customer-app::after,#owner-app::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  top:0;
  height:190px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);
  pointer-events:none;
}
#customer-app>.dashboard,#owner-app>.dashboard{
  position:relative;
  z-index:1;
  background:transparent!important;
  border-top:0!important;
}
#customer-app .dashhead,#owner-app .dashhead{
  padding-top:12px;
}
#customer-app .dashhead>div,#owner-app .dashhead>div{
  max-width:760px;
}
#customer-app .dashhead h1,#owner-app .dashhead h1{
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}
#customer-app .dashcard,#owner-app .dashcard,
#customer-app .dashpanel,#owner-app .dashpanel{
  background:rgba(255,255,255,.91)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#customer-app .dashcard:hover,#owner-app .dashcard:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(36,93,125,.12)!important;
}
.site-header .nav-logout{background:#111;color:#fff}
.site-header .usernav{white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:820px){
  #customer-app::before,#owner-app::before{width:100%;right:-30%;height:390px;opacity:.13;background-position:center,right top}
  #customer-app .dashhead,#owner-app .dashhead{padding-top:0}
  .site-header .usernav{max-width:110px;padding:11px 12px!important}
  .site-header .nav-logout{padding:11px 12px!important}
}
@media(max-width:520px){
  #customer-app::before,#owner-app::before{height:300px;opacity:.10}
  .site-header .usernav{max-width:84px;font-size:11px}
  .site-header .nav-logout{font-size:11px}
}

/* Authenticated pages must never render the public homepage sections.
   This uses !important because the premium homepage deliberately uses
   !important display rules for its responsive grid. */
.rm-auth-hidden{display:none!important}
body.authenticated-page>main{min-height:0}
#customer-app,#owner-app{scroll-margin-top:82px}
@media(max-width:820px){#customer-app,#owner-app{scroll-margin-top:72px}}

/* FAQ modal (footer link) — new classes only */
.faq-modal .faq-group{margin:18px 0 6px;font-size:16px;color:var(--rm-orange,#ff5a36)}
.faq-item{border-bottom:1px solid #e6e6e1;padding:2px 0}
.faq-item summary{cursor:pointer;font-weight:700;padding:12px 26px 12px 0;list-style:none;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:20px;font-weight:700;color:#777}
.faq-item[open] summary::after{content:"−"}
.faq-item p{margin:0 0 14px;color:#4b4d52;line-height:1.6}