@font-face{font-family:'Lato';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/pattaya/lato-latin-400-normal.woff2) format('woff2')}@font-face{font-family:'Lato';font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/pattaya/lato-latin-700-normal.woff2) format('woff2')}@font-face{font-family:'Lato';font-weight:900;font-style:normal;font-display:swap;src:url(/fonts/pattaya/lato-latin-900-normal.woff2) format('woff2')}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif}
body{margin:0;line-height:inherit}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
ol,ul{list-style:none;margin:0;padding:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
small{font-size:80%}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;color:inherit}
button,select{text-transform:none}
button,[type=button],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:#9ca3af}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
summary{display:list-item}
[hidden]{display:none}

/* utilities */
.absolute{position:absolute}
.block{display:block}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.bottom-0{bottom:0}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-none{flex:none}
.flex-wrap{flex-wrap:wrap}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.gap-1{gap:.25rem}
.gap-10{gap:2.5rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid{display:grid}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.h-16{height:4rem}
.h-3{height:.75rem}
.h-3\.5{height:.875rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-9{height:2.25rem}
.hidden{display:none}
.hover\:border-cta:hover{border-color:var(--cta)}
.hover\:text-cta:hover{color:#A25A05}
.inset-0{top:0;right:0;bottom:0;left:0}
.inset-x-0{left:0;right:0}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.list-none{list-style:none}
.m-0{margin:0}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-6xl{max-width:72rem}
.mb-1{margin-bottom:.25rem}
.mb-12{margin-bottom:3rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mt-0\.5{margin-top:.125rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mx-2{margin-left:.5rem;margin-right:.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.no-underline{text-decoration:none}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.p-0{padding:0}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.pb-10{padding-bottom:2.5rem}
.pb-14{padding-bottom:3.5rem}
.pb-5{padding-bottom:1.25rem}
.pr-3{padding-right:.75rem}
.pt-10{padding-top:2.5rem}
.pt-6{padding-top:1.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.relative{position:relative}
.right-0{right:0}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-xl{border-radius:.75rem}
.space-y-2>*+*{margin-top:.5rem}
.space-y-3>*+*{margin-top:.75rem}
.sticky{position:sticky}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-center{text-align:center}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-right{text-align:right}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-white{color:#fff}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.top-0{top:0}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.underline{text-decoration:underline}
.uppercase{text-transform:uppercase}
.w-3{width:.75rem}
.w-3\.5{width:.875rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-64{width:16rem}
.w-7{width:1.75rem}
.w-full{width:100%}
.whitespace-nowrap{white-space:nowrap}
.z-50{z-index:50}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.md\:block{display:block}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:hidden{display:none}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:text-5xl{font-size:3rem;line-height:1}}
@media(min-width:1024px){.lg\:block{display:block}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:hidden{display:none}.lg\:pt-6{padding-top:1.5rem}.lg\:sticky{position:sticky}}

/* shared booking-wizard components, coloured only through the theme variables */
.hide{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.text-muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800;padding:.9rem 1.4rem;cursor:pointer;border:0;text-decoration:none;white-space:nowrap;transition:transform .15s,background-color .15s,box-shadow .15s;border-radius:var(--rb)}
.btn:active{transform:translateY(1px) scale(.985)}
.btn:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.btn-cta{background:var(--accent);color:var(--accent-ink)}
.btn-cta:hover{background:var(--accent2)}
.btn-cta:disabled{opacity:.45;cursor:not-allowed}
.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}
.wizard{background:var(--wiz);border:1px solid var(--wiz-line);border-radius:var(--rw);box-shadow:var(--wiz-shadow);color:var(--fg)}
.wlabel{display:block;font-size:.78rem;font-weight:700;color:var(--label);margin:0 0 .3rem}
.wlabel i{color:var(--accent-text);font-style:normal}
.field{width:100%;background-color:var(--field);color:var(--fg);border:1px solid var(--line2);border-radius:var(--r);padding:.8rem .9rem;font-size:1rem;appearance:none;-webkit-appearance:none}
select.field{background-image:var(--chev);background-repeat:no-repeat;background-position:right .8rem center;background-size:14px;padding-right:2.2rem}
.field:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--ring)}
.field.err{border-color:var(--danger)}
.field option,.field optgroup{background:var(--field);color:var(--fg)}
.cc-sel{max-width:12rem}
.errmsg{color:var(--danger-text);font-size:.8rem;margin-top:.25rem;display:none}
.err+.errmsg,.field.err~.errmsg{display:block}
.stepdot{flex:1;height:6px;border-radius:99px;background:var(--dot)}
.stepdot.on{background:var(--accent)}
.cartile{position:relative}
.cartile input{position:absolute;opacity:0;pointer-events:none}
.cartile label{display:flex;gap:.7rem;align-items:center;border:1.5px solid var(--line2);border-radius:var(--r);padding:.55rem .7rem;cursor:pointer;background:var(--field)}
.cartile label img{width:72px;height:54px;object-fit:cover;border-radius:calc(var(--r) - 3px);background:#fff;flex:none}
.cartile label:hover{border-color:var(--accent)}
.cartile input:checked+label{border-color:var(--accent);background:var(--sel);box-shadow:0 0 0 3px var(--ring)}
.cartile input:focus-visible+label{outline:3px solid var(--focus);outline-offset:2px}
.text-cta{color:var(--accent-text)}
.note{border-left:3px solid var(--accent);background:var(--note-bg);border-radius:.4rem;padding:.6rem .8rem;font-size:.85rem;color:var(--note-fg)}
.note-b{border-left-color:var(--danger);background:var(--danger-bg);color:var(--danger-text)}
.toggle-row{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:700}
.toggle-row input{width:1.2rem;height:1.2rem;accent-color:var(--accent)}
.hpot{position:absolute;left:-9999px;height:0;overflow:hidden}
.meter{background:var(--meter-bg);border:1px solid var(--meter-line);border-radius:var(--r);padding:.55rem .9rem}
.meter .text-muted{color:var(--meter-muted)}
.meter-n{font-variant-numeric:tabular-nums;font-weight:900;color:var(--meter-fg);font-size:1.9rem;line-height:1.1;letter-spacing:.01em}
.roof{display:inline-flex;align-items:center;background:var(--accent);color:var(--accent-ink);font-weight:900;letter-spacing:.14em;font-size:.8rem;padding:.35rem .9rem;border-radius:.4rem}
.underline{text-decoration:underline}
.grid>*,.flex>*{min-width:0}

:root{--bg:#0A1020;--bg2:#0E1730;--surface:#111B33;--line:#1E2B4A;--line2:#2B3C62;--fg:#E8EEF8;--muted:#97A7C4;--label:#C9D4EA;
--accent:#3F8FE0;--accent2:#5AA2EA;--accent-ink:#06101F;--accent-text:#7DB9F4;--focus:#8CC4FA;--ring:rgba(63,143,224,.3);
--field:#0A1328;--wiz:#0D1630;--wiz-line:#27375C;--wiz-shadow:0 36px 80px -34px rgba(0,0,0,.85);--box:#101D3F;--box-line:#2B3C62;--sel:#112652;
--note-bg:rgba(63,143,224,.1);--note-fg:#D3E6FA;--danger:#E5645C;--danger-text:#FF9F99;--danger-bg:rgba(229,100,92,.1);--dot:#1E2B4A;
--meter-bg:#060B18;--meter-line:#2B3C62;--meter-fg:#92C8FB;--meter-muted:#93A4C2;--r:6px;--rb:6px;--rw:12px;--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2397A7C4' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html{scroll-behavior:smooth}select.field{font-size:.94rem}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Lato',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:4.4rem}
@media(min-width:900px){body{padding-bottom:0}}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-weight:900;letter-spacing:-.012em;color:#fff}
a{color:inherit}
/* header */
.topline{background:#070C19;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.topline .wrap{display:flex;gap:1.4rem;justify-content:flex-end;align-items:center;min-height:34px}
.topline a{text-decoration:none}.topline a:hover{color:#fff}
.topline .tl-sha{margin-right:auto;font-weight:700;letter-spacing:.04em}@media(max-width:640px){.topline .tl-sha,.topline a[href^=mailto]{display:none}.topline .wrap{justify-content:space-between}}
.site-top{position:sticky;top:0;z-index:50;background:rgba(10,16,32,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:1.4rem;min-height:64px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:none}
.brand img.pin{width:25px;height:30px}
.brand b{font-size:1.2rem;font-weight:900;letter-spacing:-.01em;line-height:1}
.brand small{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:3px}
.brand img.sha{height:30px;width:auto;margin-left:.2rem}
.menu{display:none;gap:1.25rem;margin-left:auto;align-items:center;font-size:.92rem;font-weight:700}
.menu a{text-decoration:none;color:#C9D4EA;padding:.4rem 0;border-bottom:2px solid transparent}
.menu a:hover{color:#fff;border-color:var(--accent)}
.menu a.bk{color:var(--accent-ink);background:var(--accent);padding:.55rem 1.1rem;border-radius:var(--r);border:0}
.menu a.bk:hover{background:var(--accent2)}
@media(min-width:1000px){.menu{display:flex}.burger{display:none}}
.burger{margin-left:auto;background:transparent;border:1px solid var(--line2);color:#fff;border-radius:var(--r);padding:.5rem .8rem;font-weight:800}
.mnav{position:fixed;inset:0 0 0 auto;width:min(86vw,340px);background:var(--bg2);border-left:1px solid var(--line2);z-index:80;transform:translateX(100%);transition:transform .22s;padding:1.2rem 1.2rem 2rem;overflow:auto;visibility:hidden}
.mnav-open .mnav{transform:none;visibility:visible}
.mnav a{display:block;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}
.mnav a.bk{color:var(--accent-ink);background:var(--accent);text-align:center;border-radius:var(--r);border:0;margin-bottom:.8rem}
.mnav-ov{position:fixed;inset:0;background:rgba(2,5,12,.6);z-index:70}
.mnav-ov[hidden]{display:none}
/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#070C1B 0%,#0B1530 55%,#13264B 100%)}
.hero .ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 62%;opacity:1}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,27,.55) 0%,rgba(7,12,27,.08) 26%,rgba(7,12,27,.12) 62%,rgba(10,16,32,.88) 100%),linear-gradient(90deg,rgba(7,12,27,.42) 0%,rgba(7,12,27,0) 62%);z-index:0}.hero .wrap{z-index:1}
.hero .wrap{position:relative;display:grid;gap:28px;padding-top:36px;padding-bottom:64px;grid-template-areas:'intro' 'form' 'facts'}.h-intro{grid-area:intro}.h-form{grid-area:form}.h-facts{grid-area:facts}
@media(min-width:1000px){.hero .wrap{grid-template-columns:minmax(0,1fr) 560px;grid-template-areas:'intro form' 'facts form';grid-template-rows:auto 1fr;column-gap:56px;row-gap:0;align-items:start;padding-top:60px;padding-bottom:84px}}
.kicker{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);font-weight:900}
.hero h1{font-size:clamp(1.9rem,3.2vw,2.75rem);line-height:1.1;margin-top:.7rem;max-width:26ch;text-wrap:balance}
.lead{color:#C4D0E6;font-size:1.08rem;max-width:52ch;margin-top:1rem}
.hero .h-intro{background:rgba(10,24,54,.52);border:1px solid rgba(170,205,255,.24);border-radius:6px;padding:1.6rem 1.8rem 1.8rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.35)}.hero .h-facts{background:rgba(10,24,54,.52);border:1px solid rgba(170,205,255,.24);border-radius:6px;padding:.4rem 1.8rem 1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.35)}.hero .wizard{background:rgba(9,21,46,.66);border-color:rgba(170,205,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero .h-facts .hero-links{padding-top:1.3rem}@media(min-width:1000px){.hero .h-intro{border-bottom:0;border-radius:6px 6px 0 0;padding-bottom:.4rem}.hero .h-facts{border-top:0;border-radius:0 0 6px 6px;padding-top:0}}.facts{margin-top:0;margin-bottom:0;border-top:1px solid var(--line2)}
@media(max-width:999px){.hero .ph-bg{bottom:auto;height:820px;object-position:46% 80%}.hero:before{background:linear-gradient(180deg,rgba(7,12,27,.58) 0,rgba(7,12,27,.34) 290px,rgba(7,12,27,0) 450px,rgba(7,12,27,.04) 640px,#0B1530 820px)}.hero .h-intro{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:.4rem .2rem 0;text-shadow:0 2px 8px rgba(0,0,0,.65)}.hero .h-facts{background:rgba(10,24,54,.62)}.hero .wrap{padding-top:22px}}
.facts div{display:grid;grid-template-columns:7.2rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line2)}
.facts dt{font-weight:900;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);padding-top:.15rem}
.facts dd{margin:0;color:#F2F6FF}
.hero-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
/* sections */
.sec{padding:76px 0}
.sec.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec h2{font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.15}
.sec .intro{color:#B9C6DE;max-width:62ch;margin-top:.8rem}
.head{display:grid;gap:.6rem;margin-bottom:2rem}
@media(min-width:900px){.head{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:end}.head .intro{margin-top:0}}
.tw{overflow-x:auto;border:1px solid var(--line2);border-radius:var(--rw);background:var(--surface)}
table.board{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.92rem;min-width:760px}
.board th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;padding:.8rem .8rem;border-bottom:1px solid var(--line2);white-space:nowrap}
.board th:first-child,.board td:first-child{text-align:left;padding-left:1.1rem;position:sticky;left:0;background:var(--surface)}
.board td{padding:.85rem .8rem;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.board tr:last-child td{border-bottom:0}
.board td.pr{font-weight:800;color:#fff}
.board td.mu{color:var(--muted)}
.board .rtl{display:flex;align-items:center;gap:.7rem;font-weight:800;color:#fff;text-decoration:none}
.board .rtl:hover{color:var(--accent-text)}
.board .go{width:24px;height:24px;border-radius:50%;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--accent-text);flex:none}
.board tr:hover td{background:#14213F}.board tr:hover td:first-child{background:#14213F}
.fine{font-size:.84rem;color:var(--muted);margin-top:.9rem;max-width:80ch}
.net{display:grid;gap:0 3rem}
@media(min-width:760px){.net{grid-template-columns:1fr 1fr}}
.net a{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:baseline;padding:.8rem 0;border-bottom:1px solid var(--line2);text-decoration:none}
.net a:hover .nm{color:var(--accent-text)}
.net .nm{font-weight:700}.net .tm{color:var(--muted);font-size:.85rem;white-space:nowrap}.net .pp{font-weight:900;font-variant-numeric:tabular-nums;min-width:4.4rem;text-align:right}
.netph{width:100%;max-width:420px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--rw);border:1px solid var(--line2);margin-top:1.4rem}.netsplit{display:grid;gap:2rem}
@media(min-width:1000px){.netsplit{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3.5rem}}
.arow{display:grid;gap:1.4rem;align-items:center;padding:1.6rem 0;border-top:1px solid var(--line2)}
.arow:last-child{border-bottom:1px solid var(--line2)}
@media(min-width:800px){.arow{grid-template-columns:340px minmax(0,1fr);gap:2.6rem}.arow:nth-child(even){grid-template-columns:minmax(0,1fr) 340px}.arow:nth-child(even) .ph{order:2}}
.arow .ph{border-radius:var(--rw);overflow:hidden;border:1px solid var(--line2);aspect-ratio:4/3}
.arow .ph img{width:100%;height:100%;object-fit:cover}
.arow h3{font-size:1.35rem}
.code{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--accent-ink);background:var(--accent);padding:.12rem .5rem;border-radius:4px;margin-right:.5rem;vertical-align:.12em}
.arow p{color:#C4D0E6;margin-top:.6rem;max-width:56ch}
.meta{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1rem;font-size:.9rem;color:var(--muted)}
.meta b{color:#fff;font-variant-numeric:tabular-nums}
.band{background:linear-gradient(90deg,#0F2A56,#0C1D3E);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.band .wrap{display:grid;gap:1.6rem;padding-top:56px;padding-bottom:56px}
@media(min-width:900px){.band .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem}}
.band h2{font-size:1.7rem}.band p{color:#CBD8EE;max-width:70ch;margin-top:.7rem}
.band ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem;font-size:.95rem}
.band li{padding-left:1.1rem;position:relative;color:#DCE7F8}
.band li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--accent2)}
table.cars{width:100%;border-collapse:collapse}
.cars td{padding:.9rem .8rem;border-bottom:1px solid var(--line2);vertical-align:middle}
.cars tr:first-child td{border-top:1px solid var(--line2)}
.cars .ci{width:128px}.cars img{width:112px;height:84px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line2);display:block}
.cars .cn{font-weight:900;font-size:1.05rem;color:#fff}
.cars .cm{color:var(--muted);font-size:.88rem}
.cars .cp{font-weight:900;font-variant-numeric:tabular-nums;font-size:1.15rem;white-space:nowrap;text-align:right}
.cars .cp small{display:block;font-weight:700;color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.cars .px{color:#C9D4EA;white-space:nowrap}
@media(max-width:700px){.cars .px,.cars .cm,.cars .cp small{display:none}.cars,.cars tbody{display:block}.cars tr{display:grid;grid-template-columns:76px minmax(0,1fr) auto auto;gap:.6rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line2)}.cars td,.cars .ci{padding:0;border:0;width:auto}.cars tr:first-child td{border:0}.cars img{width:76px;height:57px}.cars .btn{padding:.6rem .8rem;font-size:.85rem}.cars .cp{font-size:1rem}}
.svc{display:grid;gap:0}
@media(min-width:800px){.svc{grid-template-columns:1fr 1fr;gap:0 3rem}}
.svc a{display:block;padding:1.3rem 0;border-top:1px solid var(--line2);text-decoration:none}
.svc a:hover h3{color:var(--accent-text)}
.svc h3{font-size:1.15rem}.svc p{color:#B9C6DE;margin-top:.3rem;font-size:.95rem}
details.q{border-top:1px solid var(--line2)}
details.q:last-of-type{border-bottom:1px solid var(--line2)}
details.q summary{list-style:none;cursor:pointer;padding:1.1rem 0;font-weight:800;display:flex;justify-content:space-between;gap:1rem;align-items:center}
details.q summary::-webkit-details-marker{display:none}
details.q summary:after{content:"+";font-size:1.4rem;color:var(--accent-text);line-height:1}
details.q[open] summary:after{content:"\2212"}
details.q p{padding:0 0 1.2rem;color:#C4D0E6;max-width:70ch}
.faqgrid{display:grid;gap:2rem}
@media(min-width:1000px){.faqgrid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3.5rem}}
/* footer */
footer{background:#060A15;border-top:1px solid var(--line);padding:56px 0 30px;color:var(--muted);font-size:.92rem}
.fgrid{display:grid;gap:2rem}
@media(min-width:800px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
footer h4{color:#fff;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem}
footer a{text-decoration:none;display:block;padding:.2rem 0}footer a:hover{color:#fff}
.copy{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.8rem}
/* mobile contact bar */
.mobbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:.5rem;padding:.65rem .75rem;background:rgba(7,12,25,.96);border-top:1px solid var(--line2)}
.mobbar a{flex:1;text-align:center;text-decoration:none;font-weight:800;padding:.8rem .4rem;border-radius:var(--r);font-size:.92rem}
.mobbar .m-bk{background:var(--accent);color:var(--accent-ink);flex:1.4}
.mobbar .m-wa{background:#1FA855;color:#04140A}
.mobbar .m-vb{background:#6F5BD5;color:#fff}
.mobbar .m-tel{background:#17264A;color:#fff}
@media(min-width:900px){.mobbar{display:none}}
.wa-float{display:none}
@media(min-width:900px){.wa-float{display:flex;position:fixed;left:22px;bottom:22px;z-index:60;align-items:center;gap:.6rem;background:#1FA855;color:#04140A;text-decoration:none;font-weight:900;padding:.75rem 1.1rem;border-radius:var(--rb);box-shadow:0 14px 30px -12px rgba(0,0,0,.7)}.wa-float:hover{background:#27BC62}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mnav,.btn{transition:none}}

/* ---- inner pages (written for the package; colours come from the variables of each site) ---- */
.pagehead{padding:1.7rem 0 1.5rem;border-bottom:1px solid var(--line);background:var(--surface)}
.pagehead .crumbs{font-size:.84rem;color:var(--muted);margin:0 0 .7rem}
.pagehead .crumbs a{color:var(--accent-text);text-decoration:none}
.pagehead .crumbs a:hover{text-decoration:underline}
.pagehead .crumbs i{font-style:normal;margin:0 .35rem;opacity:.6}
.pagehead h1{font-size:clamp(1.55rem,3.4vw,2.35rem);line-height:1.18;margin:0;max-width:62rem}
.pagehead .sub{margin:.7rem 0 0;color:var(--muted);max-width:56rem}
.pg{padding:2rem 0 3rem}
.pagegrid{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:1040px){.pagegrid{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:2.6rem}}
.pageform{min-width:0}
.pagewide{max-width:46rem;margin:0 auto}
.prose{min-width:0;font-size:1.02rem;line-height:1.7;overflow-wrap:anywhere}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:1.45rem;line-height:1.25;margin:2.1rem 0 .7rem}
.prose h3{font-size:1.15rem;line-height:1.3;margin:1.6rem 0 .5rem}
.prose h4{font-size:1rem;margin:1.2rem 0 .4rem}
.prose p{margin:.85rem 0}
.prose ul,.prose ol{margin:.85rem 0;padding-left:1.35rem}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose li{margin:.3rem 0}
.prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}
.prose img{max-width:100%;height:auto;border-radius:var(--r);margin:1rem 0}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.1rem 0;font-size:.93rem}
.prose th,.prose td{padding:.5rem .65rem;border:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--surface);font-weight:800}
.prose th,.prose td{overflow-wrap:normal;word-break:normal}
.prose th{white-space:nowrap}
.prose td.pr,.prose td.num{white-space:nowrap;text-align:right}
.prose blockquote{margin:1.2rem 0;padding:.2rem 1rem;border-left:3px solid var(--accent)}
.prose .facts-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.7rem;margin:1.2rem 0}
.prose .facts-box div{padding:.8rem .9rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.prose .facts-box dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.prose .facts-box dd{margin:.2rem 0 0;font-weight:900;font-size:1.15rem}
.prose .cta{display:inline-block;margin:.6rem .5rem .2rem 0}
.prose .note{padding:.8rem 1rem;border-radius:var(--r);background:var(--note-bg);color:var(--note-fg);margin:1rem 0}
.prose .rel{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0;padding:0;list-style:none}
.prose .rel li{margin:0}
.prose .rel a{display:inline-block;padding:.4rem .8rem;border:1px solid var(--line2);border-radius:var(--r);text-decoration:none}
.pcalc{max-width:46rem;margin:0 auto;padding:1.4rem;border:1px solid var(--line2);border-radius:var(--rw);background:var(--surface)}
.pcalc h2{margin:0 0 .4rem;font-size:1.4rem}
.pcalc .row{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}
@media(min-width:640px){.pcalc .row{grid-template-columns:1fr 1fr}}
.pcalc label{display:block;font-weight:800;margin-bottom:.3rem}
.pcalc select{width:100%;padding:.7rem .8rem;border:1px solid var(--line2);border-radius:var(--r);background:var(--field);color:var(--fg)}
.pcalc .info{margin:1rem 0 .4rem;font-weight:800}
.pcalc .car{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--r);margin-top:.55rem}
.pcalc .car b{display:block}.pcalc .car small{color:var(--muted)}
.pcalc .car .pp{display:flex;align-items:center;gap:.8rem;font-weight:900;white-space:nowrap}

/* hub cards and route guides */
.prose .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:1.3rem 0}
.prose a.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--fg)}
.prose a.card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;margin:0;border-radius:0}
.prose a.card span{display:block;padding:.65rem .8rem;font-weight:600;line-height:1.3}
.prose a.card:hover span{color:var(--accent-text)}
.prose a.hc-img{display:block;margin:1.6rem 0 .3rem;text-decoration:none}
.prose a.hc-img img{width:100%;max-width:440px;aspect-ratio:3/2;object-fit:cover;margin:0}
.prose ul.guides{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .6rem;margin:.9rem 0}
.prose ul.guides li{margin:0}
.prose ul.guides a{display:inline-block;padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;font-size:.93rem}
.prose ul.guides a:hover{color:var(--accent-text)}
.prose .gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:1.2rem 0}.prose .gal img{width:100%;aspect-ratio:3/2;object-fit:cover;margin:0}
.in-book .mobbar .m-bk{display:none}

/* menu: dropdowns on desktop, groups in the drawer */
.menu{gap:.15rem 1rem}
.menu .dd{position:relative;display:flex;align-items:center}
.menu .dd-t{width:1.1rem;height:1.6rem;margin-left:.1rem;padding:0;border:0;background:transparent;color:#C9D4EA;cursor:pointer;position:relative}
.menu .dd-t::before{content:"";position:absolute;left:50%;top:50%;width:.42rem;height:.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-70%) rotate(45deg)}
.menu .sub{display:none;position:absolute;top:100%;left:-.8rem;min-width:260px;max-height:78vh;overflow:auto;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r);padding:.4rem;box-shadow:0 22px 50px -18px rgba(0,0,0,.65);z-index:60}
.menu .sub.cols{min-width:520px;columns:2;column-gap:.4rem}
.menu .sub.cols3{min-width:780px;columns:3;column-gap:.4rem}
.menu .sub a{display:block;padding:.5rem .7rem;border:0;border-radius:8px;font-weight:600;white-space:nowrap;break-inside:avoid}
.menu .sub a:hover{background:var(--surface);color:#fff}
.menu .dd:hover>.sub,.menu .dd:focus-within>.sub,.menu .dd.open>.sub{display:block}
.mnav .mg{display:grid;grid-template-columns:1fr 3rem;align-items:stretch;border-bottom:1px solid var(--line)}
.mnav .mg>a{border:0}
.mnav .mg-t{position:relative;border:0;border-left:1px solid var(--line);background:transparent;color:var(--accent);cursor:pointer}
.mnav .mg-t::before{content:"";position:absolute;left:50%;top:50%;width:.55rem;height:.55rem;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translate(-50%,-70%) rotate(45deg);transition:transform .15s}
.mnav .mg-t[aria-expanded=true]::before{transform:translate(-50%,-30%) rotate(-135deg)}
.mnav .mg-sub{display:none;grid-column:1/-1;padding:0 0 .5rem .8rem;border-left:2px solid var(--line2);margin-left:.2rem}
.mnav .mg.open .mg-sub{display:block}
.mnav .mg-sub a{font-weight:500;padding:.6rem 0;font-size:.95rem;color:var(--label)}
@media(min-width:1000px) and (max-width:1239px){.menu{display:none}.burger{display:inline-block}}
@media(min-width:1240px){.menu{font-size:.88rem}}

/* footer as on the live site */
@media(min-width:800px){.fgrid.fg3{grid-template-columns:1.5fr 1.1fr .8fr}.fgrid.fg4{grid-template-columns:1.3fr 1.1fr .9fr .9fr}}
footer p{margin:0 0 .7rem;line-height:1.55}
footer .fbadge{display:block;margin-top:.9rem;height:auto;max-width:230px}
footer .fpay img{display:block;max-width:100%;height:auto;background:#fff;border-radius:8px;padding:6px}
footer .fsoc{display:flex;gap:.6rem;margin-top:.8rem}footer .fsoc a{padding:0}footer .fsoc img{width:40px;height:40px;border-radius:8px;background:none;padding:0}
footer .copy a.pol{display:inline;padding:0;text-decoration:underline}

/* ---- PT inner pages: light, like the live site (header, menu and footer stay navy) ---- */
body.inner{background:#EEF2F7}
body.inner main{
--bg:#EEF2F7;--bg2:#fff;--surface:#fff;--line:#E1E7EF;--line2:#CBD5E1;--fg:#1B2433;--muted:#566275;--label:#2B3647;
--accent:#1F6FC4;--accent2:#2B7FD6;--accent-ink:#fff;--accent-text:#1759A8;--focus:#1F6FC4;--ring:rgba(31,111,196,.22);
--field:#fff;--wiz:#fff;--wiz-line:#CBD5E1;--wiz-shadow:0 22px 50px -30px rgba(15,30,60,.45);--box:#F2F7FD;--box-line:#CFE0F5;--sel:#E8F1FC;
--note-bg:#EAF3FD;--note-fg:#16406E;--danger:#C93A31;--danger-text:#B3261E;--danger-bg:#FDECEA;--dot:#D5DEEA;
--meter-bg:#0F2547;--meter-line:#0F2547;--meter-fg:#9CCBFA;--meter-muted:#B4C3DB;
--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23566275' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
color:var(--fg)}
body.inner main h1,body.inner main h2,body.inner main h3,body.inner main h4{color:#14203A}
body.inner .pagehead{background:#fff;text-align:center;padding:1.6rem 0 1.5rem;border-bottom:1px solid #E1E7EF}
body.inner .pagehead h1{margin-left:auto;margin-right:auto}
body.inner .pagehead .sub{margin-left:auto;margin-right:auto}
body.inner .pagehead .crumbs{text-align:left}
body.inner .pg .prose{background:#fff;border:1px solid #E1E7EF;border-radius:10px;padding:1.5rem 1.6rem;box-shadow:0 1px 2px rgba(15,30,60,.04)}
body.inner .pg .pagewide .prose{padding:1.5rem 1.6rem}
@media(max-width:640px){body.inner .pg .prose{padding:1.1rem 1rem;border-radius:8px}body.inner .pg>.wrap{padding-left:.6rem;padding-right:.6rem}}
body.inner .prose th{background:#F1F5FA}
body.inner .prose tr:nth-child(even) td{background:#FAFCFE}
body.inner .prose .facts-box div{background:#F6F9FD}
body.inner .prose .rel a{background:#fff;color:#1759A8}
body.inner .prose .rel a:hover{background:#E8F1FC}
body.inner .prose img{border:1px solid #E1E7EF}
body.inner .pcalc{background:#fff;border-color:#E1E7EF;box-shadow:0 1px 2px rgba(15,30,60,.04)}
body.inner .pcalc .car{background:#F6F9FD}
body.inner .wizard h2,body.inner .wizard h3,body.inner .wizard .text-white{color:#14203A}
body.inner .text-white{color:#14203A}
body.inner .meter .text-white,body.inner .meter b{color:#fff}

.mobbar{gap:.35rem;padding:.55rem .5rem}
.mobbar a{font-size:.78rem;padding:.7rem .15rem;letter-spacing:.02em}
.mobbar .m-bk{flex:1.3}
.mobbar .m-ml{background:#fff;color:#17264A;box-shadow:inset 0 0 0 2px #17264A}
.mobbar.off{display:none}
@media(min-width:900px){
.strip,.topline{position:sticky;top:0;z-index:51;height:36px;box-sizing:border-box}
.strip .wrap,.topline .wrap{height:100%;min-height:0;flex-wrap:nowrap}
.site-top{top:36px}
.wa-float{display:none!important}
}
.lang{display:flex;gap:.45rem;align-items:center;margin-left:.2rem;flex:none}
.lang a.fl{display:block;width:24px;height:17px;border-radius:2px;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.lang a.fl:hover{box-shadow:0 0 0 2px #FFD45A}
.fl-gb{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'><clipPath id='s'><path d='M0 0v30h60V0z'/></clipPath><clipPath id='t'><path d='M30 15h30v15zv15H0zH0V0zV0h30z'/></clipPath><g clip-path='url(%23s)'><path d='M0 0v30h60V0z' fill='%23012169'/><path d='M0 0l60 30M60 0L0 30' stroke='%23fff' stroke-width='6'/><path d='M0 0l60 30M60 0L0 30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/><path d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/><path d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/></g></svg>")}
.fl-cn{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'><rect width='30' height='20' fill='%23DE2910'/><polygon fill='%23FFDE00' points='5.00,2.00 5.67,4.07 7.85,4.07 6.09,5.35 6.76,7.43 5.00,6.15 3.24,7.43 3.91,5.35 2.15,4.07 4.33,4.07'/><polygon fill='%23FFDE00' points='10.86,1.49 10.38,2.03 10.75,2.66 10.09,2.37 9.61,2.92 9.67,2.20 9.00,1.91 9.71,1.75 9.78,1.03 10.15,1.65'/><polygon fill='%23FFDE00' points='12.99,3.86 12.34,4.18 12.44,4.90 11.93,4.38 11.28,4.70 11.62,4.05 11.12,3.53 11.83,3.66 12.17,3.01 12.27,3.73'/><polygon fill='%23FFDE00' points='12.96,7.27 12.24,7.30 12.04,8.00 11.79,7.32 11.06,7.34 11.63,6.90 11.38,6.21 11.99,6.62 12.56,6.17 12.36,6.87'/><polygon fill='%23FFDE00' points='10.78,9.62 10.10,9.37 9.65,9.94 9.68,9.21 9.00,8.95 9.70,8.76 9.74,8.04 10.13,8.64 10.84,8.45 10.38,9.02'/></svg>")}
.fl-th{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'><rect width='9' height='6' fill='%23A51931'/><rect y='1' width='9' height='4' fill='%23F4F5F8'/><rect y='2' width='9' height='2' fill='%232D2A4A'/></svg>")}
@media(max-width:480px){.strip .wrap,.topline .wrap{gap:.7rem}.strip a,.topline a{white-space:nowrap}.lang{gap:.35rem}.lang a.fl{width:20px;height:14px}}