@font-face{font-family:Dela;src:url('assets/dela-gothic-one-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url('assets/onest-400-700.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Martian;src:url('assets/martian-mono-500-700.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root,[data-theme=dark]{color-scheme:dark;--bg:#0B0B0D;--surface:#141418;--ink:#F2EEE4;--muted:#A29D92;--line:rgba(242,238,228,.24);--strong:#A29D92;--price:#FF6A2B;--error:#ff6b6b}[data-theme=light]{color-scheme:light;--bg:#F2EEE4;--surface:#FFFFFF;--ink:#17150F;--muted:#5B564A;--line:rgba(23,21,15,.22);--strong:#5B564A;--price:#B8430F;--error:#b42318}*{box-sizing:border-box}html{scroll-padding-top:110px;scroll-padding-bottom:100px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 Onest,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}p{margin:0 0 16px}h1,h2,h3{font-family:Dela,sans-serif;font-weight:400;line-height:1.12;overflow-wrap:anywhere;hyphens:auto;margin:0 0 20px}h1,.hero-heading{font-size:52px;letter-spacing:-1.3px}h2{font-size:36px}h3{font-size:28px}input,textarea{width:100%;min-width:0;color:var(--ink);background:var(--surface);border:1.5px solid var(--strong);border-radius:8px;padding:14px;font-size:17px}input{min-height:52px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}label{display:block;margin-bottom:8px;font-weight:600}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.mono,.label{font-family:Martian,monospace}.label{font-size:16px;line-height:1.55;text-transform:uppercase;color:var(--muted);letter-spacing:-.3px}.muted{color:var(--muted)}.topline{padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--line);font:16px/1.5 Martian,monospace;text-align:center;color:var(--muted)}header{padding:18px max(20px,calc((100% - 1280px)/2));display:flex;align-items:center;gap:24px;border-bottom:3px solid var(--strong)}.logo{font-family:Dela,sans-serif;font-size:36px;line-height:1.2;white-space:nowrap}.desktop{margin-left:auto;display:flex;gap:28px;font-weight:600}.desktop a{min-height:44px;display:flex;align-items:center}.header-actions{display:flex;gap:10px;position:relative}.icon{display:grid;place-items:center;height:44px;width:44px;font-size:24px;line-height:1;background:transparent;color:var(--ink);border:1.5px solid var(--strong);border-radius:6px;position:relative}.phone-icon{position:absolute;background:var(--bg);inset:0;display:grid;place-items:center;border-radius:5px}#theme-hint{position:absolute;right:0;top:56px;z-index:3;padding:10px 14px;background:var(--ink);color:var(--bg);border-radius:8px;font-weight:600;white-space:nowrap;font-size:16px}main{max-width:1280px;margin:0 auto}.review-note{padding:40px 0;border-bottom:1px solid var(--line);max-width:100%}.review-note p:not(.label){max-width:760px}.row-links{display:flex;flex-wrap:wrap;gap:12px}.row-links a{border:1.5px solid var(--strong);padding:12px 16px;border-radius:6px;min-height:46px}.variant{padding:40px 0 48px;border-bottom:3px solid var(--strong);scroll-margin-top:16px}.variant-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.variant-title h2{font:600 20px/1.5 Onest;margin:0}.hero{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:20px}.hero-copy{padding:36px 40px;border-radius:22px;background:var(--surface)}.hero-copy .label{margin-bottom:22px}.intro{max-width:680px;margin-bottom:22px}.address{font-weight:600;margin-bottom:24px}.actions{display:flex;flex-wrap:wrap;gap:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:6px;font-weight:600;line-height:1.3;text-align:center;min-width:0;overflow-wrap:anywhere}.primary{min-height:56px;background:#FF6A2B;color:#1A0C02;border:0}.secondary{min-height:46px;background:transparent;color:var(--ink);border:1.5px solid var(--strong);padding-inline:18px}.hero-aside{border:1.5px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;justify-content:center}.experience{font-family:Dela;font-size:72px;line-height:1;margin-bottom:18px}.aside-rule{height:1px;background:var(--strong);margin:8px 0 24px}.hero-aside p:last-child{margin:0}.repair-card{border-radius:22px;border:1.5px solid var(--line);padding:24px;display:grid;grid-template-columns:64px minmax(0,1fr) 280px;align-items:center;gap:24px}.repair-card h3{margin-bottom:12px}.repair-card p:last-child{margin:0}.service-icon{font-size:60px;line-height:1;text-align:center;color:var(--muted)}.card-action{display:flex;flex-direction:column;align-items:flex-start}.card-action p{font-size:16px}.problem-board{background:var(--surface);border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center}.problem-board>a{min-height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px;font-weight:600}.problem-board>a:last-child{border:0}.card-b{grid-template-columns:1fr 280px;background:var(--surface)}.hero-c .hero-copy{background:transparent;border:1.5px solid var(--line)}.contact-poster{background:var(--surface);border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:center}.poster-title{font-family:Dela;font-size:30px;line-height:1.2}.contact-number{font-size:22px;font-weight:700;line-height:1.5;display:inline-block;min-height:44px;overflow-wrap:anywhere}.contact-small{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.contact-small a{min-height:44px;text-decoration:underline;display:flex;align-items:center}.common-label{padding:44px 0 20px}.searchbar{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--strong);padding:16px 0;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:16px}.searchbar label{margin:0}.section{padding:64px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-tile{display:flex;flex-direction:column;min-width:0;background:var(--surface);border-radius:22px;padding:26px;border:1.5px solid var(--line)}.service-tile h3{font-size:28px}.service-tile p{max-width:300px}.service-tile>span{margin-top:auto;font-weight:600;min-height:44px;display:flex;align-items:center}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricing p{max-width:560px}.pricing a{justify-self:start;grid-column:2}.steps{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.steps li{border-top:3px solid var(--strong);padding-top:20px}.steps h3{font:600 21px/1.2 Onest;margin:14px 0}.steps p{font-size:17px}.process-note{border-left:3px solid var(--strong);padding-left:20px;max-width:780px;color:var(--muted)}.trust p:not(.label){max-width:640px}.request{display:grid;grid-template-columns:1fr 1fr;gap:80px}.request>div>p{max-width:500px}form{display:flex;flex-direction:column;gap:16px}form p{margin-bottom:0}form .primary{align-self:stretch}.phone-field{display:flex;gap:10px;align-items:center;border:1.5px solid var(--strong);border-radius:8px;background:var(--surface);padding-left:14px}.phone-field input{border:0;background:transparent}.phone-field span{flex-shrink:0}.error{font-size:16px;color:var(--error);margin:4px 0 0}.error:empty{display:none}[aria-invalid=true]{outline:2px solid var(--error);outline-offset:2px}.small{font-size:16px}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-address{font-size:21px;font-weight:600}.hours{color:var(--muted);font-size:16px;line-height:1.7}.map-link{display:flex;flex-direction:column;justify-content:space-between;padding:36px;background:var(--surface);border:1.5px solid var(--line);border-radius:22px;gap:32px}.map-link strong{font-family:Dela;font-size:36px;line-height:1.2;overflow-wrap:anywhere}.map-link>span:last-child{text-decoration:underline;min-height:44px}.contacts .muted.mono{font-size:16px}footer{padding:40px 0 60px;display:flex;align-items:center;gap:32px}footer .logo{font-size:24px}footer p{margin:0;color:var(--muted)}footer a{margin-left:auto;color:var(--muted);min-height:44px;display:flex;align-items:center}.mobile-nav{display:none}@media(hover:hover) and (pointer:fine){.secondary:hover{background:var(--ink);color:var(--bg)}.primary:hover{background:#ff8a55}.service-tile:hover{border-color:var(--strong)}a:hover{text-decoration:underline}}@media(max-width:1350px){main{margin:0 28px}.desktop{gap:20px}.logo{font-size:30px}.hero-copy{padding:32px}}@media(max-width:1023px){.desktop{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr 260px}.hero-copy{padding:24px}h1,.hero-heading{font-size:36px}.repair-card{grid-template-columns:48px 1fr}.card-action{grid-column:2}.card-b{grid-template-columns:1fr}.card-b .card-action{grid-column:1}.request,.contacts{gap:32px}.steps{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}main{margin:0 16px}header{padding:16px;gap:8px}.logo{font-size:24px}.header-actions{gap:8px}.topline{font-size:16px;text-align:left;padding:8px 16px}.review-note{padding:26px 0}.review-note .label{font-size:16px}.row-links{gap:8px}.row-links a{font-size:16px}.variant{padding:28px 0 32px}.variant-title{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:18px}.variant-title h2{font-size:19px}.variant-title .label{font-size:16px}.hero{grid-template-columns:1fr;gap:16px}.hero-copy{padding:24px 20px}.hero-copy .label{font-size:16px;margin-bottom:18px}h1,.hero-heading{font-size:28px;letter-spacing:-.6px;margin-bottom:18px}.intro{font-size:17px;margin-bottom:16px}.address{font-size:17px;margin-bottom:20px}.actions{gap:10px}.actions>*{flex:1 1 100%}.hero-aside{padding:24px;display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center}.hero-aside .experience{font-size:40px;margin:0}.hero-aside>p{margin:0}.hero-aside .aside-rule,.hero-aside .label,.hero-aside>p:last-child{display:none}.hero-b .problem-board{padding:20px}.contact-poster{padding:24px}.contact-poster .poster-title{font-size:28px}.contact-poster .contact-number br{display:none}.repair-card{padding:24px 20px;grid-template-columns:1fr;gap:16px}.repair-card .service-icon{display:none}.card-action{grid-column:1;gap:8px}.card-action p{margin:0}.card-action a{width:100%}h2{font-size:28px}h3{font-size:28px}.common-label{padding-top:28px;font-size:16px}.searchbar{grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}.searchbar label{font-size:16px;grid-column:1/-1}.searchbar a{padding:8px;font-size:16px;min-height:52px}.searchbar input{font-size:16px;padding:12px}.section{padding:36px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:16px}.section-heading br{display:none}.services-grid{grid-template-columns:1fr;gap:12px}.service-tile{padding:24px}.pricing{grid-template-columns:1fr;gap:0}.pricing a{grid-column:1}.steps{grid-template-columns:1fr;gap:20px}.steps li{padding-top:16px;display:grid;grid-template-columns:40px 1fr;gap:8px}.steps h3{margin:0}.steps p{grid-column:2;margin:0}.request,.contacts{grid-template-columns:1fr;gap:24px}.contacts .contact-number{font-size:19px}.contacts .muted.mono{font-size:16px}.map-link{padding:26px}.map-link strong{font-size:28px}footer{flex-direction:column;align-items:flex-start;gap:12px;padding:32px 0}footer a{margin:0}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:4;bottom:0;left:0;right:0;background:var(--bg);border-top:1.5px solid var(--strong);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;min-height:74px;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:600;gap:3px}.mobile-nav span{font-size:22px;line-height:1.2}}@media(max-width:350px){header .logo{font-size:20px}header{padding-inline:12px}main{margin-inline:12px}.hero-copy{padding:20px 16px}.label{font-size:16px}.mobile-nav a{font-size:16px}.contact-number{font-size:18px}.map-link strong{font-size:26px}h1,.hero-heading{font-size:28px}#theme-hint{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.view-link{display:inline-flex;min-height:44px;align-items:center}[data-view] .review-note,[data-view] .variant-title,[data-view] .common-label{display:none}[data-view=a] #row-b,[data-view=a] #row-c,[data-view=b] #row-a,[data-view=b] #row-c,[data-view=c] #row-a,[data-view=c] #row-b{display:none}[data-view] .variant{padding-top:28px;border-bottom:0}[data-view] .hero-heading{margin-top:0}
/* Движение и фотографии — язык действующего ProGadget, без новой библиотеки. */
header .logo{font-size:44px}.variant{padding-top:28px;border-bottom:0}.hero-caption{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-hero-photo{display:none}.hero-aside{padding:0;border:0;display:flex;gap:20px;justify-content:flex-start}.device-stage{margin:0;width:100%;min-width:0}.stage-photos{position:relative;aspect-ratio:1;overflow:hidden;border-radius:22px;background:var(--surface)}.stage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease;visibility:hidden}.stage-photo.active{opacity:1;visibility:visible}.device-stage figcaption{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:10px}.photo-controls{display:flex;gap:8px}.experience-copy{padding:22px 24px;background:#FF6A2B;color:#1A0C02;border-radius:6px;transform:rotate(-2deg);width:calc(100% - 8px);align-self:center;animation:pg-sticker-rock 4s ease-in-out infinite}.experience-copy .experience{font-size:56px;display:block;margin-bottom:10px}.experience-copy p{margin:0;color:inherit}.experience-copy .aside-rule,.experience-copy .label,.experience-copy p:last-child{display:none}.service-icon svg{width:48px;height:48px}.hero-copy{background:var(--surface)}.hero-copy .primary{transform:rotate(-1deg)}.ticker{display:flex;align-items:center;background:var(--surface);color:var(--muted);height:42px;padding:0 12px;gap:12px;overflow:hidden}.ticker-window{flex:1;min-width:0;overflow:hidden}.ticker-track,.brands-track{display:flex;width:max-content;animation:pg-strip 45s linear infinite}.ticker-half{display:flex;align-items:center;gap:26px;flex:none;padding-right:26px;font:700 14px/1.5 Martian;white-space:nowrap}.ticker i{width:9px;height:9px;background:var(--muted);transform:rotate(45deg);flex:none}.ticker .icon{width:44px;height:44px;border:0;color:var(--muted);flex:none}.brands{overflow:hidden;border-block:1px solid var(--line);padding:30px 0}.brands-track{animation-duration:32s}.brands-half{display:flex;gap:48px;align-items:center;padding-right:48px;flex:none}.brand-logo{width:140px;height:32px;display:block;background:var(--muted);mask:var(--logo) center/contain no-repeat;-webkit-mask:var(--logo) center/contain no-repeat}.motion-loop[data-offscreen] .ticker-track,.motion-loop[data-offscreen] .brands-track,[data-motion-paused] .ticker-track,[data-motion-paused] .brands-track,[data-motion-paused] .experience-copy,[data-offscreen].experience-copy{animation-play-state:paused}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;padding:10px 6px}.work-shot{margin:0;min-width:0;transform:rotate(-1.2deg);transition:transform .25s ease}.work-shot:nth-child(2n){transform:rotate(1.2deg)}.work-shot img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;border-radius:22px;background:var(--surface)}.work-shot a{display:block;min-height:44px}.work-shot figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-weight:600}.work-shot .label{font-size:14px;flex:none}.service-tile:nth-child(2){transform:rotate(.7deg)}.service-tile:nth-child(4){transform:rotate(-.7deg)}.service-tile{transition:transform .25s ease}.photo-controls button{touch-action:manipulation}.text-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 0;border:0;background:none;color:var(--muted);text-decoration:underline}.callback-card{position:relative;padding:30px}.callback-card .label{padding-right:44px}.callback-card h2{font-size:28px;margin-top:14px}.callback-close.icon{position:absolute;right:16px;top:16px}.callback-card form{gap:12px}.callback-card label{margin:0}.callback-card>p.small{margin:18px 0 0}.callback-card>.text-button{width:100%}dialog{position:fixed;width:480px;max-width:calc(100% - 24px);padding:0;border:1.5px solid var(--strong);border-radius:22px;background:var(--surface);color:var(--ink);max-height:calc(100dvh - 24px);overflow-y:auto;box-shadow:0 20px 70px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(0,0,0,.5)}dialog[open]{animation:pg-callback-enter .45s cubic-bezier(.16,1,.3,1) both}body:has(dialog[open]) main .primary{visibility:hidden}.motion-pause svg{pointer-events:none}.mobile-nav svg{width:22px;height:22px}.repair-card{margin-top:30px}
@keyframes pg-strip{to{transform:translateX(-50%)}}@keyframes pg-sticker-rock{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(-.7deg)}}@keyframes pg-callback-enter{from{opacity:0;transform:translateY(14px) rotate(-.6deg)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.work-shot:hover{transform:rotate(0)}.service-tile:hover{transform:rotate(0) translateY(-3px)}}
@media(max-width:1023px){header .logo{font-size:30px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-shot figcaption{flex-wrap:wrap}.hero-aside .experience{font-size:42px}}
@media(max-width:600px){header .logo{font-size:24px}.ticker{padding-inline:8px}.ticker-half{font-size:14px;gap:20px;padding-right:20px}.hero-caption{margin-bottom:16px;min-height:64px}.hero-caption .label{margin:0;max-width:170px}.mobile-hero-photo{display:block;width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--surface)}.hero-aside{display:block;padding:0 5px}.hero-aside .device-stage{display:none}.experience-copy{display:flex;align-items:center;gap:16px;padding:18px 20px;width:100%}.experience-copy .experience{display:block;margin:0;font-size:40px;flex:none}.experience-copy>p{margin:0;font-size:17px;line-height:1.3}.experience-copy>p:last-child{display:none}.works-grid{grid-template-columns:1fr;padding:8px 6px;gap:28px}.work-shot{transform:rotate(-.7deg)}.work-shot:nth-child(2n){transform:rotate(.7deg)}.brands{padding:24px 0}.brands-half{gap:30px;padding-right:30px}.brand-logo{width:100px;height:24px}.callback-card{padding:24px 20px}.callback-card>p{font-size:17px}.callback-card .label{font-size:14px}.hero-copy .primary{transform:none}.repair-card{margin-top:20px}.photo-controls{display:none}}
@media(max-width:350px){header .logo{font-size:20px}.experience-copy>p{font-size:16px}.experience-copy{gap:12px;padding:16px}.experience-copy .experience{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.brands-track,.experience-copy{animation:none!important}.ticker-half[aria-hidden],.brands-half[aria-hidden]{display:none}.brands-half .brand-logo:nth-child(n+4){display:none}.ticker-window{overflow-x:auto}.ticker-track{width:max-content}.work-shot,.service-tile,.hero-copy .primary{transition:none!important}.stage-photo{transition:none!important}dialog[open]{animation:none!important}}
.icon svg{width:22px;height:22px;flex:none}