@font-face{font-family:Urbanist;src:url(/fonts/Urbanist.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--bg:#EEF6F5;--sf:#DAEBED;--sf2:#E4F1F1;--ink:#0B1A1A;--bd:#2F4A4D;--ac:#0E788D;--on-ac:#FFFFFF;--lk:#0B6A7D;--ph:#0B1A1A;--gold:#E8A33A;
--pad:64px;--gap-s:96px;--h1:76px;--h2:48px;--lead:24px;--card-gap:24px;--card-pad:32px;--band-pad:64px;--band-fs:32px;--priv-fs:48px;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#0B1A1A;--sf:#152B2D;--sf2:#112325;--ink:#EEF6F5;--bd:#B8D0D2;--ac:#5CC6D3;--on-ac:#0B1A1A;--lk:#5CC6D3;--ph:#3A5A5D}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--bd);font-family:Urbanist,-apple-system,system-ui,sans-serif;font-weight:500;font-size:20px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--lk);text-decoration:none}
a:hover{color:var(--ac)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{color:var(--ink);font-weight:800}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:8px;background:var(--ac);color:var(--on-ac);padding:8px 16px;border-radius:999px;z-index:9}
.wrap{max-width:1440px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}
.hdr{display:flex;align-items:center;justify-content:space-between;padding:16px var(--pad);min-height:48px}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);font-weight:800;font-size:24px;letter-spacing:-.02em}
.brand img{width:40px;height:40px;border-radius:10px}
.nav{display:flex;align-items:center;gap:4px}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font-weight:700;color:var(--ink)}
.nav a:hover,.nav a[aria-current]{background:var(--sf)}
main{flex:1;display:flex;flex-direction:column;gap:var(--gap-s);padding:0 var(--pad)}
.sec{display:flex;flex-direction:column;gap:32px}
.h2{font-size:var(--h2);letter-spacing:-.03em;line-height:1.05}
.card{background:var(--sf);border-radius:20px}
/* Landing */
.hero{background:linear-gradient(180deg,var(--sf),var(--sf2));border-radius:28px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.hero-copy{display:flex;flex-direction:column;gap:24px;padding:64px;justify-content:center}
.hero h1{font-size:var(--h1);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.lead{font-size:var(--lead);line-height:1.45;max-width:520px;text-wrap:pretty}
.badge{width:180px;height:60px}
.badge-dark{display:none}
@media (prefers-color-scheme:dark){.badge-light{display:none}.badge-dark{display:block}}
.hero-art{position:relative;height:620px;overflow:hidden}
.hero-phone{position:absolute;top:48px;right:64px;width:320px;border:6px solid var(--ph);border-radius:48px;background:var(--ph)}
.hero-dog{position:absolute;bottom:0;left:0;width:360px;z-index:2}
.dot{position:absolute;border-radius:50%;background:var(--gold)}
.dot1{top:96px;left:420px;width:12px;height:12px}
.dot2{top:200px;left:30px;width:8px;height:8px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap)}
.step{padding:var(--card-pad);display:flex;flex-direction:column;gap:24px;align-items:flex-start;transition:transform .2s}
.step:hover,.prog:hover{transform:translateY(-4px)}
.step-head{display:flex;gap:16px;align-items:flex-start}
.num{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ac);color:var(--on-ac);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}
.step-head div{display:flex;flex-direction:column;gap:8px}
.step h3{font-size:24px;line-height:1.15;letter-spacing:-.02em}
.step-phone{align-self:center;width:240px;border:6px solid var(--ph);border-radius:40px;background:var(--ph)}
.progs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap)}
.prog{padding:24px;display:flex;flex-direction:column;gap:16px;transition:transform .2s}
.prog img{width:100%;aspect-ratio:1/1;object-fit:contain}
.prog h3{font-size:26px;line-height:1.15;letter-spacing:-.02em}
.prog p{font-size:18px;text-wrap:pretty}
.band{background:var(--sf);border-radius:28px;padding:var(--band-pad);display:flex;flex-direction:column;gap:24px}
.band-text{font-weight:700;font-size:var(--band-fs);line-height:1.3;letter-spacing:-.015em;color:var(--ink);max-width:960px;text-wrap:pretty}
.sources{display:flex;flex-wrap:wrap;gap:12px;align-items:center;list-style:none;margin:0;padding:0}
.sources li:first-child{font-weight:700;color:var(--ink)}
.pill{display:flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--bg);font-weight:700;color:var(--ink)}
.priv{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap)}
.priv-hero{background:var(--ac);color:var(--on-ac);border-radius:28px;padding:var(--band-pad);display:flex;flex-direction:column;justify-content:center}
.priv-hero p{font-weight:800;font-size:var(--priv-fs);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.priv-info{background:var(--sf);border-radius:28px;padding:var(--band-pad);display:flex;flex-direction:column;gap:24px;justify-content:center}
.priv-info strong,.doc strong{color:var(--ink);font-weight:800}
.care{border:2px solid var(--sf);border-radius:20px;padding:24px;display:flex;gap:16px;align-items:flex-start}
.care::before{content:"";flex:none;width:12px;height:12px;margin-top:8px;border-radius:50%;background:var(--gold)}
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--card-gap)}
.faq-list{display:flex;flex-direction:column;gap:12px}
details{background:var(--sf);border-radius:20px}
summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 24px;cursor:pointer;font-weight:800;font-size:20px;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;font-size:28px;line-height:1;color:var(--ac);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 24px 20px;text-wrap:pretty}
/* Privacy */
.doc{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;padding-top:48px}
.doc-side{display:flex;flex-direction:column;gap:24px;align-self:start;position:sticky;top:24px}
.doc-side h1,.page-title{font-size:var(--h1);line-height:1.02;letter-spacing:-.035em}
.eff{font-weight:600}
.toc{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.toc a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--sf);font-weight:700;font-size:18px;color:var(--ink)}
.doc-body{display:flex;flex-direction:column;gap:24px;max-width:680px}
.doc-body section{display:flex;flex-direction:column;gap:12px;scroll-margin-top:24px}
.doc-body h2{font-size:30px;letter-spacing:-.02em;line-height:1.2}
.doc-body ul{margin:0;padding-left:24px;color:var(--ink);font-weight:600;display:flex;flex-direction:column;gap:6px}
.mail{font-weight:800;color:var(--lk)}
/* Support */
.page-title{padding-top:48px}
.contact{background:linear-gradient(180deg,var(--sf),var(--sf2));border-radius:28px;padding:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.contact h2{font-size:40px;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border-radius:999px;background:var(--ac);color:var(--on-ac);font-weight:800;font-size:18px}
.btn:hover{color:var(--on-ac);filter:brightness(1.08)}
.help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.help .card{padding:24px;display:flex;flex-direction:column;gap:8px}
.help h3{font-size:22px;line-height:1.2;letter-spacing:-.01em}
/* 404 */
.lost{background:linear-gradient(180deg,var(--sf),var(--sf2));border-radius:28px;padding:64px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.lost img{width:320px}
.lost h1{font-size:var(--h1);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
/* Footer */
.ftr{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px var(--pad) 48px;margin-top:var(--gap-s);border-top:2px solid var(--sf)}
.ftr-small{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;max-width:520px}
.ftr-small strong{color:var(--ink);font-weight:700}
@media (min-width:821px) and (max-width:1100px){:root{--h1:60px}.hero-copy{padding:48px}.hero-phone{right:32px;width:280px}.hero-dog{width:300px}.dot1{left:40%}.step,.prog{padding:20px}.prog h3{font-size:22px}.prog p{font-size:16px}}
@media (max-width:820px){
:root{--pad:16px;--gap-s:64px;--h1:44px;--h2:32px;--lead:19px;--card-gap:16px;--card-pad:24px;--band-pad:24px;--band-fs:21px;--priv-fs:34px}
body{font-size:17px}
.hdr{padding:8px 16px}
.hero,.priv,.faq,.doc{grid-template-columns:1fr}
.hero-copy{padding:32px 24px 0}
.hero-art{height:440px}
.hero-phone{right:24px;width:236px;border-radius:36px}
.hero-dog{left:-8px;width:190px}
.dot1{top:28px;left:72px}
.dot2{top:120px;left:24px}
.steps,.help{grid-template-columns:1fr}
.step-phone{width:220px;border-radius:36px}
.prog{padding:16px}
.prog h3{font-size:20px}
.prog p{font-size:15px}
.doc{gap:24px;padding-top:24px}
.doc-side{position:static}
.toc{flex-direction:row;flex-wrap:wrap}
.toc a{font-size:16px}
.doc-body h2{font-size:24px}
.contact{flex-direction:column;align-items:stretch;padding:32px 24px}
.lost{padding:32px 24px}
.lost img{width:220px}
.ftr{flex-direction:column;align-items:flex-start;padding:24px 16px 32px}
}
.steps,.progs,.help{list-style:none;margin:0;padding:0}