/* Smart Cube: approved HXA / ONEO product layout. */
.hxa-smart-cube .cube-hero{position:relative;overflow:hidden;min-height:640px;padding:92px 0 88px}
.cube-hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#050505 2%,rgba(5,5,5,.98) 23%,rgba(5,5,5,.8) 43%,rgba(5,5,5,.05) 75%),linear-gradient(0deg,#050505,transparent 35%),url('/files/hxa/seo-2026/assets/hxa-smart-cube-open-space.jpg');background-size:cover;background-position:center,center,65% center}
.cube-hero-text{position:relative;max-width:610px}
.hxa-smart-cube .cube-eyebrow{font-size:14px;letter-spacing:.16em;color:#ddd}
.cube-hero-text>.font-size-l{max-width:530px}
.cube-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hxa-smart-cube .cube-actions .button{margin:0;font-size:14px}
@media(max-width:599px){.hxa-smart-cube main>.cube-hero:first-child{padding:310px 0 48px!important;min-height:0}.cube-hero-image{bottom:auto;height:375px;background-image:linear-gradient(0deg,#050505,rgba(5,5,5,.3) 45%,transparent 80%),url('/files/hxa/seo-2026/assets/hxa-smart-cube-open-space.jpg');background-position:center;background-size:cover}.hxa-smart-cube .cube-hero h1{font-size:40px}.cube-hero-text{max-width:100%}}
.cube-intro{max-width:940px}
.cube-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;border-top:1px solid #292927;padding-top:30px;margin-top:40px}
.cube-facts strong{display:block;font-size:clamp(25px,2.5vw,38px);font-weight:500;letter-spacing:-.03em}
.cube-facts span{display:block;color:#c5c5bf;margin-top:8px}
.hxa-smart-cube :is(.cube-uses,.cube-features,.cube-split,.cube-steps){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:32px 0 0}
.hxa-smart-cube :is(.cube-uses,.cube-features,.cube-split,.cube-steps):before,.hxa-smart-cube :is(.cube-uses,.cube-features,.cube-split,.cube-steps):after{display:none}
.hxa-smart-cube :is(.cube-uses,.cube-features,.cube-split,.cube-steps)>.rs-column{float:none;width:auto;margin:0;min-width:0}
.hxa-smart-cube .cube-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 64px}
.cube-features>.rs-column{border-top:1px solid #292927;padding-top:12px}
.hxa-smart-cube .cube-split{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;margin-top:0}
.hxa-smart-cube .cube-photo{margin:0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in}
.cube-step{display:block;font-size:18px;color:#e0061c;margin-bottom:18px}
.hxa-smart-cube .cube-product{margin:0;text-align:center}
.hxa-smart-cube .cube-product img{max-height:570px;width:auto;margin:auto;object-fit:contain}
.hxa-smart-cube main .button{font-size:14px}
@media(max-width:900px){.hxa-smart-cube .cube-split{grid-template-columns:1fr;gap:32px}.hxa-smart-cube .cube-uses,.hxa-smart-cube .cube-steps{grid-template-columns:1fr;gap:20px}.hxa-smart-cube .cube-product img{max-height:460px}.hxa-smart-cube .cube-modular>.rs-column:last-child{grid-row:1}}
@media(max-width:599px){.cube-facts,.hxa-smart-cube .cube-features{grid-template-columns:1fr;gap:24px}.cube-facts>div{border-bottom:1px solid #292927;padding-bottom:20px}.hxa-smart-cube .cube-product img{max-height:400px}.hxa-smart-cube .cube-hero-text h1{font-size:40px}.cube-step{margin-bottom:8px}}

/* Hive explorer: text occupies the original artwork's quiet left half. */
.hxa-smart-cube .cube-hive{background:#1c181e;padding:0;overflow:hidden}
.hive-stage{position:relative;max-width:1903px;margin:auto;min-height:740px;display:flex;align-items:center}
.hive-art{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}
.hive-art-inner{position:relative;width:100%;flex-shrink:0}
.hive-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 90%,transparent)}
.hive-points{position:absolute;inset:0}
.hxa-smart-cube .hive-point{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;padding:0;margin:0;border:1px solid #f4f4f0;border-radius:50%;background:#080808;color:#fff;font:500 14px Inter,Arial,sans-serif;cursor:pointer;pointer-events:auto;box-shadow:0 0 0 8px #05050530;transition:background .2s,box-shadow .2s}
.hive-point-0{left:73.5%;top:20%}.hive-point-1{left:62.5%;top:43%}.hive-point-2{left:85%;top:43%}
.hxa-smart-cube .hive-point[aria-pressed="true"]{background:#e0061c;border-color:#e0061c;box-shadow:0 0 0 10px #e0061c25}
.hxa-smart-cube .hive-point:hover{background:#ba0618}
.hive-text{position:relative;width:44%;max-width:650px;padding:64px clamp(24px,4vw,76px);box-sizing:border-box}
.hxa-smart-cube .hive-text .headline-box{margin-bottom:24px}
.hxa-smart-cube .hive-text h2{margin-top:0;font-size:clamp(34px,3.3vw,54px)}
.hive-intro{font-size:18px;line-height:1.5;max-width:440px}
.hxa-smart-cube .hive-hint{font-size:14px;color:#aaa5ab;margin:24px 0 12px}
.hive-choices{display:flex;flex-wrap:wrap;border-bottom:1px solid #514a52;gap:0 18px}
.hxa-smart-cube .hive-choice{appearance:none;display:flex;gap:8px;align-items:center;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#c5c5bf;font:inherit;font-size:14px;line-height:1.5;padding:12px 0;margin:0 0 -1px;cursor:pointer;text-align:left;box-shadow:none}
.hive-choice span{font-size:12px;color:#aaa5ab}
.hxa-smart-cube .hive-choice[aria-pressed="true"]{color:white;border-bottom-color:#e0061c}
.hxa-smart-cube .hive-choice[aria-pressed="true"] span{color:#ff5264}
.hxa-smart-cube :is(.hive-choice,.hive-point):focus-visible{outline:2px solid white;outline-offset:5px}
.hive-panels{display:grid;margin-top:24px}
.hive-panel{grid-area:1/1;min-width:0}
.hive-panel[hidden]{display:block;visibility:hidden;pointer-events:none}
.hxa-smart-cube .hive-panel h3{font-size:24px;margin:0 0 14px}
.hive-panel p{margin:0;line-height:1.6}
.hxa-smart-cube .hive-note{font-size:14px;line-height:1.5;color:#aaa5ab;margin:28px 0 0}
@media(min-width:1600px){.hive-stage{min-height:850px}}
@media(max-width:1000px){.hive-stage{display:flex;flex-direction:column;min-height:0}.hive-text{width:100%;max-width:720px;padding:48px 24px 24px;order:0}.hive-art{position:relative;inset:auto;order:1;width:100%;overflow:hidden;margin-top:0}.hive-art-inner{width:190%;margin-left:-90%}.hive-art img{mask-image:linear-gradient(0deg,transparent,#000 15%,#000 90%,transparent)}.hive-intro{max-width:600px}.hive-panels{min-height:0}.hive-note{max-width:600px}.hxa-smart-cube .hive-point{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.hxa-smart-cube .hive-point{transition:none}}
/* Original white Cube with feature callouts; image geometry stays unchanged. */
.cube-tech-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center;margin-top:44px}
.cube-tech-visual{position:relative;width:min(100%,480px);justify-self:center;line-height:0}
.cube-tech-visual img{display:block;width:100%;height:auto}
.hxa-smart-cube .cube-tech-point{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #f4f4f0;border-radius:50%;background:#080808;color:#fff;font:500 14px Inter,Arial,sans-serif;padding:0;margin:0;cursor:pointer;box-shadow:0 0 0 7px #05050525;transition:background .2s,box-shadow .2s}
.cube-tech-point-0{left:81%;top:42%}.cube-tech-point-1{left:28%;top:38%}.cube-tech-point-2{left:50%;top:10%}.cube-tech-point-3{left:11%;top:58%}
.hxa-smart-cube .cube-tech-point[aria-pressed="true"]{background:#e0061c;border-color:#e0061c;box-shadow:0 0 0 10px #e0061c25}
.hxa-smart-cube .cube-tech-point:hover{background:#ba0618}
.cube-tech-text{max-width:520px;min-width:0}
.hxa-smart-cube .cube-tech-hint{font-size:14px;color:#aaa5ab;margin:0 0 20px}
.cube-tech-choices{border-top:1px solid #292927}
.hxa-smart-cube .cube-tech-choice{display:flex;align-items:center;gap:18px;width:100%;min-height:64px;background:transparent;border:0;border-bottom:1px solid #292927;border-radius:0;padding:16px 12px;margin:0;color:#c5c5bf;font:inherit;font-size:18px;text-align:left;cursor:pointer;box-shadow:none;line-height:1.4}
.cube-tech-choice>span:first-child{font-size:14px;color:#999}
.cube-tech-arrow{margin-left:auto;color:#888}
.hxa-smart-cube .cube-tech-choice[aria-pressed="true"]{color:#fff;background:#111110;box-shadow:inset 2px 0 #e0061c}
.cube-tech-choice[aria-pressed="true"]>span{color:#ff5264}
.hxa-smart-cube :is(.cube-tech-choice,.cube-tech-point):focus-visible{outline:2px solid #fff;outline-offset:5px}
.cube-tech-panels{display:grid;margin-top:36px}
.cube-tech-panel{grid-area:1/1}
.cube-tech-panel[hidden]{display:block;visibility:hidden;pointer-events:none}
.hxa-smart-cube .cube-tech-panel .cube-tech-label{font-size:14px;color:#ff5264;letter-spacing:.06em;margin:0 0 14px}
.hxa-smart-cube .cube-tech-panel h3{font-size:28px;margin:0 0 18px;line-height:1.2}
.cube-tech-panel>p:last-child{margin:0}
@media(max-width:900px){.cube-tech-layout{grid-template-columns:1fr;gap:24px}.cube-tech-visual{width:min(100%,380px)}.cube-tech-text{max-width:none;width:100%}.cube-tech-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hxa-smart-cube .cube-tech-choice{font-size:16px;gap:10px}.cube-tech-arrow{display:none}.cube-tech-panels{margin-top:28px}.hxa-smart-cube .cube-tech-point{width:44px;height:44px}}
@media(max-width:380px){.cube-tech-choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hxa-smart-cube .cube-tech-point{transition:none}}

/* Native ONEO hero and editable Core content wrappers. */
.hxa-smart-cube .hxa-native-cube-hero{position:relative;isolation:isolate;overflow:hidden;background:#050505;min-height:640px;padding:92px 0 88px}
.hxa-smart-cube .hxa-native-cube-hero>.centered-wrapper-background{background-position:65% center!important}
.hxa-smart-cube .hxa-native-cube-hero>.centered-wrapper-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 2%,rgba(5,5,5,.98) 23%,rgba(5,5,5,.8) 43%,rgba(5,5,5,.05) 75%),linear-gradient(0deg,#050505,transparent 35%);pointer-events:none}
.hxa-smart-cube .hxa-native-cube-hero>.centered-wrapper-inner{position:relative;z-index:1}
.hxa-smart-cube .hxa-native-cube-hero h1{max-width:610px;margin:0 0 28px;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.035em;overflow-wrap:break-word}
.hxa-smart-cube .hxa-native-cube-hero .cube-eyebrow{margin:0 0 24px}
.hxa-smart-cube .hxa-native-cube-hero .cube-eyebrow p{margin:0}
.hxa-smart-cube .hxa-native-cube-hero .cube-intro{max-width:530px}
.hxa-smart-cube .cube-intro p{margin:0}
.hxa-smart-cube .cube-actions>.button-box{margin:0;max-width:100%}
.hxa-smart-cube .cube-facts>.ce_text{min-width:0}
.hxa-smart-cube .cube-facts>.ce_text>p{margin:0}
@media(max-width:599px){.hxa-smart-cube .hxa-native-cube-hero{padding:310px 0 48px!important;min-height:0}.hxa-smart-cube .hxa-native-cube-hero>.centered-wrapper-background{height:375px;bottom:auto;background-position:center!important}.hxa-smart-cube .hxa-native-cube-hero>.centered-wrapper-background:after{background:linear-gradient(0deg,#050505,rgba(5,5,5,.3) 45%,transparent 80%)}.hxa-smart-cube .hxa-native-cube-hero h1{font-size:40px}}


/* Native explorers keep every description readable until enhancement succeeds. */
.hxa-smart-cube [data-hxa-cube-native]:not([data-hxa-cube-ready]) :is(.hive-panels,.cube-tech-panels){display:block}
.hxa-smart-cube [data-hxa-cube-native]:not([data-hxa-cube-ready]) :is(.hive-panel,.cube-tech-panel)+:is(.hive-panel,.cube-tech-panel){margin-top:28px}
.hxa-smart-cube [data-hxa-cube-native] :is(button,[role="group"],[data-hxa-cube-instruction])[hidden]{display:none!important}

/* Keep the native Cube hero text over a dark image region at enlarged zoom. */
@media(min-width:600px){.hxa-smart-cube .hxa-native-cube-hero>.centered-wrapper-background:after{background:linear-gradient(90deg,#050505 0,rgba(5,5,5,.85) calc(max(0px,(100% - 1320px)/2) + 660px),rgba(5,5,5,.05) 100%),linear-gradient(0deg,#050505,transparent 35%)}}