@media (max-width: 1120px) { .nav { gap: 13px; }.header__cta { display: none; } }
@media (max-width: 1179px) { .services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.service-card { min-height: 490px; }.services__trust { align-items: flex-start; flex-direction: column; gap: 18px; }.services__trust ul { flex: initial; } }
@media (max-width: 1179px) { .portfolio-featured { grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr); gap:28px; padding:26px; }.portfolio-visual--featured { min-height:470px; }.portfolio__grid { grid-template-columns:1fr; }.portfolio__concepts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.project-card--mes { grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); }.portfolio-visual--mes { min-height:410px; margin-bottom:18px; }.project-card--mes .project-card__content { align-self:center; }.project-card--auto-service,.project-card--industry { grid-column:auto; grid-row:auto; }.project-card--industry { display:block; }.project-card--industry .concept-visual { min-height:210px; margin:14px 14px 0; }.project-card--industry .project-card__content { padding:27px 28px 30px; }.project-card--industry h3 { font-size:clamp(29px,2.8vw,42px); } }
@media (min-width: 800px) and (max-width: 1179px) { .project-phone-service { height:32px; min-height:32px; overflow:hidden; }.project-phone-service b { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.1; }.project-phone-service p { margin-block:1px; }.project-phone-services__button { height:16px; margin-top:0; } }
@media (max-width: 1099px) { .approach__layout { grid-template-columns: 1fr; gap: 36px; }.approach__visual { width: min(100%, 650px); margin-inline: auto; }.approach__content { width: min(100%, 760px); margin-inline: auto; } }
@media (max-width: 900px) {
  :root { --header-height: 70px; }.container { width: min(calc(100% - 36px), var(--container)); }
  .header__inner { justify-content: space-between; }.menu-button { display: block; }
  .nav { position: fixed; top: var(--header-height); right: 18px; left: 18px; display: grid; visibility: hidden; gap: 0; margin: 0; padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow); opacity: 0; transform: translateY(-8px); transition: opacity .2s, transform .2s, visibility .2s; }
  .nav.is-open { visibility: visible; opacity: 1; transform: translateY(0); }.nav a { padding: 11px 12px; border-radius: 8px; }.nav a:hover { background: #f4f3ff; }
  .menu-button.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }.menu-button.is-open span:nth-child(2) { opacity: 0; }.menu-button.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .hero { padding-top: 58px; }.hero__grid { grid-template-columns: 1fr; gap: 40px; }.decor-parallax { transform: none; }.decor-float--circle { left: -240px; width: 380px; height: 380px; animation-name: decorCircleFloatTablet; }.decor-float--arc { right: -170px; width: 290px; height: 290px; }.decor-float--dots { right: 3%; animation-name: decorDotsFloatTablet; }
}

@media (min-width:900px) and (max-width:1179px) {
  .hero { min-height:calc(100svh - var(--header-height)); padding:30px 0 0; }
  .hero__grid { grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr); gap:22px; }
  .hero-visual { width:min(41vw,500px); height:min(66vh,570px); min-width:310px; min-height:500px; }
  .hero-visual__dots { display:none; }
  .hero-visual__portrait img { height:clamp(430px,43vw,500px); }
  .hero-visual__card--interface { left:0; width:174px; }
  .hero-visual__card--status { top:68%; right:0; }
  h1 { font-size:clamp(40px,5.2vw,56px); }
}
@media (min-width:900px) and (max-width:1099px) { .hero-visual__card--interface { display:none; }.hero-visual__card--stack { right:0; } }

@media (min-width:760px) and (max-width:899px) {
  .hero { min-height:auto; padding:44px 0 64px; }
  .hero__grid { grid-template-columns:1fr; gap:30px; }
  .hero__content { display:contents; }
  .hero .eyebrow { order:1; margin-bottom:-12px; }.hero h1 { order:2; }.hero__accent { order:3; margin-top:-12px; }.hero__lead { order:4; margin-top:-18px; }.hero__actions { order:5; margin-top:-7px; }
  .hero-visual { order:6; width:min(100%,560px); height:540px; min-width:0; min-height:0; margin:0 auto; justify-self:center; }
  .hero .benefits { order:7; margin-top:-7px; }
  .hero-visual__dots { display:none; }
  .hero-visual__portrait img { height:480px; }
  .hero-visual__card--interface { left:0; }
  .hero-visual__card--status { top:66%; right:0; }
  .hero-visual__card--stack { display:none; }
}

