/* titanium-gold: independent visual finish; keep layout and theme configuration intact. */
body.demo03{--tech-glow:#f6d58d;--tech-radius:12px;--font:"Segoe UI",Inter,Arial,sans-serif;font-family:var(--font);-webkit-font-smoothing:antialiased}
body.demo03 :is(h1,h2,h3,h4,.btn,.nav){font-family:"Segoe UI",Inter,Arial,sans-serif}
body.demo03 h2{letter-spacing:-.025em;line-height:1.25}body.demo03 h3{letter-spacing:-.012em;line-height:1.4}
body.demo03 :is(.d2-kicker,.eyebrow,.breadcrumbs){font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.12em;font-size:11px}
body.demo03 :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.demo03 .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.demo03 :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.demo03 :is(input,textarea,select){font-family:inherit;border-radius:6px;border-color:var(--theme-line)}
body.demo03 :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--theme-primary);outline-offset:4px}
body.demo03 .header{box-shadow:0 5px 24px #0d1e3010}
body.demo03 .page-hero{border-bottom:1px solid var(--theme-line)}
body.demo03 .footer{border-top:2px solid var(--theme-primary)}
body.demo03.is-home .d3-hero{position:relative;overflow:hidden}
body.demo03.is-home .d3-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.demo03 :is(.btn,.hbmmt_btn-white,.hbmmt_btn-glass):hover{transform:translateY(-2px)}body.demo03 :is(.d2-prod,.card,.catalog-category,.advantage-card):hover{border-color:var(--theme-primary);box-shadow:0 16px 34px #0c234016;transform:translateY(-4px)}}
/* Keep the full-width hero as the image containing block. */
body.demo03.is-home .d3-hero .d3-hero-grid{position:static;z-index:auto}
body.demo03{--theme-surface:#fbfcfe;--theme-surface-soft:#f0f3f8}.d3-values article{border:1px solid #dbe1eb;border-top:3px solid #b68a30;border-radius:12px;padding:28px;background:#fff}.d3-metrics{border-block:1px solid #dbe1eb}.d3-metrics strong{font-variant-numeric:tabular-nums}.section.soft{background-image:linear-gradient(120deg,#d4a01709,transparent 60%)}
@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.demo03 :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}}

body.demo03.is-home .d2-hero-slide img{animation:brand-slide-breathe 13s ease-in-out infinite alternate;transform-origin:60% center;will-change:transform}
@keyframes brand-slide-breathe{from{transform:scale(1.015)}to{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){body.demo03.is-home .d2-hero-slide img{animation:none;transform:none}}