body.apex-dark[data-page="index"] #main #apex-ai.nc-hero{display:block!important;min-height:0!important;padding:36px 35px 22px!important;overflow:hidden;background-position:center!important;}
#apex-ai.nc-hero *{box-sizing:border-box}
#apex-ai.nc-hero .nc-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;align-items:center;perspective:1500px;padding:15px 0 22px}
#apex-ai.nc-hero .nc-panel{display:block;position:relative;color:#eafaf4;text-decoration:none;border:1px solid #d3ece0b0;border-radius:20px;padding:20px;background:radial-gradient(ellipse at 80% 0,#9effdf24,transparent 55%),linear-gradient(140deg,#182523f0,#02090bf5 60%,#12312bf0);box-shadow:inset 0 1px 3px #fff9,inset -1px -2px 5px #93ffdb55,0 0 0 3px #0a1113,0 0 0 5px #adb7aa80,0 0 0 7px #202720bb,0 0 18px #a1ffe345,0 25px 30px #0009;backdrop-filter:blur(18px);animation:nc-levitate 6s ease-in-out infinite;transition:filter .2s}
#apex-ai.nc-hero .nc-panel:before{content:"";position:absolute;inset:5px;border:1px solid #8effda55;border-radius:15px;pointer-events:none;box-shadow:inset 0 0 15px #9effd913}
#apex-ai.nc-hero .nc-panel:after{content:"";position:absolute;left:-4px;top:12%;height:55%;width:3px;background:linear-gradient(transparent,#fff9c7,#fff,transparent);box-shadow:0 0 12px #ffe2a6;border-radius:50%;pointer-events:none;animation:nc-glint 5s ease-in-out infinite}
#apex-ai.nc-hero .nc-main{rotate:1deg;transform-style:preserve-3d}
#apex-ai.nc-hero .nc-brand{display:flex;align-items:center;gap:7px;font-size:14px;letter-spacing:2px}
#apex-ai.nc-hero .nc-brand>span{font-size:25px;color:#aeffe2}
#apex-ai.nc-hero .nc-brand small{margin-left:auto;font-size:7px;letter-spacing:1.5px;color:#bbd2c8}
#apex-ai.nc-hero .nc-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;margin:14px 0}
#apex-ai.nc-hero h1{font:800 clamp(24px,3.5vw,43px)/1.03 Arial,sans-serif!important;letter-spacing:-1.5px!important;margin:0!important;color:#fff!important}
#apex-ai.nc-hero h1 em{font-style:normal;color:#9df8d9}
#apex-ai.nc-hero .nc-overview p{font-size:9px;line-height:1.6;color:#b4d0c5;margin:9px 0 0}
#apex-ai.nc-hero .nc-chart{border:1px solid #a5c2b957;border-radius:10px;padding:12px 10px 0;background:linear-gradient(135deg,#5d8f7c22,#050b0f);box-shadow:inset 0 1px 2px #fff3,0 5px 10px #0006}
#apex-ai.nc-hero .nc-chart strong{font-size:10px}
#apex-ai.nc-hero .nc-chart small{float:right;font-size:6px;color:#b0c8c1}
#apex-ai.nc-hero .nc-chart svg{display:block;width:100%;height:70px;filter:drop-shadow(0 0 4px #8affd34d)}
#apex-ai.nc-hero .nc-tabs{display:flex;justify-content:space-between;gap:6px;border:1px solid #8bc3ae40;border-radius:10px;padding:8px;font-size:8px;background:#ffffff05;margin-bottom:12px}
#apex-ai.nc-hero .nc-tabs span:first-child{color:#afffe2;text-shadow:0 0 6px #7cffe3}
#apex-ai.nc-hero .nc-table{border:1px solid #8cc5b43d;border-radius:10px;padding:6px 9px;background:#0004}
#apex-ai.nc-hero .nc-tr{display:grid;grid-template-columns:1.6fr 1.15fr .8fr 1.25fr;align-items:center;gap:5px;min-height:36px;border-bottom:1px solid #b4daca18;font-size:8px}
#apex-ai.nc-hero .nc-tr:last-child{border:0}
#apex-ai.nc-hero .nc-tr>span{display:flex;align-items:center;gap:6px;min-width:0}
#apex-ai.nc-hero .nc-tr>span:last-child{justify-content:space-between}
#apex-ai.nc-hero .nc-tr small{font-size:6px;color:#b7c8c3}
#apex-ai.nc-hero .nc-tr i{display:inline-grid;place-items:center;font:normal 7px Arial;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#728b8055,#1a2822);box-shadow:inset 0 1px 1px #fff4}
#apex-ai.nc-hero .nc-th{font-size:7px;color:#9cbcb1;min-height:24px}
#apex-ai.nc-hero .nc-state{font-size:7px;padding:4px 7px;border-radius:20px;background:#30bf9a25;color:#8dffda;font-weight:500}
#apex-ai.nc-hero .nc-state-1{color:#b9d8ff;background:#4687db24}
#apex-ai.nc-hero .nc-state-2{color:#f1d898;background:#bea44422}
#apex-ai.nc-hero .nc-side{display:grid;gap:24px}
#apex-ai.nc-hero .nc-side .nc-panel{padding:17px;rotate:-2deg;animation-delay:-2s}
#apex-ai.nc-hero .nc-side .nc-tasks{rotate:1deg;animation-delay:-4s}
#apex-ai.nc-hero .nc-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#apex-ai.nc-hero .nc-panel-title b{font-size:17px}
#apex-ai.nc-hero .nc-panel-title small{font-size:6px;letter-spacing:1px;color:#a7c8b8}
#apex-ai.nc-hero .nc-item{display:flex;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid #a7deca24;font-size:11px}
#apex-ai.nc-hero .nc-item:last-child{border:0}
#apex-ai.nc-hero .nc-item i{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;font-style:normal;color:#a7ffda;background:linear-gradient(145deg,#719b884d,#0b201b);box-shadow:inset 0 1px 1px #fff7,0 2px 3px #000a}
#apex-ai.nc-hero .nc-item>span{flex:1}
#apex-ai.nc-hero .nc-item small{display:block;font-size:7px;margin-top:3px;color:#9fbcb0}
#apex-ai.nc-hero .nc-item>b{font-size:10px;color:#b8ffe3}
#apex-ai.nc-hero .nc-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:12px 18px 0}
#apex-ai.nc-hero .nc-button{display:flex;align-items:center;justify-content:center;gap:15px;min-height:50px;padding:10px 20px;border:1px solid #d0dfd2;border-radius:99px;color:#edf9f4;font-size:12px;font-weight:700;text-decoration:none;background:linear-gradient(160deg,#4c5b5380,#060c0df5 55%,#222f28);box-shadow:inset 0 2px 3px #fff8,inset 0 -3px 4px #000,0 4px 0 #77877b88,0 8px 0 #0b1510cc,0 14px 18px #000a;animation:nc-button-float 5s ease-in-out infinite}
#apex-ai.nc-hero .nc-button:nth-child(2){animation-delay:-1.7s}
#apex-ai.nc-hero .nc-button:nth-child(3){animation-delay:-3.3s}
#apex-ai.nc-hero .nc-button>span{color:#a5ffdd;font-size:21px}
#apex-ai.nc-hero .nc-button>b{margin-left:auto;font-size:22px}
#apex-ai.nc-hero .nc-primary{color:#06291e;background:linear-gradient(150deg,#d6ffef,#6bffd7 60%,#9fffe0);box-shadow:inset 0 2px 3px #fff,inset 0 -3px 4px #14997588,0 4px 0 #468b72,0 8px 0 #0d201acc,0 0 25px #6effbf66,0 14px 18px #000a}
#apex-ai.nc-hero .nc-primary>span{color:#083c2b}
#apex-ai.nc-hero a:hover{filter:brightness(1.15)}
#apex-ai.nc-hero a:focus-visible{outline:2px solid #a5ffdc;outline-offset:9px}
#apex-ai.nc-hero .nc-foot{text-align:center;font-size:8px;letter-spacing:.5px;color:#b8ccbf;margin:26px 0 0}
@keyframes nc-levitate{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes nc-button-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes nc-glint{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:700px){
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero{padding:22px 17px!important;background-position:center bottom!important}
#apex-ai.nc-hero .nc-stage{grid-template-columns:1fr;gap:24px;padding:8px 0}
#apex-ai.nc-hero .nc-panel{padding:14px;border-radius:15px}
#apex-ai.nc-hero .nc-main{rotate:0deg}
#apex-ai.nc-hero h1{font-size:30px!important}
#apex-ai.nc-hero .nc-overview{grid-template-columns:1.15fr 1fr;gap:8px}
#apex-ai.nc-hero .nc-chart{padding:8px 5px 0}
#apex-ai.nc-hero .nc-chart strong{font-size:7px}
#apex-ai.nc-hero .nc-chart small{display:none}
#apex-ai.nc-hero .nc-chart svg{height:65px}
#apex-ai.nc-hero .nc-overview p{font-size:7px}
#apex-ai.nc-hero .nc-tabs{font-size:6px;gap:2px;padding:7px 4px}
#apex-ai.nc-hero .nc-tr{font-size:6px;grid-template-columns:1.5fr 1.15fr .6fr 1fr;gap:3px}
#apex-ai.nc-hero .nc-tr>span{gap:3px}
#apex-ai.nc-hero .nc-tr i{width:16px;height:16px;font-size:5px;flex-shrink:0}
#apex-ai.nc-hero .nc-tr small{display:none}
#apex-ai.nc-hero .nc-state{font-size:5px;padding:3px}
#apex-ai.nc-hero .nc-th{font-size:5px}
#apex-ai.nc-hero .nc-side{grid-template-columns:1fr 1fr;gap:14px}
#apex-ai.nc-hero .nc-side .nc-panel{padding:10px;rotate:0deg}
#apex-ai.nc-hero .nc-panel-title b{font-size:11px}
#apex-ai.nc-hero .nc-panel-title small{display:none}
#apex-ai.nc-hero .nc-item{font-size:7px;padding:6px 0;gap:5px;min-height:34px}
#apex-ai.nc-hero .nc-item i{width:19px;height:19px;font-size:9px}
#apex-ai.nc-hero .nc-item small{font-size:5px}
#apex-ai.nc-hero .nc-item>b{font-size:7px}
#apex-ai.nc-hero .nc-actions{grid-template-columns:1fr;gap:17px;margin:20px 0 0}
#apex-ai.nc-hero .nc-button{min-height:46px;font-size:12px}
#apex-ai.nc-hero .nc-foot{font-size:7px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){#apex-ai.nc-hero :is(.nc-panel,.nc-button,.nc-panel:after){animation:none!important}}

/* Isolate inherited typography and generic SVG icon rules. */
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero{line-height:1.3}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-chart svg{width:100%!important;height:95px!important;max-width:none!important;max-height:none!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-brand{line-height:1.2;height:28px}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-item{line-height:1.25}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-item small{line-height:1.3}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-panel-title{line-height:1.2}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-overview p{line-height:1.45}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-panel-title small{line-height:1.2}
@media(max-width:700px){body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-chart svg{height:65px!important}}

body.apex-dark[data-page="index"] #main #apex-ai.nc-hero a.nc-primary{color:#06291e!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-foot{font-size:8px!important;line-height:1.5!important}

@media(max-width:700px){
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-panel-title small,
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-tr small,
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-chart small{display:none!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero h1{font-size:26px!important;line-height:1.05!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-overview p{font-size:7px!important;line-height:1.5!important;margin-top:9px!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-panel-title b{font-size:11px!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-tr{font-size:6px!important;line-height:1.2!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-chart strong{font-size:7px!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-item{font-size:7px!important}
body.apex-dark[data-page="index"] #main #apex-ai.nc-hero .nc-item small{font-size:5px!important}
}