*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f8fc;color:#111827;line-height:1.6}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(246,248,252,.9);backdrop-filter:blur(18px);border-bottom:1px solid #e3e8ef}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#111827;text-decoration:none;font-size:18px;display:flex;gap:9px;align-items:center;white-space:nowrap}.brand span,.logo{display:grid;place-items:center;border-radius:0}.brand span{width:44px;height:44px}.brand span img,.logo img{width:44px;height:44px}.nav nav{display:flex;gap:25px}.nav nav a{color:#596578;text-decoration:none;font-size:13px;font-weight:750}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:13px;background:#111827;color:#fff;text-decoration:none;font-weight:850;box-shadow:0 14px 30px rgba(17,24,39,.16);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.small{padding:10px 14px;font-size:13px}.ghost{background:white;color:#111827;border:1px solid #dce2eb;box-shadow:none}.hero{padding:85px 0;background:radial-gradient(circle at 75% 20%,#e2eaff,transparent 35%),linear-gradient(#f7f9fc,#fff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,label{font-size:11px;font-weight:950;letter-spacing:.14em;color:#62708a}.hero h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.06em;margin:20px 0}.hero em{font-style:normal;color:#4d6fd6}.lead{font-size:18px;color:#637084;max-width:680px}.actions{display:flex;gap:12px;margin:30px 0 20px;flex-wrap:wrap}.trust{font-size:12px;color:#758195;font-weight:700}.mock{width:300px;height:590px;margin:auto;border:9px solid #151b25;border-radius:42px;background:#f2f5f9;padding:17px 14px;box-shadow:0 40px 90px rgba(16,24,40,.24);position:relative;overflow:hidden}.mock-top{font-size:9px;font-weight:800;display:flex;justify-content:space-between;padding:0 6px 15px}.app-head{display:flex;align-items:center;gap:8px}.logo{width:34px;height:34px}.app-head b{display:block;font-size:11px}.app-head small{display:block;font-size:8px;color:#8993a2}.app-head>strong{margin-left:auto;color:#22c55e}.active{margin:17px 0 10px;padding:14px;border-radius:16px;background:#111c2b;color:white;position:relative}.active small{display:block;color:#adb8c7;font-size:8px}.active b{font-size:21px}.active span{position:absolute;right:14px;top:18px;background:#2a394c;padding:8px;border-radius:10px}.card,.numbers>div,.list{background:#fff;border:1px solid #e3e8ef;border-radius:14px}.card{padding:13px;margin-bottom:8px;position:relative}.card.map{background:repeating-linear-gradient(0deg,#eef2fb,#eef2fb 1px,#fff 1px,#fff 13px),repeating-linear-gradient(90deg,#eef2fb,#eef2fb 1px,#fff 1px,#fff 13px);overflow:hidden}.card .pin{position:absolute;right:10px;top:10px;width:24px;height:24px;display:grid;place-items:center;background:#4d6fd6;color:#fff;border-radius:50% 50% 50% 0;transform:rotate(45deg);box-shadow:0 4px 10px rgba(77,111,214,.4)}.card .pin svg{transform:rotate(-45deg)}.card small{display:block;color:#8993a2;font-size:8px}.card b{display:block;font-size:11px;margin:5px 0}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.numbers>div{padding:10px 6px}.numbers b{font-size:11px;display:block}.numbers small{font-size:8px;color:#8993a2}.list{padding:5px 10px;margin-top:8px}.list p{display:flex;align-items:center;gap:7px;border-bottom:1px solid #edf0f4;padding:9px 0;margin:0;font-size:10px}.list p:last-child{border:0}.list span{margin-left:auto;font-weight:900}.bottom{position:absolute;bottom:0;left:0;right:0;height:55px;background:white;border-top:1px solid #e5e9ef;text-align:center;padding-top:17px;color:#657185;border-radius:0 0 32px 32px}.strip{background:#0d1624;color:white}.three{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.three div{text-align:center;border-right:1px solid #2b3545}.three div:last-child{border:0}.three b,.three span{display:block}.three b{font-size:14px}.three span{font-size:11px;color:#aab5c4}.section{padding:95px 0}.heading{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:40px}.heading h2,h2{font-size:clamp(31px,4vw,49px);line-height:1.06;letter-spacing:-.045em;margin:10px 0}.heading p{color:#697586}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid article{position:relative;background:white;border:1px solid #e0e6ee;border-radius:20px;padding:25px;min-height:225px}.grid article.dark{background:#101b2a;color:white}.grid article i{position:absolute;right:22px;top:24px;font-style:normal;font-size:10px;color:#98a4b5}.grid article>strong{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf1f7;margin-bottom:17px}.grid article.dark>strong{background:#27374c}.grid h3{margin:0 0 8px;font-size:19px}.grid p{font-size:14px;color:#697586;margin:0 0 15px}.grid .dark p{color:#b8c2d0}.grid small{font-size:10px;font-weight:800;color:#687487}.sms{padding:85px 0;background:#edf3ff}.sms-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.sms p{color:#637084;max-width:620px}.sms-card{background:#fff;border:1px solid #dce4ef;border-radius:23px;padding:20px;box-shadow:0 20px 55px rgba(43,64,105,.1)}.sms-card header{position:static;background:none;backdrop-filter:none;border:0;border-bottom:1px solid #edf0f4;padding:0 0 13px;height:auto}.sms-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f4}.sms-row>b{width:34px;height:34px;display:grid;place-items:center;background:#eef2ff;border-radius:10px;font-size:9px}.sms-row strong{font-size:12px}.sms-row small{display:block;color:#8993a2;font-size:9px}.sms-row p{font-size:11px;margin:5px 0 0;color:#536072}.dark-section{background:#0d1624;color:white}.light label{color:#9da9ba}
.guide-list{display:grid;gap:16px;max-width:820px}
.guide-step{position:relative;padding:26px 24px 22px;border:1px solid #2b3748;border-radius:20px;background:#121d2e}
.guide-step-with-img{display:flex;gap:22px;align-items:flex-start}
.guide-step-with-img>i{position:static;display:block;font-style:normal;font-size:10px;color:#c9ad5f;margin-bottom:8px;letter-spacing:.05em}
.guide-step-with-img .guide-step-text{flex:1;min-width:0}
.guide-step-img{width:150px;flex:0 0 auto;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.35);border:1px solid #5c4a10}
@media(max-width:640px){.guide-step-with-img{flex-direction:column}.guide-step-img{width:100%;max-width:220px;margin:4px auto 0}}
.guide-step.warn{background:#241d09;border-color:#5c4a10}
.guide-step>i{position:absolute;right:22px;top:24px;font-style:normal;font-size:10px;color:#7c8aa0}
.guide-step.warn>i{color:#c9ad5f}
.guide-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#27374c;margin-bottom:17px;font-size:19px}
.guide-step.warn .guide-icon{background:#3d3212}
.guide-step h3{margin:0 0 8px;font-size:17px;color:#fff}
.guide-step p{margin:0;color:#aeb8c7;font-size:14px;line-height:1.75}
.guide-step.warn p{color:#f0dfa8}
.guide-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.guide-cta .btn{background:#F2C94C;color:#3A2D00;box-shadow:0 16px 36px rgba(242,201,76,.32);font-size:16px;padding:16px 26px}
.guide-cta .btn:hover{transform:translateY(-2px)}
@media(max-width:560px){.guide-step{flex-direction:column;gap:10px}}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps>div{border:1px solid #2b3748;border-radius:20px;padding:28px;min-height:220px}.steps b{color:#9da9ba;font-size:12px}.steps h3{margin-top:42px}.steps p{color:#aeb8c7;font-size:14px}.privacy{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:center}.privacy p{color:#697586;max-width:650px}.privacy li{list-style:none;margin:10px 0;font-size:14px;font-weight:700}.privacy ul{padding:0}.privacy>a{color:#4d6fd6;font-weight:900;text-decoration:none}.privacy aside{background:#fff;border:1px solid #e0e6ee;border-radius:23px;padding:28px;box-shadow:0 18px 45px rgba(16,24,40,.07)}.privacy aside>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf1f7;color:#111827;margin-bottom:4px}.grid article>strong svg,.privacy aside>span svg{display:block}.privacy aside h3{font-size:21px}.privacy aside p{font-size:14px}.privacy aside b{display:block;border-top:1px solid #edf0f4;padding:12px 0;font-size:12px}.faq{max-width:900px}.faq details{border-top:1px solid #e2e7ed;padding:20px 0}.faq details:last-child{border-bottom:1px solid #e2e7ed}.faq summary{font-weight:850;cursor:pointer}.faq p{color:#697586;font-size:14px}.cta{padding:75px 0;background:linear-gradient(135deg,#e9efff,#f4f7fd)}.cta>div{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#657185}.cta h2{margin:0}footer{background:#08111f;color:white;padding:35px 0}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.foot a:not(.brand){color:#aab5c4;text-decoration:none;font-size:13px}.foot small{width:100%;border-top:1px solid #202b3a;padding-top:16px;color:#7f8b9d}@media(max-width:900px){.nav nav{display:none}.hero-grid,.sms-grid,.privacy,.heading{grid-template-columns:1fr;gap:35px}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.section{padding:70px 0}}@media(max-width:560px){.nav .btn{display:none}.wrap{width:calc(100% - 28px)}.hero{padding:60px 0}.hero h1{font-size:42px}.lead{font-size:16px}.mock{transform:scale(.9)}.grid{grid-template-columns:1fr}.three{grid-template-columns:1fr}.three div{border-right:0;border-bottom:1px solid #2b3545;padding:9px}.three div:last-child{border:0}.actions .btn{width:100%}.cta>div{display:block}.cta .btn{margin-top:20px;width:100%}}
.modalOverlay{position:fixed;inset:0;background:rgba(8,17,31,.72);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:999;padding:20px}
.modalOverlay.show{display:flex}
.modalBox{background:#111c2d;border:1px solid #2b3748;border-radius:22px;padding:28px;max-width:420px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:modalIn .18s ease-out}
@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.modalIcon{width:52px;height:52px;border-radius:14px;background:#241d09;border:1px solid #5c4a10;display:grid;place-items:center;font-size:24px;margin-bottom:16px}
.modalBox h3{color:#fff;margin:0 0 10px;font-size:19px}
.modalBox p{color:#c3cddb;font-size:14px;line-height:1.7;margin:0 0 22px}
.modalBox p b{color:#f0dfa8}
.modalBox button{width:100%;border:0;border-radius:13px;background:#F2C94C;color:#3A2D00;padding:14px;font-weight:850;font-size:15px;cursor:pointer}
.modalSecondary{display:block;text-align:center;margin-top:12px;background:#1b2942;color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:14px;border-radius:13px;border:1px solid #2b3748}