/* A 90% hero design scale with a height budget, without changing browser zoom. */
body.aurenex-home .hdr.px{min-height:65px;height:65px!important}
body.aurenex-home .hdr>a img{max-height:29px;max-width:117px}
.hero#top{padding-top:24px;padding-bottom:16px;gap:16px 40px}
.hero#top h1{font-size:clamp(40px,3.78vw,56px)!important;line-height:1.12!important;max-width:500px!important}
.hero#top .hero-eyebrow{font-size:9px;margin-bottom:18px}
.hero#top p.in3{font-size:15.3px!important;line-height:1.6!important;margin-top:16px!important;max-width:400px!important}
.hero#top .in4{margin-top:24px!important;gap:10px!important}
.hero#top .in4 a{height:auto!important;min-height:46px!important;font-size:13px!important;padding:12px 22px!important;box-sizing:border-box}
.hero#top .in1{margin-top:22px!important}
.hero#top .tb{padding-block:6px!important}
.hero#top .tbi{width:27px;height:27px}
.hero#top .tbl{font-size:8px}.hero#top .tbn{font-size:11px}
.hero#top .hero-showcase{height:var(--hero-fit-scene-height,396px);min-height:0;max-width:558px}
.hero#top .showcase-phone{top:6px;left:54%;transform:translateX(-50%) rotateY(-14deg) rotateZ(5deg) scale(var(--hero-fit-phone-scale,.648));transform-origin:top center}
.hero#top .showcase-market-card{transform:rotateZ(-6deg) scale(.9);transform-origin:bottom left;bottom:28px}
.hero#top .showcase-gold-token{transform:rotateY(-23deg) rotateZ(-16deg) scale(.9);top:28px}
.hero#top .showcase-glass{transform:rotateY(-18deg) rotateZ(12deg) scale(.9);top:42px}
.hero#top .showcase-orbit{inset:18px 0 12px}
.hero#top .hero-capabilities{margin-top:4px}
.hero#top .benefit-card{min-height:220px;padding:16px 18px 19px;gap:10px}
.hero#top .capability-icon,.hero#top .benefit-icon-3d{width:99px;height:99px}
.hero#top .hero-capabilities strong{font-size:16.2px}
.hero#top .hero-capabilities small{font-size:12px;line-height:1.65;margin-top:5px}
.hero#top .benefits-controls{margin-top:10px;padding:2px 6px}
@media(min-width:801px) and (max-height:850px){
 .hero#top{padding-top:18px;padding-bottom:12px;gap:12px 32px}
 .hero#top .benefit-card{flex-direction:row;align-items:center;text-align:start;min-height:126px;gap:12px;padding:17px 15px}
 .hero#top .benefit-card>div{flex:1;min-width:0}
 .hero#top .capability-icon,.hero#top .benefit-icon-3d{width:72px;height:72px}
 .hero#top .hero-capabilities strong{font-size:15px}
 .hero#top .hero-capabilities small{margin-inline:0;font-size:11.5px;line-height:1.6}
 .hero#top .showcase-market-card{bottom:16px}
}
@media(max-width:800px){
 .hero#top{grid-template-columns:minmax(0,1fr);padding:18px 20px 12px;gap:12px}
 .hero#top h1{font-size:clamp(30px,5vw,40px)!important;max-width:520px!important}
 .hero#top p.in3{font-size:13.5px!important;margin-top:10px!important;line-height:1.5!important;max-width:440px!important}
 .hero#top .hero-eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:.09em}
 .hero#top .in4{margin-top:14px!important;gap:8px!important;width:auto}
 .hero#top .in4 a{min-height:44px!important;padding:10px 16px!important;font-size:12px!important}
 .hero#top .in1{margin-top:12px!important}
 .hero#top .tbwrap{flex-direction:row!important;justify-content:center;gap:8px!important;flex-wrap:wrap}
 .hero#top .tb{padding:2px 0!important;gap:7px!important;transform:none!important;margin:0!important}
 .hero#top .tbi{width:24px;height:24px}.hero#top .tbl{font-size:7px}.hero#top .tbn{font-size:10px}
 .hero#top .hero-showcase{height:var(--hero-fit-scene-height,200px);max-width:400px;min-height:0}
 .hero#top .showcase-phone{left:62%;width:220px;transform:translateX(-50%) rotateY(-10deg) rotateZ(3deg) scale(var(--hero-fit-phone-scale,.4))}
 .hero#top .showcase-market-card{left:0;bottom:10px;transform:rotateZ(-6deg) scale(.68);width:190px;max-width:none}
 .hero#top .showcase-gold-token{left:12%;top:9px;width:56px;height:56px;transform:rotateY(-23deg) rotateZ(-16deg) scale(.75)}
 .hero#top .showcase-glass{right:4%;top:18px;width:90px;height:110px;transform:rotateY(-18deg) rotateZ(12deg) scale(.75)}
 .hero#top .showcase-orbit{inset:4px 10px 4px}
 .hero#top .showcase-orbit.orbit-two{inset:20px 28px 20px}
 .hero#top .hero-capabilities{margin-top:0}
 .hero#top .benefit-card{min-height:190px;padding:13px 18px 16px;gap:8px}
 .hero#top .capability-icon,.hero#top .benefit-icon-3d{width:88px;height:88px}
 .hero#top .hero-capabilities strong{font-size:16px}.hero#top .hero-capabilities small{font-size:12px}
 .hero#top .benefits-controls{margin-top:7px}
}
@media(max-width:800px) and (max-height:850px){
 .hero#top .benefit-card{flex-direction:row;align-items:center;text-align:start;min-height:132px;padding:14px 17px;gap:12px}
 .hero#top .benefit-card>div{flex:1;min-width:0}
 .hero#top .capability-icon,.hero#top .benefit-icon-3d{width:80px;height:80px}
 .hero#top .hero-capabilities small{margin-inline:0}
}
@media(max-width:480px){.hero#top{padding-inline:18px}.hero#top h1{font-size:34px!important}.hero#top .hero-showcase{max-width:330px}}
@media(max-width:380px){.hero#top h1{font-size:30px!important}.hero#top .in4 a{padding-inline:12px!important}.hero#top .tbwrap{gap:6px!important}.hero#top .tbr{transform:scale(.7);margin-inline-end:-22px}.hero#top .capability-icon,.hero#top .benefit-icon-3d{width:72px;height:72px}}
@media(max-width:480px){
 .hero#top .tbwrap{flex-wrap:nowrap;width:100%;gap:8px!important}
 .hero#top .tb{min-width:0;flex:1;justify-content:center;gap:5px!important}
 .hero#top .tbi{width:20px;height:20px;flex-shrink:0}
 .hero#top .tbi svg{width:15px;height:15px}
 .hero#top .tbl{font-size:6.5px;letter-spacing:.07em}.hero#top .tbn{font-size:9px}
 .hero#top .tbs{gap:4px}.hero#top .tbr{width:64px!important;height:13px;transform:none;margin:0}
 .hero#top .tbr .lay{height:13px;gap:2px}.hero#top .tbr svg{width:11px;height:11px}
 .hero#top .tbr .fg{max-width:96%}.hero#top .tb:last-child .tbr .fg{max-width:94%}
}
@media(max-width:800px) and (max-height:650px){
 .hero#top{padding-top:10px;padding-bottom:8px;gap:8px}
 .hero#top h1{font-size:28px!important}
 .hero#top .hero-eyebrow{margin-bottom:7px}
 .hero#top .in4,.hero#top .in1{margin-top:9px!important}
 .hero#top .benefit-card{min-height:96px;padding:10px 14px;gap:9px}
 .hero#top .capability-icon,.hero#top .benefit-icon-3d{width:64px;height:64px}
 .hero#top .hero-capabilities strong{font-size:14px}.hero#top .hero-capabilities small{font-size:11px}
 .hero#top .showcase-market-card{transform:rotateZ(-6deg) scale(.52)}
 .hero#top .showcase-glass{transform:rotateY(-18deg) rotateZ(12deg) scale(.55)}
 .hero#top .showcase-gold-token{transform:rotateY(-23deg) rotateZ(-16deg) scale(.55)}
 .hero#top .benefits-controls{margin-top:5px;padding-block:0}
}
@media(min-width:801px) and (max-height:500px){
 .hero#top{padding-block:8px;gap:8px 24px}
 .hero#top h1{font-size:28px!important}
 .hero#top p.in3{font-size:13px!important;margin-top:10px!important}
 .hero#top .hero-eyebrow{margin-bottom:10px;font-size:8px}
 .hero#top .in4{margin-top:14px!important}.hero#top .in4 a{min-height:44px!important;padding:10px 14px!important;font-size:12px!important}
 .hero#top .in1{margin-top:10px!important}.hero#top .tb{padding-block:2px!important}
 .hero#top .hero-capabilities{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:0}
 .hero#top .benefit-card{min-height:94px;padding:10px 14px;gap:9px}
 .hero#top .capability-icon,.hero#top .benefit-icon-3d{width:64px;height:64px}
 .hero#top .hero-capabilities strong{font-size:14px}.hero#top .hero-capabilities small{font-size:11px}
 .hero#top .benefits-controls{margin:0;padding:2px;gap:0}.hero#top .benefits-dots{display:none}
 .hero#top .showcase-market-card{transform:rotateZ(-6deg) scale(.68)}
 .hero#top .showcase-glass{transform:rotateY(-18deg) rotateZ(12deg) scale(.68)}
 .hero#top .showcase-gold-token{transform:rotateY(-23deg) rotateZ(-16deg) scale(.75)}
}