/* champagne-tech: independent visual finish; keep layout and theme configuration intact. */
body.demo10{--tech-glow:#f5d99a;--tech-radius:4px;--font:"Segoe UI",Inter,Arial,sans-serif;font-family:var(--font);-webkit-font-smoothing:antialiased}
body.demo10 :is(h1,h2,h3,h4,.btn,.nav){font-family:"Segoe UI",Inter,Arial,sans-serif}
body.demo10 h2{letter-spacing:-.025em;line-height:1.25}body.demo10 h3{letter-spacing:-.012em;line-height:1.4}
body.demo10 :is(.d2-kicker,.eyebrow,.breadcrumbs){font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.12em;font-size:11px}
body.demo10 :is(.btn,.hbmmt_btn-white,.hbmmt_btn-glass){min-height:46px;border-radius:var(--tech-radius);transition:transform .25s,box-shadow .25s,background-color .25s}
body.demo10 .btn:not(.outline){background:linear-gradient(125deg,var(--theme-primary),var(--theme-primary-dark));box-shadow:0 6px 18px color-mix(in srgb,var(--theme-primary) 18%,transparent);color:#fff}
body.demo10 :is(.d2-prod,.card,.catalog-category,.advantage-card,.d2-proj){border-radius:var(--tech-radius);border-color:var(--theme-line);box-shadow:0 8px 30px #0f234008;transition:transform .25s,box-shadow .25s,border-color .25s}
body.demo10 :is(input,textarea,select){font-family:inherit;border-radius:6px;border-color:var(--theme-line)}
body.demo10 :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--theme-primary);outline-offset:4px}
body.demo10 .header{box-shadow:0 5px 24px #0d1e3010}
body.demo10 .page-hero{border-bottom:1px solid var(--theme-line)}
body.demo10 .footer{border-top:2px solid var(--theme-primary)}
body.demo10.is-home .d10-hero{position:relative;overflow:hidden}
body.demo10.is-home .d10-hero .tech-atmosphere{position:absolute;inset:0 0 0 48%;z-index:1;pointer-events:none;overflow:hidden;opacity:.65;background:radial-gradient(ellipse at 70% 50%,color-mix(in srgb,var(--tech-glow) 13%,transparent),transparent 67%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.tech-atmosphere::before{content:"";position:absolute;width:min(48vw,700px);aspect-ratio:1;right:-8%;top:8%;border:1px solid color-mix(in srgb,var(--tech-glow) 35%,transparent);border-radius:50%;box-shadow:0 0 0 44px #ffffff04,0 0 0 88px #ffffff03,inset 0 0 70px #ffffff05;animation:tech-orbit 18s ease-in-out infinite alternate}
.tech-atmosphere::after{content:"";position:absolute;inset:12% 10%;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
@keyframes tech-orbit{from{transform:translate(0,-2%) scale(.95)}to{transform:translate(-5%,6%) scale(1.08)}}
@media(hover:hover){body.demo10 :is(.btn,.hbmmt_btn-white,.hbmmt_btn-glass):hover{transform:translateY(-2px)}body.demo10 :is(.d2-prod,.card,.catalog-category,.advantage-card):hover{border-color:var(--theme-primary);box-shadow:0 16px 34px #0c234016;transform:translateY(-4px)}}
body.demo10.is-home .d10-hero>:not(.d10-hero-media):not(.tech-atmosphere){position:relative;z-index:2}
body.demo10{--theme-surface:#fdfdfc;--theme-surface-soft:#f3f4f5}.d10-story{border:1px solid #dddfe4;border-radius:8px;overflow:hidden;background:#fff}.d10-story-copy{padding:28px}.d10-list article{padding:26px;border-left:2px solid #b49450;background:linear-gradient(120deg,#f6f3eb,#fff);margin-bottom:16px}.d10-stats{border-block:1px solid #d8d9dd}.d10-service-salon{background-image:radial-gradient(ellipse at right top,#d4a01712,transparent 55%)}
@media(max-width:700px){.tech-atmosphere{display:none}.d12-panel{padding:22px}.hbmmt_hero-text{padding-left:16px}.d10-story-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){.tech-atmosphere::before,.tech-atmosphere::after{animation:none}body :is(.btn,.card,.d2-prod,.catalog-category,.advantage-card){transition:none}}

body.demo10 :is(h1,h2,h3){font-family:"Segoe UI",Inter,Arial,sans-serif!important}

.tech-atmosphere{user-select:none;pointer-events:none!important}

/* Keep the company identity visible with both uploaded and fallback logos. */
.header .logo{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto;text-decoration:none}
.header .logo .logo-image{display:block;width:auto;height:44px;max-width:100px;max-height:44px;object-fit:contain;flex-shrink:0}
.logo .logo-wordmark{display:block;min-width:0;text-align:left}
.logo .logo-wordmark strong{display:block;font-family:var(--font,Arial,sans-serif);font-size:19px;font-weight:650;line-height:1.25;letter-spacing:.01em;text-transform:none;overflow-wrap:anywhere}
.logo .logo-wordmark small{display:block;margin-top:4px;font-size:10px;line-height:1.4;letter-spacing:.08em;text-transform:none}
.header .logo-wordmark{max-width:220px}
@media(max-width:1150px){.header .logo-wordmark{max-width:160px}.header .logo .logo-wordmark strong{font-size:17px}.header .logo .logo-wordmark small{font-size:9px}}
@media(max-width:600px){.header .logo{gap:9px;max-width:calc(100% - 85px)}.header .logo .logo-image{height:36px;max-height:36px;max-width:70px}.header .logo-wordmark{max-width:190px}.header .logo .logo-wordmark strong{font-size:16px}.header .logo .logo-wordmark small{font-size:9px;letter-spacing:.03em}}