/* ClickFlowGrow local service-area pages. Loads after service-pages.css (nav + footer). Site colours only. */
:root{--lp-bg:#060d1f;--lp-navy:#0F2D60;--lp-teal:#0BEAB5;--lp-teal-d:#08b98f;--lp-amber:#EC8A01;--lp-blue:#5B9CFF;--lp-text:#F0F4FF;--lp-muted:#C3CCE6;--lp-line:rgba(240,244,255,.12)}
body.lp{background:var(--lp-bg);color:var(--lp-text);font-family:Inter,system-ui,sans-serif;font-size:1.0625rem;line-height:1.7}
.lp h1,.lp h2,.lp h3,.lp summary{font-family:Manrope,Inter,sans-serif;letter-spacing:-.03em}
.lp main a,.lp .lp-final a{color:var(--lp-teal)}
.lp-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.lp-skip{position:absolute;left:-999px;top:8px;background:var(--lp-teal);color:#04121f;padding:8px 14px;border-radius:8px;z-index:99}.lp-skip:focus{left:12px}
.lp :focus-visible{outline:3px solid var(--lp-amber);outline-offset:3px;border-radius:6px}
/* hero */
.lp-hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,104px) 0 clamp(64px,8vw,96px);background:radial-gradient(800px 500px at 85% 0%,rgba(11,234,181,.22),transparent 60%),radial-gradient(600px 420px at 0% 100%,rgba(91,156,255,.16),transparent 60%),linear-gradient(135deg,#060d1f 0%,#0b1d44 55%,#0F2D60 100%)}
.lp-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 20%,#000 80%)}
.lp-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.lp-crumb{font-size:.88rem;color:var(--lp-muted);margin-bottom:22px}.lp-crumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}.lp-crumb li{display:inline-flex;align-items:center}.lp-crumb li+li::before{content:">";margin:0 .45em;color:var(--lp-muted)}.lp-crumb a{color:#fff;text-decoration:none}.lp-crumb a:hover{text-decoration:underline}.lp-crumb [aria-current="page"]{color:#fff;font-weight:700}
.lp-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(11,234,181,.12);border:1px solid rgba(11,234,181,.35);color:var(--lp-teal);font:700 .8rem/1.2 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.lp-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lp-teal);box-shadow:0 0 12px var(--lp-teal)}
.lp-hero h1{margin:18px 0 20px;font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.04;font-weight:800;color:#fff}
.lp-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--lp-teal),var(--lp-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-lede{font-size:clamp(1.12rem,1.6vw,1.3rem);color:#DCE3F7;max-width:58ch;margin:0}
.lp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 26px;border-radius:999px;font:800 1rem/1 Manrope,sans-serif;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.lp-btn--primary{background:var(--lp-teal);color:#04121f!important;box-shadow:0 10px 30px rgba(11,234,181,.28)}.lp-btn--primary:hover{transform:translateY(-2px);background:#3ff0c6}
.lp-btn--ghost{border:1.5px solid rgba(255,255,255,.35);color:#fff!important}.lp-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.lp-chips{display:flex;flex-wrap:wrap;gap:10px 20px;margin:28px 0 0;padding:0;list-style:none;font-size:.95rem;color:var(--lp-muted)}
.lp-chips li{display:flex;align-items:center;gap:8px}.lp-chips li::before{content:"✓";color:var(--lp-teal);font-weight:800}
/* device mockup */
.lp-device{position:relative;border-radius:18px;background:#0c1730;border:1px solid var(--lp-line);box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(11,234,181,.08),0 0 80px -20px rgba(11,234,181,.35);overflow:hidden}
.lp-device__bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#0a1328;border-bottom:1px solid var(--lp-line)}
.lp-device__bar i{width:10px;height:10px;border-radius:50%;background:#2a3757}.lp-device__bar i:first-child{background:var(--lp-amber)}
.lp-device__bar span{margin-left:10px;flex:1;max-width:280px;padding:4px 12px;border-radius:8px;background:#131f3d;color:#8d9abd;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-device video,.lp-device img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.lp-device picture,.lp-card picture,.lp-split__media picture,.lp-screen picture{display:block;width:100%}
.lp-tile picture{position:absolute;inset:0;display:block}
.lp-float{position:absolute;left:-26px;bottom:28px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.97);color:#0b1733;box-shadow:0 20px 40px rgba(0,0,0,.35);font-size:.9rem;line-height:1.35;max-width:260px}
.lp-float b{display:block;font-family:Manrope,sans-serif}
.lp-float__dot{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--lp-teal);color:#04121f;font-weight:800}
.lp-hero__media{position:relative}
/* answer */
.lp-answer{position:relative;z-index:2;margin-top:-38px}
.lp-answer__box{display:grid;grid-template-columns:auto 1fr;gap:18px 26px;align-items:start;padding:28px clamp(22px,4vw,40px);border-radius:20px;background:#fff;color:#14203d;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.lp-answer__box h2{margin:0;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:#0b7f66;white-space:nowrap}
.lp-answer__box p{margin:0;font-size:1.12rem;line-height:1.65}
/* sections */
.lp-section{padding:clamp(72px,9vw,120px) 0}
.lp-section--light{background:#F4F7FD;color:#14203d}.lp-section--light a{color:#0a7d63}
.lp-section--navy{background:linear-gradient(180deg,#0b1a3d,#0F2D60)}
.lp-head{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}.lp-head--center{margin-inline:auto;text-align:center}
.lp-head h2{margin:14px 0 14px;font-size:clamp(2rem,3.6vw,3rem);line-height:1.1;font-weight:800}
.lp-head p{margin:0;font-size:1.15rem;color:var(--lp-muted)}.lp-section--light .lp-head p{color:#43506f}
.lp-eyebrow{font:800 .8rem/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-teal)}.lp-section--light .lp-eyebrow{color:#0a7d63}
/* cards */
.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e3e9f5;box-shadow:0 12px 30px rgba(15,45,96,.08);transition:transform .2s,box-shadow .2s}
.lp-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(15,45,96,.14)}
.lp-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#dfe6f3}
.lp-card__body{padding:22px 24px 26px}.lp-card h3{margin:0 0 8px;font-size:1.25rem;color:#0F2D60}.lp-card p{margin:0;color:#43506f}
.lp-card__tag{display:inline-block;margin-bottom:10px;font:800 .72rem/1 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-amber)}
/* split */
.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
.lp-split--rev .lp-split__media{order:2}
.lp-split__media img,.lp-split__media video{width:100%;height:auto;border-radius:20px;display:block;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.lp-split h2{margin:14px 0 16px;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.12;font-weight:800}
.lp-split p{color:var(--lp-muted);font-size:1.1rem}
.lp-ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}
.lp-ticks li{position:relative;padding-left:40px;font-size:1.06rem}
.lp-ticks li::before{content:"";position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:8px;background:rgba(11,234,181,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230BEAB5' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/16px no-repeat}
.lp-ticks strong{color:#fff}
/* steps */
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s;position:relative}
.lp-steps::before{content:"";position:absolute;top:30px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--lp-teal),var(--lp-blue));opacity:.5}
.lp-step{position:relative;counter-increment:s;text-align:center;padding:0 6px}
.lp-step::before{content:counter(s);display:grid;place-items:center;width:60px;height:60px;margin:0 auto 18px;border-radius:50%;background:#060d1f;border:2px solid var(--lp-teal);color:var(--lp-teal);font:800 1.4rem/1 Manrope,sans-serif;box-shadow:0 0 0 8px rgba(11,234,181,.08);position:relative}
.lp-step h3{margin:0 0 8px;font-size:1.2rem;color:#fff}.lp-step p{margin:0;color:var(--lp-muted);font-size:1rem}
/* screens */
.lp-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-screen{margin:0}.lp-screen .lp-device img{aspect-ratio:16/11}
.lp-screen figcaption{margin-top:14px;font-size:.98rem;color:var(--lp-muted)}.lp-screen figcaption b{color:#fff;font-family:Manrope,sans-serif}
/* local */
.lp-local{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,72px);align-items:center}
.lp-places{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0 0}
.lp-places li{padding:9px 16px;border-radius:999px;background:#fff;border:1px solid #d9e2f2;color:#0F2D60;font-weight:700;font-size:.95rem}
.lp-places li.is-main{background:#0F2D60;color:#fff;border-color:#0F2D60}
.lp-map{border-radius:24px;background:linear-gradient(160deg,#0F2D60,#060d1f);padding:18px;box-shadow:0 30px 60px -24px rgba(15,45,96,.6)}
.lp-map svg{display:block;width:100%;height:auto}
.lp-map figcaption{color:#9fb0d6;font-size:.82rem;text-align:center;margin-top:6px}
/* faq */
.lp-faq{max-width:860px;margin:0 auto;display:grid;gap:14px}
.lp-faq details{border-radius:16px;background:#fff;border:1px solid #dfe6f3;box-shadow:0 6px 18px rgba(15,45,96,.05)}
.lp-faq summary{cursor:pointer;list-style:none;padding:22px 60px 22px 26px;position:relative;font-weight:800;font-size:1.12rem;color:#0F2D60}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9fbf6;color:#0a7d63;font-size:1.3rem}
.lp-faq details[open] summary::after{content:"−"}
.lp-faq details p{margin:0;padding:0 26px 24px;color:#43506f}
/* related + final */
.lp-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-link{display:block;padding:22px 24px;border-radius:16px;border:1px solid var(--lp-line);background:rgba(255,255,255,.03);text-decoration:none;color:#fff!important;transition:border-color .2s,background .2s}
.lp-link:hover{border-color:var(--lp-teal);background:rgba(11,234,181,.06)}
.lp-link span{display:block;font:800 .74rem/1 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-teal);margin-bottom:8px}
.lp-link b{font-family:Manrope,sans-serif;font-size:1.1rem}.lp-link b::after{content:" →";color:var(--lp-teal)}
.lp-contact{margin-top:36px;padding-top:28px;border-top:1px solid var(--lp-line);color:var(--lp-muted);font-size:.98rem}
.lp-final{padding:clamp(72px,9vw,110px) 0;text-align:center;background:radial-gradient(700px 360px at 50% 0%,rgba(11,234,181,.2),transparent 70%),linear-gradient(180deg,#0F2D60,#060d1f)}
.lp-final h2{margin:14px auto 14px;max-width:18ch;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.08;font-weight:800}
.lp-final p{max-width:56ch;margin:0 auto;color:#DCE3F7;font-size:1.15rem}.lp-final .lp-actions{justify-content:center}
/* service tiles (hub) */
.lp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:26px;border-radius:22px;overflow:hidden;color:#fff!important;text-decoration:none;isolation:isolate}
.lp-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}
.lp-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,13,31,.05) 20%,rgba(6,13,31,.92) 85%)}
.lp-tile:hover img{transform:scale(1.05)}
.lp-tile h3{margin:0 0 6px;font-size:1.35rem}.lp-tile p{margin:0;color:#DCE3F7;font-size:.98rem}
.lp-tile span{margin-top:12px;font-weight:800;color:var(--lp-teal)}
.lp-tile--cta{background:linear-gradient(140deg,#0F2D60,#0b6b62);justify-content:center}.lp-tile--cta::before{display:none}
@media (max-width:960px){.lp-hero__grid,.lp-split,.lp-local{grid-template-columns:1fr}.lp-split--rev .lp-split__media{order:0}.lp-cards,.lp-screens,.lp-related,.lp-tiles{grid-template-columns:1fr 1fr}.lp-steps{grid-template-columns:1fr 1fr;row-gap:36px}.lp-steps::before{display:none}.lp-float{left:12px}}
@media (max-width:620px){body.lp{font-size:1.04rem}.lp-cards,.lp-screens,.lp-related,.lp-tiles,.lp-steps{grid-template-columns:1fr}.lp-answer__box{grid-template-columns:1fr}.lp-btn{width:100%}.lp-float{position:static;margin:14px 0 0;max-width:none}.lp-step{text-align:left;padding-left:78px;min-height:60px}.lp-step::before{position:absolute;left:0;top:0;margin:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.lp-card:hover,.lp-btn:hover{transform:none}}
/* ---- v2: light body below the dark hero (Lisa, 26 Oct) ---- */
.lp{--ink:#0F2D60;--slate:#334155;--teal-t:#067A60;--blue-t:#2563C9}
.lp main{background:#fff}
.lp main>.lp-section{color:var(--slate);background:#fff}
.lp main>.lp-section:nth-child(even){background:#F3F6FB}
.lp main a{color:var(--teal-t)}
.lp main h2,.lp main h3{color:var(--ink)}
.lp .lp-head p,.lp .lp-split p,.lp .lp-local p{color:var(--slate)}
.lp .lp-eyebrow{color:var(--teal-t)}
.lp .lp-answer{background:linear-gradient(180deg,transparent 38px,#fff 38px)}
.lp .lp-answer__box{border:1px solid #e3e9f5}
.lp .lp-answer__box h2{color:var(--teal-t)}
.lp .lp-card{box-shadow:0 10px 30px rgba(15,45,96,.08)}
.lp .lp-card p{color:var(--slate)}
.lp .lp-card__tag{color:#B45F00}
.lp .lp-ticks strong{color:var(--ink)}
.lp .lp-ticks li::before{background-color:rgba(6,122,96,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23067A60' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}
.lp .lp-split__media .lp-device,.lp .lp-screen .lp-device{box-shadow:0 24px 50px -18px rgba(15,45,96,.45)}
.lp .lp-screen figcaption{color:var(--slate)}.lp .lp-screen figcaption b{color:var(--ink)}
.lp .lp-steps::before{background:linear-gradient(90deg,var(--teal-t),var(--blue-t));opacity:.35}
.lp .lp-step::before{background:#fff;border-color:var(--teal-t);color:var(--teal-t);box-shadow:0 0 0 8px rgba(6,122,96,.08),0 8px 20px rgba(15,45,96,.1)}
.lp .lp-step p{color:var(--slate)}
.lp .lp-places li{box-shadow:0 2px 8px rgba(15,45,96,.06)}
.lp .lp-faq details{border-color:#e3e9f5}
.lp .lp-faq details p{color:var(--slate)}
.lp .lp-faq summary::after{color:var(--teal-t)}
.lp .lp-link{background:#fff;border:1px solid #e3e9f5;box-shadow:0 8px 24px rgba(15,45,96,.07);color:var(--ink)!important}
.lp .lp-link:hover{border-color:var(--teal-t);background:#fff;transform:translateY(-2px)}
.lp .lp-link span,.lp .lp-link b::after{color:var(--teal-t)}
.lp .lp-contact{border-top-color:#e3e9f5;color:var(--slate)}
.lp .lp-tile h3{color:#fff}.lp .lp-tile span{color:var(--lp-teal)}
.lp .lp-final{background:radial-gradient(700px 360px at 50% 0%,rgba(11,234,181,.18),transparent 70%),#0F2D60}
.lp-legal{margin:14px 0 0;font-size:.78rem;line-height:1.5;color:#5b6785}
.lp-section p a,.lp-contact a{text-decoration:underline;text-underline-offset:.16em}
.lp-explore{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.lp-explore__col{background:#fff;border:1px solid #e3e9f5;border-radius:18px;padding:22px 24px;box-shadow:0 8px 24px rgba(15,45,96,.07)}
.lp-explore__col h3{margin:0 0 12px;font-size:1.15rem}
.lp-explore__col ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lp-explore__col a,.lp-explore__here{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;font-weight:750}
.lp-explore__col a:hover{background:#f3f6fb}
.lp-explore__here{color:#0F2D60;background:#e7f6f1;font-weight:800}
.lp-here{flex:none;font:800 .68rem/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#067A60}
.lp-explore__guide{margin:22px 0 0}
.lp-explore__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.lp-btn--navy{background:#0F2D60;color:#fff!important}.lp-btn--navy:hover{background:#163772}
@media (max-width:760px){.lp-explore{grid-template-columns:1fr}}