*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#294b70;background:#f4fbfc}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:18px 6%;border-bottom:1px solid #e4eef2}.logo{display:flex;align-items:center;gap:10px}.logo b{display:block;font-size:25px;letter-spacing:2px}.logo small{display:block;color:#6b8ba0;font-size:11px;letter-spacing:1px}.mark{font-size:40px;line-height:1;color:#20b8d8;font-weight:bold;transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a:hover{color:#168fd1}.btn{display:inline-block;padding:14px 24px;border-radius:30px;background:#168fd1;color:white;box-shadow:0 10px 24px rgba(22,143,209,.22)}.btn.small{padding:10px 18px}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 7%;background:linear-gradient(135deg,#0b4d70,#168fd1 52%,#20b8d8);color:white}.hero:after{content:"";position:absolute;inset:auto -5% -160px -5%;height:320px;background:#f4fbfc;border-radius:50% 50% 0 0/45% 45% 0 0}.hero-content{position:relative;z-index:2;max-width:590px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:bold;opacity:.82}.hero h1{font-size:clamp(50px,7vw,86px);line-height:.98;margin:18px 0}.hero h1 em{font-style:normal;font-weight:300}.hero p:not(.eyebrow){font-size:19px;line-height:1.6;max-width:520px;margin-bottom:30px}.hero-art{position:absolute;right:-40px;bottom:0;width:55%;height:100%;opacity:.8}.water{position:absolute;right:0;bottom:40px;width:90%;height:260px;background:repeating-linear-gradient(165deg,transparent 0 24px,rgba(255,255,255,.18) 25px 30px);border-radius:50%}.sun{position:absolute;right:17%;top:15%;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:0 0 100px rgba(255,255,255,.25)}.house{position:absolute;right:13%;bottom:190px;width:360px;height:150px;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.06));clip-path:polygon(0 45%,40% 0,100% 35%,100% 100%,0 100%);border:1px solid rgba(255,255,255,.3)}.section,.about,.contact{padding:100px 7%}.section-head{max-width:760px}.section h2,.about h2,.contact h2{font-size:46px;line-height:1.08;margin:12px 0 20px}.section-head>p:last-child,.about p,.contact p{font-size:17px;line-height:1.7;color:#587080}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}.cards article{background:white;padding:30px;border-radius:24px;box-shadow:0 12px 35px rgba(41,75,112,.08);min-height:250px}.cards span{font-size:32px;color:#20b8d8}.cards h3{font-size:22px;margin:20px 0 10px}.cards p{color:#647987;line-height:1.6}.about{background:white;display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:center}.quote{font-size:35px;padding:55px;border-radius:35px;background:linear-gradient(145deg,#e8f8fb,#d5f0f4);color:#168fd1}.quote strong{color:#294b70}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#eaf6fb}.contact-box{background:white;border-radius:28px;padding:30px;display:grid;gap:18px}.contact-box a,.contact-box p{padding:12px 0;border-bottom:1px solid #e5eef2}.contact-box span{display:block;font-size:12px;color:#7b929f;letter-spacing:1px;margin-bottom:5px}.contact-box strong{font-size:19px;color:#294b70}footer{background:#294b70;color:white;padding:35px 7%;display:flex;align-items:center;justify-content:space-between}footer p{opacity:.75;font-size:13px}@media(max-width:850px){nav{display:none;position:absolute;left:0;right:0;top:72px;background:white;padding:20px 7%;flex-direction:column;align-items:flex-start;box-shadow:0 12px 25px rgba(0,0,0,.08)}nav.open{display:flex}.menu{display:block}.hero{min-height:620px;padding:70px 7%}.hero-art{opacity:.3;width:100%;right:-35%}.cards{grid-template-columns:1fr 1fr}.about,.contact{grid-template-columns:1fr;gap:35px}.section h2,.about h2,.contact h2{font-size:38px}footer{flex-direction:column;align-items:flex-start;gap:20px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero h1{font-size:52px}.hero p:not(.eyebrow){font-size:16px}}