/* Final visual calibration against the approved 846 × 1860 reference. */
:root{--pad:clamp(28px,4.8vw,70px);--max:none}

/* The shared workshop frame and the source image remain visible across the hero. */
@media(min-width:761px){
  .city-bridge-flow{position:relative;isolation:isolate;background:#07131d url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp') center center/cover no-repeat}
  .city-bridge-flow::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 46% 42% at 4% 53%,rgba(169,194,198,.11) 0%,rgba(120,151,160,.06) 28%,transparent 76%),linear-gradient(90deg,rgba(3,12,19,.44),rgba(3,12,19,.25)),linear-gradient(0deg,rgba(3,10,16,.22),rgba(3,10,16,.08))}
  .city-bridge-flow .benefit-bar,.city-bridge-flow .services{background-image:none!important;background-color:transparent!important}
  .hero-master-note{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;font-size:clamp(14px,1.02vw,17px)!important;font-weight:600!important;line-height:1.04!important;letter-spacing:-.02em!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.95)!important;transform:rotate(-7deg) scale(1.08)!important;transform-origin:center!important}
  .faq-heading h2{font-size:40px!important;white-space:nowrap!important;letter-spacing:-.045em!important}
  .wordmark{font-size:31px!important;letter-spacing:-1.65px!important}
  .wordmark small{font-size:9px!important;margin-left:13px!important}
  .desktop-nav{font-size:12px!important;gap:clamp(14px,1.8vw,26px)!important}
  .header-phone{font-size:14px!important;padding:10px 17px!important}
  .hero{height:clamp(700px,51.8vw,738px)!important;min-height:0!important;background:#07121b!important}
  .hero-photo-wrap{left:36%!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;clip-path:none!important}
  .hero-photo{object-position:51% 22%!important;transform:scale(1.23)!important;transform-origin:72% 24%!important;filter:saturate(1.04) brightness(1.34) contrast(1.04)!important;mask-image:none!important}
  .photo-fade{background:linear-gradient(90deg,#07121b 0%,rgba(7,18,27,.94) 18%,rgba(7,18,27,.70) 34%,rgba(7,18,27,.20) 48%,rgba(7,18,27,.01) 72%,rgba(7,18,27,0) 100%),linear-gradient(0deg,rgba(7,18,27,.60),transparent 28%),linear-gradient(180deg,rgba(5,13,19,.16),transparent 24%)!important}
  .hero-inner{padding-top:clamp(142px,10.4vw,154px)!important;padding-bottom:80px!important}
  .hero-inner{padding-top:clamp(130px,9.6vw,142px)!important}
  .hero h1{font-size:clamp(66px,5.15vw,76px)!important;line-height:.98!important;letter-spacing:-.052em!important;font-weight:800!important;margin-bottom:14px!important}
  .hero h1{margin-bottom:19px!important}
  .intro{font-size:clamp(22px,2.02vw,28px)!important;line-height:1.19!important;max-width:720px!important;margin-bottom:11px!important}
  .intro{margin-bottom:13px!important}
  .hero-desc{font-size:15px!important;line-height:1.43!important;max-width:630px!important}
  .hero-proof{display:grid!important;grid-template-columns:.86fr .93fr 1.45fr 1.27fr!important;gap:12px!important;width:min(78vw,1115px)!important;margin:54px 0 18px!important}
  .hero-proof>span{min-height:80px!important;padding:10px 14px!important;border-radius:11px!important;gap:10px!important;font-size:15px!important;line-height:1.18!important;background:rgba(5,16,24,.78)!important;border-color:rgba(137,213,227,.27)!important}
  .hero-proof>span>span{font-size:15px!important;font-weight:700!important}
  .hero-proof>span small{display:block!important;margin-top:3px!important;color:#b6c5cb!important;font-size:13px!important;line-height:1.22!important;font-weight:500!important}
  .hero-proof .proof-icon{width:36px!important;height:36px!important;flex:none!important;object-fit:contain!important;filter:none!important;border:0!important;border-radius:0!important;padding:0!important}
  .hero-actions{gap:18px!important}
  .hero-actions .button{min-height:68px!important;border-radius:999px!important;font-size:16px!important}
  .hero-actions .button-primary{min-width:292px!important}
  .hero-actions .button-outline{min-width:310px!important}
  .hero-bottomline{display:none!important}
  .hero-copy>.response-note{display:flex!important}

  .benefit-bar{height:133px!important;min-height:133px!important;padding:15px var(--pad)!important;gap:0!important;background-image:linear-gradient(90deg,rgba(4,15,23,.69),rgba(4,15,23,.64)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center 62%!important;background-size:cover!important;border-color:#a8c8d329!important}
  .benefit{min-height:82px!important;padding:7px 22px!important;gap:13px!important;border-right:1px solid rgba(178,201,210,.28)!important}
  .benefit:last-child{border-right:0!important}
  .benefit-symbol{display:block!important;width:64px!important;height:66px!important;flex:none!important;object-fit:contain!important;filter:none!important}
  .benefit strong{font-size:23px!important;line-height:1.15!important}
  .benefit small{font-size:14px!important;line-height:1.36!important;color:#b4c3c9!important}

  .services{height:650px!important;min-height:0!important;padding:40px clamp(28px,4.2vw,60px) 26px!important;background-image:linear-gradient(180deg,rgba(4,13,20,.15),rgba(4,13,20,.05) 48%,rgba(4,13,20,.20)),linear-gradient(90deg,rgba(7,18,28,.08),rgba(7,18,28,.04)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center 56%!important;background-size:cover!important}
  .services .section-top{margin-bottom:32px!important}
  .services .section-top h2{font-size:clamp(48px,3.7vw,54px)!important;line-height:.98!important;letter-spacing:-.045em!important}
  .services .section-intro{max-width:560px!important;font-size:16px!important;line-height:1.42!important;margin-top:8px!important}
  .service-grid{grid-auto-rows:205px!important;gap:6px 14px!important}
  .service-grid{grid-template-columns:1.06fr .98fr 1.06fr!important}
  .service-card{border-radius:11px!important;border-color:rgba(85,185,212,.35)!important;background:#091821!important}
  .service-card>img{width:43%!important;object-fit:cover!important;filter:saturate(.96) contrast(1.02)!important}
  .service-shade{inset:0 54% 0 33%!important;background:linear-gradient(90deg,transparent,rgba(7,18,27,.93))!important}
  .service-copy,.service-wide .service-copy{inset:0 0 0 43%!important;padding:16px 14px!important;background:linear-gradient(90deg,rgba(7,18,27,.94),#08151ef5)!important}
  .service-copy h3{font-size:clamp(20px,1.8vw,27px)!important;line-height:1.06!important;margin:3px 0 8px!important;letter-spacing:-.02em!important}
  .service-copy p{font-size:16px!important;line-height:1.34!important;margin-bottom:9px!important;color:#c1cbd0!important}
  .price{font-size:16px!important;padding:7px 11px!important;border-radius:999px!important}
  .visual-disclaimer{font-size:10px!important;margin-top:8px!important}

  .master-section{height:322px!important;min-height:322px!important}
  .master-content{padding-top:30px!important;padding-bottom:30px!important}
  .master-summary{transform:translateY(-20px)!important}
  .master-points{width:90%!important;transform:translate(clamp(60px,9vw,130px),25px)!important}
  .master-points article:nth-child(2){transform:translateX(-42px)!important}
  .master-points article:nth-child(3){transform:translateX(-5px)!important}
  .master-point-icon{width:70px!important;height:70px!important;margin-bottom:9px!important}
  .master-content h2{font-size:clamp(46px,3.8vw,55px)!important;line-height:.96!important}
  .master-lead{font-size:15px!important;line-height:1.46!important}
  .master-points{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
  .master-points article{min-height:0!important}
  .master-points .point-mark{width:46px!important;height:46px!important;margin-bottom:9px!important}
  .master-points h3{font-size:18px!important;line-height:1.12!important;margin-bottom:5px!important}
  .master-points p{font-size:16px!important;line-height:1.38!important}

  .process{height:342px!important;min-height:0!important;padding:28px var(--pad) 14px!important;background-image:linear-gradient(90deg,rgba(4,12,18,.78),rgba(4,12,18,.68)),url('assets/goodwing-pack-v2/backgrounds/steps_diagnostic_board.webp')!important;background-position:center 52%!important;background-size:cover!important}
  .process-head{margin-bottom:29px!important}
  .process h2{font-size:clamp(42px,3.45vw,50px)!important;line-height:.96!important}
  .process-track{gap:0!important;border:1px solid rgba(142,188,203,.3)!important;border-radius:10px!important;overflow:hidden!important;background:rgba(5,16,24,.76)!important}
  .process-step{height:158px!important;min-height:0!important;padding:8px!important;border:0!important;border-right:1px solid rgba(142,188,203,.22)!important;border-radius:0!important;background:transparent!important}
  .process-step:last-child{border-right:0!important}
  .process-photo{height:140px!important;border-radius:8px!important;overflow:hidden!important;grid-column:1!important;grid-row:1/3!important}
  .process-step{grid-template-columns:36% 1fr!important;grid-template-rows:44px 1fr!important;align-items:start!important;column-gap:18px!important}
  .process-step h3{grid-column:2!important;grid-row:1!important;align-self:end!important}
  .process-step p{grid-column:2!important;grid-row:2!important;align-self:start!important}
  .process-photo span{display:none!important}
  .process-step h3{font-size:20px!important;line-height:1.1!important}
  .process-step p{font-size:15px!important;line-height:1.36!important}
  .process-contact{font-size:17px!important;padding:10px 21px!important;border-radius:999px!important}
  .process-note{font-size:12px!important;margin-top:7px!important}
  .process-disclaimer{font-size:9px!important;margin-top:3px!important}

  .reviews{height:333px!important;min-height:333px!important;padding:26px var(--pad) 20px!important;background-image:linear-gradient(100deg,rgba(9,21,29,.92),rgba(10,23,31,.88)),url('assets/background-pack/workshop_wide_detail.webp')!important;background-position:center 54%!important;background-size:cover!important}
  .reviews-heading{margin-bottom:16px!important}
  .reviews-heading h2{font-size:clamp(38px,3.1vw,44px)!important;line-height:.98!important;letter-spacing:-.045em!important}
  .proof-grid{gap:16px!important}
  .proof-card{min-height:218px!important;grid-template-columns:70px 1fr!important;grid-template-rows:74px 1fr!important;gap:5px 12px!important;padding:18px!important;border-radius:10px!important;background:rgba(7,18,27,.82)!important}
  .proof-card img{grid-column:1!important;grid-row:1!important;width:70px!important;height:70px!important;min-height:0!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;filter:saturate(.88)!important}
  .proof-card>div{grid-column:2!important;grid-row:1!important;padding:0!important}
  .proof-card h3{font-size:18px!important;line-height:1.15!important;margin:0 0 5px!important}
  .proof-card .example-meta span{color:#7fb7c4!important;font-size:9px!important;letter-spacing:.12em!important;line-height:1.2!important}
  .proof-card>p{grid-column:1/-1!important;grid-row:2!important;margin:0!important;font-size:14px!important;line-height:1.42!important;color:#c1cbcf!important}
  .review-card{grid-template-rows:78px 1fr!important;align-items:start!important}
  .review-card img{width:70px!important;height:70px!important;object-position:center!important}
  .review-card .example-meta{padding-top:2px!important}
  .review-card .example-meta h3{font-size:18px!important;margin-bottom:3px!important}
  .review-card .example-meta>span{display:block!important;color:#aebdc3!important;font-size:13px!important;letter-spacing:0!important}
  .review-card .review-stars{margin-top:3px!important;color:#ffc12f!important;font:700 17px/1 Arial,sans-serif!important;letter-spacing:2px!important;white-space:nowrap!important}
  .review-card>p{font-size:18px!important;line-height:1.32!important}
  .reviews-all{justify-self:end!important;align-self:end!important;margin-bottom:3px!important;font-size:13px!important}
  .reviews>.visual-disclaimer{font-size:10px!important;margin-top:8px!important}

  .faq{height:214px!important;min-height:0!important;padding:12px var(--pad)!important;gap:82px!important;background-image:linear-gradient(90deg,rgba(4,12,18,.60),rgba(4,12,18,.89)),url('assets/background-pack/motherboard_cpu.webp')!important;background-position:center 52%!important;background-size:cover!important}
  .faq-heading{align-self:start!important}
  .faq-heading .eyebrow{margin-bottom:30px!important}
  .faq-heading h2{font-size:36px!important;line-height:.96!important;white-space:nowrap!important}
  .faq-list summary{min-height:42px!important;font-size:18px!important;padding:9px 12px!important}
  .faq-toggle{width:18px!important;height:18px!important;background:transparent!important;border:0!important;border-radius:0!important;color:#f4f6f6!important}
  .faq-toggle img{display:none!important}
  .faq-toggle::after{content:""!important;width:7px!important;height:7px!important;border-right:1.5px solid #eaf3f5!important;border-bottom:1.5px solid #eaf3f5!important;transform:rotate(45deg)!important;margin-top:-4px!important}
  .faq-list details[open] .faq-toggle::after{transform:rotate(225deg)!important;margin-top:4px!important}
  .faq-list details p{font-size:13px!important;line-height:1.4!important}

  .contact-section{height:291px!important;min-height:291px!important;padding:24px var(--pad)!important}
  .contact-photo{background-image:linear-gradient(90deg,rgba(4,12,18,.58) 0%,rgba(4,12,18,.36) 48%,rgba(4,12,18,.2) 100%),linear-gradient(0deg,rgba(3,11,16,.32),transparent 72%),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center 66%!important;background-size:cover!important}
  .contact-copy h2{font-size:clamp(44px,3.8vw,55px)!important}
  .contact-copy>p:not(.eyebrow){font-size:16px!important;line-height:1.42!important}
  .contact-section .contact-card{width:356px!important;max-width:38vw!important;padding:24px 17px!important}
  .contact-section .contact-card .button{min-height:52px!important}
  .contact-copy{transform:translateY(-8px)!important}
  .contact-location{display:flex!important;align-items:center!important;gap:8px!important}
  .contact-location .location-icon{width:20px!important;height:20px!important;object-fit:contain!important}
  .contact-tel{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-bottom:8px!important;font-size:21px!important}
  .contact-tel img{width:20px!important;height:20px!important;object-fit:contain!important}
  .contact-card .button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;font-size:14px!important}
  .contact-card .button img{width:20px!important;height:20px!important;object-fit:contain!important}
  .contact-card small{font-size:11px!important}
  .site-footer{min-height:109px!important;padding:18px var(--pad)!important}
  .site-footer .wordmark{font-size:31px!important}
  .footer-links{font-size:10px!important}
  .footer-legal{font-size:10px!important}
  .footer-legal span,.footer-legal small{font-size:9px!important}
}

/* Iteration 2: image selection and final scale alignment from the side-by-side review. */
@media(min-width:761px){
  .hero:before{display:none!important}
  .hero-photo-wrap{left:0!important;right:0!important}
  .hero-photo{object-position:center center!important;filter:saturate(1.04) brightness(1.02) contrast(1.02)!important;transform:none!important}
  .photo-fade{background:radial-gradient(ellipse at 25% 70%,rgba(255,177,81,.10),transparent 28%),radial-gradient(ellipse at 78% 36%,rgba(52,157,234,.08),transparent 43%),linear-gradient(90deg,rgba(5,13,20,.18) 0%,rgba(5,13,20,.35) 28%,rgba(5,13,20,.24) 43%,rgba(5,13,20,.04) 60%,transparent 76%),linear-gradient(0deg,rgba(7,18,27,.32),transparent 27%),linear-gradient(180deg,rgba(5,13,19,.18),transparent 24%)!important}
  .hero-proof .proof-icon{width:32px!important;height:32px!important}
  .benefit-symbol{width:46px!important;height:46px!important}
  .hero-proof>span{background:rgba(5,16,24,.63)!important}
  .hero-actions{transform:translateY(-24px)!important}
  .hero-actions .button-primary{box-shadow:0 8px 28px rgba(0,193,237,.23),inset 0 1px rgba(255,255,255,.2)!important}
  .hero-actions .button-primary .button-art{filter:brightness(0) invert(1)!important}
  .hero-actions .button-outline{box-shadow:inset 0 1px rgba(255,255,255,.1)!important}
  .site-header{justify-content:flex-start!important}
  .desktop-nav{margin-left:45px!important;margin-right:auto!important}
  .hero-proof{margin-top:54px!important}
  .hero-proof>span{min-height:80px!important}
  .hero-actions .button{border-radius:12px!important}
  .master-image img{object-position:45% 50%!important}
  .process{background-image:linear-gradient(90deg,rgba(4,12,18,.76),rgba(4,12,18,.62)),url('assets/process-diagnostic.webp')!important;background-position:center 48%!important;background-size:cover!important}
  .faq{background-image:linear-gradient(90deg,rgba(4,12,18,.48),rgba(4,12,18,.82)),url('assets/background-pack/motherboard_cpu.webp')!important;background-position:center 53%!important;background-size:cover!important}
  .contact-photo{background-position:center 60%!important}
  .contact-section{padding-top:12px!important}
  .contact-section .contact-card{padding-top:34px!important;padding-bottom:34px!important}
  .contact-tel{font-size:24px!important}
  .contact-section .contact-card .button{border-radius:12px!important;min-height:58px!important}
}
@media(max-width:760px){
  .hero-actions .button{border-radius:12px!important}
  .process{background-image:linear-gradient(180deg,rgba(4,12,18,.76),rgba(4,12,18,.86)),url('assets/process-diagnostic.webp')!important;background-position:center 48%!important;background-size:cover!important}
  .faq{background-image:linear-gradient(90deg,rgba(4,12,18,.58),rgba(4,12,18,.88)),url('assets/background-pack/motherboard_cpu.webp')!important;background-position:center 53%!important;background-size:cover!important}
}

.hero-proof .proof-icon{display:block!important;width:32px!important;height:32px!important;flex:none!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;fill:none!important;stroke:#18cbed!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 2px rgba(0,194,235,.38))!important}
@media(max-width:760px){.hero-proof .proof-icon{width:25px!important;height:25px!important}}
@media(min-width:761px){.hero-copy>.response-note{font-size:16px!important;max-width:278px!important;white-space:nowrap!important}.hero-actions .phone-art{width:24px!important;height:24px!important;fill:currentColor!important;stroke:none!important}.hero-actions .telegram-art{width:22px!important;height:22px!important;fill:currentColor!important;stroke:none!important}.hero-actions .telegram-art .telegram-fold{fill:none!important;stroke:currentColor!important;stroke-width:1.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}}
@media(max-width:760px){.hero-copy>.response-note{font-size:12px!important}.hero-actions .phone-art{width:21px!important;height:21px!important;fill:currentColor!important;stroke:none!important}.hero-actions .telegram-art{width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important}.hero-actions .telegram-art .telegram-fold{fill:none!important;stroke:currentColor!important;stroke-width:1.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}}

/* Hero controls: cleaner icon silhouettes, pill CTAs and tighter response note. */
@media(min-width:761px){
  .hero-actions{transform:none!important;gap:14px!important}
  .hero-actions .button{min-height:58px!important;border-radius:999px!important;padding:0 23px!important;font-size:16px!important;gap:11px!important}
  .hero-actions .button-primary{min-width:278px!important}
  .hero-actions .button-outline{min-width:308px!important}
  .hero-actions .button-art{display:block!important;width:21px!important;height:21px!important;flex:none!important;overflow:visible!important;filter:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
  .hero-actions .button-primary .button-art{color:#fff!important}
  .hero-actions .button-outline .button-art{color:#12c8ec!important}
  .hero-copy>.response-note{margin-top:6px!important;font-size:13px!important;line-height:1.2!important;gap:8px!important}
  .hero-copy>.response-note>span{width:7px!important;height:7px!important}
  .hero-proof .proof-icon{width:32px!important;height:32px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
}
@media(max-width:760px){
  .hero-actions{transform:none!important;gap:8px!important}
  .hero-actions .button{min-height:52px!important;border-radius:999px!important;padding-inline:10px!important;font-size:clamp(10px,3.15vw,13px)!important;gap:7px!important}
  .hero-actions .button-art{width:19px!important;height:19px!important;flex:none!important;overflow:visible!important;filter:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
  .hero-actions .button-primary .button-art{color:#fff!important}
  .hero-actions .button-outline .button-art{color:#12c8ec!important}
  .hero-copy>.response-note{margin-top:6px!important;font-size:11px!important;line-height:1.2!important;gap:7px!important}
  .hero-copy>.response-note>span{width:7px!important;height:7px!important}
}

/* Header calibration: float directly over the hero, with a clear call button. */
@media(min-width:761px){
  .site-header{height:68px!important;background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .desktop-nav{font-size:14px!important;font-weight:600!important;gap:clamp(16px,1.8vw,25px)!important}
  .desktop-nav a{font-size:14px!important;font-weight:600!important;text-shadow:0 1px 5px rgba(0,0,0,.8)!important}
  .header-phone{position:relative!important;isolation:isolate!important;overflow:hidden!important;justify-content:center!important;min-width:200px!important;height:40px!important;padding:0 17px!important;gap:9px!important;border:1px solid rgba(17,218,244,.95)!important;border-radius:22px!important;background:rgba(4,18,27,.68)!important;color:#f7fbfc!important;font-size:15px!important;font-weight:700!important;box-shadow:0 0 12px rgba(0,190,224,.10)!important;transition:color .25s ease,border-color .25s ease,box-shadow .25s ease!important}
  .header-phone::before{position:absolute!important;z-index:-1!important;inset:0!important;content:""!important;border-radius:inherit!important;background:linear-gradient(105deg,#16c5e8,#08a9d3)!important;transform:scaleX(0)!important;transform-origin:left center!important;transition:transform .3s cubic-bezier(.2,.75,.25,1)!important}
  .header-phone:hover::before,.header-phone:focus-visible::before{transform:scaleX(1)!important}
  .header-phone:hover,.header-phone:focus-visible{color:#04141c!important;border-color:#64efff!important;box-shadow:0 0 24px rgba(0,202,235,.36)!important}
  .header-phone-art{position:relative!important;z-index:1!important;display:block!important;width:17px!important;height:17px!important;flex:none!important;transform:none!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;color:#32d8f0!important;filter:none!important;transition:color .25s ease!important}
  .header-phone:hover .header-phone-art,.header-phone:focus-visible .header-phone-art{color:#04141c!important}
}

@media(min-width:761px){
  .hero-copy{position:relative!important;isolation:isolate!important}
  .hero-copy::before{content:"";position:absolute;z-index:-1;left:-48px;top:-42px;width:clamp(700px,62vw,900px);height:410px;pointer-events:none;background:radial-gradient(ellipse at 34% 42%,rgba(2,8,12,.78) 0%,rgba(2,8,12,.48) 56%,transparent 82%);filter:blur(34px)}
  .hero-copy h1,.hero-copy .intro,.hero-copy .hero-desc{text-shadow:0 2px 9px rgba(0,0,0,.86),0 0 32px rgba(0,0,0,.68)}
  .hero-master-note{top:16%!important;right:1.5%!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;font-family:"Segoe Print","Ink Free","Segoe Script",cursive!important;font-size:clamp(14px,.98vw,16px)!important;font-style:normal!important;font-weight:400!important;line-height:1.28!important;letter-spacing:0!important;text-shadow:0 1px 5px rgba(0,0,0,.8)!important;transform:none!important;pointer-events:auto!important}
  .hero-master-note>span{display:block!important;transform:rotate(-3deg)!important;transform-origin:left center!important}
  .hero-master-note svg{display:block!important;order:0!important;width:70px!important;height:48px!important;flex:none!important;overflow:visible!important;stroke:#edf7f9!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))!important}
  .hero-master-note .note-arrow-path{stroke-dasharray:100 100!important;stroke-dashoffset:0;animation:none}
  .hero-master-note:hover .note-arrow-shaft,.hero-master-note.is-redrawing .note-arrow-shaft{animation:note-arrow-shaft .78s ease-out forwards!important}
  .hero-master-note:hover .note-arrow-head,.hero-master-note.is-redrawing .note-arrow-head{animation:note-arrow-head .78s ease-out forwards!important}
}
@media(min-width:761px) and (max-width:1000px){.hero-master-note{display:none!important}}
@keyframes note-arrow-shaft{0%,12%{stroke-dashoffset:100}58%,100%{stroke-dashoffset:0}}
@keyframes note-arrow-head{0%,54%{stroke-dashoffset:100}76%,100%{stroke-dashoffset:0}}

@media(max-width:760px){
  :root{--pad:18px}
  .hero-copy>.privacy-note{display:none!important}
  .hero-photo-wrap{height:260px!important;overflow:hidden!important}
  .hero-photo{object-position:center 0%!important;transform:none!important}
  .hero-inner{margin-top:-26px!important}
  .hero h1{font-size:clamp(34px,8.7vw,39px)!important;line-height:1!important;font-weight:800!important}
  .intro{font-size:15px!important;line-height:1.3!important}
  .hero-desc{font-size:12px!important;line-height:1.42!important}
  .hero-proof>span{min-height:48px!important;border-radius:10px!important;padding:7px 9px!important;font-size:10px!important}
  .hero-proof>span>span{font-size:10px!important}
  .hero-proof>span small{font-size:9px!important}
  .hero-proof .proof-icon{width:22px!important;height:22px!important;padding:0!important;border:0!important;border-radius:0!important;filter:none!important}
  .hero-actions .button{min-height:47px!important;font-size:10px!important}
  .benefit-bar{background-image:linear-gradient(90deg,rgba(4,15,23,.69),rgba(4,15,23,.64)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center 62%!important;background-size:cover!important}
  .benefit{gap:8px!important;padding:8px 5px!important}
  .benefit-symbol{display:block!important;width:25px!important;height:27px!important;flex:none!important;filter:none!important}
  .benefit strong{font-size:13px!important}
  .benefit small{font-size:10px!important;line-height:1.3!important}
  .services{background-image:linear-gradient(180deg,rgba(4,13,20,.15),rgba(4,13,20,.05) 48%,rgba(4,13,20,.20)),linear-gradient(90deg,rgba(7,18,28,.08),rgba(7,18,28,.04)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center 56%!important;background-size:cover!important}
  .services .section-top h2{font-size:36px!important}
  .services .section-intro{font-size:11px!important;line-height:1.42!important}
  .service-grid{grid-auto-rows:150px!important;gap:9px!important}
  .service-card{border-radius:10px!important}
  .service-card>img{width:40%!important;object-fit:cover!important}
  .service-shade{inset:0 59% 0 28%!important}
  .service-copy,.service-wide .service-copy{inset:0 0 0 40%!important;padding:10px 11px!important}
  .service-copy h3{font-size:15px!important;line-height:1.08!important;margin:1px 0 6px!important}
  .service-copy p{font-size:11px!important;line-height:1.34!important;margin-bottom:6px!important}
  .price{font-size:10px!important;padding:5px 9px!important}
  .master-image{height:220px!important}
  .master-content h2{font-size:36px!important}
  .master-lead{font-size:12px!important}
  .master-points{gap:8px!important}
  .master-points article{display:block!important}
  .master-points .point-mark{display:grid!important;width:30px!important;height:30px!important;margin-bottom:7px!important}
  .master-points .point-mark img{width:22px!important;height:22px!important}
  .master-points h3{font-size:10px!important;line-height:1.15!important}
  .master-points p{font-size:9px!important;line-height:1.32!important}
  .process{background-image:linear-gradient(90deg,rgba(4,12,18,.82),rgba(4,12,18,.76)),url('assets/goodwing-pack-v2/backgrounds/steps_diagnostic_board.webp')!important;background-position:center 50%!important;background-size:cover!important}
  .process h2{font-size:34px!important}
  .process-step{min-height:96px!important;border-radius:10px!important}
  .process-step h3{font-size:13px!important}
  .process-step p{font-size:10px!important}
  .reviews{height:auto!important;min-height:0!important;padding:25px var(--pad) 18px!important;background-image:linear-gradient(100deg,rgba(9,21,29,.92),rgba(10,23,31,.88)),url('assets/background-pack/workshop_wide_detail.webp')!important;background-position:center 52%!important;background-size:cover!important}
  .reviews-heading{display:grid!important;grid-template-columns:1fr auto!important;gap:6px 10px!important}
  .reviews-heading>div{grid-column:1/-1!important}
  .reviews-heading h2{font-size:30px!important;line-height:1.04!important}
  .reviews-heading .text-link{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:9px!important}
  .proof-grid{grid-template-columns:1fr!important;gap:8px!important}
  .proof-card{min-height:118px!important;grid-template-columns:48px 1fr!important;grid-template-rows:52px auto!important;gap:5px 9px!important;padding:10px!important;border-radius:9px!important}
  .proof-card img{grid-column:1!important;grid-row:1!important;width:48px!important;height:48px!important;min-height:0!important}
  .proof-card>div{grid-column:2!important;grid-row:1!important;padding:0!important}
  .proof-card h3{font-size:13px!important;margin:0 0 4px!important}
  .proof-card .example-meta span{font-size:8px!important}
  .proof-card>p{grid-column:1/-1!important;grid-row:2!important;margin:0!important;font-size:10px!important;line-height:1.36!important}
  .review-card{grid-template-rows:52px auto!important}
  .review-card img{width:48px!important;height:48px!important}
  .review-card .example-meta h3{font-size:13px!important}
  .review-card .example-meta>span{font-size:9px!important}
  .review-card .review-stars{margin-top:2px!important;font-size:12px!important;letter-spacing:1px!important}
  .review-card>p{font-size:10px!important;line-height:1.36!important}
  .reviews-all{font-size:9px!important}
  .reviews>.visual-disclaimer{font-size:8px!important}
  .faq{padding-block:18px!important;background-image:linear-gradient(90deg,rgba(4,12,18,.66),rgba(4,12,18,.92)),url('assets/background-pack/motherboard_cpu.webp')!important;background-position:center 52%!important}
  .faq-toggle{width:18px!important;height:18px!important;background:transparent!important;border:0!important;border-radius:0!important;color:#f4f6f6!important}
  .faq-toggle img{display:none!important}
  .faq-toggle::after{content:""!important;width:7px!important;height:7px!important;border-right:1.5px solid #eaf3f5!important;border-bottom:1.5px solid #eaf3f5!important;transform:rotate(45deg)!important;margin-top:-4px!important}
  .faq-list details[open] .faq-toggle::after{transform:rotate(225deg)!important;margin-top:4px!important}
  .contact-section{height:auto!important;min-height:0!important}
  .contact-photo{background-image:linear-gradient(90deg,rgba(4,12,18,.6),rgba(4,12,18,.36)),linear-gradient(0deg,rgba(3,11,16,.35),transparent 72%),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center 66%!important;background-size:cover!important}
}
@media(max-width:390px){
  :root{--pad:15px}
  .hero-photo-wrap{height:238px!important}
  .hero h1{font-size:34px!important}
  .service-grid{grid-auto-rows:148px!important}
  .service-copy h3{font-size:14px!important}
  .service-copy p{font-size:10px!important}
}
@media(max-width:340px){
  .service-grid{grid-auto-rows:auto!important}
  .service-card{min-height:228px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:118px auto!important}
  .service-card>img{width:100%!important;height:118px!important;position:relative!important;grid-row:1!important}
  .service-shade{inset:64px 0 auto!important;height:54px!important;background:linear-gradient(0deg,rgba(7,18,27,.88),transparent)!important}
  .service-copy,.service-wide .service-copy{position:relative!important;inset:auto!important;grid-row:2!important;padding:10px 12px!important;background:#08151ef5!important}
  .service-copy p{font-size:11px!important}
}

/* Keep the compact hero controls legible on small phones after the general mobile scale rules. */
@media(max-width:760px){
  .hero-actions .button{min-height:52px!important;border-radius:999px!important;font-size:clamp(10px,3.15vw,13px)!important;padding-inline:10px!important}
  .hero-actions .button-art{width:19px!important;height:19px!important}
  .hero-copy>.response-note{margin-top:6px!important;font-size:11px!important}
}
.hero-proof .proof-icon{display:block!important;width:32px!important;height:32px!important;flex:none!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;fill:none!important;stroke:#18cbed!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 2px rgba(0,194,235,.38))!important}
@media(max-width:760px){.hero-proof .proof-icon{width:25px!important;height:25px!important}}
/* Last-pass hero alignment and glyph weight. */
@media(min-width:761px){
  .hero-copy>.response-note{font-size:16px!important;max-width:278px!important;white-space:nowrap!important}
  .hero-actions .button .phone-art{width:24px!important;height:24px!important;fill:currentColor!important;stroke:none!important}
  .hero-actions .button .telegram-art{width:22px!important;height:22px!important;fill:currentColor!important;stroke:none!important}
  .hero-actions .button .telegram-art .telegram-fold{fill:none!important;stroke:currentColor!important;stroke-width:1.1!important;stroke-linecap:round!important}
}
@media(max-width:760px){
  .hero-copy>.response-note{font-size:12px!important}
  .hero-actions .button .phone-art{width:21px!important;height:21px!important;fill:currentColor!important;stroke:none!important}
  .hero-actions .button .telegram-art{width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important}
  .hero-actions .button .telegram-art .telegram-fold{fill:none!important;stroke:currentColor!important;stroke-width:1.1!important;stroke-linecap:round!important}
}
/* Fill the reference-sized controls without wasting their interior space. */
@media(min-width:1001px){
  .hero-actions .button{padding-inline:16px!important}
  .hero-copy>.response-note{font-size:15.3px!important;max-width:278px!important}
  .hero-actions .button .telegram-art{width:24px!important;height:24px!important}
}
@media(min-width:761px) and (max-width:1000px){
  .hero-proof{width:min(96vw,840px)!important;grid-template-columns:.94fr .94fr 1.4fr 1.25fr!important;gap:8px!important;margin:38px 0 12px!important}
  .hero-proof>span{min-height:68px!important;padding:8px 9px!important;gap:7px!important}
  .hero-proof>span>span{font-size:12px!important}
  .hero-proof>span small{font-size:11px!important}
  .hero-proof .proof-icon{width:26px!important;height:26px!important}
  .hero-actions{gap:12px!important}
  .hero-actions .button{min-height:52px!important;padding-inline:14px!important;font-size:13px!important}
  .hero-actions .button-primary{min-width:220px!important}
  .hero-actions .button-outline{min-width:244px!important}
  .hero-copy>.response-note{margin-top:5px!important;font-size:13px!important;max-width:220px!important}
  .hero-actions .button .phone-art{width:22px!important;height:22px!important}
  .hero-actions .button .telegram-art{width:21px!important;height:21px!important}
}
/* Tighten the proof capsules to the reference rhythm and keep each label centered in its useful area. */
@media(min-width:1001px){
  .hero-proof>span{min-height:70px!important;padding:7px 10px!important;gap:9px!important}
}
@media(min-width:761px) and (max-width:1000px){
  .hero-proof>span{min-height:64px!important;padding:6px 8px!important;gap:6px!important}
  .hero-proof>span>span{font-size:12px!important;line-height:1.12!important}
  .hero-proof>span small{font-size:10px!important}
}
.hero-actions .telegram-art .telegram-fold{fill:none!important;stroke:#063340!important;stroke-width:1.05!important;stroke-linecap:round!important;opacity:.9!important}
/* Proof chips size to their copy on wide screens; collapse before the labels get squeezed. */
@media(min-width:1001px){
  .hero-proof{grid-template-columns:max-content max-content max-content max-content!important;justify-content:space-between!important}
  .hero-proof>span{width:max-content!important;max-width:100%!important}
  .hero-proof>span>span{white-space:nowrap!important}
}
@media(min-width:761px) and (max-width:1000px){
  .hero-proof{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(64px,auto)!important;width:min(96vw,840px)!important;gap:8px!important}
  .hero-proof>span{width:100%!important;min-width:0!important;max-width:none!important}
  .hero-proof>span>span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
@media(max-width:760px){
  .hero-proof{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-proof>span{min-width:0!important;width:100%!important}
  .hero-proof>span>span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
/* Keep the four proof chips as one compact visual group on desktop. */
@media(min-width:1001px){
  .hero-proof{width:max-content!important;max-width:min(78vw,1115px)!important;justify-content:start!important;column-gap:12px!important}
  .hero-proof>span{width:max-content!important;max-width:100%!important}
}
/* Tablet: retain the two-row rhythm, but let each chip keep its own natural width. */
@media(min-width:761px) and (max-width:1000px){
  .hero-proof{width:max-content!important;max-width:100%!important;grid-template-columns:max-content max-content!important;justify-content:start!important;align-items:center!important;column-gap:10px!important;row-gap:8px!important}
  .hero-proof>span{width:max-content!important;max-width:100%!important;justify-self:start!important;padding:6px 9px!important}
}

/* Keep the proof row visually grouped at every desktop width. A grid with
   fractional tracks was spreading short labels across the whole hero. */
@media(min-width:761px){
  .hero-proof{display:flex!important;flex-flow:row wrap!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:fit-content!important;max-width:100%!important}
  .hero-proof>span{flex:0 1 auto!important;width:max-content!important;min-width:0!important;max-width:100%!important;justify-content:flex-start!important}
  .hero-proof>span>span{min-width:0!important;white-space:normal!important;overflow-wrap:normal!important}
}
@media(min-width:1001px){
  .hero-proof{flex-wrap:nowrap!important;gap:12px!important}
}
@media(min-width:761px) and (max-width:1000px){
  .hero-proof{max-width:min(96vw,840px)!important;column-gap:10px!important;row-gap:8px!important}
  .hero-proof>span{min-height:64px!important;padding:6px 9px!important}
}
@media(min-width:761px) and (max-width:900px){
  .benefit-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important;padding:12px 28px!important}
  .benefit{min-height:72px!important;padding:10px 18px!important;border-bottom:1px solid rgba(168,200,211,.18)!important}
  .benefit:nth-child(2){border-right:0!important}
  .benefit:nth-child(3),.benefit:nth-child(4){border-bottom:0!important}
  .benefit strong{font-size:14px!important;white-space:nowrap!important}
  .benefit small{font-size:10px!important;line-height:1.25!important}
}

/* A live phosphor trace aligned to the photographed oscilloscope screen. */
.scope-live-screen{position:absolute!important;z-index:3!important;display:block!important;pointer-events:none!important;overflow:hidden!important;max-width:min(28vw,480px)!important;max-height:min(20vw,340px)!important;transform:none!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))!important}
.scope-live-screen[hidden]{display:none!important}
.scope-grid-lines{fill:none;stroke:#65a75b;stroke-width:.6;stroke-opacity:.2}
.scope-trace-persist{fill:none;stroke:#c4b643;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.scope-trace-active{fill:none;stroke:#fff47a;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:92 508;stroke-dashoffset:0;opacity:.96;animation:scope-sweep 1.45s linear infinite}
@keyframes scope-sweep{to{stroke-dashoffset:-600}}
@media(max-width:760px){.scope-live-screen{display:none!important}}
@media(prefers-reduced-motion:reduce){.scope-trace-active{animation:none;stroke-dasharray:none;opacity:.72}}

/* Crisp gold line art for the terms strip, scaled to sit beside its headlines. */
.benefit-symbol{display:block!important;width:62px!important;height:62px!important;flex:0 0 62px!important;overflow:visible!important;object-fit:contain!important;fill:none!important;stroke:#f6bd59!important;stroke-width:2.05!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 1px rgba(255,193,82,.82)) drop-shadow(0 0 5px rgba(255,170,48,.38))!important}
.benefit-symbol circle,.benefit-symbol ellipse{vector-effect:non-scaling-stroke}
@media(min-width:901px) and (max-width:1100px){.benefit-symbol{width:46px!important;height:46px!important;flex-basis:46px!important}}
@media(min-width:761px) and (max-width:900px){.benefit-symbol{width:50px!important;height:50px!important;flex-basis:50px!important}}
@media(max-width:760px){.benefit-symbol{width:38px!important;height:38px!important;flex-basis:38px!important;stroke-width:2.1!important}}
@media(max-width:380px){.benefit-symbol{width:34px!important;height:34px!important;flex-basis:34px!important}}

/* Edge light on the benefits strip, matching the cyan-to-smoke reference rule. */
.benefit-bar{position:relative!important;isolation:isolate!important;border-top-color:transparent!important;border-bottom-color:transparent!important}
.benefit-bar::before,.benefit-bar::after{content:""!important;position:absolute!important;left:0!important;right:auto!important;width:min(58%,820px)!important;height:1px!important;z-index:4!important;pointer-events:none!important;filter:none!important}
.benefit-bar::before{top:0!important;background:linear-gradient(90deg,#24d8f4 0%,rgba(65,198,220,.86) 18%,rgba(147,177,187,.46) 58%,rgba(152,179,188,0) 100%)!important;box-shadow:0 0 3px rgba(39,202,230,.25)!important}
.benefit-bar::after{bottom:0!important;background:linear-gradient(90deg,rgba(190,205,210,.34) 0%,rgba(157,179,187,.22) 43%,rgba(157,179,187,0) 100%)!important}
@media(max-width:760px){.benefit-bar::before,.benefit-bar::after{width:76%!important}}

/* Keep the bridge panorama in the open header area and let the service imagery read on a calm dark field. */
@media(min-width:761px){
  .city-bridge-flow{background-position:72% 150%!important}
  .city-bridge-flow .services{background-image:linear-gradient(180deg,rgba(4,13,20,.02) 0%,rgba(4,13,20,.08) 24%,rgba(4,13,20,.57) 46%,rgba(4,13,20,.90) 100%),linear-gradient(90deg,rgba(4,13,20,.26) 0%,rgba(4,13,20,.12) 66%,rgba(4,13,20,.30) 100%)!important;background-color:transparent!important}
}
@media(min-width:1101px){.city-bridge-flow{background-size:118% auto!important}}
@media(min-width:761px) and (max-width:1100px){.city-bridge-flow{background-size:auto 118%!important}}
@media(max-width:760px){
  .services{background-image:linear-gradient(180deg,rgba(4,13,20,.30) 0%,rgba(4,13,20,.63) 44%,rgba(4,13,20,.92) 100%),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center,72% 145%!important;background-size:auto 125%!important}
}
@media(min-width:1601px){.city-bridge-flow{background-position:72% 100%!important}}
.services .section-top>.services-all-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:104px!important;min-height:34px!important;padding:0 10px!important;border:1px solid rgba(46,211,238,.68)!important;border-radius:999px!important;background:linear-gradient(110deg,rgba(4,22,31,.78),rgba(8,33,43,.68))!important;color:#eefbff!important;font-size:12px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:inset 0 0 0 1px rgba(118,229,245,.06),0 3px 10px rgba(0,0,0,.18)!important;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s!important}
.services .section-top>.services-all-link:hover{transform:translateY(-2px)!important;border-color:#55e4f8!important;background:linear-gradient(110deg,rgba(5,50,65,.94),rgba(8,42,54,.92))!important;box-shadow:inset 0 0 0 1px rgba(118,229,245,.18),0 0 22px rgba(35,208,237,.18)!important}
.services-arrow{color:#30d9f1!important;font-size:17px!important;font-weight:450!important;line-height:.8!important;transition:transform .2s!important}
.services-all-link:hover .services-arrow{transform:translateX(4px)!important}
@media(max-width:760px){.services .section-top{display:flex!important;flex-wrap:wrap!important;gap:13px!important}.services .section-top>div{flex:1 0 100%!important}.services .section-top>.services-all-link{min-width:104px!important;min-height:34px!important;margin-left:auto!important;padding:0 10px!important;font-size:12px!important}.services-arrow{font-size:17px!important}}

/* Match the reviews CTA to the compact “Все услуги” pill. */
.reviews .reviews-heading .reviews-all{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:104px!important;min-height:34px!important;margin:0 0 3px!important;padding:0 10px!important;border:1px solid rgba(46,211,238,.68)!important;border-radius:999px!important;background:linear-gradient(110deg,rgba(4,22,31,.78),rgba(8,33,43,.68))!important;color:#eefbff!important;font-size:12px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:inset 0 0 0 1px rgba(118,229,245,.06),0 3px 10px rgba(0,0,0,.18)!important;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s!important}
.reviews .reviews-heading .reviews-all:hover{transform:translateY(-2px)!important;border-color:#55e4f8!important;background:linear-gradient(110deg,rgba(5,50,65,.94),rgba(8,42,54,.92))!important;box-shadow:inset 0 0 0 1px rgba(118,229,245,.18),0 0 22px rgba(35,208,237,.18)!important}
.reviews .reviews-heading .reviews-all>span{color:#30d9f1!important;font-size:17px!important;font-weight:450!important;line-height:.8!important;transition:transform .2s!important}
.reviews .reviews-heading .reviews-all:hover>span{transform:translateX(4px)!important}
@media(max-width:760px){.reviews .reviews-heading .reviews-all{min-width:104px!important;min-height:34px!important;margin:0!important;font-size:12px!important}}

/* Clearly marked chat mockups until authentic customer screenshots are supplied. */
.reviews{height:auto!important;min-height:333px!important}
.reviews .proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important}
.reviews .chat-review{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:210px!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(72,127,143,.4)!important;border-radius:12px!important;background:#0d1b21!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;color:#eef6f5!important}
.reviews .chat-review-wa{background-color:#10221f!important;background-image:radial-gradient(rgba(137,181,145,.07) .7px,transparent .7px)!important;background-size:13px 13px!important}
.reviews .chat-review-tg{background-color:#10212d!important;background-image:radial-gradient(rgba(91,164,197,.08) .7px,transparent .7px)!important;background-size:13px 13px!important}
.reviews .chat-top{display:flex!important;align-items:center!important;gap:9px!important;min-height:54px!important;padding:9px 12px!important;background:rgba(8,23,29,.96)!important;border-bottom:1px solid rgba(126,177,186,.16)!important}
.reviews .chat-back{font-size:25px!important;line-height:1!important;color:#68d4e8!important}
.reviews .chat-avatar{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;flex:none!important;border-radius:50%!important;background:linear-gradient(145deg,#1c7284,#17485b)!important;color:#e9fbff!important;font-size:14px!important;font-weight:700!important}
.reviews .chat-contact{display:grid!important;gap:2px!important;min-width:0!important;line-height:1.1!important}
.reviews .chat-contact b{font-size:12px!important;color:#f1f7f7!important}
.reviews .chat-contact small{font-size:9px!important;color:#94aeb0!important}
.reviews .chat-demo{margin-left:auto!important;align-self:flex-start!important;padding:4px 6px!important;border:1px solid rgba(71,217,239,.5)!important;border-radius:4px!important;color:#63dff1!important;font-size:8px!important;font-weight:800!important;letter-spacing:.09em!important}
.reviews .chat-messages{display:flex!important;flex:1!important;flex-direction:column!important;justify-content:center!important;gap:9px!important;padding:12px 13px!important;background-image:linear-gradient(180deg,rgba(3,11,16,.16),rgba(3,11,16,.3))!important}
.reviews .chat-bubble{position:relative!important;max-width:94%!important;padding:8px 10px!important;border:1px solid rgba(160,197,191,.09)!important;border-radius:10px!important;color:#edf5f2!important;font-size:12px!important;line-height:1.36!important;box-shadow:0 2px 5px rgba(0,0,0,.12)!important}
.reviews .chat-in{align-self:flex-start!important;background:#1c302e!important;border-top-left-radius:3px!important}
.reviews .chat-out{align-self:flex-end!important;background:#12473f!important;border-top-right-radius:3px!important}
.reviews .chat-bubble time{display:block!important;margin-top:4px!important;text-align:right!important;color:#a8c4bb!important;font-size:8px!important;line-height:1!important}
.reviews .chat-bubble time i{font-style:normal!important;color:#6bdce9!important}
.reviews .chat-day{align-self:center!important;padding:3px 8px!important;border-radius:8px!important;background:rgba(0,0,0,.24)!important;color:#a9c5cf!important;font-size:8px!important;letter-spacing:.08em!important}
.reviews .chat-compose{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:34px!important;margin:0 9px 9px!important;padding:0 11px!important;border:1px solid rgba(165,199,198,.17)!important;border-radius:18px!important;background:rgba(4,13,18,.72)!important;color:#789194!important;font-size:9px!important}
.reviews .chat-compose b{color:#5ed9eb!important;font-size:13px!important}
@media(max-width:760px){.reviews .proof-grid{grid-template-columns:1fr!important;gap:10px!important}.reviews .chat-review{min-height:170px!important}.reviews .chat-messages{padding:9px 13px!important}.reviews .chat-bubble{font-size:11px!important}}
/* More faithful app chrome for the temporary, explicitly labelled chat examples. */
.reviews .chat-review{min-height:224px!important;background:#0b141a!important;font-family:Arial,Helvetica,sans-serif!important}
.reviews .chat-review-wa{background-color:#0b141a!important;background-image:radial-gradient(rgba(128,151,153,.07) .65px,transparent .65px)!important}
.reviews .chat-review-tg{background-color:#17212b!important;background-image:radial-gradient(rgba(128,151,153,.065) .65px,transparent .65px)!important}
.reviews .chat-status{display:flex!important;justify-content:space-between!important;align-items:center!important;height:19px!important;flex:none!important;padding:0 10px!important;background:#111b21!important;color:#eaf0f2!important;font-size:9px!important;font-weight:700!important;letter-spacing:.01em!important}
.reviews .chat-review-tg .chat-status,.reviews .chat-review-tg .chat-top{background:#17212b!important}
.reviews .chat-top{min-height:48px!important;padding:6px 10px!important;gap:7px!important;background:#202c33!important;border:0!important}
.reviews .chat-review-tg .chat-top{background:#17212b!important}
.reviews .chat-back{font-size:25px!important;color:#d7e0e4!important;margin-right:1px!important}
.reviews .chat-avatar{width:30px!important;height:30px!important;background:#456b78!important;font-size:13px!important}
.reviews .chat-contact{flex:1!important}
.reviews .chat-contact b{font-size:12px!important;font-weight:600!important}
.reviews .chat-contact small{font-size:9px!important;color:#9eafb5!important}
.reviews .chat-action{flex:none!important;color:#d2dde1!important;font-size:15px!important;line-height:1!important}
.reviews .chat-demo{position:absolute!important;right:8px!important;top:4px!important;z-index:3!important;padding:2px 4px!important;border:1px solid #38d3e8!important;background:#07151beF!important;color:#68e7f6!important;font-size:7px!important;letter-spacing:.08em!important}
.reviews .chat-messages{gap:7px!important;padding:7px 11px!important;background-color:#0b141a!important;background-image:radial-gradient(rgba(155,173,173,.06) .65px,transparent .65px)!important;background-size:14px 14px!important}
.reviews .chat-review-tg .chat-messages{background-color:#0e1821!important}
.reviews .chat-lock{align-self:center!important;max-width:92%!important;padding:4px 8px!important;border-radius:6px!important;background:#182229!important;color:#d2c18e!important;text-align:center!important;font-size:8px!important;line-height:1.25!important}
.reviews .chat-day{padding:3px 8px!important;background:#202c33!important;color:#cbd6da!important;font-size:8px!important;letter-spacing:0!important}
.reviews .chat-bubble{max-width:86%!important;padding:7px 9px 6px!important;border:0!important;border-radius:8px!important;font-size:11px!important;line-height:1.35!important;color:#e9edef!important}
.reviews .chat-in{background:#202c33!important;border-top-left-radius:2px!important}
.reviews .chat-out{background:#005c4b!important;border-top-right-radius:2px!important}
.reviews .chat-review-tg .chat-in{background:#182533!important}
.reviews .chat-review-tg .chat-out{background:#2b5278!important}
.reviews .chat-bubble time{margin-top:3px!important;color:#aab8bd!important;font-size:8px!important}
.reviews .chat-compose{justify-content:flex-start!important;gap:9px!important;min-height:31px!important;margin:0 8px 7px!important;padding:0 9px!important;border:0!important;border-radius:18px!important;background:#202c33!important;color:#aebbc0!important;font-size:12px!important}
.reviews .chat-placeholder{flex:1!important;font-size:9px!important}
.reviews .chat-compose b{display:grid!important;place-items:center!important;width:21px!important;height:21px!important;margin-left:auto!important;border-radius:50%!important;background:#00a884!important;color:#10201d!important;font-size:11px!important}
.reviews .chat-review-tg .chat-compose{background:#17212b!important}
.reviews .chat-review-tg .chat-compose b{background:#3390ec!important;color:white!important}
@media(max-width:760px){.reviews .chat-review{min-height:200px!important}.reviews .chat-status{height:18px!important}.reviews .chat-messages{padding:7px 11px!important}}
/* Real customer message screenshots, permanently anonymized before being served. */
.reviews .reviews-gallery{display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 14px!important;scroll-snap-type:x mandatory!important;scrollbar-width:thin!important;scrollbar-color:rgba(45,207,231,.5) rgba(7,18,27,.55)!important;-webkit-overflow-scrolling:touch!important}
.reviews .review-shot{flex:0 0 clamp(210px,17vw,230px)!important;width:clamp(210px,17vw,230px)!important;aspect-ratio:590/1280!important;margin:0!important;overflow:hidden!important;scroll-snap-align:start!important;border:1px solid rgba(70,158,177,.4)!important;border-radius:13px!important;background:#10181d!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important}
.reviews .review-shot img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important}
.reviews .reviews-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important}
.reviews .reviews-heading .reviews-all{flex:none!important}
.reviews .reviews-actions{display:flex!important;align-items:center!important;gap:12px!important;flex:none!important}
.reviews .reviews-autoplay-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(46,211,238,.62)!important;border-radius:50%!important;background:rgba(4,22,31,.84)!important;color:#55d9ed!important;font:700 14px/1 Arial,sans-serif!important;cursor:pointer!important;transition:background .2s,border-color .2s,box-shadow .2s!important}
.reviews .reviews-autoplay-toggle:hover,.reviews .reviews-autoplay-toggle:focus-visible{border-color:#55e4f8!important;background:rgba(5,50,65,.94)!important;box-shadow:0 0 18px rgba(35,208,237,.2)!important}
.reviews .reviews-autoplay-toggle[hidden]{display:none!important}
.reviews .reviews-gallery.reviews-is-moving{scroll-snap-type:none!important;scroll-behavior:auto!important;scrollbar-width:none!important}
.reviews .reviews-gallery.reviews-is-moving::-webkit-scrollbar{display:none!important}
@media(max-width:760px){.reviews .reviews-gallery{gap:10px!important;margin-right:calc(var(--pad)*-1)!important;padding-right:var(--pad)!important}.reviews .review-shot{flex-basis:min(62vw,220px)!important;width:min(62vw,220px)!important}.reviews .reviews-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important}.reviews .reviews-heading>div{grid-column:auto!important}}

/* Keep the bridge panorama behind the service heading only; let the cards sit on a clean dark field. */
.city-bridge-flow{background:#07131d!important}
.city-bridge-flow::before{background:linear-gradient(180deg,rgba(3,10,16,.24),rgba(3,10,16,.42))!important}
.city-bridge-flow .benefit-bar{background:linear-gradient(180deg,rgba(5,17,26,.96),rgba(5,17,26,.98))!important}
.services{position:relative!important;isolation:isolate!important;background-color:#07131d!important;background-image:none!important}
.services::before{content:""!important;position:absolute!important;z-index:-1!important;inset:0 0 auto!important;height:300px!important;pointer-events:none!important;transform:none!important;width:100%!important;background-image:linear-gradient(90deg,rgba(4,13,20,.18) 0%,rgba(4,13,20,.08) 55%,rgba(4,13,20,.42) 100%),linear-gradient(180deg,rgba(4,13,20,0) 0%,rgba(4,13,20,.04) 48%,rgba(4,13,20,.72) 76%,#07131d 100%),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-repeat:no-repeat!important;background-position:center top,center top,center 76%!important;background-size:auto,auto,cover!important}
@media(max-width:760px){
  .city-bridge-flow{background:#07131d!important}
  .city-bridge-flow::before{background:none!important}
  .city-bridge-flow .benefit-bar{background:#07131d!important}
  .services::before{height:245px!important;background-image:linear-gradient(90deg,rgba(4,13,20,.18),rgba(4,13,20,.38)),linear-gradient(180deg,rgba(4,13,20,.06) 0%,rgba(4,13,20,.14) 38%,rgba(4,13,20,.82) 72%,#07131d 100%),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center top,center top,center 76%!important;background-size:auto,auto,cover!important}
}
.city-bridge-flow .benefit-bar{background-color:#07131d!important;background-image:linear-gradient(0deg,rgba(4,13,20,.54),rgba(4,13,20,.48)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-repeat:no-repeat!important;background-position:center,center 76%!important;background-size:cover,cover!important}

/* One continuous city image spans the benefits strip and service heading. */
.city-bridge-flow{background:#07131d url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp') center center/cover no-repeat!important}
.city-bridge-flow::before{background:linear-gradient(90deg,rgba(3,12,19,.28),rgba(3,12,19,.08) 70%),linear-gradient(0deg,rgba(3,10,16,.26),rgba(3,10,16,.04) 44%)!important}
.city-bridge-flow .benefit-bar{background:linear-gradient(0deg,rgba(4,13,20,.48),rgba(4,13,20,.48))!important}
.city-bridge-flow .services{position:relative!important;isolation:isolate!important;background:transparent!important}
.city-bridge-flow .services::before{content:""!important;position:absolute!important;z-index:0!important;inset:0 0 auto!important;width:100%!important;height:270px!important;transform:none!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(7,19,29,0) 0%,rgba(7,19,29,.08) 48%,rgba(7,19,29,.70) 78%,#07131d 100%)!important}
.city-bridge-flow .services::after{content:""!important;position:absolute!important;z-index:0!important;inset:270px 0 0!important;background:#07131d!important;pointer-events:none!important}
.city-bridge-flow .services>*{position:relative!important;z-index:1!important}
@media(max-width:760px){
  .city-bridge-flow{background-position:center center!important}
  .city-bridge-flow .services::before{height:245px!important;background:linear-gradient(180deg,rgba(7,19,29,0) 0%,rgba(7,19,29,.10) 38%,rgba(7,19,29,.82) 72%,#07131d 100%)!important}
  .city-bridge-flow .services::after{inset:245px 0 0!important}
}
/* Use one unbroken image coordinate system across both sections; fade only below the service heading. */
.city-bridge-flow{background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important}
.city-bridge-flow::before{background:linear-gradient(90deg,rgba(3,12,19,.28),rgba(3,12,19,.08) 70%),linear-gradient(0deg,rgba(3,10,16,.22),rgba(3,10,16,.04) 48%)!important}
.city-bridge-flow .benefit-bar{background:transparent!important}
.city-bridge-flow .services::before{background:linear-gradient(180deg,rgba(7,19,29,0) 0%,rgba(7,19,29,.08) 46%,rgba(7,19,29,.70) 78%,#07131d 100%)!important}
@media(max-width:760px){.city-bridge-flow{background-size:100% auto!important;background-position:center top!important}.city-bridge-flow .services::before{height:245px!important;background:linear-gradient(180deg,rgba(7,19,29,0) 0%,rgba(7,19,29,.10) 38%,rgba(7,19,29,.82) 72%,#07131d 100%)!important}}
@media(min-width:761px){.city-bridge-flow{background-position:center calc(0% - 224px)!important}}
@media(max-width:760px){.city-bridge-flow{background-size:120% auto!important;background-position:center calc(0% - 72px)!important}}
/* Close, sharp technician portrait with natural workshop bokeh and subtle section rules. */
.master-section{border-top:1px solid rgba(134,190,205,.1)!important;border-bottom:1px solid rgba(134,190,205,.1)!important}
.master-image:before{display:none!important}
.master-image img{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 54%!important;transform:scale(1.35)!important;transform-origin:center 54%!important;filter:none!important}
.master-image-shade{background:linear-gradient(90deg,rgba(3,10,16,.12),transparent 66%)!important}
@media(max-width:760px){.master-image img{object-position:62% 12%!important;transform-origin:center 12%!important}.master-image-shade{background:linear-gradient(0deg,rgba(3,10,16,.1),transparent 28%)!important}}
/* Refine the master feature row: consistent icon rings and readable, non-overlapping copy. */
@media(min-width:761px){
  .master-points{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,1.7vw,24px)!important;transform:none!important;margin-top:10px!important}
  .master-points article{min-width:0!important;transform:none!important}
  .master-points article>div{min-width:0!important}
  .master-point-icon{display:block!important;width:66px!important;height:66px!important;padding:10px!important;margin:0 0 12px!important;border:1px solid rgba(18,199,231,.82)!important;border-radius:50%!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(0,201,236,.35))!important}
  .master-points h3{font-size:16px!important;line-height:1.2!important;letter-spacing:-.02em!important;margin:0 0 5px!important}
  .master-points p{font-size:13px!important;line-height:1.4!important;overflow-wrap:break-word!important}
}
@media(max-width:760px){
  .master-points{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:0!important}
  .master-points article{min-width:0!important;transform:none!important}
  .master-points article>div{min-width:0!important}
  .master-point-icon{display:block!important;width:50px!important;height:50px!important;padding:8px!important;margin:0 0 9px!important;border:1px solid rgba(18,199,231,.82)!important;border-radius:50%!important;object-fit:contain!important;filter:drop-shadow(0 0 6px rgba(0,201,236,.35))!important}
  .master-points h3{font-size:11px!important;line-height:1.2!important;letter-spacing:-.01em!important;margin:0 0 4px!important}
  .master-points p{font-size:9.5px!important;line-height:1.38!important;overflow-wrap:anywhere!important}
}
/* Keep the three promises evenly grouped and legible over the portrait. */
.master-image-shade{background:linear-gradient(90deg,rgba(3,10,16,.52) 0%,rgba(3,10,16,.34) 38%,rgba(3,10,16,.10) 69%,transparent 100%)!important}
.master-points{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(12px,1.5vw,20px)!important}
.master-points article{min-width:0!important}
.master-points article>div{min-width:0!important}
.master-points h3,.master-points p{ text-shadow:0 1px 3px rgba(0,0,0,.94),0 0 9px rgba(0,0,0,.55)!important}
@media(min-width:761px){
  .master-points{width:calc(100% + 20px)!important;transform:translateX(-20px)!important}
  .master-points article{transform:none!important}
  .master-points h3{font-size:15px!important;line-height:1.18!important;margin-bottom:4px!important}
  .master-points p{font-size:11.5px!important;line-height:1.34!important}
}
@media(max-width:760px){
  .master-image-shade{background:linear-gradient(180deg,rgba(3,10,16,.04),rgba(3,10,16,.18) 58%,rgba(3,10,16,.52))!important}
  .master-points{transform:none!important}
  .master-points h3{font-size:10.5px!important}
  .master-points p{font-size:9px!important;line-height:1.34!important}
}
@media(min-width:761px){
  .master-points article:nth-child(2),.master-points article:nth-child(3){transform:none!important}
  .master-points{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:22px!important}
  .master-points h3{font-size:17px!important;line-height:1.2!important;margin-bottom:6px!important}
  .master-points p{max-width:245px!important;font-size:13.5px!important;line-height:1.36!important}
}
@media(max-width:760px){
  .master-points article:nth-child(2),.master-points article:nth-child(3){transform:none!important}
  .master-points p{max-width:100%!important}
}
/* Process section: crisp section rules, an inset text rhythm, and the hero's Telegram mark. */
.process{border-top:1px solid rgba(134,190,205,.16)!important;border-bottom:1px solid rgba(134,190,205,.16)!important}
.process-contact{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}
.process-contact .telegram-art{display:block!important;width:19px!important;height:19px!important;flex:none!important;fill:currentColor!important}
.process-contact .telegram-art .telegram-fold{fill:none!important;stroke:currentColor!important;stroke-width:1.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.process-contact::after{content:"→";margin-left:4px;color:var(--cyan);font-size:1.1em}
.process-photo img{width:100%!important;height:100%!important;object-fit:cover!important;filter:brightness(.9) saturate(.86)!important}
@media(min-width:761px){
  .process-step{padding:12px!important;grid-template-columns:36% minmax(0,1fr)!important;grid-template-rows:44px 1fr!important;column-gap:16px!important;align-items:start!important}
  .process-photo{height:132px!important;grid-column:1!important;grid-row:1/3!important}
  .process-step h3{grid-column:2!important;grid-row:1!important;align-self:start!important;min-height:44px!important;margin:0 0 6px!important;padding-top:2px!important}
  .process-step p{grid-column:2!important;grid-row:2!important;align-self:start!important;margin:0!important}
  .process-photo img{object-position:center 52%!important}
  .process-step:nth-child(3) .process-photo img{object-position:center 62%!important}
}
/* Process section refresh: authentic repair photography, a calm blue grade, and vertically centered copy. */
.process{background-image:linear-gradient(90deg,rgba(3,12,20,.88) 0%,rgba(3,12,20,.78) 52%,rgba(3,12,20,.72) 100%),url('assets/process-photos/process-background.jpg')!important;background-position:center 58%!important;background-size:cover!important}
.process-contact{color:#eafaff!important}
.process-contact .telegram-art{fill:#2cc9e8!important}
.process-contact .telegram-fold{stroke:#eafaff!important}
.process-photo{position:relative!important;isolation:isolate!important}
.process-photo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(145deg,rgba(10,97,129,.18),rgba(2,13,23,.4))!important}
.process-photo img{filter:brightness(.78) saturate(.78) contrast(1.04)!important}
.process-photo span{z-index:2!important}
@media(min-width:761px){
  .process-step{padding:14px!important;grid-template-columns:36% minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:start!important;column-gap:16px!important;row-gap:6px!important}
  .process-photo{height:132px!important;grid-column:1!important;grid-row:1/3!important}
  .process-step h3{grid-column:2!important;grid-row:1!important;align-self:end!important;min-height:0!important;margin:0!important;padding:0!important}
  .process-step p{grid-column:2!important;grid-row:2!important;align-self:start!important;margin:0!important}
}
@media(max-width:760px){
  .process{background-position:center 54%!important}
  .process-step{padding:10px!important}
}

@media(min-width:761px){.process-step:first-child .process-photo img{object-position:36% center!important}}
@media(max-width:760px){.process-step:first-child .process-photo img{object-position:36% center!important}}

/* Let FAQ answers expand the section naturally, and carry the subtle section rules through it. */
.faq{position:relative!important;isolation:isolate!important;height:auto!important;min-height:214px!important;overflow:visible!important}
.faq::before,.faq::after{content:""!important;position:absolute!important;left:0!important;right:auto!important;width:min(58%,820px)!important;height:1px!important;z-index:4!important;pointer-events:none!important;filter:none!important}
.faq::before{top:0!important;background:linear-gradient(90deg,#24d8f4 0%,rgba(65,198,220,.82) 18%,rgba(147,177,187,.42) 58%,rgba(152,179,188,0) 100%)!important;box-shadow:0 0 3px rgba(39,202,230,.2)!important}
.faq::after{bottom:0!important;background:linear-gradient(90deg,rgba(190,205,210,.30) 0%,rgba(157,179,187,.20) 43%,rgba(157,179,187,0) 100%)!important}
.faq-list details p{margin:0!important;padding:0 42px 14px 12px!important;color:#b9c8ce!important;font-size:13px!important;line-height:1.5!important}
.faq-list details[open] summary{padding-bottom:8px!important}
@media(max-width:760px){.faq::before,.faq::after{width:76%!important}.faq{min-height:0!important}.faq-list details p{padding:0 32px 12px 12px!important}}

/* Sharper FAQ workshop photo, shifted slightly left to bring the soldering detail into view. */
.faq{background-image:linear-gradient(90deg,rgba(4,12,18,.52),rgba(4,12,18,.78)),url('assets/faq-board.webp')!important;background-position:center,56% 54%!important;background-size:auto,118% auto!important;background-repeat:no-repeat!important}
@media(max-width:760px){.faq{background-image:linear-gradient(90deg,rgba(4,12,18,.52),rgba(4,12,18,.78)),url('assets/faq-board.webp')!important;background-position:center,56% 54%!important;background-size:auto,cover!important}}

/* Give the small cyan section labels a little more presence. */
.services .section-top .eyebrow,.master-summary .eyebrow,.reviews-heading .eyebrow,.process-head .eyebrow,.faq-heading .eyebrow,.contact-copy .eyebrow{font-size:10px!important}

/* Reuse the hero's crisp inline phone and Telegram marks in the contact card. */
.contact-card .phone-art{display:block!important;width:22px!important;height:22px!important;flex:none!important;fill:currentColor!important;stroke:none!important;color:#35cde5!important}
.contact-card .telegram-art{display:block!important;width:22px!important;height:22px!important;flex:none!important;fill:currentColor!important;stroke:none!important}
.contact-card .telegram-art .telegram-fold{fill:none!important;stroke:currentColor!important;stroke-width:1.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-width:760px){.contact-card .phone-art{width:21px!important;height:21px!important}.contact-card .telegram-art{width:20px!important;height:20px!important}}
.contact-card .button{border-radius:999px!important}

/* Infinite review carousel: active proof centered, adjacent chats scaled down. */
.reviews{height:auto!important;min-height:0!important;overflow:visible!important}
.reviews .reviews-gallery.reviews-is-carousel{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;height:auto!important;min-height:0!important;margin:0!important;padding:36px 0 48px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:none!important;scroll-behavior:auto!important;scrollbar-width:none!important;scrollbar-color:transparent transparent!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}
.reviews .reviews-gallery.reviews-is-carousel::-webkit-scrollbar{display:none!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot{flex:0 0 clamp(204px,16vw,224px)!important;width:clamp(204px,16vw,224px)!important;aspect-ratio:590/1280!important;scroll-snap-align:none!important;transform:scale(.62)!important;transform-origin:center center!important;opacity:.42!important;filter:saturate(.72)!important;transition:transform .68s cubic-bezier(.2,.72,.2,1),opacity .55s ease,filter .55s ease,box-shadow .55s ease!important;will-change:transform!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot.is-side{transform:scale(.72)!important;opacity:.62!important;filter:saturate(.82)!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot.is-near{transform:scale(.84)!important;opacity:.84!important;filter:saturate(.92)!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot.is-active{transform:scale(1.04)!important;opacity:1!important;filter:saturate(1)!important;box-shadow:0 18px 44px rgba(0,0,0,.48),0 0 24px rgba(42,204,229,.12)!important;z-index:2!important}
@media(max-width:760px){.reviews .reviews-gallery.reviews-is-carousel{gap:10px!important;padding:32px 0 42px!important;margin-right:calc(var(--pad)*-1)!important;padding-right:var(--pad)!important}.reviews .reviews-gallery.reviews-is-carousel .review-shot{flex-basis:min(62vw,220px)!important;width:min(62vw,220px)!important}}
@media(prefers-reduced-motion:reduce){.reviews .reviews-gallery.reviews-is-carousel .review-shot{transition:none!important}}

/* Compact landscape crops of the actual thank-you messages, like the reference strip. */
.reviews{background-color:#07131d!important;background-image:linear-gradient(90deg,rgba(4,13,20,.54),rgba(4,13,20,.68)),url('assets/goodwing-pack-v2/backgrounds/steps_diagnostic_board.webp')!important;background-position:center,center 53%!important;background-size:auto,cover!important;background-repeat:no-repeat!important}
.reviews .reviews-gallery.reviews-is-carousel{gap:12px!important;padding:22px 0 28px!important;align-items:center!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot{flex:0 0 clamp(190px,14.5vw,226px)!important;width:clamp(190px,14.5vw,226px)!important;aspect-ratio:1.52/1!important;transform:scale(.82)!important;opacity:.76!important;filter:saturate(.9)!important;border-radius:10px!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot.is-side{transform:scale(.87)!important;opacity:.86!important;filter:saturate(.95)!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot.is-near{transform:scale(.93)!important;opacity:.95!important;filter:saturate(.98)!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot.is-active{transform:scale(1.02)!important;opacity:1!important;filter:saturate(1)!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot img{object-fit:cover!important;object-position:center 100%!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot:nth-child(8n + 4) img{object-position:center 80%!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot:nth-child(8n + 7) img{object-position:center 64%!important}
.reviews .reviews-gallery.reviews-is-carousel .review-shot:nth-child(8n + 8) img{object-position:center 91%!important}
@media(max-width:760px){.reviews{background-position:center,center 53%!important}.reviews .reviews-gallery.reviews-is-carousel{gap:10px!important;padding:18px 0 22px!important}.reviews .reviews-gallery.reviews-is-carousel .review-shot{flex-basis:min(62vw,220px)!important;width:min(62vw,220px)!important}}

/* Phone layout: keep the desktop visual language while tightening every section into the reference's mobile rhythm. */
@media(max-width:760px){
  :root{--pad:19px!important}
  .site-header{position:absolute!important;z-index:30!important;inset:0 0 auto!important;height:56px!important;padding:0 var(--pad)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;justify-content:initial!important;align-items:center!important;gap:9px!important;background:linear-gradient(180deg,rgba(3,11,18,.82),rgba(3,11,18,.12))!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
  .site-header .wordmark{font-size:20px!important;line-height:1!important;white-space:nowrap!important}
  .site-header .wordmark small{display:none!important}
  .site-header .desktop-nav{display:none!important}
  .site-header .header-phone{position:static!important;display:flex!important;min-width:0!important;height:34px!important;padding:0 10px!important;gap:6px!important;border:1px solid #17cde9!important;border-radius:18px!important;background:rgba(3,18,27,.72)!important;color:#f7fbfc!important;font-size:10px!important;white-space:nowrap!important;box-shadow:0 0 12px rgba(0,190,224,.12)!important}
  .site-header .header-phone-art{display:block!important;width:14px!important;height:14px!important;fill:none!important;stroke:#25d2ed!important;stroke-width:2!important}
  .site-header .menu-toggle{display:flex!important;width:34px!important;height:34px!important;min-width:34px!important;padding:8px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;border:1px solid rgba(22,207,235,.8)!important;border-radius:50%!important;background:rgba(3,18,27,.74)!important}
  .site-header .menu-toggle span{display:block!important;width:14px!important;height:1px!important;background:#eafcff!important}
  .mobile-nav{position:absolute!important;top:55px!important;right:var(--pad)!important;z-index:31!important;width:min(245px,calc(100vw - 2 * var(--pad)))!important;padding:9px!important;border:1px solid rgba(41,202,227,.38)!important;border-radius:13px!important;background:rgba(4,16,24,.97)!important;box-shadow:0 18px 40px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px)!important}
  .mobile-nav a{display:block!important;padding:10px 11px!important;font-size:13px!important;border-radius:7px!important}

  .hero{position:relative!important;isolation:isolate!important;display:block!important;height:auto!important;min-height:0!important;padding:72px var(--pad) 16px!important;overflow:hidden!important;background:#06121a!important}
  .hero-photo-wrap{position:absolute!important;z-index:-1!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;overflow:hidden!important;clip-path:none!important;opacity:1!important}
  .hero-photo-picture,.hero-photo-picture img,.hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:45% 18%!important;transform:none!important;filter:brightness(.88) saturate(.95)!important}
  .photo-fade{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(3,11,17,.98) 0%,rgba(3,11,17,.90) 37%,rgba(3,11,17,.48) 67%,rgba(3,11,17,.10) 100%),linear-gradient(0deg,#06121a 0%,rgba(6,18,26,.72) 16%,transparent 55%),linear-gradient(180deg,rgba(3,11,17,.24),transparent 24%)!important}
  .hero-inner{position:relative!important;z-index:1!important;height:auto!important;min-height:0!important;margin:0!important;padding:9px 0 0!important;display:block!important}
  .hero-copy{max-width:78%!important}
  .hero-copy>.eyebrow{margin-bottom:10px!important;font-size:8px!important}
  .hero h1{max-width:100%!important;margin:0 0 10px!important;font-size:clamp(29px,7.6vw,35px)!important;line-height:.99!important;letter-spacing:-.055em!important}
  .hero h1 .mobile-title-break{display:none!important}
  .hero-copy .intro{margin:0 0 8px!important;font-size:14px!important;line-height:1.25!important}
  .hero-copy .hero-desc{max-width:100%!important;margin:0!important;font-size:10.5px!important;line-height:1.36!important}
  .hero-proof{width:100%!important;margin:12px 0 9px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .hero-proof>span{min-width:0!important;min-height:43px!important;padding:6px!important;gap:6px!important;border:1px solid rgba(69,179,198,.52)!important;border-radius:8px!important;background:rgba(4,19,28,.68)!important;font-size:9px!important;line-height:1.12!important;backdrop-filter:blur(3px)!important}
  .hero-proof>span>span{font-size:9px!important}
  .hero-proof .proof-icon{width:22px!important;height:22px!important;flex:none!important}
  .hero-proof small{font-size:7.5px!important}
  .hero-actions{width:min(100%,265px)!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important}
  .hero-actions .button{min-width:0!important;width:100%!important;min-height:38px!important;padding:0 10px!important;gap:8px!important;border-radius:22px!important;font-size:10px!important}
  .hero-actions .button-art{width:17px!important;height:17px!important}
  .hero-copy>.privacy-note{display:none!important}
  .hero-copy>.response-note{margin:7px 0 0!important;font-size:9px!important;line-height:1.2!important;white-space:nowrap!important}
  .hero-master-note,.hero-bottomline{display:none!important}

  .city-bridge-flow{background-size:cover!important;background-position:center top!important}
  .benefit-bar{height:auto!important;min-height:0!important;padding:10px var(--pad)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;background-image:linear-gradient(90deg,rgba(4,15,23,.70),rgba(4,15,23,.52)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center,center 62%!important;background-size:auto,cover!important}
  .benefit{min-width:0!important;min-height:58px!important;padding:7px 5px!important;gap:8px!important;border-right:1px solid rgba(205,226,233,.22)!important;border-bottom:1px solid rgba(205,226,233,.18)!important}
  .benefit:nth-child(2),.benefit:nth-child(4){border-right:0!important}
  .benefit:nth-child(3),.benefit:nth-child(4){border-bottom:0!important}
  .benefit-symbol{display:block!important;width:29px!important;height:29px!important;flex:0 0 29px!important;filter:drop-shadow(0 0 4px rgba(255,183,72,.3))!important}
  .benefit strong{font-size:10px!important;line-height:1.12!important}
  .benefit small{font-size:8px!important;line-height:1.24!important}

  .services{min-height:0!important;padding:21px var(--pad) 15px!important;background:transparent!important}
  .services .section-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;margin-bottom:10px!important}
  .services .section-top>div{min-width:0!important}
  .services .section-top .eyebrow{margin-bottom:4px!important}
  .services .section-top h2{font-size:30px!important;line-height:1!important}
  .services .section-intro{max-width:100%!important;margin-top:5px!important;font-size:9px!important;line-height:1.32!important}
  .services .section-top>.services-all-link{min-width:0!important;min-height:31px!important;padding:0 9px!important;font-size:10px!important;white-space:nowrap!important}
  .services .section-top>.services-all-link .services-arrow{font-size:13px!important}
  .service-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:6px!important}
  .service-card,.service-card.service-wide{position:relative!important;display:block!important;width:100%!important;height:68px!important;min-height:68px!important;overflow:hidden!important;border-radius:9px!important}
  .service-card>img{position:absolute!important;inset:0 auto 0 0!important;width:28%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .service-card .service-shade{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent 15%,rgba(5,17,25,.12) 23%,rgba(5,17,25,.92) 31%,#07151e 44%,#07151e 100%)!important}
  .service-copy,.service-wide .service-copy{position:absolute!important;inset:0 0 0 27%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:center!important;column-gap:6px!important;row-gap:2px!important;padding:5px 6px 5px 7px!important;background:linear-gradient(90deg,rgba(7,20,29,.30),rgba(7,20,29,.97) 16%)!important}
  .service-copy h3{grid-column:1!important;grid-row:1!important;min-width:0!important;margin:0!important;font-size:11px!important;line-height:1.08!important}
  .service-copy p{grid-column:1!important;grid-row:2!important;min-width:0!important;margin:0!important;font-size:8.5px!important;line-height:1.18!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  .service-copy .price{grid-column:2!important;grid-row:1/3!important;align-self:center!important;white-space:nowrap!important;padding:5px 6px!important;font-size:8px!important;line-height:1!important}
  .services .visual-disclaimer{display:none!important}

  .master-section{position:relative!important;isolation:isolate!important;display:block!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0 0 13px!important;background:#06131b!important}
  .master-image{position:absolute!important;z-index:-1!important;inset:0 0 0 31%!important;width:auto!important;height:100%!important;min-height:100%!important;margin:0!important;overflow:hidden!important}
  .master-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:66% 16%!important;transform:scale(1.08)!important;transform-origin:66% 16%!important}
  .master-image-shade{position:absolute!important;inset:0!important;background:linear-gradient(90deg,#06131b 0%,rgba(6,19,27,.92) 24%,rgba(6,19,27,.52) 62%,rgba(6,19,27,.18) 100%),linear-gradient(0deg,rgba(6,19,27,.75),transparent 55%)!important}
  .master-content{position:relative!important;z-index:1!important;display:block!important;height:auto!important;margin:0!important;padding:17px var(--pad) 0!important}
  .master-summary{max-width:69%!important}
  .master-summary .eyebrow{margin:0 0 5px!important}
  .master-content h2{font-size:29px!important;line-height:.98!important}
  .master-lead{margin:7px 0 12px!important;font-size:9px!important;line-height:1.32!important}
  .master-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important;transform:none!important}
  .master-points article{min-width:0!important;display:block!important;transform:none!important}
  .master-point-icon{display:block!important;width:38px!important;height:38px!important;padding:6px!important;margin:0 0 6px!important;border:1px solid rgba(18,199,231,.86)!important;border-radius:50%!important;object-fit:contain!important;filter:drop-shadow(0 0 5px rgba(0,201,236,.34))!important}
  .master-points h3{margin:0 0 3px!important;font-size:9px!important;line-height:1.15!important}
  .master-points p{margin:0!important;font-size:8.5px!important;line-height:1.27!important;overflow-wrap:anywhere!important}
  .master-points h3,.master-points p{text-shadow:0 1px 4px rgba(0,0,0,.96)!important}

  .process{min-height:0!important;padding:19px var(--pad) 14px!important;background-position:center 54%!important}
  .process-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:end!important;gap:3px 8px!important;margin-bottom:9px!important}
  .process-head .eyebrow{grid-column:1!important;grid-row:1!important;margin:0!important}
  .process-head h2{grid-column:1!important;grid-row:2!important;font-size:27px!important;line-height:1!important}
  .process-head>p:last-of-type{display:none!important}
  .process-contact{grid-column:2!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;min-height:31px!important;margin:0!important;padding:0 8px!important;gap:5px!important;border:1px solid rgba(18,199,231,.78)!important;border-radius:18px!important;font-size:8px!important;white-space:nowrap!important}
  .process-contact .telegram-art{width:14px!important;height:14px!important}
  .process-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
  .process-step{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;min-height:0!important;padding:5px!important;border:1px solid rgba(90,165,181,.4)!important;border-radius:8px!important;background:rgba(4,17,25,.78)!important}
  .process-photo{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1.55/1!important;margin:0 0 5px!important;overflow:hidden!important;border-radius:5px!important}
  .process-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .process-photo span{left:5px!important;top:5px!important;bottom:auto!important;width:17px!important;height:17px!important;font-size:9px!important}
  .process-connector{display:none!important}
  .process-step h3{min-height:0!important;align-self:flex-start!important;margin:0 0 3px!important;text-align:left!important;font-size:10px!important;line-height:1.12!important}
  .process-step p{align-self:flex-start!important;margin:0!important;text-align:left!important;font-size:8.5px!important;line-height:1.25!important}
  .process-note,.process-disclaimer{display:none!important}

  .reviews{padding:16px var(--pad) 13px!important}
  .reviews .reviews-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:8px!important;margin:0 0 4px!important}
  .reviews .reviews-heading>div{min-width:0!important}
  .reviews .reviews-heading .eyebrow{margin:0 0 3px!important}
  .reviews .reviews-heading h2{font-size:25px!important;line-height:1!important;white-space:nowrap!important}
  .reviews .reviews-actions{gap:6px!important}
  .reviews .reviews-autoplay-toggle{width:28px!important;height:28px!important;font-size:12px!important}
  .reviews .reviews-heading .reviews-all{min-width:0!important;min-height:28px!important;padding:0 7px!important;font-size:9px!important;white-space:nowrap!important}
  .reviews .reviews-gallery.reviews-is-carousel{margin-right:calc(var(--pad)*-1)!important;padding-right:var(--pad)!important;padding-top:9px!important;padding-bottom:12px!important;gap:7px!important}
  .reviews .reviews-gallery.reviews-is-carousel .review-shot{flex-basis:min(52vw,205px)!important;width:min(52vw,205px)!important;aspect-ratio:1.52/1!important;transform:scale(.9)!important;opacity:.88!important}
  .reviews .reviews-gallery.reviews-is-carousel .review-shot.is-side{transform:scale(.92)!important;opacity:.92!important}
  .reviews .reviews-gallery.reviews-is-carousel .review-shot.is-near{transform:scale(.96)!important;opacity:.97!important}
  .reviews .reviews-gallery.reviews-is-carousel .review-shot.is-active{transform:scale(1)!important;opacity:1!important}

  .faq{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;align-items:start!important;gap:10px!important;min-height:0!important;padding:18px var(--pad)!important;background-position:center,56% 54%!important}
  .faq-heading{min-width:0!important;margin:0!important}
  .faq-heading .eyebrow{margin:0 0 5px!important}
  .faq-heading h2{font-size:clamp(22px,6vw,28px)!important;line-height:.98!important}
  .faq-heading>p:last-child{margin:6px 0 0!important;font-size:8px!important;line-height:1.3!important}
  .faq-list{min-width:0!important;margin:0!important}
  .faq-list details{margin:0 0 5px!important;border-radius:7px!important}
  .faq-list summary{min-height:34px!important;padding:7px!important;gap:4px!important;font-size:9px!important;line-height:1.2!important}
  .faq-toggle{width:15px!important;height:15px!important;flex:none!important}
  .faq-list details p{padding:0 21px 8px 8px!important;font-size:8px!important;line-height:1.3!important}

  .contact-section{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;align-items:center!important;gap:9px!important;min-height:0!important;height:auto!important;padding:18px var(--pad)!important;overflow:hidden!important}
  .contact-photo{position:absolute!important;z-index:-1!important;inset:0!important;opacity:1!important;background-image:linear-gradient(90deg,rgba(4,12,18,.58),rgba(4,12,18,.36)),linear-gradient(0deg,rgba(3,11,16,.36),rgba(3,11,16,.10)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center,center,center 66%!important;background-size:auto,auto,cover!important}
  .contact-copy{min-width:0!important}
  .contact-copy .eyebrow{margin:0 0 5px!important;font-size:7px!important}
  .contact-copy h2{font-size:clamp(24px,6.5vw,30px)!important;line-height:.98!important}
  .contact-copy>p:not(.eyebrow){margin:6px 0!important;font-size:9px!important;line-height:1.28!important}
  .contact-location{align-items:flex-start!important;gap:4px!important;margin:4px 0 0!important;font-size:8px!important;line-height:1.25!important}
  .contact-location .location-icon{width:14px!important;height:14px!important;flex:none!important}
  .contact-card{width:100%!important;max-width:none!important;justify-self:stretch!important;padding:9px!important;border-radius:12px!important;background:rgba(5,18,27,.91)!important;backdrop-filter:blur(5px)!important}
  .contact-tel{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0 0 7px!important;font-size:clamp(11px,3vw,14px)!important;white-space:nowrap!important}
  .contact-card .phone-art{width:15px!important;height:15px!important}
  .contact-card .button{min-height:34px!important;padding:0 6px!important;gap:5px!important;font-size:8px!important;white-space:nowrap!important}
  .contact-card .button-art{width:14px!important;height:14px!important}
  .contact-card small{margin-top:5px!important;font-size:6px!important}
  .contact-card .privacy-note{display:none!important}

  .site-footer{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:8px 14px!important;min-height:0!important;padding:13px var(--pad) 58px!important;text-align:left!important}
  .site-footer .wordmark{font-size:20px!important}
  .site-footer .wordmark small{display:none!important}
  .footer-links{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:4px 9px!important}
  .footer-links a{font-size:7px!important}
  .footer-legal{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:3px 8px!important;text-align:left!important;font-size:7px!important}
  .footer-legal span,.footer-legal small{font-size:6px!important}
  .photo-credit{display:none!important}
}
@media(max-width:390px){
  :root{--pad:16px!important}
  .site-header{gap:6px!important}
  .site-header .header-phone{font-size:9px!important;padding-inline:8px!important}
  .hero-copy{max-width:78%!important}
  .hero h1{font-size:clamp(29px,7.6vw,32px)!important}
  .hero-proof>span{font-size:8px!important}
  .benefit{gap:6px!important;padding-inline:3px!important}
  .benefit-symbol{width:25px!important;height:25px!important;flex-basis:25px!important}
  .benefit strong{font-size:9px!important}
  .benefit small{font-size:7px!important}
  .service-card,.service-card.service-wide{height:66px!important;min-height:66px!important}
  .service-copy{column-gap:4px!important;padding-right:5px!important}
  .service-copy h3{font-size:10px!important}
  .service-copy p{font-size:8px!important}
  .service-copy .price{padding:4px 5px!important;font-size:7px!important}
  .master-summary{max-width:72%!important}
  .master-content h2{font-size:26px!important}
  .master-points{gap:6px!important}
  .master-point-icon{width:34px!important;height:34px!important}
  .master-points h3{font-size:8px!important}
  .master-points p{font-size:8px!important}
  .process-head h2{font-size:24px!important}
  .process-contact{font-size:7px!important;padding-inline:6px!important}
  .process-contact .telegram-art{width:12px!important;height:12px!important}
  .process-step{padding:4px!important}
  .process-step h3{font-size:9px!important}
  .process-step p{font-size:8px!important}
  .reviews .reviews-heading h2{font-size:22px!important}
  .reviews .reviews-autoplay-toggle{width:25px!important;height:25px!important}
  .reviews .reviews-heading .reviews-all{min-height:25px!important;font-size:8px!important}
  .faq{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;gap:7px!important}
  .faq-heading h2{font-size:22px!important}
  .faq-list summary{font-size:8px!important}
  .contact-section{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)!important;gap:6px!important}
  .contact-card{padding:7px!important}
  .contact-tel{font-size:10px!important}
  .contact-card .button{font-size:8px!important}
  .site-footer{grid-template-columns:1fr!important}
  .footer-links{justify-content:flex-start!important}
}

/* Final mobile art direction: let the lit technician own the right side, compress proof chips, and show the bridge itself. */
@media(max-width:760px){
  .hero-copy{max-width:68%!important}
  .hero h1{font-size:clamp(27px,6.4vw,34px)!important}
  .hero h1 .mobile-title-break{display:none!important}
  .hero-photo-picture,.hero-photo-picture img,.hero-photo{object-position:68% 18%!important;filter:brightness(1.04) saturate(1.03)!important}
  .photo-fade{background:linear-gradient(90deg,rgba(3,11,17,.98) 0%,rgba(3,11,17,.92) 39%,rgba(3,11,17,.56) 59%,rgba(3,11,17,.04) 100%),linear-gradient(0deg,#06121a 0%,rgba(6,18,26,.68) 15%,transparent 49%),linear-gradient(180deg,rgba(3,11,17,.20),transparent 22%)!important}
  .hero-proof{width:max-content!important;max-width:100%!important;grid-template-columns:repeat(2,155px)!important;gap:5px!important}
  .hero-proof>span{width:100%!important;min-height:42px!important;padding:5px 7px!important;gap:5px!important;background:rgba(4,19,28,.48)!important}
  .hero-proof .proof-icon{width:22px!important;height:22px!important}
  .hero-copy>.response-note{font-size:12px!important;line-height:1.2!important;margin-top:8px!important}
  .city-bridge-flow{background:#07131d!important}
  .benefit-bar{background-image:linear-gradient(90deg,rgba(4,12,18,.36),rgba(4,12,18,.14)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center,center 77%!important;background-size:auto,auto 250%!important;background-repeat:no-repeat!important}
  .benefit-bar::before,.benefit-bar::after{display:none!important}
  .benefit{border:0!important;background:rgba(3,13,20,.18)!important;border-radius:8px!important;padding:6px 7px!important}
  .benefit:nth-child(2),.benefit:nth-child(3),.benefit:nth-child(4){border:0!important}
  .services{background:#07131d!important;background-image:none!important}
  .city-bridge-flow .benefit-bar{background-color:#07131d!important;background-image:linear-gradient(90deg,rgba(4,12,18,.36),rgba(4,12,18,.14)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-position:center,center 77%!important;background-size:auto,auto 250%!important;background-repeat:no-repeat!important}
}
@media(max-width:390px){
  .hero-copy{max-width:68%!important}
  .hero h1{font-size:clamp(27px,6.6vw,30px)!important}
  .hero-proof{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-proof>span{min-width:0!important}
}
@media(max-width:760px){
  .hero-proof{width:max-content!important;grid-template-columns:repeat(2,max-content)!important}
  .hero-proof>span{width:max-content!important;max-width:155px!important}
}
@media(max-width:390px){
  .hero-proof{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-proof>span{width:100%!important;max-width:none!important}
}

/* Final phone balance: keep all hero copy in the dark left field and carry the bridge panorama into the services heading. */
@media(max-width:760px){
  .hero-copy{max-width:58%!important}
  .hero h1{font-size:clamp(24px,5.3vw,29px)!important;line-height:1.02!important}
  .hero h1 .mobile-title-break{display:none!important}
  .hero-photo-picture,.hero-photo-picture img,.hero-photo{object-position:50% 18%!important;filter:brightness(1.10) saturate(1.04)!important}
  .photo-fade{background:linear-gradient(90deg,rgba(3,11,17,.99) 0%,rgba(3,11,17,.95) 36%,rgba(3,11,17,.76) 52%,rgba(3,11,17,.20) 72%,rgba(3,11,17,.02) 100%),linear-gradient(0deg,#06121a 0%,rgba(6,18,26,.62) 15%,transparent 48%),linear-gradient(180deg,rgba(3,11,17,.16),transparent 22%)!important}
  .hero-proof{width:min(100%,298px)!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .hero-proof>span{width:100%!important;max-width:none!important;min-width:0!important;min-height:43px!important;padding:5px 7px!important;gap:5px!important}
  .hero-copy>.response-note{font-size:12px!important;font-weight:550!important;color:#f5fafb!important}
  .hero-copy>.response-note>span{width:8px!important;height:8px!important;flex:none!important}

  .city-bridge-flow{background-color:#07131d!important;background-image:linear-gradient(180deg,rgba(3,10,16,.18),rgba(3,10,16,.24)),url('assets/goodwing-pack-v2/backgrounds/contact_vladivostok_bridge_sunset_generated.webp')!important;background-size:auto,170% auto!important;background-position:center,75% calc(0% - 16vw)!important;background-repeat:repeat,no-repeat!important}
  .city-bridge-flow::before{background:linear-gradient(90deg,rgba(3,12,19,.12),rgba(3,12,19,.02))!important}
  .city-bridge-flow .benefit-bar{height:auto!important;min-height:0!important;padding:9px var(--pad)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:70px!important;gap:5px!important;background:transparent!important}
  .city-bridge-flow .benefit{height:70px!important;min-height:70px!important;box-sizing:border-box!important;align-items:center!important;gap:9px!important;padding:7px 8px!important;border:0!important;border-radius:9px!important;background:rgba(3,13,20,.42)!important}
  .city-bridge-flow .benefit:nth-child(n){border:0!important}
  .city-bridge-flow .benefit-symbol{display:block!important;width:40px!important;height:40px!important;flex:0 0 40px!important;filter:drop-shadow(0 0 5px rgba(255,183,72,.42))!important}
  .city-bridge-flow .benefit strong{display:block!important;margin:0 0 3px!important;font-size:12px!important;line-height:1.14!important;text-shadow:0 1px 4px rgba(0,0,0,.9)!important}
  .city-bridge-flow .benefit small{display:block!important;font-size:10px!important;line-height:1.22!important;text-shadow:0 1px 4px rgba(0,0,0,.95)!important}
  .city-bridge-flow .services{position:relative!important;isolation:isolate!important;background:transparent!important;background-image:none!important}
  .city-bridge-flow .services::before{height:245px!important;background:linear-gradient(180deg,rgba(7,19,29,0) 0%,rgba(7,19,29,.12) 34%,rgba(7,19,29,.62) 70%,#07131d 100%)!important}
  .city-bridge-flow .services::after{display:block!important;inset:245px 0 0!important;background:#07131d!important}
}
@media(max-width:390px){
  .hero-copy{max-width:58%!important}
  .hero h1{font-size:clamp(24px,6.1vw,27px)!important}
  .hero-proof{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .city-bridge-flow .benefit{gap:7px!important;padding-inline:6px!important}
  .city-bridge-flow .benefit-symbol{width:36px!important;height:36px!important;flex-basis:36px!important}
  .city-bridge-flow .benefit strong{font-size:11px!important}
  .city-bridge-flow .benefit small{font-size:9px!important}
}

/* Keep the contact Telegram icon and label centered as one unit on phones. */
@media(max-width:760px){
  .contact-card .button{justify-content:center!important;gap:8px!important;padding-inline:10px!important;font-size:9px!important}
  .contact-card .button-art{flex:0 0 15px!important;width:15px!important;height:15px!important}
}