/* Pak Rent a Car — design direction "Concourse" */

@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/pj-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/pj-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/pj-800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/mr-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/mr-500.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
 --bg:#FFFFFF; --soft:#F5F7F4; --dark:#0C1512;
 --ink:#0E1512; --body:#525E59; --muted:#8A948F; --line:#E7EBE6;
 --accent:#0C6B47; --accent-deep:#095339; --accent-tint:#E8F2ED; --accent-ink:#FFFFFF;
 --gold:#C9A227;
 --f-h:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;
 --f-b:"Manrope","Helvetica Neue",Arial,sans-serif;
 --xs:8px; --sm:16px; --md:26px; --lg:48px; --xl:96px;
 --r-sm:8px; --r-md:14px; --r-lg:22px;
 --wrap:1220px;
}

*,*::before,*::after{box-sizing:border-box}
:where(h1,h2,h3,h4,p,figure,dl,dd,ul,ol){margin:0}
:where(ul,ol){padding:0;list-style:none}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-b);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:14px 22px;z-index:99}
.skip:focus{left:0}

.w{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(18px,4vw,38px)}
h1,h2,h3,h4{font-family:var(--f-h);letter-spacing:-.035em;color:var(--ink)}
h1{font-size:clamp(2.1rem,5.4vw,3.5rem);line-height:1.03;font-weight:800;max-width:15ch}
h2{font-size:clamp(1.6rem,3.6vw,2.62rem);line-height:1.06;font-weight:800;text-wrap:balance}
h3{font-size:1.14rem;font-weight:700;line-height:1.25}
h4{font-size:.875rem;font-weight:700}
p{max-width:42rem}
.k{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:500;display:block;margin-bottom:14px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--f-b);font-weight:500;font-size:.94rem;line-height:1.2;padding:15px 26px;border-radius:var(--r-sm);border:1px solid transparent;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.btn--p{background:var(--accent);color:var(--accent-ink)}
.btn--p:hover{background:var(--accent-deep);color:#fff}
.btn--gold{background:var(--gold);color:#1A1508}
.btn--gold:hover{background:color-mix(in srgb,var(--gold) 88%,#0C1512);color:#1A1508}
.btn--o{border-color:var(--line);color:var(--ink);background:#fff}
.btn--o:hover{border-color:var(--ink)}
.btn--oDark{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.btn--oDark:hover{background:rgba(255,255,255,.1);color:#fff}
.btn--sm{padding:11px 18px;font-size:.88rem}

/* utility bar */
.top{background:var(--dark);color:rgba(255,255,255,.62);font-size:.81rem}
.top .w{display:flex;gap:26px;align-items:center;min-height:42px;flex-wrap:wrap;padding-block:8px}
.top b{color:#fff;font-weight:500}
.top a{color:inherit}
.top a:hover{color:#fff}
.top .r{margin-left:auto;display:flex;gap:20px}
@media(max-width:860px){.top .hideSm{display:none}.top .r{margin-left:auto}}

/* header */
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr .w{display:flex;align-items:center;gap:clamp(12px,2vw,30px);min-height:80px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand svg{width:40px;height:40px;flex:none}
.brand b{font-family:var(--f-h);font-weight:800;font-size:1.1rem;letter-spacing:-.035em;display:block;line-height:1;color:var(--ink)}
.brand i{font-style:normal;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:block;margin-top:4px}
.nav{margin-left:auto;display:none;gap:2px}
.nav a{color:var(--body);font-size:.9rem;font-weight:500;padding:10px 13px;border-radius:7px}
.nav a:hover,.nav a[aria-current="page"]{background:var(--accent-tint);color:var(--accent)}
.callbox{display:none;align-items:center;gap:11px;margin-left:14px;padding-left:20px;border-left:1px solid var(--line)}
.callbox .ic{width:38px;height:38px;border-radius:50%;background:var(--accent-tint);display:flex;align-items:center;justify-content:center;flex:none}
.callbox .ic svg{width:17px;height:17px}
.callbox small{font-size:.68rem;color:var(--muted);display:block}
.callbox b{font-family:var(--f-h);font-weight:800;font-size:1rem;letter-spacing:-.03em;display:block;color:var(--ink)}
.burger{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 13px;font-family:var(--f-b);font-size:.86rem;color:var(--ink)}
.burger svg{width:17px;height:17px}
@media(min-width:1000px){.nav{display:flex}.callbox{display:flex}.burger{display:none}}
.mnav{display:none;border-top:1px solid var(--line);background:#fff}
.mnav.open{display:block}
.mnav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500}
.mnav .btn{width:100%;margin:16px 0}

/* hero */
.hero{position:relative;background:radial-gradient(90% 70% at 80% 12%,rgba(201,162,39,.16),transparent 60%),linear-gradient(160deg,#12201B 0%,#0C1512 55%,#101C18 100%);color:#fff;padding-top:clamp(40px,6vw,72px)}
.hgrid{display:grid;gap:var(--md);align-items:center}
@media(min-width:900px){.hgrid{grid-template-columns:1.05fr .95fr;gap:var(--lg)}}
.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.72);font-size:.71rem;letter-spacing:.16em;text-transform:uppercase;padding:8px 15px;border-radius:100px;margin-bottom:20px}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--gold);display:block;flex:none}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:var(--gold)}
.hsub{margin-top:18px;font-size:clamp(1rem,1.5vw,1.09rem);color:rgba(255,255,255,.7);max-width:40ch}
.mini{margin-top:28px;display:flex;gap:clamp(20px,4vw,34px);flex-wrap:wrap}
.mini b{font-family:var(--f-h);font-weight:800;font-size:1.45rem;display:block;letter-spacing:-.03em;color:#fff}
.mini span{font-size:.81rem;color:rgba(255,255,255,.55)}
.hshot{border-radius:var(--r-md);border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,#1D302A,#152622 55%,#0E1815);aspect-ratio:16/11;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hshot img{width:100%;height:100%;object-fit:cover}
.hshot span{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);border:1px dashed rgba(255,255,255,.2);padding:10px 16px;border-radius:7px;text-align:center}

/* booking bar */
.book{position:relative;z-index:6;margin-top:clamp(28px,4vw,50px);transform:translateY(clamp(24px,4vw,46px))}
.bookIn{background:#fff;border-radius:var(--r-md);box-shadow:0 30px 70px -26px rgba(8,20,16,.5);padding:16px;display:grid;gap:2px}
@media(min-width:1000px){.bookIn{grid-template-columns:1.15fr 1fr .9fr 1.1fr auto;padding:20px;gap:0}}
.fld{padding:12px 18px;border-bottom:1px solid var(--line)}
@media(min-width:1000px){.fld{border-bottom:0;border-right:1px solid var(--line);padding:6px 20px}}
.fld label{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:6px}
.fld .row{display:flex;align-items:center;gap:9px}
.fld .row svg{width:16px;height:16px;flex:none;stroke:var(--accent);fill:none;stroke-width:1.8}
.fld select,.fld input{width:100%;border:0;background:none;font-family:var(--f-h);font-weight:700;font-size:.97rem;color:var(--ink);letter-spacing:-.02em;padding:0;-webkit-appearance:none;appearance:none}
.fld input[type="date"]{font-family:var(--f-h)}
.fld select:focus,.fld input:focus{outline:none}
.bookGo{padding:6px 0 0}
@media(min-width:1000px){.bookGo{border-right:0;padding:0 0 0 20px;display:flex;align-items:center}}
.bookGo .btn{width:100%}
@media(min-width:1000px){.bookGo .btn{height:100%;padding-inline:28px}}

/* sections */
.sec{padding-block:clamp(52px,7vw,88px)}
.sec--soft{background:var(--soft)}
.sec--first{padding-top:clamp(76px,10vw,124px)}
.sh{max-width:660px;margin-bottom:var(--lg)}
.sh--c{margin-inline:auto;text-align:center}
.sh p{margin-top:14px;color:var(--body);font-size:1.04rem}
.sh--c p{margin-inline:auto}

/* steps */
.steps{display:grid;gap:var(--md);grid-template-columns:1fr}
@media(min-width:600px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{text-align:center}
.step .ic{width:64px;height:64px;border-radius:50%;background:var(--accent-tint);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative}
.step .ic svg{width:25px;height:25px;stroke:var(--accent);fill:none;stroke-width:1.7}
.step .n{position:absolute;top:-4px;right:-4px;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--f-h);font-weight:700;font-size:.68rem;display:flex;align-items:center;justify-content:center}
.step h3{margin-bottom:7px}
.step p{color:var(--body);font-size:.9rem;margin-inline:auto;max-width:30ch}

/* fleet */
.g3{display:grid;gap:var(--md);grid-template-columns:1fr}
@media(min-width:620px){.g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.g3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:box-shadow .2s ease}
.card:hover{box-shadow:0 20px 44px -24px rgba(14,21,18,.3)}
.card .im{aspect-ratio:16/10;background:linear-gradient(150deg,#EBEFEC,#E0E7E2 60%,#D6DFD9);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.card .im img{width:100%;height:100%;object-fit:cover}
.card .im span.ph{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#93A09A}
.card .tag{position:absolute;top:13px;left:13px;background:var(--accent);color:#fff;font-size:.69rem;font-weight:500;padding:5px 11px;border-radius:5px}
.card .bd{padding:20px}
.specs{display:flex;gap:15px;margin:11px 0 16px;flex-wrap:wrap}
.specs span{display:flex;align-items:center;gap:6px;font-size:.81rem;color:var(--body)}
.specs svg{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:1.7;flex:none}
.prow{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px}
.prow b{font-family:var(--f-h);font-weight:800;font-size:1.28rem;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.prow b small{font-family:var(--f-b);font-weight:400;font-size:.78rem;color:var(--muted);letter-spacing:0}

/* stats */
.stats{background:var(--dark);color:#fff}
.stats .w{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--md);padding-block:clamp(40px,6vw,58px)}
@media(min-width:900px){.stats .w{grid-template-columns:repeat(4,1fr)}}
.stat b{font-family:var(--f-h);font-weight:800;font-size:clamp(1.9rem,3.6vw,2.5rem);letter-spacing:-.04em;display:block;color:var(--gold);font-variant-numeric:tabular-nums}
.stat span{font-size:.87rem;color:rgba(255,255,255,.6)}

/* terms */
.terms{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:820px){.terms{grid-template-columns:1fr 1fr;column-gap:var(--lg)}}
.terms>div{display:grid;grid-template-columns:9rem 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.terms dt{font-family:var(--f-h);font-weight:700;font-size:.96rem}
.terms dd{margin:0;color:var(--body);font-size:.94rem}

/* areas */
.areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:0}
.areas li{border-top:1px solid var(--line);padding:14px 12px 14px 0;font-size:.94rem;color:var(--body)}

/* faq */
.faq>div{border-top:1px solid var(--line);padding-block:clamp(20px,3vw,28px);display:grid;gap:12px}
@media(min-width:820px){.faq>div{grid-template-columns:.85fr 1.15fr;gap:var(--lg);align-items:start}}
.faq>div:last-child{border-bottom:1px solid var(--line)}
.faq dt{font-family:var(--f-h);font-weight:700;font-size:1.08rem;line-height:1.25}
.faq dd{margin:0;color:var(--body);font-size:.97rem;max-width:52ch}

/* answer block */
.answer{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-md);padding:clamp(22px,3.5vw,34px)}
.answer::before{content:"";display:block;width:38px;height:3px;background:var(--accent);margin-bottom:18px}
.answer p{max-width:70ch;font-size:1.02rem;color:var(--ink)}

/* split */
.split{display:grid;gap:var(--md);align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:var(--lg)}}
.panel{border-radius:var(--r-lg);background:linear-gradient(150deg,#EDF1EE,#E2E9E4 55%,#D8E2DB);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.panel img{width:100%;height:100%;object-fit:cover}
.panel span{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#93A09A;border:1px dashed #B8C3BD;padding:10px 16px;border-radius:8px}

/* cta band */
.cta{background:linear-gradient(150deg,#12201B,#0C1512);color:#fff}
.cta .w{display:grid;gap:var(--md);padding-block:clamp(44px,6vw,64px);align-items:center}
@media(min-width:900px){.cta .w{grid-template-columns:1fr auto;gap:var(--lg)}}
.cta h2{color:#fff;max-width:17ch}
.cta p{color:rgba(255,255,255,.66);margin-top:12px;max-width:44ch}
.cta .acts{display:flex;gap:12px;flex-wrap:wrap}

/* footer */
.ft{background:var(--dark);color:rgba(255,255,255,.6);padding-top:clamp(44px,6vw,64px)}
.ft a{color:rgba(255,255,255,.6)}
.ft a:hover{color:#fff}
.ft h4{color:#fff;margin-bottom:16px}
.fg{display:grid;gap:var(--md);grid-template-columns:1fr}
@media(min-width:640px){.fg{grid-template-columns:repeat(2,1fr);gap:var(--md) var(--lg)}}
@media(min-width:1000px){.fg{grid-template-columns:1.6fr 1fr 1fr 1.25fr}}
.ft .brand b{color:#fff}
.ft li{padding:6px 0;font-size:.9rem}
.fblurb{font-size:.9rem;margin-top:14px;max-width:30ch;color:rgba(255,255,255,.55)}
.fc div{margin-bottom:14px}
.fc .kk{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);display:block;margin-bottom:3px}
.fc .vv{color:#fff;font-size:.94rem}
.fc .vv a{color:#fff}
.fbase{border-top:1px solid rgba(255,255,255,.08);margin-top:var(--lg);padding-block:20px;font-size:.83rem;display:flex;flex-wrap:wrap;gap:10px var(--md);justify-content:space-between}

/* mobile action bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:1px;background:var(--line);border-top:1px solid var(--line)}
.mbar .btn{flex:1;border-radius:0;padding:16px 10px}
.mbar .btn--o{background:#fff;border-color:transparent}
body{padding-bottom:60px}
@media(min-width:860px){.mbar{display:none}body{padding-bottom:0}}

.stamp{font-family:var(--f-b);font-size:.78rem;color:var(--muted)}
.stamp span{text-transform:uppercase;letter-spacing:.12em}

.js .rv{opacity:0;transform:translateY(14px)}
.js .rv.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.js .rv{opacity:1;transform:none}}