@media (max-width:759px) {
  .hero { padding:42px 0 66px; }
  .hero__grid { grid-template-columns:1fr; gap:30px; }
  .hero__content { display:contents; }
  .hero .eyebrow { order:1; margin-bottom:-12px; }
  .hero h1 { order:2; }
  .hero__accent { order:3; margin-top:-12px; }
  .hero__lead { order:4; margin-top:-18px; }
  .hero__actions { order:5; margin-top:-7px; }
  .hero-visual { order:6; height:470px; min-width:0; min-height:0; width:min(100%,500px); margin:-4px auto -24px; justify-self:center; }
  .hero .benefits { order:7; margin-top:-7px; }
  .hero-visual__dots,.hero-visual__arc,.hero-visual__card--stack { display:none; }
  .hero-visual__portrait img { top:18px; height:min(112vw,440px); }
  .hero-visual__card--interface { display:none; }
  .hero-visual__card--status { top:65%; right:1%; }
}

@media (max-width:519px) {
  .hero h1 { font-size:clamp(36px,10.5vw,46px); line-height:1.02; }
  .hero__accent { font-size:14px; }
  .hero__lead { font-size:15px; line-height:1.65; }
  .hero__actions { width:100%; }.hero__actions .button { width:100%; }
  .hero-visual { height:400px; width:100%; margin:-4px auto -22px; }
  .hero-visual__portrait img { height:min(102vw,390px); }
  .hero-visual__card--status { top:67%; right:0; min-width:154px; }.hero-visual__status-surface { padding:9px 10px; }
  .hero-visual__ring { top:17%; left:10%; width:82%; }
}
@media (min-width:520px) and (max-width:599px) {
  .hero-visual { height:420px; }
  .hero-visual__portrait img { bottom:-46px; height:min(102vw,400px); }
  .hero-visual__card--interface,.hero-visual__card--stack { display:none; }
}
@media (max-width: 900px) { .portfolio { padding:86px 0 82px; }.portfolio-featured { margin-top:38px; }.project-phone { width:21%; }.portfolio__footer { margin-top:44px; } }
@media (max-width: 799px) { .portfolio-featured { grid-template-columns:1fr; }.portfolio-visual--featured { min-height:510px; }.project-card--mes { grid-template-columns:1fr; }.portfolio-visual--mes { min-height:360px; margin-bottom:0; }.portfolio__concepts { grid-template-columns:1fr; } }
@media (max-width: 699px) { .services { padding: 78px 0 62px; }.services__grid { grid-template-columns: 1fr; gap: 16px; margin-top: 36px; }.service-card { min-height: 0; }.service-card__tilt { padding: 26px 24px; transform: none !important; }.service-card::before { display: none; }.service-card:active { transform: scale(.99); }.service-card__footer { margin-top: 30px; }.services__note { min-height: 0; align-items: flex-start; flex-direction: column; gap: 10px; padding: 17px 18px; }.services__trust { min-height: 0; gap: 16px; padding: 28px 2px 4px; }.services__trust > p { font-size: 16px; }.services__trust ul { align-items: flex-start; flex-direction: column; gap: 8px; } }
@media (max-width: 699px) { .approach { padding: 78px 0 76px; }.approach__layout { margin-top: 32px; }.approach__visual,.approach-editor__float,.approach-editor__parallax,.approach-editor__panel { min-height: 460px; }.approach-editor__parallax { transform: none !important; }.workspace-window { inset: 34px 0 36px; }.workspace-window__body { height: 323px; }.workspace-canvas { padding: 15px; }.approach-item { grid-template-columns: 60px 1fr; gap: 14px; padding: 24px 0; }.approach-item:hover { transform: none; }.approach-item:active { transform: translateX(2px); }.approach__summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-inline: 0; }.project-ready-float { right: 4px; bottom: 8px; }.project-ready-card { animation-name: readyFloatMobile; }.decor-float--approach-ring { right: -310px; width: 440px; height: 440px; }.decor-float--approach-dots { display: none; } }
@media (max-width: 520px) {
  .container { width: min(calc(100% - 28px), var(--container)); }.hero { padding: 40px 0 64px; }
  .eyebrow { align-items: flex-start; font-size: 10px; }.eyebrow span { margin-top: 7px; }
  h1 { font-size: clamp(38px, 11vw, 51px); }.hero__lead { margin-top: 21px; font-size: 16px; }
  .hero__actions { align-items: flex-start; flex-direction: column; }.button { min-height: 50px; padding-inline: 20px; }
  .benefits { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 28px; }
  .services h2 { font-size: 34px; }.services__intro { font-size: 16px; }.service-card__footer { align-items: flex-start; flex-direction: column; gap: 8px; }
  .background-decor__ring--hero, .background-decor__dots--hero, .decor-float--dots { display: none; }.decor-float--circle { top: 8%; left: -230px; width: 330px; height: 330px; animation: none; }.decor-float--arc { right: -190px; bottom: 2%; width: 270px; height: 270px; animation: none; }
  .approach__header h2 { font-size: 34px; }.approach__header > p:last-child { font-size: 16px; }.approach__visual,.approach-editor__float,.approach-editor__parallax,.approach-editor__panel { min-height: 385px; }.approach-editor__float { animation-name: approachEditorFloatMobile; }.workspace-window { inset: 28px 0 32px; border-radius: 14px; }.workspace-window__bar { height: 34px; }.workspace-window__bar b, .workspace-window__bar i, .workspace-settings { display: none; }.workspace-window__body { grid-template-columns: 32px minmax(0,1fr); height: 282px; }.workspace-tools { gap: 12px; }.workspace-canvas { padding: 10px; }.workspace-progress { height: 31px; }.workspace-cursor { display: none; }.process-tag--design, .process-tag--responsive { display: none; }.process-tag { padding: 5px 7px; font-size: 8px; }.process-tag--structure { top: 5px; }.process-tag--launch { bottom: 5px; }.project-ready-card { padding: 7px 9px; font-size: 8px; }.project-ready-card span { width: 14px; height: 14px; }.approach-item { grid-template-columns: 52px 1fr; gap: 10px; }.approach-item__mark { align-items: flex-start; flex-direction: column; gap: 5px; }.approach-item__mark svg { width: 24px; height: 24px; }.approach-item h3 { font-size: 19px; }.approach-item p { font-size: 14px; }.decor-float--approach-ring { right: -350px; }.decor-float--approach-arc { left: -220px; width: 330px; height: 330px; animation: none; }
}
@media (max-width: 599px) { .portfolio { padding:74px 0 68px; }.portfolio__header h2 { font-size:34px; }.portfolio__header > p:last-child { margin-top:16px; font-size:15px; }.portfolio-featured { gap:24px; margin-top:30px; padding:15px; border-radius:21px; }.portfolio-visual--featured { min-height:320px; border-radius:16px; }.project-browser { top:10%; left:2%; width:91%; border-width:5px; border-bottom-width:7px; }.project-browser__bar { height:18px; }.project-phone { right:1%; bottom:3%; width:22%; padding:3px; border-radius:14px; animation:none; transform:none; }.project-phone__screen { border-radius:10px; }.project-phone::before { top:5px; height:3px; }.project-phone-services { padding:10px 3px 3px; }.project-phone-services__header { padding-bottom:3px; }.project-phone-services__header strong { font-size:5px; }.project-phone-services__header > i { width:6px; height:4px; }.project-phone-services__intro { padding:5px 0 4px; }.project-phone-services__intro small { font-size:2px; }.project-phone-services__intro b { margin-top:2px; font-size:8px; }.project-phone-services__intro p { margin-top:2px; font-size:3px; }.project-phone-services__list { gap:2px; }.project-phone-service { grid-template-columns:11px minmax(0,1fr); gap:2px; min-height:27px; padding:2px; border-radius:3px; }.project-phone-service > span { width:11px; height:11px; border-radius:3px; }.project-phone-service > span::before { width:6px; height:4px; }.project-phone-service > span::after { bottom:2px; width:7px; }.project-phone-service > span i { top:2px; width:3px; height:3px; }.project-phone-service b { font-size:3px; }.project-phone-service p { display:none; }.project-phone-service small { font-size:2.5px; }.project-phone-services__button { height:17px; margin-top:3px; font-size:3px; }.project-float-tag { padding:5px 7px; font-size:7px; }.project-float-tag--three { display:none; }.project-float-tag--two { bottom:4%; }.portfolio-featured__content { padding:3px 4px 8px; }.portfolio h3 { font-size:30px; }.project-detail ul { grid-template-columns:1fr; }.portfolio__grid { gap:16px; margin-top:16px; }.portfolio__concepts { gap:16px; }.project-card { border-radius:20px; }.project-card__content { padding:22px 20px 24px; }.portfolio-visual--mes { min-height:245px; margin:12px 12px 0; }.mes-window { margin:16px; }.mes-sidebar { padding:12px 8px; }.mes-sidebar span:nth-last-child(-n+2) { display:none; }.mes-workspace { padding:11px; }.mes-metrics { margin-top:10px; }.mes-table { margin-top:9px; }.mes-table > div { padding:6px; }.concept-visual { min-height:190px; margin:11px 11px 0; }.portfolio__footer { align-items:flex-start; flex-direction:column; gap:12px; margin-top:36px; padding-top:22px; }.portfolio-decor--circle { left:-390px; }.portfolio-decor--arc { right:-300px; } }
@media (max-width: 599px) { .project-phone { width:26%; }.project-phone-service { height:25px; min-height:25px; overflow:hidden; }.project-phone-service b { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.15; }.project-phone-service small { font-size:0; white-space:nowrap; }.project-phone-service small::after { content:"Подробнее →"; font-size:2.3px; }.project-phone-services__button { height:15px; } }
@media (min-width:760px) and (max-width:1179px) { .portfolio__grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:24px; }.project-card--secondary { min-height:620px; display:flex; grid-column:auto; grid-row:auto; }.portfolio__grid .project-card--secondary.project-card--industry { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,42%) minmax(0,58%); min-height:0; }.project-card--industry .portfolio-visual { width:calc(100% - 28px); align-self:center; }.project-card--industry .project-card__content { align-self:stretch; } }
@media (max-width:759px) { .portfolio__grid { grid-template-columns:1fr; align-items:start; }.project-card--secondary,.project-card--industry { display:flex; grid-column:auto; grid-row:auto; min-height:0; height:auto; flex-direction:column; }.project-card--secondary .portfolio-visual { aspect-ratio:16/10; }.portfolio__footer { margin-top:40px; } }
@media (max-width:519px) { .project-card--secondary .project-card__content,.project-card--secondary.project-card--industry .project-card__content { padding:20px 20px 23px; }.project-card--secondary h3,.project-card--industry h3 { font-size:26px; }.project-card--secondary .concept-industry__stats span:last-child { display:none; }.project-card--secondary .concept-industry__stats { grid-template-columns:repeat(2,1fr); }.project-card--secondary .mes-table > div:nth-child(n+4) { display:none; } }
@media (max-width:1099px) { .process__workspace { grid-template-columns:minmax(260px,36%) minmax(0,64%); gap:18px; }.process__stage { min-height:650px; padding:30px 28px 24px; }.process-tab { min-height:62px; padding-inline:10px; }.process-panel__description { min-height:92px; }.process-scene { height:215px; } }
@media (max-width:759px) { .process { padding:84px 0 78px; }.process__header h2 { font-size:38px; }.process__header > p:last-child { font-size:16px; }.process__workspace { grid-template-columns:1fr; gap:18px; margin-top:36px; }.process__navigation { display:flex; gap:7px; overflow-x:auto; padding:9px; border-radius:17px; scrollbar-width:none; scroll-snap-type:x proximity; }.process__navigation::-webkit-scrollbar { display:none; }.process-tab { grid-template-columns:auto auto 6px; min-width:max-content; min-height:48px; padding:9px 12px; scroll-snap-align:center; }.process-tab::before { top:auto; right:9px; bottom:0; left:9px; width:auto; height:2px; transform:scaleX(.4); }.process-tab.is-active::before { transform:scaleX(1); }.process-tab b { font-size:12px; }.process__stage { min-height:620px; padding:27px 24px 23px; border-radius:20px; }.process__stage-tilt { min-height:0; transform:none !important; }.process-panel__description { min-height:0; }.process-scene { height:220px; }.process__note { align-items:flex-start; flex-direction:column; gap:12px; margin-top:40px; }.process-decor--arc { left:-300px; }.process-decor--circle { right:-390px; } }
@media (max-width:519px) { .process { padding:74px 0 68px; }.process__header h2 { font-size:34px; }.process__header > p:last-child { margin-top:16px; font-size:15px; }.process__workspace { margin-top:30px; }.process-tab b { max-width:112px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.process__stage { min-height:600px; padding:23px 18px 20px; }.process-panel h3 { font-size:30px; }.process-panel__description { font-size:14px; }.process-result { padding:10px; }.process-result p { font-size:11px; }.process-scene { height:190px; margin-top:18px; }.process-scene--chat { grid-template-columns:1fr; }.scene-brief { display:none; }.process-scene--design { grid-template-columns:.7fr 1.3fr; padding:12px; }.scene-type { display:none; }.process-scene--code { grid-template-columns:1fr; padding:12px; }.scene-preview { display:none; }.process-scene--check,.process-scene--launch,.process-scene--support { gap:8px; padding:12px; }.scene-devices i { display:none; }.process-progress { margin-top:18px; }.process__note { margin-top:34px; }.process-decor--dots { display:none; } }
@media (max-width:1099px) { .pricing-calculator__layout { grid-template-columns:minmax(0,1fr) minmax(320px,38%); gap:20px; }.calculator-step { padding:27px 25px 29px; }.calculator-options--types,.calculator-options--compact { grid-template-columns:1fr; }.calculator-option { min-height:0; }.project-estimate { padding:26px 24px; } }
@media (max-width:900px) { .pricing-calculator { padding:86px 0 82px; }.pricing-calculator__layout { grid-template-columns:1fr; margin-top:38px; }.project-estimate { position:relative; top:auto; }.calculator-options--types,.calculator-options--compact { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) { .project-estimate { position:static; height:auto; max-height:none; overflow:visible; } }

@media (max-width:900px) {
  .contact { padding:88px 0 82px; }
  .contact__layout { grid-template-columns:1fr; gap:42px; }
  .contact__info { max-width:700px; }
  .site-footer__grid { grid-template-columns:1.3fr repeat(2,1fr); }
  .site-footer__brand { grid-column:1/-1; }
}
@media (max-width:759px) {
  .faq { padding:86px 0; }
  .faq__layout { grid-template-columns:1fr; gap:35px; }
  .faq__intro { position:static; }
  .faq__intro h2,.contact__info h2 { font-size:38px; }
  .faq-item h3 button { min-height:72px; font-size:15px; }
  .site-footer__grid { grid-template-columns:repeat(2,1fr); gap:38px; }
}
@media (max-width:519px) {
  .faq,.contact { padding:74px 0 68px; }
  .faq__intro h2,.contact__info h2 { font-size:34px; }
  .faq-item h3 button { min-height:68px; gap:15px; padding:19px 0; font-size:14px; }
  .faq-item__answer p { padding-right:18px; }
  .contact-method { grid-template-columns:1fr; gap:5px; }
  .contact-form { padding:25px 19px; border-radius:20px; }
  .contact-choice > div { display:grid; grid-template-columns:1fr; }
  .contact-choice label span { text-align:center; }
  .contact-estimate > div:first-child { align-items:flex-start; flex-direction:column; gap:5px; }
  .contact-form__submit { width:100%; }
  .site-footer { padding-top:54px; }
  .site-footer__grid { grid-template-columns:1fr; gap:34px; }
  .site-footer__brand { grid-column:auto; }
  .site-footer__bottom { align-items:flex-start; flex-direction:column; }
  .site-footer__bottom div { flex-wrap:wrap; }
  .policy-modal__dialog { padding:31px 22px 25px; }
}
@media (max-width:519px) { .contact-method { grid-template-columns:38px minmax(0,1fr); } }
@media (max-width:759px) { .pricing-calculator__header h2 { font-size:38px; }.pricing-calculator__header > p:last-child { font-size:16px; }.pricing-calculator__layout { margin-top:34px; }.calculator-options--types,.calculator-options--compact { grid-template-columns:1fr; }.calculator-functions { grid-template-columns:repeat(2,minmax(0,1fr)); }.pricing-calculator__note { align-items:flex-start; flex-direction:column; gap:12px; margin-top:40px; }.pricing-decor--ring { left:-390px; }.pricing-decor--arc { right:-320px; } }
@media (max-width:519px) { .pricing-calculator { padding:74px 0 68px; }.pricing-calculator__header h2 { font-size:34px; }.pricing-calculator__header > p:last-child { margin-top:16px; font-size:15px; }.pricing-calculator__layout { margin-top:30px; }.calculator-step { padding:24px 19px 26px; }.calculator-step legend { font-size:16px; }.calculator-functions { grid-template-columns:1fr; }.calculator-functions label { min-height:70px; }.project-estimate { padding:25px 20px; }.project-estimate__price { font-size:37px; white-space:nowrap; }.calculator-stepper { max-width:100%; }.calculator-stepper button { width:42px; }.calculator-stepper input { width:55px; }.calculator-stepper span { padding-inline:10px; }.pricing-calculator__note { margin-top:34px; }.pricing-decor--dots { display:none; } }
@keyframes decorCircleFloatTablet { to { transform: translate3d(4px, -3px, 0) scale(1.008); } }
@keyframes decorDotsFloatTablet { to { transform: translate3d(-3px, 4px, 0); opacity: .62; } }

/* Keep cutout portrait Hero rules last so legacy device breakpoints cannot override them. */
@media (max-width:759px) {
  .hero { padding:42px 0 66px; }
  .hero__grid { grid-template-columns:1fr; gap:30px; }
  .hero-visual { height:470px; min-height:0; width:min(100%,500px); margin:-4px auto -24px; }
}
@media (max-width:519px) {
  .hero { padding:38px 0 60px; }
  .hero-visual { height:400px; min-height:0; width:100%; margin:-4px auto -22px; }
  .hero__title { font-size:clamp(32px,9.5vw,42px); line-height:1.04; letter-spacing:-.045em; }
  .hero__title-main { margin-top:.12em; }
}
@media (max-width:359px) { .hero__title-accent { white-space:normal; } }
@keyframes heroStatusDriftMobile { 0%,100% { transform:translate3d(0,0,0) rotate(0deg); } 38% { transform:translate3d(2.5px,-3.5px,0) rotate(.15deg); } 72% { transform:translate3d(-1.5px,-1px,0) rotate(-.1deg); } }
@keyframes heroStatusDriftCompact { 0%,100% { transform:translate3d(0,0,0); } 42% { transform:translate3d(1.5px,-2.5px,0); } 76% { transform:translate3d(-1px,-1px,0); } }
@keyframes readyFloatMobile { to { transform: translate3d(0,-3px,0); } }
@keyframes approachEditorFloatMobile { to { transform: translate3d(0,-2px,0); } }
@media (hover: none), (pointer: coarse) { .approach-item:hover { transform: none; }.approach-item:hover::before { opacity: 0; }.approach-item:hover svg { transform: none; }.approach-item:hover h3 { color: inherit; } }
@media (hover: none), (pointer: coarse) and (min-width: 521px) { .approach-editor__float { animation-name: approachEditorFloatTouch; } }
@keyframes approachEditorFloatTouch { to { transform: translate3d(0,-4px,0); } }