/* LeaseVault.co.uk — Main Stylesheet */
:root{--navy:#0B1E3D;--navy2:#132847;--navy3:#1E3A5F;--gold:#C9A84C;--gold2:#E2C06A;--cream:#F8F4EE;--cream2:#F0EAE0;--white:#fff;--text:#1A1A2E;--muted:#64748B;--border:#E2DDD5;--green:#16A34A;--red:#DC2626;--amber:#D97706;--r:12px;--r2:20px;--sh:0 2px 16px rgba(11,30,61,.08);--sh2:0 8px 40px rgba(11,30,61,.14)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--text);line-height:1.6;font-size:16px}
h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.25;color:var(--navy)}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
button{font-family:'Inter',sans-serif;cursor:pointer}img{max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
/* NAV */
#topnav{background:var(--navy);position:sticky;top:0;z-index:200;border-bottom:2px solid rgba(201,168,76,.3)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo-a{font-family:'Playfair Display',serif;font-size:20px;color:var(--gold);font-weight:700;display:flex;align-items:center;gap:8px;text-decoration:none}
.logo-a span{color:#fff;font-weight:400}
.navlinks{display:flex;align-items:center;gap:4px}
.navlinks a{color:rgba(255,255,255,.8);font-size:14px;padding:8px 14px;border-radius:8px;text-decoration:none;transition:.2s}
.navlinks a:hover{background:rgba(255,255,255,.1);color:#fff}
.nav-cta{background:var(--gold)!important;color:var(--navy)!important;font-weight:600!important;border-radius:8px}
.nav-cta:hover{background:var(--gold2)!important}
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px}
.ham span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.mobmenu{display:none;background:var(--navy2);padding:12px 24px 20px;border-top:1px solid rgba(255,255,255,.1)}
.mobmenu.open{display:flex;flex-direction:column;gap:4px}
.mobmenu a{color:rgba(255,255,255,.85);font-size:15px;padding:10px 12px;border-radius:8px;text-decoration:none}
.mobmenu a:hover{background:rgba(255,255,255,.1)}
/* ALERT */
.alertbar{background:linear-gradient(90deg,#FEF3C7,#FDE68A);border-bottom:1px solid #F59E0B;padding:10px 0}
.alertbar-in{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#92400E;font-weight:500;flex-wrap:wrap}
.alertbar-btn{background:var(--navy);color:#fff;border:none;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}
.alert-close{background:none;border:none;color:#92400E;font-size:18px;padding:0 4px;line-height:1}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-weight:600;font-size:15px;border:none;transition:all .2s;cursor:pointer;text-decoration:none}
.btn:hover{text-decoration:none}
.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,168,76,.35);color:var(--navy)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2);color:#fff}
.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.btn-ghost{background:var(--cream);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--cream2);color:var(--text)}
.btn-sm{padding:10px 20px;font-size:14px}.btn-full{width:100%;justify-content:center}
/* PAGE HERO */
.ph{background:linear-gradient(135deg,var(--navy),var(--navy3));padding:64px 0;color:#fff}
.ph h1{font-size:clamp(32px,4vw,48px);margin-bottom:12px;color:#fff}
.ph p{color:rgba(255,255,255,.7);font-size:17px}
.pb{padding:60px 0 80px}
/* BREADCRUMB */
.bc{font-size:13px;color:rgba(255,255,255,.55);margin-bottom:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bc a{color:rgba(255,255,255,.55);text-decoration:none}.bc a:hover{color:var(--gold)}
.bc span{color:rgba(255,255,255,.35)}
/* SECTIONS */
.sec{padding:80px 0}.sec-w{background:var(--white);padding:80px 0}
.sec-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.sec-title{font-size:clamp(28px,4vw,42px);margin-bottom:16px}
.sec-sub{font-size:17px;color:var(--muted);line-height:1.7;max-width:560px}
.sec-hdr{margin-bottom:52px}.sec-hdr.ctr{text-align:center}.sec-hdr.ctr .sec-sub{margin:0 auto}
/* GRIDS */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
/* FEATURES */
.feat{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:28px;transition:.2s}
.feat:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.feat-ico{width:48px;height:48px;border-radius:var(--r);background:linear-gradient(135deg,var(--navy),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.feat h3{font-size:18px;margin-bottom:8px}.feat p{font-size:14px;color:var(--muted);line-height:1.6}
/* HOW IT WORKS */
.how-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.how-g::before{content:'';position:absolute;top:27px;left:60px;right:60px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));z-index:0}
.hw{text-align:center;position:relative;z-index:1}
.hw-n{width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;font-family:'Playfair Display',serif;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:3px solid var(--gold)}
.hw h3{font-size:16px;margin-bottom:8px}.hw p{font-size:13px;color:var(--muted);line-height:1.5}
/* BLOG CARDS */
.blog-g{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ac{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:.2s;display:block;text-decoration:none;color:inherit}
.ac:hover{box-shadow:var(--sh2);transform:translateY(-3px);text-decoration:none}
.ac-img{height:180px;background:linear-gradient(135deg,var(--navy),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}
.ac-cat{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;padding:4px 10px;border-radius:40px;text-transform:uppercase;letter-spacing:.06em}
.ac-body{padding:20px}.ac h3{font-size:17px;margin-bottom:8px;line-height:1.3;transition:.2s;color:var(--navy)}
.ac:hover h3{color:var(--gold)}.ac p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.ac-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#94A3B8}
/* ARTICLE */
.art-hero{background:linear-gradient(135deg,var(--navy),var(--navy3));padding:60px 0 80px;position:relative;overflow:hidden}
.art-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:var(--cream);clip-path:ellipse(55% 100% at 50% 100%)}
.art-cb{display:inline-block;background:rgba(201,168,76,.2);border:1px solid rgba(201,168,76,.4);color:var(--gold);font-size:12px;font-weight:700;padding:5px 14px;border-radius:40px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.art-hero h1{font-size:clamp(26px,4vw,42px);color:#fff;max-width:780px;margin-bottom:16px}
.art-meta-row{display:flex;align-items:center;gap:20px;font-size:14px;color:rgba(255,255,255,.65);flex-wrap:wrap}
.art-lay{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;padding:60px 0 80px}
.art-con{background:var(--white);border-radius:var(--r2);padding:52px;box-shadow:var(--sh);border:1px solid var(--border);line-height:1.8}
.art-con h2{font-size:26px;color:var(--navy);margin:36px 0 16px;padding-top:12px;border-top:2px solid var(--cream)}
.art-con h2:first-child{border-top:none;margin-top:0;padding-top:0}
.art-con h3{font-size:20px;color:var(--navy);margin:28px 0 12px}
.art-con p{font-size:16px;color:#374151;margin-bottom:18px;line-height:1.8}
.art-con ul,.art-con ol{padding-left:24px;margin-bottom:18px}
.art-con li{font-size:16px;color:#374151;margin-bottom:8px;line-height:1.7}
.art-con blockquote{background:var(--cream);border-left:4px solid var(--gold);padding:20px 24px;border-radius:0 var(--r) var(--r) 0;margin:24px 0;font-style:italic;color:var(--muted);font-size:17px}
.hb{background:var(--navy);color:#fff;border-radius:var(--r);padding:24px 28px;margin:28px 0}
.hb h4{color:var(--gold);font-size:16px;margin-bottom:8px}.hb p{color:rgba(255,255,255,.85);margin-bottom:0;font-size:15px}
.tb{background:#F0FDF4;border:1px solid #86EFAC;border-radius:var(--r);padding:18px 22px;margin:24px 0}
.tb strong{color:var(--green)}
.sb{position:sticky;top:80px;display:flex;flex-direction:column;gap:20px}
.sc{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:24px}
.sc h4{font-size:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--cream)}
.rel-a{display:block;font-size:14px;color:var(--text);padding:10px 0;border-bottom:1px solid var(--cream);text-decoration:none;transition:.2s}
.rel-a:hover{color:var(--gold);padding-left:4px;text-decoration:none}
/* IB/WB/EB */
.ib{background:var(--cream);border-radius:var(--r);padding:14px 18px;border-left:3px solid var(--gold);font-size:13px;color:var(--muted);line-height:1.6}
.ib strong{color:var(--text)}
.wb{background:#FEF9C3;border-radius:var(--r);padding:14px 18px;border-left:3px solid var(--amber);font-size:13px;color:#713F12;line-height:1.6;display:none}
.wb.show{display:block}
.eb{background:#FEF2F2;border-radius:var(--r);padding:14px 18px;border-left:3px solid var(--red);font-size:13px;color:#7F1D1D;line-height:1.6;display:none}
.eb.show{display:block}
/* LEAD BOX */
.lb{background:var(--navy);border-radius:var(--r2);padding:36px;color:#fff}
.lb h3{font-size:22px;color:#fff;margin-bottom:8px}.lb p{color:rgba(255,255,255,.7);font-size:15px;margin-bottom:20px}
.lb-row{display:flex;gap:12px;flex-wrap:wrap}
.lb-i{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);color:#fff;padding:12px 18px;border-radius:var(--r);font-size:15px;font-family:'Inter',sans-serif;outline:none;flex:1;min-width:140px}
.lb-i:focus{border-color:var(--gold)}.lb-i::placeholder{color:rgba(255,255,255,.4)}
.lb-ok{background:rgba(22,163,74,.15);border:1px solid rgba(22,163,74,.4);border-radius:var(--r);padding:14px 18px;color:#fff;font-size:14px;display:none;align-items:center;gap:8px;margin-top:12px}
.lb-ok.show{display:flex}
/* FAQ */
.fql{display:flex;flex-direction:column;gap:2px}
.fqi{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.fqq{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;width:100%;text-align:left;transition:.2s;font-family:'Playfair Display',serif;color:var(--navy);font-size:16px;font-weight:700;cursor:pointer}
.fqq:hover{background:var(--cream)}
.fqa-arrow{font-size:22px;transition:.3s;color:var(--muted);flex-shrink:0;margin-left:12px}
.fqi.open .fqa-arrow{transform:rotate(45deg)}
.fqa{max-height:0;overflow:hidden;transition:max-height .35s ease}
.fqi.open .fqa{max-height:600px}
.fqa-in{padding:0 24px 20px}.fqa-in p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}
/* PROSE CARD */
.pc{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:52px;box-shadow:var(--sh);margin-bottom:40px;line-height:1.8;max-width:840px;margin-left:auto;margin-right:auto}
.pc h2{font-size:26px;margin:32px 0 14px;color:var(--navy)}.pc h2:first-child{margin-top:0}
.pc h3{font-size:20px;margin:24px 0 10px;color:var(--navy)}
.pc p{color:#374151;line-height:1.8;margin-bottom:16px;font-size:15px}
.pc ul{padding-left:24px;margin-bottom:16px}
.pc li{font-size:15px;color:#374151;margin-bottom:8px;line-height:1.6}
.pc .ws{background:#FEF3C7;border:1px solid #F59E0B;border-radius:var(--r);padding:18px 22px;margin:20px 0}
.pc .ws strong{color:#92400E;display:block;margin-bottom:6px}.pc .ws p{color:#92400E;margin:0;font-size:14px}
/* FORMS */
.fg{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fgf{grid-column:1/-1}
.fg-g{display:flex;flex-direction:column;gap:8px}
.fg-l{font-size:14px;font-weight:600;color:var(--navy)}
.fg-h{font-size:12px;color:var(--muted);line-height:1.5}
.fi,.fs,.fta{border:1.5px solid var(--border);border-radius:var(--r);padding:13px 16px;font-size:15px;font-family:'Inter',sans-serif;color:var(--text);outline:none;width:100%;transition:.2s;background:var(--white)}
.fta{resize:vertical;min-height:120px}
.fi:focus,.fs:focus,.fta:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,30,61,.08)}
.fp{position:relative}.fp span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;pointer-events:none}.fp input{padding-left:32px}
/* CONTACT */
.cg{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.citems{display:flex;flex-direction:column;gap:20px;margin-top:24px}
.ci{display:flex;align-items:flex-start;gap:14px}
.ci-ico{width:44px;height:44px;border-radius:var(--r);background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.ci h4{font-size:15px;margin-bottom:4px}.ci p{font-size:14px;color:var(--muted);margin:0}
.cfc{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:40px;box-shadow:var(--sh)}
.cfc h3{font-size:22px;margin-bottom:24px}
.cok{background:linear-gradient(135deg,#F0FDF4,#DCFCE7);border:1px solid #86EFAC;border-radius:var(--r);padding:24px;text-align:center;display:none}
.cok.show{display:block}.cok h3{color:var(--green);font-size:20px;margin-bottom:8px}
.cok p{color:#166534;font-size:14px;margin:0}
/* NEWSLETTER */
.nl{background:linear-gradient(135deg,var(--navy) 0%,var(--navy3) 100%);padding:80px 0;position:relative;overflow:hidden}
.nl::before{content:'';position:absolute;right:-100px;top:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 70%)}
.nl-in{text-align:center;max-width:560px;margin:0 auto}
.nl-in h2{color:#fff;font-size:clamp(28px,4vw,40px);margin-bottom:14px}
.nl-in p{color:rgba(255,255,255,.7);font-size:17px;margin-bottom:32px}
.nl-row{display:flex;gap:12px;max-width:440px;margin:0 auto}
.nl-ei{flex:1;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);color:#fff;padding:14px 18px;border-radius:var(--r);font-size:15px;font-family:'Inter',sans-serif;outline:none}
.nl-ei:focus{border-color:var(--gold)}.nl-ei::placeholder{color:rgba(255,255,255,.45)}
.nl-note{font-size:12px;color:rgba(255,255,255,.45);margin-top:14px}
.nl-done{font-size:14px;color:var(--gold);margin-top:16px;display:none}
/* SITEMAP */
.smg{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.smc h3{font-size:16px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--cream)}
.sml{display:block;color:var(--muted);font-size:14px;padding:6px 0;border-bottom:1px solid var(--cream);text-decoration:none;transition:.2s}
.sml:hover{color:var(--gold);padding-left:4px;text-decoration:none}
/* TRUST */
.trustbar{background:var(--navy2);padding:16px 0;border-bottom:1px solid rgba(201,168,76,.15)}
.trust-in{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.ti{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);font-size:13px;font-weight:500}
.ti-ico{color:var(--gold)}
/* URGENCY */
.urgb{background:linear-gradient(135deg,#FEF3C7,#FDE68A);border-radius:var(--r);padding:18px 20px;border:1px solid #F59E0B;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}
.urgb strong{display:block;color:#92400E;margin-bottom:4px}.urgb span{font-size:14px;color:#92400E}
/* COOKIE CONSENT */
.cookie-bar{position:fixed;bottom:0;left:0;right:0;background:var(--navy2);border-top:2px solid var(--gold);padding:18px 24px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 -4px 20px rgba(0,0,0,.25)}
.cookie-bar.hidden{display:none}
.cookie-bar p{font-size:13px;color:rgba(255,255,255,.85);margin:0;line-height:1.5;flex:1;min-width:200px}
.cookie-bar p a{color:var(--gold)}
.cookie-btns{display:flex;gap:10px;flex-wrap:wrap}
.cookie-accept{background:var(--gold);color:var(--navy);border:none;padding:10px 22px;border-radius:var(--r);font-weight:600;font-size:14px;cursor:pointer;font-family:'Inter',sans-serif}
.cookie-accept:hover{background:var(--gold2)}
.cookie-decline{background:transparent;color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.25);padding:10px 18px;border-radius:var(--r);font-size:14px;cursor:pointer;font-family:'Inter',sans-serif}
.cookie-decline:hover{border-color:rgba(255,255,255,.5);color:#fff}
/* FOOTER */
footer{background:var(--navy);color:rgba(255,255,255,.7);padding:60px 0 0}
.fg-g2{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.fbrand h3{font-family:'Playfair Display',serif;font-size:22px;color:var(--gold);margin-bottom:12px}
.fbrand p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.6);max-width:280px}
.fbadges{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.fbadge{background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.22);color:var(--gold);font-size:11px;padding:4px 10px;border-radius:40px}
.fcol h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em}
.fcl{display:flex;flex-direction:column;gap:8px}
.fa{color:rgba(255,255,255,.6);font-size:14px;text-decoration:none;transition:.2s}
.fa:hover{color:var(--gold);text-decoration:none}
.fbot{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}
.fdis{font-size:12px;color:rgba(255,255,255,.4);margin-top:8px;max-width:700px;line-height:1.5}
.fr{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;color:rgba(255,255,255,.5)}
/* UTILS */
.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}
.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}
/* RESPONSIVE */
@media(max-width:960px){
.cg{grid-template-columns:1fr}.g3,.blog-g{grid-template-columns:1fr 1fr}
.how-g{grid-template-columns:1fr 1fr}.how-g::before{display:none}
.fg-g2{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}
.art-lay{grid-template-columns:1fr}.sb{position:static}.smg{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
.navlinks{display:none}.ham{display:flex}
.g3,.blog-g{grid-template-columns:1fr}.sec,.sec-w{padding:56px 0}
.nl-row{flex-direction:column}.fg-g2{grid-template-columns:1fr}
.fbot{flex-direction:column;text-align:center}.fr{align-items:center}
.lb-row{flex-direction:column}.art-con{padding:24px}.pc{padding:28px 20px}
.smg{grid-column:1fr}.cookie-bar{flex-direction:column;text-align:center}
}