:root{--navy:#0b2740;--blue:#1684d6;--teal:#0d9e9a;--ink:#15263a;--muted:#68798c;--line:#d8e2ea;--bg:#f4f7fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:20;background:var(--navy);color:white;border-bottom:1px solid #24435d}.nav{height:72px;display:flex;align-items:center;gap:24px}
.brand{font-weight:900;font-size:1.2rem}.brand small{display:block;color:#b9c9d7;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}
.links{margin-left:auto;display:flex;align-items:center;gap:18px}.links a:hover{color:#8ed1ff}.lang{color:#b9c9d7}.lang b{color:white}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:7px;font-weight:800;border:1px solid transparent}
.primary{background:var(--blue);color:white}.secondary{border-color:#6ba8d2;color:white}
.hero{background:linear-gradient(120deg,#0b2740,#123d5f);color:white;padding:88px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.eyebrow{color:#78c9ff;font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:.76rem}
h1{font-size:clamp(2.7rem,5.8vw,5.3rem);line-height:.98;letter-spacing:-.045em;margin:.25em 0 .35em}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:.1em 0 .3em}
.hero p,.lead{font-size:1.1rem;color:#c9d8e5}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mock{background:white;border-radius:16px;padding:14px;color:var(--ink);box-shadow:0 30px 70px #0005}.mock-head{background:var(--navy);color:white;border-radius:9px 9px 0 0;padding:13px 15px;font-weight:900}
.mock-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px;background:#f2f6f9}.kpi{background:white;border:1px solid var(--line);padding:9px;border-radius:6px;font-size:.75rem}.kpi b{display:block;font-size:1.2rem}
.task{display:grid;grid-template-columns:1.5fr .8fr .7fr .7fr;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.78rem}.task.head{background:#e8f0f6;font-weight:900}
section{padding:76px 0}.title{max-width:800px;margin-bottom:30px}.title p{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid var(--line);border-left:4px solid var(--blue);padding:21px;border-radius:8px}.card p{color:var(--muted);margin-bottom:0}
.band{background:#eaf1f6}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.flow div{background:white;border:1px solid var(--line);padding:17px 8px;text-align:center;border-radius:7px;font-weight:800}
.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:9px}.matrix{border-collapse:collapse;width:100%;min-width:720px}.matrix th,.matrix td{padding:12px 15px;border-bottom:1px solid var(--line)}.matrix th{background:var(--navy);color:white;text-align:left}.matrix th:not(:first-child),.matrix td:not(:first-child){text-align:center}.yes{color:#248e61;font-weight:900}.no{color:#9cabb8}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}.plan{background:white;border:1px solid var(--line);border-radius:10px;padding:27px}.plan.pro{border:2px solid var(--blue)}.price{font-size:2.5rem;font-weight:900}.price small{font-size:.9rem;color:var(--muted)}.promo{background:#eef8ff;border-left:4px solid var(--blue);padding:12px;margin:17px 0}
.security{display:grid;grid-template-columns:1fr 1fr;gap:28px}.security-list{display:grid;gap:10px}.security-list div{background:white;border:1px solid var(--line);padding:14px;border-radius:7px}
.contact{background:var(--navy);color:white}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contact p{color:#c6d5e1}.contact-item{padding:12px 0;border-bottom:1px solid #ffffff25}.contact-item img{height:26px;width:auto;max-width:100%}
form{background:white;color:var(--ink);padding:22px;border-radius:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:12px}label{display:block;font-size:.88rem;font-weight:800;margin-bottom:4px}input,select,textarea{width:100%;padding:11px;border:1px solid #c9d5df;border-radius:7px;font:inherit}textarea{min-height:130px}.check{display:flex;gap:8px;font-size:.84rem;color:var(--muted)}.check input{width:auto;margin-top:5px}
footer{background:#061b2c;color:#b9c9d7;padding:28px 0}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{margin-left:14px}
@media(max-width:850px){.links{display:none}.hero-grid,.contact-grid,.security{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.grid3,.plans,.row{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.hero{padding:60px 0}.task{grid-template-columns:1.5fr .8fr}.task span:nth-child(3),.task span:nth-child(4){display:none}.mock-kpi{grid-template-columns:1fr 1fr}}

.pc-showcase{background:#fff}
.pc-preview{display:block;width:100%;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 55px rgba(11,39,64,.16)}