:root{--ink:#161616;--gold:#a78b59;--paper:#fbfaf8;--muted:#5e5e5e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}.hero{min-height:590px;position:relative;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 32%,rgba(0,0,0,.06) 62%),url('assets/hero-av-installation.png') center/cover no-repeat}.hero header{height:85px;max-width:1300px;padding:0 42px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:1;letter-spacing:.06em}.logo small{display:block;font-size:8px;letter-spacing:.28em;margin-top:5px}.wave{font-size:27px;letter-spacing:-7px;color:#fff;transform:rotate(90deg);display:inline-block}.hero nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}.nav-cta{padding:11px 18px;border:1px solid rgba(255,255,255,.8);border-radius:3px}.menu-toggle{display:none}.hero-content{max-width:1300px;margin:0 auto;padding:77px 42px}.hero h1{font-size:39px;line-height:1.1;letter-spacing:-.035em;margin:0 0 18px;font-weight:800}.hero-content>p{font-size:13px;max-width:430px;line-height:1.7;margin:0 0 22px}.hero-buttons{display:flex;gap:12px}.button{padding:13px 28px;font-size:12px;font-weight:700;border-radius:3px}.gold{background:#b19665;color:white}.outline{border:1px solid white}.trust{display:block;font-size:11px;margin-top:23px}.section{max-width:1300px;margin:auto;padding:70px 50px}.kicker{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.section h2,.about h2,.contact h2{font-size:25px;letter-spacing:-.04em;line-height:1.2;margin:0;font-weight:800}.services{text-align:center;padding-bottom:65px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:21px;margin-top:40px}.service-grid article{font-size:11px;line-height:1.55}.service-grid h3{font-size:12px;margin:16px 0 8px}.service-grid p{margin:0;color:#353535}.icon{display:grid;place-items:center;height:48px;font-size:40px;color:var(--gold);font-style:normal;line-height:1}.speakers{font-size:24px;display:flex;gap:2px;justify-content:center;flex-direction:column;align-items:center}.speakers b{font-weight:400}.about{display:grid;grid-template-columns:44% 56%;background:#f6f4f0;min-height:420px}.about-photo{background:url('assets/installer-at-work.png') center/cover no-repeat}.about-copy{padding:65px 10%}.about h2{max-width:460px}.about-copy>p:not(.kicker){font-size:12px;line-height:1.7;max-width:520px;margin:19px 0}.about ul{list-style:none;padding:0;margin:20px 0 0;font-size:11px;font-weight:700;line-height:2.2}.about li:before{content:'✓';display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);margin-right:9px;font-size:9px}.process{text-align:center;padding-top:70px;padding-bottom:75px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:45px 0 0;padding:0;position:relative}.process ol:before{content:'';position:absolute;height:1px;background:#ddd;top:22px;left:12%;right:12%}.process li{position:relative;padding:0 22px}.process li span{background:var(--gold);color:#fff;border-radius:50%;display:inline-grid;place-items:center;width:30px;height:30px;font-size:12px;vertical-align:middle;position:relative;z-index:1}.process li i{font-size:28px;font-style:normal;color:var(--gold);vertical-align:middle;margin-left:10px}.process h3{font-size:12px;margin:18px 0 8px}.process p{font-size:10px;line-height:1.6;margin:0;color:#444}.contact{background:#f5f4f1;border-radius:9px;display:grid;grid-template-columns:31% 69%;gap:20px;padding:48px 58px;margin-bottom:45px}.contact h2{font-size:25px;margin-bottom:36px}.contact-info>div{display:flex;gap:14px;align-items:center;margin:23px 0}.contact-info i{color:var(--gold);font-size:25px;font-style:normal;width:25px}.contact-info p{font-size:11px;line-height:1.8;margin:0}.contact-info small{font-size:10px}form{font-size:11px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact input:not([type=checkbox]),.contact select,.contact textarea{width:100%;border:1px solid #ddd;border-radius:2px;background:#fff;padding:12px;font:11px Manrope;color:#222;margin-bottom:9px}.contact select{height:42px;color:#777}.contact textarea{resize:vertical}.upload{height:60px;border:1px dashed #c8c8c8;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:12px;color:#777}.upload b{font-size:10px;color:#555}.upload small{font-size:9px;margin-top:2px}.consent{font-size:10px;display:block;margin:12px 0}.consent input{vertical-align:middle;margin:0 7px 0 0}.send{width:100%;padding:14px;background:#1d1d1d;color:#fff;border:0;border-radius:2px;font:700 11px Manrope}.form-note{text-align:center;font-size:9px;color:#777;margin:8px 0 0}footer{background:#1e1e1e;color:#fff;min-height:94px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;font-size:10px}footer p{color:#ddd}.logo .wave{color:inherit}@media(max-width:800px){.hero{min-height:650px}.hero header{padding:0 23px}.hero nav{display:none}.menu-toggle{display:block;background:transparent;border:0;color:#fff;font-size:22px}.hero-content{padding:90px 23px}.hero h1{font-size:36px}.section{padding:55px 24px}.service-grid{grid-template-columns:repeat(2,1fr);gap:35px 18px}.about{grid-template-columns:1fr}.about-photo{height:360px}.about-copy{padding:55px 24px}.process ol{grid-template-columns:1fr 1fr;gap:32px 0}.process ol:before{display:none}.process li{padding:0 10px}.contact{display:block;margin:0 20px 30px;padding:40px 24px}.contact-info{margin-bottom:42px}footer{padding:25px 24px;display:block;text-align:center}.logo{justify-content:center}footer p{margin:18px 0}.hero-content>p{max-width:360px}}@media(max-width:430px){.hero h1{font-size:34px}.hero{background-position:59% center}.hero-buttons{flex-direction:column;align-items:flex-start}.button{min-width:155px;text-align:center}.service-grid{gap:30px 13px}.about h2,.section h2,.contact h2{font-size:23px}.fields{grid-template-columns:1fr}.contact{margin-left:12px;margin-right:12px}}
