.section-rule{display:flex;align-items:center;gap:24px;margin:0 0 60px}.section-rule:before,.section-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#adceff30)}.section-rule:after{transform:rotate(180deg)}.section-rule h2,.section-rule h3{font-size:17px;line-height:1.5;letter-spacing:0;margin:0;font-weight:600;color:#d7e0ef;text-align:center}.process-v4{background:radial-gradient(ellipse at 0 0,#1b39622b,transparent 60%),#0b0d13;padding-bottom:85px}.process-v4 .section{padding-top:85px}.process-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:95px;align-items:start}.process-intro{position:sticky;top:50px}.process-intro h3{font-size:40px;line-height:1.2;margin:0 0 24px;letter-spacing:-1.7px}.process-intro>p{font-size:18px;line-height:1.8;color:#b2bed1;max-width:430px;margin:0}.process-intro .button{margin-top:40px}.process-caption{font-size:13px;line-height:1.8;color:#8396b2;margin-top:22px}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:62px 1fr;gap:15px;padding:0 0 38px;position:relative}.process-list li:last-child{padding-bottom:0}.step-num{font-size:23px;line-height:1.4;color:#839cc2;position:relative}.process-list h3{font-size:25px;line-height:1.3;margin:0 0 13px;letter-spacing:-.7px}.process-list p{font-size:17px;line-height:1.75;margin:0;color:#b4bfd1}.process-list li:before{content:'';position:absolute;left:10px;top:43px;bottom:14px;width:1px;background:linear-gradient(#8cbdff3b,#8cbdff00)}
.pricing-v4 .section-rule{margin-bottom:30px}.pricing-heading{text-align:center;margin-bottom:40px}.pricing-heading>p{font-size:26px;line-height:1.4;margin:0 0 12px;letter-spacing:-.7px}.pricing-heading>span{font-size:16px;color:#a9b8cc;line-height:1.7}.pricing-v4 .price-cards{gap:24px;margin-top:0}.pricing-v4 .price-card{padding:0;overflow:hidden;border:1px solid #b4d0ff30;border-radius:18px;background:linear-gradient(145deg,#1d283735,#0b0f17 65%);display:flex;flex-direction:column;transition:border-color .3s,translate .3s}.pricing-v4 .price-card:hover{border-color:#accfff80;translate:0 -5px}.price-top{padding:28px 28px 0}.pricing-v4 .plan-label{font-size:11px;letter-spacing:1px}.pricing-v4 .price-card h3{font-size:27px;line-height:1.3;margin:17px 0 12px;min-height:70px}.pricing-v4 .plan-description{font-size:16px;line-height:1.5;min-height:48px}.pricing-v4 .plan-price{font-size:37px;letter-spacing:-1.5px;margin:30px 0;display:flex;gap:8px;align-items:baseline;white-space:nowrap}.pricing-v4 .plan-price small{font-size:16px;color:#a6b9d2;letter-spacing:0}.pricing-v4 .plan-price .currency{display:inline;font-size:25px;color:#d2e0f4;letter-spacing:0;margin:0;line-height:1}.price-example{position:relative;overflow:hidden;margin:0 28px;border:1px solid #c6dcff33;border-radius:12px 12px 0 0;background:#142035;aspect-ratio:1.2}.price-example>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s}.price-card:hover .price-example>img{transform:scale(1.035)}.example-label{position:absolute;bottom:8px;left:8px;font-size:10px;color:#edf4ff;background:#0a152ac9;border:1px solid #d1e0ff30;padding:4px 8px;border-radius:5px;backdrop-filter:blur(8px)}.price-action{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;font-size:16px;border-top:1px solid #8eb9ff20;margin-top:auto;background:#4f8de209}.pricing-bottom{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-top:32px}.pricing-bottom>p{font-size:14px;line-height:1.8;color:#a1b1c8;max-width:650px;margin:0}.pricing-bottom .button{flex-shrink:0}
.contact-v4{position:relative;padding:100px 0 75px;margin-top:0;text-align:left;background:radial-gradient(ellipse at 15% 0,#23448127,transparent 50%),radial-gradient(ellipse at 85% 0,#1d46752b,transparent 50%),#090c12;overflow:hidden}.contact-v4:before{display:none}.contact-halo{position:absolute;top:-255px;left:calc(50% - 470px);width:940px;height:520px;border:2px solid #77abff30;border-radius:50%;box-shadow:0 0 35px #2364d333,inset 0 0 35px #2364d322;pointer-events:none;mask-image:linear-gradient(transparent,#000);transform:rotate(-4deg)}.contact-heading{position:relative;text-align:center;margin:0 auto 70px}.contact-heading h2{font-size:50px;margin:0 0 20px;letter-spacing:-2px}.contact-heading>p{font-size:20px;line-height:1.7;color:#b2bed3}.telegram-direct{display:inline-flex;gap:25px;font-size:16px;color:#c0d8ff;border-bottom:1px solid #88b4fa50;padding-bottom:6px}.contact-v4 .section-rule{margin-bottom:35px}.contact-panel{padding:32px;border-radius:19px;background:linear-gradient(135deg,#ffffff05,#1933590d),#0d121c;border-color:#a4c6ff2b;position:relative}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px}.form-left{display:grid;gap:17px}.contact-panel label{margin:0;font-size:14px;color:#b2bfd3}.contact-panel label>span{color:#94b7f1}.contact-panel input,.contact-panel textarea,.contact-panel select{background:#080e18;border:1px solid #9bb7e02b;box-shadow:inset 0 2px 5px #0005;border-radius:9px;padding:15px 17px;font-size:17px;color:#edf4ff;margin-top:8px;min-height:55px;width:100%}.contact-panel input::placeholder,.contact-panel textarea::placeholder{color:#76869f;opacity:1}.contact-panel input:focus,.contact-panel textarea:focus,.contact-panel select:focus{outline:1px solid #a5caff;border-color:#a5caff}.form-comment{display:flex;flex-direction:column}.form-comment textarea{height:100%;min-height:330px;resize:vertical;line-height:1.7}.contact-panel .consent-row{display:flex;align-items:flex-start;gap:13px;margin-top:28px;font-size:14px;line-height:1.8;max-width:900px}.contact-panel .consent-row>span{color:#b1bfd2}.contact-panel .consent-row input{appearance:auto;width:18px;height:18px;min-height:0;padding:0;margin:4px 0 0;flex-shrink:0;accent-color:#80b4ff}.inline-button{border:0;background:none;padding:0;color:#aacaff;font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.telegram-contact{font-size:14px;color:#a0b1ca;display:flex;align-items:center;gap:12px;border:1px solid #9cbbe438;padding:12px 17px;border-radius:8px;background:#91baff08}.telegram-contact b{font-size:15px;font-weight:500;color:#e0ebff}.form-explanation{font-size:14px;line-height:1.7;color:#8d9db5;margin:19px 0 0;max-width:700px}#contact-status{font-size:15px;line-height:1.7;color:#bdd7ff;margin:0}#contact-status:not(:empty){margin-top:16px}#telegram-fallback{margin-top:24px;padding-top:22px;border-top:1px solid #8fb3e32b}#telegram-fallback p{font-size:15px;color:#aebed4}#message-preview{min-height:200px;font-size:15px;margin:12px 0}#telegram-fallback .small-button{display:inline-flex;gap:10px;margin:6px 8px 0 0;background:#11203b;color:white}.anchor-marker{position:absolute;top:0}
footer.site-footer{display:block;padding:65px 0 30px;margin:0;width:100%;background:#080b11;border-top:1px solid #aecaff20}.footer-grid{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:50px;align-items:start}.site-footer .brand{font-size:18px}.site-footer .studio{font-size:10px;letter-spacing:5px;margin-top:5px}.footer-identity>p{font-size:14px;line-height:1.8;color:#94a4bd;margin:24px 0 15px}.footer-location{font-size:13px;color:#72839d}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-nav>div{display:flex;flex-direction:column;gap:16px}.footer-nav a{font-size:14px;line-height:1.6;color:#b5c1d5}.footer-nav a:hover,.footer-contacts>a:hover{color:#d6e8ff}.footer-contacts{display:flex;flex-direction:column;gap:18px;text-align:right}.footer-contacts>a{font-size:13px;color:#97acce;line-height:1.5}.footer-contacts strong{display:block;color:#dce9ff;font-size:20px;font-weight:500;margin-top:8px}.footer-contacts>.inline-button{text-align:right;font-size:12px;color:#98a9c1}.footer-bottom{border-top:1px solid #b4d2ff20;margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7c8fa9}.footer-bottom a{color:#a6bbd8}.info-dialog h2{font-size:29px;letter-spacing:-1px}.info-dialog p{font-size:16px;line-height:1.8}.info-dialog a{color:#b4d2ff;text-decoration:underline}.info-dialog .close{padding:6px 10px}.motion-toggle{z-index:8}
@media(max-width:1050px){.process-layout{gap:45px;grid-template-columns:1fr 1.3fr}.process-intro h3{font-size:35px}.process-list li{grid-template-columns:45px 1fr;gap:10px}.price-top{padding:22px 22px 0}.price-example{margin-inline:22px}.pricing-v4 .price-cards{gap:16px}.pricing-v4 .price-card h3{font-size:24px;min-height:65px}.pricing-v4 .plan-price{font-size:30px}.price-action{padding:18px 22px}.footer-grid{gap:30px;grid-template-columns:1fr 1.2fr .8fr}.footer-nav{gap:20px}.footer-nav a{font-size:13px}.footer-contacts strong{font-size:17px}}
@media(max-width:800px){.process-layout{gap:35px}.process-intro h3{font-size:31px}.process-intro>p,.process-list p{font-size:16px}.process-list h3{font-size:22px}.pricing-bottom{display:block}.pricing-bottom .button{margin-top:20px}.pricing-v4 .price-card h3{font-size:22px}.pricing-v4 .plan-price{font-size:27px}.price-top{padding:20px 18px 0}.price-example{margin-inline:18px}.pricing-v4 .plan-label{font-size:9px}.pricing-v4 .plan-description{font-size:14px}.form-actions{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}.footer-contacts{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.footer-contacts>.inline-button{text-align:left}.footer-contacts strong{font-size:20px}}
@media(max-width:700px){.section-rule{gap:13px;margin-bottom:35px}.section-rule h2,.section-rule h3{font-size:15px;white-space:nowrap}.process-v4 .section{padding-top:55px}.process-v4{padding-bottom:55px}.process-layout{grid-template-columns:1fr;gap:42px}.process-intro{position:static}.process-intro h3{font-size:36px;letter-spacing:-1.3px}.process-intro>p{font-size:18px}.process-intro .button{margin-top:26px}.process-list li{grid-template-columns:37px 1fr;gap:12px;padding-bottom:33px}.step-num{font-size:22px}.process-list h3{font-size:23px}.process-list p{font-size:17px}.process-list li:before{left:8px}.pricing-heading>p{font-size:24px}.pricing-heading>span{font-size:16px}.pricing-v4 .price-cards{gap:24px}.price-top{padding:26px 26px 0}.pricing-v4 .plan-label{font-size:11px}.pricing-v4 .price-card h3{font-size:29px;min-height:0;margin:16px 0 12px}.pricing-v4 .plan-description{font-size:17px;min-height:0}.pricing-v4 .plan-price{font-size:40px;margin:30px 0}.pricing-v4 .plan-price small{font-size:18px}.price-example{margin-inline:26px}.price-action{font-size:18px;padding:21px 26px}.pricing-bottom>p{font-size:15px}.contact-v4{padding:65px 0 45px}.contact-heading{margin-bottom:45px}.contact-heading h2{font-size:36px;letter-spacing:-1.5px}.contact-heading>p{font-size:18px}.contact-heading>p br{display:initial}.telegram-direct{font-size:16px}.contact-panel{padding:22px}.form-fields{grid-template-columns:1fr;gap:20px}.contact-panel label{font-size:14px}.contact-panel input,.contact-panel select,.contact-panel textarea{font-size:17px;padding:14px}.form-comment textarea{min-height:220px}.contact-panel .consent-row{font-size:13px;gap:11px;margin-top:22px}.inline-button{font-size:13px}.form-actions{display:block;margin-top:24px}.form-actions .button{width:100%;font-size:15px;gap:12px;padding-inline:15px}.telegram-contact{margin-top:18px;justify-content:center;font-size:13px;padding-inline:10px;gap:10px}.telegram-contact b{font-size:14px}.form-explanation{font-size:13px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-identity>p{font-size:15px}.footer-nav{grid-template-columns:1fr 1fr;gap:20px;display:grid}.footer-nav a{font-size:14px}.footer-contacts{grid-column:auto;align-items:flex-start;flex-direction:column;text-align:left;gap:18px}.footer-contacts>.inline-button{text-align:left}.footer-bottom{flex-wrap:wrap;font-size:12px;gap:15px;margin-top:35px;padding-bottom:35px}.footer-bottom>span:first-child{width:100%}.footer-bottom a{margin-left:auto}.site-footer .brand{font-size:18px}.info-dialog p{font-size:16px}.info-dialog h2{font-size:27px}.pricing-v4 .price-cards:before{inset:-15px}}

/* Services and prices share one card per project type. */
.pricing-v4 .plan-description {
  min-height: 4.5em;
}
@media (min-width: 701px) and (max-width: 900px) {
  .pricing-v4 .plan-description {
    min-height: 6em;
  }
}
@media (max-width: 700px) {
  .pricing-v4 .plan-description {
    min-height: 0;
  }
}

/* The light follows the reading position along the numbered steps. */
.process-list {
  position: relative;
  --timeline-inset: -12px;
}
.process-list.has-scroll-progress li::before {
  display: none;
}
.process-list.has-scroll-progress::before {
  content: "";
  position: absolute;
  left: var(--timeline-inset);
  top: var(--timeline-start);
  height: calc(var(--timeline-end) - var(--timeline-start));
  width: 1px;
  background: linear-gradient(#719cda3d, #719cda70, #719cda3d);
}
.process-list.has-scroll-progress::after {
  content: "";
  position: absolute;
  left: var(--timeline-inset);
  top: var(--timeline-signal);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e3f0ff;
  box-shadow: 0 0 9px 3px #6eaaff, 0 0 23px 7px #487bff60;
  transform: translate(-42%, -50%);
  pointer-events: none;
}
.process-list.has-scroll-progress .step-num {
  transition: color .2s ease, text-shadow .2s ease;
}
.process-list.has-scroll-progress .is-active .step-num {
  color: #e3efff;
  text-shadow: 0 0 13px #609dff9c;
}
@media (max-width: 700px) {
  .process-list {
    --timeline-inset: 2px;
    padding-left: 15px;
  }
}

.process-list .step-num { align-self: start; }

.pricing-v4 .price-card h3 {
  margin: 0 0 8px;
  min-height: 0;
}
.pricing-v4 .plan-description {
  min-height: 3em;
}
.pricing-v4 .plan-price {
  margin: 14px 0 20px;
}
.benefits h3 {
  min-height: 0;
  margin-bottom: 8px;
}
.benefits p {
  margin-top: 0;
}
.savings-lead {
  max-width: none;
}
.contact-v4 .contact-heading {
  margin-bottom: 0;
}
.contact-v4 .contact-heading p {
  max-width: 660px;
  margin: 0 auto;
}
.contact-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 30px;
}
.contact-links .button {
  justify-content: center;
  gap: 10px;
}
.contact-links strong {
  white-space: nowrap;
}
@media (min-width: 701px) and (max-width: 1050px) {
  .pricing-v4 .price-card h3 {
    min-height: 2.6em;
  }
  .pricing-v4 .plan-description {
    min-height: 4.5em;
  }
}
@media (max-width: 700px) {
  .pricing-v4 .plan-description {
    min-height: 0;
  }
  .contact-links {
    flex-direction: column;
    align-items: center;
  }
  .contact-links .button {
    width: min(100%, 330px);
  }
}

@media (min-width: 701px) {
  .pricing-v4 .price-cards {
    row-gap: 0;
  }
  .pricing-v4 .price-card {
    --card-inset: 28px;
    display: grid;
    grid-row: span 5;
    grid-template-rows: subgrid;
    row-gap: 0;
  }
  .pricing-v4 .price-top {
    display: contents;
  }
  .pricing-v4 .price-top > * {
    margin-inline: var(--card-inset);
  }
  .pricing-v4 .price-top h3 {
    padding-top: 26px;
    min-height: 0;
  }
  .pricing-v4 .plan-description {
    min-height: 0;
  }
}
@media (min-width: 701px) and (max-width: 1050px) {
  .pricing-v4 .price-card {
    --card-inset: 22px;
  }
}
@media (min-width: 701px) and (max-width: 800px) {
  .pricing-v4 .price-card {
    --card-inset: 18px;
  }
}
@media (min-width: 701px) {
  .pricing-v4 .price-top h3 {
    margin-inline: var(--card-inset);
  }
}


.footer-details {
  display: grid;
  justify-items: start;
  gap: 7px;
  font-style: normal;
  font-size: 15px;
  color: #dce9ff;
}
.footer-details a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.footer-socials {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.footer-socials a {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  color: #cfe2ff;
  background: #101927;
  border: 1px solid #adc9ef40;
  border-radius: 10px;
}
.footer-socials a:hover,
.footer-socials a:focus-visible {
  color: #fff;
  border-color: #9fc7ff;
  background: #1a2c45;
}
.footer-socials svg {
  width: 23px;
  height: 23px;
}
@media (max-width: 700px) {
  .footer-socials {
    justify-content: flex-start;
  }
}

.price-example.offer-art {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 16% 78%, #b475413a, transparent 52%),
    radial-gradient(ellipse at 83% 34%, #2b68be55, transparent 65%),
    #0b101b;
}
.price-example.offer-art--company {
  background:
    radial-gradient(ellipse at 17% 37%, #a9775234, transparent 51%),
    radial-gradient(ellipse at 82% 73%, #3075bd4c, transparent 65%),
    #0b101b;
}
.price-example.offer-art--app {
  background:
    radial-gradient(ellipse at 22% 75%, #a5755332, transparent 50%),
    radial-gradient(ellipse at 68% 33%, #566ed15a, transparent 60%),
    #0b101b;
}
.offer-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(#b9d7ff0e 1px, transparent 1px),
    linear-gradient(90deg, #b9d7ff0e 1px, transparent 1px);
  background-size: 21px 21px;
  mask-image: radial-gradient(ellipse at center, #000 22%, transparent 78%);
}
.offer-art svg {
  display: block;
  width: 100%;
  height: 100%;
}
.offer-float,
.offer-pages-front,
.offer-pages-middle,
.offer-pages-back,
.offer-badge {
  filter: drop-shadow(0 10px 12px #03081490);
  animation: offer-float 6s ease-in-out infinite;
}
.offer-art--app .offer-float,
.offer-pages-back {
  animation-delay: -2s;
}
.offer-pages-middle {
  animation-delay: -1s;
}
.offer-badge {
  animation-delay: -3s;
}
.offer-preview-tile {
  animation: offer-highlight 5s ease-in-out infinite;
}
.offer-cursor {
  animation: offer-cursor 5s ease-in-out infinite;
}
.offer-pulse {
  animation: offer-pulse 5s ease-out infinite;
}
.offer-page-selection {
  animation: offer-page-selection 6s ease-in-out infinite;
}
.offer-slot-selection {
  animation: offer-slot-selection 5.4s ease-in-out infinite;
}
@keyframes offer-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@keyframes offer-highlight {
  0%, 100% { opacity: .78; }
  45%, 68% { opacity: 1; }
}
@keyframes offer-cursor {
  0%, 100% { transform: translate(19px, 17px); }
  35%, 60% { transform: translate(0, 0); }
}
@keyframes offer-pulse {
  0%, 35%, 100% { opacity: 0; }
  43% { opacity: .8; }
  67% { opacity: 0; }
}
@keyframes offer-page-selection {
  0%, 15%, 100% { transform: translateX(0); }
  35%, 48% { transform: translateX(53px); }
  67%, 80% { transform: translateX(106px); }
}
@keyframes offer-slot-selection {
  0%, 16%, 100% { transform: translate(0, 0); }
  37%, 48% { transform: translate(28px, 0); }
  68%, 83% { transform: translate(56px, 27px); }
}
.motion-paused .offer-art svg *,
.page-away .offer-art svg * {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .offer-art svg * {
    animation: none;
  }
}

.brand .brand-mark {
  display: block;
  width: 46px;
  height: 31px;
  flex: 0 0 auto;
  object-fit: contain;
}
.site-header {
  gap: 18px;
}
.site-header nav {
  display: flex;
  gap: 19px;
  align-items: center;
  padding: 12px 19px;
  font-size: 14px;
}
.site-header nav a {
  position: relative;
  padding-block: 4px;
  white-space: nowrap;
  color: #d7e2f2;
  transition: color .25s ease;
}
.site-header nav a::after {
  content: "";
  position: absolute;
  inset: auto 0 1px;
  height: 1px;
  background: linear-gradient(90deg, #fff, #a9caff);
  box-shadow: 0 0 8px #91b9ff88;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .27s cubic-bezier(.2,.7,.2,1);
}
.site-header nav a:hover,
.site-header nav a:focus-visible {
  color: #fff;
}
.site-header nav a:hover::after,
.site-header nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.site-header .menu-toggle,
.site-header .menu-contact {
  display: none;
}
.site-header .header-contact {
  flex-shrink: 0;
  white-space: nowrap;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.site-header .header-contact:hover,
.site-header .header-contact:focus-visible {
  border-color: #b6d5ff;
  box-shadow: 0 0 18px #729dff70, inset 0 0 9px #d3e4ff35;
}
@media (max-width: 1000px) {
  .site-header .header-contact {
    display: none;
  }
  .site-header .menu-toggle {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
  }
  .menu-toggle-icon {
    width: 14px;
    height: 8px;
    border-block: 1px solid currentColor;
    margin: 0;
  }
  .site-header .menu-contact {
    display: block;
  }
  .site-header nav {
    display: none;
    position: absolute;
    top: calc(100% - 10px);
    inset-inline: auto 0;
    width: min(100%, 300px);
    align-items: flex-start;
    gap: 9px;
    padding: 18px 22px;
    flex-direction: column;
    border-radius: 16px;
    background: #0f1827f5;
  }
  .site-header .menu-toggle[aria-expanded="true"] + nav {
    display: flex;
  }
}
@media (max-width: 700px) {
  .brand .brand-mark {
    width: 41px;
    height: 27px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header nav a,
  .site-header nav a::after,
  .site-header .header-contact {
    transition: none;
  }
}