@font-face{font-family:Inter;font-weight:400;src:url(/fonts/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;font-weight:400;src:url(/fonts/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Inter;font-weight:600;src:url(/fonts/inter-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;font-weight:600;src:url(/fonts/inter-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Inter;font-weight:700;src:url(/fonts/inter-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;font-weight:700;src:url(/fonts/inter-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF}
:root{--ink:#0b1f33;--blue:#0a6fb5;--sky:#9fd0f5;--amber:#ffb020;--muted:#5d6f80;--line:#e3e9ef;--soft:#f3f7fb}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
a{color:var(--blue)}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header.hero,.band{background:linear-gradient(160deg,#0b1f33 0%,#123456 60%,#0a6fb5 140%);color:#fff}
header.hero{padding:22px 0 28px;min-height:100vh;min-height:100svh;display:flex}
header.hero>.wrap{display:flex;flex-direction:column;width:100%}
.hero-body{margin:auto 0}
header.hero{position:relative;overflow:hidden}
header.hero .top{position:relative;z-index:3}
.hero-c{position:relative;z-index:2;max-width:620px;margin:0 auto;text-align:center}
.hero-c h1,.hero-c .sub{margin-left:auto;margin-right:auto}
.hero-c .cta{margin-left:0;display:block;width:max-content;margin:18px auto 0}
.hv{position:absolute;z-index:1;top:56%;width:min(19vw,250px,33vh);height:auto;border:8px solid #06111d;border-radius:30px;
  background:#fafafa;box-shadow:0 30px 70px rgba(0,0,0,.55);aspect-ratio:360/728}
.hv.l{left:max(2vw,calc(50% - 660px));transform:translateY(-42%) rotate(-7deg)}
.hv.r{right:max(2vw,calc(50% - 660px));transform:translateY(-46%) rotate(6deg)}
.hvs{display:contents}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;
  min-height:150px;padding:20px 14px;border:1px solid #d6dee8;border-radius:16px;background:#fff;color:#0b2540}
.tile .ic{font-size:34px;line-height:1}
.tile b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.tile small{font-size:14.5px;color:var(--muted);line-height:1.4}
.tile.wide,.tile.blue,.tile.soft{grid-column:1/-1;flex-direction:row;justify-content:flex-start;text-align:left;gap:18px;
  min-height:104px;padding:18px 24px}
.tile.wide>div,.tile.blue>div,.tile.soft>div{display:flex;flex-direction:column;gap:2px}
.tile.blue{background:linear-gradient(135deg,#0a6fb5,#085690);border-color:#085690;color:#fff}
.tile.blue small{color:#fff;opacity:.92;font-size:16px}
.tile.blue b,.tile.soft b{font-size:21px}
.tile.soft{background:#eef5fb;border-color:var(--blue)}
.badge-r{position:absolute;top:10px;right:12px;min-width:26px;height:26px;border-radius:13px;color:#fff;font-weight:700;
  font-size:15px;line-height:26px;text-align:center}
.pain .badge-r{background:#c0392b}
.ok .badge-r{background:#1a8754}
.no .badge-r{background:#8a919c}
.no{opacity:.75}
.tiles.two{grid-template-columns:1fr 1fr}
.game{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:24px}
.game>p{margin:0 0 18px;font-size:17px}
.road{position:relative;height:46px;margin:6px 8px 4px;border-bottom:4px dashed #b8c6d4}
.road #g-truck{position:absolute;bottom:2px;left:0;transform:translateX(-50%) scaleX(-1);font-size:32px;line-height:1;transition:left .4s}
.ends{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin:0 0 16px}
.gstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.gstats div{background:#fff;border:1px solid #d6dee8;border-radius:12px;padding:10px 12px}
.gstats small{display:block;color:var(--muted);font-size:12.5px}
.gstats b{font-size:19px;font-variant-numeric:tabular-nums}
.gstats b.warn{color:#c77700}.gstats b.bad{color:#c0392b}
.g-phone{min-height:84px;margin-bottom:14px}
.g-phone.alarm{background:linear-gradient(135deg,#c0392b,#962d22);border-color:#962d22}
.gbtn{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}
.gbtn button{font:inherit;font-size:17px;font-weight:600;min-height:56px;border-radius:14px;border:1px solid #d6dee8;background:#fff;color:#0b2540;cursor:pointer}
.gbtn button:active{background:#e8f1fa}
.gbtn button:disabled{opacity:.45;cursor:default}
.gbtn #g-again{font-weight:400;font-size:15px;padding:0 16px}
#g-inf{margin:12px 0 0}#g-inf li{color:#c0392b;font-size:15px;padding:6px 0 6px 22px;border:0}
#g-inf li:before{content:"!";position:absolute;left:6px;font-weight:700}
.g-end{margin-top:12px;padding:14px 16px;border-radius:12px;font-weight:600}
.g-end.win{background:#e3f4ec;color:#11603b}.g-end.lose{background:#fbe9e7;color:#962d22}
.gnote{font-size:13px;color:var(--muted);margin:14px 0 0}
.down{align-self:center;color:var(--sky);text-decoration:none;font-size:26px;line-height:1;opacity:.8}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font-weight:700;letter-spacing:.18em;font-size:14px;color:var(--sky);text-decoration:none}
.brand b{color:#fff}
.langs{display:flex;gap:6px;flex-wrap:wrap}
.langs a{color:#d5e6f4;text-decoration:none;font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.18)}
.langs a.on{background:#fff;color:var(--ink)}
h1{font-size:clamp(32px,6vw,58px);line-height:1.06;letter-spacing:-.025em;margin:56px 0 16px;font-weight:700;max-width:820px}
.sub{font-size:clamp(18px,2.4vw,22px);color:#d5e6f4;margin:0;max-width:640px}
.badge{display:inline-block;margin-top:28px;background:var(--amber);color:var(--ink);font-weight:700;font-size:clamp(17px,2.4vw,21px);padding:10px 18px;border-radius:10px}
.cta{display:inline-block;margin:28px 0 0 12px;color:#fff;font-weight:600;text-decoration:none;border-bottom:2px solid var(--amber);padding-bottom:2px}
main section{padding:48px 0;border-bottom:1px solid var(--line)}
main section:last-child{border-bottom:0}
.band{padding:64px 0}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:1100px){.hvs{display:flex;justify-content:center;gap:16px;margin:30px 0 8px;position:relative;z-index:1}.hv{position:static;width:min(40vw,190px)}.hv.l{transform:rotate(-4deg)}.hv.r{transform:rotate(4deg) translateY(14px)}}
@media (max-width:720px){.gstats{grid-template-columns:1fr 1fr}.gbtn{grid-template-columns:1fr 1fr}.gbtn #g-again{grid-column:1/-1;min-height:44px}.tiles{grid-template-columns:1fr 1fr;gap:12px}.tile{min-height:130px}.tile small{font-size:13.5px}.hero-grid{grid-template-columns:1fr;gap:36px}.phone{justify-self:center;max-width:230px}.cols,.founders{grid-template-columns:1fr;gap:28px}.cta{margin-left:0;display:block;width:max-content}}
h2{font-size:22px;margin:0 0 14px;color:var(--blue);letter-spacing:-.01em}
ul{margin:0;padding:0;list-style:none}
li{font-size:17px;padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}
.pains li:before{content:"!";position:absolute;left:6px;top:10px;font-weight:700;color:#d64545}
.feat li:before{content:"\2713";position:absolute;left:2px;top:10px;font-weight:700;color:#1b8a5a}
.story{background:var(--soft);border-left:6px solid var(--blue);padding:22px 26px;border-radius:4px}
.story p{margin:0;font-size:18px}
.fh{margin-top:32px}
.founders{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.founder{border:1px solid var(--line);border-radius:8px;padding:16px 18px;background:#fff}
.founder b{display:block;font-size:19px;letter-spacing:-.01em}
.founder span{color:var(--muted);font-size:15px}
.offer{text-align:center}
.why{max-width:640px;margin:26px auto 22px;text-align:left;background:rgba(255,255,255,.08);border:1px solid rgba(159,208,245,.25);border-radius:8px;padding:18px 22px}
.why h3{margin:0 0 6px;font-size:18px;color:var(--sky)}
.offer .why p{margin:0;font-size:16px;max-width:none;color:#e6f0f8}
.offer h2{font-size:clamp(26px,4vw,38px);color:#fff}
.offer p{font-size:18px;max-width:640px;margin:0 auto 14px;color:#d5e6f4}
.offer .soon{color:#9fb6ca;font-size:15px}
.mail{font-size:20px;font-weight:700;color:var(--amber)}
footer{padding:28px 0 40px;font-size:13px;color:#8fa6ba;background:#081726}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}