@font-face{font-family:"Newsreader";src:url(fonts/newsreader-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--amber:#F3B04A;--navy:#1C2230;--ink:#18202E;--soft:#5E6672;--paper:#FBF8F1;--sheet:#fff;--rule:#E7DFCC;--green:#3AA872;--red:#EE6A5F;--amb:#F2B13B}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 "Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2447A6}
.top{background:var(--navy);color:#fff;border-bottom:4px solid var(--amber)}
.top .in{max-width:1040px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:12px}
.top img{width:38px;height:38px;border-radius:10px}
.top .name{font:600 24px/1 "Newsreader",Georgia,serif;color:#fff;text-decoration:none}
.top nav{margin-left:auto;display:flex;gap:18px;font-size:15px}
.top nav a{color:#D6DAE1;text-decoration:none}
.top nav a:hover{color:#fff}
main{max-width:1040px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:"Newsreader",Georgia,serif;font-weight:600;letter-spacing:-.01em;line-height:1.15}
h1{font-size:clamp(38px,6vw,60px);margin:0 0 14px}
h2{font-size:30px;margin:46px 0 12px}
h3{font-size:21px;margin:28px 0 6px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:54px 0 20px}
.hero p.lede{font-size:20px;color:var(--soft);max-width:34ch;margin:0 0 24px}
.badge{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:12px;padding:12px 18px;font-weight:600;text-decoration:none}
.badge small{display:block;font-weight:400;font-size:12px;color:#C9CED6}
.dots{display:flex;gap:8px;margin:0 0 18px}
.dots i{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1.5px #15181D;border:2px solid #D0D5DC;display:block}
.dots .r{background:radial-gradient(circle at 34% 30%,#F7B2AB 0,var(--red) 74%)}
.dots .a{background:radial-gradient(circle at 34% 30%,#F9D894 0,var(--amb) 74%)}
.dots .g{background:radial-gradient(circle at 34% 30%,#8FD6B0 0,var(--green) 74%)}
.phones{display:flex;gap:16px;justify-content:center}
.phones img{width:46%;max-width:240px;border-radius:26px;box-shadow:0 0 0 7px #15181D,0 26px 50px -24px rgba(0,0,0,.5)}
.phones img:nth-child(2){margin-top:46px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--sheet);border:1px solid var(--rule);border-radius:16px;padding:20px}
.card h3{margin:0 0 6px}
.card p{margin:0;color:var(--soft);font-size:16px}
.doc{max-width:760px;padding:30px 0 60px}
.doc p,.doc li{color:#2A3240}
.doc .meta{color:var(--soft);font-size:15px}
footer{border-top:1px solid var(--rule);margin-top:60px}
footer .in{max-width:1040px;margin:0 auto;padding:22px;display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--soft)}
footer a{color:var(--soft)}
@media (max-width:760px){.hero{grid-template-columns:1fr;padding-top:34px}.grid{grid-template-columns:1fr}.top nav{gap:12px;font-size:14px}}