:root{--navy:#082c4b;--navy2:#0c3d66;--blue:#0a91dc;--cyan:#22bcff;--sky:#eaf7ff;--ink:#0b2238;--muted:#60768a;--line:#d9e8f2;--white:#fff;--shadow:0 16px 40px rgba(13,66,102,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1200px,calc(100% - 36px));margin:auto}
.topbar{background:#f7fbfe;border-bottom:1px solid #e8f0f6}.topgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;align-items:center;min-height:92px}.brand img{width:390px;max-width:100%}.topitem{font-size:14px;color:#36556e}.topitem b{display:block;color:#0b2e50;font-size:13px;margin-bottom:2px}.phone{font-size:23px;font-weight:800;color:#083358}.topcta{display:inline-flex;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:800;padding:12px 18px;border-radius:12px;margin-top:5px}
.nav{background:var(--navy);color:#fff;position:sticky;top:0;z-index:30;box-shadow:0 8px 22px rgba(0,33,58,.12)}.navinner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px}.links{display:flex;gap:25px;font-size:14px;font-weight:700}.links a:hover{color:#78d4ff}.menuBtn{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;min-height:560px;background:linear-gradient(90deg,#eaf7ff 0%,rgba(234,247,255,.97) 38%,rgba(234,247,255,.45) 62%,rgba(234,247,255,.02) 100%),url('hero.jpg') center right/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(5,44,75,.03));pointer-events:none}.heroContent{position:relative;z-index:2;padding:75px 0 65px;max-width:650px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.15em;color:#117ebd;text-transform:uppercase}.hero h1{font-size:64px;line-height:.98;margin:12px 0 18px;color:#072b4b}.hero h1 span{color:#0aa3eb}.hero .lead{font-size:23px;max-width:590px;font-weight:650}.chips{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.chip{background:rgba(255,255,255,.88);border:1px solid #cae6f6;padding:10px 14px;border-radius:999px;font-weight:700;color:#0d446b}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-weight:800;font-size:15px}.btn.primary{background:linear-gradient(135deg,#078ed8,#23bdff);color:#fff;box-shadow:0 11px 25px rgba(10,145,220,.23)}.btn.outline{border:1px solid #8ecbe8;background:#fff;color:#0a5f92}.btn.dark{background:#0b3559;color:#fff}.btn:hover{transform:translateY(-1px)}
.section{padding:72px 0}.soft{background:#f4faff}.sectionHead{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.sectionHead h2{font-size:38px;margin:5px 0}.sectionHead p{max-width:650px;color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card{background:#fff;border:1px solid #dcebf4;border-radius:18px;overflow:hidden;box-shadow:0 9px 26px rgba(8,56,91,.08)}.card img{width:100%;height:150px;object-fit:cover}.cardBody{padding:18px}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14px}
.allServices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.serviceLine{display:flex;gap:12px;align-items:flex-start;border:1px solid #d8eaf5;border-radius:14px;padding:15px;background:#fff}.num{width:34px;height:34px;border-radius:10px;background:#e5f6ff;color:#067fbe;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.serviceLine b{display:block;font-size:15px}.serviceLine small{color:var(--muted)}
.selector{background:linear-gradient(145deg,#062844,#0e4f7b);color:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.selectorGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.choiceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{background:#123e61;color:#fff;border:1px solid #27688f;border-radius:14px;padding:16px;text-align:left;font-weight:800;cursor:pointer}.choice.active,.choice:hover{background:#0a9be4;border-color:#5fd0ff}.solution{background:#fff;color:var(--ink);border-radius:18px;padding:22px}.solution h3{margin-top:0}.solution p{color:var(--muted)}
.aboutGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.panel{background:#fff;border:1px solid #dceaf3;border-radius:20px;padding:26px;box-shadow:var(--shadow)}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact{background:#f4faff;border-radius:14px;padding:15px}.fact b{display:block;color:#0a82c3;font-size:13px;margin-bottom:5px}.fact span{font-size:15px;word-break:break-word}.bank{margin-top:14px;padding-top:14px;border-top:1px dashed #c5dce9}.bank div{margin:7px 0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-radius:18px;background:#fff;border:1px solid #d9e9f3;padding:20px;position:relative}.step:before{content:attr(data-step);font-size:38px;font-weight:900;color:#d9f3ff;position:absolute;right:16px;top:8px}.step h3{margin:20px 0 7px}.step p{margin:0;color:var(--muted);font-size:14px}
.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contactList{display:grid;gap:12px}.contactItem{background:#fff;border:1px solid #d9eaf4;border-radius:15px;padding:16px}.contactItem b{display:block;color:#0a81bf;margin-bottom:4px}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;border:1px solid #cbdfea;border-radius:12px;padding:13px;font:inherit;background:#fbfdff}.form textarea{min-height:120px;resize:vertical}.agree{font-size:12px;color:#6c8294}.status{font-size:13px;min-height:18px}
.footer{background:#061f35;color:#c9dae7;padding:34px 0}.footerGrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}.footer b{color:#fff}.footer a{color:#d9efff}.copyright{border-top:1px solid #17435f;margin-top:26px;padding-top:18px;font-size:12px;color:#8ba6b9}
.helperBtn{position:fixed;right:22px;bottom:22px;z-index:45;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#0b87d2,#24c1ff);color:#fff;font-size:25px;box-shadow:0 14px 35px rgba(0,114,187,.35);cursor:pointer}.helper{position:fixed;right:22px;bottom:92px;width:min(360px,calc(100vw - 34px));z-index:46;background:#fff;border-radius:19px;box-shadow:0 18px 50px rgba(3,40,67,.25);border:1px solid #d2e8f5;display:none;overflow:hidden}.helper.open{display:block}.helperHead{background:#0a3559;color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.helperBody{padding:16px}.helperQuick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.helperQuick button{border:1px solid #c9e3f2;background:#f2faff;color:#075b8c;border-radius:999px;padding:8px 10px;cursor:pointer}.answer{background:#f3faff;border-radius:12px;padding:12px;min-height:72px;color:#36566d;font-size:14px}.helperClose{background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
@media(max-width:1000px){.topgrid{grid-template-columns:1fr 1fr}.brand{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.allServices{grid-template-columns:repeat(2,1fr)}.selectorGrid,.aboutGrid,.contactGrid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.links{display:none}.menuBtn{display:block}.navinner.open .links{display:flex;position:absolute;top:56px;left:0;right:0;background:#072c4b;padding:20px;flex-direction:column}.navinner{position:relative}.hero h1{font-size:50px}.hero{background-position:60% center}.choiceGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 24px,1200px)}.topgrid{grid-template-columns:1fr;gap:10px;padding:18px 0}.brand{grid-column:auto}.brand img{width:300px}.phone{font-size:20px}.hero{min-height:auto;background:linear-gradient(180deg,rgba(234,247,255,.98),rgba(234,247,255,.82)),url('hero.jpg') center/cover}.heroContent{padding:54px 0}.hero h1{font-size:42px}.hero .lead{font-size:19px}.section{padding:52px 0}.sectionHead{align-items:flex-start;flex-direction:column}.sectionHead h2{font-size:31px}.cards,.allServices,.choiceGrid,.flow,.facts,.footerGrid{grid-template-columns:1fr}.card img{height:190px}.helperBtn{right:14px;bottom:14px}.helper{right:14px;bottom:82px}.topcta{width:max-content}}
