/* WaterMe design system v1 (2026-10-10) */
:root{--wm-navy:#0A2342;--wm-deep:#071A33;--wm-aqua:#12B5C2;--wm-aqua-d:#0B7F8A;--wm-foam:#F3FAFB;--wm-mist:#E2F1F3;--wm-ink:#36495C;--wm-coral:#FF6B4A;--wm-line:#D5E7EA;--wm-r:18px;--wm-shadow:0 10px 30px rgba(7,26,51,.10);--wm-shadow-h:0 18px 44px rgba(7,26,51,.18)}
body{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--wm-ink);background:#fff}
h1,h2,h3,h4,h5,h6,.uagb-heading-text,.entry-title,.site-title{font-family:"Outfit","DM Sans",sans-serif;color:var(--wm-navy);letter-spacing:-.015em}
a{color:var(--wm-aqua-d)}a:hover{color:var(--wm-navy)}
/* header */
.ast-primary-header-bar,.main-header-bar{background:#fff!important;border-bottom:1px solid var(--wm-line)!important;box-shadow:0 2px 14px rgba(7,26,51,.05)}
.main-header-menu .menu-link,.ast-header-break-point .main-navigation ul .menu-item .menu-link{font-family:"DM Sans",sans-serif;font-weight:600;color:var(--wm-navy)!important;font-size:15px}
.main-header-menu .menu-item:hover>.menu-link,.main-header-menu .current-menu-item>.menu-link{color:var(--wm-aqua-d)!important}
.main-header-menu .current-menu-item>.menu-link{box-shadow:inset 0 -3px 0 var(--wm-aqua)}
.custom-logo-link img{max-height:62px;width:auto}
/* shared */
.wm-eyebrow{font-family:"DM Sans",sans-serif;font-size:13px!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--wm-aqua-d);margin:0 0 12px!important;display:flex;align-items:center;gap:10px}
.wm-eyebrow:before{content:"";width:28px;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--wm-coral) 0 7px,#fff 7px 10px,var(--wm-aqua) 10px 17px,#fff 17px 20px)}
.wm-eyebrow.wm-center{justify-content:center}
.wm-eyebrow-light{color:#9FE7EE}
.wm-section-h .uagb-heading-text{font-size:clamp(28px,3.4vw,42px)!important;line-height:1.12!important;font-weight:650!important;margin-bottom:12px!important}
.wm-section-h .uagb-desc-text{font-size:17px;color:var(--wm-ink);max-width:640px;margin:0 auto!important}
.wm-section-h[class*=uagb-block] {margin-bottom:34px}
.wm-light .uagb-heading-text{color:#fff!important}.wm-light .uagb-desc-text{color:#C9DDE6!important;margin-left:0!important}
.wp-block-uagb-container.uagb-is-root-container>.uagb-container-inner-blocks-wrap{max-width:1180px;margin:0 auto;width:100%;padding:0 24px;box-sizing:border-box}
.wp-block-uagb-container[class*=wm-]{align-items:stretch!important}
/* buttons */
.wm-btn-primary .uagb-buttons-repeater,.wm-btn-ghost .uagb-buttons-repeater,.wm-btn-dark .uagb-buttons-repeater{border-radius:999px!important;padding:15px 28px!important;font-family:"DM Sans",sans-serif;font-weight:700!important;font-size:15px!important;letter-spacing:.01em;text-transform:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:2px solid transparent!important}
.wm-btn-primary .uagb-buttons-repeater{background:var(--wm-aqua)!important;color:var(--wm-deep)!important;box-shadow:0 8px 22px rgba(18,181,194,.35)}
.wm-btn-primary .uagb-buttons-repeater:hover{background:#3FD0DB!important;transform:translateY(-2px)}
.wm-btn-ghost .uagb-buttons-repeater{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.75)!important}
.wm-btn-ghost .uagb-buttons-repeater:hover{background:#fff!important;color:var(--wm-navy)!important}
.wm-btn-dark .uagb-buttons-repeater{background:var(--wm-navy)!important;color:#fff!important}
.wm-btn-dark .uagb-buttons-repeater:hover{background:var(--wm-aqua-d)!important;transform:translateY(-2px)}
.wm-btn-primary .uagb-button__link,.wm-btn-ghost .uagb-button__link,.wm-btn-dark .uagb-button__link{color:inherit!important}
.uagb-buttons__wrap{gap:14px;flex-wrap:wrap}
.wm-center-btns .uagb-buttons__wrap{justify-content:center}
/* hero */
.wm-hero{position:relative;padding:150px 0 190px!important;min-height:86vh;display:flex!important;align-items:center!important;overflow:hidden}
.wp-block-uagb-container.wm-hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(100deg,rgba(7,26,51,.92) 0%,rgba(10,35,66,.72) 42%,rgba(10,35,66,.18) 78%,rgba(10,35,66,.05) 100%)!important;z-index:0!important;opacity:1!important;width:auto!important;height:auto!important}
.wm-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23F3FAFB' d='M0 50c120-30 240-30 360 0s240 30 360 0 240-30 360 0 240 30 360 0V90H0z'/%3E%3Cpath fill='%23F3FAFB' fill-opacity='.45' d='M0 30c120-30 240-30 360 0s240 30 360 0 240-30 360 0 240 30 360 0V90H0z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;z-index:1}
.wm-hero>.uagb-container-inner-blocks-wrap{position:relative;z-index:2}
.wm-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:48px;align-items:end!important;width:100%}
.wm-hero-copy{align-items:flex-start!important}
.wm-hero-title .uagb-heading-text{color:#fff!important;font-size:clamp(40px,5.6vw,72px)!important;line-height:1.02!important;font-weight:700!important;letter-spacing:-.03em;margin:0 0 20px!important}
.wm-hl{color:var(--wm-aqua);background:linear-gradient(transparent 78%,rgba(255,107,74,.55) 78% 90%,transparent 90%)}
.wm-hero-sub{color:#D6E7EE!important;font-size:19px!important;line-height:1.6;max-width:540px;margin:0 0 30px!important}
.wm-hero .wm-eyebrow{color:#9FE7EE}
.wm-hero-card{background:rgba(255,255,255,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:26px 28px!important;gap:0!important}
.wm-stat{display:flex;align-items:baseline;gap:14px;margin:0!important;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.25);color:#E8F4F7}
.wm-stat:last-child{border-bottom:0}
.wm-stat-n{font-family:"Outfit",sans-serif;font-size:40px;font-weight:700;color:#fff;min-width:64px;line-height:1}
.wm-stat-l{font-size:15px;line-height:1.4}
/* trust */
.wm-trust{background:var(--wm-foam);padding:30px 0 80px!important;counter-reset:wmtrust}
.wm-trust-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:100%}
.wm-trust-grid.wm-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.wm-trust-item{background:#fff;border:1px solid var(--wm-line);border-radius:var(--wm-r);padding:26px 24px!important;position:relative;counter-increment:wmtrust;transition:transform .25s ease,box-shadow .25s ease}
.wm-trust-item:hover{transform:translateY(-4px);box-shadow:var(--wm-shadow)}
.wm-trust-item:before{content:"0" counter(wmtrust);font-family:"Outfit",sans-serif;font-weight:700;font-size:14px;color:var(--wm-aqua-d);background:var(--wm-mist);border-radius:999px;padding:5px 11px;margin-bottom:14px;display:inline-block}
.wm-trust-h .uagb-heading-text{font-size:19px!important;font-weight:650!important;margin-bottom:8px!important}
.wm-trust-h .uagb-desc-text{font-size:15px;line-height:1.55;color:var(--wm-ink);margin:0!important}
/* goals */
.wm-goals{background:#fff;padding:96px 0!important}
.wm-goal-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%}
.wm-goal-card{background:#fff;border-radius:var(--wm-r);overflow:hidden;box-shadow:var(--wm-shadow);border:1px solid var(--wm-line);transition:transform .25s ease,box-shadow .25s ease;padding:0!important;gap:0!important}
.wm-goal-card:hover{transform:translateY(-6px);box-shadow:var(--wm-shadow-h)}
.wm-goal-img,.wm-goal-img figure{margin:0!important;width:100%}
.wm-goal-img img{width:100%!important;height:210px!important;object-fit:cover;display:block;transition:transform .5s ease}
.wm-goal-card:hover .wm-goal-img img{transform:scale(1.05)}
.wm-goal-img figure{overflow:hidden}
.wm-goal-body{padding:22px 22px 24px!important;align-items:flex-start!important;border-top:4px solid var(--wm-aqua)}
.wm-goal-card:nth-child(2) .wm-goal-body{border-top-color:var(--wm-navy)}.wm-goal-card:nth-child(3) .wm-goal-body{border-top-color:var(--wm-coral)}.wm-goal-card:nth-child(4) .wm-goal-body{border-top-color:var(--wm-aqua-d)}
.wm-goal-h .uagb-heading-text{font-size:21px!important;margin:0 0 8px!important}.wm-goal-h a{color:var(--wm-navy);text-decoration:none}
.wm-goal-p{font-size:15px;line-height:1.55;margin:0 0 14px!important}
.wm-goal-link{margin:0!important}
.wm-arrow{font-weight:700;text-decoration:none;color:var(--wm-aqua-d)}.wm-arrow:after{content:" \2192";transition:margin .2s}.wm-arrow:hover:after{margin-left:4px}
/* lanes */
.wm-lanes{background:var(--wm-navy) linear-gradient(180deg,#0A2342,#071A33);padding:96px 0!important;position:relative;overflow:hidden}
.wm-lanes:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 118px,rgba(18,181,194,.07) 118px 120px);pointer-events:none}
.wm-lanes .wm-section-h .uagb-desc-text{margin:0!important}
.wm-lane-list{width:100%;gap:0!important}
.wm-lane{position:relative;padding:0!important}
.wm-lane:after{content:"";display:block;height:6px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--wm-coral) 0 18px,#fff 18px 24px,var(--wm-aqua) 24px 42px,#fff 42px 48px);opacity:.75}
.wm-lane-row{display:grid;grid-template-columns:120px 1.4fr 1fr auto;align-items:center;gap:18px;margin:0!important;padding:22px 6px;color:#fff;transition:background .2s,padding .2s;border-radius:12px}
.wm-lane:hover .wm-lane-row{background:rgba(255,255,255,.05);padding-left:16px}
.wm-lane-no{font-family:"Outfit",sans-serif;font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#9FE7EE}
.wm-lane-name{font-family:"Outfit",sans-serif;font-size:22px;font-weight:600;color:#fff}
.wm-lane-cat{font-size:14px;color:#B6CAD6}
.wm-lane-go{justify-self:end;color:var(--wm-deep)!important;background:var(--wm-aqua);padding:9px 18px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.wm-lane-go:hover{background:#fff}
/* spotlight & story & about */
.wm-spot,.wm-story,.wm-about{padding:100px 0!important}
.wm-spot{background:var(--wm-foam)}
.wm-spot>.uagb-container-inner-blocks-wrap,.wm-story>.uagb-container-inner-blocks-wrap,.wm-about>.uagb-container-inner-blocks-wrap{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.wm-spot-copy,.wm-story-copy,.wm-about-copy{align-items:flex-start!important}
.wm-spot-copy p,.wm-story-copy p,.wm-about-copy p{font-size:17px;line-height:1.7}
.wm-spot-media,.wm-story-media,.wm-about-media{position:relative;padding:0!important}
.wm-spot-media:before,.wm-story-media:before,.wm-about-media:before{content:"";position:absolute;left:-18px;top:-18px;width:62%;height:62%;border-radius:24px;background:repeating-linear-gradient(135deg,var(--wm-mist) 0 10px,transparent 10px 20px);z-index:0}
.wm-spot-img,.wm-story-img,.wm-about-img{position:relative;z-index:1;margin:0!important;width:100%}
.wm-spot-img img,.wm-story-img img,.wm-about-img img{border-radius:24px;box-shadow:var(--wm-shadow-h);width:100%!important;height:auto;display:block;object-fit:cover}
.wm-spot-img img{aspect-ratio:4/3}.wm-story-img img{aspect-ratio:1/1}.wm-about-img img{aspect-ratio:4/5}
.wm-story{background:#fff}
.wm-sign{font-family:"Outfit",sans-serif;font-weight:600;color:var(--wm-navy);font-size:18px!important}
.wm-note{font-size:14px!important;background:var(--wm-foam);border-left:4px solid var(--wm-aqua);padding:14px 18px;border-radius:0 12px 12px 0}
/* guides grid */
.wm-guides{background:var(--wm-foam);padding:96px 0!important}
.wm-guides-blog{padding:70px 0 100px!important}
.wm-grid.uagb-post-grid,.wm-grid .uagb-post-grid,.uagb-post-grid.wm-grid{gap:28px!important}
.wm-grid article,.wm-grid .uagb-post__inner-wrap{background:#fff!important;border-radius:var(--wm-r)!important;overflow:hidden;box-shadow:var(--wm-shadow);border:1px solid var(--wm-line);transition:transform .25s ease,box-shadow .25s ease}
.wm-grid article:hover{transform:translateY(-6px);box-shadow:var(--wm-shadow-h)}
.wm-grid .uagb-post__image{margin:0!important}
.wm-grid .uagb-post__image img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.wm-grid .uagb-post__title{padding:20px 22px 0!important;margin:0 0 8px!important;font-size:19px!important;line-height:1.3!important}
.wm-grid .uagb-post__title a{color:var(--wm-navy)!important;text-decoration:none}
.wm-grid .uagb-post__excerpt{padding:0 22px!important;font-size:15px;line-height:1.55;color:var(--wm-ink)}
.wm-grid .uagb-post__cta{padding:6px 22px 24px!important}
.wm-grid .uagb-post__cta a,.wm-grid .uagb-text-link{display:inline-block;background:var(--wm-navy)!important;color:#fff!important;border-radius:999px!important;padding:10px 20px!important;font-weight:700;font-size:14px;text-decoration:none;border:0!important}
.wm-grid .uagb-post__cta a:hover{background:var(--wm-aqua)!important;color:var(--wm-deep)!important}
/* cta + banners */
.wm-cta,.wm-banner{position:relative;overflow:hidden;padding:110px 0!important}
.wm-banner{padding:130px 0 120px!important}
.wp-block-uagb-container.wm-cta:before,.wp-block-uagb-container.wm-banner:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(7,26,51,.78),rgba(10,35,66,.86))!important;z-index:0!important;opacity:1!important;width:auto!important;height:auto!important}
.wm-banner:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 40c120-26 240-26 360 0s240 26 360 0 240-26 360 0 240 26 360 0V70H0z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;z-index:1}
.wm-cta>.uagb-container-inner-blocks-wrap,.wm-banner>.uagb-container-inner-blocks-wrap{position:relative;z-index:2;align-items:center!important}
.wm-cta-h .uagb-heading-text,.wm-banner-h .uagb-heading-text{color:#fff!important;font-size:clamp(32px,4.4vw,56px)!important;font-weight:700!important;line-height:1.08!important;margin-bottom:12px!important}
.wm-cta-h .uagb-desc-text,.wm-banner-h .uagb-desc-text{color:#CFE3EA!important;font-size:18px;max-width:620px;margin:0 auto 28px!important}
.wm-cta:after{content:"";position:absolute;left:0;right:0;top:-1px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 30c120 26 240 26 360 0s240-26 360 0 240 26 360 0 240-26 360 0V0H0z'/%3E%3C/svg%3E") center top/100% 100% no-repeat;z-index:1}
/* footer */
.site-footer,.site-below-footer-wrap,.ast-builder-grid-row-container.site-below-footer-wrap{background:var(--wm-deep)!important;color:#B6CAD6!important}
.site-footer a{color:#9FE7EE!important}
.ast-footer-copyright,.ast-footer-copyright p{color:#B6CAD6!important;font-size:14px}
/* single posts */
.single-post .site-content{background:var(--wm-foam)}
.single-post .ast-article-single,.single-post article.post{background:#fff;border-radius:22px;box-shadow:var(--wm-shadow);border:1px solid var(--wm-line)}
.single-post .entry-title{font-size:clamp(30px,3.6vw,44px)!important;font-weight:700;line-height:1.12}
.single-post .post-thumb img,.single-post .ast-single-post-featured-section img{border-radius:20px;max-width:440px;width:100%;margin:0 auto;display:block;box-shadow:var(--wm-shadow)}
.single-post .entry-content h3.wp-block-heading{margin-top:46px;padding:12px 18px;background:var(--wm-foam);border-left:5px solid var(--wm-aqua);border-radius:0 12px 12px 0;font-size:23px}
.single-post .entry-content h2.wp-block-heading{margin-top:54px;font-size:30px}
.single-post .entry-content h2.wp-block-heading:after{content:"";display:block;width:64px;height:5px;margin-top:10px;border-radius:5px;background:repeating-linear-gradient(90deg,var(--wm-coral) 0 12px,#fff 12px 16px,var(--wm-aqua) 16px 28px,#fff 28px 32px)}
.single-post .entry-content p{font-size:17px;line-height:1.75}
.single-post .entry-content p strong{color:var(--wm-navy)}
.single-post .entry-content ul.wp-block-list{background:var(--wm-foam);border-radius:16px;padding:20px 20px 20px 42px;border:1px solid var(--wm-line)}
.single-post .entry-content ul.wp-block-list li{margin:6px 0}
.single-post [class*=hostinger-affiliate],.single-post [class*=hostinger_affiliate]{border-radius:16px}
.ast-separate-container .ast-article-single{padding:48px 56px}
/* responsive */
@media (max-width:1024px){.wm-goal-grid,.wm-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-hero-grid{grid-template-columns:1fr}.wm-hero-card{max-width:520px}}
@media (max-width:768px){
 .wm-hero{padding:110px 0 140px!important;min-height:auto}
 .wp-block-uagb-container.wm-hero:before{background:linear-gradient(180deg,rgba(7,26,51,.88),rgba(10,35,66,.78))!important}
 .wm-hero-sub{font-size:17px!important}
 .wm-goal-grid,.wm-trust-grid,.wm-trust-grid.wm-three{grid-template-columns:1fr}
 .wm-spot>.uagb-container-inner-blocks-wrap,.wm-story>.uagb-container-inner-blocks-wrap,.wm-about>.uagb-container-inner-blocks-wrap{grid-template-columns:1fr;gap:40px}
 .wm-goals,.wm-lanes,.wm-spot,.wm-story,.wm-about,.wm-guides{padding:64px 0!important}
 .wm-lane-row{grid-template-columns:1fr auto;gap:6px 12px;padding:18px 4px}
 .wm-lane-no{grid-column:1/-1}
 .wm-lane-cat{grid-column:1}
 .wm-lane-go{grid-row:2/4;grid-column:2;align-self:center}
 .wm-cta,.wm-banner{padding:84px 0!important}
 .wm-spot-media:before,.wm-story-media:before,.wm-about-media:before{left:-8px;top:-8px}
 .ast-separate-container .ast-article-single{padding:28px 20px}
 .single-post .entry-content h3.wp-block-heading{font-size:20px}
 .custom-logo-link img{max-height:46px}
}
/* layout fixes v1.1 */
.wm-goal-card,.wm-goal-body,.wm-trust-item,.wm-spot-copy,.wm-story-copy,.wm-about-copy,.wm-hero-copy,.wm-lane,.wm-spot-media,.wm-story-media,.wm-about-media{justify-content:flex-start!important}
.wm-spot-copy,.wm-story-copy,.wm-about-copy,.wm-hero-copy,.wm-goal-body,.wm-trust-item{row-gap:0!important;gap:0!important}
.wm-spot-copy p,.wm-story-copy p,.wm-about-copy p{margin:0 0 18px!important}
.wm-spot-copy .wp-block-uagb-buttons,.wm-about-copy .wp-block-uagb-buttons{margin-top:10px}
.wm-section-h{margin-bottom:26px!important}
.wm-trust-item:before{align-self:flex-start}
.wm-trust-item,.wm-goal-card{border:1px solid var(--wm-line)!important}
.wm-goal-card>*{width:100%}
.wm-goal-img,.wm-goal-img .wp-block-uagb-image__figure{padding:0!important;margin:0!important;line-height:0}
.wm-hero-card{align-self:center!important}
.wm-goal-grid,.wm-trust-grid{align-items:stretch!important}