.serviceDetailPage{min-height:100vh;background:var(--ink)}
.detailHero{max-width:1440px;margin:auto;padding:44px 54px 96px}
.detailBreadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#7f8788;font-size:10px;font-weight:700}
.detailBreadcrumbs a{color:#c7cccc}
.detailBreadcrumbs a:hover{color:var(--acid)}
.detailHeroGrid{display:grid;grid-template-columns:minmax(0,1.3fr) 390px;gap:76px;align-items:end;padding-top:82px}
.detailHero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.02}
.detailHero h1 em{display:block;color:var(--acid)}
.detailLead{max-width:780px;margin:28px 0 0;color:#b0b7b8;font-size:17px;line-height:1.7}
.detailActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.detailFacts{border:1px solid var(--line);background:var(--panel);padding:10px 30px}
.detailFacts div{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}
.detailFacts div:last-child{border-bottom:0}
.detailFacts small{color:var(--accent-copy);letter-spacing:.08em;font-size:8px;font-weight:800}
.detailFacts b{font:600 12px/1.45 Unbounded}
.detailContent{background:#eef0eb;color:#111414;padding:96px max(54px,50vw - 666px)}
.detailLayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;align-items:start}
.detailAside{position:sticky;top:24px}
.detailAside small{color:var(--accent-copy-light);letter-spacing:.09em;font-size:9px;font-weight:800}
.detailAside nav{display:flex;flex-direction:column;gap:0;margin-top:18px;border-top:1px solid #d9ddd5}
.detailAside nav a{color:#505753;border-bottom:1px solid #d9ddd5;padding:14px 0;font-size:10px;font-weight:800}
.detailAside nav a:hover{color:#607d00}
.detailAside .asideNote{margin-top:24px;padding:17px;background:#fff;border-left:3px solid #8eaf25;color:#606761;font-size:10px;line-height:1.6}
.detailMain{max-width:900px}
.detailIntro{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:70px}
.detailIntro article{min-height:180px;padding:27px;background:#fff;border:1px solid #dde0db}
.detailIntro span{color:#789516;font:600 10px Unbounded}
.detailIntro h2{margin:24px 0 12px;font-size:21px;line-height:1.25}
.detailIntro p{margin:0;color:#6c7470;font-size:11px;line-height:1.65}
.detailSection{scroll-margin-top:24px;margin-bottom:74px}
.detailSection>.kicker{display:block;color:var(--accent-copy-light);margin-bottom:16px}
.detailSection h2{font-size:clamp(30px,3.4vw,47px);line-height:1.1}
.detailSection>p{max-width:800px;margin:22px 0;color:#626a66;font-size:13px;line-height:1.75}
.detailChecklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.detailChecklist li{display:grid;grid-template-columns:25px 1fr;gap:12px;align-items:start;min-height:76px;padding:18px;background:#fff;border:1px solid #dde0db;color:#4d5551;font-size:11px;line-height:1.55}
.detailChecklist li:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;background:#111414;color:var(--acid);border-radius:50%;font-size:10px;font-weight:900}
.detailSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:#d9ddd5;border:1px solid #d9ddd5}
.detailSteps article{min-height:190px;padding:25px;background:#fff}
.detailSteps span{color:#789516;font:600 10px Unbounded}
.detailSteps h3{margin:28px 0 12px;font:600 14px/1.4 Unbounded}
.detailSteps p{margin:0;color:#6d7571;font-size:10px;line-height:1.65}
.detailWarning{margin-top:26px;padding:22px 24px;background:#f6f0df;border-left:4px solid #d5a631;color:#675c3f;font-size:11px;line-height:1.65}
.detailPrice{display:grid;grid-template-columns:1fr auto;align-items:center;gap:34px;padding:36px;background:var(--acid)}
.detailPrice small{color:#394315;letter-spacing:.08em;font-size:9px;font-weight:900}
.detailPrice h2{margin:12px 0 10px;font-size:clamp(27px,3vw,40px)}
.detailPrice p{max-width:680px;margin:0;color:#4c591e;font-size:11px;line-height:1.65}
.detailPrice .button{min-width:220px}
.detailRelated{max-width:1332px;margin:88px auto;padding:0}
.detailRelatedHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.detailRelatedHead h2{margin-top:14px;font-size:clamp(28px,3vw,42px)}
.detailRelatedHead>a{color:#cbd0cf;font-size:10px;font-weight:800}
.detailRelatedGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.detailRelatedGrid a{display:flex;flex-direction:column;min-height:170px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);transition:.18s}
.detailRelatedGrid a:hover{background:#171c1d;border-color:#607b1a}
.detailRelatedGrid span{color:var(--accent-copy);font:600 9px Unbounded}
.detailRelatedGrid b{margin:24px 0 10px;font:600 14px/1.4 Unbounded}
.detailRelatedGrid em{margin-top:auto;color:#8e9697;font-size:9px;font-style:normal;font-weight:800}
.detailBottomCta{max-width:1332px;margin:0 auto 90px;padding:46px;background:var(--acid);color:#11140c;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.detailBottomCta h2{margin:14px 0 12px;font-size:clamp(30px,3.3vw,45px)}
.detailBottomCta p{margin:0;color:#4d5a1e;font-size:12px;line-height:1.6}
.detailBottomCta>div:last-child{display:flex;flex-direction:column;gap:12px;text-align:center}
.detailBottomCta>div:last-child>a:last-child{color:#40500e;font-size:9px;font-weight:800}
@media (max-width:1050px){.detailHero{padding:38px 28px 78px}.detailHeroGrid{grid-template-columns:1fr 330px;gap:40px}.detailContent{padding:80px 28px}.detailLayout{grid-template-columns:220px 1fr;gap:45px}.detailRelated,.detailBottomCta{margin-left:28px;margin-right:28px}}
@media (max-width:760px){.detailHero{padding:28px 18px 64px}.detailHeroGrid{grid-template-columns:1fr;gap:38px;padding-top:54px}.detailHero h1{font-size:43px}.detailLead{font-size:15px}.detailActions{flex-direction:column}.detailActions .button{width:100%}.detailFacts{padding:6px 20px}.detailContent{padding:64px 18px}.detailLayout{grid-template-columns:1fr;gap:48px}.detailAside{position:static}.detailAside nav{display:none}.detailIntro,.detailChecklist,.detailSteps{grid-template-columns:1fr}.detailIntro{margin-bottom:56px}.detailSection{margin-bottom:58px}.detailPrice{grid-template-columns:1fr;padding:28px 20px}.detailPrice .button{width:100%}.detailRelated{margin:64px 18px}.detailRelatedHead{align-items:flex-start;flex-direction:column}.detailRelatedGrid{grid-template-columns:1fr}.detailRelatedGrid a{min-height:150px}.detailBottomCta{grid-template-columns:1fr;gap:28px;margin:0 18px 64px;padding:32px 20px}.detailBottomCta .button{width:100%}}
