:root{--bg:#020910;--panel:#07141e;--orange:#ff7a00;--text:#f7f9fb;--muted:#c4ced6;--line:#30404c;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:10;background:#020910;border-bottom:1px solid #26333e}.nav{min-height:78px;display:flex;align-items:center;gap:25px}.brand{margin-right:auto}.brand strong{font:700 31px Georgia,serif;color:var(--orange)}.brand small{display:block;letter-spacing:2px;font-weight:800;font-size:10px}.links{display:flex;gap:25px}.links a{font-weight:800;font-size:12px;text-transform:uppercase}.links a.active,.links a:hover{color:var(--orange)}.phone{border:1px solid var(--orange);border-radius:5px;padding:12px 16px;font-weight:800}.menu{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:450px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,9,16,.97),rgba(2,9,16,.62),rgba(2,9,16,.2)),url('realisation-piscine.jpg') center/cover}.hero-inner h1,.hero h1{font:700 clamp(42px,6vw,70px) Georgia,serif;margin:0}.hero h1 span{color:var(--orange)}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:2px}.section{padding:55px 0}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:26px}.panel h2{color:var(--orange);font:700 28px Georgia,serif;margin-top:0}.panel p{color:var(--muted)}form{display:grid;gap:13px}label{font-weight:700;font-size:12px}input,select,textarea{width:100%;margin-top:6px;background:#020910;color:#fff;border:1px solid #53616d;border-radius:4px;padding:13px;font:inherit}textarea{min-height:150px}.honeypot{display:none}.btn{display:inline-block;border:1px solid #75818b;border-radius:4px;padding:12px 18px;font-weight:800;font-size:12px;text-transform:uppercase;background:transparent;color:#fff}.btn.primary{background:var(--orange);border-color:var(--orange)}.form-note{font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{overflow:hidden;border:1px solid var(--orange);border-radius:8px;background:var(--panel)}.card img{width:100%;height:280px;object-fit:cover}.card .body{padding:18px}.tag{color:var(--orange);font-weight:800;font-size:11px}.card h3{font:700 23px Georgia,serif}.card p{color:var(--muted)}footer{border-top:1px solid #26333e;padding:40px 0;background:#01060b}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:25px}.foot h3{font:700 26px Georgia,serif;color:var(--orange)}.foot h4{font-size:12px}.foot a,.foot p{display:block;color:var(--muted);font-size:11px;margin:7px 0}.copy{text-align:center;border-top:1px solid #26333e;padding-top:15px;margin-top:25px;color:#87939c;font-size:10px}@media(max-width:800px){.links{display:none;position:absolute;top:78px;left:0;right:0;background:#020910;padding:15px;flex-direction:column}.links.open{display:flex}.menu{display:block}.phone{display:none}.grid,.split,.foot{grid-template-columns:1fr}.card img{height:240px}}

.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
.service{min-height:300px;padding:48px 28px 36px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.service:last-child{border-right:0}
.service .ico{height:78px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:var(--orange)}
.service-icon{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.service h3{margin:0 0 14px;font-size:20px;line-height:1.25;text-transform:uppercase;color:var(--text)}
.service p{margin:0;color:var(--muted);font-size:15px;max-width:240px}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){.service-grid{grid-template-columns:1fr}.service{border-right:0!important;border-bottom:1px solid var(--line)}.service:last-child{border-bottom:0}.service{min-height:250px;padding:38px 22px}}