:root{--blue:#1B4FD8;--blue2:#2F6BFF;--navy:#0F1B3D;--ink:#1E2A4A;--muted:#58647F;--orange:#F7931E;--orange2:#F07300;--yellow:#FFC83D;--green:#2EAA4A;--sky:#EEF4FF;--sky2:#DCE8FF;--line:#DCE5F5;
--fh:"Baloo 2",system-ui,sans-serif;--fb:"Nunito","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--fb);color:var(--ink);background:#fff;line-height:1.65;font-size:17px}
a{color:var(--blue)}img{max-width:100%;height:auto}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}
header.site{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--fh);font-weight:800;font-size:1.55rem;line-height:1}
.brand img{width:44px;height:44px}.brand .w1{color:var(--blue)}.brand .w2{color:var(--orange)}
nav.links{display:flex;gap:22px;margin-left:auto}nav.links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.98rem}nav.links a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 22px;font-weight:800;text-decoration:none;font-size:1rem;border:2px solid transparent;white-space:nowrap}
.btn.primary{background:linear-gradient(180deg,#FFA23A,var(--orange2));color:#fff;box-shadow:0 8px 18px -8px rgba(240,115,0,.7)}
.pico{width:18px;height:18px;flex:0 0 auto;vertical-align:-3px;margin-right:8px}
.pico.sm{width:14px;height:14px;vertical-align:-2px;margin-right:6px;opacity:.9}
.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{border-color:var(--blue);color:var(--blue);background:#fff}.btn.small{padding:7px 16px;font-size:.92rem}
.hero{background:radial-gradient(900px 420px at 85% 10%,#D9E6FF 0,transparent 60%),linear-gradient(180deg,var(--sky),#fff);padding:56px 0 40px}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-weight:800;color:var(--blue);font-size:.9rem}
h1,h2,h3{font-family:var(--fh);color:var(--navy);line-height:1.15}
h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:16px 0 14px;letter-spacing:-.01em}h1 .hl{color:var(--blue)}
.lead{font-size:1.2rem;color:var(--muted);max-width:36em}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.ticks{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:0;list-style:none;color:var(--muted);font-weight:700;font-size:.95rem}
.ticks li::before{content:"";display:inline-block;width:18px;height:18px;margin:0 6px -3px 0;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.hero-art{text-align:center}.hero-art img{width:min(460px,100%);filter:drop-shadow(0 18px 30px rgba(27,79,216,.18))}
section.block{padding:70px 0}section.alt{background:var(--sky)}
.center{text-align:center}.sub{color:var(--muted);max-width:40em;margin:0 auto 34px;font-size:1.08rem}
h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0 0 10px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 24px -18px rgba(15,27,61,.35)}
.card h3{font-size:1.3rem;margin:12px 0 6px}.card p{margin:0;color:var(--muted)}
.ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center}.ic svg{width:28px;height:28px}
.c1{background:#E3ECFF;color:var(--blue)}.c2{background:#FFEBD6;color:var(--orange2)}.c3{background:#DFF5E5;color:var(--green)}.c4{background:#FFF3CC;color:#B98200}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{position:relative;background:#fff;border-radius:22px;padding:28px 24px 24px;border:1px solid var(--line)}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:-18px;left:24px;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--fh);font-weight:800;font-size:1.3rem;display:grid;place-items:center;box-shadow:0 6px 14px -6px var(--blue)}
.step h3{margin:6px 0}.step p{margin:0;color:var(--muted)}
.safe{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
.safe ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.safe li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 14px 50px;position:relative;font-weight:700}
.safe li::before{content:"";position:absolute;left:16px;top:15px;width:22px;height:22px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.safe li span{display:block;font-weight:500;color:var(--muted);font-size:.95rem}
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4px 20px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:800;padding:12px 0;list-style:none;color:var(--navy)}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--blue);font-size:1.4rem;line-height:1}.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 14px;color:var(--muted)}
.band{background:linear-gradient(120deg,var(--blue),#3A7BFF);color:#fff;border-radius:28px;padding:42px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.band h2{color:#fff;margin:0}.band p{margin:6px 0 0;opacity:.9}
footer.site{background:var(--navy);color:#C9D3EA;padding:46px 0 28px;margin-top:70px;font-size:.95rem}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
footer h4{color:#fff;font-family:var(--fh);font-size:1.1rem;margin:0 0 10px}footer a{color:#C9D3EA;text-decoration:none}footer a:hover{color:#fff}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
footer .brand .w1{color:#8DB0FF}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:.88rem}
.doc-hero{background:linear-gradient(180deg,var(--sky),#fff);padding:46px 0 10px}
.doc-hero .wrap{max-width:800px}.doc-hero h1{font-size:clamp(2rem,4vw,2.8rem);margin:8px 0}.doc-hero .meta{color:var(--muted);font-weight:700}
.doc{max-width:800px;margin:0 auto;padding:10px 22px 20px}
.doc h2{font-size:1.5rem;margin:34px 0 8px}.doc h3{font-size:1.15rem;margin:22px 0 6px}
.doc p,.doc li{color:#2E3A58}.doc ul{padding-left:1.2em}.doc li{margin:4px 0}
.note{background:var(--sky);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin:16px 0}
.contact-card ul{list-style:none;padding:0;margin:0}.contact-card li{margin:6px 0}
.menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;cursor:pointer;flex:none}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);position:relative;content:""}
.menu-btn span::before{position:absolute;top:-6px}.menu-btn span::after{position:absolute;top:6px}.mnav{display:none}
@media (max-width:900px){.menu-btn{display:inline-flex}.mnav.open{display:block;position:absolute;left:12px;right:12px;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(15,27,61,.18);padding:10px}
.mnav a{display:block;padding:12px 14px;border-radius:10px;font-weight:800;color:var(--ink);text-decoration:none}.mnav a:hover{background:var(--sky)}.mnav a.btn{text-align:center;margin-top:6px;color:#fff}}
@media (max-width:900px){.hero .grid,.safe{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr 1fr}nav.links{display:none}.hero-art{order:-1}.hero-art img{width:min(300px,80%)}footer .cols{grid-template-columns:1fr}}
@media (max-width:620px){.cards,.steps{grid-template-columns:1fr}.bar .btn.getapp{display:none}.bar{gap:10px}.brand{font-size:1.3rem}.brand img{width:38px;height:38px}.band{padding:28px}body{font-size:16px}}