.preview-hero{background:var(--navy);color:#fff;overflow:hidden}
.preview-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:68px;align-items:center;min-height:700px}
.preview-hero-copy{padding-block:76px}
.preview-hero-copy h1{font-size:clamp(3.55rem,5.35vw,5.15rem)}
.preview-hero-copy h1 span{color:var(--red-bright)}
.preview-hero-copy .hero-description{max-width:585px}
.preview-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.preview-visual{position:relative;align-self:stretch;display:flex;align-items:center;padding:64px 0}
.preview-board{position:relative;width:100%;min-height:520px;background:#eef2f2;color:var(--ink);border-top:7px solid var(--red);box-shadow:0 22px 55px rgba(0,0,0,.24);padding:44px 42px 38px;overflow:hidden}
.preview-board:before{content:"";position:absolute;inset:22px;border:1px solid #d7dfe1;pointer-events:none}
.preview-board>*{position:relative;z-index:1}
.preview-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:750;color:var(--red)}
.preview-board h2{font-size:clamp(2rem,3vw,2.75rem);margin-bottom:9px}
.preview-board-intro{margin:0;color:var(--muted);line-height:1.7;max-width:440px}
.installation-map{margin:32px 0 24px;border:1px solid #c8d2d5;background:#fff;padding:25px}
.installation-map svg{width:100%;height:auto;display:block}
.preview-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.preview-point{border-top:2px solid var(--red);background:#fff;padding:15px 13px;min-height:88px}
.preview-point strong{display:block;font-size:.78rem;margin-bottom:6px}
.preview-point span{font-size:.72rem;color:var(--muted);line-height:1.45}
.focus-strip{background:var(--paper);border-bottom:1px solid var(--line)}
.focus-strip .strip-inner>span{max-width:430px}
.preview-section{padding-block:100px}
.preview-section .section-heading>p{max-width:430px}
.installation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);gap:1px;background:var(--line)}
.installation-card{background:#fff;padding:34px;min-height:330px;display:flex;flex-direction:column;border-top:3px solid transparent}
.installation-card:hover{border-top-color:var(--red)}
.installation-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}
.installation-icon{width:64px;height:64px;border:1px solid var(--line);background:#f7f9f9;display:grid;place-items:center;color:var(--red)}
.installation-icon svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.installation-number{font-size:.8rem;color:#6e7c82;letter-spacing:.08em}
.installation-card h3{font-size:1.55rem}
.installation-card p{color:var(--muted);line-height:1.8;margin:0 0 24px}
.installation-card ul{list-style:none;margin:auto 0 0;padding:0;font-size:.875rem;line-height:1.6}
.installation-card li{padding:9px 0 9px 17px;position:relative;border-bottom:1px solid #e8ecec}
.installation-card li:before{content:"";position:absolute;left:0;top:19px;width:5px;height:5px;background:var(--red)}
.system-principle{background:var(--navy);color:#fff}
.principle-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.principle-grid h2{font-size:clamp(2.65rem,4vw,4rem)}
.principle-grid h2 span{color:var(--red-bright)}
.principle-copy{border-left:2px solid var(--red-bright);padding-left:34px}
.principle-copy p{margin:0;color:#c7d2d6;font-size:1.08rem;line-height:1.85}
.principle-copy p+p{margin-top:19px}
.secondary-service{background:var(--paper);border-bottom:1px solid var(--line)}
.secondary-service-grid{display:grid;grid-template-columns:1fr .85fr;gap:72px;align-items:center}
.secondary-service-copy p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:640px}
.secondary-service-panel{background:#fff;border-top:4px solid var(--red);padding:35px;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}
.secondary-service-panel h3{font-size:1.65rem}
.secondary-service-panel p{color:var(--muted);line-height:1.75}
.secondary-service-panel .text-link{margin-top:10px}
.preview-cta{background:#fff}
.preview-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px;border-top:5px solid var(--red);background:var(--navy);color:#fff;padding:50px 54px}
.preview-cta h2{font-size:clamp(2rem,3.4vw,3.2rem)}
.preview-cta p{color:#c8d4d8;line-height:1.7;margin:13px 0 0;max-width:650px}
.preview-cta .button{flex-shrink:0}
.preview-page-head{background:var(--navy);color:#fff;padding-block:86px}
.preview-page-head .eyebrow{margin-bottom:18px}
.preview-page-head h1{font-size:clamp(3.25rem,5vw,5rem);max-width:900px}
.preview-page-head p:not(.eyebrow){max-width:680px;color:#c7d2d6;font-size:1.08rem;line-height:1.85;margin:0}
.content-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}
.content-intro p:not(.eyebrow){color:var(--muted);line-height:1.8}
.content-list{list-style:none;margin:0;padding:0}
.content-list li{padding:25px 0;border-top:1px solid #cad3d5}
.content-list li:first-child{padding-top:0;border-top:0}
.content-list h2,.content-list h3{font-size:1.5rem;margin-bottom:9px}
.content-list p{color:var(--muted);line-height:1.8;margin:0}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.capability-panel{border:1px solid var(--line);border-top:4px solid var(--red);padding:35px;background:#fff}
.capability-panel h2{font-size:2rem;margin-bottom:18px}
.capability-panel p{color:var(--muted);line-height:1.8}
.capability-panel .text-link{margin-top:15px}
.contact-preview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}
.contact-preview-card{background:#fff;border-top:5px solid var(--red);padding:38px;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-preview-card h2{font-size:2rem;margin-bottom:25px}
.contact-preview-item+.contact-preview-item{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.contact-preview-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--red);font-weight:750;margin-bottom:8px}
.contact-preview-item a{font-size:1.12rem;line-height:1.6}
.contact-preview-item p{color:var(--muted);line-height:1.7;margin:0}
.preview-footer-note{font-size:.72rem;color:#92a5ad;line-height:1.55;margin:0}
.quiet-capabilities{margin-top:16px;font-size:.74rem;color:#9fb0b7}
.quiet-capabilities a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.preview-hero-grid{gap:38px}.preview-board{padding:38px 30px}.principle-grid,.content-grid,.contact-preview-grid{gap:55px}.secondary-service-grid{gap:45px}}
@media(max-width:760px){.preview-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.preview-hero-copy{padding:56px 0 34px}.preview-hero-copy h1{font-size:clamp(3.05rem,12vw,4.5rem)}.preview-visual{padding:0 0 42px}.preview-board{min-height:0}.preview-points{grid-template-columns:1fr}.preview-section{padding-block:65px}.installation-grid,.principle-grid,.secondary-service-grid,.content-grid,.capability-grid,.contact-preview-grid{grid-template-columns:1fr}.installation-card{min-height:0}.principle-grid,.content-grid,.contact-preview-grid{gap:40px}.principle-copy{padding-left:22px}.preview-cta-inner{align-items:flex-start;flex-direction:column;padding:38px 30px}.preview-page-head{padding-block:62px}.preview-page-head h1{font-size:clamp(2.9rem,12vw,4rem)}}
