:root{
  --cyan-500:#16C7C8;--cyan-300:#5ADDDD;--cyan-700:#287F86;--mint-400:#63E6BE;
  --ice:#E7F8F5;--snow:#F7FCFB;--dark:#1F5257;--text-teal:#2D666B;
  --grad:linear-gradient(135deg,#16C7C8,#63E6BE);
  --radius:20px;--shadow:0 8px 30px rgba(22,199,200,.12);
  --head:'Shantell Sans','Manrope',cursive;--ease-out:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,sans-serif;color:var(--text-teal);background:var(--snow);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--head);color:var(--dark);line-height:1.25}
a{color:var(--cyan-700)}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:780px}

header{position:sticky;top:0;z-index:50;background:rgba(247,252,251,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--ice)}
header nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{text-decoration:none}
.logo-text{font-family:var(--head);font-weight:700;font-size:1.4rem;letter-spacing:.09em;color:var(--dark)}
.logo-text .ca{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;gap:26px;list-style:none;align-items:center}
.nav-links a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--text-teal)}
.nav-links a:hover{color:var(--cyan-700)}
.nav-cta{background:var(--grad);color:#fff !important;padding:9px 20px;border-radius:999px;font-weight:700}
@media(max-width:760px){.nav-links li:not(:last-child){display:none}}

.page-hero{padding:56px 0 36px;background:radial-gradient(700px 300px at 90% 0%,rgba(99,230,190,.16),transparent),var(--snow)}
.crumbs{font-size:.85rem;margin-bottom:18px}
.crumbs a{text-decoration:none}
.crumbs span{opacity:.7}
.page-hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:14px}
.page-hero .lead{font-size:1.12rem;max-width:720px}
.hero-cta{margin-top:26px}
.btn{display:inline-block;text-decoration:none;font-weight:600;padding:13px 28px;border-radius:999px;font-family:var(--head);transition:transform .25s var(--ease-out),box-shadow .25s}
.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(22,199,200,.25)}

.content{padding:24px 0 56px}
.content h2{font-size:clamp(1.4rem,3vw,1.8rem);margin:42px 0 14px}
.content h3{font-size:1.15rem;margin:26px 0 8px}
.content p{margin-bottom:14px}
.content ul,.content ol{margin:0 0 16px 22px}
.content li{margin-bottom:8px}
.content strong{color:var(--dark)}

.cta-box{background:var(--grad);border-radius:28px;padding:44px 32px;text-align:center;color:#fff;margin:20px 0 56px}
.cta-box h2{color:#fff;font-size:clamp(1.4rem,3vw,2rem);margin-bottom:10px}
.cta-box p{max-width:560px;margin:0 auto 22px}
.cta-box .btn{background:#fff;color:var(--cyan-700)}

.related{padding-bottom:56px}
.related h2{font-size:1.4rem;margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.related-grid a{display:block;background:#fff;border:1px solid var(--ice);border-radius:16px;padding:18px 20px;text-decoration:none;font-weight:700;color:var(--dark);transition:border-color .25s,transform .25s}
.related-grid a:hover{border-color:var(--cyan-300);transform:translateY(-3px)}

footer{background:#fff;border-top:1px solid var(--ice);padding:40px 0 30px;font-size:.85rem}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-bottom:24px}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr}}
.footer-grid p{margin-bottom:4px}
.footer-nav a{display:block;text-decoration:none;margin-bottom:6px}
.copyright{border-top:1px solid var(--ice);padding-top:18px;text-align:center;color:var(--cyan-700)}