/* The hero is a 1000 × 620 scene, scaled as one coordinate system. */
.hero { grid-template-columns: 35% 65%; padding-top: 48px; padding-bottom: 54px; }
/* Keep the next section close after removing the introductory text strip. */
.hero + .feature-section { padding-top: 48px; }
.hero-visual { padding-left: 12px; }
.hero-scene-wrap { transform: none; border-radius: 16px; box-shadow: 0 28px 65px -27px #183b725b, 0 0 0 1px #17346312; }
.hero-stage { position:relative; width:100%; aspect-ratio:1000/620; overflow:hidden; isolation:isolate; background:#dce5f3; user-select:none; }
.hs-desktop { position:absolute; width:1000px; height:620px; transform-origin:top left; overflow:hidden; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; color:#26364c; }
.hs-scene-outgoing { z-index:20; will-change:opacity; }
.hs-scene-outgoing,.hs-scene-outgoing * { pointer-events:none!important; transition:none!important; }
.hs-wallpaper { position:absolute; inset:0; background:radial-gradient(ellipse at 90% 10%,#cfddf9 0,transparent 65%),linear-gradient(135deg,#d9e4f5,#a9c8e2); }
.hs-desktop[data-scene="launch"] .hs-wallpaper { background:radial-gradient(ellipse at 20% 0,#b1c7ed 0,transparent 60%),linear-gradient(140deg,#7098c5,#c5d5e9); }
.hs-desktop[data-scene="ai"] .hs-wallpaper { background:linear-gradient(125deg,#d9d8ed,#d0dcf0 55%,#9baedb); }
.hs-desktop[data-scene="market"] .hs-wallpaper { background:linear-gradient(135deg,#cbdedc,#98b8bd 65%,#c6d7e2); }
.hs-desktop[data-scene="excel"] .hs-wallpaper { background:linear-gradient(140deg,#ded9d1,#e5dcca 50%,#bdd2d0); }
.hs-menubar { position:absolute; z-index:10; left:0; right:0; top:0; height:30px; padding:0 20px; display:flex; align-items:center; gap:20px; color:#35445a; font-size:11px; background:#f5f8ff87; box-shadow:0 1px #ffffff38; }
.hs-menubar strong { font-weight:650; font-size:11px; }
.hs-menubar>.ui-icon--apple { margin-right:2px; }
.hs-source,.hs-work { position:absolute; inset:0; }
.hs-source { opacity:1; transform:translateX(0); }
.hs-work { opacity:0; transform:translateX(85px); pointer-events:none; }
.hs-desktop[data-phase="work"]>.hs-source { opacity:0; transform:translateX(-85px); pointer-events:none; }
.hs-desktop[data-phase="work"]>.hs-work { opacity:1; transform:translateX(0); }
.hs-selection { position:absolute; z-index:11; border:2px solid #3884ff; border-radius:5px; box-shadow:0 0 0 1500px #11244022; pointer-events:none; transition:opacity .25s; }
.hs-selection>i { position:absolute; width:9px; height:9px; border-radius:2px; border:2px solid #3884ff; background:white; }
.hs-selection>i:nth-child(1) { left:-5px; top:-5px; }
.hs-selection>i:nth-child(2) { right:-5px; top:-5px; }
.hs-selection>i:nth-child(3) { left:-5px; bottom:-5px; }
.hs-selection>i:nth-child(4) { right:-5px; bottom:-5px; }
.hs-selection>span { position:absolute; left:-2px; top:-31px; color:white; padding:6px 10px; border-radius:5px 5px 5px 0; background:#2871f5; font-size:12px; white-space:nowrap; box-shadow:0 3px 10px #1c4c8c20; }
.hs-cursor { position:absolute; z-index:15; display:flex; align-items:center; gap:4px; pointer-events:none; transition:opacity .25s; }
.hs-cursor svg { width:24px; height:31px; filter:drop-shadow(0 2px 2px #142a4c55); }
.hs-cursor b { font-size:10px; font-weight:500; background:#1d2d48e6; color:#fff; padding:6px 8px; border-radius:5px; white-space:nowrap; }
.hs-cursor.is-near-edge b { position:absolute; right:29px; }
.hs-desktop:not([data-phase="select"]) .hs-selection,.hs-desktop:not([data-phase="select"]) .hs-cursor { opacity:0; }
.hs-floater { position:absolute; z-index:12; overflow:hidden; border-radius:12px; opacity:0; pointer-events:none; background:#fff; box-shadow:0 20px 45px #10224155,0 0 0 1px #ffffff99; }
.hs-desktop:not([data-phase="select"]) .hs-floater { opacity:1; pointer-events:auto; }
.hs-float-viewport { position:absolute; top:0; left:0; overflow:hidden; transform-origin:top left; }
.hs-captured-source { position:absolute; width:1000px; height:620px; }
.hs-float-title,.hs-float-toolbar { position:absolute; z-index:5; left:0; right:0; height:27px; display:flex; align-items:center; gap:8px; background:#1d2433ee; color:white; opacity:0; transition:opacity .2s; padding:0 10px; }
.hs-float-title { top:0; font-size:8px; }
.hs-float-title>.ui-icon { width:12px; height:12px; }
.hs-float-title strong { font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.hs-float-title b { margin-left:auto; font-weight:550; color:#aeb9cc; font-size:9px; }
.hs-float-toolbar { bottom:0; font-size:7px; gap:5px; }
.hs-float-toolbar i { width:4px; height:4px; border-radius:50%; background:#4b9bff; }
.hs-float-toolbar>span { margin-left:auto; display:flex; align-items:center; gap:11px; }
.hs-float-toolbar .ui-icon { width:12px; height:12px; }
.hs-floater:hover .hs-float-title,.hs-floater:hover .hs-float-toolbar,.hs-desktop[data-phase="float"] .hs-float-title,.hs-desktop[data-phase="float"] .hs-float-toolbar { opacity:1; }
.hero-scenarios { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:17px; }
.hero-scenario { min-width:0; min-height:44px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:6px 0 8px; background:transparent; border:0; border-radius:0; color:#7a8596; font-size:12px; font-weight:500; line-height:1.5; text-align:left; transition:color .2s; }
.hero-scenario-track { display:block; width:100%; height:2px; border-radius:1px; overflow:hidden; background:#dce2eb; }
.hero-scenario-track i { display:block; width:100%; height:100%; background:var(--blue); transform:scaleX(var(--progress,0)); transform-origin:left center; }
.hero-scenario-label { display:block; white-space:nowrap; }
.hero-scenario.is-active { color:#26364c; font-weight:600; }
.hero-scenario:hover { color:#26364c; }
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:80px}.hero + .feature-section{padding-top:40px}}
@media(max-width:1100px){.hero{grid-template-columns:36% 64%;padding-top:40px}.hero h1{font-size:44px}.hero-visual{padding-left:10px}.hero-copy .hero-actions{gap:14px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:40px}.hero + .feature-section{padding-top:30px}.hero h1{font-size:59px}.hero-visual{padding-left:0;max-width:720px;margin-top:38px}}
@media(max-width:540px){.hero{padding-top:35px;padding-bottom:25px}.hero + .feature-section{padding-top:28px}.hero h1{font-size:49px}.hero-visual{margin-top:34px}.hero-scene-wrap{border-radius:9px}.hero-scenarios{gap:10px;margin-top:12px}.hero-scenario{font-size:11px;gap:9px}}
@media(prefers-reduced-motion:reduce){.hs-source,.hs-work,.hs-floater,.hs-float-viewport,.hs-selection,.hs-cursor{transition:none!important}}