:root{--navy:#071f63;--deep:#04143f;--blue:#1747b7;--orange:#f27b22;--muted:#647084;--line:#dfe5ee}*{box-sizing:border-box}body{margin:0;color:#101828;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--deep);color:#fff;font-size:14px}.topbar .container{min-height:42px;display:flex;align-items:center;justify-content:space-between}.header{background:#fff}.logo-area{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.logo{width:min(900px,78vw)}.logo img{display:block;width:100%;height:auto}.phones{display:flex;gap:30px;color:var(--navy);font-weight:800}.phones a{white-space:nowrap}nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:center;gap:42px;font-weight:800;color:#29344a}.quote,.button{background:var(--navy);color:#fff;padding:16px 24px;display:inline-block}.hero{min-height:650px;background:linear-gradient(90deg,#020c28f0,#021033c9 52%,#04143f18),url('/assets/sound-proof-canopy.webp') center/cover;color:#fff;display:grid;align-items:center}.hero-copy{padding:80px 0}.hero span,.heading span,.page-hero span,.detail span{color:#9db7ff;font-size:13px;font-weight:800;letter-spacing:.17em}.hero h1{max-width:850px;font-size:clamp(48px,6vw,82px);line-height:1;margin:24px 0}.hero p{max-width:650px;color:#dce5f7;font-size:18px;line-height:1.7;margin-bottom:32px}.section{padding:90px 0}.alt{background:#f5f7fb}.dark{background:var(--deep);color:#fff}.heading{max-width:850px}.heading h2,.page-hero h1,.detail h1{font-size:clamp(38px,5vw,62px);margin:18px 0}.heading p,.lead{color:var(--muted);font-size:18px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.card{background:#fff;border:1px solid var(--line)}.card img{width:100%;height:260px;object-fit:cover}.card div{padding:26px}.card h3{color:var(--navy);font-size:22px}.card p{color:var(--muted);line-height:1.7;min-height:70px}.card a{color:var(--navy);font-weight:800}.page-hero{background:linear-gradient(120deg,var(--deep),#0b328d);color:#fff;padding:80px 0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail>img{width:100%;height:520px;object-fit:cover}.detail p,.detail li{color:var(--muted);line-height:1.8}.detail ul{padding-left:20px;margin-bottom:28px}footer{background:#030d2c;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px}.footer-grid p,.footer-grid a{color:#aebdd8;line-height:1.8}.copyright{border-top:1px solid #ffffff1f;padding-top:22px;margin-top:40px;color:#8290aa}.wa{position:fixed;right:22px;bottom:22px;background:#1aa766;color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:30px;border:4px solid #fff}.center{text-align:center}.admin-bg{background:#eef2f8;min-height:100vh;padding:40px 20px}.admin-shell{width:min(1100px,100%);margin:auto}.admin-shell.narrow{width:min(760px,100%)}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-top>div,.actions{display:flex;gap:12px;align-items:center}.admin-top form,.actions form{margin:0}.admin-button,.admin-form button,.admin-top button{border:0;background:var(--navy);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}.secondary{background:#647084!important}.danger{background:#b42318;border:0;color:#fff;padding:9px 12px;cursor:pointer}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);margin-bottom:22px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:5px}.thumb{width:90px;height:62px;object-fit:cover}.admin-form{background:#fff;padding:34px;box-shadow:0 20px 55px #071f6317}.admin-form.login{width:min(460px,100%);margin:60px auto}.admin-form.login img{width:100%;max-height:85px;object-fit:contain;margin-bottom:24px}.admin-form label{display:grid;gap:8px;margin:18px 0;font-weight:700}.admin-form input,.admin-form textarea{width:100%;border:1px solid #ccd4e2;padding:12px;font:inherit}.admin-form .check{display:flex;align-items:center}.admin-form .check input{width:auto}.error{background:#fff0ee;color:#b42318;padding:12px}.admin-form>a{display:block;margin-top:18px;color:var(--navy)}@media(max-width:850px){.topbar span{display:none}.topbar .container{justify-content:center}.logo-area{min-height:170px}.logo{width:min(680px,88vw)}.phones{gap:14px;font-size:12px}.nav{gap:20px;flex-wrap:wrap;padding:14px 0}.cards{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.detail>img{height:400px}}@media(max-width:560px){.phones{flex-direction:column;gap:6px;align-items:center}.logo-area{min-height:220px}.nav a{font-size:13px}.quote{width:100%;text-align:center}.cards{grid-template-columns:1fr}.hero h1{font-size:48px}.footer-grid{grid-template-columns:1fr}.admin-top{align-items:flex-start;gap:16px}.admin-top>div{flex-direction:column;align-items:stretch}.admin-form{padding:22px}}
.admin-subnav{display:flex;justify-content:space-between;margin-bottom:18px}.secondary-link{background:#647084;color:#fff;padding:13px 18px;font-weight:800}.seo-box{margin:28px 0;padding:20px;border:1px solid var(--line);background:#f8fafc}.seo-box h2{margin:0 0 12px;color:var(--navy)}.editor-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:9px;background:#eef2f8;border:1px solid #ccd4e2;border-bottom:0}.editor-toolbar button{padding:7px 11px;background:#fff;color:#101828;border:1px solid #ccd4e2;font-weight:700}.rich-editor{min-height:230px;border:1px solid #ccd4e2;padding:14px;background:#fff;line-height:1.7;outline:none}.editor-source{display:none!important}.form-preview{display:block;width:160px;height:110px;object-fit:cover;border:1px solid var(--line);margin-top:10px}.blog-cards small,.article-meta{color:var(--muted)}.article{max-width:900px}.article-image{width:100%;max-height:520px;object-fit:cover;margin-bottom:25px}.article-meta{margin-bottom:24px}.article-content{font-size:17px;line-height:1.85;color:#344054}.article-content h2,.article-content h3{color:var(--navy);margin-top:32px}.article-content img{max-width:100%;height:auto}.article-content a{color:var(--blue);text-decoration:underline}
