/* Fire & smoke damage site — calm, warm, photo-led. Charcoal + cream, ember for calls, teal for trust. */
:root{
 --ink:#2B2420;--ink2:#4A403A;--muted:#75685F;--line:#E8DFD4;--soft:#F7F1EA;--cream:#FBF8F4;--white:#fff;
 --ember:#D65F24;--ember2:#B94C17;--ember50:#FCEBDD;--teal:#1F5E5B;--teal2:#174845;--teal50:#E3F0EE;--gold:#F0B44C;
 --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
 --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
 --r:14px;--r2:20px;--sh:0 1px 2px rgba(43,36,32,.06),0 10px 28px -14px rgba(43,36,32,.28);--wrap:1180px;
}
*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.62 var(--sans);-webkit-font-smoothing:antialiased;padding-bottom:76px}
@media(min-width:960px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:3px}a:hover{color:var(--teal2)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.14;letter-spacing:-.01em;margin:0 0 .45em;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(2.1rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}h3{font-size:1.2rem}.h3{font-size:1.35rem}
p{margin:0 0 1em}.small{font-size:14px;color:var(--muted)}.big{font-size:1.18rem;line-height:1.6;color:var(--ink2)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:16px}
@media(min-width:760px){.wrap{padding-inline:24px}}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px 14px;border-radius:8px}
.kick{font:700 12.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ember2);margin:0 0 12px}.kick.light{color:var(--gold)}
.ic{flex:none}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:999px;font:700 16.5px/1.1 var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:.15s}
.btn-call{background:var(--ember);color:#fff;box-shadow:0 8px 22px -10px rgba(214,95,36,.8)}.btn-call:hover{background:var(--ember2);color:#fff}
.btn.xl{min-height:60px;padding:16px 28px;font-size:19px}.btn.block{display:flex;width:100%}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;color:#fff}
.btn-line{border-color:var(--line);background:#fff;color:var(--ink)}.btn-line:hover{border-color:var(--ink);color:var(--ink)}
.btn-ghost-l{border-color:rgba(255,255,255,.55);color:#fff}.btn-ghost-l:hover{background:#fff;color:var(--ink)}
.btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.linkbtn{background:none;border:0;padding:0;color:var(--teal);text-decoration:underline;cursor:pointer;font:inherit}
/* topbar + header */
.topbar{background:var(--ink);color:#EDE4DA;font-size:14px}
.tb-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}
.tb-in span{display:flex;align-items:center;gap:8px}.tb-in a{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
@media(max-width:700px){.tb-in a{display:none}.tb-in span{font-size:13px}}
.hdr{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.wm{display:flex;flex-direction:column;line-height:1.05}.wm>span{font:700 21px var(--sans);letter-spacing:-.02em}.wm em{font-style:normal;color:var(--ember)}
.wm small{font:500 11.5px var(--sans);color:var(--muted);margin-top:4px}
.nav{margin-left:auto;display:none}
@media(min-width:1060px){.nav{display:block}}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav li{position:relative;display:flex;align-items:center}
.nav a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:600 15.5px var(--sans)}
.nav a:hover,.nav a[aria-current]{background:var(--soft)}
.dd-btn{background:none;border:0;padding:4px;margin-left:-8px;cursor:pointer;color:var(--muted)}
.dd{display:none;position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:8px}
.has-dd:hover .dd,.has-dd.open .dd{display:block}.dd a{font-weight:500}
.hdr-cta{display:flex;align-items:center;gap:8px;margin-left:auto}
@media(min-width:1060px){.hdr-cta{margin-left:0}}
.hdr-call{min-height:46px;padding:10px 18px;font-size:15.5px}
@media(max-width:560px){.hdr-call span{display:none}.hdr-call{width:46px;padding:0}.wm small{display:none}}
.menu{background:none;border:1px solid var(--line);border-radius:12px;width:46px;height:46px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
@media(min-width:1060px){.menu{display:none}}
.mnav{border-top:1px solid var(--line);padding:12px 16px 18px;background:#fff}
.mnav nav{display:grid;gap:2px;margin-bottom:12px}.mnav nav a{padding:12px 6px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
/* hero */
.hero{position:relative;color:#fff;background:#1E1915;overflow:hidden}
.hero-bg,.phero-bg,.cta-bg{position:absolute;inset:0}
.hero-bg img,.phero-bg img,.cta-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,19,16,.92) 0%,rgba(24,19,16,.78) 48%,rgba(24,19,16,.35) 100%)}
.hero-in{position:relative;display:grid;gap:28px;padding:48px 16px 52px;align-items:center}
@media(min-width:960px){.hero-in{grid-template-columns:1.35fr .8fr;padding:84px 24px 88px;gap:48px}}
.hero h1{color:#fff;font-size:clamp(2.3rem,5.4vw,3.9rem)}.hero h1 em{font-style:normal;color:var(--gold)}
.hero .lead{font-size:1.18rem;color:#F1E9E0;max-width:40ch}
.hero-ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px 18px;grid-template-columns:1fr 1fr;max-width:520px;font-weight:600;font-size:15px}
.hero-ticks li{display:flex;gap:8px;align-items:center}.hero-ticks .ic{color:var(--gold)}
@media(max-width:480px){.hero-ticks{grid-template-columns:1fr}}
.hero-card{background:rgba(251,248,244,.97);color:var(--ink);border-radius:var(--r2);padding:22px 22px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hc-k{display:flex;gap:8px;align-items:center;font:700 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.hero-card ol{margin:0 0 14px;padding-left:22px;display:grid;gap:9px}.hero-card li{padding-left:4px}.hero-card li::marker{color:var(--ember);font-weight:700}
.hero-card a{display:inline-flex;gap:6px;align-items:center;font-weight:700}
.phero{position:relative;color:#fff;background:#1E1915;overflow:hidden}
.phero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,19,16,.9),rgba(24,19,16,.6))}
.phero-in{position:relative;padding:36px 16px 44px}
@media(min-width:760px){.phero-in{padding:56px 24px 64px}}
.phero h1{color:#fff;max-width:20ch}.phero .lead{color:#F1E9E0;font-size:1.15rem;max-width:52ch}
.phero .crumbs a,.phero .crumbs li{color:#E7DCCF}
.lhero{background:var(--soft);border-bottom:1px solid var(--line);padding:30px 0 34px}
@media(min-width:760px){.lhero{padding:44px 0 48px}}
.lhero h1{max-width:26ch}.lhero .lead{font-size:1.15rem;color:var(--ink2);max-width:60ch;margin:0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;font-size:14px}
.crumbs li{color:var(--muted)}.crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{text-decoration:underline}
/* sections */
.sec{padding:56px 0}.sec.tight{padding:32px 0}.sec.soft{background:var(--soft)}
@media(min-width:760px){.sec{padding:76px 0}.sec.tight{padding:40px 0}}
.sec-h{max-width:700px;margin-bottom:30px}.sec-h p{color:var(--ink2);font-size:1.1rem;margin:0}
.split{display:grid;gap:32px;align-items:center}.split.top{align-items:start}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:56px}}
.split>div{min-width:0}.rounded{border-radius:var(--r2);box-shadow:var(--sh)}
.ticks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}.ticks li{display:flex;gap:10px;align-items:flex-start}.ticks .ic{color:var(--teal);margin-top:3px}
.ticks.two{grid-template-columns:1fr}@media(min-width:760px){.ticks.two{grid-template-columns:1fr 1fr}}
.more{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
/* steps */
.steps3{display:grid;gap:16px}@media(min-width:760px){.steps3{grid-template-columns:repeat(3,1fr)}}
.st{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.st-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;margin-bottom:12px}
.st p{margin:0;color:var(--ink2)}
/* service cards */
.svc-grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:620px){.svc-grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.svc-grid{grid-template-columns:repeat(4,1fr)}}
.svc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;text-decoration:none;color:var(--ink);transition:.15s}
.svc:hover{box-shadow:var(--sh);transform:translateY(-2px);color:var(--ink)}
.svc-img{aspect-ratio:3/2;background:var(--soft);overflow:hidden}.svc-img img{width:100%;height:100%;object-fit:cover}
.svc-b{padding:16px 18px 18px;position:relative}.svc-b h3{font-size:1.12rem;margin:6px 0 6px}.svc-b p{margin:0;font-size:15px;color:var(--ink2)}
.svc-ic{position:absolute;top:-22px;left:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ember);color:#fff;box-shadow:var(--sh)}
/* first 24 */
.f24{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px;counter-reset:x}
.f24 li{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.sec.soft .f24 li{border-color:transparent}
.f24-n{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ember50);color:var(--ember2);font-weight:800}
.f24 h3{font-family:var(--sans);font-size:1.05rem;font-weight:700;margin:4px 0 4px}.f24 p{margin:0;color:var(--ink2);font-size:15.5px}
.f24.compact li{padding:14px 16px}
/* planner */
.planner{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:22px;box-shadow:var(--sh)}
@media(min-width:760px){.planner{padding:32px}}
.pl-h{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:18px}.pl-h p{margin:0;color:var(--ink2)}
.pl-badge{display:inline-flex;gap:6px;align-items:center;background:var(--teal50);color:var(--teal);padding:6px 12px;border-radius:999px;font:700 13px var(--sans)}
.pgrp{margin:0 0 18px}.pgrp h3{font:700 16px var(--sans);margin:0 0 10px}
.pchips{display:grid;gap:8px;grid-template-columns:1fr 1fr}
@media(min-width:760px){.pchips.size{grid-template-columns:repeat(5,1fr)}.pchips.when{grid-template-columns:repeat(4,1fr)}.pchips.water{grid-template-columns:repeat(3,1fr)}}
.pchip{text-align:left;background:var(--cream);border:2px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;color:var(--ink)}
.pchip b{display:block;font-size:15.5px}.pchip small{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:3px}
.pchip:hover{border-color:var(--ink2)}.pchip[aria-pressed=true]{border-color:var(--teal);background:var(--teal50)}
.pl-empty{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:15px;padding:6px 2px}
.pl-out{margin-top:6px;border-top:1px solid var(--line);padding-top:20px}
.pl-lv{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:14px 18px;border-radius:12px;margin-bottom:16px}
.pl-lv b{font:700 1.25rem var(--serif)}.pl-lv.l3{background:#FBE3D6;color:#7A2E0C}.pl-lv.l2{background:#FDF0D8;color:#6E4A0A}.pl-lv.l1{background:var(--teal50);color:var(--teal2)}
.pl-cols{display:grid;gap:18px}@media(min-width:900px){.pl-cols{grid-template-columns:1.4fr 1fr}}
.pl-steps{margin:0;padding-left:22px;display:grid;gap:10px}.pl-steps li::marker{font-weight:800;color:var(--ember)}
.pl-steps b{display:block}.pl-steps span{color:var(--ink2);font-size:15px}
.pl-card{background:var(--ink);color:#F3EBE2;border-radius:var(--r);padding:20px}
.pl-k{font:700 12.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.pl-say{font:500 1.1rem/1.5 var(--serif);color:#fff}.pl-card .small{color:#CDBFB3;margin:10px 0 0}
/* questions */
.qlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media(min-width:900px){.qlist{grid-template-columns:1fr 1fr}}
.qlist a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);text-decoration:none;font-weight:600;line-height:1.35}
.qlist a:hover{border-color:var(--teal);color:var(--teal2)}.qlist a span{flex:1}.qlist .ic:first-child{color:var(--ember)}.qlist .ic:last-child{color:var(--muted)}
.qnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.qnav a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px}.qnav a:hover{border-color:var(--ink)}
.qcat{margin-bottom:36px}.qcat h2{font-size:1.5rem}
.answer{max-width:760px;font-size:1.15rem;line-height:1.7;margin-bottom:24px}.answer .small{font-size:14px}
.askbox{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.askbox h2{margin:0 0 4px;font-size:1.6rem}.askbox p{margin:0;color:var(--ink2)}
/* ask form */
.askf{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:22px;box-shadow:var(--sh);display:grid;gap:14px}
.af-row{display:grid;gap:6px}.af-row label{font-weight:700;font-size:15px}.opt{font-weight:400;color:var(--muted);font-size:13.5px}
.af-2{display:grid;gap:14px}@media(min-width:620px){.af-2{grid-template-columns:1fr 1fr}}
.askf input,.askf textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:var(--cream);color:var(--ink)}
.askf input:focus,.askf textarea:focus{outline:none;border-color:var(--teal);background:#fff}
.af-note{font-size:13.5px;color:var(--muted);margin:0}.af-status{margin:0;font-size:14.5px}.af-done h3{margin-top:0}
.hp{position:absolute!important;left:-9999px!important}
.ask-side .qlist{grid-template-columns:1fr}.ask-side .btn{margin-bottom:28px}
/* call band */
.callband{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;background:var(--ink);color:#F3EBE2;border-radius:var(--r2);padding:22px 24px;margin-top:8px}
.callband b{display:block;font:600 1.3rem var(--serif);color:#fff}.callband span{color:#D6C9BD}
/* areas */
.areas{display:grid;gap:12px;margin-bottom:24px}@media(min-width:700px){.areas{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.areas{grid-template-columns:repeat(4,1fr)}}
.area{display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-decoration:none;color:var(--ink)}
.area:hover{border-color:var(--teal)}.area .ic{color:var(--ember)}.area span{font-size:14px;color:var(--muted)}
/* faq */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px}
.faq summary{cursor:pointer;list-style:none;padding:16px 46px 16px 18px;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:12px;font-size:24px;color:var(--ember)}.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 18px 4px;color:var(--ink2)}
/* prose / legal */
.prose{max-width:780px}.prose h2{font-size:1.5rem;margin-top:1.4em}.legal .toc{columns:2}.tbl{overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;font-size:15px}.tbl th,.tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.smap{display:grid;gap:24px}@media(min-width:900px){.smap{grid-template-columns:repeat(3,1fr)}}.smap h2{font-size:1.25rem}.smap ul{padding-left:18px;margin:0}
/* final CTA + footer */
.cta-final{position:relative;color:#fff;background:#1E1915;overflow:hidden}
.cta-bg::after{content:"";position:absolute;inset:0;background:rgba(24,19,16,.82)}
.cta-in{position:relative;padding:60px 16px;text-align:center;max-width:760px}.cta-final h2{color:#fff}.cta-final p{color:#EFE6DC}.cta-final .btns{justify-content:center}
.ftr{background:#1E1915;color:#CDBFB3;padding:52px 0 24px;font-size:15px}
.f-grid{display:grid;gap:28px}@media(min-width:900px){.f-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.ftr .brand{color:#fff}.ftr .wm small{color:#B3A498}.ftr h2{font:700 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 12px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ftr a{color:#E9DFD4;text-decoration:none}.ftr a:hover{color:#fff;text-decoration:underline}
.f-phone{display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:18px;color:#fff!important}
.disc{font-size:13px;color:#A99A8E;border-top:1px solid #3B322C;margin-top:32px;padding-top:20px}
.f-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13.5px}.f-legal nav{display:flex;flex-wrap:wrap;gap:6px 16px}
/* mobile tab bar */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
@media(min-width:960px){.tabbar{display:none}}
.tb-i,.tb-call{display:flex;flex-direction:column;align-items:center;gap:2px;font:600 11.5px var(--sans);color:var(--ink2);text-decoration:none;background:none;border:0;cursor:pointer}
.tb-call{background:var(--ember);color:#fff;border-radius:14px;margin:-18px 4px 0;padding:10px 0 6px;box-shadow:0 10px 20px -8px rgba(214,95,36,.8)}
.img-x{background:var(--soft)}
@media print{.topbar,.hdr,.tabbar,.cta-final,.ftr,.callband,.btns{display:none!important}.lhero{background:none}}

/* ===== HouseFireCleanup additions: two-path hero, trust bar, situations library, article layout, landing pages ===== */
:root{--red:#C2382A;--red2:#A12D21;--navy:#1E3A5F;--navy2:#162C48}
.paths{display:grid;gap:12px;margin:22px 0 10px;max-width:640px}
@media(min-width:620px){.paths{grid-template-columns:1fr 1fr}}
.path{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 16px;border-radius:16px;color:#fff;text-decoration:none;box-shadow:0 16px 30px -18px rgba(0,0,0,.8);transition:.15s}
.path:hover{color:#fff;transform:translateY(-2px)}
.path b{display:block;font:800 17px/1.2 var(--sans)}.path small{display:block;font-size:13px;opacity:.88;margin-top:4px;line-height:1.3}
.path-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16)}
.path.urgent{background:var(--red)}.path.urgent:hover{background:var(--red2)}
.path.rebuild{background:var(--navy);border:1px solid rgba(255,255,255,.18)}.path.rebuild:hover{background:var(--navy2)}
.path-note{font-size:14.5px;color:#E7DCCF;margin:0 0 6px}.path-note a{color:#fff;font-weight:800}
.trustbar{background:var(--ink);color:#EDE4DA;border-top:1px solid #3B322C}
.tb2{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;padding:14px 16px;font:600 14.5px var(--sans)}
.tb2 span{display:inline-flex;gap:8px;align-items:center}.tb2 .ic{color:var(--gold)}
.ask3{display:grid;gap:16px}@media(min-width:760px){.ask3{grid-template-columns:repeat(3,1fr)}}
.ask3>div{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.ask3-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:#fff;margin-bottom:10px}
.ask3 p{margin:0;color:var(--ink2);font-size:15.5px}
.upsell{display:grid;gap:18px;align-items:center;background:linear-gradient(135deg,var(--navy),#14263D);color:#E6EDF5;border-radius:var(--r2);padding:24px;margin:28px 0}
@media(min-width:860px){.upsell{grid-template-columns:1fr auto;padding:30px 34px}}
.upsell h2{color:#fff;font-size:1.45rem;margin:0 0 8px}.upsell p{margin:0}.upsell .kick{color:var(--gold);margin-bottom:8px}
.sit-grid{display:grid;gap:18px}@media(min-width:620px){.sit-grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.sit-grid{grid-template-columns:repeat(3,1fr)}}
.sit{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;text-decoration:none;color:var(--ink);transition:.15s}
.sit:hover{box-shadow:var(--sh);transform:translateY(-2px);color:var(--ink)}
.sit-img{aspect-ratio:16/9;background:var(--soft);overflow:hidden}.sit-img img{width:100%;height:100%;object-fit:cover}
.sit-b{padding:16px 18px 18px}.sit-b h3{font-size:1.1rem;margin:0 0 6px}.sit-b p{margin:0;font-size:14.5px;color:var(--ink2)}
.art-wrap{display:grid;gap:32px}@media(min-width:1000px){.art-wrap{grid-template-columns:minmax(0,1fr) 320px;gap:48px}}
.art{max-width:760px}.art h2{font-size:1.55rem;margin-top:1.3em}.art p{font-size:1.06rem}
.art-toc{background:var(--soft);border-radius:var(--r);padding:16px 20px;margin:0 0 8px}.art-toc p{font:700 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.art-toc ol{margin:0;padding-left:20px;display:grid;gap:4px}
.art-check{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:28px 0 16px}.art-check h2{margin-top:0;font-size:1.3rem}
.art-side{display:grid;gap:18px;align-content:start}
@media(min-width:1000px){.art-side{position:sticky;top:120px}}
.side-call{background:var(--ink);color:#EDE4DA;border-radius:var(--r);padding:20px}.side-call .kick{color:var(--gold);margin-bottom:6px}
.side-links{display:grid;gap:2px;border:1px solid var(--line);border-radius:var(--r);padding:16px}.side-links p{font:700 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.side-links a{padding:8px 0;border-bottom:1px solid var(--line);font-weight:600;text-decoration:none}.side-links a:last-child{border:0}
.lp-in{display:grid;gap:28px;align-items:center}@media(min-width:960px){.lp-in{grid-template-columns:1.3fr .8fr}}
.phero.lp .hero-card .btn{margin-top:6px}
.lp-ftr{padding:28px 0 90px}
.lp-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;font:800 18px var(--sans);text-decoration:none;padding:15px;border-radius:999px;box-shadow:0 12px 26px -10px rgba(0,0,0,.6)}
@media(min-width:960px){.lp-sticky{display:none}}
body:has(.lp-sticky){padding-bottom:0}