:root{color-scheme:dark;--black:#000;--blue:#94cfff;--ice:#d9edff;--white:#f4f7fa;--muted:#a7afb8;--ink:#122333;--line:#293037;font-family:'Golos Text',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--black);color:var(--white)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}p{line-height:1.65;margin:0}h1,h2,h3{margin:0;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.5vw,5.1rem);line-height:1.08;font-weight:500}h2{font-size:clamp(2.2rem,4vw,3.6rem);font-weight:500;line-height:1.12}h3{font-weight:500;letter-spacing:-.025em}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wrap{max-width:1400px;margin:auto;padding-left:6%;padding-right:6%}.header{height:116px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:36px;letter-spacing:-2px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.brand-mark{color:var(--blue);font-size:35px;font-weight:400;line-height:1}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header nav>a:hover{color:var(--blue)}.header-contact{border:1px solid #54616c;padding:13px 19px;border-radius:7px}.header-contact span{margin-left:17px}.hero{position:relative;min-height:665px;padding-top:68px;display:grid;grid-template-columns:1.2fr 1fr}.hero-copy{position:relative;z-index:1;padding-bottom:70px}.intro{color:var(--blue);font-size:16px;margin-bottom:28px}.hero-description{max-width:470px;color:var(--muted);font-size:18px;margin:29px 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:7px;padding:19px 24px;font-size:15px;font-weight:500;transition:background .2s}.primary{background:var(--blue);color:#061723}.primary:hover{background:#bae0ff}.button svg{width:21px;height:21px}.hero-note{font-size:13px;color:var(--muted);margin-top:17px}.hero-art{align-self:center;margin-left:-90px;margin-right:-55px;position:relative;margin-top:-60px}.hero-art img{display:block;width:100%;height:auto;object-fit:contain}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 0 30px;color:var(--muted);font-size:13px}.hero-bottom a{color:var(--white)}.hero-bottom a span{margin-left:22px}.solutions{background:var(--ice);color:var(--ink);padding:90px 0 54px}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:65px}.section-heading>p{max-width:320px;font-size:16px;color:#3e556a}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.service-icon{width:45px;height:45px;color:#285d85;margin-bottom:26px}.service h3{font-size:23px;line-height:1.3;margin-bottom:19px}.service>p{font-size:16px;color:#3e556a;min-height:133px}.example{border-top:1px solid #adc7db;padding-top:22px;margin-top:24px}.example>span{font-size:13px;color:#4b677b}.example p{font-size:15px;margin-top:8px}.examples-note{font-size:12px;color:#4b677b;max-width:750px;margin-top:47px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:105px;padding-bottom:105px}.approach-intro>p{color:var(--muted);max-width:440px;margin-top:27px;font-size:17px}.principle{display:flex;gap:16px;max-width:440px;margin-top:47px}.principle svg{width:26px;height:26px;flex-shrink:0;color:var(--blue)}.principle h3{font-size:17px;margin-bottom:10px}.principle p{color:var(--muted);font-size:14px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding:29px 0;border-top:1px solid var(--line)}.steps li:first-child{padding-top:0;border:0}.steps li>span{color:var(--blue);font-size:14px;padding-top:4px}.steps h3{font-size:23px;margin-bottom:12px}.steps p{font-size:16px;color:var(--muted)}.contact{background:#101e2a;border-radius:18px;padding-top:57px;padding-bottom:60px;max-width:1232px;display:flex;align-items:center;justify-content:space-between;gap:45px}.contact-intro{font-size:14px;color:var(--blue);margin-bottom:24px}.contact h2{font-size:clamp(2.5rem,4.2vw,3.9rem)}.contact h2+p{font-size:16px;color:#b4c4d1;margin-top:25px}.contact-link{display:flex;align-items:center;gap:18px;padding:28px 0;border-bottom:1px solid #4c6578;min-width:320px;font-size:14px}.contact-link strong{display:block;font-size:28px;font-weight:500;letter-spacing:-1px;margin-top:8px}.telegram-icon{display:grid;place-items:center;background:var(--blue);color:var(--black);width:54px;height:54px;border-radius:50%}.telegram-icon svg{width:25px;height:25px}.contact-arrow{margin-left:auto;font-size:28px;color:var(--blue)}.contact-link:hover{color:var(--blue)}.footer{min-height:155px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:28px}.footer .brand-mark{font-size:28px}.footer>span{font-size:13px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--blue);color:#000;z-index:10}.skip:focus{top:15px}@media(min-width:1500px){.hero-art{margin-right:-30px}}@media(max-width:1000px){.hero{grid-template-columns:1.3fr 1fr;padding-top:45px}.hero-art{margin-left:-70px;margin-right:-30px}.header nav{gap:24px}.services{gap:26px}.service>p{min-height:180px}.approach{gap:45px}.contact{margin:0 4%;padding-left:5%;padding-right:5%}.contact-link{min-width:270px}}@media(max-width:700px){.wrap{padding-left:6%;padding-right:6%}.header{height:86px}.brand{font-size:30px}.brand-mark{font-size:28px}.header nav>a:not(.header-contact){display:none}.header-contact{font-size:12px;padding:11px 12px}.header-contact span{margin-left:9px}.hero{display:flex;flex-direction:column;padding-top:38px;min-height:0}.hero-copy{padding-bottom:0}.intro{font-size:14px;margin-bottom:22px}h1{font-size:clamp(2.65rem,9vw,4rem)}.hero-description{font-size:16px;margin-top:23px;max-width:440px}.button{font-size:14px;padding:18px 20px;gap:15px}.hero-note{font-size:12px;max-width:290px}.hero-art{width:100%;margin:10px 0 0;max-height:330px;overflow:hidden}.hero-art img{max-height:330px;object-fit:contain}.hero-bottom{width:100%;padding:20px 0;font-size:12px}.hero-bottom>span{display:none}.hero-bottom a{width:100%;display:flex;justify-content:space-between}.solutions{padding-top:57px;padding-bottom:38px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:23px;max-width:390px}.services{grid-template-columns:1fr;gap:42px}.service-icon{margin-bottom:20px}.service h3{font-size:25px}.service>p{min-height:0;max-width:470px}.example{margin-top:20px;padding-top:16px;max-width:470px}.examples-note{margin-top:35px}.approach{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px;gap:48px}.approach-intro>p{font-size:16px}.principle{margin-top:30px}.steps h3{font-size:22px}.contact{margin:0 4%;display:block;padding:38px 7%;border-radius:12px}.contact-intro{max-width:240px}.contact-link{margin-top:23px;min-width:0;font-size:13px;gap:13px}.contact-link strong{font-size:25px}.footer{padding-top:35px;padding-bottom:35px;flex-wrap:wrap;min-height:130px}.footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.service-visual {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  margin-bottom: 25px;
  border-radius: 10px;
  background: #d9edff;
}

