:root{
  --gauze:#f5f7f6;
  --ink:#1b2321;
  --ink-2:#414b48;
  --teal:#0d7d72;
  --line:#dfe4e1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--gauze);
  color:var(--ink);
  font-family:"Source Sans 3",sans-serif;
  font-size:18px;
  line-height:1.55;
  font-feature-settings:"ss01","cv11";
}
::selection{background:oklch(0.55 0.08 175 / 0.25)}
a{color:var(--teal)}
a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.wrap{max-width:720px;margin:0 auto;padding:28px 20px 64px}
header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:36px}
.brand{font-family:"Tomorrow",sans-serif;font-weight:500;color:var(--ink);text-decoration:none;font-size:15px}
.phone{font-family:"JetBrains Mono",monospace;font-size:14px;text-decoration:none}
h1{font-family:"Tomorrow",sans-serif;font-weight:500;font-size:clamp(32px,6vw,48px);line-height:1.12;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}
p{margin:0 0 16px;color:var(--ink-2)}
ul{margin:0 0 20px;padding-left:20px;color:var(--ink-2)}
li{margin:0 0 8px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;padding:12px 18px;border-radius:8px;font-family:"Tomorrow",sans-serif;font-size:14px}
.btn.ghost{background:transparent;color:var(--teal);border:1px solid var(--teal)}
.more{border-top:1px solid var(--line);padding-top:18px;font-size:16px}
footer{margin-top:36px;font-size:14px;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none !important}
}