.applications{--accent:var(--brand-primary);--accent-rgb:var(--brand-primary-rgb);background:#eef0f2;color:#FFFFFF;overflow:hidden}
.applications-shell{padding:34px clamp(24px,4.7vw,86px) 27px;background:#eef0f2}
.applications-topline,.applications-endline{display:flex;align-items:center;justify-content:space-between;gap:24px;color:rgba(255,255,255,0.72);font-size:10px;font-weight:700;letter-spacing:.19em}
.applications-topline{border-bottom:1px solid rgba(255,255,255,0.12);padding-bottom:25px}
.applications-layout{display:grid;grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(50px,5.5vw,105px);min-height:min(900px,100svh);padding:105px 0 118px}
.applications-copy{max-width:520px}
.applications-kicker{color:var(--accent);font-size:11px;letter-spacing:.22em;font-weight:700;margin:0 0 30px}
.applications h2{font-size:clamp(52px,5.25vw,88px);font-weight:400;letter-spacing:-.062em;line-height:1.05;margin:0}
.applications h2 em{font-style:normal;color:var(--accent)}
.applications-intro{font-size:clamp(16px,1.15vw,19px);line-height:1.6;color:rgba(255,255,255,0.72);max-width:450px;margin:30px 0 48px}
.applications-sectors{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,0.12);max-width:520px}
.applications-sectors li{display:grid;grid-template-columns:37px 1fr;gap:16px;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.12);padding:18px 0;color:#FFFFFF;font-size:clamp(15px,1.08vw,17px);line-height:1.35}
.applications-sectors li span:first-child{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.15em}
.applications-visual{margin:0;min-width:0;width:100%}
.applications-image-frame{position:relative;width:100%;isolation:isolate}
.applications-image-stage{position:relative;box-shadow:0 26px 55px rgba(0,0,0,.12)}
.applications-image-frame img{display:block;width:100%;height:auto}
.applications-hotspot{position:absolute;z-index:2;left:var(--spot-x);top:var(--spot-y);transform:translate(-50%,-50%);width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#eef0f2;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.35),0 4px 18px rgba(0,0,0,.12)}
.applications-hotspot span{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.2),0 0 10px rgba(var(--accent-rgb),.35)}
.applications-hotspot:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:50%;animation:applications-breathe 3.2s ease-in-out infinite}
.applications-hotspot:hover,.applications-hotspot[aria-expanded="true"]{background:#eef0f2;box-shadow:0 0 0 1px var(--accent),0 5px 22px rgba(0,0,0,.18)}
.applications-hotspot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@keyframes applications-breathe{50%{transform:scale(1.13);opacity:.45}}
.applications-panel{position:absolute;z-index:3;width:min(286px,50%);padding:20px 22px 22px;background:#eef0f2;backdrop-filter:blur(10px);border:1px solid rgba(var(--accent-rgb),.56);box-shadow:0 18px 45px rgba(0,0,0,.18);color:#FFFFFF}
.applications-panel[hidden]{display:none}
.applications-panel:before{content:"";position:absolute;left:-24px;top:-1px;width:24px;border-top:1px solid var(--accent)}
.applications-panel--shared{left:calc(21.76% + 23px);top:calc(36% + 20px)}
.applications-panel--hexopus{left:calc(47.66% + 23px);top:calc(36.32% + 20px)}
.applications-panel-index{font-size:9px;color:var(--accent);font-weight:700;letter-spacing:.18em}
.applications-panel h3{font-size:21px;letter-spacing:-.035em;font-weight:400;margin:14px 0 9px}
.applications-panel p{font-size:14px;line-height:1.5;color:rgba(255,255,255,0.72);margin:0}
.applications-visual figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,0.12);padding-top:18px;margin-top:17px;font-size:10px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,0.72)}
.applications-endline{border-top:1px solid rgba(255,255,255,0.12);padding-top:25px}
@media(max-width:1100px){.applications-layout{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:40px}.applications h2{font-size:clamp(48px,5.7vw,70px)}.applications-panel{width:min(270px,60%)}}
@media(max-width:1000px){.applications-layout{display:flex;flex-direction:column;align-items:stretch;gap:60px;min-height:0;padding:95px 0}.applications-copy{max-width:690px}.applications-visual{width:100%}}
@media(max-width:760px){.applications-shell{padding:23px 21px 24px}.applications-topline,.applications-endline{font-size:9px}.applications-topline{padding-bottom:20px}.applications-topline span:last-child,.applications-endline span:last-child{display:none}.applications-layout{display:flex;flex-direction:column;align-items:stretch;gap:47px;min-height:0;padding:76px 0 78px}.applications-copy{max-width:none}.applications-kicker{font-size:10px;margin-bottom:23px}.applications h2{font-size:clamp(50px,12vw,74px)}.applications-intro{margin:25px 0 34px}.applications-sectors li{padding:16px 0;font-size:16px}.applications-visual{width:100%}.applications-panel{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto;width:100%;margin-top:12px;padding:16px 18px 18px;box-shadow:0 10px 25px rgba(0,0,0,.1)}.applications-panel:before{display:none}.applications-panel h3{font-size:19px;margin:9px 0 7px}.applications-panel p{font-size:14px;line-height:1.45}.applications-panel-index{font-size:9px}.applications-visual figcaption{font-size:9px;padding-top:14px;margin-top:13px}.applications-visual figcaption span:last-child{display:none}.applications-endline{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.applications-hotspot:after{animation:none}}

/* Contextual light surfaces: colour roles only; dark-primary regions remain unchanged. */
:is(.applications){color:#182132;color-scheme:light}
:is(.applications) .product-eyebrow{color:#65737f}
:is(.applications):is(.applications),:is(.applications) :is(.applications){color:#182132}
:is(.applications):is(.applications-topline),:is(.applications) :is(.applications-topline),:is(.applications):is(.applications-endline),:is(.applications) :is(.applications-endline){color:rgba(24,33,50,0.72)}
:is(.applications):is(.applications-topline),:is(.applications) :is(.applications-topline){border-bottom-color:rgba(24,33,50,0.12)}
:is(.applications):is(.applications-kicker),:is(.applications) :is(.applications-kicker){color:#65737f}
:is(.applications):is(.applications h2 em),:is(.applications) :is(.applications h2 em){color:#65737f}
:is(.applications):is(.applications-intro),:is(.applications) :is(.applications-intro){color:rgba(24,33,50,0.72)}
:is(.applications):is(.applications-sectors),:is(.applications) :is(.applications-sectors){border-top-color:rgba(24,33,50,0.12)}
:is(.applications):is(.applications-sectors li),:is(.applications) :is(.applications-sectors li){border-bottom-color:rgba(24,33,50,0.12);color:#182132}
:is(.applications):is(.applications-sectors li span:first-child),:is(.applications) :is(.applications-sectors li span:first-child){color:#65737f}
:is(.applications):is(.applications-panel),:is(.applications) :is(.applications-panel){color:#182132}
:is(.applications):is(.applications-panel-index),:is(.applications) :is(.applications-panel-index){color:#65737f}
:is(.applications):is(.applications-panel p),:is(.applications) :is(.applications-panel p){color:rgba(24,33,50,0.72)}
:is(.applications):is(.applications-visual figcaption),:is(.applications) :is(.applications-visual figcaption){border-top-color:rgba(24,33,50,0.12);color:rgba(24,33,50,0.72)}
:is(.applications):is(.applications-endline),:is(.applications) :is(.applications-endline){border-top-color:rgba(24,33,50,0.12)}
