/* Current product screenshot and the three work modes are the visual anchor. */
.hero-visual{min-height:490px;padding:12px}.hero-visual>.visual-glow{display:none}.hero-visual>.app-window{display:none}.hero-visual:before{content:"";position:absolute;inset:3% 0;background:url("assets/workcode-product-current.png") center/contain no-repeat;filter:drop-shadow(0 28px 42px rgba(0,0,0,.42));transform:perspective(1100px) rotateY(-3deg) rotateX(1deg);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1)}.hero-visual:hover:before{transform:perspective(1100px) rotateY(-1deg) rotateX(0) translateY(-5px) scale(1.015);filter:drop-shadow(0 36px 58px rgba(0,0,0,.5))}.hero-visual:after{content:"当前产品界面";position:absolute;right:4%;bottom:2%;padding:7px 10px;border:1px solid rgba(45,225,192,.3);border-radius:7px;background:rgba(11,15,24,.86);color:#b8c3d8;font-size:10px;letter-spacing:.04em}.hero-note{display:none}.feature-section{padding:106px 0 35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-panel{min-height:270px;padding:27px;border:1px solid var(--line);border-radius:13px;background:rgba(17,24,39,.72);transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s}.feature-panel:hover{transform:translateY(-6px);border-color:rgba(109,97,247,.72);background:rgba(26,30,55,.88)}.feature-kicker{color:var(--cyan);font-size:11px;letter-spacing:.12em}.feature-panel h3{font-size:22px;line-height:1.25;letter-spacing:-.03em;margin:35px 0 12px}.feature-panel p{color:var(--muted);font-size:13px;line-height:1.8;min-height:76px;margin-bottom:22px}.feature-panel a{color:#aaa4ff;text-decoration:none;font-size:12px}.feature-panel a span{margin-left:7px}.reveal{opacity:0;transform:translateY(20px);filter:blur(3px)}.reveal.is-visible{opacity:1;transform:none;filter:none;transition:opacity .65s ease-out,transform .65s cubic-bezier(.22,1,.36,1),filter .65s ease-out}.timeline-item.current{transition:background .3s,transform .3s}.timeline-item.is-focus{background:rgba(109,97,247,.09);transform:translateX(4px);border-radius:7px;padding-left:8px;padding-right:8px}.site-nav a:focus-visible,.button:focus-visible,.download-card:focus-visible,.feature-panel a:focus-visible,.faq-item button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(max-width:900px){.feature-section{padding-top:80px}.feature-grid{grid-template-columns:1fr}.feature-panel{min-height:220px}.feature-panel h3{margin-top:24px}.feature-panel p{min-height:0}.hero-visual{min-height:390px}}@media(max-width:620px){.hero-visual{min-height:255px;padding:0}.hero-visual:before{inset:0 -11%}.hero-visual:after{right:0;bottom:-5px;font-size:9px}.feature-section{padding-top:63px}.feature-panel{padding:22px}.feature-panel h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual:before,.feature-panel,.reveal,.timeline-item.is-focus{transition:none}.reveal{opacity:1;transform:none;filter:none}}
.copy-toast{position:fixed;left:50%;bottom:28px;z-index:20;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:11px 16px;border:1px solid rgba(45,225,192,.45);border-radius:9px;background:#111827;color:#e9fdf8;font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.32);transition:opacity .22s,transform .22s}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
.scene-section{padding:40px 0 36px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scene-item{display:flex;gap:18px;align-items:flex-start;padding:25px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:border-color .25s,transform .25s,background .25s}.scene-item:hover{border-color:rgba(45,225,192,.58);transform:translateY(-3px);background:rgba(17,24,39,.48)}.scene-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid rgba(45,225,192,.42);border-radius:11px;color:var(--cyan);font-size:19px}.scene-item h3{font-size:19px;letter-spacing:-.025em;margin:2px 0 9px}.scene-item p{color:var(--muted);font-size:13px;line-height:1.72;margin:0 0 13px}.scene-item span{color:#a9a3ff;font-size:11px}.feature-panel-emphasis{background:linear-gradient(145deg,rgba(109,97,247,.15),rgba(17,24,39,.76));border-color:rgba(109,97,247,.44)}
@media(max-width:900px){.scene-section{padding-top:24px}.scene-grid{grid-template-columns:1fr}}@media(max-width:620px){.scene-section{padding-top:8px}.scene-item{padding:20px 0}}
/* The product screenshot already identifies the interface; avoid an extra overlay label. */
.hero-visual:after{display:none!important}