:root{--max:1480px}.hero{position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;opacity:.58}.hero:before{width:42vw;height:42vw;left:-25vw;top:12%;border-radius:48% 52% 62% 38%;background:radial-gradient(circle at 68% 50%,rgba(126,108,231,.18),rgba(51,188,226,.09) 45%,transparent 68%)}.hero:after{width:38vw;height:38vw;right:-18vw;top:-4%;border-radius:60% 40% 45% 55%;background:radial-gradient(circle at 30% 48%,rgba(51,188,226,.23),rgba(72,142,236,.08) 50%,transparent 70%)}.hero-grid{position:relative;z-index:1}.system-core{overflow:visible}.air-monitor{position:relative;width:126px;height:126px;margin:8px auto 12px;perspective:700px}.monitor-shell,.monitor-xray{position:absolute;inset:0;border-radius:28px;transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.monitor-shell{display:grid;place-items:center;background:linear-gradient(145deg,#f6fbff,#b9d7df);border:1px solid rgba(27,78,105,.2);box-shadow:0 18px 30px rgba(43,88,112,.22),inset 0 1px #fff}.monitor-screen{display:grid;place-items:center;width:72px;height:58px;border-radius:13px;color:#8df0e3;background:#12394b;box-shadow:inset 0 0 18px rgba(53,220,219,.25)}.monitor-screen strong{font-size:25px;line-height:1}.monitor-screen small{font-size:6px;letter-spacing:.12em}.monitor-shell i{position:absolute;bottom:13px;width:6px;height:6px;border-radius:50%;background:#31c7d9}.monitor-shell i:nth-of-type(1){left:48px}.monitor-shell i:nth-of-type(2){left:60px;background:#86db76}.monitor-shell i:nth-of-type(3){left:72px;background:#f1ba56}.monitor-xray{opacity:0;transform:rotateY(-15deg) scale(.92);border:1px solid rgba(40,147,188,.58);background:rgba(224,250,255,.48);box-shadow:inset 0 0 30px rgba(30,178,211,.18)}.xray-board{position:absolute;inset:24px 20px;border:2px solid #29a7c9;border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(37,169,199,.13) 10px 12px),repeating-linear-gradient(0deg,transparent 0 10px,rgba(37,169,199,.13) 10px 12px)}.xray-sensor{position:absolute;width:36px;height:36px;left:45px;top:44px;border:2px solid #205d9b;border-radius:8px;box-shadow:22px 25px 0 -9px #42c9ba,-28px 20px 0 -11px #7e6ce7}.air-monitor:hover .monitor-shell{opacity:.12;transform:rotateY(14deg) scale(1.04)}.air-monitor:hover .monitor-xray{opacity:1;transform:rotateY(0) scale(1)}.system-node{cursor:help;z-index:4}.system-node:after{content:attr(data-tip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 14px);width:260px;padding:13px 15px;border:1px solid rgba(43,103,141,.18);border-radius:14px;color:#294760;background:rgba(255,255,255,.98);box-shadow:0 18px 44px rgba(43,77,119,.18);font-size:12px;line-height:1.55;font-weight:500;white-space:normal;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.22s ease;pointer-events:none}.system-node:hover:after,.system-node:focus:after{opacity:1;visibility:visible;transform:translate(-50%,0)}@media(min-width:1900px){:root{--max:1760px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(620px,.95fr);gap:90px}}@media(max-width:1050px){:root{--max:1180px}}@media(max-width:840px){.system-node:after{width:min(240px,70vw)}}
:focus.air-monitor .monitor-shell{opacity:.12;transform:rotateY(14deg) scale(1.04)}:focus.air-monitor .monitor-xray{opacity:1;transform:rotateY(0) scale(1)}

.hero-actions{position:relative;isolation:isolate;padding:12px 18px;margin-left:-18px;width:max-content}.hero-actions:before{content:"";position:absolute;z-index:-1;inset:-15px -28px;border-radius:50% 44% 52% 48%;background:linear-gradient(90deg,rgba(53,169,224,.3),rgba(87,190,219,.18) 48%,rgba(126,108,231,.04));filter:blur(10px);transform:rotate(-2deg)}.hero-actions .button{background:linear-gradient(135deg,#287bdc,#26b7d2);box-shadow:0 14px 30px rgba(43,131,205,.2)}.hero-actions .button.secondary{color:#315575;background:rgba(255,255,255,.74);border-color:rgba(71,125,174,.22);box-shadow:none}.hero-actions .button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(43,131,205,.26)}

.air-monitor{width:178px;height:215px;margin:-30px auto -10px}.monitor-product,.monitor-xray-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1),filter .5s ease}.monitor-product{opacity:1;filter:drop-shadow(0 18px 20px rgba(39,78,102,.22))}.monitor-xray-image{opacity:0;transform:scale(.96);filter:drop-shadow(0 12px 24px rgba(39,170,206,.28))}.air-monitor:hover .monitor-product,.air-monitor:focus .monitor-product{opacity:.04;transform:scale(1.025)}.air-monitor:hover .monitor-xray-image,.air-monitor:focus .monitor-xray-image{opacity:1;transform:scale(1)}

/* Hero proportion refinement */
:root{--max:1380px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(500px,.98fr);gap:34px}.system-visual{min-height:480px;transform:scale(.94);transform-origin:center}.system-core{width:278px;min-height:340px;padding:26px 27px}.air-monitor{width:164px;height:202px;margin:0 auto 2px}.core-caption{max-width:190px;margin-left:auto;margin-right:auto}.system-orbit{width:400px;height:400px}
.hero-actions{padding:0;margin-left:0;gap:8px;isolation:auto}.hero-actions:before{display:none}.hero-actions .button{border-color:rgba(54,123,183,.22);background:linear-gradient(90deg,#4da9df 0%,#84c7e8 100%);box-shadow:none}.hero-actions .button.secondary{color:#254e70;border-color:rgba(88,145,187,.2);background:linear-gradient(90deg,#9fd5ec 0%,#eef7fb 100%)}.hero-actions .button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(59,135,189,.16)}

.hero-actions{gap:10px}.hero-actions .button:first-child{color:#fff;background:linear-gradient(90deg,#2f67d8 0%,#258edb 52%,#21acda 100%)}.hero-actions .button.secondary{color:#194d70;background:linear-gradient(90deg,#21acda 0%,#80cfe8 52%,#e8f7fb 100%)}
@media(min-width:1900px){:root{--max:1380px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(500px,.98fr);gap:34px}}@media(max-width:1200px){:root{--max:1180px}.hero-grid{gap:34px}.system-visual{transform:scale(.9)}}@media(max-width:840px){.hero-grid{grid-template-columns:1fr}.system-visual{transform:scale(.88)}.system-core{width:268px}}