:root{font-family:Inter,Arial,sans-serif;color:#12141a;background:#f6f7fa;line-height:1.55;--blue:#075bce}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #438df0;outline-offset:4px}.wrap{width:min(94%,1390px);margin-inline:auto}.top,footer{background:#090a0d;color:white}.top .wrap,footer .wrap{display:flex;justify-content:space-between;gap:12px;padding-block:10px;font-size:.85rem}.top span{color:#c2cad8}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:13px}.brand{font-size:1.35rem;font-weight:800;line-height:1.1}.brand small{display:block;font-size:.8rem;font-weight:500;margin-top:4px}.nav nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2.4vw,38px);font-weight:650}.nav nav a:hover{color:var(--blue)}.button,summary{display:inline-flex;align-items:center;gap:10px;border-radius:30px;padding:8px 17px;font-weight:700;font-size:.9rem;cursor:pointer}.blue{background:var(--blue);color:white}.white{background:white;color:#0b0d12}.button:hover,summary:hover{filter:brightness(.92)}.hero{background:#101217;color:white}.hero-inner{min-height:385px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,#101217 34%,transparent 58%),url(hero.webp) right center/auto 100% no-repeat}.intro{max-width:620px;padding:30px 0;position:relative}.intro h1{font-size:clamp(2.5rem,4.4vw,4.6rem);line-height:1.02;letter-spacing:-.055em;margin:0}.intro p{margin:10px 0 18px}.devices{font-size:clamp(1rem,2vw,1.55rem);color:#d9deea}.services{padding-block:30px}.services h2,.lower h2{line-height:1.1;letter-spacing:-.035em;margin:0 0 15px;font-size:clamp(1.65rem,3vw,2.35rem)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;align-items:start}article{background:#eef0f6;border:1px solid #d9dfea;border-radius:16px;padding:17px;min-height:190px;scroll-margin:15px}article img{float:right;width:43%;max-height:133px;object-fit:contain;margin-left:5px;border-radius:7px}h3{font-size:1.23rem;letter-spacing:-.035em;line-height:1.1;margin:8px 0}article p{font-size:.89rem;margin:8px 0 14px}details[open]{clear:both}summary{background:#101217;color:white;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:'+'}details[open] summary::after{content:'−'}.lower{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:30px}.lower>div{padding:24px;border-radius:16px;background:white;border:1px solid #e2e6ee}.lower p{max-width:55ch;margin-bottom:0}address{font-style:normal;margin-bottom:14px}footer a{text-decoration:underline}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.hero-inner{background-position:right -120px center}.intro{max-width:480px}}@media(max-width:680px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;font-size:.87rem}.hero-inner{min-height:0;background:linear-gradient(180deg,#101217 1%,transparent 23%),url(hero.webp) bottom center/100% auto no-repeat;padding-bottom:35vw}.intro{padding:25px 0 14px}.lower{grid-template-columns:1fr}.services{padding-block:22px}article{padding:12px;min-height:0}article img{float:none;width:100%;height:94px;object-fit:contain;margin:0}summary{padding:6px 10px;font-size:.82rem}.lower>div{padding:17px}}
details h4,details h5,details h6{line-height:1.25;margin:14px 0 4px}details h4{font-size:1.06rem}details h5{font-size:.98rem}details h6{font-size:.92rem}
.catalog{padding-block:12px 32px}
.catalog h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}
.catalog>p{max-width:72ch;margin:0 0 20px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.catalog-grid section{border:1px solid #e2e6ee;border-radius:16px;background:white;padding:20px}
.catalog-grid ul{list-style:none;padding:0;margin:0}
.catalog-grid li{border-top:1px solid #e2e6ee;padding:10px 0}
.catalog-grid h3{margin:0 0 14px}
.catalog-grid h4{font-size:1rem;margin:0}
.catalog-grid p{margin:3px 0 0;color:#424958}
@media(max-width:680px){.catalog-grid{grid-template-columns:1fr}.catalog-grid section{padding:16px}}
#repair-faq h4:not(:first-of-type){margin-top:16px}
#repair-faq>.button{margin-top:4px}

@media(min-width:681px){article img{height:auto}}