:root{--navy:#082540;--navy2:#0d355b;--blue:#1768e5;--teal:#0ca7a1;--green:#0d8b5b;--red:#dc3545;--orange:#e49a12;--ink:#0c2137;--muted:#64778b;--line:#dce6f0;--soft:#f4f8fc;--soft2:#eef5fb;--white:#fff;--shadow:0 18px 50px rgba(14,47,78,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.site-container{width:min(1280px,calc(100% - 48px));margin:auto}.site-container.narrow{max-width:900px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,228,239,.9)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}.site-brand{display:flex;align-items:center;gap:11px;min-width:230px}.brand-mark{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 18px rgba(8,37,64,.08)}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:5px}.brand-mark>span{font-weight:900;color:var(--blue)}.site-brand strong{display:block;font-size:14px;line-height:1.2}.site-brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.site-nav{display:flex;align-items:center;gap:20px;margin-left:auto}.site-nav a{font-size:13px;font-weight:700;color:#334a61;padding:29px 0 25px;position:relative;white-space:nowrap}.site-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:10px;transition:.2s}.site-nav a:hover,.site-nav a.active{color:var(--blue)}.site-nav a.active:after,.site-nav a:hover:after{left:0;right:0}.nav-actions{display:flex;align-items:center;gap:10px}.nav-wa{font-size:12px;font-weight:800;color:var(--green)}.mobile-menu,.mobile-nav{display:none}.site-btn{border:0;border-radius:11px;padding:13px 19px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.site-btn:hover{transform:translateY(-1px)}.site-btn.primary{background:linear-gradient(100deg,#1768e5,#0da8a1);color:#fff;box-shadow:0 8px 22px rgba(23,104,229,.2)}.site-btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.site-btn.light{background:#fff;color:var(--navy)}.site-btn.outline-light{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}.site-btn.compact{padding:10px 14px;font-size:12px}.site-btn.wide{width:100%}.hero-pro{padding:76px 0 68px;background:radial-gradient(circle at 88% 12%,rgba(13,167,161,.13),transparent 31%),radial-gradient(circle at 7% 15%,rgba(23,104,229,.12),transparent 34%),linear-gradient(180deg,#f7fbff 0,#eef6ff 100%)}.hero-pro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) 420px;gap:64px;align-items:center}.eyebrow,.mini-kicker{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--blue)}.hero-copy h1{font-size:clamp(44px,5.1vw,70px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 20px;max-width:790px}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#425d75;font-size:12px;font-weight:700}.quick-book-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.quick-book-card h2{font-size:24px;margin:8px 0 20px}.quick-book-card label,.booking-schedule-card label,.contact-form label,.form-grid-public label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#31485e}.quick-book-card input,.quick-book-card select,.booking-schedule-card input,.booking-schedule-card select,.contact-form input,.contact-form select,.contact-form textarea,.form-grid-public input,.form-grid-public select,.form-grid-public textarea,.fleet-filter input,.fleet-filter select{width:100%;border:1px solid #cfddeb;background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);outline:none}.quick-book-card input:focus,.quick-book-card select:focus,.booking-schedule-card input:focus,.booking-schedule-card select:focus,.contact-form input:focus,.contact-form textarea:focus,.form-grid-public input:focus,.form-grid-public textarea:focus,.form-grid-public select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,104,229,.08)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:11px 0 16px}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.trust-grid>div{padding:3px 28px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border-right:0}.trust-grid strong{display:block;font-size:19px}.trust-grid span{font-size:11px;color:var(--muted)}.section{padding:80px 0}.section.tight{padding-top:44px}.section.soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.section-heading.centered{justify-content:center;text-align:center}.section-heading h2,.about-split h2,.faq-split h2{font-size:36px;line-height:1.14;letter-spacing:-.025em;margin:8px 0 8px}.section-heading p{margin:0;color:var(--muted)}.section-heading>a,.text-link{color:var(--blue);font-weight:800;font-size:13px}.fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(8,37,64,.055);transition:.22s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.vehicle-image{height:205px;display:block;position:relative;background:#edf4fa}.vehicle-image img{width:100%;height:100%;object-fit:cover}.vehicle-placeholder,.large-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:#7890a6}.vehicle-placeholder span{font-size:48px}.vehicle-placeholder small{font-size:11px}.vehicle-badge,.detail-badge{position:absolute;top:13px;left:13px;background:var(--navy);color:#fff;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.vehicle-body{padding:17px}.vehicle-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.vehicle-title small{font-size:10px;color:var(--muted);text-transform:uppercase}.vehicle-title h3{font-size:17px;margin:4px 0 0}.availability{font-size:9px!important;border-radius:999px;padding:5px 7px;background:#e6f8ef;color:#0b7a4d!important;font-weight:900}.spec-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.spec-row span{background:#f1f5f9;color:#627588;padding:5px 7px;border-radius:6px;font-size:10px}.rate{display:flex;align-items:baseline;gap:4px;padding:15px 0 13px;border-bottom:1px solid #edf2f7}.rate small{margin-right:auto;color:var(--muted);font-size:10px}.rate strong{color:var(--green);font-size:18px}.rate span{font-size:10px;color:var(--muted)}.card-actions{display:grid;grid-template-columns:.8fr 1fr;gap:8px;margin-top:12px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid.detailed{grid-template-columns:repeat(3,1fr)}.service-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;min-height:195px}.service-grid article>span{font-weight:900;font-size:22px;color:#aac2dc}.service-grid h3{font-size:18px;margin:28px 0 8px}.service-grid p{font-size:13px;color:var(--muted);line-height:1.6}.service-grid a{color:var(--blue);font-size:12px;font-weight:800}.section-action{text-align:center;margin-top:24px}.about-split{display:grid;grid-template-columns:1.2fr .75fr;gap:68px;align-items:center}.about-split p{color:var(--muted);line-height:1.75;font-size:15px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.about-points span{font-size:12px;font-weight:700}.about-panel{background:linear-gradient(145deg,var(--navy),#0e3a62);color:#fff;border-radius:22px;padding:32px;display:grid;gap:8px;box-shadow:var(--shadow)}.about-panel small{font-size:9px;letter-spacing:.12em;color:#8eb5d7;margin-top:12px}.about-panel strong{font-size:18px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-grid.large{grid-template-columns:repeat(3,1fr)}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 9px 28px rgba(8,37,64,.05)}.portfolio-card img,.portfolio-placeholder{width:100%;height:220px;object-fit:cover;background:linear-gradient(135deg,#dfeaf5,#edf5fb);display:grid;place-items:center;font-size:11px;font-weight:900;color:#668098}.portfolio-card>div{padding:18px}.portfolio-card small,.article-card small{color:var(--muted);font-size:10px}.portfolio-card h3,.article-card h3{font-size:18px;margin:7px 0}.portfolio-card p,.article-card p{color:var(--muted);font-size:12px;line-height:1.55}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.stars{color:#f0a315;letter-spacing:2px}.testimonial-card p{font-size:14px;line-height:1.7;color:#3f5569}.testimonial-card strong{display:block}.testimonial-card small{color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-grid.large{grid-template-columns:repeat(3,1fr)}.article-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.article-card>img,.article-placeholder{height:200px;width:100%;object-fit:cover;background:linear-gradient(135deg,#dfeaf5,#eff6fb);display:grid;place-items:center;color:#668098;font-weight:900;font-size:11px}.article-card>div{padding:18px}.article-card span{color:var(--blue);font-size:11px;font-weight:800}.faq-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 16px}.faq-list summary{cursor:pointer;font-weight:800;font-size:13px;padding:16px 0}.faq-list p{font-size:12px;color:var(--muted);line-height:1.6;padding:0 0 16px;margin:0}.cta-pro{padding:58px 0;background:linear-gradient(115deg,#071f36,#0d426d);color:#fff}.cta-pro-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-pro h2{font-size:34px;max-width:760px;margin:8px 0}.cta-pro p{color:#b7cee1}.cta-pro-inner>div:last-child{display:flex;gap:10px}.site-footer{background:#06182c;color:#d6e4f2;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr 1fr;gap:36px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid h4{color:#fff;margin:0 0 8px}.footer-grid p,.footer-grid span,.footer-grid a,.footer-grid small{font-size:12px;color:#9fb5ca;line-height:1.55}.footer-grid a:hover{color:#fff}.footer-brand strong{color:#fff}.footer-login{font-weight:900!important;color:#fff!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;color:#7892aa;font-size:11px}.floating-wa{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;background:#19a565;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.18);z-index:45}.page-hero.pro{padding:66px 0 44px;background:linear-gradient(180deg,#eef6ff,#fff)}.page-hero h1{font-size:48px;line-height:1.08;margin:11px 0;letter-spacing:-.035em}.page-hero p{font-size:16px;color:var(--muted);line-height:1.65}.fleet-filter.pro{display:grid;grid-template-columns:1fr 220px auto auto;gap:10px;margin-bottom:26px}.site-empty{grid-column:1/-1;border:1px dashed #c9d8e6;border-radius:16px;padding:40px;text-align:center;color:var(--muted);display:grid;gap:7px}.site-pagination{margin-top:24px}.site-pagination nav svg{width:18px}.vehicle-detail-hero{padding:34px 0 70px;background:linear-gradient(180deg,#f5f9fd,#fff)}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:22px}.breadcrumb a{color:var(--blue)}.vehicle-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px}.gallery-main{height:470px;border-radius:22px;overflow:hidden;background:#eaf2f8;border:1px solid var(--line)}.gallery-main img{width:100%;height:100%;object-fit:cover}.large-placeholder{font-size:70px}.large-placeholder small{font-size:12px}.gallery-thumbs{display:flex;gap:9px;margin-top:10px;overflow:auto}.gallery-thumbs button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;flex:0 0 92px;height:68px}.gallery-thumbs button:hover{border-color:var(--blue)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.vehicle-info-panel{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;box-shadow:var(--shadow);position:relative}.vehicle-info-panel .detail-badge{position:static;display:inline-block}.vehicle-info-panel h1{font-size:36px;margin:13px 0 6px}.vehicle-info-panel>p{color:var(--muted)}.vehicle-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.vehicle-spec-grid>div{background:#f5f8fb;border-radius:11px;padding:12px}.vehicle-spec-grid small{display:block;color:var(--muted);font-size:9px}.vehicle-spec-grid strong{font-size:13px}.green{color:var(--green)!important}.rate-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:18px}.rate-box small{display:block;color:var(--muted)}.rate-box strong{font-size:28px;color:var(--green)}.rate-box span{font-size:11px;color:var(--muted)}.rate-box p{margin:7px 0 0;font-size:11px;color:#52687c}.fine-note{font-size:10px!important;text-align:center;margin-top:10px}.detail-content-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:50px;align-items:center}.detail-content-grid h2{font-size:34px}.detail-content-grid p{color:var(--muted);line-height:1.7}.detail-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-checks span{font-size:12px}.booking-mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.article-detail{padding:54px 0 80px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:60px;justify-content:center}.article-layout h1{font-size:46px;line-height:1.1;margin:12px 0}.article-meta{color:var(--muted);font-size:12px}.article-hero-image{width:100%;max-height:520px;object-fit:cover;border-radius:20px;margin:24px 0}.article-body{font-size:16px;line-height:1.85;color:#2e4458;white-space:normal}.article-aside{position:sticky;top:110px;align-self:start;border:1px solid var(--line);border-radius:17px;padding:22px}.article-aside hr{border:0;border-top:1px solid var(--line);margin:22px 0}.aside-link{display:block;color:var(--blue);font-size:12px;font-weight:700;margin:12px 0}.faq-page{max-width:920px}.faq-page section{margin-bottom:30px}.faq-page h2{font-size:22px}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px}.contact-info-card,.contact-form{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.contact-info-card p{color:var(--muted);line-height:1.65}.contact-info-card dl{display:grid;gap:13px}.contact-info-card dl>div{border-top:1px solid var(--line);padding-top:10px}.contact-info-card dt{font-size:9px;color:var(--muted);text-transform:uppercase}.contact-info-card dd{margin:4px 0 0;font-weight:700}.contact-form h2{margin:7px 0 20px}.form-grid-public{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid-public .full{grid-column:1/-1}.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.site-alert{margin-top:14px;padding:12px 15px;border-radius:10px}.site-alert.danger{background:#fff0f1;color:#9e2432}.site-alert.success{background:#eafaf2;color:#0d7549}.booking-page-head{padding:42px 0 30px;background:linear-gradient(180deg,#eef6ff,#fff)}.booking-page-head>.site-container{display:flex;align-items:end;justify-content:space-between;gap:30px}.booking-page-head h1{font-size:42px;margin:8px 0}.booking-page-head p{color:var(--muted)}.booking-security-badge{border:1px solid #cce0f1;border-radius:14px;padding:12px 16px;background:#fff;display:flex;flex-direction:column}.booking-security-badge strong{font-size:12px}.booking-security-badge span{font-size:10px;color:var(--muted)}.booking-section{padding:26px 0 80px}.booking-pro-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.booking-schedule-card,.booking-wizard-card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(8,37,64,.055)}.booking-schedule-card{padding:20px;position:sticky;top:102px}.step-badge{width:30px;height:30px;border-radius:9px;background:#e9f2ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.booking-schedule-card h2{font-size:18px}.booking-schedule-card form{display:grid;gap:12px}.plan-return{margin-top:14px;background:#edf6ff;border-radius:11px;padding:12px;display:flex;flex-direction:column}.plan-return small{color:var(--muted)}.verification-note{margin-top:12px;padding:11px;border:1px solid #d5e3f0;border-radius:11px;background:#f9fcff;display:flex;flex-direction:column}.verification-note strong{font-size:11px;color:var(--blue)}.verification-note span{font-size:10px;color:var(--muted)}.booking-wizard-card{overflow:hidden}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);background:#f7fafc}.wizard-progress button{border:0;background:none;padding:14px 8px;color:#8091a2;display:grid;place-items:center;gap:4px;font-size:10px;cursor:pointer}.wizard-progress button span{width:26px;height:26px;border-radius:50%;background:#e9eff5;display:grid;place-items:center;font-weight:900}.wizard-progress button.active{color:var(--blue);background:#fff}.wizard-progress button.active span{background:var(--blue);color:#fff}.wizard-progress button.done span{background:#dff5eb;color:var(--green)}.wizard-panel{display:none;padding:24px}.wizard-panel.active{display:block}.wizard-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wizard-title h2{margin:0;font-size:21px}.wizard-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.booking-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.select-vehicle input{position:absolute;opacity:0}.select-card{border:2px solid var(--line);border-radius:14px;overflow:hidden;display:block;position:relative;cursor:pointer}.select-card img,.mini-placeholder{height:140px;width:100%;object-fit:cover;display:grid;place-items:center;background:#edf4f9;font-size:42px}.select-copy{display:flex;flex-direction:column;padding:11px}.select-copy small{font-size:9px;color:var(--muted)}.select-copy strong{font-size:13px;margin-top:4px}.select-copy b{font-size:12px;color:var(--green);margin-top:6px}.select-check{position:absolute;top:8px;right:8px;width:23px;height:23px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:transparent}.select-vehicle input:checked+.select-card{border-color:var(--blue);box-shadow:0 0 0 3px #eaf2ff}.select-vehicle input:checked+.select-card .select-check{background:var(--blue);color:#fff}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.verification-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{border:1px dashed #b7cde2!important;background:#f9fbfe;border-radius:12px;padding:14px!important;display:grid!important;grid-template-columns:42px 1fr;align-items:center;gap:4px 10px;cursor:pointer}.upload-icon{width:42px;height:42px;border-radius:10px;background:#e8f2ff;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:900;grid-row:1/3}.upload-box input{grid-column:1/-1;margin-top:7px}.strong-note{padding:12px;border-radius:10px;background:#f6f9fc;border:1px solid var(--line);font-size:11px;color:var(--muted);margin-top:12px}.driver-switch{padding:12px;border:1px solid var(--line);border-radius:10px;display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.driver-switch input{width:auto}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-options label{display:block;position:relative}.payment-options input{position:absolute;opacity:0}.payment-options span{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:13px;padding:15px;cursor:pointer}.payment-options small{font-weight:400;color:var(--muted)}.payment-options input:checked+span{border-color:var(--blue);background:#f4f8ff}.consent-panel{margin:18px 0;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.consent-check{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start;gap:9px!important;font-weight:500!important;line-height:1.4}.consent-check input{width:auto!important;margin-top:3px}.booking-summary-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.booking-summary-box>div{background:#f4f8fb;border-radius:10px;padding:12px}.booking-summary-box small{display:block;color:var(--muted);font-size:9px}.booking-summary-box strong{font-size:12px}.status-page{background:var(--soft);min-height:65vh}.status-card{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;text-align:center;box-shadow:var(--shadow)}.status-icon{width:62px;height:62px;border-radius:50%;background:#fff7df;color:#ad7000;display:grid;place-items:center;font-size:30px;margin:0 auto 16px}.status-icon.success{background:#e7f8ef;color:#0d8554}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;text-align:left}.status-grid>div{background:#f6f9fc;border-radius:10px;padding:12px;display:flex;flex-direction:column}.status-grid small{color:var(--muted)}
@media(max-width:1180px){.site-nav{gap:12px}.site-nav a{font-size:11px}.site-brand{min-width:190px}.nav-wa{display:none}.fleet-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.site-container{width:min(100% - 30px,1280px)}.site-nav,.nav-actions{display:none}.mobile-menu{display:block;margin-left:auto;border:0;background:none;font-size:24px}.mobile-nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.hero-pro-grid,.vehicle-detail-grid,.detail-content-grid,.booking-pro-layout,.contact-grid,.about-detail-grid,.article-layout,.faq-split{grid-template-columns:1fr}.booking-schedule-card,.article-aside{position:static}.footer-grid{grid-template-columns:1fr 1fr 1fr}.service-grid,.service-grid.detailed{grid-template-columns:repeat(2,1fr)}.portfolio-grid,.portfolio-grid.large,.testimonial-grid,.article-grid,.article-grid.large{grid-template-columns:repeat(2,1fr)}.fleet-grid{grid-template-columns:repeat(2,1fr)}.booking-vehicle-grid{grid-template-columns:repeat(2,1fr)}.about-split{grid-template-columns:1fr}.hero-pro-grid{gap:34px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(2){border-right:0}.wizard-progress b{display:none}}
@media(max-width:680px){.site-container{width:min(100% - 22px,1280px)}.hero-pro{padding:48px 0}.hero-copy h1{font-size:42px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column}.quick-grid,.form-grid-public,.payment-options,.booking-summary-box,.verification-upload-grid,.vehicle-spec-grid,.detail-checks{grid-template-columns:1fr}.service-grid,.service-grid.detailed,.portfolio-grid,.portfolio-grid.large,.testimonial-grid,.article-grid,.article-grid.large,.fleet-grid,.booking-vehicle-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2,.about-split h2,.faq-split h2{font-size:30px}.cta-pro-inner,.booking-page-head>.site-container{align-items:flex-start;flex-direction:column}.cta-pro-inner>div:last-child{width:100%;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:8px;flex-direction:column}.page-hero h1,.article-layout h1{font-size:36px}.fleet-filter.pro{grid-template-columns:1fr}.gallery-main{height:300px}.wizard-progress{grid-template-columns:repeat(5,1fr)}.wizard-panel{padding:16px}.wizard-actions{flex-direction:column-reverse}.wizard-actions .site-btn{width:100%}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:12px}.site-brand{min-width:0}.site-brand strong{font-size:12px}.brand-mark{width:39px;height:39px}}
.about-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}.about-company-card,.vision-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.about-company-card h2{margin:8px 0 18px}.about-company-card dl{display:grid;gap:10px}.about-company-card dl>div{border-top:1px solid var(--line);padding-top:10px}.about-company-card dt{font-size:9px;color:var(--muted);text-transform:uppercase}.about-company-card dd{margin:4px 0 0;font-weight:700}.vision-card{margin-bottom:14px}.vision-card small{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.12em}.vision-card h3,.vision-card p{line-height:1.65}.credibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.credibility-grid>div{background:#f5f8fb;border-radius:13px;padding:16px}.credibility-grid strong{display:block;font-size:12px}.credibility-grid span{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}
@media(max-width:980px){.about-detail-grid{grid-template-columns:1fr}.credibility-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.credibility-grid{grid-template-columns:1fr}}
.status-page{padding:60px 0;background:var(--soft);min-height:68vh}.status-card h1{margin:6px 0 8px}.status-lead{color:var(--muted);line-height:1.6}.status-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.status-tags span{background:#eaf2ff;color:#1755b0;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.verification-public-message{margin:0 auto 18px;max-width:620px;padding:12px 14px;border-radius:10px;background:#fff8e5;border:1px solid #f0d794;display:flex;flex-direction:column;gap:3px;text-align:left}.verification-public-message b{color:#8d6500}.verification-public-message span{font-size:11px;color:#7c6840}

/* ===== Phase 11: commercial visual cues, hero cover, promo/banner ===== */
a,.site-btn,button,summary{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.section-heading>a,.text-link,.service-grid a,.footer-login,.promo-inline-link,.promo-card-link{display:inline-flex;align-items:center;gap:5px;color:#155fca;background:#edf5ff;border:1px solid #d8e8fb;border-radius:9px;padding:7px 10px;font-weight:850;box-shadow:0 2px 8px rgba(23,104,229,.045)}
.section-heading>a:hover,.text-link:hover,.service-grid a:hover,.footer-login:hover,.promo-inline-link:hover,.promo-card-link:hover{background:#dfeeff;border-color:#b9d5f7;color:#0d50b1;transform:translateY(-1px);box-shadow:0 7px 18px rgba(23,104,229,.12)}
.vehicle-card,.article-card,.portfolio-card{position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.vehicle-card:hover,.article-card:hover,.portfolio-card:hover{border-color:#bfd8f4;box-shadow:0 16px 36px rgba(15,66,116,.12)}
.vehicle-image,.article-card,.portfolio-card{cursor:pointer}
.card-actions .site-btn.secondary{background:#f3f8ff;border-color:#cfe0f3;color:#145ab9}.card-actions .site-btn.secondary:hover{background:#e6f1ff}
.site-nav a{border-radius:8px}.site-nav a:hover{background:rgba(23,104,229,.045)}

.hero-pro{position:relative;isolation:isolate;overflow:hidden}
.hero-cover-media{position:absolute;inset:0;z-index:-3;width:100%;height:100%}.hero-cover-media img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center)}
.hero-cover-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,24,43,var(--hero-overlay,.38)) 0%,rgba(4,24,43,calc(var(--hero-overlay,.38)*.82)) 42%,rgba(4,24,43,calc(var(--hero-overlay,.38)*.28)) 100%)}
.hero-pro.has-cover{background:#0a2742}.hero-pro.has-cover .hero-copy h1,.hero-pro.has-cover .hero-copy p,.hero-pro.has-cover .trust-row{color:#fff}.hero-pro.has-cover .eyebrow{color:#cce2ff}.hero-pro.has-cover .trust-row span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:7px 9px;border-radius:999px;backdrop-filter:blur(7px)}
.hero-pro.has-cover .site-btn.secondary{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.65)}

.promo-top-stack{position:relative;z-index:30}.promo-top-bar{background:linear-gradient(100deg,#0b3154,#155fca 58%,#0aa59f);color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}.promo-top-bar+.promo-top-bar{border-top:1px solid rgba(255,255,255,.12)}.promo-top-inner{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:8px;padding-bottom:8px}.promo-top-inner>div{display:flex;align-items:center;gap:10px;min-width:0}.promo-top-inner strong{font-size:13px}.promo-top-inner small{font-size:11px;opacity:.84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:580px}.promo-top-bar .promo-badge{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.22)}.promo-top-bar .promo-inline-link{background:#fff;color:#0f55b0;border-color:#fff;white-space:nowrap}
.promo-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;background:#e9f3ff;border:1px solid #cfe3fb;color:#165fc5;font-size:9px;letter-spacing:.08em;font-weight:900}
.promo-section{padding-top:48px;padding-bottom:56px;background:linear-gradient(180deg,#fff,#f7fbff)}.promo-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.promo-feature-card{display:grid;grid-template-columns:minmax(190px,.85fr) 1.15fr;min-height:230px;border:1px solid #d7e5f2;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 32px rgba(14,50,84,.07)}.promo-feature-card>picture,.promo-visual-placeholder{min-height:230px}.promo-feature-card picture img{width:100%;height:100%;object-fit:cover}.promo-visual-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#d8ecff,transparent 40%),linear-gradient(135deg,#edf6ff,#e8faf8);color:#165fc5;font-size:24px;font-weight:950;letter-spacing:.08em}.promo-feature-body{padding:26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.promo-feature-body h3{font-size:23px;line-height:1.15;margin:10px 0 8px;letter-spacing:-.02em}.promo-feature-body p{font-size:13px;line-height:1.65;color:#60768b;margin:0 0 16px}.promo-card-link{margin-top:auto}
.promo-popup-backdrop[hidden]{display:none!important}.promo-popup-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(3,18,32,.58);display:grid;place-items:center;padding:24px;backdrop-filter:blur(6px)}.promo-popup-card{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:24px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.28)}.promo-popup-card picture img{width:100%;max-height:340px;object-fit:cover}.promo-popup-body{padding:26px}.promo-popup-body h3{font-size:30px;margin:10px 0 8px}.promo-popup-body p{color:#62768a;line-height:1.65}.promo-popup-close{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(6,30,52,.82);color:#fff;font-size:23px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18)}

@media(max-width:900px){.promo-feature-grid{grid-template-columns:1fr}.promo-feature-card{grid-template-columns:240px 1fr}.promo-top-inner small{display:none}.hero-pro.has-cover .hero-cover-overlay{background:rgba(4,24,43,var(--hero-overlay,.38))}}
@media(max-width:620px){.promo-top-inner>div{gap:7px}.promo-top-inner strong{font-size:11px}.promo-top-bar .promo-inline-link{padding:6px 8px;font-size:10px}.promo-feature-card{grid-template-columns:1fr}.promo-feature-card>picture,.promo-visual-placeholder{min-height:190px;max-height:220px}.promo-feature-body{padding:20px}.hero-pro.has-cover{padding-top:54px}.hero-pro.has-cover .hero-copy{text-shadow:0 2px 18px rgba(0,0,0,.18)}.promo-popup-body h3{font-size:24px}}

/* Phase 11 Fix 4 - Footer software login CTA */
.site-footer .footer-login{display:inline-flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:190px;margin-top:4px;padding:11px 14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;background:linear-gradient(100deg,#1768e5,#0ca7a1)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;line-height:1!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.site-footer .footer-login span,.site-footer .footer-login b{color:#fff!important;font-size:12px!important}
.site-footer .footer-login b{font-size:16px!important;line-height:1}
.site-footer .footer-login:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(0,0,0,.24)!important;filter:brightness(1.06)}
.site-footer .footer-login:focus-visible{outline:3px solid rgba(120,190,255,.55);outline-offset:3px}

/* ===== Fix 11: premium hero + clean mobile header + WhatsApp icon ===== */
/* Hero: darker, layered premium overlay while keeping the uploaded cover intact. */
.hero-pro.has-cover .hero-cover-overlay{
    background:
        linear-gradient(90deg,rgba(3,17,31,.46) 0%,rgba(3,17,31,.34) 42%,rgba(3,17,31,.14) 100%),
        rgba(3,17,31,var(--hero-overlay,.38));
}
.hero-pro.has-cover .hero-cover-media img{filter:saturate(1.04) contrast(1.035)}
.hero-pro.has-cover .hero-copy{position:relative;z-index:2;text-shadow:0 3px 22px rgba(0,0,0,.34)}
.hero-pro.has-cover .hero-copy p{color:rgba(255,255,255,.93)}
.hero-pro.has-cover .eyebrow{color:#e5f2ff;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.hero-pro.has-cover .quick-book-card{box-shadow:0 24px 60px rgba(4,24,43,.24);border-color:rgba(255,255,255,.72)}
.hero-pro.has-cover .trust-row span{background:rgba(3,22,40,.42);border-color:rgba(255,255,255,.22);box-shadow:0 4px 18px rgba(0,0,0,.12)}

/* Floating WhatsApp: actual vector mark, not the letters WA. */
.floating-wa{width:56px;height:56px;background:#20b866;color:#fff;border:2px solid rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 0 5px rgba(32,184,102,.10);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.floating-wa:hover{transform:translateY(-2px) scale(1.04);background:#16a75a;box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 0 6px rgba(32,184,102,.12)}
.floating-wa .wa-icon{width:31px;height:31px;display:block}

/* Desktop: WhatsApp is intentionally absent from the header. */
.nav-wa{display:none!important}

/* Tablet/phone: keep the header clean. All navigation is available in the footer. */
@media(max-width:980px){
    .site-header .site-nav,
    .site-header .nav-actions,
    .site-header .mobile-menu,
    .site-header .mobile-nav{display:none!important}
    .site-header .nav-wrap{min-height:68px;justify-content:flex-start}
    .site-header .site-brand{margin:0;min-width:0}
}
@media(max-width:680px){
    .site-header .nav-wrap{min-height:62px}
    .site-header .site-brand small{display:none}
    .site-header .brand-mark{width:38px;height:38px}
    .hero-pro.has-cover .hero-cover-overlay{
        background:
            linear-gradient(180deg,rgba(3,17,31,.42) 0%,rgba(3,17,31,.34) 58%,rgba(3,17,31,.28) 100%),
            rgba(3,17,31,var(--hero-overlay,.38));
    }
    .floating-wa{right:16px;bottom:16px;width:54px;height:54px}
    .floating-wa .wa-icon{width:30px;height:30px}
    .site-footer{padding-top:42px}
    .footer-grid{gap:28px}
}
/* ===== End Fix 11 ===== */

/* ===== Fix 12: modern mobile landing — no header ===== */
/* Desktop keeps the normal website header. Mobile/tablet becomes a clean landing page. */
@media(max-width:980px){
    .site-header{display:none!important}
    .site-main{padding-top:0!important;margin-top:0!important}
    body{padding-top:0!important}

    /* Hero becomes the first visual element after the browser chrome. */
    .hero-pro{padding:0!important}
    .hero-pro-grid{display:grid;grid-template-columns:1fr;gap:24px;min-height:0;padding-top:46px;padding-bottom:34px}
    .hero-pro.has-cover .hero-cover-media img{object-position:var(--hero-position,center);transform:scale(1.01)}
    .hero-pro.has-cover .hero-cover-overlay{
        background:
            linear-gradient(180deg,rgba(2,16,30,.58) 0%,rgba(2,16,30,.46) 48%,rgba(2,16,30,.28) 100%),
            rgba(3,17,31,calc(var(--hero-overlay,.38) * .55));
    }
    .hero-copy{max-width:720px;text-align:left}
    .hero-copy h1{max-width:660px;margin:12px 0 16px;font-size:clamp(42px,8.8vw,58px);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
    .hero-copy p{max-width:620px;font-size:16px;line-height:1.55}
    .eyebrow{font-size:10px;letter-spacing:.18em}

    /* More compact mobile CTA — modern, not oversized. */
    .hero-actions{display:grid;grid-template-columns:1.25fr .9fr;gap:10px;margin-top:24px}
    .hero-actions .site-btn{min-height:50px;padding:11px 14px;border-radius:14px;font-size:14px;white-space:nowrap}
    .hero-actions .site-btn.secondary{background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}

    .trust-row{gap:8px;margin-top:18px}
    .hero-pro.has-cover .trust-row span{font-size:10px;line-height:1.15;padding:7px 9px;background:rgba(2,20,37,.46);border-color:rgba(255,255,255,.19)}

    /* Booking card feels like a continuation of the hero instead of a separate desktop panel. */
    .quick-book-card{border-radius:22px;padding:22px;box-shadow:0 22px 55px rgba(2,23,42,.20);margin-top:4px}
    .quick-book-card h2{font-size:24px;line-height:1.12;margin-bottom:18px}

    /* Public content continues cleanly after the hero. */
    .trust-strip{position:relative;z-index:2}
    .section:first-of-type{padding-top:54px}
}

@media(max-width:680px){
    .site-container{width:min(100% - 32px,1280px)}
    .hero-pro-grid{padding-top:38px;padding-bottom:28px;gap:22px}
    .hero-copy h1{font-size:clamp(42px,12.2vw,52px);line-height:.96;margin-top:12px;margin-bottom:16px}
    .hero-copy p{font-size:15.5px;line-height:1.5}
    .eyebrow{display:block;font-size:9px;line-height:1.5;letter-spacing:.16em}
    .hero-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
    .hero-actions .site-btn{min-height:48px;padding:10px 9px;font-size:13px;border-radius:13px}
    .trust-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
    .hero-pro.has-cover .trust-row span{font-size:9.5px;padding:6px 8px}
    .quick-book-card{padding:20px;border-radius:20px}
    .quick-book-card h2{font-size:22px}
    .floating-wa{right:14px;bottom:14px;width:52px;height:52px;z-index:80}
    .floating-wa .wa-icon{width:29px;height:29px}

    /* Footer is the navigation hub on mobile. */
    .site-footer{padding-top:38px}
    .footer-grid{grid-template-columns:1fr!important;gap:24px}
    .footer-grid a{min-height:34px;display:flex;align-items:center}
}

@media(max-width:390px){
    .site-container{width:min(100% - 26px,1280px)}
    .hero-pro-grid{padding-top:32px}
    .hero-copy h1{font-size:42px}
    .hero-actions{grid-template-columns:1fr}
    .hero-actions .site-btn{width:100%;font-size:14px}
    .hero-pro.has-cover .trust-row span{font-size:9px}
}
/* ===== End Fix 12 ===== */

/* ===== Fix 13: wide transparent company logo ===== */
/* Customer logo is commonly a horizontal PNG wordmark. Do not squeeze it into the fallback square icon. */
.site-brand.brand-wide{
    min-width:310px;
    gap:14px;
}
.brand-mark.brand-mark-logo{
    width:96px;
    height:50px;
    flex:0 0 96px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.brand-mark.brand-mark-logo img{
    width:100%;
    height:100%;
    max-width:none;
    padding:0;
    object-fit:contain;
    object-position:left center;
    transform:scale(1.12);
    transform-origin:left center;
    filter:none;
}
.site-brand.brand-wide strong{font-size:14px}
.site-brand.brand-wide small{font-size:10px}
.footer-brand.brand-wide{min-width:0;align-items:center}
.footer-brand .brand-mark.brand-mark-logo{
    width:116px;
    height:54px;
    flex-basis:116px;
}

@media(max-width:1180px) and (min-width:981px){
    .site-brand.brand-wide{min-width:260px;gap:10px}
    .brand-mark.brand-mark-logo{width:78px;height:46px;flex-basis:78px}
    .site-brand.brand-wide strong{font-size:12px}
    .site-brand.brand-wide small{font-size:9px}
}

/* Fix 12 hides the public header on <=980px, but footer logo remains readable. */
@media(max-width:980px){
    .footer-brand .brand-mark.brand-mark-logo{width:132px;height:58px;flex-basis:132px}
    .footer-brand.brand-wide{gap:12px}
}
/* ===== End Fix 13 ===== */

/* ===== Fix 14: premium mobile header + centered hero ===== */
/*
   Fix 12 intentionally removed the mobile header. The owner now prefers a compact,
   modern header again. These rules override Fix 11/12 only on phone/tablet.
*/
@media(max-width:980px){
    .site-header{
        display:block!important;
        position:sticky!important;
        top:0;
        z-index:100!important;
        background:rgba(255,255,255,.94)!important;
        border-bottom:1px solid rgba(215,227,238,.92)!important;
        box-shadow:0 8px 30px rgba(7,36,62,.07)!important;
        backdrop-filter:blur(18px) saturate(1.2)!important;
        -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
    }
    .site-header .nav-wrap{
        min-height:66px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        position:relative;
    }
    .site-header .site-nav,
    .site-header .nav-actions{display:none!important}

    /* Compact company brand. With a real uploaded wordmark we show the logo itself. */
    .site-header .site-brand{
        display:flex!important;
        align-items:center!important;
        min-width:0!important;
        max-width:calc(100% - 58px)!important;
        margin:0!important;
        gap:9px!important;
    }
    .site-header .site-brand.brand-wide>span:last-child{display:none!important}
    .site-header .brand-mark.brand-mark-logo{
        width:126px!important;
        height:42px!important;
        flex:0 0 126px!important;
        overflow:visible!important;
    }
    .site-header .brand-mark.brand-mark-logo img{
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
        object-position:left center!important;
        transform:none!important;
    }
    .site-header .site-brand:not(.brand-wide) .brand-mark{
        width:40px!important;height:40px!important;flex:0 0 40px!important
    }
    .site-header .site-brand:not(.brand-wide) strong{font-size:12px!important;line-height:1.15}
    .site-header .site-brand:not(.brand-wide) small{display:none!important}

    /* Modern hamburger control. */
    .site-header .mobile-menu{
        display:grid!important;
        place-items:center!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        margin-left:auto!important;
        padding:0!important;
        border:1px solid #dbe6f0!important;
        border-radius:13px!important;
        background:#fff!important;
        color:#092641!important;
        font-size:24px!important;
        font-weight:500!important;
        line-height:1!important;
        cursor:pointer!important;
        box-shadow:0 7px 20px rgba(8,37,64,.08)!important;
    }
    .site-header .mobile-menu[aria-expanded="true"]{
        background:#082540!important;
        color:#fff!important;
        border-color:#082540!important;
    }

    /* Dropdown nav: premium floating panel, centered labels, no WhatsApp item. */
    .site-header .mobile-nav{
        display:none!important;
        position:absolute!important;
        top:calc(100% + 1px)!important;
        left:12px!important;
        right:12px!important;
        padding:14px!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
        background:rgba(255,255,255,.98)!important;
        border:1px solid #dce6f0!important;
        border-radius:0 0 18px 18px!important;
        box-shadow:0 24px 50px rgba(4,29,53,.18)!important;
        backdrop-filter:blur(18px)!important;
        -webkit-backdrop-filter:blur(18px)!important;
    }
    .site-header .mobile-nav.open{display:grid!important}
    .site-header .mobile-nav a{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:43px!important;
        padding:9px 10px!important;
        border-radius:11px!important;
        color:#18364f!important;
        background:#f6f9fc!important;
        border:1px solid transparent!important;
        font-size:12px!important;
        font-weight:800!important;
        text-align:center!important;
    }
    .site-header .mobile-nav a.active{
        color:#1768e5!important;
        background:#eef5ff!important;
        border-color:#d6e6ff!important;
    }
    .site-header .mobile-nav a.mobile-booking-link{
        grid-column:1/-1!important;
        color:#fff!important;
        background:linear-gradient(100deg,#1768e5,#0da8a1)!important;
        border-color:transparent!important;
        box-shadow:0 8px 20px rgba(23,104,229,.17)!important;
    }

    /* Restore normal flow below the sticky header. */
    .site-main,body{padding-top:0!important;margin-top:0!important}

    /* Center ONLY the marketing copy. Form field labels stay left for usability. */
    .hero-copy{
        text-align:center!important;
        margin-left:auto!important;
        margin-right:auto!important;
        max-width:760px!important;
    }
    .hero-copy .eyebrow,
    .hero-copy h1,
    .hero-copy p{
        text-align:center!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .hero-copy h1{max-width:720px!important;text-wrap:balance}
    .hero-copy p{max-width:630px!important}
    .hero-actions{
        justify-content:center!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .trust-row{
        justify-content:center!important;
        align-items:center!important;
    }
    .quick-book-card>.mini-kicker,
    .quick-book-card>h2{text-align:center!important}

    /* Give the hero a little breathing room now that the header is back. */
    .hero-pro-grid{padding-top:38px!important}
}

@media(max-width:680px){
    .site-header .nav-wrap{min-height:62px!important}
    .site-header .brand-mark.brand-mark-logo{
        width:116px!important;height:38px!important;flex-basis:116px!important
    }
    .site-header .mobile-menu{
        width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important
    }
    .site-header .mobile-nav{left:8px!important;right:8px!important;padding:12px!important}

    .hero-pro-grid{padding-top:34px!important;gap:22px!important}
    .hero-copy h1{
        font-size:clamp(39px,11.6vw,50px)!important;
        line-height:.98!important;
        letter-spacing:-.04em!important;
    }
    .hero-copy p{font-size:15.5px!important;line-height:1.55!important}
    .hero-copy .eyebrow{font-size:9px!important;line-height:1.55!important}
    .hero-actions{max-width:560px!important;width:100%!important}
    .trust-row{max-width:620px!important;margin-left:auto!important;margin-right:auto!important}
}

@media(max-width:390px){
    .site-header .brand-mark.brand-mark-logo{width:104px!important;height:36px!important;flex-basis:104px!important}
    .site-header .mobile-nav a{font-size:11px!important;min-height:41px!important}
    .hero-copy h1{font-size:40px!important}
}
/* ===== End Fix 14 ===== */

/* ===== Fix 21: larger Ririn logo + real WhatsApp icon ===== */
/*
   Hotfix visual. Appended after previous Fix 11/13/14 rules so the live header
   cannot fall back to the old 44x44 logo box or the letters "WA".
*/

/* DESKTOP — show the uploaded horizontal Ririn logo at a readable size. */
.site-header .site-brand{
    min-width:350px!important;
    gap:14px!important;
}
.site-header .brand-mark.brand-mark-logo,
.site-header .brand-mark:has(img){
    width:150px!important;
    height:56px!important;
    flex:0 0 150px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
}
.site-header .brand-mark.brand-mark-logo img,
.site-header .brand-mark:has(img) img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    filter:none!important;
}
.site-header .site-brand.brand-wide strong{font-size:14px!important}
.site-header .site-brand.brand-wide small{font-size:10px!important}

/* Slightly reduce the logo before the desktop menu becomes tight. */
@media(max-width:1240px) and (min-width:981px){
    .site-header .site-brand{min-width:285px!important;gap:10px!important}
    .site-header .brand-mark.brand-mark-logo,
    .site-header .brand-mark:has(img){width:116px!important;height:46px!important;flex-basis:116px!important}
    .site-header .site-brand.brand-wide strong{font-size:12px!important}
    .site-header .site-brand.brand-wide small{font-size:9px!important}
}

/* MOBILE/TABLET — keep Fix 14 layout but make logo clearly readable. */
@media(max-width:980px){
    .site-header .site-brand{min-width:0!important;max-width:calc(100% - 58px)!important;gap:9px!important}
    .site-header .site-brand.brand-wide>span:last-child{display:none!important}
    .site-header .brand-mark.brand-mark-logo,
    .site-header .brand-mark:has(img){width:132px!important;height:44px!important;flex:0 0 132px!important}
}
@media(max-width:680px){
    .site-header .brand-mark.brand-mark-logo,
    .site-header .brand-mark:has(img){width:120px!important;height:40px!important;flex-basis:120px!important}
}
@media(max-width:390px){
    .site-header .brand-mark.brand-mark-logo,
    .site-header .brand-mark:has(img){width:108px!important;height:36px!important;flex-basis:108px!important}
}

/* Footer wordmark remains proportional. */
.footer-brand .brand-mark.brand-mark-logo,
.footer-brand .brand-mark:has(img){
    width:132px!important;
    height:58px!important;
    flex:0 0 132px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
}
.footer-brand .brand-mark.brand-mark-logo img,
.footer-brand .brand-mark:has(img) img{padding:0!important;object-fit:contain!important;transform:none!important}

/* REAL WHATSAPP BUTTON — never show the letters WA again. */
.floating-wa{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#20b866!important;
    color:#fff!important;
    border:2px solid rgba(255,255,255,.96)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 0 5px rgba(32,184,102,.10)!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:0!important;
    overflow:hidden!important;
}
.floating-wa:hover{
    background:#16a75a!important;
    transform:translateY(-2px) scale(1.04)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 0 6px rgba(32,184,102,.12)!important;
}
.floating-wa .wa-icon{
    display:block!important;
    width:32px!important;
    height:32px!important;
    color:#fff!important;
}
/* Fallback for a layout that still literally contains "WA" instead of SVG. */
.floating-wa:not(:has(.wa-icon))::before{
    content:""!important;
    display:block!important;
    width:32px!important;
    height:32px!important;
    background:#fff!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.03 4.8c-6.17 0-11.18 4.92-11.18 10.98 0 2.12.62 4.19 1.79 5.96L4.8 27.2l5.7-1.79a11.3 11.3 0 0 0 5.52 1.44h.01c6.16 0 11.17-4.92 11.17-10.98S22.19 4.8 16.03 4.8Zm0 20.2h-.01a9.45 9.45 0 0 1-4.83-1.32l-.35-.2-3.38 1.06 1.1-3.24-.23-.34a9.08 9.08 0 0 1-1.51-5.18c0-5.05 4.13-9.16 9.21-9.16 5.07 0 9.2 4.11 9.2 9.16S21.1 25 16.03 25Zm5.05-6.86c-.28-.14-1.64-.8-1.89-.89-.25-.09-.44-.14-.62.14-.18.27-.71.89-.87 1.07-.16.18-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.36-.82-.72-1.38-1.61-1.54-1.88-.16-.27-.02-.42.12-.56.12-.12.28-.31.42-.47.14-.16.18-.27.28-.45.09-.18.05-.34-.02-.47-.07-.14-.62-1.48-.85-2.02-.22-.53-.45-.46-.62-.47h-.53c-.18 0-.48.07-.73.34-.25.27-.96.93-.96 2.27 0 1.34.98 2.63 1.12 2.81.14.18 1.93 2.91 4.67 4.08.65.28 1.16.44 1.56.57.66.21 1.25.18 1.72.11.53-.08 1.64-.66 1.87-1.3.23-.64.23-1.19.16-1.3-.07-.11-.25-.18-.53-.32Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.03 4.8c-6.17 0-11.18 4.92-11.18 10.98 0 2.12.62 4.19 1.79 5.96L4.8 27.2l5.7-1.79a11.3 11.3 0 0 0 5.52 1.44h.01c6.16 0 11.17-4.92 11.17-10.98S22.19 4.8 16.03 4.8Zm0 20.2h-.01a9.45 9.45 0 0 1-4.83-1.32l-.35-.2-3.38 1.06 1.1-3.24-.23-.34a9.08 9.08 0 0 1-1.51-5.18c0-5.05 4.13-9.16 9.21-9.16 5.07 0 9.2 4.11 9.2 9.16S21.1 25 16.03 25Zm5.05-6.86c-.28-.14-1.64-.8-1.89-.89-.25-.09-.44-.14-.62.14-.18.27-.71.89-.87 1.07-.16.18-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.36-.82-.72-1.38-1.61-1.54-1.88-.16-.27-.02-.42.12-.56.12-.12.28-.31.42-.47.14-.16.18-.27.28-.45.09-.18.05-.34-.02-.47-.07-.14-.62-1.48-.85-2.02-.22-.53-.45-.46-.62-.47h-.53c-.18 0-.48.07-.73.34-.25.27-.96.93-.96 2.27 0 1.34.98 2.63 1.12 2.81.14.18 1.93 2.91 4.67 4.08.65.28 1.16.44 1.56.57.66.21 1.25.18 1.72.11.53-.08 1.64-.66 1.87-1.3.23-.64.23-1.19.16-1.3-.07-.11-.25-.18-.53-.32Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
@media(max-width:680px){
    .floating-wa{right:16px!important;bottom:16px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}
    .floating-wa .wa-icon,.floating-wa:not(:has(.wa-icon))::before{width:31px!important;height:31px!important}
}
/* ===== End Fix 21 ===== */