:root { --aero-red:#e31e2f; --aero-navy:#101a37; --aero-blue:#243d7a; --aero-paper:#f3f5f8; --aero-text:#30394b; }
.aerosol-page { margin:0; background:#fff; color:var(--aero-text); font-family:Inter,Arial,sans-serif; }
.aerosol-page * { box-sizing:border-box; }
.aerosol-wrap { width:min(1180px,calc(100% - 36px)); margin:0 auto; }
.aerosol-hero { position:relative; min-height:650px; overflow:hidden; background:radial-gradient(circle at 80% 40%,#334a80 0,#152446 38%,#080e20 75%); color:#fff; }
.aerosol-hero::after { content:'AEROSOL'; position:absolute; right:-30px; bottom:-55px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.08); font-size:13vw; font-weight:900; letter-spacing:-.07em; }
.aerosol-hero .aerosol-wrap { position:relative; z-index:2; display:flex; min-height:650px; max-width:1180px; flex-direction:column; justify-content:center; align-items:flex-start; }
.aerosol-breadcrumbs { display:flex; gap:9px; margin-bottom:34px; color:#cbd3e8; font-size:11px; font-weight:700; text-transform:uppercase; }
.aerosol-breadcrumbs a { color:#fff; }
.aerosol-kicker,.aerosol-overline { display:block; color:var(--aero-red); font-size:11px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.aerosol-hero h1 { max-width:800px; margin:18px 0 24px; color:#fff; font-size:clamp(49px,7vw,92px); line-height:.91; letter-spacing:-.065em; text-transform:uppercase; }
.aerosol-hero h1 span { display:block; color:#ff5c69; }
.aerosol-hero p { max-width:650px; margin:0; color:#dce2f1; font-size:16px; line-height:1.75; }
.aerosol-actions { display:flex; gap:13px; margin-top:33px; flex-wrap:wrap; }
.aerosol-btn { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 22px; background:var(--aero-red); color:#fff!important; font-size:11px; font-weight:850; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.aerosol-btn:hover,.aerosol-btn:focus-visible { background:#fff; color:var(--aero-navy)!important; }
.aerosol-btn.outline { background:transparent; border:1px solid rgba(255,255,255,.65); }
.aerosol-art { position:absolute; inset:0 0 0 58%; opacity:.78; }
.generator-cylinder,.generator-box,.generator-atex { position:absolute; bottom:10%; background:linear-gradient(120deg,#eceff4,#8994a9 55%,#3b465a); box-shadow:0 30px 55px rgba(0,0,0,.42); }
.generator-cylinder { left:0; width:120px; height:330px; border-radius:60px 60px 20px 20px; }
.generator-cylinder::before { content:''; position:absolute; top:-22px; left:35px; width:50px; height:30px; background:#272e3a; }
.generator-cylinder i { position:absolute; left:18px; right:18px; top:95px; height:88px; background:#c92736; border:7px solid #f0f2f5; }
.generator-box { left:150px; width:250px; height:285px; border-radius:6px; }
.generator-box i { position:absolute; inset:35px; border:8px solid #a51522; }
.generator-box b { position:absolute; left:50%; bottom:32px; width:52px; height:18px; transform:translateX(-50%); background:#222b38; }
.generator-atex { left:435px; width:145px; height:270px; border-radius:12px; background:linear-gradient(120deg,#d84a1d,#7d190a); }
.generator-atex span { position:absolute; top:44px; left:50%; transform:translateX(-50%); padding:12px; border:2px solid #fff; border-radius:50%; color:#fff; font-size:25px; font-weight:900; }
.aerosol-intro,.aerosol-families,.aerosol-compare,.aerosol-planning,.aerosol-applications,.aerosol-faq { padding:90px 0; }
.aerosol-intro-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.aerosol-intro h2,.aerosol-section-head h2,.aerosol-compare h2,.aerosol-faq h2 { margin:13px 0 0; color:var(--aero-navy); font-size:clamp(35px,4.6vw,58px); line-height:1.05; letter-spacing:-.045em; }
.aerosol-intro p { margin:0 0 17px; color:#505b70; font-size:15px; line-height:1.8; }
.aerosol-families,.aerosol-applications { background:var(--aero-paper); }
.aerosol-section-head { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:end; margin-bottom:42px; }
.aerosol-section-head p { margin:0; color:#667086; line-height:1.75; }
.family-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.family-card { position:relative; display:flex; min-height:585px; flex-direction:column; padding:34px; background:#fff; border-top:5px solid var(--aero-red); box-shadow:0 15px 40px rgba(18,31,69,.09); }
.family-symbol { position:relative; width:100%; height:120px; margin-bottom:32px; background:#edf0f5; overflow:hidden; }
.family-symbol::before { content:''; position:absolute; left:50%; top:18px; width:48px; height:90px; transform:translateX(-50%); background:linear-gradient(90deg,#dce1e8,#778397); }
.family-card.cylindrical .family-symbol::before { border-radius:24px 24px 8px 8px; }
.family-card.box-type .family-symbol::before { width:90px; border:7px solid #a9b1bf; background:#59677e; }
.family-card.atex .family-symbol::before { width:65px; border-radius:8px; background:#b32e18; }
.family-symbol span { position:absolute; z-index:2; left:50%; top:47px; transform:translateX(-50%); color:#fff; font-weight:900; }
.family-card small { color:var(--aero-red); font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.family-card h3 { margin:15px 0; color:var(--aero-navy); font-size:26px; line-height:1.15; }
.family-card p,.family-card li { color:#596478; font-size:13px; line-height:1.72; }
.family-card ul { margin:12px 0 28px; padding-left:19px; }
.family-card>a { margin-top:auto; color:var(--aero-red); font-size:11px; font-weight:850; text-transform:uppercase; }
.aerosol-compare { background:var(--aero-navy); color:#fff; }
.aerosol-compare .aerosol-overline { color:#ff818b; }
.aerosol-compare h2 { max-width:760px; color:#fff; }
.aerosol-table-wrap { margin-top:40px; overflow-x:auto; }
.aerosol-table-wrap table { width:100%; min-width:780px; border-collapse:collapse; }
.aerosol-table-wrap th { padding:16px; background:var(--aero-red); color:#fff; text-align:left; font-size:11px; text-transform:uppercase; }
.aerosol-table-wrap td { padding:18px 16px; border:1px solid rgba(255,255,255,.16); color:#e5e9f4; font-size:12px; line-height:1.6; }
.planning-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:40px; border-top:1px solid #d9dee7; border-left:1px solid #d9dee7; }
.planning-grid article { min-height:220px; padding:28px; border-right:1px solid #d9dee7; border-bottom:1px solid #d9dee7; }
.planning-grid b { color:var(--aero-red); font-size:12px; }
.planning-grid h3 { margin:40px 0 11px; color:var(--aero-navy); font-size:19px; }
.planning-grid p { margin:0; color:#626d82; font-size:13px; line-height:1.7; }
.application-tags { display:flex; gap:10px; flex-wrap:wrap; }
.application-tags span { padding:12px 15px; background:#fff; border:1px solid #d8dde6; color:var(--aero-navy); font-size:12px; font-weight:750; }
.aerosol-warning { margin-top:42px; padding:23px 27px; border-left:5px solid var(--aero-red); background:#fff; color:#4d586c; font-size:14px; line-height:1.75; }
.aerosol-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:75px; }
.aerosol-faq-grid>div:first-child p { color:#667086; line-height:1.7; }
.aerosol-faq details { border-bottom:1px solid #d9dee7; }
.aerosol-faq summary { padding:20px 0; color:var(--aero-navy); font-weight:800; cursor:pointer; }
.aerosol-faq details p { padding:0 0 20px; color:#5b667b; line-height:1.75; }
.aerosol-cta { padding:65px 0; background:var(--aero-red); color:#fff; }
.aerosol-cta .aerosol-wrap { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.aerosol-cta h2 { margin:0; color:#fff; font-size:clamp(30px,4vw,48px); }
.aerosol-cta p { margin:10px 0 0; color:#fff; }
.aerosol-cta .aerosol-btn { background:#fff; color:var(--aero-navy)!important; }
.aerosol-disclaimer { padding:26px 0; background:#0b1025; }
.aerosol-disclaimer p { margin:0; color:#cbd2e4; font-size:11px; line-height:1.7; }
@media(max-width:980px){.aerosol-art{inset:0 0 0 52%;opacity:.32}.aerosol-intro-grid,.aerosol-section-head,.aerosol-faq-grid{grid-template-columns:1fr;gap:28px}.family-grid{grid-template-columns:1fr}.family-card{min-height:auto}.planning-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.aerosol-hero,.aerosol-hero .aerosol-wrap{min-height:620px}.aerosol-art{inset:0;opacity:.12}.aerosol-hero h1{font-size:50px}.aerosol-intro,.aerosol-families,.aerosol-compare,.aerosol-planning,.aerosol-applications,.aerosol-faq{padding:68px 0}.planning-grid{grid-template-columns:1fr}.aerosol-cta .aerosol-wrap{align-items:flex-start;flex-direction:column}}