:root{--premium-night:#07101e;--premium-night-2:#101c31;--premium-blue:#5b78ff;--premium-cyan:#2bc6dd;--premium-gold:#e1b15a;--premium-surface:#f7f9fc;--premium-line:rgba(18,35,62,.11)}
body{background:var(--premium-surface);color:#121b2d}.wrap{max-width:1180px}.topbar{background:#050b14;color:#aebbd0;border-bottom:1px solid rgba(255,255,255,.07)}.topbar b{color:#fff}header{background:rgba(7,16,30,.90);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 14px 44px rgba(0,0,0,.20);backdrop-filter:blur(22px) saturate(140%)}header .wrap{min-height:72px;gap:24px}.logo-mark{background:linear-gradient(135deg,#8da2ff,#536ff2 48%,#2bc6dd);color:#fff;border:1px solid rgba(255,255,255,.34);box-shadow:0 10px 26px rgba(83,111,242,.32),inset 0 1px 0 rgba(255,255,255,.46)}.logo-txt b{color:#fff}.logo-txt span{color:#91a0ba}.desktop-links{display:flex;align-items:center;gap:28px;margin-left:auto}.desktop-links a{color:#aebbd0;font-size:14px;font-weight:700;transition:color .2s}.desktop-links a:hover{color:#fff}.nav-cta{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.nav-cta:hover{background:rgba(255,255,255,.14)}
.hero{min-height:680px;padding:76px 0 64px;color:#fff;background:radial-gradient(circle at 18% 12%,rgba(91,120,255,.25),transparent 31rem),radial-gradient(circle at 85% 28%,rgba(43,198,221,.17),transparent 28rem),linear-gradient(145deg,var(--premium-night),var(--premium-night-2))}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);gap:64px;align-items:center}.hero-copy{position:relative;z-index:3}.hero .eyebrow{color:#a8b8ff}.hero .eyebrow::before{background:linear-gradient(90deg,var(--premium-blue),var(--premium-cyan))}.hero h1{max-width:12ch;font-size:clamp(43px,5.6vw,70px);letter-spacing:-.02em;color:#fff}.hero h1 em{color:#fff;background:linear-gradient(120deg,#b8c5ff,#6fe5f3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p.lead{color:#b9c5d8;max-width:50ch}.hero-bg{color:rgba(255,255,255,.018);right:26%;top:0}.hero-aurora span{opacity:.24;filter:blur(90px)}.btn{border-radius:14px;min-height:54px;box-shadow:none}.btn-wa{background:linear-gradient(135deg,#32e47a,#20bd5f);color:#062413;box-shadow:0 13px 30px rgba(32,189,95,.20)}.btn-calc{background:linear-gradient(135deg,#6c86ff,#536ff2);box-shadow:0 13px 30px rgba(83,111,242,.26)}.btn-call{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}.trust-num{background:linear-gradient(135deg,#fff,#8eeaf3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trust-lbl{color:#91a0ba}
.hero-showcase{position:relative;z-index:3;min-height:440px;display:grid;place-items:center;perspective:1200px}.device-shell{width:min(100%,480px);padding:10px;border-radius:26px;background:linear-gradient(145deg,#2c3952,#0c1424);border:1px solid rgba(255,255,255,.14);box-shadow:0 42px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.16);transform:rotateY(-7deg) rotateX(3deg)}.device-top{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#697995;font-size:8px;letter-spacing:.16em}.device-top span{width:7px;height:7px;border-radius:50%;background:#50617c}.device-top span:first-child{background:#ff786e}.device-top span:nth-child(2){background:#efbd61}.device-top span:nth-child(3){background:#5ad28b}.device-top b{margin-left:auto;font-size:8px}.device-screen{min-height:318px;padding:28px;border-radius:18px;background:linear-gradient(160deg,#111c31,#09111f);border:1px solid rgba(255,255,255,.07);overflow:hidden;position:relative}.device-screen::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;background:rgba(91,120,255,.25);filter:blur(48px)}.diag-head{display:flex;justify-content:space-between;color:#8d9cb6;font-size:12px;position:relative}.diag-head strong{color:#64e6a3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.diag-score{display:flex;align-items:flex-end;gap:13px;margin:34px 0 26px;position:relative}.diag-score b{font-family:Oswald,sans-serif;font-size:84px;line-height:.8;background:linear-gradient(135deg,#fff,#72ddea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.diag-score span{color:#7587a4;font-size:12px;max-width:100px;line-height:1.35}.diag-bars{display:flex;align-items:end;gap:7px;height:76px;padding:0 2px}.diag-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,#536ff2,#38c9dd);box-shadow:0 0 16px rgba(83,111,242,.22)}.diag-bars i:nth-child(1){height:38%}.diag-bars i:nth-child(2){height:60%}.diag-bars i:nth-child(3){height:49%}.diag-bars i:nth-child(4){height:78%}.diag-bars i:nth-child(5){height:66%}.diag-bars i:nth-child(6){height:91%}.diag-bars i:nth-child(7){height:75%}.diag-bars i:nth-child(8){height:98%}.diag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.diag-grid span{padding:9px;border-radius:9px;background:rgba(255,255,255,.045);color:#7f8ca5;font-size:9px;letter-spacing:.08em}.diag-grid b{float:right;color:#63e0a0}.device-base{width:72%;height:16px;margin-top:-2px;border-radius:3px 3px 40px 40px;background:linear-gradient(#3b4860,#131c2d);box-shadow:0 18px 36px rgba(0,0,0,.34);transform:rotateY(-7deg)}.showcase-orbit{position:absolute;border:1px solid rgba(108,134,255,.18);border-radius:50%}.orbit-one{width:500px;height:500px}.orbit-two{width:360px;height:360px;border-color:rgba(43,198,221,.16)}.floating-proof{position:absolute;display:flex;flex-direction:column;gap:1px;padding:13px 17px;border-radius:14px;background:rgba(19,29,49,.72);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(0,0,0,.24);backdrop-filter:blur(16px)}.floating-proof b{color:#fff;font:700 20px Oswald,sans-serif}.floating-proof span{color:#8493ad;font-size:10px}.proof-a{left:-16px;top:92px}.proof-b{right:-10px;bottom:68px}
.guarantees{padding:0;background:transparent;position:relative;z-index:4;margin-top:-38px}.guar-grid{gap:14px}.guar-card{border-color:var(--premium-line);box-shadow:0 18px 55px rgba(20,34,61,.10);text-align:left;background:rgba(255,255,255,.95)}.guar-ic{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#eef2ff;font-size:23px}.sec-head h2{background:linear-gradient(120deg,#111b2d 58%,#526ff2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.svc-grid{background:transparent;border:none;gap:16px;overflow:visible}.svc{border:1px solid var(--premium-line);border-radius:18px;box-shadow:0 10px 35px rgba(22,37,67,.06)}.svc:hover{background:#fff;box-shadow:0 24px 58px rgba(22,37,67,.13)}.svc-ic{background:linear-gradient(135deg,#eef1ff,#e8fbfd);color:#536ff2}.why,.rev,.ba-card,form,.faq-item,.calc-summary{border-color:var(--premium-line);box-shadow:0 12px 38px rgba(22,37,67,.07)}.steps{background:linear-gradient(145deg,#07101e,#111f35)}.step{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);backdrop-filter:blur(10px)}.step::before{background:linear-gradient(135deg,#6d86ff,#31c4da);color:#fff}.cta{background:linear-gradient(145deg,#eef2ff,#eafafa)}.calc-summary{background:linear-gradient(155deg,#fff,#eef2ff)}.calc-cat{background:#101b30}.float a{border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 34px rgba(3,9,18,.28)}
@media(max-width:980px){.desktop-links{display:none}.hero{min-height:auto}.hero .wrap{grid-template-columns:1fr;gap:42px}.hero-copy{text-align:center}.hero h1,.hero p.lead{margin-left:auto;margin-right:auto}.hero-cta,.hero-trust{justify-content:center}.hero-showcase{min-height:390px}.proof-a{left:7%}.proof-b{right:7%}}@media(max-width:640px){header .wrap{min-height:62px}.logo-txt span{display:none}.hero{padding:56px 0 64px}.hero h1{font-size:clamp(38px,12vw,54px)}.hero-showcase{min-height:305px}.device-shell{width:92%;border-radius:20px}.device-screen{min-height:245px;padding:20px}.diag-score{margin:24px 0 18px}.diag-score b{font-size:62px}.diag-bars{height:54px}.showcase-orbit,.floating-proof{display:none}.hero-trust{gap:18px}.trust-item{min-width:40%;justify-content:center}.guarantees{margin-top:-24px}.btn{width:100%;justify-content:center}.float{bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){.device-shell,.device-base{transform:none}}


/* Landing 2.3 — доступность, форма и мобильная конверсия */
.skip-link{position:fixed;left:14px;top:14px;z-index:200;transform:translateY(-180%);padding:10px 14px;border-radius:9px;background:#fff;color:#07101e;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(91,120,255,.45);outline-offset:3px}
.form-status{display:none;margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:650;line-height:1.45}
.form-status:not(:empty){display:block}
.form-status.is-working{background:#eef2ff;color:#4057b8}
.form-status.is-success{background:#e9f8ef;color:#22623a}
.form-status.is-warning{background:#fff6df;color:#79530d}
.form-status.is-error{background:#fff0ef;color:#9a3430}
.mobile-contact-bar{display:none}
.hero-rating-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#ffd56a;text-decoration:none;font-size:13px;letter-spacing:.02em}.hero-rating-link strong{color:#fff}.hero-rating-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:899px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .float{display:none!important}
  .mobile-contact-bar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;display:grid;grid-template-columns:.9fr 1.1fr;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(7,16,30,.92);box-shadow:0 18px 46px rgba(3,9,18,.34);backdrop-filter:blur(18px) saturate(145%)}
  .mobile-contact-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;color:#fff;font-size:14px;font-weight:800}
  .mobile-contact-call{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
  .mobile-contact-wa{background:linear-gradient(135deg,#32e47a,#20bd5f);color:#052814!important}
}

/* Landing 2.4 — компактный калькулятор */
.calc-selection{display:inline-flex;align-items:center;min-height:28px;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:#eef2ff;color:#4259b9;font-size:12px;font-weight:800}
.calc-group{border-color:var(--premium-line)}
.calc-group[open]>summary{box-shadow:inset 0 -1px rgba(255,255,255,.08)}

/* Landing 2.5 — ИИ-консультант */
.ai-consult{background:radial-gradient(circle at 82% 15%,rgba(91,120,255,.30),transparent 30rem),linear-gradient(145deg,#07101e,#14223a)}
.ai-consult .sec-head h2{background:linear-gradient(120deg,#fff,#9eafff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ai-card{background:rgba(15,26,46,.78);border-color:rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.26)}
.ai-benefit{backdrop-filter:blur(12px)}

/* Landing 2.6 — статус работы и резервная диагностика */
.topbar .wrap{justify-content:center}.topbar .wrap>span:first-child{margin-right:auto}.topbar .wrap>span:last-child{margin-left:auto}
@media(max-width:760px){.topbar .wrap>span:first-child,.topbar .wrap>span:last-child{margin:0}.business-status{order:-1;width:100%;justify-content:center}}


/* Landing 2.7 — реальные работы, заметный ответ и ускорение длинной страницы */
.real-work-proof{margin-top:22px;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(91,120,255,.20);border-radius:16px;background:linear-gradient(135deg,#fff,#f1f4ff);box-shadow:0 14px 38px rgba(22,37,67,.08);color:#172238;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.real-work-proof:hover{transform:translateY(-2px);border-color:rgba(91,120,255,.42);box-shadow:0 20px 48px rgba(22,37,67,.13)}
.real-work-proof-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6d86ff,#a95dca 55%,#f29a50);color:#fff;font-size:25px;font-weight:800}
.real-work-proof-copy{display:grid;gap:3px;flex:1}.real-work-proof-copy strong{font-size:14px}.real-work-proof-copy small{color:#66738a;font-size:12px;line-height:1.4}.real-work-proof-action{color:#526ff2;font-size:12px;font-weight:850;white-space:nowrap}
.response-time{margin:-3px 0 5px 55px;display:flex;align-items:center;gap:7px;color:#238b57;font-size:13.5px;font-weight:800;line-height:1.45}.response-time span{color:#25d366;font-size:11px;filter:drop-shadow(0 0 4px rgba(37,211,102,.35))}
main>section:not(.hero){content-visibility:auto;contain-intrinsic-size:800px}
@media(max-width:640px){.real-work-proof{align-items:flex-start;padding:14px}.real-work-proof-action{display:none}.real-work-proof-icon{width:40px;height:40px;flex-basis:40px}.response-time{margin:0 0 8px 0;justify-content:center;text-align:center}.cta-phone{min-height:48px}}


/* Header layout 2026-09-07 */
header .wrap{gap:18px;flex-wrap:nowrap}
.logo{flex:0 0 auto;min-width:0}
.logo-txt span{white-space:nowrap}
.desktop-links{flex:1 1 auto;min-width:0;justify-content:center;gap:clamp(12px,1.45vw,22px);margin-left:0}
.desktop-links a{flex:0 0 auto;white-space:nowrap;font-size:13px;line-height:1}
.header-actions{flex:0 0 auto;gap:8px;white-space:nowrap}
.nav-cta{flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap;background:linear-gradient(135deg,#32e47a,#20bd5f);color:#052814;border:1px solid rgba(103,255,165,.42);box-shadow:0 10px 26px rgba(32,189,95,.22),inset 0 1px 0 rgba(255,255,255,.28);padding:10px 15px;line-height:1}
.nav-cta:hover{background:linear-gradient(135deg,#42ed86,#27ca68);color:#041f10;transform:translateY(-1px)}
@media (max-width:1160px) and (min-width:981px){header .wrap{gap:12px;padding-left:16px;padding-right:16px}.logo{gap:8px}.logo-mark{width:37px;height:37px;font-size:20px}.logo-txt b{font-size:19px}.logo-txt span{font-size:10.5px}.desktop-links{gap:10px}.desktop-links a{font-size:11.5px}.theme-toggle-label{display:none}.theme-toggle{width:40px;min-width:40px;padding:0;justify-content:center}.nav-cta{padding:9px 11px;font-size:12.5px}}
@media (max-width:1030px) and (min-width:981px){.logo-txt span{display:none}.desktop-links{gap:9px}.desktop-links a{font-size:11px}}
@media (max-width:980px){header .wrap{gap:10px;flex-wrap:nowrap}.header-actions{margin-left:auto}.nav-cta{background:linear-gradient(135deg,#32e47a,#20bd5f);color:#052814;white-space:nowrap}}

/* Light palette uses the same premium layout and components. */
html.classic-theme{color-scheme:light;--ink:#14233b;--paper:#f7f9fc;--card:#fff;--line:#dce4ef;--muted:#5c6b81;--amber:#4263d9;--amber-d:#3452bc;--green:#216849}
.classic-theme .topbar{background:#edf2fa;color:#455670;border-color:#dce4ef}
.classic-theme .topbar b,.classic-theme .topbar a{color:#243753}
.classic-theme header{background:rgba(255,255,255,.92);border-color:#dce4ef;box-shadow:0 14px 44px rgba(30,55,95,.09)}
.classic-theme .logo-txt b{color:#14233b}.classic-theme .logo-txt span{color:#5c6b81}
.classic-theme .desktop-links a{color:#4b5d77}.classic-theme .desktop-links a:hover{color:#3452bc}
.classic-theme .theme-toggle{background:#eef2ff;color:#3452bc;border-color:#d4def7}.classic-theme .theme-toggle:hover{background:#e2e9ff}
.classic-theme .business-status{color:#425572;border-color:#ccd8e9;background:#f8faff}
.classic-theme .business-status[data-state="open"]{color:#216849;background:#e6f7ed;border-color:#b3ddc4}
.classic-theme .hero{color:#14233b;background:radial-gradient(circle at 18% 12%,rgba(91,120,255,.15),transparent 31rem),radial-gradient(circle at 85% 28%,rgba(43,198,221,.14),transparent 28rem),linear-gradient(145deg,#f8faff,#eaf0fb)}
.classic-theme .hero::after{background-image:linear-gradient(rgba(45,75,125,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(45,75,125,.055) 1px,transparent 1px)}
.classic-theme .hero .eyebrow{color:#3452bc}.classic-theme .hero h1{color:#14233b}
.classic-theme .hero h1 em{background-image:linear-gradient(120deg,#4263d9,#087e98)}
.classic-theme .hero p.lead,.classic-theme .hero-response{color:#4e6079}.classic-theme .hero-bg{color:rgba(35,65,115,.035)}
.classic-theme .btn-call{color:#243753;background:rgba(255,255,255,.8);border-color:#ccd8e9;box-shadow:0 13px 30px rgba(30,55,95,.08)}
.classic-theme .trust-num{background-image:linear-gradient(135deg,#14233b,#126c83)}.classic-theme .trust-lbl{color:#5c6b81}
.classic-theme .hero-rating-link{color:#88600c}.classic-theme .hero-rating-link strong{color:#243753}
.classic-theme .device-shell{background:linear-gradient(145deg,#fff,#dfe8f7);border-color:#c7d5ea;box-shadow:0 42px 90px rgba(40,66,110,.18),inset 0 1px 0 #fff}
.classic-theme .device-top{color:#627590}.classic-theme .device-screen{background:linear-gradient(160deg,#fff,#edf3fc);border-color:#d4dfef}
.classic-theme .diag-head{color:#5a6d88}.classic-theme .diag-head strong{color:#216849}
.classic-theme .diag-score b{background-image:linear-gradient(135deg,#243753,#087e98)}.classic-theme .diag-score span{color:#5c6b81}
.classic-theme .diag-grid span{background:#e5ecf8;color:#50627e}.classic-theme .diag-grid b{color:#216849}
.classic-theme .device-base{background:linear-gradient(#d5dfef,#afbed6);box-shadow:0 18px 36px rgba(40,66,110,.15)}
.classic-theme .floating-proof{background:rgba(255,255,255,.86);border-color:#d1dcef;box-shadow:0 18px 42px rgba(40,66,110,.13)}
.classic-theme .floating-proof b{color:#243753}.classic-theme .floating-proof span{color:#5c6b81}
.classic-theme .problem-shortcuts-box{background:linear-gradient(145deg,#eef2ff,#eaf7fa);color:#14233b;box-shadow:0 16px 42px rgba(40,66,110,.09)}
.classic-theme .problem-shortcuts h2{color:#14233b}.classic-theme .problem-shortcuts p{color:#5c6b81}
.classic-theme .problem-link{background:rgba(255,255,255,.8);border-color:#d1dcef}.classic-theme .problem-link:hover{background:#fff;border-color:#8398df}
.classic-theme .steps{background:linear-gradient(145deg,#edf2fb,#e7effa);color:#14233b}
.classic-theme .steps .eyebrow{color:#3452bc}.classic-theme .steps .sec-head h2{background-image:linear-gradient(120deg,#14233b 55%,#4263d9)}
.classic-theme .steps .sec-head p,.classic-theme .step p{color:#5c6b81}.classic-theme .step h3{color:#14233b}
.classic-theme .step{background:rgba(255,255,255,.8);border-color:#d1dcef}
.classic-theme .calc-cat{background:#e8eefb;color:#3452bc}.classic-theme .calc-group-meta{color:#536580}
.classic-theme .calc-group-meta.has-selection{color:#fff;background:#4263d9}
.classic-theme .calc-item:hover,.classic-theme .calc-item:has(input:checked){background:#eef4ff}
.classic-theme .ai-consult{background:radial-gradient(circle at 82% 15%,rgba(91,120,255,.12),transparent 30rem),linear-gradient(145deg,#f3f6ff,#eaf1fb);color:#14233b}
.classic-theme .ai-consult .eyebrow{color:#3452bc}.classic-theme .ai-consult .sec-head h2{background-image:linear-gradient(120deg,#14233b,#4263d9)}
.classic-theme .ai-consult .sec-head p,.classic-theme .ai-benefit p{color:#5c6b81}
.classic-theme .ai-card{background:rgba(255,255,255,.9);border-color:#d1dcef;box-shadow:0 28px 80px rgba(40,66,110,.1)}
.classic-theme .ai-card label,.classic-theme .ai-benefit b{color:#243753}
.classic-theme .ai-device,.classic-theme .ai-question{background:#f8faff;color:#243753;border-color:#c7d5ea}
.classic-theme .ai-question::placeholder{color:#62738c}
.classic-theme .ai-chip{background:#eef2ff;color:#3452bc;border-color:#d0daf6}.classic-theme .ai-chip:hover{background:#e2e9ff}
.classic-theme .ai-limit{background:#e9f7ee;color:#486479;border-color:#b8dcc5}.classic-theme .ai-limit strong{color:#216849}
.classic-theme .ai-limit.is-empty{background:#fff5df;border-color:#ecd49c}.classic-theme .ai-limit.is-empty strong{color:#79530d}
.classic-theme .ai-result{background:#eef3ff;color:#243753;border-color:#c8d5f4}
.classic-theme .ai-result.is-error{color:#9a3430;border-color:#ecc4c1;background:#fff0ef}
.classic-theme .ai-result.is-fallback{color:#79530d;border-color:#ecd49c;background:#fff6df}
.classic-theme .ai-privacy{color:#5c6b81}.classic-theme .ai-benefit{background:rgba(255,255,255,.8);border-color:#d1dcef}
.classic-theme .mobile-contact-bar{background:rgba(255,255,255,.94);border-color:#d1dcef;box-shadow:0 18px 46px rgba(40,66,110,.16)}
.classic-theme .mobile-contact-call{background:#e8eefb;border-color:#d1dcef;color:#243753}

/* Warm light-brown palette; geometry is shared by all three themes. */
html.warm-theme{--premium-surface:#f6f3ec;--premium-line:rgba(129,113,82,.18);color-scheme:light;--ink:#342b22;--paper:#f6f3ec;--card:#fffdf8;--line:#ded7c8;--muted:#6b6055;--amber:#a56b20;--amber-d:#8d5812;--green:#216849}
.warm-theme .topbar{background:#eee7da;color:#6b5b47;border-color:#ded7c8}
.warm-theme .topbar b,.warm-theme .topbar a{color:#423326}
.warm-theme header{background:rgba(255,255,255,.92);border-color:#ded7c8;box-shadow:0 14px 44px rgba(85,61,31,.09)}
.warm-theme .logo-txt b{color:#342b22}.warm-theme .logo-txt span{color:#6b6055}
.warm-theme .desktop-links a{color:#6b5b47}.warm-theme .desktop-links a:hover{color:#8d5812}
.warm-theme .theme-toggle{background:#f3eadb;color:#8d5812;border-color:#e2d3b9}.warm-theme .theme-toggle:hover{background:#ecdfc9}
.warm-theme .business-status{color:#6b5b47;border-color:#d9cbb6;background:#fffaf2}
.warm-theme .business-status[data-state="open"]{color:#216849;background:#e6f7ed;border-color:#b3ddc4}
.warm-theme .hero{color:#342b22;background:radial-gradient(circle at 18% 12%,rgba(197,138,46,.15),transparent 31rem),radial-gradient(circle at 85% 28%,rgba(62,107,79,.14),transparent 28rem),linear-gradient(145deg,#fffaf2,#efe6d7)}
.warm-theme .hero::after{background-image:linear-gradient(rgba(100,77,43,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(100,77,43,.055) 1px,transparent 1px)}
.warm-theme .hero .eyebrow{color:#8d5812}.warm-theme .hero h1{color:#342b22}
.warm-theme .hero h1 em{background-image:linear-gradient(120deg,#a56b20,#8d5812)}
.warm-theme .hero p.lead,.warm-theme .hero-response{color:#6b5b47}.warm-theme .hero-bg{color:rgba(100,77,43,.035)}
.warm-theme .btn-call{color:#423326;background:rgba(255,255,255,.8);border-color:#d9cbb6;box-shadow:0 13px 30px rgba(85,61,31,.08)}
.warm-theme .trust-num{background-image:linear-gradient(135deg,#342b22,#735126)}.warm-theme .trust-lbl{color:#6b6055}
.warm-theme .hero-rating-link{color:#88600c}.warm-theme .hero-rating-link strong{color:#423326}
.warm-theme .device-shell{background:linear-gradient(145deg,#fffdf8,#e8dcc8);border-color:#d9cbb6;box-shadow:0 42px 90px rgba(85,61,31,.18),inset 0 1px 0 #fffdf8}
.warm-theme .device-top{color:#766551}.warm-theme .device-screen{background:linear-gradient(160deg,#fffdf8,#f5eddf);border-color:#e2d3b9}
.warm-theme .diag-head{color:#6b6055}.warm-theme .diag-head strong{color:#216849}
.warm-theme .diag-score b{background-image:linear-gradient(135deg,#423326,#8d5812)}.warm-theme .diag-score span{color:#6b6055}
.warm-theme .diag-grid span{background:#eee3d1;color:#6b5b47}.warm-theme .diag-grid b{color:#216849}
.warm-theme .device-base{background:linear-gradient(#e2d3b9,#c4af90);box-shadow:0 18px 36px rgba(85,61,31,.15)}
.warm-theme .floating-proof{background:rgba(255,255,255,.86);border-color:#ded0b9;box-shadow:0 18px 42px rgba(85,61,31,.13)}
.warm-theme .floating-proof b{color:#423326}.warm-theme .floating-proof span{color:#6b6055}
.warm-theme .problem-shortcuts-box{background:linear-gradient(145deg,#f3eadb,#f1ebdf);color:#342b22;box-shadow:0 16px 42px rgba(85,61,31,.09)}
.warm-theme .problem-shortcuts h2{color:#342b22}.warm-theme .problem-shortcuts p{color:#6b6055}
.warm-theme .problem-link{background:rgba(255,255,255,.8);border-color:#ded0b9}.warm-theme .problem-link:hover{background:#fffdf8;border-color:#b79059}
.warm-theme .steps{background:linear-gradient(145deg,#f3eadb,#eae0ce);color:#342b22}
.warm-theme .steps .eyebrow{color:#8d5812}.warm-theme .steps .sec-head h2{background-image:linear-gradient(120deg,#342b22 55%,#a56b20)}
.warm-theme .steps .sec-head p,.warm-theme .step p{color:#6b6055}.warm-theme .step h3{color:#342b22}
.warm-theme .step{background:rgba(255,255,255,.8);border-color:#ded0b9}
.warm-theme .calc-cat{background:#eee3d1;color:#8d5812}.warm-theme .calc-group-meta{color:#766551}
.warm-theme .calc-group-meta.has-selection{color:#fffdf8;background:#a56b20}
.warm-theme .calc-item:hover,.warm-theme .calc-item:has(input:checked){background:#faf0df}
.warm-theme .ai-consult{background:radial-gradient(circle at 82% 15%,rgba(197,138,46,.12),transparent 30rem),linear-gradient(145deg,#fffaf2,#f0e8da);color:#342b22}
.warm-theme .ai-consult .eyebrow{color:#8d5812}.warm-theme .ai-consult .sec-head h2{background-image:linear-gradient(120deg,#342b22,#a56b20)}
.warm-theme .ai-consult .sec-head p,.warm-theme .ai-benefit p{color:#6b6055}
.warm-theme .ai-card{background:rgba(255,255,255,.9);border-color:#ded0b9;box-shadow:0 28px 80px rgba(85,61,31,.1)}
.warm-theme .ai-card label,.warm-theme .ai-benefit b{color:#423326}
.warm-theme .ai-device,.warm-theme .ai-question{background:#fffaf2;color:#423326;border-color:#d9cbb6}
.warm-theme .ai-question::placeholder{color:#766551}
.warm-theme .ai-chip{background:#f3eadb;color:#8d5812;border-color:#e2d3b9}.warm-theme .ai-chip:hover{background:#ecdfc9}
.warm-theme .ai-limit{background:#e9f7ee;color:#53644e;border-color:#b8dcc5}.warm-theme .ai-limit strong{color:#216849}
.warm-theme .ai-limit.is-empty{background:#fff5df;border-color:#ecd49c}.warm-theme .ai-limit.is-empty strong{color:#79530d}
.warm-theme .ai-result{background:#f5eddf;color:#423326;border-color:#e2d3b9}
.warm-theme .ai-result.is-error{color:#9a3430;border-color:#ecc4c1;background:#fff0ef}
.warm-theme .ai-result.is-fallback{color:#79530d;border-color:#ecd49c;background:#fff6df}
.warm-theme .ai-privacy{color:#6b6055}.warm-theme .ai-benefit{background:rgba(255,255,255,.8);border-color:#ded0b9}
.warm-theme .mobile-contact-bar{background:rgba(255,255,255,.94);border-color:#ded0b9;box-shadow:0 18px 46px rgba(85,61,31,.16)}
.warm-theme .mobile-contact-call{background:#eee3d1;border-color:#ded0b9;color:#423326}

.warm-theme .hero-aurora span{background:#c58a2e}.warm-theme .hero-aurora span:nth-child(2){background:#3e6b4f}
.warm-theme .sec-head h2{background-image:linear-gradient(120deg,#342b22 58%,#a56b20)}
.warm-theme .btn-calc,.warm-theme .ai-submit{background:linear-gradient(135deg,#9b621d,#78470f);box-shadow:0 13px 30px rgba(141,88,18,.2)}
.warm-theme .svc-ic{background:linear-gradient(135deg,#f7ead3,#eee5d6);color:#8d5812}
.warm-theme .guar-ic{background:#f3eadb}.warm-theme .step::before{background:linear-gradient(135deg,#9b621d,#735126)}
.warm-theme .diag-bars i{background:linear-gradient(to top,#a56b20,#cfa25c);box-shadow:0 0 16px rgba(165,107,32,.18)}
.warm-theme .device-screen::before{background:rgba(197,138,46,.18)}
.warm-theme .showcase-orbit{border-color:rgba(165,107,32,.18)}
.warm-theme .cta{background:linear-gradient(145deg,#f3eadb,#eee5d6)}
.warm-theme .calc-summary{background:linear-gradient(155deg,#fffdf8,#f3eadb)}
.warm-theme .calc-selection{background:#f3eadb;color:#8d5812}
.warm-theme .real-work-proof{background:linear-gradient(135deg,#fffdf8,#f3eadb);border-color:#e2d3b9;color:#423326}
.warm-theme .real-work-proof-copy small{color:#6b6055}.warm-theme .real-work-proof-action{color:#8d5812}
.warm-theme :where(a,button,input,select,textarea,summary):focus-visible{outline-color:#a56b20}


/* Unified component system: identical geometry, three complete palettes. */
:root{
  --paper:#0a1220;--ink:#edf3ff;--card:#131f31;--line:#2b3b52;--muted:#a9b8cf;
  --amber:#b1bfff;--amber-d:#b1bfff;--green:#83dfb6;
  --rt-accent:#abc0ff;--rt-accent-strong:#4562ce;--rt-tint:#1b2c48;
  --rt-soft:#101c2e;--rt-shadow:0 12px 32px rgba(0,0,0,.14);
  --rt-hover:0 22px 48px rgba(0,0,0,.22);--rt-glass:rgba(12,22,38,.94);
  --rt-hero:radial-gradient(ellipse at 12% 10%,rgba(94,117,243,.22),transparent 56%),radial-gradient(ellipse at 88% 65%,rgba(43,198,221,.12),transparent 50%),linear-gradient(145deg,#091321,#15233c);
  --rt-band:linear-gradient(145deg,#101b2e,#162741);
  --rt-icon:linear-gradient(145deg,#293c64,#172d42);
  --rt-button:linear-gradient(135deg,#4562ce,#334cad);
  --premium-surface:var(--paper);--premium-line:var(--line);
}
html.classic-theme{
  --paper:#f7f9fc;--ink:#14233b;--card:#fff;--line:#dce4ef;--muted:#5c6b81;
  --amber:#4263d9;--amber-d:#3452bc;--green:#216849;
  --rt-accent:#3452bc;--rt-accent-strong:#3452bc;--rt-tint:#eaf0fc;
  --rt-soft:#f0f4fa;--rt-shadow:0 12px 32px rgba(35,61,104,.055);
  --rt-hover:0 22px 48px rgba(35,61,104,.11);--rt-glass:rgba(255,255,255,.94);
  --rt-hero:radial-gradient(ellipse at 12% 10%,rgba(91,120,255,.13),transparent 56%),radial-gradient(ellipse at 88% 65%,rgba(43,198,221,.10),transparent 50%),linear-gradient(145deg,#fcfdff,#eaf0fb);
  --rt-band:linear-gradient(145deg,#f1f5ff,#e7effa);
  --rt-icon:linear-gradient(145deg,#edf1ff,#e9f6fa);
  --rt-button:linear-gradient(135deg,#4263d9,#3452bc);
}
html.warm-theme{
  --paper:#f6f3ec;--ink:#342b22;--card:#fffdf8;--line:#ded7c8;--muted:#6b6055;
  --amber:#a56b20;--amber-d:#8d5812;--green:#216849;
  --rt-accent:#8d5812;--rt-accent-strong:#8d5812;--rt-tint:#f3eadb;
  --rt-soft:#f0eade;--rt-shadow:0 12px 32px rgba(85,61,31,.055);
  --rt-hover:0 22px 48px rgba(85,61,31,.11);--rt-glass:rgba(255,253,248,.94);
  --rt-hero:radial-gradient(ellipse at 12% 10%,rgba(197,138,46,.15),transparent 56%),radial-gradient(ellipse at 88% 65%,rgba(175,145,99,.12),transparent 50%),linear-gradient(145deg,#fffaf2,#efe6d7);
  --rt-band:linear-gradient(145deg,#f7f0e5,#eae0ce);
  --rt-icon:linear-gradient(145deg,#f7ead3,#eee5d6);
  --rt-button:linear-gradient(135deg,#9b621d,#78470f);
}
:root body{background:var(--paper);color:var(--ink)}
:root header{background:var(--rt-glass);border-color:var(--line);box-shadow:0 8px 28px rgba(0,0,0,.07)}
:root .logo-txt b{letter-spacing:1px}
:root .desktop-links a{position:relative;padding:12px 0;transition:color .2s}
:root .desktop-links a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:2px;background:var(--rt-accent);transform:scaleX(0);transition:transform .2s}
:root .desktop-links a:hover::after,:root .desktop-links a:focus-visible::after{transform:scaleX(1)}
:root .theme-toggle{min-height:44px;border-color:var(--line);background:var(--rt-tint);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
:root .theme-toggle:hover{background:var(--rt-soft);border-color:var(--rt-accent)}
:root .hero{min-height:640px;padding:64px 0 76px;background:var(--rt-hero)}
:root .hero .wrap{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px}
:root .hero h1{font-size:clamp(42px,5.2vw,64px);max-width:16ch;line-height:1.13;text-wrap:balance;letter-spacing:-.015em}
:root .hero h1 em{white-space:normal}
:root .hero p.lead{font-size:clamp(17px,1.55vw,19px);line-height:1.75;max-width:51ch;margin-bottom:24px}
:root .hero-response{font-size:13px;line-height:1.65;margin-top:-14px}
:root .hero::after{opacity:.2;background-size:56px 56px}
:root .hero-bg{font-size:320px;letter-spacing:-24px}
:root .hero-rating-link{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--rt-glass);font-size:12px;flex-wrap:wrap;max-width:100%}
:root .hero-trust{padding-top:22px;border-top:1px solid var(--line);margin-top:24px;gap:26px}
:root .trust-num{background-image:linear-gradient(135deg,var(--ink),var(--rt-accent))}
:root .trust-lbl{color:var(--muted)}
:root .btn{font-size:14px;min-height:52px;padding:14px 20px;border-radius:14px;font-weight:800;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s}
:root .btn-calc,:root .ai-submit{background:var(--rt-button);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
:root .btn-call{background:var(--rt-glass);border-color:var(--line);color:var(--ink)}
:root .btn:hover{box-shadow:var(--rt-hover)}
:root .device-shell{border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.24)}
:root .floating-proof{border-color:var(--line);background:var(--rt-glass);box-shadow:var(--rt-shadow)}
:root .floating-proof span{color:var(--muted)}
:root main>section{scroll-margin-top:100px}
:root .sec-head{max-width:740px;margin-left:auto;margin-right:auto}
:root .sec-head h2{font-size:clamp(30px,3.6vw,44px);line-height:1.18;text-wrap:balance;background-image:linear-gradient(120deg,var(--ink) 62%,var(--rt-accent));letter-spacing:-.015em}
:root .sec-head p{color:var(--muted);line-height:1.75;font-size:16px}
:root .eyebrow{color:var(--rt-accent);font-size:12px;letter-spacing:1.8px}
:root .guar-card,:root .svc,:root .why,:root .rev,:root .ba-card,:root .faq-item,:root .all-service-link,:root .work-gallery,:root #bookingForm{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--rt-shadow);border-radius:20px}
:root .guar-card{padding:24px;backdrop-filter:blur(12px)}
:root .guar-ic,:root .svc-ic{background:var(--rt-icon);color:var(--rt-accent);border:1px solid var(--line);border-radius:14px}
:root .svc{padding:26px;display:flex;flex-direction:column;will-change:auto;transform-style:flat}
:root .svc h3{font-size:18px;line-height:1.4;font-weight:800}
:root .svc p{font-size:14px;line-height:1.7}
:root .svc .price{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:17px;letter-spacing:.2px;color:var(--green)}
:root .svc:hover,:root .all-service-link:hover{background:var(--card);border-color:var(--rt-accent);box-shadow:var(--rt-hover);transform:translateY(-4px)}
:root .svc:hover .svc-ic{transform:scale(1.04)}
:root .why-num{color:var(--rt-accent);background:var(--rt-tint);display:inline-block;padding:4px 9px;border-radius:8px}
:root .why h3{font-size:19px;line-height:1.35}
:root .why p,:root .rev p{line-height:1.75}
:root .rev .ava{background:var(--rt-tint);color:var(--rt-accent)}
:root .rating-badge{background:var(--rt-band);border-color:var(--line);box-shadow:var(--rt-shadow)}
:root .problem-shortcuts{background:none}
:root .problem-shortcuts-box{background:var(--rt-band);border:1px solid var(--line);color:var(--ink);box-shadow:var(--rt-shadow);border-radius:24px;padding:28px}
:root .problem-shortcuts h2{color:var(--ink);line-height:1.2}
:root .problem-shortcuts p{color:var(--muted)}
:root .problem-link{background:var(--card);border-color:var(--line);color:var(--ink);min-height:54px;border-radius:13px}
:root .problem-link:hover{background:var(--rt-tint);border-color:var(--rt-accent)}
:root .all-services-section{background:var(--rt-soft);border-color:var(--line)}
:root .all-service-link{padding:20px}
:root .all-services-cta{background:var(--rt-button);color:#fff;border-radius:12px}
:root .service-finder{border-color:var(--line);border-radius:18px;background:var(--card);box-shadow:var(--rt-shadow);padding:18px}
:root .service-finder input{background:var(--paper);color:var(--ink);border-color:var(--line)}
:root .services-more,:root .btn-ghost-dark{background:var(--card);border-color:var(--line);color:var(--ink);min-height:48px;border-radius:13px}
:root .services-more:hover,:root .btn-ghost-dark:hover{background:var(--rt-tint);border-color:var(--rt-accent)}
:root .steps,:root .ai-consult,:root .cta{background:var(--rt-band);color:var(--ink);border-color:var(--line)}
:root .steps .sec-head h2,:root .ai-consult .sec-head h2{background-image:linear-gradient(120deg,var(--ink) 62%,var(--rt-accent))}
:root .step,:root .ai-benefit{background:var(--card);border-color:var(--line);border-radius:18px;box-shadow:var(--rt-shadow)}
:root .step h3,:root .ai-benefit b,:root .ai-card label{color:var(--ink)}
:root .step p,:root .steps .sec-head p,:root .ai-consult .sec-head p,:root .ai-benefit p,:root .ai-privacy{color:var(--muted)}
:root .step::before{background:var(--rt-button);color:#fff}
:root .ai-card{background:var(--card);border-color:var(--line);border-radius:24px;box-shadow:var(--rt-shadow)}
:root .ai-consult::before{background:var(--rt-tint);opacity:.65}
:root .ai-chip{background:var(--rt-tint);border-color:var(--line);color:var(--rt-accent);min-height:40px}
:root .ai-chip:hover{background:var(--rt-soft);border-color:var(--rt-accent)}
:root .ai-device,:root .ai-question,:root .field input,:root .field textarea,:root .field select{background:var(--paper);border-color:var(--line);color:var(--ink);border-radius:12px;min-height:48px;font-family:inherit}
:root .ai-question::placeholder,:root .field input::placeholder,:root .field textarea::placeholder{color:var(--muted);opacity:1}
:root .field input:focus,:root .field textarea:focus,:root .field select:focus{background:var(--card);border-color:var(--rt-accent);box-shadow:0 0 0 3px var(--rt-tint)}
:root .ai-result:not(.is-error):not(.is-fallback){background:var(--rt-tint);border-color:var(--line);color:var(--ink)}
:root .calc-list{background:var(--line);border-color:var(--line);border-radius:20px}
:root .calc-cat{background:var(--rt-tint);color:var(--rt-accent);padding:14px 18px;letter-spacing:.7px}
:root .calc-group-meta{color:var(--muted)}
:root .calc-group-meta.has-selection{background:var(--rt-accent-strong);color:#fff}
:root .calc-item{background:var(--card);padding:17px 18px}
:root .calc-item:hover,:root .calc-item:has(input:checked){background:var(--rt-tint)}
:root .calc-item .ci-name{line-height:1.55;font-size:14px}
:root .calc-item .ci-price{font-size:15px}
:root .calc-summary{background:var(--rt-band);border-color:var(--line);border-radius:24px;box-shadow:var(--rt-shadow);padding:28px;top:100px}
:root .calc-selection{background:var(--card);border:1px solid var(--line);color:var(--rt-accent)}
:root .calc-total-lbl,:root .calc-note{color:var(--muted)}
:root .calc-total{font-size:46px;background-image:linear-gradient(135deg,var(--ink),var(--rt-accent));overflow-wrap:anywhere}
:root .faq-item summary{min-height:68px;font-size:15px;font-weight:800}
:root .faq-item[open]{border-color:var(--rt-accent);box-shadow:var(--rt-shadow)}
:root .faq-plus{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--rt-tint);color:var(--rt-accent)}
:root .work-gallery>summary:hover,:root .work-gallery[open]>summary{background:var(--rt-soft);border-color:var(--line)}
:root .work-gallery-icon{background:var(--rt-icon);color:var(--rt-accent);border:1px solid var(--line)}
:root .real-work-proof{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:var(--rt-shadow)}
:root .real-work-proof-copy small{color:var(--muted)}
:root .real-work-proof-action{color:var(--rt-accent)}
:root .cta-box{align-items:start;gap:48px}
:root .cta h2{font-size:clamp(30px,3.5vw,42px);line-height:1.2;text-wrap:balance}
:root .cta p,:root #bookingForm .sub,:root .form-note{color:var(--muted)}
:root #bookingForm{padding:30px}
:root #bookingForm h3{font-size:27px;margin-bottom:12px}
:root .field label{font-size:12px;font-weight:800;line-height:1.5}
:root #bookingForm .btn{background:linear-gradient(135deg,#23764c,#185c3b);color:#fff;white-space:normal}
:root .consent{color:var(--muted);line-height:1.6}
:root .map-card{background:var(--card);border-color:var(--line);box-shadow:var(--rt-shadow);border-radius:20px}
:root .map-card-title{color:var(--ink)}
:root .map-card-text{color:var(--muted)}
:root .map-card-link{color:var(--rt-accent)}
:root .map-card-map{background:var(--rt-band)}
:root .map-card-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px)}
:root .urgency{background:var(--rt-band);border:1px solid var(--line);color:var(--ink)}
:root .urgency h2,:root .urg-item h4{color:var(--ink)}
:root .urgency .sub,:root .urg-item p{color:var(--muted)}
:root .mobile-contact-bar{background:var(--rt-glass);border-color:var(--line);box-shadow:var(--rt-hover)}
:root .mobile-contact-call{background:var(--rt-tint);border-color:var(--line);color:var(--ink)}
:root footer{background:var(--rt-soft);color:var(--muted);border-top:1px solid var(--line)}
:root footer b{color:var(--ink)}
:root footer a{color:var(--rt-accent)}
:root footer .ver,:root .photo-credits{color:var(--muted)}
:root footer .ver{border-color:var(--line)}
:root .cookie-banner,:root .cookie-modal-card{background:var(--rt-glass);color:var(--ink);border-color:var(--line);box-shadow:var(--rt-hover)}
:root .cookie-banner h2,:root .cookie-modal h2,:root .cookie-category strong{color:var(--ink)}
:root .cookie-banner p,:root .cookie-category p,:root .cookie-modal-note{color:var(--muted)}
:root .cookie-banner a,:root .cookie-kicker{color:var(--rt-accent)}
:root .cookie-btn,:root .cookie-close{background:var(--rt-tint);border-color:var(--line);color:var(--ink);min-height:44px}
:root .cookie-btn:hover{background:var(--rt-soft);border-color:var(--rt-accent)}
:root .cookie-btn-primary,:root .cookie-btn-primary:hover{background:var(--rt-button);color:#fff;border-color:var(--rt-accent-strong)}
:root .cookie-category{border-color:var(--line)}
:root .cookie-category-toggle input{background:var(--rt-tint);border-color:var(--line)}
:root .cookie-category-toggle input:checked{background:var(--rt-accent-strong);border-color:var(--rt-accent-strong)}
html.classic-theme .cookie-always{background:#e6f7ed;color:#216849}
:root :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--rt-accent);outline-offset:4px}
@media(max-width:980px){
  :root .hero .wrap{grid-template-columns:minmax(0,1fr);gap:38px}
  :root .hero{min-height:auto}
  :root .hero-showcase{min-height:350px;max-width:540px;width:100%;margin:auto}
}
@media(max-width:640px){
  :root .hero{padding:42px 0 60px}
  :root .hero h1{font-size:clamp(35px,10.4vw,48px);max-width:17ch}
  :root .hero p.lead{font-size:16px;line-height:1.7}
  :root .hero .wrap{gap:26px}
  :root .hero-cta{gap:10px;margin-bottom:28px}
  :root .hero-trust{gap:16px;padding-top:18px}
  :root .hero-rating-link{justify-content:center;border-radius:14px}
  :root .hero-showcase{min-height:290px}
  :root .sec-head p{font-size:14px}
  :root .svc,:root .guar-card,:root .why,:root .rev{padding:22px}
  :root .svc-grid{gap:12px}
  :root .problem-shortcuts-box{padding:22px 18px}
  :root .service-finder{padding:16px}
  :root .calc-item{gap:9px;padding:15px 12px;flex-wrap:wrap}
  :root .calc-item .ci-name{min-width:0;flex:1 1 155px;font-size:13px}
  :root .calc-item .ci-price{margin-left:auto;max-width:100%;font-size:14px}
  :root .calc-summary,:root #bookingForm{padding:22px;border-radius:20px}
  :root .field-row{flex-wrap:wrap}
  :root .field-row .field{flex:1 1 140px;min-width:0}
  :root .cta-box{gap:28px}
  :root .cta-phone{font-size:14px;line-height:1.5}
  :root .faq-item summary{padding:18px;font-size:14px}
  :root .faq-body{padding:0 18px 18px;font-size:14px}
}
@media(hover:none){:root .svc:hover,:root .all-service-link:hover{transform:none;box-shadow:var(--rt-shadow)}}
@media(prefers-reduced-motion:reduce){:root .svc:hover,:root .btn:hover{transform:none}}

/* Preserve catalog disclosure and search filtering with flex cards. */
:root .svc[hidden]{display:none!important}

/* Keep long service grids readable immediately; animate individual actions. */
:root .svc-grid.reveal,:root .svc-grid.reveal-stagger>*{opacity:1;transform:none}
:root .guarantees{padding-bottom:24px}
:root .eyebrow::before{background:linear-gradient(90deg,var(--rt-accent),var(--rt-accent-strong))}

/* Reserve a separate row above the device for its rating badge in every palette. */
:root .hero-showcase{padding-top:88px}
:root .hero-showcase .proof-a{top:0;left:12px;right:auto;bottom:auto}
@media(max-width:640px){:root .hero-showcase{padding-top:0}}


/* Предзаказ с Kaspi QR: общая компоновка и переменные для всех трёх тем. */
.prepay-section{padding:clamp(64px,7vw,104px) 0;background:var(--rt-band,var(--paper))}
.prepay-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,5vw,78px);align-items:start}
.prepay-copy{padding:clamp(8px,2vw,28px) 0}
.prepay-kicker{display:inline-block;color:var(--rt-accent);font-size:.76rem;font-weight:850;letter-spacing:.12em}
.prepay-copy h2{max-width:650px;margin:20px 0 22px;font-size:clamp(2.15rem,4vw,4rem);line-height:1.08;letter-spacing:-.045em;color:var(--ink)}
.prepay-copy>p{max-width:590px;color:var(--muted);line-height:1.7;font-size:1.05rem}
.prepay-steps{display:grid;gap:12px;margin:34px 0}
.prepay-steps>div{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:var(--rt-shadow)}
.prepay-steps b{color:var(--rt-accent);font-variant-numeric:tabular-nums}
.prepay-copy .prepay-fine{font-size:.9rem;line-height:1.6}
.prepay-card{padding:clamp(22px,3vw,38px);border:1px solid var(--line);border-radius:26px;background:var(--card);color:var(--ink);box-shadow:var(--rt-shadow)}
.prepay-card h3{font-size:clamp(1.35rem,2vw,1.8rem);margin:0 0 24px}
.prepay-card .field{min-width:0}
.prepay-card select,.prepay-card input,.prepay-card textarea{max-width:100%}
.prepay-pricing{border:1px solid var(--line);background:var(--rt-tint);border-radius:18px;padding:18px 20px;margin:18px 0 24px}
.prepay-pricing>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:5px 0;color:var(--muted)}
.prepay-pricing s{white-space:nowrap}
.prepay-pricing .prepay-final{color:var(--ink);font-weight:700;font-size:1.03rem}
.prepay-final strong{font-size:clamp(1.5rem,2.7vw,2.15rem);white-space:nowrap;color:var(--rt-accent);font-variant-numeric:tabular-nums}
.prepay-pricing small{display:block;margin-top:9px;color:var(--muted)}
.prepay-submit,.prepay-wa{width:100%;justify-content:center;text-align:center}
.prepay-submit,:root .prepay-submit{background:var(--rt-button);color:#fff;border:1px solid var(--rt-accent-strong)}
.prepay-result{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}
.prepay-result[hidden]{display:none}
.prepay-result h3{margin:12px 0}
.prepay-result>p,.prepay-result>small{color:var(--muted);line-height:1.6}
.prepay-qr{width:min(100%,295px);padding:12px;margin:20px auto;background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.13)}
.prepay-qr img{display:block;width:100%;height:auto;image-rendering:auto}
.prepay-instructions{color:var(--ink);padding-left:22px;line-height:1.6}
.prepay-instructions li+li{margin-top:7px}
.prepay-mobile-note a{color:var(--rt-accent);font-weight:700;text-decoration:underline}
.btn-prepay{background:var(--rt-tint);color:var(--ink);border:1px solid var(--rt-accent)}
.btn-prepay:hover{background:var(--rt-accent);color:var(--card)}
@media(max-width:860px){.prepay-shell{grid-template-columns:1fr}.prepay-copy{padding:0}.prepay-card{max-width:680px}}
@media(max-width:540px){.prepay-section{padding:58px 0}.prepay-card{padding:22px 18px;border-radius:20px}.prepay-pricing{padding:14px}.prepay-pricing>div{flex-wrap:wrap}.prepay-steps>div{padding:13px 14px}}

.prepay-card form[hidden]{display:none}


/* Refined service and checkout rhythm shared by the three palettes. */
:root .hero h1{line-height:1.08;text-wrap:balance}
:root .hero p.lead{line-height:1.72}
:root .hero-cta{align-items:stretch}
:root .hero-cta .btn{justify-content:center;text-align:center;line-height:1.3}
:root .svc,:root .all-service-link,:root .guar-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
:root .svc h3{line-height:1.28;text-wrap:balance}
:root .svc p{line-height:1.65}
:root .svc .price{font-variant-numeric:tabular-nums}
:root .service-finder input{min-height:48px}
:root .prepay-section{position:relative;isolation:isolate}
:root .prepay-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 5% 10%,var(--rt-tint),transparent 35%),radial-gradient(circle at 94% 92%,var(--rt-tint),transparent 30%);opacity:.55}
:root .prepay-copy h2{text-wrap:balance;max-width:16ch}
:root .prepay-steps>div{min-height:66px;box-shadow:var(--rt-shadow);transition:transform .2s ease,border-color .2s ease}
:root .prepay-steps>div:hover{transform:translateX(3px);border-color:var(--rt-accent)}
:root .prepay-steps b{font-size:1.18rem;min-width:2ch}
:root .prepay-card{box-shadow:var(--rt-hover)}
:root .prepay-card .field label{font-size:.93rem;font-weight:750}
:root .prepay-card select,:root .prepay-card input,:root .prepay-card textarea{min-height:48px;border-radius:12px}
:root .prepay-card textarea{min-height:90px}
:root .prepay-pricing{border-radius:20px}
:root .prepay-pricing .prepay-final{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
:root .prepay-pricing .prepay-final strong{font-size:clamp(1.65rem,3vw,2.4rem)}
:root .prepay-submit{min-height:54px;box-shadow:0 12px 28px rgba(0,0,0,.12)}
:root .prepay-submit:hover{filter:brightness(1.08)}
:root .prepay-fine{padding-left:14px;border-left:3px solid var(--rt-accent);color:var(--muted)}
:root .faq-item summary{line-height:1.5}
:root .calc-summary{box-shadow:var(--rt-hover)}
@media(max-width:860px){
  :root .prepay-shell{gap:22px}
  :root .prepay-copy h2{max-width:19ch}
}
@media(max-width:640px){
  :root .hero-cta .btn{min-height:50px}
  :root .prepay-copy h2{font-size:clamp(2rem,9vw,2.8rem);max-width:19ch}
  :root .prepay-steps{margin:22px 0;gap:9px}
  :root .prepay-steps>div{min-height:58px}
  :root .prepay-card{box-shadow:var(--rt-shadow)}
  :root .prepay-pricing .prepay-final{align-items:flex-start}
  :root .prepay-pricing .prepay-final strong{font-size:1.8rem}
}
@media(hover:none){:root .prepay-steps>div:hover{transform:none}}
@media(prefers-reduced-motion:reduce){:root .prepay-steps>div{transition:none}}

/* Visual system 2026-09: consistent rhythm, equal-height cards and cleaner responsive hierarchy. */
:root .wrap{max-width:1180px}
:root main>section{position:relative;padding-block:clamp(64px,7vw,96px)}
:root main>section:not(.hero):not(.steps):not(.ai-consult):not(.cta):not(.prepay-section){border-color:var(--line)}
:root .sec-head{margin-bottom:clamp(30px,4vw,46px)}
:root .sec-head h2{max-width:18ch}
:root .sec-head p{max-width:62ch}
:root .hero-copy{min-width:0}
:root .hero-cta .btn{flex:0 1 auto}
:root .guar-grid,:root .svc-grid,:root .why-grid,:root .rev-grid,:root .step-grid,:root .all-services-grid{align-items:stretch}
:root .guar-card,:root .svc,:root .why,:root .rev,:root .step,:root .all-service-link{height:100%}
:root .guar-card,:root .svc,:root .why,:root .rev,:root .step{display:flex;flex-direction:column}
:root .svc .price,:root .rev .who{margin-top:auto}
:root .svc p,:root .why p,:root .rev p,:root .step p{max-width:64ch}
:root .svc,:root .why,:root .rev,:root .guar-card{position:relative;isolation:isolate;overflow:hidden}
:root .step{position:relative;isolation:isolate;overflow:visible}
:root .svc::after,:root .why::after,:root .rev::after,:root .guar-card::after{content:"";position:absolute;inset:auto -25% -60% 35%;height:150px;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--rt-tint),transparent 68%);opacity:.72;transition:transform .28s ease,opacity .28s ease}
:root .svc:hover::after,:root .why:hover::after,:root .rev:hover::after,:root .guar-card:hover::after{transform:translate(-8px,-8px) scale(1.08);opacity:1}
:root .problem-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
:root .problem-link{justify-content:flex-start;padding-inline:16px}
:root .service-finder input{box-shadow:inset 0 1px 2px rgba(0,0,0,.035)}
:root .all-service-link{display:flex;flex-direction:column;justify-content:center;min-height:96px}
:root .faq-list{max-width:920px;margin-inline:auto}
:root .map-card,:root .work-gallery,:root .real-work-proof{overflow:hidden}
:root .mobile-contact-bar{border-radius:18px}

html.classic-theme body{background:linear-gradient(180deg,#f8faff 0%,#f4f7fb 46%,#f7f9fc 100%)}
html.classic-theme .svc,html.classic-theme .why,html.classic-theme .rev,html.classic-theme .guar-card,html.classic-theme .all-service-link{box-shadow:0 16px 42px rgba(35,61,104,.075)}
html.classic-theme .problem-shortcuts-box{border-color:#d4def0;box-shadow:0 22px 54px rgba(35,61,104,.095)}
html.classic-theme .btn-call{background:#fff}

@media(max-width:980px){
  :root .wrap{padding-inline:clamp(18px,4vw,30px)}
  :root .problem-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root main>section{padding-block:clamp(56px,8vw,78px)}
}
@media(max-width:640px){
  :root .topbar .wrap{display:grid;grid-template-columns:1fr;gap:5px;padding-block:9px;text-align:center}
  :root header .wrap{min-height:66px}
  :root .hero{padding-top:36px}
  :root .hero h1{font-size:clamp(34px,10.2vw,46px)}
  :root .hero-cta{display:grid;grid-template-columns:1fr}
  :root .hero-cta .btn{width:100%;min-height:54px}
  :root .hero-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  :root .trust-item{align-items:flex-start}
  :root .problem-links{grid-template-columns:1fr}
  :root .problem-link{min-height:58px}
  :root .svc,:root .why,:root .rev,:root .step,:root .guar-card{border-radius:18px}
  :root .mobile-contact-bar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media(hover:none){:root .svc::after,:root .why::after,:root .rev::after,:root .guar-card::after{transform:none}}


/* 2026-09: legible contact hierarchy and a more tactile light theme. */
:root .topbar .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:20px;
  row-gap:3px;
  padding-block:9px;
}
:root .topbar .wrap>span:first-child{grid-column:1;grid-row:1;margin:0;min-width:0}
:root .topbar .business-status{grid-column:2;grid-row:1;margin:0;justify-self:end}
:root .topbar .hours{grid-column:1/-1;grid-row:2;margin:0;justify-self:end;line-height:1.4;text-align:right}
:root .topbar a{text-decoration-thickness:1px;text-underline-offset:3px}
:root :is(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid #5278e5;
  outline-offset:3px;
}
html.classic-theme .hero{
  background:
    radial-gradient(ellipse at 10% 16%,rgba(73,111,235,.18),transparent 42%),
    radial-gradient(ellipse at 95% 88%,rgba(27,168,188,.19),transparent 43%),
    linear-gradient(125deg,#f9fbff 0%,#edf3ff 56%,#e8f8fc 100%);
}
html.classic-theme .hero .eyebrow{color:#3155af}
html.classic-theme .hero p.lead{color:#425573}
html.classic-theme .hero-rating-link{background:#fff;border-color:#d5e1ef;box-shadow:0 8px 26px rgba(26,59,109,.07)}
html.classic-theme .svc,html.classic-theme .why,html.classic-theme .rev,html.classic-theme .guar-card{
  border-color:#d9e3f0;
  box-shadow:0 1px 0 #fff inset,0 14px 38px rgba(39,70,117,.08);
}
html.classic-theme .svc:hover,html.classic-theme .why:hover,html.classic-theme .guar-card:hover{
  border-color:#9ab8ed;
  box-shadow:0 18px 44px rgba(39,70,117,.13);
}
html.classic-theme .service-finder input:focus-visible{box-shadow:0 0 0 4px rgba(77,112,217,.16)}
@media(max-width:760px){
  :root .topbar .wrap{grid-template-columns:1fr auto;gap:5px 10px}
  :root .topbar .business-status{order:initial;width:auto}
  :root .topbar .hours{justify-self:start;text-align:left}
}
@media(max-width:640px){
  :root .topbar .wrap{grid-template-columns:1fr;gap:5px;text-align:center}
  :root .topbar .business-status{grid-column:1;grid-row:1;justify-self:center}
  :root .topbar .wrap>span:first-child{grid-column:1;grid-row:2}
  :root .topbar .hours{grid-column:1;grid-row:3;justify-self:center;text-align:center;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html.classic-theme .svc,html.classic-theme .why,html.classic-theme .guar-card{transition:none}
}

/* The warm palette carries its own backgrounds and borders throughout the page. */
html.classic-theme.warm-theme body{background:linear-gradient(180deg,#faf6ef 0%,#f4eee4 55%,#f8f3eb 100%)}
html.classic-theme.warm-theme .hero{
  background:
    radial-gradient(ellipse at 12% 12%,rgba(195,141,71,.18),transparent 42%),
    radial-gradient(ellipse at 96% 88%,rgba(148,113,67,.13),transparent 42%),
    linear-gradient(125deg,#fcf7ed 0%,#f5ecde 56%,#eee2cf 100%);
}
html.classic-theme.warm-theme .hero .eyebrow{color:#805523}
html.classic-theme.warm-theme .hero p.lead{color:#5e5347}
html.classic-theme.warm-theme .hero-rating-link{background:#fffaf1;border-color:#e3d4be;box-shadow:0 8px 26px rgba(94,65,32,.09)}
html.classic-theme.warm-theme .svc,
html.classic-theme.warm-theme .why,
html.classic-theme.warm-theme .rev,
html.classic-theme.warm-theme .guar-card,
html.classic-theme.warm-theme .all-service-link{
  border-color:#e3d6c2;
  box-shadow:0 1px 0 #fff inset,0 14px 38px rgba(92,67,37,.09);
}
html.classic-theme.warm-theme .svc:hover,
html.classic-theme.warm-theme .why:hover,
html.classic-theme.warm-theme .guar-card:hover{
  border-color:#c7a672;
  box-shadow:0 18px 44px rgba(92,67,37,.15);
}
html.classic-theme.warm-theme .problem-shortcuts-box{border-color:#dfcfb8;box-shadow:0 22px 54px rgba(92,67,37,.10)}
html.classic-theme.warm-theme .service-finder input:focus-visible{box-shadow:0 0 0 4px rgba(165,112,44,.16)}

/* Give desktop navigation enough breathing room between all six links. */
@media(min-width:1180px){
  :root header .wrap{max-width:1260px}
  :root .desktop-links{gap:clamp(16px,1.5vw,23px)}
}

/* 4.13 — one visual rhythm for the three palettes. */
:root{--rt-promo:#86d8ff;--rt-promo-bg:linear-gradient(135deg,#173465,#254caf)}
html.classic-theme{--rt-promo:#3154bc;--rt-promo-bg:linear-gradient(135deg,#e7eeff,#d6e5ff)}
html.classic-theme.warm-theme{--rt-promo:#704315;--rt-promo-bg:linear-gradient(135deg,#f8ead2,#ecd5b2)}
:root .hero-cta .btn-prepay{
  background:var(--rt-promo-bg);
  color:var(--rt-promo);
  border:1px solid currentColor;
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 10px 28px rgba(15,35,84,.15);
  font-weight:850;
}
:root .hero-cta .btn-prepay:hover{
  background:var(--rt-promo-bg);
  color:var(--rt-promo);
  box-shadow:0 15px 34px rgba(15,35,84,.23);
}
:root .hero-cta .btn-wa{box-shadow:0 13px 29px rgba(12,167,95,.22)}
:root .hero-response{max-width:61ch}
:root .hero-rating-link{font-size:13px;line-height:1.5}
:root .hero-trust{align-items:start}
:root .trust-item{min-width:0}
:root .trust-num{line-height:1.12}
:root .sec-head h2{max-width:22ch;margin-inline:auto}
:root .svc,:root .guar-card,:root .why,:root .rev{
  box-shadow:0 1px 0 rgba(255,255,255,.13) inset,var(--rt-shadow);
}
:root .svc h3,:root .guar-card h3{letter-spacing:-.01em}
:root .svc p,:root .why p,:root .step p{line-height:1.7}
:root .service-finder input{font-size:16px}
:root .problem-link:focus-visible,:root .all-service-link:focus-visible{
  outline:3px solid var(--rt-accent);outline-offset:3px;
}
html.classic-theme .svc,
html.classic-theme .why,
html.classic-theme .rev,
html.classic-theme .guar-card{background:#fff}
html.classic-theme.warm-theme .svc,
html.classic-theme.warm-theme .why,
html.classic-theme.warm-theme .rev,
html.classic-theme.warm-theme .guar-card{background:#fffdf8}
@media(max-width:980px){
  :root .hero .wrap{gap:26px}
  :root .hero-response{margin-inline:auto}
}
@media(max-width:640px){
  :root .hero{padding-top:42px}
  :root .hero h1{font-size:clamp(36px,10.4vw,52px);line-height:1.12}
  :root .hero p.lead{font-size:16px;line-height:1.65}
  :root .hero-cta{gap:9px}
  :root .hero-cta .btn{min-height:52px}
  :root .hero-cta .btn-prepay{order:3}
  :root .hero-cta .btn-call{order:4}
  :root .hero-rating-link{font-size:13px}
  :root .sec-head p,:root .svc p,:root .step p{font-size:16px}
  :root .trust-lbl{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  :root .hero-cta .btn-prepay,:root .hero-cta .btn-wa{transition:none}
}

/* Focused first screen: two primary choices and one real work photo. */
:root .hero{min-height:0;padding-block:clamp(56px,6vw,82px)}
:root .hero .wrap{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(34px,5vw,72px)}
:root .hero h1{font-size:clamp(42px,4.6vw,60px);max-width:18ch}
:root .hero p.lead{max-width:48ch;margin-bottom:25px}
:root .hero-cta{margin-bottom:18px}
:root .hero-cta .btn{min-height:55px}
:root .hero-response{margin-bottom:7px}
:root .hero-rating-link{margin-bottom:22px}
:root .hero-trust{gap:16px 24px}
:root .hero-work{position:relative;isolation:isolate;min-width:0;aspect-ratio:4/4.3;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(0,0,0,.28);background:#111c31}
:root .hero-work img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.04)}
:root .hero-work::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(5,14,30,.92));pointer-events:none}
:root .hero-work figcaption{position:absolute;z-index:1;left:clamp(22px,3vw,36px);right:clamp(22px,3vw,36px);bottom:clamp(22px,3vw,36px);display:grid;gap:8px;color:#fff}
:root .hero-work figcaption span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#9be6f3}
:root .hero-work figcaption strong{font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(23px,2.3vw,34px);line-height:1.18;max-width:18ch}
html.classic-theme .hero-work{border-color:#c7d5ea;box-shadow:0 25px 60px rgba(35,61,104,.18)}
html.classic-theme.warm-theme .hero-work{border-color:#d9cbb6;box-shadow:0 25px 60px rgba(85,61,31,.18)}
@media(max-width:980px){
  :root .hero .wrap{grid-template-columns:1fr;gap:30px}
  :root .hero-work{width:min(100%,680px);aspect-ratio:16/9;margin-inline:auto}
}
@media(max-width:640px){
  :root .hero{padding-block:34px 50px}
  :root .hero h1{font-size:clamp(36px,10.4vw,48px)}
  :root .hero-cta{gap:9px}
  :root .hero-trust{gap:14px}
  :root .hero-work{aspect-ratio:4/3;border-radius:18px}
  :root .hero-work figcaption{left:20px;right:20px;bottom:18px}
  :root .hero-work figcaption strong{font-size:24px}
}

/* Align the real diagnostic photo with the first-screen message. */
@media (min-width:981px){
  :root .hero-work{align-self:start;margin-top:clamp(22px,3.2vw,44px)}
}
/* Make the working hours easier to read in the compact contact strip. */
:root .topbar .hours{font-size:13px;color:#cbd5e7}
html.classic-theme .topbar .hours{color:#364963}
html.classic-theme.warm-theme .topbar .hours{color:#514532}
@media(max-width:640px){:root .topbar .hours{font-size:13px}}