:root{--teal:#69D2D0;--tealD:#49BDBA;--orange:#F57C3A;--char:#2F3742;--white:#fff;--soft:#F3FBFB}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Barlow',system-ui,sans-serif;color:var(--char);background:#fff;line-height:1.55;font-size:17px}
h1,h2,h3{font-family:'Anton',Impact,sans-serif;letter-spacing:.5px;text-transform:uppercase;line-height:1.08;font-weight:400}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{background:var(--char);color:#fff;position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
header img{height:48px;display:block}
nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
nav a{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-size:16px}
nav a:hover,nav a.on{color:var(--teal)}
.btn{display:inline-block;background:var(--orange);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;padding:13px 26px;border-radius:4px;border:0;font-size:18px;cursor:pointer}
.btn:hover{background:#e06a29}
.btn.alt{background:transparent;border:2px solid #fff}
.hero{background:linear-gradient(135deg,var(--teal),#8fe0de);padding:64px 0}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(38px,6vw,64px);color:var(--char)}
.hero h1 span{color:#fff;text-shadow:2px 2px 0 var(--orange)}
.hero p{font-size:20px;margin:18px 0 26px;max-width:540px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero .cta .btn.alt{color:var(--char);border-color:var(--char)}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.shots img{width:100%;border-radius:8px;background:#fff;aspect-ratio:624/724;object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,.18)}
section{padding:60px 0}
section h2{font-size:clamp(30px,4.5vw,44px);margin-bottom:12px}
.lead{max-width:680px;margin-bottom:30px;font-size:19px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:2px solid var(--char);border-radius:8px;padding:24px}
.card h3{font-size:24px;margin-bottom:8px;color:var(--char)}
.card .tag{display:inline-block;background:var(--orange);color:#fff;font-family:'Barlow Condensed';font-weight:700;padding:2px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:14px}
.band{background:var(--soft)}
.dark{background:var(--char);color:#fff}
.dark h2{color:var(--teal)}
.prod{background:#fff;color:var(--char);border-radius:8px;overflow:hidden}
.prod img{width:100%;display:block;aspect-ratio:624/724;object-fit:cover;background:#eee}
.prod div{padding:14px 16px}
.prod b{font-family:'Barlow Condensed';font-size:20px;text-transform:uppercase}
.prod small{display:block;color:#555}
.grid4{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
ul.chk{list-style:none}
ul.chk li{padding:6px 0 6px 28px;position:relative}
ul.chk li:before{content:"✔";position:absolute;left:0;color:var(--orange);font-weight:700}
form{background:#fff;color:var(--char);padding:26px;border-radius:8px;display:grid;gap:12px;border:2px solid var(--char)}
label{font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:15px}
input,select,textarea{width:100%;padding:11px;border:2px solid #b8c4c8;border-radius:4px;font:inherit;margin-top:3px}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--orange)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.note{font-size:14px;color:#555}
footer{background:var(--char);color:#cfd8dc;padding:34px 0;font-size:15px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:var(--teal)}
@media(max-width:820px){.hero .wrap,.grid3,.grid4,.two{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}}