﻿/* Lead Systems Go feature pages: shared layout, with a different working diagram and copy per service. */
:root { --fp-ink:#152331; --fp-slate:#475467; --fp-orange:#ff6210; --fp-cyan:#0ea5e9; --fp-night:#141210; --fp-paper:#f4f6f7; }
.feature-page { background:var(--fp-paper); }
.feature-page .feature-hero { min-height:0; display:block; padding:calc(var(--header-height) + 90px) 0 86px; color:#fff; background:linear-gradient(135deg,rgba(20,18,16,.96),rgba(26,37,49,.94)),url('/images/bg-manufactured-homes.webp') center/cover; position:relative; overflow:hidden; }
body.has-promo-strip.feature-page .feature-hero { padding-top:calc(var(--header-height) + 36px + 86px); }
.feature-hero::after { content:''; position:absolute; width:520px; height:520px; right:-180px; top:-230px; border:1px solid rgba(255,255,255,.1); border-radius:50%; pointer-events:none; }
.fp-container { max-width:1240px; padding:0 22px; margin:0 auto; }
.fp-hero-grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:clamp(32px,5vw,78px); align-items:center; position:relative; z-index:1; }
.fp-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-bottom:24px; color:#bfccd6; font-size:.85rem; }
.fp-breadcrumb a:hover { color:#fff; text-decoration:underline; }
.fp-hero-copy h1 { font-size:clamp(2.45rem,4.7vw,5rem); line-height:1.06; letter-spacing:-.05em; margin:0 0 22px; text-transform:none; }
.fp-hero-copy p { max-width:620px; margin-bottom:0; color:#d7dfe5; font-size:clamp(1.02rem,1.35vw,1.19rem); line-height:1.7; }
.fp-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:31px; }
.fp-button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:11px 20px; border:1px solid var(--fp-orange); border-radius:7px; background:var(--fp-orange); color:#171719; text-decoration:none; font-family:var(--font-heading); font-weight:700; transition:background-color .2s ease,transform .2s ease; }
.fp-button:hover { background:#ff9358; transform:translateY(-2px); }
.fp-button:active { transform:translateY(0); }
.fp-button--quiet { color:#fff; border-color:rgba(255,255,255,.43); background:transparent; }
.fp-button--quiet:hover { background:rgba(255,255,255,.12); }
.fp-scene { min-height:390px; border:1px solid rgba(255,255,255,.2); border-radius:18px; padding:clamp(25px,3vw,42px); background:radial-gradient(circle at 82% 18%,rgba(255,98,16,.18),transparent 34%),rgba(255,255,255,.075); box-shadow:0 32px 90px rgba(0,0,0,.33); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); position:relative; overflow:hidden; }
.fp-scene::after { content:''; position:absolute; width:350px; height:350px; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:-135px; bottom:-190px; }
.fp-scene-head { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#eaf2f6; font-family:var(--font-heading); font-weight:700; font-size:1.15rem; }
.fp-scene-head span { color:#a9c0ce; font:500 .75rem var(--font-body); }
.fp-scene-art { display:grid; place-items:center; height:175px; margin:13px 0; }
.fp-scene-art svg { width:min(210px,62%); height:160px; color:var(--fp-orange); filter:drop-shadow(0 9px 25px rgba(255,98,16,.19)); }
.fp-scene-list { display:grid; gap:8px; position:relative; z-index:1; }
.fp-scene-row { display:flex; align-items:center; gap:11px; padding:9px 13px; border:1px solid rgba(255,255,255,.14); border-radius:7px; background:rgba(255,255,255,.075); color:#e9f1f4; font-size:.84rem; }
.fp-scene-row::before { content:''; width:7px; height:7px; flex:none; border-radius:50%; background:var(--fp-cyan); box-shadow:0 0 0 4px rgba(14,165,233,.13); }
.fp-section { padding:clamp(62px,7vw,104px) 0; }
.fp-section--white { background:#fff; }
.fp-section--soft { background:#e9eef1; }
.fp-heading { max-width:740px; margin-bottom:26px; }
.fp-heading h2 { font-size:clamp(2rem,3vw,3.15rem); letter-spacing:-.044em; line-height:1.14; margin:0 0 16px; }
.fp-heading p { color:var(--fp-slate); font-size:1.05rem; line-height:1.75; }
.fp-story-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:clamp(34px,7vw,110px); }
.fp-story p { color:var(--fp-slate); line-height:1.75; font-size:1.03rem; margin-bottom:19px; }
.fp-story p:last-child { margin-bottom:0; }
.fp-info-panel { padding:clamp(24px,3vw,38px); border:1px solid #d5dfe5; border-top:4px solid var(--fp-orange); border-radius:9px; background:#f9fbfc; }
.fp-info-panel h3 { font-size:1.3rem; margin:0 0 18px; }
.fp-info-panel ul { list-style:none; margin:0; padding:0; }
.fp-info-panel li { display:flex; gap:12px; padding:12px 0; border-top:1px solid #dde4e8; color:#344455; font-size:.95rem; }
.fp-info-panel li::before { content:''; flex:none; width:8px; height:8px; margin-top:8px; background:var(--fp-orange); border-radius:50%; }
.fp-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.fp-flow-step { padding:25px; border:1px solid #d4dee4; border-radius:9px; background:#fff; box-shadow:0 10px 24px rgba(28,45,61,.04); }
.fp-flow-step .fp-number { font:700 .9rem var(--font-heading); color:#b14811; margin-bottom:18px; }
.fp-flow-step h3 { font-size:1.2rem; margin:0 0 9px; }
.fp-flow-step p { color:var(--fp-slate); font-size:.93rem; line-height:1.65; }
.fp-context { display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:center; }
.fp-context h2 { font-size:clamp(1.85rem,2.8vw,2.8rem); line-height:1.15; letter-spacing:-.04em; }
.fp-context p { color:var(--fp-slate); line-height:1.75; }
.fp-context a { color:#bb4608; text-decoration:underline; text-underline-offset:3px; font-weight:700; }
.fp-cta { padding:66px 0; background:var(--fp-night); color:#fff; }
.fp-cta-grid { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.fp-cta h2 { max-width:700px; font-size:clamp(1.9rem,3vw,3rem); line-height:1.16; letter-spacing:-.04em; margin:0 0 12px; }
.fp-cta p { color:#c5cfd7; margin:0; }
.fp-footer { background:#0d0b0a; padding:25px 0; color:#bdc5cb; font-size:.85rem; }
.fp-footer-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
.fp-footer a { color:#fff; }
.fp-footer a:hover { color:#ff985e; }
.feature-page :focus-visible { outline:3px solid var(--fp-orange); outline-offset:3px; }
@media(max-width:960px){ .fp-hero-grid,.fp-story-grid { grid-template-columns:1fr; } .fp-scene { max-width:660px; } }
@media(max-width:700px){ .fp-flow,.fp-context { grid-template-columns:1fr; } .fp-cta-grid { display:block; } .fp-cta-grid .fp-button { margin-top:24px; } .feature-page .feature-hero { padding-bottom:58px; } .fp-scene { min-height:330px; } }
@media(prefers-reduced-motion:reduce){ .fp-button { transition:none; } }

.fp-scene-art img { width:min(210px,62%); height:160px; object-fit:contain; filter:drop-shadow(0 9px 25px rgba(255,98,16,.19)); }
