@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(/fonts/roboto-cyrillic-400-normal.woff2) format("woff2"),url(/fonts/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(/fonts/roboto-cyrillic-500-normal.woff2) format("woff2"),url(/fonts/roboto-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(/fonts/roboto-cyrillic-700-normal.woff2) format("woff2"),url(/fonts/roboto-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/fonts/montserrat-cyrillic-700-normal.woff2) format("woff2"),url(/fonts/montserrat-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(/fonts/montserrat-cyrillic-800-normal.woff2) format("woff2"),url(/fonts/montserrat-latin-800-normal.woff2) format("woff2")}
:root{--night:#0A1118;--night2:#121C26;--graphite:#1F2A35;--ink:#13202B;--text:#3A4652;--muted:#71808E;--line:#E2E8EE;--line2:#CDD6DF;--bg:#F3F6F9;--blue:#007BCA;--blue-h:#0A8CE0;--blue-d:#00548C;--blue-s:#E5F2FB;--sky:#6FC3F5;--ok:#16935A;--ok-s:#E2F5EB;--warn:#B26A00;--err:#C63A2D;--h:Montserrat,Arial,sans-serif;--r:16px;--r-l:24px;--sh:0 20px 50px -30px rgba(10,17,24,.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden;font:400 16px/1.55 Roboto,Arial,sans-serif;color:var(--text);background:#fff}
img{max-width:100%;display:block}a{color:var(--blue-d)}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--h);color:var(--ink);margin:0;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(34px,5.2vw,68px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em}h2{font-size:clamp(26px,3.3vw,44px);font-weight:800;text-transform:uppercase;letter-spacing:-.005em}h3{font-size:19px;font-weight:700}h4{font-size:15px;font-weight:700}
p{margin:0}.lead{font-size:clamp(16px,1.3vw,19px);line-height:1.5;max-width:60ch}
.wrap{width:min(1240px,100% - 32px);margin:0 auto}
.sec{padding:clamp(56px,8vw,110px) 0}.sec--bg{background:var(--bg)}.sec--dark{background:var(--night);color:#C6CED6}.sec--dark h2,.sec--dark h3{color:#fff}
.eyebrow{display:flex;align-items:center;gap:12px;font:700 12px/1 var(--h);letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.eyebrow:before{content:"";width:28px;height:3px;background:var(--blue);border-radius:2px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,4vw,48px);flex-wrap:wrap}.head p{margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;border:1.5px solid transparent;background:var(--night);color:#fff;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;font-size:15px;transition:.2s}.btn:hover{transform:translateY(-1px)}
.btn--b{background:var(--blue);color:#fff}.btn--b:hover{background:var(--blue-h)}.btn--l{background:transparent;border-color:var(--line2);color:var(--ink)}.btn--l:hover{border-color:var(--ink)}.btn--g{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(8px)}.btn--g:hover{background:rgba(255,255,255,.18)}.btn--xl{min-height:60px;padding:0 30px;font-size:16px;border-radius:14px}.btn svg{width:20px;height:20px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(10,17,24,.86);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.hdr .wrap{display:flex;align-items:center;gap:28px;min-height:66px}
.hdr .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.hdr .logo img{height:24px}.hdr .logo span{font:700 11px var(--h);letter-spacing:.18em;text-transform:uppercase;color:var(--sky);padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}
.hdr nav{display:flex;gap:4px;margin-left:auto}.hdr nav a{color:#C6CED6;text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:8px}.hdr nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.hdr .btn{min-height:40px;padding:0 16px;font-size:14px}.burger{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;margin-left:auto}
/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;contain:paint;background:var(--night);color:#C6CED6;min-height:clamp(600px,calc(100svh - 66px),880px);display:flex;align-items:center;padding:clamp(60px,8vw,110px) 0}
.hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;animation:zoom 24s ease-out both}@keyframes zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.hero__sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,24,.96) 0%,rgba(10,17,24,.84) 36%,rgba(10,17,24,.3) 64%,rgba(10,17,24,.05) 100%),linear-gradient(0deg,rgba(10,17,24,.95) 0%,rgba(10,17,24,0) 40%)}
.hero__in{position:relative;max-width:720px}.hero h1{color:#fff;margin:14px 0 20px}.hero .lead{color:#C6CED6;margin-bottom:30px}
.hero__kv{display:flex;gap:28px;flex-wrap:wrap;margin-top:40px}.hero__kv div{border-left:2px solid var(--blue);padding-left:14px}.hero__kv b{display:block;font:800 26px/1 var(--h);color:#fff;margin-bottom:4px}.hero__kv span{font-size:13px;color:#8B98A5}
.px{position:absolute;display:grid;grid-template-columns:repeat(4,8px);gap:4px;opacity:.5}.px i{width:8px;height:8px;background:var(--blue)}.px i.o{background:transparent;outline:1px solid var(--blue);outline-offset:-1px}
/* chips / pills */
.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 14px;font-size:13px;color:#C6CED6}
/* problems */
.prob{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.prob div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;box-shadow:var(--sh)}.prob b{display:block;font:800 36px/1 var(--h);color:var(--err);margin-bottom:12px}.prob h4{margin-bottom:8px}.prob p{font-size:14.5px}
/* flow */
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:f}
.flow>div{position:relative;background:var(--night2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:22px 18px 20px;counter-increment:f}.flow>div:before{content:"0" counter(f);font:800 13px var(--h);color:var(--sky);letter-spacing:.1em}.flow h4{color:#fff;margin:10px 0 8px}.flow p{font-size:13.5px;color:#9AA6B2}.flow .tag{display:inline-block;margin-top:12px;font-size:12px;padding:3px 9px;border-radius:999px;background:rgba(0,123,202,.18);color:var(--sky)}
.flow .block{margin-top:12px;font-size:12.5px;color:#F3A69B;display:flex;gap:6px;align-items:flex-start}.flow .block:before{content:"⛔";font-size:12px}
/* modules */
.mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mod{position:relative;isolation:isolate;overflow:hidden;contain:paint;border-radius:var(--r-l);background:var(--night);color:#C6CED6;padding:34px 30px;min-height:520px;display:flex;flex-direction:column;box-shadow:var(--sh)}
.mod img{position:absolute;max-width:none;right:-8%;bottom:-6%;width:52%;z-index:-1;opacity:.55;mask-image:linear-gradient(180deg,transparent 0%,#000 40%)}
.mod h3{color:#fff;font-size:26px;text-transform:uppercase;font-weight:800;margin:6px 0 10px}.mod .eyebrow{color:var(--sky)}.mod .eyebrow:before{background:var(--sky)}.mod>p{max-width:46ch;margin-bottom:18px}
.mod ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-width:52ch}.mod li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:14.5px}.mod li:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat;margin-top:2px}
.mod .foot{margin-top:auto;padding-top:22px}
/* roles */
.roles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.roles div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px}.roles h4{margin-bottom:10px;color:var(--blue-d)}.roles p{font-size:14px}
/* kit */
.kit{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.kit ol{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:k}.kit li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;counter-increment:k}.kit li:before{content:counter(k,decimal-leading-zero);width:44px;height:44px;border-radius:12px;background:var(--night);color:#fff;display:grid;place-items:center;font:800 13px var(--h)}.kit li b{display:block;color:var(--ink);font-weight:500;margin-bottom:2px}.kit li span{font-size:14px}
.kit__img{border-radius:var(--r-l);overflow:hidden;background:var(--night);aspect-ratio:4/4.4;position:relative}.kit__img img{width:100%;height:100%;object-fit:cover;opacity:.9}.kit__img .lbl{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(10,17,24,.8);backdrop-filter:blur(8px);color:#fff;border-radius:12px;padding:12px 14px;font-size:13.5px}
.qrmock{position:absolute;top:18px;right:18px;background:#fff;border-radius:10px;padding:10px;width:120px;text-align:center;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.4)}.qrmock b{display:block;font:800 12px var(--h);letter-spacing:.06em;margin-top:6px}.qrmock small{font-size:9.5px;color:var(--muted);line-height:1.2;display:block}
/* timeline */
.tl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tl div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 18px}.tl b{display:block;font:800 12px var(--h);letter-spacing:.1em;color:var(--blue);text-transform:uppercase;margin-bottom:8px}.tl h4{margin-bottom:6px}.tl p{font-size:14px}
/* law */
.law{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.law div{background:var(--night2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:22px 20px}.law b{display:block;color:#fff;font-weight:500;margin-bottom:6px}.law p{font-size:13.5px;color:#9AA6B2}
/* pricing */
.price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pr{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-l);padding:30px 28px;display:flex;flex-direction:column;position:relative}.pr.hot{border-color:var(--blue);box-shadow:0 30px 60px -30px rgba(0,123,202,.5)}.pr .top{position:absolute;top:-13px;left:28px;background:var(--blue);color:#fff;font:700 11px var(--h);letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.pr h3{text-transform:uppercase;font-size:20px}.pr .for{color:var(--muted);font-size:14px;margin:6px 0 18px;min-height:42px}.pr .sum{font:800 clamp(30px,3vw,38px)/1 var(--h);color:var(--ink)}.pr .sum small{font:500 14px Roboto;color:var(--muted)}.pr .per{font-size:13px;color:var(--muted);margin:6px 0 20px}
.pr ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px}.pr li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:14.5px}.pr li:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--ok-s) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316935A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat;margin-top:3px}.pr li.no:before{background:var(--bg);opacity:.5}.pr li.no{color:var(--muted)}
.pr .btn{margin-top:auto}
.pnote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.pnote div{background:var(--bg);border-radius:var(--r);padding:16px 18px;font-size:14px}.pnote b{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
/* calc */
.calc{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;background:var(--night);color:#C6CED6;border-radius:var(--r-l);padding:clamp(24px,4vw,44px);align-items:center}
.calc h3{color:#fff;font-size:24px;text-transform:uppercase;font-weight:800}.calc label{display:grid;gap:8px;margin-top:18px;font-size:14px}.calc output{font:800 18px var(--h);color:#fff;margin-left:auto}.calc .lbl{display:flex;align-items:center}
.calc input[type=range]{width:100%;accent-color:var(--blue)}
.calc__r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calc__r div{background:var(--night2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:18px}.calc__r b{display:block;font:800 30px/1 var(--h);color:#fff;margin-bottom:4px}.calc__r span{font-size:13px;color:#9AA6B2}.calc__r div.acc{background:var(--blue);border-color:var(--blue)}.calc__r div.acc span{color:#DDEFFB}
.calc .note{grid-column:1/-1;font-size:12.5px;color:#8B98A5}
/* faq */
.faq{max-width:860px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font:700 17px var(--h);color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);font-weight:400;font-size:22px;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{margin-top:12px;max-width:70ch}
/* form */
.cta{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:30px;box-shadow:var(--sh)}.fld{display:grid;gap:6px;margin-bottom:14px}.fld label{font-size:13px;font-weight:500;color:var(--ink)}.fld input,.fld select,.fld textarea{min-height:48px;padding:10px 14px;border:1.5px solid var(--line2);border-radius:12px;width:100%;outline:none;background:#fff}.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--blue)}.fld textarea{min-height:90px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:6px 0 16px}.consent input{margin-top:3px;accent-color:var(--blue)}.hp{position:absolute;left:-9999px}
.form .ok{display:none;background:var(--ok-s);color:#0E5E39;padding:18px;border-radius:12px;font-weight:500}.form.done .ok{display:block}.form.done .ff{display:none}
.contact{display:grid;gap:14px;margin-top:24px}.contact div{display:grid;gap:2px}.contact b{color:var(--ink);font-weight:500}.contact a{text-decoration:none;font-size:18px;font-weight:500}
footer{background:var(--night);color:#8B98A5;padding:36px 0;font-size:13.5px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}footer a{color:#C6CED6;text-decoration:none}footer img{height:20px}
.rv{opacity:0;transform:translateY(16px);transition:.6s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.shot{border-radius:var(--r-l);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);background:var(--night2)}.shot iframe{width:100%;height:640px;border:0;display:block;background:#F3F6F9}
.demo-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:18px}
.flow--4,.roles--4,.tl--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.flow--4,.roles--4,.tl--4{grid-template-columns:repeat(2,minmax(0,1fr))}.prob,.roles,.tl{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}.law{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.hdr nav{display:none}.hdr nav.open{display:flex;position:absolute;left:0;right:0;top:66px;background:var(--night);flex-direction:column;padding:10px 16px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.burger{display:block}.hdr .btn{display:none}.hdr .logo span{display:none}
 .mods,.kit,.calc,.cta,.price,.pnote,.calc__r,.row,.flow--4,.roles--4,.tl--4{grid-template-columns:1fr}.mod{min-height:0;padding:26px 22px}.mod img{opacity:.3;width:70%}.flow,.prob,.roles,.tl,.law{grid-template-columns:1fr}.hero__kv{gap:18px}.hero__kv b{font-size:22px}.shot iframe{height:560px}.pr.hot{order:-1}.btn{white-space:normal;text-align:center}}