/* /homepages/pj-dpf/htdocs/css/home.css
 * Deep DPF Inspect public pages; no external assets or tracking dependencies.
 */
.page-home main,.site-section,.insight-panel,.subhero{min-width:0}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);align-items:center;gap:clamp(24px,5vw,76px);padding:clamp(64px,8vw,110px) 0 100px}
.hero-content h1{margin:0;font-size:clamp(3.7rem,8vw,7.2rem);line-height:.96;letter-spacing:-.065em;font-weight:810}
.hero-content h1 em{display:block;font-style:normal;color:var(--accent)}
.hero-headline{font-weight:700;font-size:clamp(1.4rem,3vw,2rem);line-height:1.28;letter-spacing:-.02em;margin:27px 0 0}
.hero-description{color:var(--muted);font-size:clamp(1.02rem,1.6vw,1.16rem);max-width:620px;line-height:1.75;margin:18px 0 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:750;line-height:1.25;transition:transform .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#05151a;background:var(--accent)}
.btn-secondary{border:1px solid rgba(255,255,255,.18);color:var(--text);background:rgba(255,255,255,.04)}
.hero-status{margin:24px 0 0;color:#93a9b7;font-size:.82rem}
.hero-art{isolation:isolate;position:relative;min-height:470px;display:grid;place-items:center}
.hero-art::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(66,211,165,.20),transparent 65%);filter:blur(15px)}
.hero-art .hero-orbit{position:absolute;aspect-ratio:1;width:96%;border:1px solid rgba(66,211,165,.16);border-radius:50%;transform:rotate(-23deg) scaleY(.68)}
.hero-art img{width:min(78%,370px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 24px 52px rgba(0,0,0,.36));border-radius:25%}
.site-section{padding:78px 0}
.section-intro{max-width:790px;margin-bottom:30px}
.section-intro h2,.info-band h2,.cta-panel h2{font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 19px}
.section-intro>p:last-child,.info-band p:not(.eyebrow),.cta-panel p:not(.eyebrow){color:var(--muted);line-height:1.8}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(23,42,54,.9),rgba(11,26,37,.82));padding:29px;border-radius:18px;min-width:0}
.feature-index{font-size:.73rem;font-weight:800;letter-spacing:.17em;color:var(--accent)}
.feature-card h2,.feature-card h3{font-size:1.25rem;letter-spacing:-.02em;margin:24px 0 12px;line-height:1.25}
.feature-card p{color:var(--muted);line-height:1.7;margin:0;font-size:.95rem}
.insight-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(34px,5vw,64px);border:1px solid var(--line);border-radius:23px;background:linear-gradient(110deg,#112632,#0b1923);margin:40px 0 60px}
.insight-heading h2{font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.13;letter-spacing:-.045em;margin:0 0 20px}
.insight-heading p:not(.eyebrow){color:var(--muted);line-height:1.8}
.insight-steps{display:grid;gap:16px}
.insight-steps>div{display:flex;align-items:center;gap:17px;padding:14px 0;border-bottom:1px solid var(--line)}
.insight-steps span{font-size:.79rem;letter-spacing:.12em;color:var(--accent);font-weight:800}
.insight-steps strong{font-size:.94rem;font-weight:700}
.text-link{display:inline-flex;gap:10px;color:var(--accent);font-weight:700;text-decoration:none;margin-top:13px}
.text-link:hover{text-decoration:underline}
.info-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,75px)}
.info-band>div{border-top:1px solid rgba(66,211,165,.4);padding-top:28px}
.info-band h2{font-size:clamp(1.65rem,3.3vw,2.5rem)}
.cta-panel{margin:70px 0 95px;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.34fr);gap:30px;align-items:center;border:1px solid var(--line);background:linear-gradient(100deg,#112630,#0a1b24);border-radius:24px;padding:clamp(23px,5vw,57px);overflow:hidden}
.cta-panel img{max-width:100%;max-height:260px;object-fit:cover;object-position:center;border-radius:18px;justify-self:end}
.subhero{max-width:920px;padding:clamp(57px,8vw,104px) 0 20px}
.subhero h1{font-size:clamp(2.7rem,7vw,5rem);line-height:1.04;letter-spacing:-.055em;margin:0}
.subhero>p:last-child{color:var(--muted);font-size:1.18rem;max-width:750px;line-height:1.7;margin-top:20px}
.subtle-note{margin-top:28px;color:var(--muted)}
.subtle-note a{color:var(--accent)}
@media(max-width:920px){.hero-layout{grid-template-columns:1fr;padding-bottom:50px}.hero-art{min-height:300px}.hero-art img{max-width:280px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-panel{gap:25px}}
@media(max-width:650px){.hero-layout{padding-top:48px}.hero-content h1{font-size:clamp(3.35rem,15vw,5.4rem)}.hero-art{min-height:270px}.features-grid,.insight-panel,.info-band,.cta-panel{grid-template-columns:1fr}.site-section{padding:50px 0}.insight-panel{padding:26px}.cta-panel{margin:40px 0 65px}.cta-panel img{max-height:180px;justify-self:start}.feature-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

@media(max-width:920px){.insight-panel{grid-template-columns:1fr}}