:root{--dark:#101920;--dark2:#17242d;--yellow:#ffc400;--white:#fff;--bg:#f5f6f6;--text:#17212a;--muted:#68747d;--line:#dfe4e7;--radius:18px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:absolute;z-index:10;left:0;right:0;top:0;color:#fff;padding:20px 0}.nav{display:flex;align-items:center;gap:30px}.logo{font-size:24px;font-weight:900;display:flex;align-items:center;gap:10px}.mark{width:28px;height:31px;display:inline-block;border-left:7px solid var(--yellow);border-top:7px solid #fff;transform:skewY(-22deg)}.links{display:flex;gap:21px;margin-left:auto;font-size:12px;font-weight:700}.links a:hover{color:var(--yellow)}.phone{font-weight:800;white-space:nowrap}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:590px;color:#fff;display:flex;align-items:center;padding:120px 0 65px;background:linear-gradient(90deg,rgba(7,14,19,.93),rgba(7,14,19,.68),rgba(7,14,19,.25)),url("../assets/visual-reference.png") center/cover no-repeat}
.kicker,.eyebrow{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.04em;max-width:850px;margin:15px 0 22px}.hero p{max-width:700px;font-size:18px;line-height:1.55;color:#e7ecef}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:50px;padding:14px 21px;border-radius:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.primary{background:var(--yellow);color:#111}.secondary{border-color:rgba(255,255,255,.55);color:#fff}
.pagehero{min-height:430px;color:#fff;display:flex;align-items:end;padding:140px 0 65px;background:linear-gradient(90deg,rgba(7,14,19,.92),rgba(7,14,19,.55)),url("../assets/visual-reference.png") center/cover}.pagehero h1{font-size:clamp(42px,6vw,70px);margin:10px 0 15px;line-height:1}.pagehero p{max-width:700px;color:#dce4e8;line-height:1.6}
section{padding:86px 0}.head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.head h2{font-size:clamp(34px,4vw,54px);line-height:1;margin:8px 0 0;letter-spacing:-.03em}.head p{max-width:600px;color:var(--muted);line-height:1.6}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.card img{width:100%;aspect-ratio:1.45;object-fit:cover}.cardbody{padding:21px}.card h3{font-size:19px;margin:0 0 8px}.card p{font-size:14px;color:var(--muted);line-height:1.55;margin:0}
.dark{background:var(--dark);color:#fff}.dark .eyebrow{color:var(--yellow)}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#2a3943}.benefit{padding:27px;background:var(--dark)}.benefit b{font-size:28px;color:var(--yellow);display:block;margin-bottom:14px}.benefit h3{font-size:16px;margin:0 0 8px}.benefit p{font-size:13px;color:#aebbc2;line-height:1.5;margin:0}
.project img{aspect-ratio:1.55}.meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:12px;color:var(--muted)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:22px}.feature h2{font-size:clamp(36px,4vw,55px);line-height:1.04;margin:10px 0 18px}.feature p{color:var(--muted);line-height:1.7}.list{display:grid;border-top:1px solid var(--line);margin-top:25px}.listitem{padding:19px 0;border-bottom:1px solid var(--line)}.listitem b{display:block;margin-bottom:5px}.listitem span{font-size:14px;color:var(--muted)}
.steps{border-top:1px solid #35434c}.step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #35434c}.num{font-size:28px;color:var(--yellow);font-weight:900}.step h3{margin:0 0 7px}.step p{margin:0;color:#b8c3c9;font-size:14px}.process{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}
.pricebox{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.pricebox h2{font-size:44px;line-height:1.05;margin:8px 0 18px}.pricebox p{color:var(--muted);line-height:1.65}.pricecard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.pricecard li{margin:12px 0;color:#56636c}
.contact{background:linear-gradient(135deg,#111c24,#24343f);color:#fff}.contactgrid{display:grid;grid-template-columns:1fr .9fr;gap:60px}.contact h2{font-size:54px;line-height:1.03;margin:10px 0 20px}.contact p{color:#c3cdd2;max-width:570px}.form{background:#fff;color:var(--text);padding:28px;border-radius:18px}.form h3{margin-top:0;font-size:25px}input,textarea{font:inherit;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;margin:7px 0 15px}textarea{min-height:110px}.form .btn{width:100%;border:0}
footer{background:#0a1117;color:#9eabb2;padding:45px 0}.footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer strong{color:#fff;font-size:21px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;font-size:13px;margin:7px 0}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid #25323b;font-size:12px}
@media(max-width:950px){.links,.phone{display:none}.menu{display:block;margin-left:auto}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.feature,.process,.pricebox,.contactgrid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.hero{min-height:auto;padding:120px 0 50px}.hero h1{font-size:43px}.hero p{font-size:16px}.buttons .btn{width:100%}.pagehero{min-height:390px;padding:125px 0 48px}.pagehero h1{font-size:44px}.grid4,.grid3,.benefits{grid-template-columns:1fr}.benefit{border-bottom:1px solid #2a3943}.head{display:block}.head p{margin-top:18px}.feature img{aspect-ratio:1.25}.process{gap:30px}.contact h2{font-size:40px}.footer{grid-template-columns:1fr}section{padding:62px 0}}