:root{
  --ink:#101114; --ink2:#16171B; --ivory:#F4F2ED; --card:#FCFBF9;
  --line:#E3DFD6; --line-d:rgba(255,255,255,.12);
  --soft:#6C6A63; --soft-d:#A9ABB0;
  --gold:#E9B10A; --gold-ink:#8F6A00;
  --shell:min(1220px,91vw);
  --disp:'Archivo',system-ui,sans-serif; --body:'Manrope',system-ui,sans-serif;
  --e:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ivory);color:var(--ink);font-family:var(--body);
 font-size:clamp(15.5px,.3vw+14.8px,16.5px);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%} a{color:inherit}
::selection{background:var(--gold);color:#000}
.shell{width:var(--shell);margin-inline:auto}
section{padding-block:clamp(70px,8.5vw,124px);position:relative}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.026em;line-height:1.05}
h1{font-size:clamp(2.3rem,5vw,4rem);text-wrap:balance}
h2{font-size:clamp(1.7rem,3.2vw,2.6rem);text-wrap:balance}
h3{font-size:1.06rem;letter-spacing:-.012em}
.lab{font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-ink)}
.dark .lab{color:var(--gold)}
.sub{color:var(--soft);max-width:52ch;margin-top:14px}
.dark .sub{color:var(--soft-d)}
.dark{background:var(--ink);color:#F2F1ED}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;
 font-size:.92rem;font-weight:600;padding:14px 24px;cursor:pointer;font-family:var(--body);
 background:var(--ink);color:#fff;border:1px solid var(--ink);
 transition:background .35s var(--e),color .35s var(--e),border-color .35s var(--e),transform .3s var(--e)}
