/* Homepage visual system: Azan blue, fresh cyan and leaf green. */
body{background:#fff;color:#123b57}
.topbar{background:#083f6a;letter-spacing:.5px}
body>header{border-bottom:0}
.button{border-radius:30px;font-weight:600}
.hero-slider{border-bottom:1px solid #cde4f0}
.hero-slider .hero-slide{background:radial-gradient(ellipse at 85% 48%,#c8ebf6,transparent 46%),linear-gradient(110deg,#e7f5fb,#f8fcff)}
.hero-slider .slide-content .button{box-shadow:0 8px 22px #086ca62b}
.home-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:30px 0;border-bottom:1px solid #dcebf1}
.home-quick-links a{display:flex;align-items:center;gap:15px;padding:12px;color:#194963;border-radius:16px;transition:background .2s}
.home-quick-links a:hover{background:#edf8fc}
.quick-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#e3f3fa;color:#087fbb;font-size:23px;flex-shrink:0}
.home-quick-links a:nth-child(2) .quick-icon{background:#e8f5e1;color:#3d8c2d}
.home-quick-links strong{font-size:16px;display:block;line-height:1.5}
.home-quick-links small{display:block;font-size:13px;color:#56778c;line-height:1.7;margin-top:3px}
.aqua-selection{padding:75px 0;background:#fff}
.aqua-heading{margin-bottom:36px}
.aqua-heading h2,.story-grid h2,.contact-grid h2,.how-section h2,.faq h2{color:#0d4676;font-size:clamp(34px,4vw,52px);line-height:1.15;font-weight:600}
.aqua-heading p{font-size:16px;line-height:1.8;color:#55758b}
.aqua-caption{font-size:14px;letter-spacing:1px}
.selection-grid{gap:24px}
.selection-item{border:1px solid #d4e9f1;border-radius:28px;background:linear-gradient(145deg,#f4fbff,#e7f5fc);padding:26px 20px 30px;box-shadow:0 8px 24px #153c5708;transition:transform .2s}
.selection-item:nth-child(2){background:linear-gradient(145deg,#f6fcf0,#eaf5df);border-color:#dceacb}
.selection-item:hover{transform:translateY(-5px)}
.selection-index{font-size:11px;font-weight:600;color:#357491}
.selection-item h2{font-size:30px;color:#123e68}
.selection-image{height:230px;margin:8px 0 20px}
.selection-image img,.selection-main .selection-image img{height:225px;width:150px}
.selection-link{font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.8px}
.aqua-feature{background:linear-gradient(110deg,#0a3c67,#087eaf);margin:0 auto;border-radius:36px;width:min(1280px,94%)}
.aqua-feature-grid{min-height:470px;gap:50px}
.feature-bottle{height:470px}.feature-bottle img{height:420px;width:280px}
.feature-copy h2{font-size:clamp(38px,4.5vw,62px)}
.feature-copy>p{font-size:16px;line-height:1.8}
.aqua-white-button{border-radius:30px;font-size:14px;padding:14px 22px}
.feature-notes{font-size:12px;line-height:1.6;gap:16px;flex-wrap:wrap}
.aqua-services{padding-block:75px}
.aqua-service-grid{gap:28px}
.aqua-service-grid>article{border:1px solid #d5e7ef;border-radius:28px;overflow:hidden;box-shadow:0 10px 30px #163c570a;background:#fff}
.service-art{height:290px;background:#dff3fb;overflow:hidden}
.service-art img{height:100%;width:100%;object-fit:cover;object-position:center 46%;transform:none}
.service-art>span{display:none}
.service-content{padding:30px}
.service-content h3{font-size:32px;color:#124b76;font-weight:600}
.service-content p,.story-grid p,.contact-intro,.steps p{font-size:16px;line-height:1.8;color:#53768d}
.text-link{font-size:14px;font-weight:600;line-height:1.7}
.aqua-story{background:#f0f8fc;padding:65px 0}
.story-grid{gap:60px}
.story-location{border-radius:28px;background:linear-gradient(130deg,#0b639a,#103a5b);color:#fff;border:0;padding:38px}
.story-location h3{color:#fff;font-size:56px}.story-location p,.story-location a{color:#d4edf8;font-size:15px}
.how-section{padding:70px 0;background:#fff}
.steps{gap:24px}
.steps article{border:1px solid #dbeaf1;border-radius:24px;padding:28px;background:#f5fbff}
.steps article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dbeffa;font-weight:700;margin-bottom:20px}
.steps h3{font-size:29px;color:#154b74}
.contact-grid{padding-block:65px;gap:60px;border-top:1px solid #dfebf0}
form{border-radius:28px;background:#f0f8fc;border:1px solid #cee5ef;padding:34px;box-shadow:0 12px 35px #173f5810}
form h3{font-size:32px;color:#0f4a79}
form>p,form label{font-size:14px;line-height:1.6}
form input,form select,form textarea{font-size:16px;border-radius:12px;min-height:48px;border-color:#cbdfe9}
.form-note{font-size:12px;line-height:1.8}
.faq{padding-bottom:65px;gap:60px}.faq details{padding:21px 0}.faq summary{font-size:16px;line-height:1.6}.faq p{font-size:15px;line-height:1.8}
footer{background:#0c3453}.footer-bottom{font-size:12px;line-height:1.7}
@media(max-width:800px){.home-quick-links{gap:8px}.home-quick-links a{gap:9px;padding:8px}.home-quick-links strong{font-size:14px}.quick-icon{width:38px;height:38px}.home-quick-links small{font-size:12px}.selection-grid{gap:16px}.selection-item{padding:22px 12px}.selection-item h2{font-size:25px}.selection-link{font-size:11px}.aqua-feature-grid{gap:25px}.story-grid,.contact-grid{gap:30px}.service-content{padding:25px}}
@media(max-width:580px){.home-quick-links{grid-template-columns:1fr;padding:20px 0;gap:8px}.home-quick-links a{padding:10px}.home-quick-links strong{font-size:16px}.home-quick-links small{font-size:14px}.quick-icon{width:45px;height:45px}.aqua-selection,.aqua-services{padding-block:45px}.selection-grid{grid-template-columns:1fr;gap:18px}.selection-item{padding:25px}.selection-image{height:220px}.selection-item h2{font-size:31px}.selection-link{font-size:13px}.aqua-feature{border-radius:26px;width:92%}.aqua-feature-grid{grid-template-columns:1fr;gap:0}.feature-bottle{height:300px}.feature-bottle img{height:280px;width:185px}.feature-word{font-size:120px;top:90px}.feature-copy{padding:10px 0 34px}.feature-copy h2{font-size:39px}.feature-copy>p{font-size:16px}.aqua-service-grid{grid-template-columns:1fr;gap:22px}.service-art{height:260px}.service-content{padding:25px}.service-content h3{font-size:30px}.aqua-story,.how-section{padding:45px 0}.story-grid{grid-template-columns:1fr;gap:26px}.story-location{padding:30px}.steps{gap:16px}.steps article{padding:25px}.steps article>span{position:static;margin-bottom:15px}.contact-grid{padding-block:45px;gap:30px}.contact-grid h2{font-size:39px}form{padding:24px}.form-grid{grid-template-columns:1fr}.faq{gap:25px;padding-bottom:45px}.footer-top>a:last-child{font-size:15px}.whatsapp-float{box-shadow:0 6px 22px #153c5730}}
@media(prefers-reduced-motion:reduce){.selection-item:hover{transform:none}}