.service-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.service .service-icon {
  width: 30px;
  height: 30px;
  margin-bottom: 18px;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-copy {
    animation: hero-copy-enter 850ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
  }

  .hero-art img {
    transform-origin: 50% 70%;
    animation: glass-settle 4200ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  }

  .service-visual img {
    transition: transform 650ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }

  .button svg,
  .contact-arrow,
  .telegram-icon {
    transition: transform 240ms ease;
  }

  .button:focus-visible svg,
  .button:hover svg {
    transform: translate(3px, -3px);
  }

  .contact-link:focus-visible .telegram-icon,
  .contact-link:hover .telegram-icon {
    transform: rotate(-8deg);
  }

  .contact-link:focus-visible .contact-arrow,
  .contact-link:hover .contact-arrow {
    transform: translate(3px, -3px);
  }

  @media (hover: hover) and (pointer: fine) {
    .service:hover .service-visual img {
      transform: scale(1.045) translateY(-3px);
    }
  }
}

@keyframes hero-copy-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes glass-settle {
  0% { opacity: 0; transform: translateY(18px) rotate(-3deg) scale(0.96); }
  25% { opacity: 1; }
  55% { transform: translateY(-8px) rotate(1deg) scale(1.015); }
  100% { opacity: 1; transform: translateY(0) rotate(0) scale(1); }
}

@media (max-width: 700px) {
  .service-visual { max-height: 240px; }
}