.hero.shell{width:min(1320px,calc(100% - 40px));grid-template-columns:.82fr 1.38fr;gap:42px}
.product-stage.real-product{isolation:isolate;transform:translateY(-4px) scale(1.035);transform-origin:center}
.product-stage.real-product::before{display:none}
.real-window{transform:perspective(1350px) rotateY(-6deg) rotateX(1.6deg) rotateZ(.2deg);transform-origin:50% 55%;box-shadow:-18px 34px 85px rgba(0,0,0,.54),18px 16px 45px rgba(21,177,190,.09);transition:transform .5s ease,box-shadow .5s ease}
.real-product:hover .real-window{transform:perspective(1350px) rotateY(-3deg) rotateX(.7deg) translateY(-5px);box-shadow:-10px 42px 95px rgba(0,0,0,.58),22px 18px 55px rgba(21,177,190,.13)}
.real-layout{grid-template-columns:112px 1fr;min-height:470px}
.real-topbar{height:48px;padding:0 14px}.real-top-logo{display:block;width:88px;height:30px;object-fit:contain}.real-topbar .hamburger{margin-left:15px;color:#fff;font-size:13px}
.real-sidebar{gap:2px;padding:8px 10px 12px}.real-sidebar>small{margin:0 4px 4px}.real-sidebar span{gap:7px;padding:5px;color:#7f9bc0;font-size:6.5px;white-space:nowrap}.real-sidebar span::after{content:"›";margin-left:auto;color:#2e8c96;font-size:9px}
.real-home{position:relative;padding:31px 20px 48px}
.real-theme-pill{position:absolute;z-index:3;top:10px;right:11px;display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #294249;border-radius:99px;background:rgba(18,31,35,.86);color:#b8c9ce;font-size:5px;font-weight:700}.real-theme-pill i{color:var(--cyan);font-style:normal}.theme-target-dark{display:none}
.real-screen-footer{position:absolute;left:0;right:0;bottom:0;height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-top:1px solid #294047;background:rgba(8,17,20,.88);color:#86a2aa;font-size:5px}.real-screen-footer strong{color:#c4d8dc;font-size:6px}.real-screen-footer .mini-wave{display:flex;align-items:center;gap:2px}.real-screen-footer .mini-wave i{width:2px;border-radius:2px;background:var(--cyan)}.real-screen-footer .mini-wave i:nth-child(1),.real-screen-footer .mini-wave i:nth-child(5){height:7px}.real-screen-footer .mini-wave i:nth-child(2),.real-screen-footer .mini-wave i:nth-child(4){height:13px}.real-screen-footer .mini-wave i:nth-child(3){height:18px}
html[data-theme="light"] .real-window{box-shadow:-16px 34px 80px rgba(48,91,100,.2),20px 18px 45px rgba(34,166,179,.08)}
html[data-theme="light"] .real-theme-pill{border-color:#cadde1;background:rgba(255,255,255,.9);color:#4d6870}html[data-theme="light"] .real-theme-pill i{color:#169caf}html[data-theme="light"] .theme-target-light{display:none}html[data-theme="light"] .theme-target-dark{display:inline}html[data-theme="light"] .real-screen-footer{border-color:#c7dade;background:rgba(250,253,253,.9);color:#688087}html[data-theme="light"] .real-screen-footer strong{color:#29454c}
@media(max-width:980px){.hero.shell{grid-template-columns:1fr}.product-stage.real-product{transform:none}.real-window,.real-product:hover .real-window{transform:none}.real-layout{min-height:460px}}@media(max-width:640px){.real-layout{grid-template-columns:1fr;min-height:430px}.real-screen-footer{height:32px}.real-home{padding-bottom:42px}.real-top-logo{width:78px}}@media(prefers-reduced-motion:reduce){.real-window{transition:none}}