@font-face{font-family:Neighbor;src:url(../../fonts/Neighbor.ttf);font-weight:400}
@font-face{font-family:Neighbor;src:url(../../fonts/Neighbor-Bold.ttf);font-weight:700}
:root{--r:var(--alyza-red-orange);--o:var(--alyza-orange);--ink:var(--alyza-charcoal);--g:linear-gradient(90deg,var(--r),var(--o));--pad:clamp(16px,7.6vw,93px);--sh:4px 5px 0 rgba(35,31,32,.28)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{font-family:Montserrat,system-ui,sans-serif;color:#000;background:#fff;overflow-x:hidden;line-height:1.35}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
.nb{font-family:Neighbor,Montserrat,sans-serif;font-weight:700}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic.f{fill:currentColor;stroke:none}
:focus-visible{outline:3px solid var(--o);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:10px 22px;font-weight:500;font-size:14px;color:#fff;transition:transform .25s,box-shadow .25s,filter .25s}
.btn.grad{background:linear-gradient(90deg,#E9552E,#F38D2D);box-shadow:2px 3px 0 rgba(35,31,32,.25)}.btn.red{background:var(--r);border-radius:10px}.btn.sm{padding:9px 18px}
.btn.white{background:#fff;color:var(--r);font-weight:700;font-size:20px;padding:12px 29px;border-radius:14px}
.btn.outline{border:1px solid var(--o);color:#000;background:#fff}.btn.outline-w{border:1px solid #fff;color:#fff;padding:12px 32px}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn:active{transform:none}.btn:disabled{opacity:.5;cursor:not-allowed}
.dot{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(var(--o),var(--r));color:#fff;font-size:11px}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:#fff;height:82px;box-shadow:0 1px 0 #eee}
.nav-in{max-width:1220px;height:100%;margin:auto;padding:0 var(--pad);display:flex;align-items:center;gap:20px}
.logo img{height:30px;width:auto}#menu{margin-left:auto;display:flex;gap:clamp(14px,2.6vw,32px);font-weight:700;font-size:16px;white-space:nowrap}#menu a{padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}#menu a:hover{color:var(--r);border-color:var(--r)}
.search{display:flex;align-items:center}.search input{width:0;opacity:0;border:0;border-bottom:2px solid var(--r);padding:4px 0;font:inherit;transition:width .3s,opacity .3s,margin .3s;background:none}.search.open input{width:150px;opacity:1;margin-right:8px}
.search button{background:none;border:0;font-size:26px;display:grid}.burger{display:none}
/* hero */
.hero{position:relative;max-width:100%;height:535px;background:linear-gradient(90deg,#EF7B32 0%,#EC6530 55%,#E74D2F 100%);margin-bottom:175px;color:#fff}
.hero-bg{position:absolute;inset:0;background:url(../../images/brand/hero-bg.jpg) 20% 30%/cover;mix-blend-mode:multiply;opacity:.55;-webkit-mask-image:linear-gradient(90deg,#000 15%,transparent 62%);mask-image:linear-gradient(90deg,#000 15%,transparent 62%)}
.hero::after{content:"";position:absolute;left:0;top:455px;width:min(34%,420px);height:145px;background:linear-gradient(#F59544,#F9B07A);border-radius:0 0 100% 0/0 0 100% 0;z-index:1}
.follow{position:absolute;left:max(var(--pad),calc((100% - 1220px)/2 + var(--pad)));top:44px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:18px;z-index:3}
.follow a{width:26px;height:26px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:15px}
.hero-txt{position:absolute;left:59.6%;top:48px;width:31%;text-align:center;z-index:3}
.w{font-size:clamp(20px,2.5vw,30px);font-weight:400;letter-spacing:.02em}.hero h1{font-size:clamp(26px,3.5vw,44px);letter-spacing:.02em;line-height:1.1;white-space:nowrap}
.script{font-family:Sacramento,cursive;/* TEMP: replace with the original script font */font-size:clamp(34px,4.3vw,52px);line-height:1;margin:6px 0 10px}
.sub{font-size:clamp(14px,1.5vw,18px);font-weight:500}.hero hr{border:0;border-top:1px solid #fff;margin:14px 0}.hero .d{font-size:13px;font-weight:600;text-align:right;margin-bottom:32px}
.hv{position:absolute;z-index:2;height:auto}.hrv{left:9%;top:290px;width:34.5%}.prm{left:25%;top:313px;width:39.5%;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}
.hero-addr{position:absolute;left:max(var(--pad),calc((100% - 1220px)/2 + var(--pad)));top:624px;font-size:13px;font-weight:600;color:#000;z-index:3}.hero-addr p{display:flex;gap:8px;align-items:center;margin-bottom:6px}.hero-addr [data-ic]{font-size:18px;display:grid}
/* about */
.about-wrap{padding:0 var(--pad) 0}.about{max-width:952px;margin:80px auto 0;display:grid;grid-template-columns:1fr 1.15fr;gap:20px;border:1px solid #ddd;border-top:0;border-radius:0 0 70px 70px;box-shadow:3px 5px 0 rgba(0,0,0,.2);padding:20px 32px 40px;min-height:440px;background:#fff}
.a-vis{position:relative;min-height:360px}.a-mark{position:absolute;left:0;top:0;font-size:26px;line-height:1;color:var(--r)}.a-vis .btn{position:absolute;left:0;top:78px}
.a-shape{position:absolute;left:150px;top:0;width:200px;height:340px;border-radius:60px 60px 60px 60px;background:linear-gradient(var(--r),var(--o));color:#fff;padding:14px}.a-wa{display:flex;gap:6px;align-items:center;font-size:8px;justify-content:center}.a-wa i{font-size:16px;display:grid}.a-sm{position:absolute;left:12px;bottom:12px;font-size:12px}
.a-crv{position:absolute;left:105px;top:50px;width:270px}.a-hi{position:absolute;left:0;top:105px;width:290px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.2))}
.a-txt .tag{display:inline-block;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.35);border-radius:0 0 12px 12px;font-size:11px;font-weight:700;padding:3px 12px;margin-bottom:6px}
.a-txt h2{color:var(--r);font-size:28px;line-height:1.15}.a-txt h3{font-size:18px;font-weight:600;margin:2px 0 26px}.a-txt p{font-size:13px;margin-bottom:22px}.row{display:flex;gap:12px;flex-wrap:wrap}
.a-txt hr{border:0;border-top:2px solid #555;margin:30px 0 22px}.stats{display:flex;gap:28px;font-size:13px;flex-wrap:wrap}.stats b{display:block;color:var(--r);font-size:17px}
/* banner */
.banner{margin-top:0;background:linear-gradient(var(--r),var(--o));color:#fff;text-align:center;padding:110px var(--pad) 160px}.banner h2{font-size:clamp(28px,3.4vw,38px);line-height:1.2}
.pills{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}.pills a{border:1px solid #fff;background:rgba(255,255,255,.15);border-radius:999px;padding:8px 20px;font-size:13px;font-weight:700;transition:background .25s}.pills a:hover{background:rgba(255,255,255,.3)}
.banner-after{position:relative;max-width:1220px;margin:-190px auto 0;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:flex-end;min-height:360px}.banner-after>img{width:min(48%,450px)}
.fu{padding-bottom:60px}.fu h4{font-size:18px;margin-bottom:10px}.fu a{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;margin-bottom:8px}.fu i{font-size:20px;display:grid}
/* services */
.services{max-width:1220px;margin:60px auto 90px;padding:0 var(--pad);display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}.s-head{flex:0 0 260px}.s-head h2{font-size:34px;line-height:1.2}.s-head p{color:var(--r);font-weight:700;font-size:20px;margin-top:20px}
.s-cards{display:flex;gap:24px;flex:1;min-width:280px;flex-wrap:wrap}.sc{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font:inherit;flex:1 1 200px;max-width:222px;min-height:218px;text-align:left;border:1px solid #bbb;background:#fff;border-radius:34px;box-shadow:var(--sh);padding:18px 18px;transition:transform .3s}.sc:hover{transform:translateY(-4px)}
.sc small{display:block;color:#bbb;font-size:30px;font-weight:800}.sc h3{color:var(--r);font-size:21px;margin:14px 0 10px}.sc p{font-size:13.5px}
/* common titles */
.grey{background:#f7f7f7;padding:80px var(--pad)}.st{text-align:center;font-size:clamp(30px,4vw,40px);font-weight:800}.r{color:var(--r)}.o{color:var(--o)}.ss{text-align:center;font-size:20px;font-weight:500;margin-top:10px}
.vgrid{max-width:1050px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,264px));gap:38px 40px;justify-content:center}
.vcard{background:#fff;border:1px solid #999;border-radius:30px;box-shadow:var(--sh);text-align:center;overflow:hidden;padding-top:18px;transition:transform .3s}.vcard:hover{transform:translateY(-5px)}.vcard h3{color:var(--r);font-size:19px;font-weight:700}
.vimg{position:relative;height:170px;margin-top:14px;display:flex;justify-content:center;align-items:flex-start}.vimg::before{content:"";position:absolute;left:0;right:0;bottom:0;height:98px;background:var(--r);border-radius:46px 46px 0 0}.vimg img{position:relative;z-index:1;width:78%;margin-top:6px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.vstrip{position:absolute;z-index:2;left:22px;right:22px;bottom:7px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:11px}.vstrip span{display:flex;gap:4px;align-items:center;font-size:7px;text-align:left}.vstrip span .ic{font-size:16px}
.vcard h4{font-size:14px;margin-top:14px}.vcard p{font-size:10px}.chips{display:flex;gap:6px;justify-content:center;margin:8px 0 12px}.chips i{font-style:normal;font-size:8px;background:#f1f1f1;box-shadow:0 2px 2px rgba(0,0,0,.25);border-radius:999px;padding:3px 10px}.vcard .btn{margin-bottom:18px}
/* trusted */

/* why */
.why{background:linear-gradient(var(--r),var(--o));color:#fff;text-align:center;padding:58px var(--pad) 80px}.pill{display:inline-block;background:#fff;color:var(--r);font-weight:800;border-radius:10px;padding:10px 22px;font-size:17px}.pill.red{background:var(--r);color:#fff;padding:9px 48px}
.why h2{font-size:clamp(32px,4.4vw,52px);margin:26px 0 60px}.wgrid{max-width:1030px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:50px 52px}.wc{border:2px solid #fff;border-radius:28px;text-align:left;padding:18px 24px 26px;min-height:150px}.wc .wi{width:42px;height:42px;border-radius:8px;background:var(--r);display:grid;place-items:center;font-size:26px;margin-bottom:14px}.wc h3{font-size:17px;margin-bottom:8px}.wc p{font-size:12.5px}
/* trips */
.tgrid{max-width:1060px;margin:56px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,310px));gap:44px 40px;justify-content:center}
.tc{background:#fff;border-radius:56px;box-shadow:9px 9px 0 #b9b9b9;padding:28px 28px 30px;display:flex;flex-direction:column;transition:transform .3s}.tc:hover{transform:translateY(-5px)}.tc img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:38px;box-shadow:2px 4px 3px rgba(0,0,0,.3)}
.tc h3{text-align:center;font-size:30px;line-height:1.15;margin:20px 0 4px;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}.tc .nt{text-align:center;font-size:14px;min-height:20px}
.tinc{display:flex;justify-content:space-between;gap:10px;margin:14px 0 22px;flex:1}.tinc ul{font-size:12.5px;padding-left:16px;list-style:disc}.tinc>div{font-size:13px}.tinc .price{font-size:26px;align-self:flex-start;flex:none;text-align:center;color:#fff;background:linear-gradient(#F59A32,#EC6A2D);border-radius:20px;padding:10px 14px;box-shadow:2px 3px 0 rgba(0,0,0,.2);font-weight:800;font-size:26px;line-height:1}.tinc .price small{display:block;font-size:13px;font-weight:700;margin-top:3px}
.tb{display:flex;justify-content:space-between;gap:8px}.mi{border:1px solid #000;background:#fff;border-radius:999px;padding:5px 14px;font-size:12px;display:inline-flex;gap:4px;align-items:center}.mi .ic{font-size:10px}.tb .btn{font-size:12.5px;padding:10px 18px}
.next{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:60px;padding-bottom:60px;max-width:none}.next>div{max-width:650px}.next h2{color:var(--o);font-size:clamp(28px,3.4vw,40px)}.next p{font-size:clamp(16px,1.8vw,22px);margin-top:14px;line-height:1.3}
.contact-big{display:flex;align-items:center;gap:16px;border:1px solid #333;border-radius:22px;padding:14px 32px 14px 26px;font-size:clamp(20px,2.4vw,28px);background:#f7f7f7;transition:transform .3s}.contact-big:hover{transform:translateY(-3px)}.contact-big i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--r);color:#fff;font-size:28px}
/* gallery */
.gallery{padding:70px 0 80px}.gallery .st{color:#000}.gal{position:relative;max-width:1100px;margin:50px auto 0;padding:0 40px}.clip{overflow:hidden;padding:4px 0}.track{display:flex;gap:20px;transition:transform .55s cubic-bezier(.22,.61,.36,1);--per:4}.track a{flex:0 0 calc(((100% - (var(--per) - 1)*20px)/var(--per))*var(--span,1) + (var(--span,1) - 1)*20px);aspect-ratio:255/370;border-radius:40px;overflow:hidden;display:block;cursor:zoom-in}.track img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.track a:hover img{transform:scale(1.05)}
.arr{position:absolute;top:calc(50% - 32px);width:65px;height:65px;border-radius:50%;border:0;background:var(--r);color:#fff;font-size:34px;display:grid;place-items:center;z-index:3;transition:transform .2s}.arr.l{left:-5px}.arr.r{right:-5px;transform:scaleX(-1)}.arr:hover{filter:brightness(1.1)}.arr:disabled{opacity:.4}
.dots{display:flex;gap:8px;justify-content:center;margin-top:34px}.dots button{width:15px;height:15px;border-radius:50%;border:0;background:#ddd;padding:0}.dots button[aria-selected=true]{background:#000}
/* reviews */
.review{text-align:center}.review .pill{margin-bottom:28px}.rgrid{max-width:1100px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rc{background:#fff;border-radius:40px;box-shadow:0 7px 0 #b9b9b9;padding:30px 32px;text-align:left;display:flex;flex-direction:column;min-height:185px}.stars-d{color:#FFC107;font-size:23px;letter-spacing:1px;margin-bottom:8px}.rc p{font-size:13.5px;flex:1}.rc b{font-size:17px;margin-top:20px}
.wr{max-width:1060px;margin:56px auto 12px;text-align:left;font-size:22px}.rform{max-width:1076px;margin:auto;background:#fff;border-radius:28px;box-shadow:0 5px 0 #b9b9b9;padding:28px 32px;text-align:left;display:grid;gap:16px}
.review .ss{margin-top:58px;font-size:16px;font-weight:400}
/* cta + footer */
.cta{max-width:1220px;margin:0 auto;padding:130px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.cta h2{font-size:clamp(30px,3.6vw,42px)}.cta p{font-size:17px;margin:34px 0 40px;line-height:1.3}.cta .btn{padding:14px 26px;font-size:14px}.cta .btn.grad{border-radius:14px}.cta .btn.outline{border-color:#000;border-radius:14px}
.cta-img{position:relative;aspect-ratio:1.35}.cta-img img{position:absolute;filter:drop-shadow(0 6px 6px rgba(0,0,0,.2))}.c1{left:0;bottom:6%;width:62%}.c2{right:0;top:2%;width:62%}
.foot{background:linear-gradient(var(--r),var(--o));color:#fff;padding:50px var(--pad) 120px}.f-in{max-width:1000px;margin:auto;display:grid;grid-template-columns:1.3fr .8fr 1.4fr 1.2fr;gap:30px}.f-logo{font-size:28px;display:block;margin-bottom:14px}.foot h4{font-size:17px;margin-bottom:8px}.foot p,.foot li,.foot a{font-size:13.5px}.fl{list-style:none;padding:0}.fl li{margin-bottom:2px}.fl li::before{content:"• ";font-size:10px}.fl a:hover,.fc a:hover{text-decoration:underline}.fc{display:grid;gap:4px}.fc a{display:flex;gap:6px;align-items:center}.foot .btn{margin-top:14px}
.fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;width:56px;height:56px;border-radius:50%;background:var(--r);color:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 6px 16px rgba(35,31,32,.35);transition:transform .25s}.fab:hover{transform:scale(1.08)}
/* dialogs + forms */
dialog{border:0;border-radius:24px;padding:26px;width:min(560px,94vw);max-height:92vh;box-shadow:0 20px 60px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(35,31,32,.6)}
dialog h2{font-size:24px;color:var(--r)}.tabs{display:flex;gap:8px;margin:14px 0}.tabs button{flex:1;border:1px solid var(--o);background:#fff;border-radius:999px;padding:8px;font-weight:600}.tabs .on{background:var(--g);color:#fff;border-color:transparent}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.f1{grid-column:1/-1}label,fieldset{font-size:13px;font-weight:600;display:grid;gap:4px;border:0;padding:0}legend{font-size:13px;font-weight:600;margin-bottom:4px}
input:not([type=radio]),select,textarea{font:inherit;font-weight:400;border:1px solid #bbb;border-radius:12px;padding:10px 12px;width:100%;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--r);outline:2px solid rgba(231,77,47,.25)}.err{color:#c0321a;font-size:12px;font-weight:500;min-height:0}[aria-invalid=true]{border-color:#c0321a!important}
.stars>div{display:flex;flex-direction:row-reverse;justify-content:flex-end}.stars input{position:absolute;opacity:0}.stars label{font-size:34px;color:#ddd;cursor:pointer;line-height:1;padding:0 2px}.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:#FFC107}.stars input:focus-visible+label{outline:3px solid var(--o);border-radius:6px}
.sum{background:#faf6f2;border-radius:14px;padding:14px 16px;font-size:13px;display:grid;gap:4px;margin:12px 0}.sum b{display:inline-block;min-width:140px}.note{font-size:12px;color:#555;margin:6px 0 14px}.acts{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px}
#lb{padding:0;background:none;width:auto;max-width:94vw;overflow:visible}#lb img{max-height:90vh;border-radius:20px}#lb .x{color:#fff;top:-6px;right:-6px;background:var(--r);border-radius:50%;width:36px;height:36px;line-height:1;font-size:24px;z-index:2}
/* motion */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* responsive */
@media (max-width:1000px){.f-in{grid-template-columns:1fr 1fr}.vgrid,.tgrid{grid-template-columns:repeat(2,minmax(0,300px))}.wgrid,.rgrid{grid-template-columns:1fr}.rgrid{max-width:520px}.wgrid{max-width:480px}.about{grid-template-columns:1fr}.a-vis{min-height:380px;max-width:400px;margin:auto}
 .burger{display:grid;margin-left:auto;background:none;border:0;width:40px;height:40px;place-items:center}.burger span,.burger span::before,.burger span::after{display:block;width:24px;height:2px;background:#000;position:relative;content:""}.burger span::before{position:absolute;top:-7px}.burger span::after{position:absolute;top:7px}
 #menu{position:absolute;left:0;right:0;top:82px;background:#fff;flex-direction:column;gap:0;padding:8px var(--pad) 16px;box-shadow:0 10px 20px rgba(0,0,0,.12);display:none;margin:0}#menu.open{display:flex}#menu a{padding:12px 0}.search{order:3}}

@media (max-width:640px){.vgrid,.tgrid{grid-template-columns:minmax(0,320px)}.g2{grid-template-columns:1fr}.f-in{grid-template-columns:1fr}.gal{padding:0 22px}.arr{width:44px;height:44px;font-size:24px}.services .sc{max-width:none}.s-head{flex-basis:100%}.tc{padding:22px}.banner{padding-top:70px}.foot{padding-bottom:100px}.a-shape{left:110px;width:170px}.about{padding:20px 18px 34px}}
.about>*{min-width:0}.a-vis{overflow:hidden}.gallery{overflow:hidden}
@media (max-width:640px){.a-vis{min-height:350px}.a-shape{left:auto;right:0;width:150px;height:300px}.a-hi{width:250px}.a-crv{left:80px;width:230px}.arr.l{left:0}.arr.r{right:0}}
.fc i{font-size:17px;display:grid}.btn .ic{font-size:14px}
@media (max-width:900px){.hv{order:2}.hero-addr{order:3}}
@media (max-width:1000px){.a-vis{width:100%}}
@media (max-width:640px){.a-hi{top:135px}}
/* ===== REVISION 2: nav one row, hero, about, follow-us, 4 vehicles, CTA ===== */
:root{--wrap:1220px;--gx:clamp(16px,4vw,48px)}
.nav-in{max-width:var(--wrap);padding:0 var(--gx);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,28px)}
.logo{display:flex;align-items:center}.logo img{height:30px;width:auto;max-width:none}
#menu{margin:0;justify-self:end;display:flex;align-items:center;gap:clamp(12px,2vw,30px);font-size:clamp(13px,1.25vw,16px)}.search{display:flex;align-items:center;justify-self:end}
/* hero */
.hero{height:clamp(540px,49vw,690px);margin-bottom:clamp(120px,11vw,150px);background:#E74D2F}
.hero-bg{overflow:hidden;background:url(../../images/brand/hero-bg.jpg) left bottom/cover no-repeat;mix-blend-mode:normal;opacity:1;-webkit-mask-image:none;mask-image:none}
.hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 85% 150% at 100% 30%,#E74D2F 0,#E74D2F 36%,rgba(231,77,47,.88) 52%,rgba(243,141,45,.45) 80%,rgba(243,141,45,.28) 100%)}
.hero::after{content:"";position:absolute;left:0;top:calc(100% - 1px);width:min(36vw,480px);height:76px;background:linear-gradient(#F59347,#FAB985);border-radius:0 0 100% 0/0 0 100% 0;z-index:1}
.hero-in{position:relative;z-index:3;max-width:var(--wrap);height:100%;margin:auto;padding:0 var(--gx)}
.follow{left:var(--gx);top:clamp(28px,3.4vw,44px)}
.hero-txt{left:auto;right:var(--gx);top:clamp(34px,4.6vw,64px);width:min(38%,450px)}
.hrv{left:3%;top:auto;bottom:-44px;width:32%}.prm{left:23%;top:auto;bottom:-70px;width:42%}
.hero-addr{left:var(--gx);top:calc(100% + 92px)}
/* about overlaps the orange banner below */
.about-wrap{position:relative;z-index:3;margin-bottom:-80px}
.about{margin-top:6px;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);padding:28px 40px 46px}
.a-vis{width:100%;max-width:430px;aspect-ratio:413/400;min-height:0;overflow:visible}
.a-vis .btn{left:31%;top:2%}.a-shape{left:auto;right:0;top:11%;width:48.5%;height:86%;border-radius:64px;padding:14px 10px}.a-sm{left:auto;right:14px;bottom:16px;font-size:12px}
.a-crv{left:5%;top:22%;width:69%;z-index:2}.a-hi{left:0;top:44%;width:74%;z-index:3}
.banner{padding-top:200px}.banner-after{min-height:430px}.fu{padding-bottom:26px;align-self:flex-end}
/* vehicles: 4 cards */
.vgrid{max-width:1140px;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
/* final CTA */
.cta-img{aspect-ratio:1.2}.c1{left:0;bottom:0;width:60%;z-index:2}.c2{right:0;top:0;width:60%}
@media (max-width:1180px){.vgrid{grid-template-columns:repeat(2,minmax(0,300px))}}
@media (max-width:1080px){.nav-in{display:flex}.burger{display:grid;margin-left:auto;background:none;border:0;width:40px;height:40px;place-items:center}.burger span,.burger span::before,.burger span::after{display:block;width:24px;height:2px;background:#000;position:relative;content:""}.burger span::before{position:absolute;top:-7px}.burger span::after{position:absolute;top:7px}
 #menu{position:absolute;left:0;right:0;top:82px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gx) 16px;box-shadow:0 10px 20px rgba(0,0,0,.12);display:none}#menu.open{display:flex}#menu a{padding:12px 0}.search{order:3}}
@media (max-width:1000px){.about{grid-template-columns:1fr}.a-vis{margin:0 auto}}
@media (max-width:900px){.hero{height:auto;margin-bottom:0}.hero::after{display:none}.hero-in{display:flex;flex-direction:column;height:auto;padding:30px var(--gx) 0}
 .follow,.hero-txt,.hv,.hero-addr{position:static;width:auto}.follow{order:0}.hero-txt{order:1;margin:30px 0 8px;right:auto}.hv{order:2}.hrv,.prm{width:84%}.hrv{margin:10px 0 -26px}.prm{margin-left:14%}
 .hero-addr{order:3;background:#fff;color:#000;margin:24px calc(var(--gx)*-1) 0;padding:22px var(--gx)}.hero-bg::after{background:linear-gradient(rgba(231,77,47,.55),rgba(231,77,47,.92) 55%,#E74D2F)}.hero .d{text-align:center}
 .about-wrap{margin-top:30px}.banner-after{margin-top:-120px;flex-direction:column;align-items:center;gap:20px;min-height:0}.banner-after>img{width:84%}.fu{padding:0 0 30px;align-self:center}
 .next{flex-direction:column;align-items:flex-start}.cta{grid-template-columns:1fr;padding:70px var(--pad)}}
@media (max-width:640px){.vgrid{grid-template-columns:minmax(0,320px)}.about{padding:24px 18px 40px}}
/* search input must stay collapsed (general input rule was overriding width:0) */
.search input[type=search]{width:0;padding:4px 0;margin:0;border:0;border-bottom:2px solid var(--r);border-radius:0;opacity:0;pointer-events:none;background:none;outline:0}
.search.open input[type=search]{width:150px;margin-right:8px;opacity:1;pointer-events:auto}
@media (max-width:1180px){.nav-in{display:flex}.burger{display:grid;margin-left:auto;background:none;border:0;width:40px;height:40px;place-items:center}.burger span,.burger span::before,.burger span::after{display:block;width:24px;height:2px;background:#000;position:relative;content:""}.burger span::before{position:absolute;top:-7px}.burger span::after{position:absolute;top:7px}
 #menu{position:absolute;left:0;right:0;top:82px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gx) 16px;box-shadow:0 10px 20px rgba(0,0,0,.12);display:none}#menu.open{display:flex}#menu a{padding:12px 0}.search{order:3}}
.vimg img{width:86%}.cta-img{aspect-ratio:1.15}
.cta-img{aspect-ratio:1.3}.c2{right:0;top:0;width:61%}.c1{left:0;bottom:0;width:62%}
@media (max-width:900px){.hero-bg{background-position:30% 100%}.hero-bg::after{background:linear-gradient(rgba(231,77,47,.40),rgba(231,77,47,.74) 42%,rgba(231,77,47,.93) 72%)}}

/* ===== REVISION 3: sharper hero photo, swoosh curve, centered hero text, About visual (per Figma reference) ===== */
/* hero photo: higher-res source + position like the reference; orange tint a bit stronger on the left like the design */
@media (min-width:901px){
 .hero-bg{background-position:left 14%}
 .hero-bg::after{background:radial-gradient(ellipse 85% 150% at 100% 30%,#E74D2F 0,#E74D2F 36%,rgba(231,77,47,.9) 52%,rgba(243,141,45,.7) 80%,rgba(243,141,45,.58) 100%)}
}
/* swoosh under the hero (concave curve like the design) */
.hero::after{width:min(30vw,540px);height:auto;aspect-ratio:450/85;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 450 85' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F59347'/%3E%3Cstop offset='1' stop-color='%23FAB985'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0 0H450V2C300 15 150 45 0 85Z'/%3E%3Cpath fill='none' stroke='%23E8602F' stroke-width='1' vector-effect='non-scaling-stroke' d='M450 2C300 15 150 45 0 85'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
/* hero description: centered */
.hero .d{text-align:center}
/* About visual: layout follows the Figma reference (all sizes scale with the box) */
.about .a-vis{container-type:inline-size;aspect-ratio:806/687;align-self:center;max-width:430px;overflow:visible}
.about .a-mark{left:0;top:0;font-size:6.9cqw;line-height:1}
.about .a-vis .btn{left:0;top:15.8cqw;z-index:5;font-size:clamp(9.5px,3cqw,13px);font-weight:600;padding:.62em 1.2em;border-radius:999px;box-shadow:none;white-space:nowrap}
.about .a-shape{left:32.3%;right:auto;top:1%;width:43.4%;height:99%;padding:0;border-radius:29% 4% 31% 3%/17% 2.2% 18% 1.6%}
.about .a-wa{position:absolute;left:0;right:0;top:11%;z-index:4;gap:1.4cqw;font-size:max(8.5px,2cqw);line-height:1.25;justify-content:center}
.about .a-wa i{font-size:max(16px,5cqw)}
.about .a-sm{position:absolute;z-index:4;left:6%;right:auto;bottom:2.9cqw;font-size:max(9px,2.5cqw);line-height:1;color:#fff;letter-spacing:.02em}
.about .a-hi{left:6.2%;top:41%;width:67.4%;z-index:3}
.about .a-crv{left:38.8%;top:29.5%;width:61.2%;z-index:2}

/* ===== REVISION 4: Balai Kota more prominent in hero, About with Hiace only, CTA Hiace like Figma ===== */
/* About: only the Hiace, larger and centered on the shape */
.about .a-hi{left:16%;top:33%;width:76%;z-index:3}
/* CTA: both Hiace face right, white one in front-left, grey one behind top-right (Figma) */
.cta-img{aspect-ratio:562/317;justify-self:end;width:100%;max-width:560px}
.cta-img .c2{right:0;top:0;left:auto;bottom:auto;width:69.4%;transform:scaleX(-1);z-index:1}
.cta-img .c1{left:0;bottom:0;right:auto;top:auto;width:68%;transform:scaleX(-1);z-index:2}
/* hero (desktop): whole Balai Kota building visible, photo fades smoothly into the orange side */
@media (min-width:901px){
 .hero-bg{background:none}
 .hero-bg::before{content:"";position:absolute;left:0;top:-4%;height:108%;aspect-ratio:2880/2029;background:url(../../images/brand/hero-bg.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent 100%);mask-image:linear-gradient(90deg,#000 60%,transparent 100%)}
 .hero-bg::after{background:linear-gradient(90deg,rgba(243,141,45,.2) 0%,rgba(238,106,48,.4) 30%,rgba(233,86,47,.82) 50%,#E74D2F 62%)}
}

/* ===== REVISION 5: hero text block a bit bigger and closer to the right edge (desktop only) ===== */
@media (min-width:901px){
 .hero-txt{width:min(38vw,580px);right:calc(max(var(--gx),7vw) - max(0px,(100vw - 1220px)/2));top:clamp(38px,4.8vw,78px)}
 .hero-txt .w{font-size:clamp(20px,2.5vw,36px)}
 .hero h1{font-size:clamp(26px,3.6vw,54px)}
 .hero-txt .script{font-size:clamp(34px,4.4vw,62px);margin:8px 0 12px}
 .hero-txt .sub{font-size:clamp(14px,1.5vw,22px);white-space:nowrap}
 .hero hr{margin:clamp(12px,1.1vw,18px) 0}
 .hero .d{font-size:clamp(13px,1vw,16px);line-height:1.45;margin-bottom:clamp(26px,2.2vw,38px)}
 .hero .btn.white{font-size:clamp(18px,1.3vw,22px);padding:.62em 1.45em}
}

/* ===== REVISION 6: MOBILE (HP) — tata letak khusus layar <= 640px =====
   Desktop & tablet tidak diubah. Warna, font, dan elemen desain tetap sama;
   yang diatur ulang hanya ukuran, jarak, dan susunan agar rapi di HP. */
@media (max-width:640px){
 :root{--m:20px;--gx:20px;--pad:20px}
 html{scroll-padding-top:72px}
 body{line-height:1.4}
 h2,h3{text-wrap:balance}
 .banner h2 br{display:none}
 .fl li{break-inside:avoid}

 /* --- navbar --- */
 .nav{height:64px}
 .nav-in{padding:0 var(--m)}
 .logo img{height:24px}
 #menu{top:64px;left:0;right:0;width:100%;margin:0;justify-self:stretch;padding:6px var(--m) 14px}
 #menu a{padding:14px 0;font-size:15px;border-bottom:1px solid #f0f0f0}
 #menu a:last-child{border-bottom:0}
 .burger{width:44px;height:44px;margin-right:-8px}
 .search button{width:44px;height:44px;font-size:24px;place-items:center;margin-right:-10px}
 .search.open input[type=search]{width:min(46vw,170px)}

 /* --- hero --- */
 .hero{color:#fff;overflow:hidden}
 .hero-bg{background-size:auto 430px;background-position:24% 0;background-repeat:no-repeat}
 .hero-bg::after{background:linear-gradient(180deg,rgba(231,77,47,.48) 0,rgba(231,77,47,.76) 230px,#E74D2F 430px)}
 .hero-in{display:grid;grid-template-columns:44fr 56fr;align-items:end;padding:22px var(--m) 0}
 .follow,.hero-txt,.hero-addr{grid-column:1/-1}
 .follow{align-self:flex-start;font-size:14px;gap:8px}
 .follow a{width:30px;height:30px;font-size:16px}
 .hero-txt{width:100%;margin:30px 0 0;text-align:center}
 .hero-txt .w{font-size:15px;letter-spacing:.14em;font-weight:500}
 .hero h1{font-size:clamp(34px,10.6vw,44px);margin-top:4px;letter-spacing:.03em;text-shadow:0 2px 0 rgba(35,31,32,.18)}
 .hero-txt .script{font-size:clamp(40px,12.4vw,52px);margin:0 0 8px}
 .hero-txt .sub{font-size:13.5px;white-space:normal}
 .hero hr{width:64%;margin:14px auto;border-top-color:rgba(255,255,255,.7)}
 .hero .d{font-size:13.5px;line-height:1.55;max-width:300px;margin:0 auto 24px;font-weight:500;text-align:center}
 .hero .btn.white{font-size:17px;padding:13px 40px;border-radius:14px;box-shadow:0 5px 0 rgba(35,31,32,.22)}
 .hv{position:relative;height:auto;left:auto;right:auto;top:auto;bottom:auto}
 .hrv{grid-column:1;grid-row:3;width:118%;max-width:none;margin:30px 0 0 -4%;z-index:1;align-self:end}
 .prm{grid-column:2;grid-row:3;width:110%;max-width:none;margin:30px -4% 0 -12%;z-index:2;align-self:end}
 .follow{grid-row:1}.hero-txt{grid-row:2}.hero-addr{grid-row:4}
 .hero-addr{position:static;order:3;align-self:stretch;justify-self:stretch;margin:18px calc(var(--m)*-1) 0;padding:18px 72px 20px var(--m);font-size:12.5px;line-height:1.45;background:#fff;color:#000}
 .hero-addr p{margin-bottom:8px;align-items:flex-start}
 .hero-addr p:last-child{margin-bottom:0}
 .hero-addr [data-ic]{font-size:17px;margin-top:1px;color:var(--r)}
 .hero-addr a{font-weight:700}

 /* --- about --- */
 .about-wrap{padding:0 16px;margin:28px 0 -60px}
 .about{margin-top:0;gap:22px;padding:24px 20px 32px;border-radius:0 0 40px 40px;min-height:0}
 .about .a-vis{max-width:340px;margin:0 auto}
 .a-txt h2{font-size:26px}
 .a-txt h3{font-size:16px;margin:4px 0 14px}
 .a-txt p{font-size:14px;line-height:1.55;margin-bottom:20px}
 .a-txt .row .btn{flex:1 1 150px;padding:12px 16px}
 .a-txt hr{margin:24px 0 18px}
 .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:11px;line-height:1.3}
 .stats b{font-size:14px;margin-bottom:2px}

 /* --- banner + follow us --- */
 .banner{padding:112px var(--m) 108px}
 .banner h2{font-size:26px}
 .pills{gap:8px;margin-top:20px}
 .pills a{padding:8px 16px;font-size:12.5px}
 .banner-after{margin-top:-84px;padding:0 var(--m);gap:12px}
 .banner-after>img{width:100%}
 .fu{padding:0 0 36px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
 .fu h4{flex-basis:100%;margin:0;font-size:17px}
 .fu a{margin:0;font-size:13px}

 /* --- services --- */
 .services{margin:44px auto 56px;padding:0 var(--m);gap:22px}
 .s-head h2{font-size:28px}
 .s-head p{font-size:15px;margin-top:10px}
 .s-cards{gap:14px;min-width:0;flex:1 1 100%}
 .services .sc{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start;min-height:0;padding:18px 20px;border-radius:26px;box-shadow:3px 4px 0 rgba(35,31,32,.25);flex:1 1 100%}
 .sc small{grid-row:1/3;font-size:24px;line-height:1.2}
 .sc h3{font-size:19px;margin:0 0 6px}
 .sc p{font-size:13.5px;line-height:1.5}

 /* --- section titles --- */
 .grey{padding:56px var(--m)}
 .st{font-size:28px;line-height:1.15}
 .ss{font-size:15px;line-height:1.4;margin-top:10px}

 /* --- vehicles: geser samping (swipe) --- */
 .vgrid{display:flex;justify-content:flex-start;max-width:none;gap:16px;margin:30px calc(var(--m)*-1) 0;padding:4px var(--m) 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--m);-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .vgrid::-webkit-scrollbar{display:none}
 .vcard{flex:0 0 78%;scroll-snap-align:start;border-radius:28px}
 .vcard h4{font-size:15px}
 .vcard p{font-size:12px;margin-top:2px}
 .vstrip span{font-size:8.5px}
 .chips{flex-wrap:wrap}
 .chips i{font-size:10.5px;padding:4px 11px}
 .vcard .btn{padding:11px 26px}


 /* --- why choose us --- */
 .why{padding:48px var(--m) 56px}
 .pill{font-size:14px;padding:9px 20px}
 .why h2{font-size:28px;margin:20px 0 28px}
 .wgrid{gap:14px}
 .wc{display:grid;grid-template-columns:44px 1fr;column-gap:14px;min-height:0;padding:16px 18px;border-radius:24px}
 .wc .wi{grid-row:1/3;margin:0;width:44px;height:44px;font-size:24px}
 .wc h3{font-size:16px;margin:2px 0 4px}
 .wc p{font-size:13px;line-height:1.5}

 /* --- trips --- */
 .tgrid{grid-template-columns:minmax(0,1fr);max-width:none;margin-top:32px;gap:26px}
 .tc{padding:18px 18px 22px;border-radius:38px;box-shadow:6px 6px 0 #c4c4c4}
 .tc img{aspect-ratio:1/1;border-radius:28px}
 .tc h3{font-size:26px;margin:16px 0 2px}
 .tc .nt{font-size:13px;min-height:0}
 .tinc{margin:12px 0 18px;align-items:flex-start}
 .tinc ul{font-size:13px;line-height:1.5}
 .tinc>div{font-size:13px}
 .tinc .price{font-size:22px;border-radius:18px;padding:10px 14px}
 .tinc .price small{font-size:12px}
 .tb{gap:10px}
 .mi{padding:10px 16px;font-size:13px;min-height:42px}
 .tb .btn{font-size:13px;padding:11px 20px;min-height:42px}

 /* --- next journey --- */
 .next{padding-top:48px;padding-bottom:48px;gap:22px}
 .next h2{font-size:26px}
 .next p{font-size:15px;line-height:1.5}
 .contact-big{width:100%;justify-content:center;font-size:20px;padding:12px 24px 12px 18px;border-radius:20px}
 .contact-big i{width:44px;height:44px;font-size:24px}

 /* --- gallery --- */
 .gallery{padding:52px 0 56px}
 .gal{margin-top:28px;padding:0 var(--m)}
 .track{gap:20px}
 .track a{aspect-ratio:4/5;border-radius:30px}
 .arr{top:calc(50% - 22px);width:42px;height:42px;font-size:22px;box-shadow:0 3px 8px rgba(35,31,32,.3)}
 .arr.l{left:6px}.arr.r{right:6px}
 .dots{gap:6px;margin-top:20px}
 .dots button{width:9px;height:9px}

 /* --- reviews --- */
 .review .pill{margin-bottom:18px;padding:8px 36px}
 .rgrid{margin-top:28px;gap:16px}
 .rc{padding:22px;border-radius:28px;min-height:0;box-shadow:0 5px 0 #c4c4c4}
 .stars-d{font-size:20px}
 .rc p{font-size:13.5px;line-height:1.55}
 .rc b{font-size:15px;margin-top:14px}
 .wr{margin:36px 0 12px;font-size:19px}
 .rform{padding:20px;border-radius:24px}
 .review .ss{margin-top:32px;font-size:14px}
 input:not([type=radio]),select,textarea{font-size:16px;padding:12px}

 /* --- CTA --- */
 .cta{padding:48px var(--m) 56px;gap:28px}
 .cta h2{font-size:26px}
 .cta p{font-size:15px;margin:14px 0 22px;line-height:1.55}
 .cta .row .btn{flex:1 1 150px;padding:13px 16px}
 .cta-img{max-width:none;justify-self:stretch}

 /* --- footer --- */
 .foot{padding:40px var(--m) 100px}
 .f-in{gap:26px}
 .f-logo{font-size:26px}
 .fl{columns:2}
 .foot h4{font-size:16px}
 .foot p,.foot li,.foot a{font-size:14px}
 .fc{gap:10px}
 .foot .btn{padding:12px 28px}

 /* --- tombol WhatsApp melayang + dialog --- */
 .fab{width:52px;height:52px;font-size:28px;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
 dialog{width:calc(100vw - 24px);max-height:88vh;overflow:auto;padding:22px 18px;border-radius:22px}
 dialog h2{font-size:21px;padding-right:32px}
 .acts .btn{flex:1 1 130px}
 .tabs button{font-size:13.5px;padding:10px 6px;white-space:nowrap}
 .sum b{min-width:0;display:block}
}

/* ===== REVISION 5: About WhatsApp block (larger, tidy card) + FAQ section ===== */
.about .a-wa{position:absolute;left:0;right:0;top:10%;z-index:4;display:flex;align-items:center;justify-content:center;gap:2cqw;color:#fff;line-height:1.25;text-align:left}
.about .a-wa:focus-visible{outline-color:#fff;outline-offset:2px;border-radius:8px}
.about .a-wa>i{display:grid;font-size:max(18px,6.4cqw)}
.about .a-wt{display:grid;gap:.4cqw}
.about .a-wt small{font-size:max(8.5px,3cqw);font-weight:500}
.about .a-wt b{font-size:max(8.5px,3.3cqw);font-weight:700;white-space:nowrap}

.faq{padding:80px var(--pad) 0;text-align:center}
.faq-list{max-width:860px;margin:44px auto 0;display:grid;gap:14px;text-align:left}
.faq-item{background:#fff;border:1px solid #ddd;border-radius:26px;box-shadow:3px 5px 0 rgba(0,0,0,.18);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 22px 18px 28px;font-weight:700;font-size:16px;line-height:1.35}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:21px;font-weight:500;line-height:1;transition:transform .25s}
.faq-item[open] summary::after{content:"\2212";transform:rotate(180deg)}
.faq-item[open] summary{color:var(--r)}
.faq-a{padding:0 28px 20px}
.faq-a p{font-size:14.5px;line-height:1.6;color:#333;max-width:70ch}
.faq-more{margin-top:34px;display:grid;justify-items:center;gap:12px}
.faq-more p{font-size:15px;font-weight:500}
.faq-more .btn i{display:grid;font-size:16px}
@media (max-width:640px){
 .faq{padding:56px var(--m) 0}
 .faq-list{margin-top:30px;gap:12px}
 .faq-item{border-radius:22px}
 .faq-item summary{padding:15px 16px 15px 20px;gap:12px;font-size:14.5px}
 .faq-a{padding:0 20px 16px}
 .faq-a p{font-size:14px}
}

/* ===== Halaman detail kendaraan (/kendaraan/<id>) ===== */
.vcard{cursor:pointer}.vdet{display:inline-flex;align-items:center;gap:6px;color:var(--r);font-weight:700;font-size:12px;margin:0 0 10px;padding:4px 8px}.vdet .ic{width:14px;height:14px}.vdet:hover{text-decoration:underline}
#menu a[aria-current=page]{color:var(--r);border-color:var(--r)}
.vp{max-width:1100px;margin:0 auto;padding:24px clamp(16px,4vw,32px) 70px}
.vp-crumb a{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--r)}.vp-crumb .ic{width:16px;height:16px}.vp-crumb a:hover{text-decoration:underline}
.vp-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);margin-top:18px;align-items:start}
.vp-stage{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;border:1px solid #ddd;box-shadow:var(--sh);background:#f1f1f1}.vp-stage::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover;filter:blur(26px) saturate(1.1);opacity:.55}.vp-main{position:relative;width:100%;height:100%;object-fit:contain}
.vp-th{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding:2px 2px 6px}.vp-th button{flex:0 0 88px;height:64px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;opacity:.65}.vp-th button.on{border-color:var(--r);opacity:1}.vp-th img{width:100%;height:100%;object-fit:cover}
.vp-info .tag{display:inline-block;background:#fdeee8;color:var(--r);font-weight:700;font-size:12px;padding:4px 12px;border-radius:999px}
.vp h1{font-size:clamp(26px,4vw,38px);line-height:1.15;margin-top:12px;color:#231F20}.vp-sub{font-size:15px;color:#666;margin-top:6px}
.vp .chips{justify-content:flex-start;margin:14px 0}.vp .chips i{font-size:12px;padding:5px 14px}
.vp-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.vp-cta .btn{padding:12px 26px;font-size:15px}.vp-cta .ic{width:18px;height:18px}
.vp-note{font-size:12px;color:#777;margin-top:14px}
.vp-sec{margin-top:40px}.vp-sec h2{font-size:22px;color:var(--r);margin-bottom:12px}.vp-desc{font-size:15px;line-height:1.75;max-width:760px}
.vp-fac{list-style:none;padding:0;max-width:820px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px 20px}.vp-fac li{display:flex;align-items:center;gap:10px;font-size:15px;background:#faf6f2;border-radius:14px;padding:12px 14px}.vp-fac .ic{flex:0 0 22px;width:22px;height:22px;stroke:#fff;stroke-width:3;background:var(--r);border-radius:50%;padding:4px}
.vp-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.vp-oc{display:grid;align-content:start;gap:4px;background:#fff;border:1px solid #ddd;border-radius:20px;padding:12px;box-shadow:var(--sh);transition:transform .25s}.vp-oc:hover{transform:translateY(-4px)}.vp-oc img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:6px}.vp-oc b{font-size:14px}.vp-oc small{font-size:12px;color:#666}
@media (max-width:820px){.vp-top{grid-template-columns:1fr}.vp{padding-top:16px}.vp-cta .btn{flex:1 1 150px}}
@media (max-width:640px){.vp-stage{border-radius:18px}.vp-more{grid-template-columns:1fr 1fr;gap:12px}.vp-fac{grid-template-columns:1fr}}

.vp-ie{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:760px}.vp-box{border-radius:18px;padding:18px 20px;border:1px solid #e6e0da;background:#fff}.vp-box h3{font-size:15px;margin-bottom:10px}.vp-box ul{list-style:none;padding:0;display:grid;gap:10px}.vp-box li{display:flex;align-items:center;gap:10px;font-size:15px}.vp-box .ic{flex:0 0 22px;width:22px;height:22px;stroke:#fff;stroke-width:3;border-radius:50%;padding:4px}.vp-box.in{background:#f4fbf5;border-color:#cfe8d3}.vp-box.in .ic{background:#2e9e4f}.vp-box.ex{background:#fdf3f1;border-color:#f1d2cb}.vp-box.ex .ic{background:var(--r)}
.vp-cap{position:absolute;z-index:2;left:12px;bottom:12px;max-width:calc(100% - 24px);background:rgba(35,31,32,.72);color:#fff;font-size:12px;font-weight:600;line-height:1.3;padding:6px 14px;border-radius:999px;backdrop-filter:blur(4px)}.vp-cap[hidden]{display:none}

/* catatan harga + label "Start from" */
.pnote{text-align:center;font-size:14px;color:#555;margin:34px auto 0;max-width:640px}.pnote b{color:var(--r)}
.vp-note b{color:var(--r)}
.tinc .pbox{flex:none;align-self:flex-start;display:flex;flex-direction:column;align-items:center;margin-top:2px}.tinc .pbox .from{font-size:11.5px;font-weight:600;color:#231F20;margin-bottom:6px;white-space:nowrap}
@media (max-width:640px){.pnote{font-size:13px;margin-top:22px;padding:0 var(--m,20px)}.tinc .pbox .from{font-size:11px;margin-bottom:5px}}

/* kartu trip: blok judul dibuat setinggi 2 baris & diratakan tengah, supaya baris Include + harga sejajar antar kartu */
@media (min-width:641px){.tc .thead{min-height:104px;display:flex;flex-direction:column;justify-content:center;margin-top:14px}.tc .thead h3{margin:0 0 4px}}

/* ===== Reviews (final): summary bar, masonry cards, one type scale =====
   Type scale: label 12px / small 13px / body 14.5px / name 16px / score 44px.  Google logo: 40px everywhere. */
.review .rgrid,.review .gsum{max-width:1100px}
.gsum{margin:36px auto 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px 40px;background:#fff;border-radius:28px;box-shadow:0 5px 0 #b9b9b9;padding:22px 32px;text-align:left}
.gsum-brand{display:flex;align-items:center;gap:14px;min-width:0}.g-logo{width:40px;height:40px;flex:none}
.gsum-brand b{display:block;font-size:16px;line-height:1.3}.gsum-brand span{display:block;font-size:13px;color:#555;margin-top:2px}
.gsum-score{display:flex;align-items:center;gap:14px;padding:0 40px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}.gsum-score[hidden]{display:none}
.gsum-n{font-size:44px;font-weight:800;line-height:1;color:var(--alyza-charcoal)}
.stars-f{--p:100%;font-size:22px;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,#FFC107 var(--p),#ddd var(--p));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.gsum-act{display:grid;justify-items:center;gap:6px}.gsum-act .btn{padding:12px 26px;font-size:14px;white-space:nowrap}.gsum-act small{font-size:12px;color:#666}
.rgrid{display:block;column-count:3;column-gap:16px;margin:24px auto 0}
.rc{display:block;break-inside:avoid;margin:0 0 16px;padding:24px;border-radius:28px;box-shadow:0 5px 0 #b9b9b9;min-height:0}
.rc-more{display:none}.rc-more.is-shown{display:block}
.rc-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rc-av{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#E9552E,#F38D2D);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px}
.rc-h b{display:block;font-size:16px;line-height:1.3;margin:0}.rc small{display:block;font-size:12px;color:#666;margin-top:1px}
.stars-d{font-size:18px;letter-spacing:1px;margin-bottom:8px}
.rc p{font-size:14.5px;line-height:1.6;white-space:pre-line;flex:none}
.rc-ph{display:grid;gap:8px;margin-top:14px}.rc-ph a{display:block;border-radius:16px;overflow:hidden;cursor:zoom-in}.rc-ph img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s}.rc-ph a:hover img{transform:scale(1.04)}
.rc-reply{margin-top:16px;padding:12px 14px;background:#faf6f2;border-left:3px solid var(--alyza-orange);border-radius:0 14px 14px 0}.rc-reply strong{display:block;font-size:12px;color:var(--r);margin-bottom:3px}.rc-reply p{font-size:13px;line-height:1.55}
.rmore{margin-top:12px;padding:12px 30px;font-size:14px}.rmore[hidden]{display:none}
@media (max-width:1000px){.review .rgrid{column-count:2;max-width:760px}.gsum{grid-template-columns:1fr auto;gap:18px 28px}.gsum-brand{grid-column:1/-1;justify-content:center;text-align:left}.gsum-score{padding:0 28px 0 0;border-left:0;border-right:1px solid #e3e3e3;justify-self:end}.gsum-act{justify-self:start}}
@media (max-width:760px){
 .gsum{margin-top:26px;grid-template-columns:1fr;justify-items:center;text-align:center;padding:20px;border-radius:24px}.gsum-brand{grid-column:auto;justify-content:center;text-align:left}
 .gsum-score{padding:14px 0;border:0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;justify-self:stretch;justify-content:center}.gsum-act{justify-self:stretch}.gsum-act .btn{width:100%}
 .review .rgrid{column-count:1;max-width:none;margin-top:18px}.rc{padding:20px;border-radius:24px}
}

/* ===== Trusted partner: heading | two-van photo | tagline, with ground shadows under each van ===== */
.trusted{max-width:1220px;margin:0 auto;padding:72px var(--pad) 24px;display:grid;grid-template-columns:auto minmax(0,500px) auto;justify-content:center;gap:20px 40px;align-items:center}
.trusted h2{font-size:clamp(28px,3.4vw,40px);line-height:1.2;white-space:nowrap}
.t-img{position:relative;margin:0}
.t-img img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.20))}
/* Soft contact shadows on the ground (wheel line sits at about 83% of the photo height). The right van (Premio) gets a stronger one. */
.t-img::before,.t-img::after{content:"";position:absolute;z-index:0;top:80%;height:15%;border-radius:50%;filter:blur(5px)}
.t-img::before{left:3%;width:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.40) 0%,rgba(0,0,0,.18) 45%,transparent 72%)}
.t-img::after{left:50%;width:49%;background:radial-gradient(ellipse at center,rgba(0,0,0,.58) 0%,rgba(0,0,0,.28) 45%,transparent 72%)}
.trusted p{justify-self:start;max-width:210px;padding-left:16px;border-left:3px solid var(--r);color:var(--r);font-size:18px;font-weight:600;line-height:1.4;text-align:left}
@media (max-width:1000px){.trusted{grid-template-columns:1fr;justify-items:center;text-align:center;padding-top:56px}.trusted h2{order:1}.trusted p{order:2;justify-self:center;max-width:none;padding:0;border:0;text-align:center}.t-img{order:3;width:100%;max-width:480px}}
@media (max-width:760px){.trusted{padding:44px var(--m) 8px;gap:12px}.trusted h2{font-size:26px}.trusted p{font-size:15px}.t-img{max-width:360px;margin-top:8px}}

/* --- gallery tabs + swipe --- */
.gtabs{display:flex;justify-content:center;gap:10px;margin:28px auto 0;padding:0 20px}
.gtabs button{border:1.5px solid var(--o);background:#fff;color:var(--ink);border-radius:999px;padding:10px 26px;font:600 15px/1 Montserrat,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.gtabs button[aria-selected=true]{background:var(--g);color:#fff;border-color:transparent}
.gtabs+.gal{margin-top:26px}
.track{position:relative}.clip{touch-action:pan-y}.track img{-webkit-user-drag:none;user-select:none}
.track a.w{aspect-ratio:auto;align-self:stretch}
@media (max-width:640px){.gtabs{gap:8px;margin-top:20px}.gtabs button{padding:9px 18px;font-size:14px}.track{align-items:center}.track a.w{aspect-ratio:4/3;align-self:center}}