@charset "UTF-8";
/* Mechanically extracted from widget_v4_heading_1_80494476850824352d3bfdc059f291b0. */
/* line 4, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki {
  background: #fff;
  color: #222;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow: hidden;
  -webkit-font-smoothing: antialiased; }
/* line 5, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-primary {
  color: #fff !important; }
/* line 6, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki *, .do-native-view--service-product .dostudio42-dorabotki *::before, .do-native-view--service-product .dostudio42-dorabotki *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
/* line 7, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki a {
  color: inherit;
  text-decoration: none; }
/* line 8, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki img {
  display: block;
  max-width: 100%; }
/* line 9, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px; }
/* line 10, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki section {
  padding: 80px 0; }
/* line 11, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .s-tag {
  font-family: 'DM Mono',monospace;
  font-size: .67rem;
  color: #E85D0A;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px; }
/* line 12, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .s-tag::before {
  content: '';
  width: 12px;
  height: 1px;
  background: #E85D0A;
  flex-shrink: 0; }
/* line 13, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .s-h2 {
  font-family: 'Syne',sans-serif;
  font-size: clamp(1.7rem, 2.8vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1.1;
  color: #111;
  margin-bottom: 12px; }
/* line 14, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .s-lead {
  font-size: .97rem;
  color: #666;
  line-height: 1.7;
  max-width: 580px;
  margin-bottom: 40px; }
/* line 15, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: 'DM Sans',sans-serif;
  font-size: .88rem;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: transform .18s,box-shadow .18s;
  text-decoration: none; }
/* line 16, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn:hover {
  transform: translateY(-2px); }
/* line 17, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-primary {
  background: #E85D0A;
  color: #fff;
  box-shadow: 0 4px 16px rgba(232, 93, 10, 0.28); }
/* line 18, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-primary:hover {
  box-shadow: 0 8px 24px rgba(232, 93, 10, 0.38); }
/* line 19, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-navy {
  background: #0D2D6B;
  color: #fff;
  box-shadow: 0 4px 16px rgba(13, 45, 107, 0.2); }
/* line 20, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-ghost {
  background: transparent;
  color: #444;
  border: 1.5px solid rgba(0, 0, 0, 0.14); }
/* line 21, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-ghost:hover {
  border-color: rgba(0, 0, 0, 0.28); }
/* line 22, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-outline {
  background: transparent;
  color: #0D2D6B;
  border: 1.5px solid rgba(13, 45, 107, 0.25); }
/* line 23, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-outline:hover {
  border-color: #0D2D6B;
  background: rgba(13, 45, 107, 0.04); }
/* line 24, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }
/* line 25, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #hero {
  padding: 0;
  position: relative;
  overflow: hidden; }
/* line 26, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, #E8A87C 30%, #E85D0A 60%, transparent); }
/* line 27, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 580px;
  align-items: stretch; }
/* line 28, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-left {
  padding: 80px 64px 80px 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }
/* line 29, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-right {
  background: #f4f6fb;
  border-left: 1px solid #e8eaf2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  position: relative;
  overflow: hidden; }
/* line 30, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(13, 45, 107, 0.07);
  border: 1px solid rgba(13, 45, 107, 0.14);
  border-radius: 100px;
  padding: 5px 14px;
  font-family: 'DM Mono',monospace;
  font-size: .67rem;
  color: #0D2D6B;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 20px; }
/* line 31, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .badge-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #E85D0A;
  flex-shrink: 0; }
/* line 32, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-h1 {
  font-family: 'Syne',sans-serif;
  font-size: clamp(2rem, 3.2vw, 3.4rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
  color: #111;
  margin-bottom: 16px; }
/* line 33, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-h1 em {
  font-style: normal;
  color: #E85D0A; }
/* line 34, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-sub {
  font-size: .97rem;
  color: #555;
  line-height: 1.75;
  max-width: 480px;
  margin-bottom: 18px; }
/* line 35, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-body {
  font-family: 'DM Sans',Arial,sans-serif;
  font-size: .98rem;
  font-weight: 400;
  line-height: 1.75;
  color: #555;
  max-width: 520px;
  margin: 0 0 22px; }
/* line 36, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-tezisy {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 28px; }
/* line 37, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ht {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .86rem;
  color: #333;
  font-weight: 500; }
/* line 38, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ht::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #E85D0A;
  flex-shrink: 0; }
/* line 39, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hero-visual {
  width: 100%;
  max-width: 480px;
  position: relative; }
@keyframes floatIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.95); }
  to {
    opacity: 1;
    transform: translateY(0) scale(1); } }
@keyframes pulse {
  0%,100% {
    box-shadow: 0 0 0 0 rgba(232, 93, 10, 0); }
  50% {
    box-shadow: 0 0 0 6px rgba(232, 93, 10, 0.12); } }
/* line 42, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hv-module {
  position: absolute;
  background: #fff;
  border: 1.5px solid #e0e4ef;
  border-radius: 10px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .72rem;
  font-weight: 600;
  color: #333;
  opacity: 0;
  animation: floatIn .5s ease forwards;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  font-family: 'DM Mono',monospace; }
/* line 48, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hv-module.active {
  border-color: #E85D0A;
  color: #E85D0A;
  animation: floatIn .5s ease forwards, pulse 2s ease 1s infinite; }
/* line 49, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hv-module-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e0e4ef;
  flex-shrink: 0; }
/* line 50, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .hv-module.active .hv-module-dot {
  background: #E85D0A; }
/* line 51, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #scenarios {
  background: #f8f9fb; }
/* line 52, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .groups-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px; }
/* line 53, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-card {
  background: #fff;
  border: 1.5px solid #ebebeb;
  border-radius: 14px;
  overflow: hidden; }
/* line 54, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 24px;
  cursor: pointer;
  user-select: none;
  transition: background .18s; }
/* line 57, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-header:hover {
  background: #f8f9fb; }
/* line 58, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(13, 45, 107, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0; }
/* line 59, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-title {
  font-weight: 700;
  font-size: .93rem;
  color: #111;
  line-height: 1.3;
  flex: 1; }
/* line 60, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-arrow {
  font-family: 'DM Mono',monospace;
  font-size: .8rem;
  color: #bbb;
  transition: transform .2s;
  flex-shrink: 0; }
/* line 61, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-card.open .group-arrow {
  transform: rotate(180deg); }
/* line 62, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-card.open {
  border-color: rgba(13, 45, 107, 0.2); }
/* line 63, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-body {
  padding: 0 24px 24px; }
/* line 64, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-desc {
  font-family: 'DM Sans',Arial,sans-serif;
  font-size: .87rem;
  font-weight: 400;
  color: #555;
  line-height: 1.7;
  margin-bottom: 14px;
  padding-top: 14px;
  border-top: 1px solid #f0f0f0; }
/* line 65, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-list {
  display: flex;
  flex-direction: column;
  gap: 7px; }
/* line 66, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-item {
  font-size: .84rem;
  color: #666;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5; }
/* line 67, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .group-item::before {
  content: '—';
  color: #E85D0A;
  font-family: 'DM Mono',monospace;
  font-size: .75rem;
  flex-shrink: 0;
  margin-top: 1px; }
/* line 68, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .scenarios-footer {
  margin-top: 28px;
  background: #fff;
  border: 1.5px solid #ebebeb;
  border-radius: 12px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap; }
/* line 69, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .sf-text {
  font-size: .9rem;
  color: #555; }
/* line 70, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .sf-text strong {
  color: #111;
  font-weight: 600; }
/* line 71, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #whatsend {
  background: #fff; }
/* line 72, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ws-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px; }
/* line 73, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ws-card {
  background: #f8f9fb;
  border: 1.5px solid #ebebeb;
  border-radius: 14px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: border-color .18s,transform .18s; }
/* line 74, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ws-card:hover {
  border-color: rgba(13, 45, 107, 0.2);
  transform: translateY(-2px); }
/* line 75, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ws-num {
  font-family: 'DM Mono',monospace;
  font-size: .67rem;
  color: #bbb;
  letter-spacing: .06em; }
/* line 76, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ws-icon {
  font-size: 1.3rem; }
/* line 77, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ws-title {
  font-weight: 700;
  font-size: .9rem;
  color: #111;
  line-height: 1.3; }
/* line 78, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ws-desc {
  font-size: .8rem;
  color: #777;
  line-height: 1.55;
  flex: 1; }
/* line 79, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #about {
  background: #FFF8F0; }
/* line 80, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .about-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start; }
/* line 81, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .about-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  grid-auto-rows: 1fr;
  align-items: stretch; }
/* line 82, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ab-card {
  background: #fff;
  border: 1.5px solid rgba(232, 93, 10, 0.14);
  border-radius: 14px;
  padding: 26px 22px;
  transition: border-color .18s;
  height: 100%;
  min-height: 210px;
  display: flex;
  flex-direction: column; }
/* line 83, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ab-card:hover {
  border-color: rgba(232, 93, 10, 0.3); }
/* line 84, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ab-val {
  font-family: 'Syne',sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -.04em;
  color: #111;
  line-height: 1;
  margin-bottom: 8px; }
/* line 85, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ab-val span {
  color: #E85D0A; }
/* line 86, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ab-title {
  font-weight: 700;
  font-size: .88rem;
  color: #111;
  margin-bottom: 5px; }
/* line 87, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ab-desc {
  font-size: .78rem;
  color: #888;
  line-height: 1.5; }
/* line 88, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .about-right {
  background: #0D2D6B;
  border-radius: 18px;
  padding: 36px 30px;
  position: sticky;
  top: 80px; }
/* line 89, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-label {
  font-family: 'DM Mono',monospace;
  font-size: .65rem;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 16px; }
/* line 90, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-name {
  font-family: 'Syne',sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 4px; }
/* line 91, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-role {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px; }
/* line 92, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-text {
  font-size: .87rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
  margin-bottom: 20px; }
/* line 93, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-certs {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 24px; }
/* line 94, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-cert {
  font-family: 'DM Mono',monospace;
  font-size: .62rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  padding: 3px 9px;
  color: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  gap: 4px; }
/* line 95, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-cert::before {
  content: '✓';
  color: #E8A87C; }
/* line 96, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-cta {
  width: 100%;
  background: #E85D0A;
  color: #fff;
  font-family: 'DM Sans',sans-serif;
  font-weight: 700;
  font-size: .88rem;
  padding: 12px 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .18s,transform .18s; }
/* line 97, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .ar-cta:hover {
  opacity: .9;
  transform: translateY(-1px); }
/* line 98, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #process {
  background: #fff; }
/* line 99, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .process-layout {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 64px;
  align-items: start; }
/* line 100, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .process-left {
  position: sticky;
  top: 80px; }
/* line 101, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rate-card {
  margin: 0 0 22px;
  padding: 18px 20px;
  background: #f8f9fb;
  border-left: 3px solid #E8A87C;
  border-radius: 10px; }
/* line 102, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rate-label {
  font-family: 'DM Mono',monospace;
  font-size: .64rem;
  color: #999;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 7px; }
/* line 103, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rate-value {
  font-family: 'Syne',sans-serif;
  font-size: 1.16rem;
  font-weight: 800;
  color: #0D2D6B;
  line-height: 1.25; }
/* line 104, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rate-footnote {
  margin: 9px 0 0;
  font-size: .72rem;
  color: #777;
  line-height: 1.55; }
/* line 105, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .steps {
  display: flex;
  flex-direction: column; }
/* line 106, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .step-row {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid #f0f0f0; }
/* line 107, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .step-row:last-child {
  border-bottom: none; }
/* line 108, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .step-b {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #f4f6fb;
  border: 1.5px solid #d8deed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'DM Mono',monospace;
  font-size: .78rem;
  font-weight: 500;
  color: #0D2D6B;
  flex-shrink: 0;
  transition: background .18s,border-color .18s; }
/* line 109, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .step-row:hover .step-b {
  background: #0D2D6B;
  color: #fff;
  border-color: #0D2D6B; }
/* line 110, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .step-b.orange {
  background: #E85D0A;
  color: #fff;
  border-color: #E85D0A; }
/* line 111, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .step-title {
  font-weight: 700;
  font-size: .9rem;
  color: #111;
  margin-bottom: 3px; }
/* line 112, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .step-desc {
  font-size: .8rem;
  color: #888;
  line-height: 1.5; }
/* line 113, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #diplomas {
  background: #f8f9fb; }
/* line 114, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .diplomas-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 48px;
  align-items: start; }
/* line 116, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .diplomas-note {
  font-size: .85rem;
  color: #666;
  line-height: 1.65;
  margin-top: 16px; }
/* line 117, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .diplomas-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px; }
/* line 118, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-card {
  background: #fff;
  border: 1.5px solid #ebebeb;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color .18s,transform .18s;
  display: flex;
  flex-direction: column; }
/* line 119, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-card:hover {
  border-color: #0D2D6B;
  transform: translateY(-2px); }
/* line 120, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-img {
  aspect-ratio: 3/4;
  overflow: hidden; }
/* line 121, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
  display: block;
  transition: transform .3s; }
/* line 122, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-card:hover .dip-img img {
  transform: scale(1.05); }
/* line 123, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-body {
  padding: 10px 14px 14px; }
/* line 124, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-year {
  font-family: 'DM Mono',monospace;
  font-size: .6rem;
  color: #E85D0A;
  letter-spacing: .08em; }
/* line 125, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-title {
  font-size: .72rem;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
  margin-top: 3px; }
/* line 126, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-more-wrap {
  text-align: center;
  margin-top: 16px; }
/* line 127, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-hidden {
  display: none; }
/* line 128, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-hidden.shown {
  display: block; }
/* line 129, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-dip-more {
  font-family: 'DM Mono',monospace;
  font-size: .76rem;
  color: #0D2D6B;
  background: #fff;
  border: 1.5px solid rgba(13, 45, 107, 0.2);
  border-radius: 100px;
  padding: 9px 22px;
  cursor: pointer;
  transition: all .18s; }
/* line 130, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .btn-dip-more:hover {
  background: rgba(13, 45, 107, 0.04);
  border-color: #0D2D6B; }
/* line 131, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .lb {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.88); }
/* line 132, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .lb.open {
  display: flex; }
/* line 133, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .lb img {
  max-width: 90vw;
  max-height: 88vh;
  object-fit: contain;
  border-radius: 10px;
  display: block; }
/* line 134, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .lb-close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: none;
  font-size: .95rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }
/* line 135, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #cases {
  background: #fff; }
/* line 136, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 28px; }
/* line 137, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-card {
  background: #f8f9fb;
  border: 1.5px solid #ebebeb;
  border-radius: 14px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-decoration: none;
  transition: border-color .18s,transform .18s; }
/* line 138, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #cases:not(.is-expanded) .cases-grid .case-card:nth-of-type(n+4) {
  display: none; }
/* line 139, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #cases.is-expanded .cases-grid .case-card {
  display: flex; }
/* line 140, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-card:hover {
  border-color: rgba(13, 45, 107, 0.22);
  transform: translateY(-3px); }
/* line 141, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-type-badge {
  font-family: 'DM Mono',monospace;
  font-size: .63rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: rgba(13, 45, 107, 0.08);
  color: #0D2D6B;
  border-radius: 4px;
  padding: 2px 8px;
  display: inline-block; }
/* line 142, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-title {
  font-weight: 700;
  font-size: .9rem;
  color: #111;
  line-height: 1.3; }
/* line 143, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-desc {
  font-size: .8rem;
  color: #666;
  line-height: 1.6;
  flex: 1; }
/* line 144, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-tags {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 4px; }
/* line 145, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-tag {
  font-family: 'DM Mono',monospace;
  font-size: .62rem;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 2px 7px;
  color: #999; }
/* line 146, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-link {
  font-family: 'DM Mono',monospace;
  font-size: .72rem;
  color: #E85D0A;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: auto;
  margin-bottom: 22px;
  transition: gap .18s; }
/* line 147, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-card:hover .case-link {
  gap: 8px; }
/* line 148, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cases-actions, .do-native-view--service-product .dostudio42-dorabotki .reviews-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
/* line 149, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cases-all-link {
  display: none; }
/* line 150, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #cases.is-expanded .cases-more, .do-native-view--service-product .dostudio42-dorabotki #reviews.is-expanded .reviews-more {
  display: none; }
/* line 151, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #cases.is-expanded .cases-all-link {
  display: inline-flex; }
/* line 152, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #reviews {
  background: #f8f9fb; }
/* line 153, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .reviews-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 34px; }
/* line 154, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev {
  background: #fff;
  border: 1.5px solid #ebebeb;
  border-radius: 14px;
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color .18s; }
/* line 155, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #reviews:not(.is-expanded) .reviews-grid .rev:nth-of-type(n+3) {
  display: none; }
/* line 156, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #reviews.is-expanded .reviews-grid .rev {
  display: flex; }
/* line 157, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev:hover {
  border-color: rgba(13, 45, 107, 0.18); }
/* line 158, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured {
  background: #0D2D6B;
  border-color: #0D2D6B; }
/* line 159, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-top {
  display: flex;
  align-items: center;
  gap: 10px; }
/* line 160, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-av {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(13, 45, 107, 0.1);
  border: 1.5px solid #e0e4ef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Syne',sans-serif;
  font-weight: 800;
  font-size: .76rem;
  color: #0D2D6B;
  flex-shrink: 0; }
/* line 161, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-av {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff; }
/* line 162, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-name {
  font-weight: 700;
  font-size: .87rem;
  color: #111; }
/* line 163, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-name {
  color: #fff; }
/* line 164, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-date {
  font-family: 'DM Mono',monospace;
  font-size: .66rem;
  color: #aaa; }
/* line 165, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-date {
  color: rgba(255, 255, 255, 0.4); }
/* line 166, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-stars {
  margin-left: auto;
  color: #E85D0A;
  font-size: .76rem;
  letter-spacing: 2px;
  flex-shrink: 0; }
/* line 167, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-text {
  font-size: .85rem;
  color: #555;
  line-height: 1.65; }
/* line 168, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-text {
  color: rgba(255, 255, 255, 0.72); }
/* line 169, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-full-text {
  display: none;
  margin-top: 6px;
  font-size: .85rem;
  color: #555;
  line-height: 1.65; }
/* line 170, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-full-text {
  color: rgba(255, 255, 255, 0.65); }
/* line 171, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-full-text.open {
  display: block; }
/* line 172, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-toggle {
  font-family: 'DM Mono',monospace;
  font-size: .7rem;
  color: #E85D0A;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: .02em;
  transition: gap .18s; }
/* line 173, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-toggle:hover {
  gap: 8px; }
/* line 174, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-toggle {
  color: #E8A87C; }
/* line 175, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-answer {
  margin-top: 10px;
  padding: 12px 14px;
  background: #f8f9fb;
  border-radius: 8px;
  font-size: .78rem;
  color: #666;
  line-height: 1.6;
  border-left: 2px solid #E85D0A; }
/* line 176, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-answer {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  border-left-color: #E8A87C; }
/* line 177, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-answer-label {
  font-family: 'DM Mono',monospace;
  font-size: .62rem;
  color: #E85D0A;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 4px; }
/* line 178, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev.featured .rev-answer-label {
  color: #E8A87C; }
/* line 179, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .star-filled {
  color: #E85D0A; }
/* line 180, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .star-empty {
  color: #ddd; }
/* line 181, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #faq {
  background: #fff; }
/* line 182, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 56px;
  align-items: start; }
/* line 183, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-left {
  position: sticky;
  top: 80px; }
/* line 184, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1.5px solid #ebebeb;
  border-radius: 14px;
  overflow: hidden; }
/* line 185, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-item {
  border-bottom: 1px solid #f0f0f0; }
/* line 186, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-item:last-child {
  border-bottom: none; }
/* line 187, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 22px;
  cursor: pointer;
  font-weight: 600;
  font-size: .9rem;
  color: #111;
  line-height: 1.4;
  transition: background .18s;
  user-select: none; }
/* line 188, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-q:hover {
  background: #f8f9fb; }
/* line 189, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-arrow {
  font-family: 'DM Mono',monospace;
  font-size: .8rem;
  color: #ccc;
  transition: transform .2s;
  flex-shrink: 0; }
/* line 190, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-item.open .faq-arrow {
  transform: rotate(180deg); }
/* line 191, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-item.open .faq-q {
  color: #0D2D6B; }
/* line 192, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-a {
  display: none;
  padding: 0 22px 18px;
  font-size: .87rem;
  color: #555;
  line-height: 1.7; }
/* line 193, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .faq-item.open .faq-a {
  display: block; }
/* line 194, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki #cta {
  background: #0D2D6B;
  padding: 80px 0; }
/* line 195, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-wrap {
  text-align: center; }
/* line 196, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-h2 {
  font-family: 'Syne',sans-serif;
  font-size: clamp(1.9rem, 3.8vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1.04;
  color: #fff;
  margin-bottom: 12px; }
/* line 197, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-h2 em {
  font-style: normal;
  color: #E8A87C; }
/* line 198, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-sub {
  font-size: .97rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 40px;
  line-height: 1.7; }
/* line 199, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  max-width: 820px;
  margin: 0 auto 28px; }
/* line 200, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card {
  background: rgba(255, 255, 255, 0.07);
  border: 1.5px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 24px 20px;
  text-align: left;
  transition: background .18s,transform .18s;
  cursor: pointer; }
/* line 201, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card.main {
  background: #E85D0A;
  border-color: #E85D0A;
  box-shadow: 0 8px 28px rgba(232, 93, 10, 0.4); }
/* line 202, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card:not(.main):hover {
  background: rgba(255, 255, 255, 0.13);
  transform: translateY(-2px); }
/* line 203, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card.main:hover {
  transform: translateY(-2px); }
/* line 204, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card-icon {
  font-size: 1.3rem;
  margin-bottom: 12px; }
/* line 205, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card-title {
  font-weight: 700;
  font-size: .92rem;
  color: #fff;
  margin-bottom: 6px; }
/* line 206, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card-desc {
  font-size: .79rem;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.5;
  margin-bottom: 14px; }
/* line 207, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card.main .cta-card-desc {
  color: rgba(255, 255, 255, 0.8); }
/* line 208, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card-action {
  font-family: 'DM Mono',monospace;
  font-size: .7rem;
  color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: .02em;
  transition: gap .18s; }
/* line 209, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-card:hover .cta-card-action {
  gap: 8px; }
/* line 210, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-note {
  font-size: .78rem;
  color: rgba(255, 255, 255, 0.38);
  margin-top: 16px; }
/* line 211, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-bottom-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 220px;
  margin: 6px auto 0;
  padding: 14px 28px;
  border-radius: 9px;
  background: #E85D0A;
  color: #fff !important;
  font-family: 'DM Sans',Arial,sans-serif;
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(232, 93, 10, 0.28);
  transition: transform .18s, box-shadow .18s; }
/* line 212, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .cta-bottom-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(232, 93, 10, 0.38); }
@media (max-width: 1024px) {
  /* line 214, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .container {
    padding: 0 32px; }
  /* line 215, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .hero-split {
    grid-template-columns: 1fr; }
  /* line 216, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .hero-left {
    padding: 56px 0 48px; }
  /* line 217, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .hero-right {
    display: none; }
  /* line 218, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .ws-grid {
    grid-template-columns: repeat(2, 1fr); }
  /* line 219, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .about-layout {
    grid-template-columns: 1fr; }
  /* line 220, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .about-right {
    position: static; }
  /* line 221, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .process-layout, .do-native-view--service-product .dostudio42-dorabotki .faq-layout, .do-native-view--service-product .dostudio42-dorabotki .diplomas-layout {
    grid-template-columns: 1fr; }
  /* line 222, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .process-left, .do-native-view--service-product .dostudio42-dorabotki .faq-left {
    position: static; }
  /* line 223, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .diplomas-grid {
    grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
  /* line 227, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki section {
    padding: 56px 0; }
  /* line 228, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .container {
    padding: 0 20px; }
  /* line 229, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .groups-grid, .do-native-view--service-product .dostudio42-dorabotki .cases-grid, .do-native-view--service-product .dostudio42-dorabotki .reviews-grid {
    grid-template-columns: 1fr; }
  /* line 230, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .about-stats {
    grid-template-columns: 1fr 1fr; }
  /* line 231, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .ws-grid {
    grid-template-columns: 1fr 1fr; }
  /* line 232, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .diplomas-grid {
    grid-template-columns: repeat(2, 1fr); }
  /* line 233, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .cta-cards {
    grid-template-columns: 1fr;
    max-width: 360px; } }
/* line 236, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-card {
  padding: 0;
  overflow: hidden; }
/* line 237, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-card > :not(.case-media) {
  margin-left: 22px;
  margin-right: 22px; }
/* line 238, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-media {
  height: 150px;
  margin: 0 0 18px;
  overflow: hidden;
  background: #eef2f7; }
/* line 239, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .case-media img {
  width: 100%;
  height: 100%;
  object-fit: cover; }
/* line 240, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-full-text {
  display: none; }
/* line 241, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .rev-full-text.open {
  display: block; }
/* line 242, do-native-service-product.scss */
.do-native-view--service-product .dostudio42-dorabotki .dip-card-extra {
  display: block; }
@media (max-width: 767px) {
  /* line 244, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki #cases:not(.is-expanded) .cases-grid .case-card:nth-of-type(n+2) {
    display: none; }
  /* line 245, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki #reviews:not(.is-expanded) .reviews-grid .rev:nth-of-type(n+2) {
    display: none; }
  /* line 246, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .ab-card {
    min-height: 232px;
    padding: 22px 18px; }
  /* line 247, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .ab-val {
    font-size: 1.35rem; }
  /* line 248, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .ab-title {
    font-size: .84rem; }
  /* line 249, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .ab-desc {
    font-size: .76rem; }
  /* line 250, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .case-card > :not(.case-media) {
    margin-left: 18px;
    margin-right: 18px; }
  /* line 251, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .case-media {
    height: 170px; }
  /* line 252, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .case-link {
    margin-bottom: 18px; }
  /* line 253, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .reviews-grid {
    margin-bottom: 28px; }
  /* line 254, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .dip-body {
    padding: 9px 11px 12px; }
  /* line 255, do-native-service-product.scss */
  .do-native-view--service-product .dostudio42-dorabotki .dip-title {
    font-size: .68rem; } }