@font-face{font-family:Fredoka;src:url(fonts/Fredoka-VariableFont.ttf);font-weight:300 700}
@font-face{font-family:Nunito;src:url(fonts/Nunito-VariableFont_wght.ttf);font-weight:200 900}
*{box-sizing:border-box}body{margin:0;font-family:Nunito,sans-serif;color:#17393b;background:#f3fbfb;line-height:1.6}
a{color:#0E8A90}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.top{background:linear-gradient(135deg,#14A3A8,#0E8A90);color:#fff}
nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;font-weight:700;margin-left:18px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin:0!important}
.logo b{font-family:Fredoka;font-size:26px;line-height:1;display:block}.logo small{font-family:Fredoka;font-size:15px;display:block}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:40px 0 60px}
.hero h1{font-family:Fredoka;font-size:64px;line-height:1;margin:0}.hero h1 span{display:block;font-size:34px;font-weight:500}
.hero p.tag{font-size:21px;margin:18px 0}.soon{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);padding:10px 18px;border-radius:30px;font-weight:800}
.phone{width:100%;max-width:300px;border-radius:30px;border:8px solid #0b3f42;box-shadow:0 20px 40px rgba(0,0,0,.25);display:block;margin:auto}
section{padding:56px 0}h2{font-family:Fredoka;font-size:36px;color:#0E8A90;margin:0 0 24px;text-align:center}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:#fff;border-radius:18px;padding:16px;box-shadow:0 4px 14px rgba(14,138,144,.1);text-align:center}
.step .n{width:34px;height:34px;border-radius:50%;background:#14A3A8;color:#fff;font-family:Fredoka;font-size:20px;display:inline-grid;place-items:center}
.step h3{font-family:Fredoka;margin:8px 0 4px}.step p{font-size:15px;margin:0 0 12px}.step img{width:100%;border-radius:14px;border:1px solid #d7eeee}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0}
.feat li{background:#fff;border-left:5px solid #14A3A8;border-radius:12px;padding:14px 16px}.feat b{display:block;font-family:Fredoka;font-size:18px}
.alt{background:#e3f5f5}details{background:#fff;border-radius:12px;padding:14px 18px;margin:0 auto 12px;max-width:760px}
summary{font-weight:800;cursor:pointer}footer{background:#0b3f42;color:#cfeeee;padding:28px 0;font-size:14px}footer a{color:#fff}
.page{max-width:760px;margin:0 auto;padding:40px 20px}.page h1{font-family:Fredoka;color:#0E8A90}
@media(max-width:820px){.hero{grid-template-columns:1fr;text-align:center}.hero h1{font-size:46px}.steps{grid-template-columns:1fr 1fr}.feat{grid-template-columns:1fr}nav a{margin-left:10px}}
@media(max-width:480px){.steps{grid-template-columns:1fr}.step img{max-width:260px}.hero h1{font-size:40px}}