/* LAMTANS Engineering - site chrome (header, menu, footer, finance strip). Page bodies carry their own block CSS. */
:root{--le-green:#1c4132;--le-mid:#52b788;--le-deep:#0a1c12;--le-cream:#f7f5f0;--le-border:#e5efe8;--le-text:#1c2b3a}
*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--le-text);line-height:1.6;background:#fff}
img{max-width:100%;height:auto}.le-wrap{max-width:1200px;margin:0 auto;padding:0 20px}.sr{position:absolute;left:-9999px}
.le-strip{display:block;background:var(--le-green);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none}.le-strip:hover{background:var(--le-deep)}
.le-header{background:#fff;border-bottom:1px solid var(--le-border);position:sticky;top:0;z-index:50}.le-bar{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:16px}
.le-logo img{display:block;height:36px;width:auto}
.le-menu,.le-sub{list-style:none;margin:0;padding:0}.le-menu{display:flex;gap:4px;align-items:center}.le-menu>li{position:relative}
.le-menu a{display:block;color:var(--le-green);font-weight:600;font-size:17px;text-decoration:none;padding:10px 12px;border-radius:6px;white-space:nowrap}.le-menu a:hover,.le-menu a[aria-current]{background:var(--le-cream);color:var(--le-deep)}
.le-caret{display:none}
.le-sub{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--le-border);border-radius:8px;box-shadow:0 12px 30px rgba(10,28,18,.12);padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s}
.le-sub a{font-size:15px;font-weight:500;padding:8px 10px}.le-sub li{position:relative}.le-sub .le-sub{top:-6px;left:100%}
.has-sub:hover>.le-sub,.has-sub:focus-within>.le-sub{opacity:1;visibility:visible;transform:none}
.le-nav{display:flex;align-items:center;gap:12px}.le-cta{background:var(--le-mid);color:var(--le-deep)!important;font-weight:700;padding:10px 16px;border-radius:999px;text-decoration:none;white-space:nowrap}.le-cta:hover{background:#65c99a}
.le-burger{display:none;background:none;border:0;width:44px;height:44px;padding:8px;cursor:pointer}.le-burger span:not(.sr){display:block;height:3px;background:var(--le-green);margin:6px 0;border-radius:2px}
@media (max-width:991px){
 .le-burger{display:block}.le-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--le-border);padding:12px 20px 20px;flex-direction:column;align-items:stretch}
 .le-nav.open{display:flex}.le-menu{flex-direction:column;align-items:stretch;gap:0}.le-menu a{white-space:normal}
 .le-caret{display:block;position:absolute;right:0;top:0;width:44px;height:44px;background:none;border:0;cursor:pointer}.le-caret::after{content:"";position:absolute;left:16px;top:16px;width:8px;height:8px;border-right:2px solid var(--le-green);border-bottom:2px solid var(--le-green);transform:rotate(45deg)}
 .le-sub{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}.has-sub.open>.le-sub{display:block}.le-sub .le-sub{left:auto}
 .le-cta{text-align:center;margin-top:10px}
}
.le-footer{background:var(--le-cream);color:var(--le-green);margin-top:48px;font-size:15px}.le-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;padding-top:48px;padding-bottom:32px}
.le-footer h4{margin:0 0 12px;font-size:18px;color:#000}.le-footer ul{list-style:none;margin:0;padding:0}.le-footer li{margin:0 0 8px}.le-footer a{color:var(--le-green);text-decoration:none}.le-footer a:hover{text-decoration:underline}
.le-foot-about img{height:32px;width:auto;margin-bottom:12px}.le-foot-legal{border-top:1px solid var(--le-border);padding-top:20px;padding-bottom:28px;font-size:13px}.le-finance-disclaimer{color:#3a4a3a;max-width:1000px}
@media (max-width:991px){.le-foot-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.le-foot-grid{grid-template-columns:1fr}}
/* fallback (non-block) pages */
.hero{background:var(--le-green);color:#fff;padding:56px 0}.hero h1{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:36px}.lead{font-size:18px;opacity:.92}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.prose{padding:32px 0}.prose h2{font-family:Fraunces,Georgia,serif;color:var(--le-green)}.prose img{max-width:100%;height:auto}.prose a.btn{display:inline-block;background:var(--le-mid);color:var(--le-deep);font-weight:700;padding:12px 20px;border-radius:999px;text-decoration:none;margin:8px 0}

/* --- article column for imported non-HTML widgets (posts, guides, tool pages) - CL CMS 04 --- */
.le-prose{max-width:960px;margin:0 auto;padding:8px 24px;font-family:Figtree,Inter,system-ui,sans-serif;font-size:16px;line-height:1.55;color:#111}
.le-prose h1,.le-prose h2,.le-prose h3{text-align:center;color:#111;line-height:1.15;margin:1.4em 0 .6em}
.le-prose h1,.le-prose h2{font-family:Fraunces,Georgia,serif}
.le-prose h1{font-size:clamp(30px,4vw,44px);margin:36px 0 12px}
.le-prose h2{font-size:clamp(26px,3vw,38px)}
.le-prose h3{font-size:24px;font-family:Figtree,Inter,system-ui,sans-serif;font-weight:700}
.le-prose p,.le-prose ul,.le-prose ol{margin:0 0 14px}
.le-prose li{margin:4px 0}
.le-prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.le-prose th,.le-prose td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.09);text-align:left;vertical-align:top}
.le-prose th{background:#f4f6f5;font-weight:700}
.le-prose img{max-width:100%;height:auto;border-radius:12px}
.le-prose a{color:#0C9D46}
.le-prose .btn{display:inline-block;background:#52B788;color:#06281a;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none}
.le-titlewrap{padding-top:24px}
.le-page .ltool{max-width:1200px;margin:28px auto 40px;padding:0 24px}
/* --- finance chip under hero H1 (every page) - CL CMS 04 --- */
.le-fin-chip{display:inline-flex;align-items:center;gap:8px;margin:14px 0 6px;padding:7px 14px 7px 7px;border-radius:999px;background:rgba(175,230,127,.14);border:1px solid rgba(175,230,127,.55);color:#fff;font:600 13px/1.2 Inter,system-ui,sans-serif;text-decoration:none;transition:background .15s}
.le-fin-chip:hover{background:rgba(175,230,127,.28);color:#fff;text-decoration:none}
.le-fin-chip b{background:#AFE67F;color:#0A1C12;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.le-prose .le-fin-chip{color:#1C4132;background:#E7F4EC;border-color:#52B788;margin:0 0 10px}
.le-prose .le-fin-chip:hover{background:#d8ecdf;color:#1C4132}
.le-titlewrap{text-align:center}
/* --- popping 0% APR badge (replaces the chip look) - CL CMS 04 --- */
.le-fin-chip{gap:10px;margin:16px 0 8px;padding:8px 16px 8px 12px;border-radius:14px;border:0;background:#AFE67F;color:#0A1C12;font:700 13px/1.15 Inter,system-ui,sans-serif;box-shadow:0 10px 24px rgba(10,28,18,.28);animation:le-pop 2.4s ease-in-out infinite;transform-origin:center}
.le-fin-chip b{font-family:Fraunces,Georgia,serif;font-size:34px;line-height:1;font-weight:800;letter-spacing:-.02em;background:none;color:#0A1C12;padding:0;text-transform:none}
.le-fin-chip span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;text-align:left}
.le-fin-chip:hover{animation-play-state:paused;background:#c5ee9f;color:#0A1C12}
.le-prose .le-fin-chip,.le-prose .le-fin-chip:hover{background:#AFE67F;color:#0A1C12;border:0;margin:4px auto 12px}
@keyframes le-pop{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.07) rotate(-1.5deg)}}
@media (prefers-reduced-motion:reduce){.le-fin-chip{animation:none}}
/* --- 0% APR sticker badge v2 - CL CMS 04 --- */
.le-page .le-fin-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:150px;padding:14px 18px 12px;border-radius:16px;border:0;background:#AFE67F;color:#0A1C12;text-decoration:none;box-shadow:0 14px 30px rgba(10,28,18,.32);animation:le-pop 2.4s ease-in-out infinite;margin:18px 0 10px}
.le-page .le-fin-chip b{font-family:Fraunces,Georgia,serif;font-size:52px;line-height:.95;font-weight:800;letter-spacing:-.03em;color:#0A1C12;background:none;padding:0}
.le-page .le-fin-chip span{font:800 11px/1.25 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#0A1C12;text-align:center}
.le-page .le-fin-chip:hover,.le-page .le-fin-chip:hover b,.le-page .le-fin-chip:hover span{color:#0A1C12;background:none;text-decoration:none}
.le-page .le-fin-chip:hover{background:#c5ee9f;animation-play-state:paused}
.le-page .le-prose .le-fin-chip{margin:6px auto 14px}
/* --- 0% APR sticker v3: red, tilted, floated top-right of the hero copy - CL CMS 04 --- */
.le-page :has(> .le-fin-chip){position:relative}
.le-page .le-fin-chip{position:absolute;top:-6px;right:-24px;z-index:5;margin:0;min-width:190px;padding:18px 22px 16px;border-radius:18px;background:#D7261E;color:#fff;box-shadow:0 18px 40px rgba(120,20,10,.45);animation:le-pop-tilt 2.2s ease-in-out infinite}
.le-page .le-fin-chip b{font-size:66px;color:#fff}
.le-page .le-fin-chip span{font-size:12px;color:#fff;letter-spacing:.12em}
.le-page .le-fin-chip:hover,.le-page .le-fin-chip:hover b,.le-page .le-fin-chip:hover span{background:#b81d16;color:#fff}
.le-page .le-fin-chip:hover b,.le-page .le-fin-chip:hover span{background:none}
@keyframes le-pop-tilt{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-12deg) scale(1.09)}}
.le-page .le-prose .le-fin-chip{position:static;transform:none;animation:le-pop 2.4s ease-in-out infinite;margin:6px auto 14px;min-width:0;padding:12px 18px 10px}
.le-page .le-prose .le-fin-chip b{font-size:44px}
@media (max-width:900px){.le-page .le-fin-chip{position:static;display:inline-flex;margin:14px 0 8px;min-width:0;padding:12px 18px 10px;animation:le-pop 2.4s ease-in-out infinite}.le-page .le-fin-chip b{font-size:44px}}
@media (prefers-reduced-motion:reduce){.le-page .le-fin-chip{animation:none;transform:rotate(-12deg)}}
/* sticker v3 colour: lighter red */
.le-page .le-fin-chip{background:#EF4444;box-shadow:0 18px 40px rgba(180,40,30,.38)}
.le-page .le-fin-chip:hover{background:#DC2626}

/* sticker v3 position: up into the hero top padding, clear of narrow-column H1s */
@media (min-width:901px){.le-page .le-fin-chip{top:-64px;right:-56px}}

/* --- 0% APR badge FINAL: inline in the text column, never floats/clips (overrides v2/v3) --- */
.le-page .le-fin-chip{position:static!important;top:auto!important;right:auto!important;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:11px;margin:18px 0 6px!important;padding:11px 20px 11px 16px;min-width:0!important;border-radius:14px;background:#EF4444;color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(180,40,30,.30);animation:le-pop 2.4s ease-in-out infinite;transform-origin:left center}
.le-page .le-fin-chip b{font-family:Fraunces,Georgia,serif;font-size:34px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#fff;background:none;padding:0}
.le-page .le-fin-chip span{font:800 11px/1.25 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#fff;text-align:left}
.le-page .le-fin-chip:hover{background:#DC2626;color:#fff}
.le-page .le-prose .le-fin-chip{margin:6px auto 14px!important}
@keyframes le-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.le-page .le-fin-chip{animation:none}}

/* --- 0% APR badge colour: gold seal (complements the green palette) --- */
.le-page .le-fin-chip{background:linear-gradient(135deg,#F2B63C 0%,#E0A526 100%)!important;color:#0A1C12!important;box-shadow:0 8px 20px rgba(120,80,10,.28)!important}
.le-page .le-fin-chip b,.le-page .le-fin-chip span,.le-page .le-fin-chip:hover b,.le-page .le-fin-chip:hover span{color:#0A1C12!important}
.le-page .le-fin-chip:hover{background:linear-gradient(135deg,#F5C155 0%,#E8AE30 100%)!important}

/* --- hero stats: always a wrapping row, never a tall single column (fixes over-height heroes) --- */
.le-page [class*="hero-stats"],.le-page [class*="hero__stats"]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:14px 18px!important;align-items:start}
.le-page [class*="hero-stat-divider"],.le-page [class*="hero__stat-divider"]{display:none!important}

/* --- trim hero vertical padding so heroes sit within the screen --- */
.le-page [class$="__hero"],.le-page [class$="-hero"]{padding-top:44px!important;padding-bottom:44px!important}
.le-page [class*="hero-content"],.le-page [class*="hero-container"],.le-page [class*="hero-inner"],.le-page [class*="hero__wrap"]{padding-top:0!important;padding-bottom:0!important}
.le-page [class*="hero-stats"],.le-page [class*="hero__stats"]{margin-top:18px!important;margin-bottom:18px!important}

/* --- compress hero vertical rhythm across the board so heroes fit the viewport --- */
.le-page [class*="hero-breadcrumb"]{margin-bottom:12px!important}
.le-page [class*="hero-label"],.le-page [class*="hero-kicker"],.le-page [class*="hero-eyebrow"]{margin-bottom:10px!important}
.le-page [class*="hero-h1"],.le-page [class*="hero-title"]{margin-bottom:12px!important;line-height:1.08!important}
.le-page [class*="hero-lead"],.le-page [class*="hero-body"],.le-page [class*="hero-sub"],.le-page [class*="hero-lede"]{margin-top:10px!important;margin-bottom:16px!important}
.le-page [class*="hero-stats"],.le-page [class*="hero__stats"]{margin-top:12px!important;margin-bottom:14px!important}
.le-page [class*="hero-badges"]{margin-bottom:16px!important}
.le-page .le-fin-chip{margin-top:10px!important;margin-bottom:4px!important}