
:root{--bg:#09111b;--panel:#101b29;--line:#223247;--text:#eef5ff;--muted:#9fb1c5;--blue:#2f8cff;--green:#25c46a;--orange:#ffb74d}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#08101a,#0b1420);color:var(--text);font:16px/1.6 Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}
.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(8,16,26,.92);backdrop-filter:blur(14px);border-bottom:1px solid #182536}
.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;min-width:210px;overflow:visible;flex:0 0 auto}.links{display:flex;gap:22px;align-items:center}.links a{color:#c7d4e4;font-weight:700;font-size:14px}.links a:hover{color:#fff}
.actions{display:flex;gap:10px;align-items:center}.lang,.btn{border:0;border-radius:12px;font-weight:800;cursor:pointer}.lang{padding:9px 12px;background:#122033;color:#fff;border:1px solid var(--line)}.btn{display:inline-flex;padding:14px 18px;align-items:center;justify-content:center}
.primary{background:var(--blue);color:white}.secondary{background:#132033;border:1px solid var(--line)}.whatsapp{background:var(--green);color:#06130b}
.hero{padding:86px 0 62px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.badge{display:inline-block;padding:7px 11px;border:1px solid #285b93;border-radius:999px;background:#102846;color:#b9d9ff;font-weight:800;font-size:13px}
h1{font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-2px;margin:18px 0}.lead{font-size:18px;color:var(--muted);max-width:760px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.mock,.card{background:linear-gradient(180deg,#111d2b,#0d1723);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.mock{padding:24px}.screen{background:#08111b;border:1px solid #22344b;border-radius:16px;padding:18px}.row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #182536;color:#aebed1}.row strong{color:#fff}
.section{padding:64px 0}.section h2{font-size:36px;margin:0 0 10px}.grid3,.grid2{display:grid;gap:18px;margin-top:28px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{padding:24px}.card h3{margin-top:0}.card p{color:var(--muted);margin-bottom:0}
.pricebox{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px;border-radius:22px;border:1px solid #285b93;background:linear-gradient(135deg,#102642,#151e35)}.price{font-size:46px;font-weight:900}.price small{font-size:14px;color:var(--muted)}
.notice,.ok{padding:16px 18px;border-radius:14px;margin-top:14px}.notice{background:#2b2110;border:1px solid #5a421a;color:#ffd79b}.ok{background:#10271c;border:1px solid #24583b;color:#c6f0d8}
.pagehead{padding:72px 0 20px}.pagehead h1{font-size:50px}.steps{display:grid;gap:14px;margin-top:26px;counter-reset:s}.step{counter-increment:s;display:flex;gap:16px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.step:before{content:counter(s);min-width:36px;height:36px;display:grid;place-items:center;background:var(--blue);border-radius:10px;font-weight:900}
.faq{display:grid;gap:12px;margin-top:26px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px 19px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}
.footer{margin-top:50px;border-top:1px solid #172536;padding:28px 0 40px;color:#7f91a6;font-size:13px}.footerin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:850px){.links{display:none}.heroGrid,.grid3,.grid2{grid-template-columns:1fr}.hero{padding-top:58px}.pricebox{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.wrap{width:min(100% - 22px,1120px)}.navin{height:66px}.primary.top{display:none}h1,.pagehead h1{font-size:39px}.lead{font-size:16px}}

.brandLogo{display:block;width:210px;height:42px;max-width:none;flex:0 0 auto}
.legal{max-width:850px}
.legal h2{font-size:24px;margin:34px 0 8px}
.legal p,.legal li{color:var(--muted)}
.legal ul{padding-left:22px}
.footerlinks{display:flex;gap:16px;flex-wrap:wrap}
.footerlinks a:hover{color:#c7d4e4}

.brand{display:flex;align-items:center;min-width:210px;overflow:visible;flex:0 0 auto}
.navin{overflow:visible}


.function-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.function-item{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#0d1825}
.function-item strong{display:block;margin-bottom:4px}
.function-item span{color:var(--muted);font-size:14px}
@media(max-width:700px){.function-list{grid-template-columns:1fr}}

@media(max-width:560px){
  .brandLogo{width:185px;height:34px;max-width:none}
  .brand{min-width:185px}
}
