:root{--blue:#0098DA;--blue-deep:#036AA6;--indigo:#4C5FD9;--indigo-deep:#3A48B0;--green:#6CC24A;--ink:#0B1F33;--ink-soft:#4C5E70;--bg:#FFFFFF;--bg-soft:#F4F9FC;--surface:#FFFFFF;--line:#E3EDF3;--radius:18px;--btn-radius:6px;--display:'Inter',sans-serif;--body:'Inter',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}html[data-theme=dark]{--blue:#38B6E8;--blue-deep:#6FCBF0;--indigo:#8B97F0;--indigo-deep:#A6B0F5;--green:#8CD86E;--ink:#EAF0F8;--ink-soft:#9AAAC0;--bg:#0B1420;--bg-soft:#101B29;--surface:#14202F;--line:#24344A}html[data-theme=dark] body{background:var(--bg)}html[data-theme=dark] header{background:rgba(11,20,32,.86)}html[data-theme=dark] .adv-card:hover,html[data-theme=dark] .prod-card:hover,html[data-theme=dark] .test-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.35)}html[data-theme=dark] .form-card{box-shadow:0 20px 50px rgba(0,0,0,.3)}html[data-theme=dark] .client-badge{opacity:.85}html[data-theme=dark] .hero{background:radial-gradient(700px 400px at 85% -10%,rgba(0,152,218,.12),transparent 60%),radial-gradient(600px 400px at -10% 110%,rgba(108,194,74,.1),transparent 60%)}html[data-theme=dark] .mesh-line{opacity:.35}html[data-theme=dark] .promo{background:linear-gradient(120deg,#1b4a66,#123449)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;overflow-x:hidden;visibility:hidden;transition:background .3s ease,color .3s ease}body.i18n-ready{visibility:visible}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em;color:var(--ink)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:var(--btn-radius);font-family:var(--display);font-weight:600;font-size:14px;cursor:pointer;border:1.5px solid transparent;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--indigo);color:#fff;box-shadow:0 4px 12px rgba(76,95,217,.28)}.btn-primary:hover{background:var(--indigo-deep);box-shadow:0 6px 16px rgba(76,95,217,.36)}.btn-outline{background:var(--surface);border-color:var(--indigo);color:var(--indigo)}.btn-outline:hover{background:rgba(76,95,217,.06);border-color:var(--indigo-deep);color:var(--indigo-deep)}.btn-tg{background:#249ad9;color:#fff;box-shadow:0 4px 12px rgba(36,154,217,.28)}.btn-tg:hover{background:#1e86be}.btn-wa{background:#28c25a;color:#fff;box-shadow:0 4px 12px rgba(40,194,90,.28)}.btn-wa:hover{background:#22a94d}.icon{width:18px;height:18px;flex-shrink:0}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:16px}.logo{font-family:var(--display);font-weight:800;font-size:19px;display:flex;align-items:center;gap:8px;color:var(--ink)}.logo .mark{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--blue),var(--green))}.nav-links{display:flex;gap:30px;font-size:14.5px;color:var(--ink-soft);font-weight:500}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--blue)}.nav-cta{display:flex;gap:10px;align-items:center}.nav-cta .btn{padding:11px 18px;font-size:14px}@media(max-width:900px){.nav-links{display:none}}.lang-switch{display:flex;align-items:center;gap:2px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--btn-radius);padding:3px}.lang-btn{border:none;background:0 0;cursor:pointer;padding:7px 11px;border-radius:4px;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--ink-soft);transition:background .2s ease,color .2s ease}.lang-btn.active{background:var(--surface);color:var(--blue-deep);box-shadow:0 3px 10px rgba(11,31,51,.08)}.lang-btn:hover{color:var(--blue-deep)}.theme-toggle{width:36px;height:36px;border-radius:var(--btn-radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,border-color .2s ease,transform .15s var(--ease)}.theme-toggle:hover{border-color:var(--indigo);transform:translateY(-1px)}.theme-toggle svg{width:17px;height:17px;stroke:var(--ink-soft);transition:stroke .2s ease}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-moon{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}.hero{position:relative;padding:110px 0 90px;overflow:hidden;background:radial-gradient(700px 400px at 85% -10%,rgba(0,152,218,.14),transparent 60%),radial-gradient(600px 400px at -10% 110%,rgba(108,194,74,.14),transparent 60%)}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;animation:float 10s ease-in-out infinite}.blob1{width:340px;height:340px;background:var(--blue);top:-100px;right:-60px;animation-delay:0s}.blob2{width:260px;height:260px;background:var(--green);bottom:-80px;left:10%;animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-24px) translateX(14px)}}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--blue-deep);box-shadow:0 4px 14px rgba(0,0,0,.04)}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero h1{font-size:56px;line-height:1.05;margin:20px 0 22px}.hero h1 span:last-child{color:var(--blue)}@media(max-width:640px){.hero h1{font-size:36px}}.hero p{font-size:17.5px;color:var(--ink-soft);max-width:520px;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:40px;margin-top:50px;flex-wrap:wrap}.hero-stats div b{font-family:var(--display);font-size:30px;color:var(--ink);display:block}.hero-stats div span{font-size:13px;color:var(--ink-soft)}.hero-art{position:relative;height:420px}.hero-art svg{width:100%;height:100%;overflow:visible}.float-card{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px;box-shadow:0 16px 40px rgba(11,31,51,.12);font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;animation:bob 6s ease-in-out infinite}.float-card .ic-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}.mesh-line{stroke:var(--blue);stroke-width:2;opacity:.5;stroke-dasharray:7 7;stroke-linecap:round;animation:dashMove 6s linear infinite}.mesh-line.slow{animation-duration:9s}.mesh-line.rev{animation-direction:reverse}@keyframes dashMove{to{stroke-dashoffset:-140}}.office-node{transform-box:fill-box;transform-origin:50% 50%;animation:officeFloat 6s ease-in-out infinite}@keyframes officeFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-10px)}}.office-label{transform-box:fill-box;transform-origin:50% 50%;animation:officeFloat 6s ease-in-out infinite}.hub-ring{transform-box:fill-box;transform-origin:50% 50%;animation:hubPulse 2.6s ease-in-out infinite}@keyframes hubPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}section{padding:96px 0}.section-head{max-width:660px;margin:0 auto 56px;text-align:center}.eyebrow{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.section-head h2{font-size:36px;margin-top:12px}.section-head p{color:var(--ink-soft);margin-top:14px;font-size:16px}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}.adv-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:32px 26px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.adv-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,31,51,.08)}.adv-card .num{font-family:var(--display);font-weight:800;font-size:26px;color:var(--blue);opacity:.35}.adv-card h3{font-size:17px;margin:14px 0 10px}.adv-card p{font-size:14px;color:var(--ink-soft)}.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:900px){.prod-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.prod-grid{grid-template-columns:1fr}}.prod-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:14px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s ease}.prod-card:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(11,31,51,.1);border-color:transparent}.prod-card .glyph{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(0,152,218,.14),rgba(108,194,74,.14));display:flex;align-items:center;justify-content:center}.prod-card .glyph svg{width:22px;height:22px;stroke:var(--blue-deep)}.prod-card h3{font-size:16px}.prod-card p{font-size:13.5px;color:var(--ink-soft);flex-grow:1}.prod-card .tag{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--green)}.prod-card a.mini{font-size:13px;color:var(--ink);display:flex;align-items:center;gap:6px;margin-top:4px;font-weight:600}.prod-card a.mini:hover{color:var(--blue)}.band{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:760px){.test-grid{grid-template-columns:1fr}}.test-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px;transition:transform .25s var(--ease)}.test-card:hover{transform:translateY(-4px)}.test-card p{font-size:16.5px}.test-card .who{margin-top:18px;font-size:13px;color:var(--ink-soft);font-weight:600}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:820px){.clients-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.clients-grid{grid-template-columns:repeat(2,1fr)}}.client-badge{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 16px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.03em;color:var(--ink-soft);filter:grayscale(1);opacity:.75;transition:transform .25s var(--ease),box-shadow .25s var(--ease),color .25s ease,filter .25s ease,opacity .25s ease;text-align:center}.client-badge:hover{transform:translateY(-4px);filter:grayscale(0);opacity:1;color:var(--blue-deep);box-shadow:0 14px 30px rgba(11,31,51,.08)}.promo{background:linear-gradient(120deg,var(--blue),var(--blue-deep));border-radius:24px;padding:52px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}.promo::after{content:'';position:absolute;width:280px;height:280px;background:rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-80px}.promo h3{font-size:26px;margin-bottom:8px;color:#fff}.promo p{color:rgba(255,255,255,.85);max-width:420px}.promo .btn-primary{background:#fff;color:var(--blue-deep)}.contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:44px}@media(max-width:820px){.contact-grid{grid-template-columns:1fr}}.contact-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:34px}.contact-row{display:flex;align-items:center;gap:14px;padding:16px 4px;margin:0 -4px;border-bottom:1px solid var(--line);border-radius:10px;cursor:pointer;transition:background .2s ease,transform .2s ease}.contact-row:hover{background:var(--bg-soft);transform:translateX(2px)}.contact-row:last-child{border-bottom:none}.contact-row .ic{width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-row .ic svg{width:19px;height:19px;stroke:var(--blue-deep)}.contact-row div b{display:block;font-size:13px;color:var(--ink-soft);font-weight:500}.contact-row div span{font-size:15.5px;font-weight:600}.g-recaptcha{transform:scale(.93);transform-origin:0 0}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 20px 50px rgba(11,31,51,.06)}.quick-form{display:flex;flex-direction:column;gap:14px}.quick-form label{font-size:13px;color:var(--ink-soft);font-weight:600;margin-bottom:-8px}.quick-form input,.quick-form textarea{background:var(--bg-soft);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);font-family:var(--body);font-size:14.5px;width:100%}.quick-form input:focus,.quick-form textarea:focus{outline:0;border-color:var(--blue)}.form-status{font-size:14px;font-weight:600;padding:12px 14px;border-radius:10px;display:none}.form-status.ok{display:block;background:rgba(108,194,74,.12);color:#2e7d32}.form-status.err{display:block;background:rgba(220,53,69,.1);color:#c0392b}.form-status.sending{display:block;background:rgba(0,152,218,.1);color:var(--blue-deep)}footer{border-top:1px solid var(--line);padding:36px 0;color:var(--ink-soft);font-size:13px}.footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.float-cta{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:12px;z-index:60}.float-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(11,31,51,.28);transition:transform .2s var(--ease)}.float-btn:hover{transform:scale(1.1)}.float-btn.tg{background:#249ad9}.float-btn.wa{background:#28c25a}.float-btn svg{width:26px;height:26px}@media(max-width:640px){.nav-cta .btn span.btn-text{display:none}.nav-cta .btn{padding:11px 13px}}