.btn:hover{transform:translateY(-1px)}
.btn.g{background:var(--gold);border-color:var(--gold);color:#141310}
.btn.g:hover{background:#F6C63B;border-color:#F6C63B}
.btn.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn.o:hover{border-color:var(--gold);color:var(--gold)}
.lnk{text-decoration:none;font-weight:600;font-size:.92rem;border-bottom:1px solid var(--gold);
 padding-bottom:2px;transition:color .3s}
.lnk:hover{color:var(--gold-ink)}

header{position:fixed;inset:0 0 auto;z-index:60;padding-block:16px;
 transition:padding .4s var(--e),background .4s var(--e),border-color .4s var(--e);
 border-bottom:1px solid transparent}
header.on{padding-block:10px;background:rgba(16,17,20,.9);backdrop-filter:blur(14px);border-bottom-color:var(--line-d)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand img{width:46px;height:46px;border-radius:50%;transition:width .4s var(--e),height .4s var(--e)}
header.on .brand img{width:38px;height:38px}
.brand b{font-family:var(--disp);font-weight:600;font-size:1rem;letter-spacing:-.015em;line-height:1.12;display:block}
.brand i{font-style:normal;display:block;font-size:9.5px;letter-spacing:.22em;color:var(--gold);font-weight:600}
nav{display:flex;align-items:center;gap:26px}
nav a.n{text-decoration:none;font-size:.92rem;color:#E7E6E2;position:relative;padding:3px 0}
nav a.n::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);
 transform:scaleX(0);transform-origin:right;transition:transform .4s var(--e)}
nav a.n:hover::after,nav a.n[aria-current]::after{transform:scaleX(1);transform-origin:left}
nav a.n[aria-current]{color:var(--gold)}
.tel-h{font-weight:700;font-size:.94rem;text-decoration:none;color:#fff}
.tel-h:hover{color:var(--gold)}
nav .btn{padding:11px 18px}
@media(max-width:980px){nav a.n{display:none}}
@media(max-width:560px){.tel-h{display:none}}

.hero{min-height:100svh;display:flex;align-items:center;padding-block:clamp(120px,15vh,168px) clamp(56px,7vw,90px);color:#fff}
.hero.short{min-height:78svh}
.hero-bg{position:absolute;inset:0;overflow:hidden;background:#0A0B0C}
.hero-bg img{width:100%;height:112%;object-fit:cover;object-position:center 64%;
 filter:brightness(.52) saturate(1.04);will-change:transform}
.hero-bg::after{content:"";position:absolute;inset:0;
 background:linear-gradient(100deg,rgba(10,11,12,.88) 0%,rgba(10,11,12,.56) 46%,rgba(10,11,12,.26) 100%),
 linear-gradient(0deg,rgba(10,11,12,.7),transparent 32%)}
.hero .shell{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;
 gap:clamp(34px,5vw,80px);align-items:center}
@media(max-width:920px){.hero .shell{grid-template-columns:1fr}.hero{min-height:0}}
.hero h1{margin-top:14px}
.hero .sub{color:#CDCEC9;max-width:42ch}
.hcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.rise{opacity:0;transform:translateY(22px);animation:rise .9s var(--e) forwards}
@keyframes rise{to{opacity:1;transform:none}}
.d1{animation-delay:.1s}.d2{animation-delay:.22s}.d3{animation-delay:.34s}.d4{animation-delay:.46s}

.qcard{background:var(--card);color:var(--ink);padding:30px 30px 26px;
 box-shadow:0 30px 70px -30px rgba(0,0,0,.55);border-top:3px solid var(--gold)}
.qcard h2{font-size:1.35rem}
.qcard .qs{font-size:.86rem;color:var(--soft);margin:6px 0 18px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:560px){.f2{grid-template-columns:1fr}}
.fld{margin-bottom:15px}
.fld label{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
 color:var(--soft);margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;font-family:var(--body);font-size:.96rem;color:var(--ink);
 background:#fff;border:1px solid var(--line);border-radius:0;padding:11px 12px;transition:border-color .3s var(--e)}
.fld textarea{resize:vertical;min-height:72px}
.fld select{appearance:none;cursor:pointer;
 background-image:linear-gradient(45deg,transparent 50%,#6C6A63 50%),linear-gradient(135deg,#6C6A63 50%,transparent 50%);
 background-position:calc(100% - 16px) 20px,calc(100% - 11px) 20px;background-size:5px 5px;background-repeat:no-repeat}
.fld :focus{outline:none;border-color:var(--gold)}
.hp{position:absolute;left:-9999px}
.msg{display:none;margin-top:12px;font-size:.86rem;color:#A8300C}
.qnote{font-size:.8rem;color:var(--soft);margin-top:12px}
.qnote a{color:var(--gold-ink);font-weight:600;text-decoration:none}
.qdone{display:none;padding:26px 4px 10px}
.qdone h3{font-size:1.3rem;margin-bottom:8px}
.qdone p{color:var(--soft);font-size:.95rem}

.mq{background:var(--ink2);border-block:1px solid var(--line-d);overflow:hidden;padding-block:14px}
.mq-in{display:flex;width:max-content;animation:mq 44s linear infinite}
.mq:hover .mq-in{animation-play-state:paused}
.mq span{font-family:var(--disp);font-weight:500;font-size:.84rem;letter-spacing:.15em;text-transform:uppercase;
 color:#AEB0AC;display:flex;align-items:center;gap:28px;padding-right:28px;white-space:nowrap}
.mq b{color:var(--gold);font-weight:400}
@keyframes mq{to{transform:translateX(-50%)}}

.hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,50px)}
.hrow h2{margin-top:10px}

.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.5vw,20px)}
.sh{position:relative;overflow:hidden;background:#0E0F11;display:block;border:0;padding:0;cursor:zoom-in;
 font:inherit;text-align:left;color:#fff}
.sh img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}
.sh:hover img{transform:scale(1.05)}
.sh .cap{position:absolute;left:0;right:0;bottom:0;padding:52px 18px 15px;color:#fff;
 font-size:.88rem;font-weight:600;background:linear-gradient(180deg,transparent,rgba(8,9,10,.85));pointer-events:none}
.sh i{font-style:normal;display:block;color:#BDBFBB;font-size:.78rem;font-weight:400;margin-top:1px}
.c12{grid-column:span 12}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}
.r169{aspect-ratio:16/9}.r43{aspect-ratio:4/3}.r34{aspect-ratio:3/4}.r54{aspect-ratio:5/4}
@media(max-width:820px){.gal>*{grid-column:span 6}.gal .r34,.gal .r54{aspect-ratio:4/3}}
@media(max-width:560px){.gal>*{grid-column:span 12}}
.lb{position:fixed;inset:0;z-index:90;background:rgba(10,11,12,.94);display:none;align-items:center;justify-content:center;
 padding:4vh 4vw;cursor:zoom-out;opacity:0;transition:opacity .35s var(--e)}
.lb.open{display:flex}
.lb.show{opacity:1}
.lb img{max-width:100%;max-height:80vh;object-fit:contain;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.lb .lbc{position:absolute;left:0;right:0;bottom:3vh;text-align:center;color:#E7E6E2;font-size:.92rem;font-weight:600}
.lb .lbc i{font-style:normal;color:#A9ABB0;font-weight:400;display:block;font-size:.8rem}
.lb .x{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.4);
 background:transparent;color:#fff;font-size:1.05rem;cursor:pointer;transition:all .3s var(--e)}
.lb .x:hover{background:var(--gold);border-color:var(--gold);color:#141310}

.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}
@media(max-width:760px){.duo{grid-template-columns:1fr}}
.dcard{text-decoration:none;display:block;position:relative;overflow:hidden;background:#0E0F11;color:#fff;aspect-ratio:16/11}
.dcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e),filter .8s var(--e);filter:brightness(.82)}
.dcard:hover img{transform:scale(1.05);filter:brightness(.62)}
.dcard .tx{position:absolute;inset:auto 0 0;padding:70px 26px 24px;
 background:linear-gradient(180deg,transparent,rgba(8,9,10,.88));display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.dcard h3{font-size:1.35rem}
.dcard p{color:#C9CAC6;font-size:.9rem;margin-top:5px;max-width:38ch}
.dcard .ar{width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;flex:none;
 display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:all .4s var(--e)}
.dcard:hover .ar{background:var(--gold);border-color:var(--gold);color:#141310;transform:translateX(4px)}

.slist{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:0 clamp(26px,4vw,60px);border-top:1px solid var(--line)}
.slist div{border-bottom:1px solid var(--line);padding:16px 2px;display:flex;align-items:baseline;gap:12px}
.slist div::before{content:"";width:4px;height:4px;background:var(--gold);flex:none;transform:translateY(-3px)}
.slist b{font-weight:600;font-size:.97rem}
.slist em{font-style:normal;color:var(--soft);font-size:.87rem;margin-left:auto;text-align:right}

.car-wrap{position:relative}
.car{display:flex;gap:clamp(14px,2vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;
 padding-bottom:10px;scrollbar-width:none;-ms-overflow-style:none}
.car::-webkit-scrollbar{display:none}
.rev{background:var(--card);border:1px solid var(--line);padding:30px 28px 26px;position:relative;
 flex:0 0 min(400px,84vw);scroll-snap-align:start}
.rev::before{content:"\201C";position:absolute;top:12px;right:22px;font-family:Georgia,serif;font-size:3.2rem;
 line-height:1;color:var(--gold);opacity:.45}
.stars{color:var(--gold);letter-spacing:2.5px;font-size:.92rem}
.rev b{font-family:var(--disp);font-weight:600;font-size:1.02rem;letter-spacing:-.012em;display:block;margin-top:14px}
.rev p{margin-top:8px;font-size:.95rem;color:#3C3B36}
.car-nav{display:flex;gap:10px}
.car-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--ink);background:transparent;
 color:var(--ink);font-size:1rem;cursor:pointer;transition:all .3s var(--e)}
.car-nav button:hover{background:var(--ink);color:#fff}
.car-nav button:disabled{opacity:.25;cursor:default;background:transparent;color:var(--ink)}

.mapwrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4vw,60px);align-items:center}
@media(max-width:860px){.mapwrap{grid-template-columns:1fr}}
.mapframe{border:1px solid var(--line);overflow:hidden;aspect-ratio:4/3;background:#ECEAE3}
.mapframe iframe{width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.02)}
.towns{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.towns span{border:1px solid var(--line);padding:6px 14px;font-size:.85rem;background:var(--card);
 transition:border-color .3s var(--e)}
.towns span:hover{border-color:var(--gold)}

.band{background:var(--ink);color:#fff;padding-block:clamp(50px,6vw,80px)}
.band .shell{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.band .tel{font-family:var(--disp);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.7rem);color:var(--gold);
 text-decoration:none;letter-spacing:-.02em;display:block;transition:text-shadow .4s}
.band .tel:hover{text-shadow:0 0 30px rgba(233,177,10,.45)}
.band p{color:#A9ABB0;margin-top:8px}

footer{background:#0C0D0F;color:#8E9095;padding:clamp(50px,6vw,76px) 0 30px;font-size:.87rem}
.ftop{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:30px}
@media(max-width:1000px){.ftop{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.ftop{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.ftop{grid-template-columns:1fr}}
.fbrand img{width:62px;height:62px;border-radius:50%}
.fbrand p{margin-top:14px;max-width:30ch}
.fcol b{color:#fff;font-weight:600;display:block;margin-bottom:12px;font-size:.86rem}
.fcol a,.fcol span{display:block;text-decoration:none;padding:3px 0;color:#B4B6BA}
.fcol a:hover{color:var(--gold)}
.fbot{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);
 display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.8rem}

.rv{opacity:0;transform:translateY(24px);transition:opacity .85s var(--e),transform .85s var(--e)}
.rv.in{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 html{scroll-behavior:auto}.rv,.rise{opacity:1;transform:none}.mq-in{animation:none}
 .hero-bg img{transform:none!important}
}

/* centred hero (home) */
.hero.centered{padding-top:clamp(120px,14vh,160px)}
.hero.centered .shell{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:920px}
.hero.centered h1{max-width:none}
.hero.centered .sub{margin-inline:auto}
.hero.centered .pts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:22px}
.pts span{color:#D7D9DC;font-weight:500;font-size:.93rem;display:flex;align-items:center;gap:8px}
.pts span::before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%;flex:none}
.hero.centered .qcard{width:min(620px,100%);margin-top:32px;text-align:left}

/* chooser hero */
.choose{min-height:100svh;display:flex;flex-direction:column;background:#0A0B0C;color:#fff;
 padding-top:clamp(96px,12vh,140px)}
.choose .top{text-align:center;padding-inline:5vw}
.choose .top img.lg{width:min(112px,26vw);height:auto;border-radius:50%;margin:0 auto 18px;
 box-shadow:0 20px 50px -18px rgba(0,0,0,.6)}
.q{font-family:var(--disp);font-weight:600;letter-spacing:-.026em;line-height:1.06;
 font-size:clamp(1.9rem,4vw,3.2rem);text-wrap:balance}
.choose .qs2{color:#B9BBB7;font-size:.95rem;margin-top:12px}
.choose .qs2 a{color:var(--gold);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold)}
.choose .pts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:16px}
.panes{flex:1;display:flex;margin-top:clamp(26px,4vh,44px);min-height:50svh}
.pane{position:relative;flex:1;overflow:hidden;text-decoration:none;color:#fff;display:block;
 transition:flex .65s var(--e)}
.pane+.pane{border-left:1px solid rgba(255,255,255,.18)}
.pane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 filter:brightness(.5);transition:filter .6s var(--e),transform 1.2s var(--e)}
.pane:hover img,.pane:focus-visible img{filter:brightness(.72);transform:scale(1.04)}
.pane .pt{position:absolute;inset:auto 0 0;padding:90px 30px 36px;
 background:linear-gradient(180deg,transparent,rgba(8,9,10,.85));
 display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.pane h2{font-size:clamp(1.4rem,2.4vw,2rem)}
.pane p{color:#C9CAC6;font-size:.92rem;margin-top:5px}
.pane .ar{width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;flex:none;
 display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:all .4s var(--e)}
.pane:hover .ar,.pane:focus-visible .ar{background:var(--gold);border-color:var(--gold);color:#141310;transform:translateX(4px)}
@media(max-width:760px){.panes{flex-direction:column}.pane{min-height:32svh}
 .pane+.pane{border-left:0;border-top:1px solid rgba(255,255,255,.18)}
 .pane:hover{flex:1}}
@media(min-width:761px){.pane:hover{flex:1.32}}

/* finance */
.fin{background:linear-gradient(180deg,#101114,#17181C);color:#F2F1ED;overflow:hidden}
.fin .orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none;
 background:radial-gradient(circle,#E9B10A,transparent 65%)}
.fin-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(233,177,10,.5);color:var(--gold);
 padding:8px 16px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;
 background:rgba(233,177,10,.08);animation:glowp 3.2s ease-in-out infinite}
@keyframes glowp{0%,100%{box-shadow:0 0 0 0 rgba(233,177,10,.25)}50%{box-shadow:0 0 24px 2px rgba(233,177,10,.28)}}
.fin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);margin-top:clamp(28px,4vw,44px)}
@media(max-width:860px){.fin-grid{grid-template-columns:1fr}}
.fcard{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);
 padding:28px 26px;transition:transform .5s var(--e),border-color .5s var(--e)}
.fcard:hover{transform:translateY(-4px);border-color:rgba(233,177,10,.55)}
.fcard h3{font-size:1.12rem}
.fcard .mo{font-family:var(--disp);font-weight:600;font-size:1.5rem;color:var(--gold);margin-top:14px;letter-spacing:-.02em}
.fcard .mo small{font-size:.78rem;color:#A9ABB0;font-family:var(--body);font-weight:500;letter-spacing:0;display:block;margin-top:4px}
.fcard p{color:#B9BBB7;font-size:.9rem;margin-top:10px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);margin-top:clamp(28px,4vw,44px);counter-reset:st}
.steps.light{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.steps.light{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps.light{grid-template-columns:1fr}}

@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;counter-increment:st;position:relative}
.step::before{content:"0" counter(st);font-family:var(--disp);font-weight:600;color:var(--gold);font-size:.95rem;letter-spacing:.08em}
.step h3{margin-top:8px;font-size:1.05rem}
.step p{color:#B9BBB7;font-size:.9rem;margin-top:6px}
.calc{margin-top:clamp(30px,4vw,48px);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);
 backdrop-filter:blur(10px);padding:30px 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
@media(max-width:760px){.calc{grid-template-columns:1fr}}
.calc input[type=range]{width:100%;accent-color:var(--gold);margin-top:16px}
.calc .cv{font-family:var(--disp);font-weight:600;font-size:1.6rem;letter-spacing:-.02em}
.calc .out{text-align:center;border-left:1px solid rgba(255,255,255,.14);padding-left:30px}
@media(max-width:760px){.calc .out{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}}
.calc .out .mo{font-family:var(--disp);font-weight:600;font-size:2.2rem;color:var(--gold)}
.calc .out small{display:block;color:#A9ABB0;font-size:.8rem;margin-top:8px;max-width:26ch;margin-inline:auto}
.trustrow{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:clamp(26px,3vw,38px)}
.trustrow span{font-size:.88rem;color:#C9CAC6;display:flex;align-items:center;gap:8px}
.trustrow span::before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%;flex:none}
.faq{margin-top:clamp(30px,4vw,48px);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 2px;font-weight:600;font-size:1rem;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--disp);color:var(--gold-ink);font-size:1.3rem;transition:transform .35s var(--e);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .fa{padding:0 2px 18px;color:var(--soft);font-size:.93rem;max-width:64ch}
.dark .faq,.fin .faq{border-top-color:rgba(255,255,255,.14)}
.dark .faq details,.fin .faq details{border-bottom-color:rgba(255,255,255,.14)}
.dark .faq summary,.fin .faq summary{color:#F2F1ED}
.dark .faq summary::after,.fin .faq summary::after{color:var(--gold)}
.dark .faq .fa,.fin .faq .fa{color:#B9BBB7}
.finmini{border:1px solid var(--line);background:var(--snow);padding:20px 24px;display:flex;justify-content:space-between;
 align-items:center;gap:18px;flex-wrap:wrap;margin-top:clamp(26px,3vw,38px)}
.finmini b{font-family:var(--disp);font-weight:600;font-size:1.05rem}
.finmini p{color:var(--soft);font-size:.88rem;margin-top:3px}

/* badges */
.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,34px)}
.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--snow);
 padding:11px 18px;font-size:.9rem;font-weight:600;animation:bfloat 5s ease-in-out infinite}
.badge:nth-child(2){animation-delay:.8s}.badge:nth-child(3){animation-delay:1.6s}.badge:nth-child(4){animation-delay:2.4s}
@keyframes bfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.badge .st{color:var(--gold);letter-spacing:1px}
.badge small{display:block;font-weight:500;color:var(--soft);font-size:.75rem}

/* pin map */
.pinmap{background:#101114;border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;aspect-ratio:5/4;
 background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:26px 26px}
.pin{position:absolute;transform:translate(-50%,-50%)}
.pin .dot{display:block;width:11px;height:11px;background:var(--gold);border-radius:50%;position:relative;margin-inline:auto;
 box-shadow:0 0 0 3px rgba(233,177,10,.22)}
.pin .dot::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(233,177,10,.55);border-radius:50%;
 animation:ping 2.6s ease-out infinite}
.pin:nth-child(2) .dot::after{animation-delay:.4s}.pin:nth-child(3) .dot::after{animation-delay:.8s}
.pin:nth-child(4) .dot::after{animation-delay:1.2s}.pin:nth-child(5) .dot::after{animation-delay:1.6s}
.pin:nth-child(6) .dot::after{animation-delay:2s}
@keyframes ping{0%{transform:scale(.6);opacity:1}80%,100%{transform:scale(2.4);opacity:0}}
.pin b{display:block;color:#E7E6E2;font-size:.82rem;font-weight:600;margin-top:9px;text-align:center;white-space:nowrap}
.pin.hq .dot{width:15px;height:15px;box-shadow:0 0 0 4px rgba(233,177,10,.3),0 0 26px rgba(233,177,10,.5)}
.pin.hq b span{display:block;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

/* businesscare */
.bc-hero{min-height:92svh;display:flex;align-items:center;background:
 radial-gradient(900px 500px at 80% -10%,rgba(233,177,10,.14),transparent 60%),
 linear-gradient(180deg,#0B0C0E,#141517);color:#fff;padding-top:clamp(120px,16vh,170px)}
.bc-hero .shell{max-width:860px;text-align:center;display:flex;flex-direction:column;align-items:center}
.bc-tm{font-size:.72em;vertical-align:super}
.bc-price{margin-top:26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);
 padding:24px 34px;display:inline-block}
.bc-price .n{font-family:var(--disp);font-weight:600;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.02em}
.bc-price .n small{font-size:.45em;color:#A9ABB0;font-weight:500}
.bc-found{margin-top:10px;color:var(--gold);font-size:.9rem;font-weight:600;
 border:1px solid rgba(233,177,10,.45);border-radius:999px;padding:7px 16px;display:inline-block;
 background:rgba(233,177,10,.08);animation:glowp 3.2s ease-in-out infinite}
.bc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(28px,4vw,44px)}
.bcard{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);
 padding:24px 22px;transition:transform .5s var(--e),border-color .5s var(--e)}
.bcard:hover{transform:translateY(-4px);border-color:rgba(233,177,10,.5)}
.bcard .ic{width:38px;height:38px;border:1px solid rgba(233,177,10,.55);border-radius:50%;display:flex;
 align-items:center;justify-content:center;color:var(--gold);font-size:1rem;margin-bottom:14px}
.bcard h3{font-size:1rem}
.bcard p{color:#B0B2B0;font-size:.87rem;margin-top:6px}
.bc-ticks{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(24px,3vw,36px)}
.bc-ticks span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);padding:10px 18px;
 font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:9px}
.bc-ticks span::before{content:"\2713";color:var(--gold);font-weight:700}
.bc-plain{margin-top:22px}
.bc-plain span{display:flex;gap:11px;padding:9px 0;font-size:.98rem;align-items:baseline}
.bc-plain span::before{content:"\2713";color:var(--gold);font-weight:700}
@media(max-width:820px){.bc-hero .shell{max-width:none}section .shell[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}
.bc-note{margin-top:clamp(22px,3vw,32px);color:#A9ABB0;font-size:.88rem;max-width:62ch;border-left:2px solid var(--gold);padding-left:16px}

/* conversion layer */
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:#141310;padding:10px 16px;font-weight:700;z-index:99}
.skip:focus{left:12px;top:12px}
.em-bar{display:none;position:fixed;top:0;left:0;right:0;z-index:70;background:var(--gold);color:#141310;
 text-align:center;font-weight:700;font-size:.88rem;padding:9px 14px}
.em-bar a{color:#141310;text-decoration:underline;text-underline-offset:3px}
body.after-hours .em-bar{display:block}
body.after-hours header{top:38px}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:65;width:56px;height:56px;border-radius:50%;
 background:#25D366;display:flex;align-items:center;justify-content:center;text-decoration:none;
 box-shadow:0 14px 32px -10px rgba(0,0,0,.45);transition:transform .3s var(--e)}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float.pulse{animation:wapulse 1.1s ease-out 2}
@keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 0 0 22px rgba(37,211,102,0)}}
.mob-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:66;
 background:rgba(16,17,20,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.14);
 padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px}
.mob-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;
 font-weight:700;font-size:.95rem;padding:13px 10px;color:#141310}
.mob-cta .c1{background:var(--gold)}
.mob-cta .c2{background:#25D366;color:#fff}
@media(max-width:860px){.mob-cta{display:flex}body{padding-bottom:74px}.wa-float{display:none}}
.trust-strip{background:var(--snow);border-block:1px solid var(--line);padding-block:16px}
.trust-strip .shell{display:flex;flex-wrap:wrap;gap:8px 30px;justify-content:center;align-items:center}
.trust-strip span{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px}
.trust-strip .st{color:var(--gold);letter-spacing:1.5px}
.trust-strip i{font-style:normal;color:var(--soft);font-weight:500}
.resp{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#1E7A34;
 background:#E7F4EA;border:1px solid #CBE6D2;border-radius:999px;padding:5px 13px}
.resp::before{content:"";width:7px;height:7px;border-radius:50%;background:#2BA84A;animation:glowp 2.4s infinite}
.steps.light .step{border-top-color:var(--line)}
.steps.light .step p{color:var(--soft)}
.steps.light{counter-reset:st}
.ctatrio{display:flex;gap:10px;flex-wrap:wrap}
.ctatrio .btn{padding:12px 18px}
.btn.wa{background:#25D366;border-color:#25D366;color:#fff}
.btn.wa:hover{background:#1FB458;border-color:#1FB458}
@media(max-width:860px){.bchomegrid{grid-template-columns:1fr!important}}
.tq{border-left:2px solid var(--gold);padding:6px 0 6px 20px;max-width:60ch;margin-top:clamp(26px,3vw,40px)}
.tq p{font-size:1.02rem}
.tq b{display:block;margin-top:10px;font-size:.85rem;color:var(--soft)}
.dark .tq b{color:#A9ABB0}
.exit{position:fixed;inset:0;z-index:95;background:rgba(10,11,12,.7);display:none;align-items:center;justify-content:center;padding:5vw}
.exit.open{display:flex}
.exit .box{background:var(--snow);color:var(--ink);max-width:440px;width:100%;padding:36px 32px;text-align:center;
 border-top:3px solid var(--gold);box-shadow:0 40px 90px -30px rgba(0,0,0,.6);position:relative;
 animation:rise .5s var(--e)}
.exit h3{font-size:1.5rem}
.exit p{color:var(--soft);margin-top:8px}
.exit .ctatrio{justify-content:center;margin-top:22px}
.exit .x2{position:absolute;top:10px;right:14px;background:none;border:0;font-size:1.3rem;cursor:pointer;color:var(--soft)}

/* service chips */
.svc{display:flex;flex-wrap:wrap;gap:10px;max-width:900px}
.svc span{border:1px solid var(--line);padding:10px 18px;font-size:.94rem;font-weight:500;background:var(--snow);
 transition:border-color .3s var(--e),transform .3s var(--e)}
.svc span:hover{border-color:var(--gold);transform:translateY(-1px)}

/* quote section */
.qsec{display:flex;justify-content:center}
.qsec .qcard{width:min(640px,100%)}

/* safety */
.safe{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:860px){.safe{grid-template-columns:1fr}}
.safe .im{border:1px solid var(--line);overflow:hidden;background:#0E0F11}
.safe .im img{width:100%;height:100%;object-fit:cover;aspect-ratio:5/4}
.safe .im figcaption{padding:12px 16px;font-size:.82rem;color:var(--soft);background:var(--card);border-top:1px solid var(--line)}
.safe ul{list-style:none;margin-top:20px}
.safe li{padding:11px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:baseline;font-size:.96rem}
.safe li::before{content:"";width:4px;height:4px;background:var(--gold);flex:none;transform:translateY(-3px)}
/* ---------- multi-page additions ---------- */
picture{display:block}
.crumbs{background:var(--snow);border-bottom:1px solid var(--line);font-size:.83rem;padding:10px 0}
.crumbs .shell{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--soft)}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:var(--gold-ink)}
.crumbs i{font-style:normal;opacity:.45}
.crumbs span[aria-current]{color:var(--ink);font-weight:600}
.phero{background:var(--ink);color:#fff;padding-block:clamp(120px,15vh,160px) clamp(44px,6vw,72px);position:relative;overflow:hidden}
.phero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.14;
 background:radial-gradient(circle,#E9B10A,transparent 65%);top:-200px;right:-140px;pointer-events:none}
.phero .shell{position:relative;z-index:2;max-width:820px}
.phero h1{font-size:clamp(2rem,4.2vw,3.2rem);margin-top:14px}
.phero .sub{color:#CDCEC9;max-width:52ch}
.phero .hcta{margin-top:26px}
.prose{max-width:820px}
.prose h2{margin-top:clamp(34px,4.5vw,50px);font-size:clamp(1.4rem,2.6vw,1.9rem)}
.prose h2:first-child{margin-top:0}
.prose p{margin-top:14px;max-width:68ch;color:inherit}
.dark .prose p{color:#C4C6C2}
.prose ul{display:none}
.factlist{margin-top:18px;border-top:1px solid var(--line)}
.factlist>div{padding:14px 2px;border-bottom:1px solid var(--line);display:flex;gap:16px;
 align-items:baseline;flex-wrap:wrap}
.factlist>div::before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%;flex:none;
 align-self:center;margin-top:1px}
.factlist b{font-family:var(--disp);font-weight:600;font-size:.98rem;flex:0 0 auto;min-width:180px}
.factlist span{color:var(--soft);font-size:.92rem;flex:1 1 260px}
.dark .factlist{border-top-color:rgba(255,255,255,.14)}
.dark .factlist>div{border-bottom-color:rgba(255,255,255,.14)}
.dark .factlist b{color:#fff}
.dark .factlist span{color:#B9BBB7}
@media(max-width:600px){.factlist b{min-width:0;flex-basis:100%}}
/* first paragraph in any prose block reads as a lede, not body copy */
.prose p:first-of-type{font-size:1.06rem;color:var(--ink)}
.dark .prose p:first-of-type{color:#EDEEEA}
.related-row{margin-top:clamp(30px,4vw,44px);padding-top:clamp(26px,3vw,36px);border-top:1px solid var(--line)}
.dark .related-row{border-top-color:rgba(255,255,255,.14)}
.related-row .lab{display:block;margin-bottom:14px}
.related-row .svc{margin-top:0}
.dark .svc span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#F2F1ED}
.dark .svc span:hover{border-color:var(--gold)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:var(--line);
 border:1px solid var(--line);margin-top:clamp(26px,3vw,40px)}
.cards a{background:var(--snow);padding:26px 24px 28px;text-decoration:none;display:block;transition:background .35s var(--e)}
.cards a:hover{background:#fff}
.cards h3{font-size:1.06rem}
.cards p{color:var(--soft);font-size:.9rem;margin-top:7px}
.cards .go{color:var(--gold-ink);font-weight:600;font-size:.88rem;margin-top:12px;display:block}
.nearby{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.nearby a{border:1px solid var(--line);background:var(--snow);padding:8px 15px;font-size:.88rem;
 text-decoration:none;font-weight:500;transition:border-color .3s var(--e)}
.nearby a:hover{border-color:var(--gold)}
.keyfacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}
.keyfacts div{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);padding:11px 18px;
 display:flex;align-items:baseline;gap:8px}
.keyfacts b{font-family:var(--disp);font-weight:600;font-size:.92rem;color:#fff}
.keyfacts span{color:#C4C6C2;font-size:.8rem}

/* ---------- lead-focused page styling ---------- */
.phero{background:#0A0B0C}
.phero .bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.phero .bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(1.02)}
.phero .bg::after{content:"";position:absolute;inset:0;
 background:linear-gradient(100deg,rgba(10,11,12,.9) 0%,rgba(10,11,12,.6) 50%,rgba(10,11,12,.3) 100%),
 linear-gradient(0deg,rgba(10,11,12,.75),transparent 40%)}
.phero.withbg::after{display:none}
.phero .shell{max-width:var(--shell)}
.phero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,64px);align-items:center}
@media(max-width:900px){.phero-in{grid-template-columns:1fr}}
.phero-in .qcard{margin-top:0}
.qcard.compact{padding:26px 26px 22px}
.qcard.compact h2{font-size:1.2rem}
.qcard.compact .fld{margin-bottom:12px}
.qcard.compact textarea{min-height:60px}
.lead-strip{background:var(--ink2);color:#fff;padding-block:22px}
.lead-strip .shell{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.lead-strip b{font-family:var(--disp);font-weight:600;font-size:1.1rem}
.lead-strip p{color:#A9ABB0;font-size:.88rem;margin-top:3px}
.prose{font-size:1rem}
.prose h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}
.prose p{max-width:70ch;color:#3B3A35}
.prose ul li{font-size:.97rem}
.prose li a{font-weight:600;color:var(--gold-ink);text-decoration:none;border-bottom:1px solid rgba(233,177,10,.5)}
.prose p a{font-weight:600;color:var(--gold-ink);text-decoration:none;border-bottom:1px solid rgba(233,177,10,.5)}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(26px,3vw,38px)}
.jump a{border:1px solid var(--line);background:var(--snow);padding:8px 15px;font-size:.87rem;font-weight:500;
 text-decoration:none;transition:border-color .3s var(--e)}
.jump a:hover{border-color:var(--gold)}
.midcta{max-width:var(--shell);margin-inline:auto;background:var(--snow);border:1px solid var(--line);
 border-left:3px solid var(--gold);padding:26px 28px;display:flex;justify-content:space-between;
 align-items:center;gap:20px;flex-wrap:wrap}
.midcta b{font-family:var(--disp);font-weight:600;font-size:1.08rem;display:block}
.midcta p{color:var(--soft);font-size:.88rem;margin-top:3px}
.midcta-wrap{padding-block:clamp(40px,5vw,56px)}

/* ---------- final build: header, van, villages, contact ---------- */
header .btn.wa.hwa{padding:11px 16px}
@media(max-width:1280px){nav a.n2{display:none}}
@media(max-width:1120px){header .hwa{display:none}}
.vanstrip{padding-block:clamp(56px,7vw,96px);overflow:hidden}
.vs-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,64px);align-items:center}
@media(max-width:900px){.vs-in{grid-template-columns:1fr}}
.vs-img{border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0E0F11}
.vs-img img{width:100%;height:auto;display:block}
.vs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);
 border:1px solid rgba(255,255,255,.12);margin-top:24px}
@media(max-width:560px){.vs-stats{grid-template-columns:1fr 1fr}}
.vs-stats div{background:#141517;padding:16px 14px}
.vs-stats b{display:block;font-family:var(--disp);font-weight:600;font-size:1.2rem;color:var(--gold)}
.vs-stats span{display:block;color:#A9ABB0;font-size:.78rem;margin-top:2px}
.hero-calls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.hero-calls .btn{padding:15px 26px;font-size:.98rem}
.villages{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.villages span{font-size:.85rem;padding:6px 12px;border:1px solid var(--line);background:var(--snow);color:var(--ink)}
.dark .villages span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:#E5E6E2}
.cbig{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,18px);margin-top:clamp(26px,3vw,38px)}
@media(max-width:760px){.cbig{grid-template-columns:1fr}}
.cbig a{display:block;text-decoration:none;padding:28px 24px;border:1px solid var(--line);background:var(--snow);
 transition:transform .4s var(--e),border-color .4s var(--e)}
.cbig a:hover{transform:translateY(-3px);border-color:var(--gold)}
.cbig .ic{font-size:1.6rem}
.cbig b{display:block;font-family:var(--disp);font-weight:600;font-size:1.25rem;margin-top:10px}
.cbig span{display:block;color:var(--soft);font-size:.9rem;margin-top:4px}
.cbig a.wa{background:#25D366;border-color:#25D366;color:#fff}
.cbig a.wa span{color:#E9FBEF}
.cbig a.call{background:var(--gold);border-color:var(--gold);color:#141310}
.cbig a.call span{color:#3A3022}

/* ---------- fixes: header fit + breadcrumbs under fixed header ---------- */
nav{gap:20px}
nav a,.tel-h,header .btn{white-space:nowrap}
@media(max-width:1480px){nav a.n2{display:none}}
@media(max-width:1240px){header .hwa{display:none}}
@media(max-width:1100px){nav a.n[href="landlords-letting-agents.html"]{display:none}}
.crumbs{background:#0A0B0C;border-bottom:0;padding:clamp(88px,11vh,104px) 0 0;position:relative;z-index:2}
.crumbs .shell{color:#8E9095}
.crumbs a{color:#B4B6BA}
.crumbs a:hover{color:var(--gold)}
.crumbs span[aria-current]{color:#fff}
.crumbs + .phero,.crumbs + .bc-hero{padding-top:clamp(28px,4vw,48px)}

/* ---------- landmark photos visible ---------- */
.phero .bg img{filter:brightness(.6) saturate(1.05)}
.phero .bg::after{background:linear-gradient(100deg,rgba(10,11,12,.88) 0%,rgba(10,11,12,.55) 45%,rgba(10,11,12,.15) 100%),
 linear-gradient(0deg,rgba(10,11,12,.6),transparent 35%)}
.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
@media(max-width:860px){.intro-split{grid-template-columns:1fr}}
.intro-split figure{margin:0;border:1px solid var(--line);overflow:hidden;background:#0E0F11}
.intro-split figure img{width:100%;height:auto;max-height:560px;object-fit:cover;display:block}
.intro-split figcaption{padding:11px 15px;font-size:.84rem;color:var(--soft);background:var(--snow);border-top:1px solid var(--line)}
.intro-split .prose p:first-of-type{font-size:1.12rem;line-height:1.65}