@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#101820;--teal:#1d8d86;--muted:#65717d;--line:#dfe6e9;--white:#fff;--dark:#081318}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#f7f9fa;line-height:1.55}a{text-decoration:none;color:inherit}
header{height:74px;padding:0 6vw;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{font:700 18px "Space Grotesk";white-space:nowrap}.logo span{display:inline-grid;place-items:center;background:var(--ink);color:#fff;width:29px;height:29px;border-radius:8px;margin-right:7px}nav{display:flex;gap:25px;margin-left:auto;margin-right:25px}nav a{font-size:13px;font-weight:700;color:#53606b}.top-btn,.btn{border-radius:9px;font-weight:700}.top-btn{padding:11px 17px;background:var(--ink);color:#fff;font-size:13px}
.hero{min-height:620px;padding:75px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(135deg,#f8fcfc,#e4f0ee)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#176d69;margin:0 0 12px}.hero h1{font:700 clamp(50px,6.3vw,78px)/.96 "Space Grotesk";letter-spacing:-.06em;margin:0 0 22px}.hero h1 i,.cash-box h2 i{font-style:normal;color:var(--teal)}.hero-text{font-size:20px;color:#586572;max-width:570px}.buttons{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid transparent;cursor:pointer;font-family:inherit}.btn.main{background:var(--ink);color:#fff}.btn.light{background:#fff;border-color:#cad4d8}.notice{margin:20px 0;padding:14px 16px;border-left:3px solid var(--teal);background:#ffffffaa;border-radius:8px;max-width:590px;font-size:12px;color:#53616b}.notice strong{color:var(--ink)}.note,.trust{font-size:11px;color:#687681}.trust{display:flex;gap:18px;flex-wrap:wrap}.hero-image{height:430px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(155deg,#81bbb8,#d8e7dd 60%,#65806c);box-shadow:0 25px 65px #18383b20}.sun{position:absolute;top:35px;right:45px;width:60px;height:60px;background:#fff8d5;border-radius:50%}.drone{position:absolute;top:70px;left:55%;font-size:65px;color:white;z-index:3}.house{position:absolute;z-index:4;bottom:75px;left:17%;width:66%;height:170px;background:#f5f4ee;box-shadow:0 20px 35px #1c332844}.roof{position:absolute;left:-10%;top:-75px;width:120%;height:120px;background:#34474a;transform:skew(-35deg);border-radius:8px}.windows{position:absolute;bottom:30px;left:12%;right:12%;height:55px;background:repeating-linear-gradient(90deg,#8ab1b4 0 45px,#dce5df 45px 60px)}.hero-image strong{position:absolute;bottom:22px;left:25px;color:#fff;font-size:9px;letter-spacing:.2em}
.price-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:28px 7vw}.price-strip div{padding:5px 25px;border-right:1px solid #ffffff20}.price-strip div:last-child{border:0}.price-strip b,.price-strip span{display:block}.price-strip b{font:700 26px "Space Grotesk"}.price-strip span{font-size:11px;color:#aebbc2}
.section{padding:95px 7vw}.heading{max-width:730px;margin-bottom:42px}.heading h2{font:700 clamp(35px,4.4vw,55px)/1.03 "Space Grotesk";letter-spacing:-.045em;margin:0 0 13px}.heading>p:last-child{color:var(--muted);font-size:16px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px}.service-icon{font-size:27px;color:var(--teal)}.service-grid h3{font:700 21px "Space Grotesk";margin:17px 0 0}.big-price{font:700 48px "Space Grotesk";margin:4px 0}.service-grid article>p{color:var(--muted);font-size:14px}.service-grid ul{padding:0;margin:20px 0 27px;list-style:none}.service-grid li{font-size:13px;padding:7px 0;border-bottom:1px solid var(--line)}.full{width:100%}
.area{background:#eef6f4}.area-card{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:50px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px}.area-card h2{font:700 clamp(35px,4vw,52px)/1.05 "Space Grotesk";letter-spacing:-.04em;margin:0 0 15px}.area-card p:not(.eyebrow){color:var(--muted)}.radius{height:240px;width:240px;border-radius:50%;border:2px dashed var(--teal);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;background:#f1f9f7}.radius span{font:700 65px "Space Grotesk";color:var(--teal);line-height:1}.radius small{font-weight:800;letter-spacing:.15em}.radius em{font-style:normal;font-size:10px;color:var(--muted);margin-top:8px}
.dark{background:var(--dark);color:#fff}.dark .eyebrow{color:#6ccac3}.cash-box{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.cash-box h2{font:700 clamp(36px,4.5vw,58px)/1.03 "Space Grotesk";letter-spacing:-.05em;margin:0 0 18px}.cash-box p{color:#aeb9c0}.cash-price{border:1px solid #ffffff20;border-radius:16px;padding:28px;background:#ffffff08}.cash-price span{font-size:10px;letter-spacing:.15em;color:#7fd2cc}.cash-price strong{display:block;font:700 27px "Space Grotesk";margin:7px 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.steps:before{content:"";position:absolute;left:7%;right:7%;top:44px;height:1px;background:linear-gradient(90deg,transparent,var(--teal),var(--teal),transparent);opacity:.35;z-index:0}.step-card{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px 24px;min-height:225px;box-shadow:0 12px 30px #143a4009;transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #143a4015}.step-number{position:absolute;top:15px;right:15px;font:700 11px "Space Grotesk";letter-spacing:.08em;color:#9aabb1}.step-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf5f3;color:var(--teal);font:700 20px "Space Grotesk";border:1px solid #d5ebe7;margin-bottom:25px}.step-card h3{font:700 19px "Space Grotesk";margin:0 0 9px}.step-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0;max-width:220px}.step-arrow{position:absolute;bottom:17px;right:20px;font-size:18px;color:var(--teal);font-weight:700}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery div{height:260px;border-radius:15px;padding:20px;display:flex;align-items:flex-end;color:#fff;font:700 12px "Space Grotesk";letter-spacing:.12em;background:linear-gradient(150deg,#35575d,#82a99b)}.gallery div:nth-child(2){background:linear-gradient(150deg,#536b73,#a2b8b0)}.gallery div:nth-child(3){background:linear-gradient(150deg,#314d44,#91a69a)}.gallery small{font:400 11px "DM Sans";letter-spacing:0}
.booking{background:#eaf3f1;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.booking .heading{margin-bottom:0}form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 18px 45px #143a4012}label{display:block;font-size:12px;font-weight:700;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cbd5da;border-radius:8px;padding:11px;font:inherit;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent{display:flex;gap:8px;align-items:flex-start;font-weight:500}.consent input{width:auto;margin-top:2px}.fine{font-size:10px;color:var(--muted);text-align:center;margin:12px 0 0}.hidden{display:none}
footer{padding:50px 7vw;background:#050d11;color:#aeb9c0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;font-size:11px}footer .logo{color:#fff}footer>div>a:not(.logo){display:block;margin:7px 0}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding:65px 6vw}.hero-image{display:none}.service-grid,.gallery{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps:before{display:none}.booking,.cash-box,.area-card{grid-template-columns:1fr}.price-strip{grid-template-columns:1fr 1fr;gap:12px}.price-strip div{border:0}.radius{margin:0 auto}}
@media(max-width:560px){.top-btn{margin-left:auto}.hero h1{font-size:49px}.section{padding:70px 6vw}.service-grid,.gallery,.steps,.two,footer{grid-template-columns:1fr}.steps:before{display:none}.buttons{flex-direction:column}.price-strip{padding:24px 6vw}.area-card{padding:25px}}