/* Ремонт ноутбуков — адаптивный светлый шаблон */
:root{--blue:#0878f9;--blue2:#20a6ff;--navy:#102746;--ink:#102746;--muted:#607492;--line:#dce9f8;--pale:#f2f8ff;--white:#fff;--shadow:0 12px 35px rgba(26,76,132,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1200px,calc(100% - 64px));margin:0 auto}
.site-header{height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eff9;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand strong{display:block;font-size:17px;font-weight:800;letter-spacing:-.4px}.brand small{display:block;font-size:11px;color:var(--muted);white-space:nowrap}.brand-mark{width:54px;height:46px;display:grid;place-items:center}.brand-mark svg{width:54px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linejoin:round}.brand-mark svg path:last-child{fill:var(--blue);stroke:var(--blue)}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{font-size:12px;font-weight:700;padding:11px 15px;border-radius:12px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:#fff;background:var(--blue)}.header-phone{display:flex;align-items:center;gap:12px;white-space:nowrap}.phone-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e5f2ff;color:var(--blue);font-size:21px}.header-phone b{display:block;font-size:16px}.header-phone small{display:block;color:var(--muted);font-size:11px}.menu-toggle{display:none;background:#eef6ff;border:0;border-radius:10px;padding:9px 12px;font-size:22px;color:var(--blue)}
.hero{background:linear-gradient(110deg,#f6faff 0%,#eef6ff 48%,#fff 48%);overflow:hidden}.hero-grid{min-height:460px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-copy{padding:54px 24px 48px 0;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#4c6788;display:inline-flex;align-items:center;gap:8px}.eyebrow.blue{color:var(--blue)}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-2.4px;margin:18px 0 18px;font-weight:800;max-width:650px}h1 span{display:block;color:var(--blue)}.hero-lead{font-size:16px;color:#516987;max-width:480px;margin-bottom:16px}.location-line{font-weight:700;line-height:1.45;margin:0 0 24px}.location-line>span{color:var(--blue);font-size:22px;margin-right:8px}.location-line small{font-weight:500;color:var(--muted);margin-left:30px}.hero-points{display:flex;gap:0;margin-bottom:27px}.hero-points>div{display:flex;align-items:center;gap:10px;padding:0 17px;border-right:1px solid #dce8f7;font-size:11px;font-weight:700;line-height:1.3}.hero-points>div:first-child{padding-left:0}.hero-points>div:last-child{border:0}.line-icon{font-size:26px;color:var(--blue);font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:13px 20px;font-weight:800;transition:transform .2s,box-shadow .2s;line-height:1.3}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(8,120,249,.18)}.btn-primary{background:linear-gradient(135deg,#168cff,#0068ed);color:#fff;box-shadow:0 7px 17px rgba(8,120,249,.12)}.btn-primary>span:first-child{font-size:23px}.btn small{display:block;font-size:11px;font-weight:600;margin-top:3px}.btn-outline{border:1px solid #8ec4ff;background:#fff;color:var(--ink)}.btn-outline .clock{font-size:28px;color:var(--blue)}.hero-visual{position:relative;min-height:460px;margin-right:calc((min(1200px,100vw - 64px) - 100vw)/2);overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,249,255,.16),transparent 38%);pointer-events:none}.hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:53% center}.floating-note{position:absolute;z-index:2;left:8%;top:12%;font-size:17px;font-weight:800;font-style:italic;color:#fff;transform:rotate(-7deg);text-shadow:0 2px 10px #1c385b}.visual-badge{position:absolute;z-index:2;bottom:22px;left:22px;background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:15px;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow)}.visual-badge>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e3f7ec;color:#17965c;font-weight:900}.visual-badge b,.visual-badge small{display:block}.visual-badge small{font-size:10px;color:var(--muted)}
.section{padding:62px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.section h2,.about-content h2,.contact-card h2{font-size:clamp(27px,3vw,36px);line-height:1.18;letter-spacing:-1px;margin:8px 0}.section-head p{color:var(--muted);margin-bottom:0}.diagnostic{display:flex;align-items:center;gap:17px;max-width:400px;padding:17px 22px;border-radius:16px;background:linear-gradient(120deg,#eef7ff,#f7fbff);border:1px solid #e0edfc}.gear{font-size:36px;color:var(--blue)}.diagnostic b,.diagnostic small{display:block}.diagnostic b{font-size:13px}.diagnostic small{font-size:11px;color:var(--muted);margin-top:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{min-height:180px;border:1px solid var(--line);border-radius:15px;padding:21px 20px 24px;position:relative;background:linear-gradient(145deg,#fff,#fbfdff);transition:.22s;overflow:hidden}.service-card:hover{border-color:#8bc4ff;box-shadow:var(--shadow);transform:translateY(-3px)}.service-icon{display:block;height:47px;color:var(--blue);font-size:39px;line-height:1;font-weight:800;text-shadow:0 5px 12px #c8e4ff}.service-icon.windows{font-size:43px}.service-icon.office{color:#e64a24}.service-icon.shield{font-size:45px}.service-card h3{font-size:14px;line-height:1.35;margin:9px 0 8px;letter-spacing:-.2px}.service-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:0;max-width:245px}.service-card>a{position:absolute;bottom:14px;right:14px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e7f3ff;color:var(--blue);font-size:17px;font-weight:800}
.about-section{padding:48px 0;background:linear-gradient(105deg,#eff7ff,#f8fbff 55%,#edf6ff)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.repair-photo{height:330px;border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.repair-photo img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:18px;left:18px;background:var(--blue);color:white;font-weight:800;font-size:18px;line-height:1.2;padding:13px 18px;border-radius:12px;transform:rotate(-2deg)}.about-content h2{font-size:34px}.about-intro{color:var(--muted);max-width:520px;margin:10px 0 24px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 26px}.benefit{display:flex;align-items:flex-start;gap:12px}.benefit>span{flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#dceeff;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:800}.benefit b,.benefit small{display:block}.benefit b{font-size:12px;margin:1px 0 5px}.benefit small{font-size:11px;color:var(--muted);line-height:1.5}
.contact-section{padding:54px 0}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr .72fr;gap:24px;align-items:stretch}.contact-card{padding:10px 0}.contact-card h2{font-size:29px;margin-bottom:22px}.contact-item{display:flex;gap:13px;margin:17px 0}.contact-symbol{width:35px;flex:0 0 35px;height:35px;display:grid;place-items:center;background:#e6f3ff;border-radius:12px;color:var(--blue);font-size:21px}.contact-item b{font-size:12px}.contact-item p{font-size:12px;color:var(--muted);margin:3px 0 0;line-height:1.5}.contact-item p a{font-size:16px;font-weight:800;color:var(--ink)}.route-btn{font-size:12px;margin-top:5px;padding:13px 18px}.route-btn span{margin-left:auto}.map-panel{min-height:330px;position:relative;overflow:hidden;border-radius:18px;border:1px solid #dce9f8;background:#e8f3e3}.map-panel img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.86;transition:transform .4s}.map-panel:hover img{transform:scale(1.04)}.map-pin{position:absolute;left:52%;top:50%;width:31px;height:31px;background:#ff4b46;border:5px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);color:transparent;box-shadow:0 5px 12px #456e7b66}.map-label{position:absolute;left:calc(52% - 52px);top:calc(50% - 56px);background:white;border-radius:9px;padding:8px 12px;box-shadow:var(--shadow);font-size:11px}.map-label b,.map-label small{display:block}.map-label small{font-size:10px;color:var(--muted)}.map-open{position:absolute;bottom:12px;right:12px;padding:9px 13px;background:#fff;border-radius:9px;font-size:11px;font-weight:800;color:var(--blue)}.callout-card{background:#f1f8ff;border:1px solid #e0edfc;border-radius:18px;padding:23px;display:flex;flex-direction:column;justify-content:center}.callout-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#dceeff;color:var(--blue);font-size:25px;font-weight:800}.callout-card h3{margin:17px 0 8px;font-size:19px}.callout-card p{font-size:12px;color:var(--muted);line-height:1.65}.callout-card a{font-size:12px;font-weight:800;color:var(--blue)}
.site-footer{background:#f4f8fd;border-top:1px solid #e3edf8}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.footer-links{display:flex;gap:24px;font-size:11px;font-weight:700;color:#506583}.footer-links a:hover{color:var(--blue)}.footer-phone b,.footer-phone small{display:block}.footer-phone b{font-size:13px}.footer-phone small{font-size:11px;color:var(--muted);margin-top:4px}.footer-bottom{border-top:1px solid #e2ebf5;padding:15px 0 18px;display:flex;justify-content:space-between;gap:15px;color:#71839b;font-size:10px}.mobile-call{display:none}
@media(max-width:1050px){.container{width:min(100% - 40px,900px)}.brand{min-width:220px}.brand strong{font-size:15px}.nav-links a{padding:9px 10px}.header-phone b{font-size:14px}.hero-grid{grid-template-columns:1.05fr .95fr}.hero-copy{padding-top:43px}.hero-points>div{padding:0 10px}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:.85fr 1.15fr}.callout-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px}.callout-card h3{margin:0}.callout-card p{margin:0}.about-grid{gap:32px}.repair-photo{height:300px}}
@media(max-width:760px){html{scroll-padding-top:75px}.container{width:calc(100% - 34px)}.site-header{height:72px}.nav-wrap{gap:12px}.brand{min-width:0;gap:7px}.brand-mark{width:42px;height:38px}.brand-mark svg{width:42px}.brand strong{font-size:13px}.brand small{font-size:9px}.header-phone{margin-left:auto;gap:7px}.phone-icon{width:34px;height:34px;font-size:18px}.header-phone b{font-size:12px}.header-phone small{font-size:9px}.menu-toggle{display:block;order:3}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:12px 17px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:12px}.hero{background:#f2f8ff}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:35px 0 30px}.hero-visual{min-height:280px;margin:0 -17px}.hero-visual img{object-position:center 53%}.floating-note{font-size:14px;left:7%;top:10%}.visual-badge{bottom:12px;left:13px;padding:9px 12px}h1{font-size:clamp(35px,9vw,49px);letter-spacing:-1.6px;margin:13px 0}.hero-lead{font-size:14px}.hero-points{justify-content:space-between}.hero-points>div{padding:0 10px;font-size:10px;gap:7px}.line-icon{font-size:22px}.hero-actions{gap:9px}.btn{padding:12px 14px;font-size:12px}.btn-outline{flex:1}.section{padding:43px 0}.section-head{display:block}.section-head h2{font-size:29px}.diagnostic{margin-top:18px;max-width:none}.service-grid{gap:10px}.service-card{padding:16px 13px 26px;min-height:190px;border-radius:13px}.service-card h3{font-size:12px}.service-card p{font-size:10px}.service-icon{font-size:34px;height:41px}.service-icon.windows{font-size:37px}.service-card>a{right:9px;bottom:8px}.about-section{padding:35px 0}.about-grid{grid-template-columns:1fr;gap:25px}.repair-photo{height:245px}.about-content h2{font-size:29px}.benefit-grid{gap:18px 13px}.benefit{gap:8px}.benefit>span{flex-basis:35px;width:35px;height:35px;font-size:20px;border-radius:11px}.benefit b{font-size:11px}.benefit small{font-size:10px}.contact-section{padding:38px 0}.contact-layout{grid-template-columns:1fr;gap:19px}.contact-card h2{font-size:28px;margin-bottom:12px}.contact-item{margin:12px 0}.map-panel{min-height:260px;grid-row:2}.callout-card{grid-column:auto;display:flex;align-items:flex-start;gap:0;padding:20px}.callout-card h3{margin:12px 0 7px}.callout-card p{margin-bottom:13px}.footer-main{flex-wrap:wrap;gap:18px;padding:22px 0}.footer-brand{flex:1 1 100%}.footer-links{order:3;width:100%;justify-content:space-between;gap:10px}.footer-phone{margin-left:auto}.footer-bottom{font-size:9px;flex-direction:column;gap:5px;padding-bottom:70px}.mobile-call{display:flex;position:fixed;z-index:30;bottom:12px;left:17px;right:17px;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-weight:800;padding:14px;border-radius:14px;box-shadow:0 7px 25px #0878f955}}
@media(max-width:390px){.header-phone small{display:none}.brand small{max-width:155px;overflow:hidden;text-overflow:ellipsis}.brand strong{font-size:12px}.hero-points>div{padding:0 6px}.hero-points>div:first-child{padding-left:0}.btn-primary{flex:1}.btn-outline{flex:1}.service-grid{grid-template-columns:1fr}.service-card{min-height:155px}.service-card p{font-size:11px}.service-card h3{font-size:13px}.service-icon{height:42px}.footer-phone b{font-size:11px}}