:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#f7f7fb;background-color:#05060b}*{margin:0;box-sizing:border-box}body{min-height:100vh;background:radial-gradient(circle at top,#1b2140,#05060b 52%,#030409)}a{text-decoration:none;color:inherit}button{font-family:inherit}.page{position:relative;overflow:hidden}.page:before,.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.page:before{background:radial-gradient(circle at 20% 20%,rgba(123,97,255,.3),transparent 45%),radial-gradient(circle at 80% 10%,rgba(44,183,255,.4),transparent 40%),radial-gradient(circle at 40% 80%,rgba(255,94,247,.28),transparent 45%);filter:blur(20px);opacity:.8}.page:after{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:120px 120px;opacity:.2}.hero{position:relative;padding:40px 8vw 80px;min-height:100vh}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:20px;font-weight:700;letter-spacing:.4px}.nav-links{display:flex;gap:24px;color:#ffffffb3;font-size:14px}.nav-links a:hover{color:#fff}.nav-cta{padding:10px 18px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:14px}.hero-content{margin-top:80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:48px}.badge{display:inline-flex;padding:6px 14px;border-radius:999px;background:#7b61ff33;border:1px solid rgba(123,97,255,.4);font-size:12px;letter-spacing:.8px;text-transform:uppercase}.hero-copy h1{font-size:clamp(36px,5vw,64px);line-height:1.1;margin:20px 0}.gradient-text{display:block;background:linear-gradient(120deg,#9b7bff,#4cd7ff,#ff61f6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:#ffffffb3;margin-bottom:28px;max-width:560px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.primary-btn{padding:14px 28px;border-radius:999px;background:linear-gradient(120deg,#9b7bff,#4cd7ff,#ff61f6);color:#05060b;font-weight:600;border:none;cursor:pointer}.ghost-btn{padding:14px 28px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer}.hero-stats{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.hero-stats div{padding:16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.hero-stats strong{display:block;font-size:20px}.hero-stats span{font-size:12px;color:#ffffffb3}.hero-visual{position:relative}.glass-card{padding:28px;border-radius:24px;background:#0c0e1abf;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-header{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff9;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px}.pulse-dot{width:8px;height:8px;border-radius:999px;background:#4cd7ff;box-shadow:0 0 12px #4cd7ff;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.7}}.glass-card h3{font-size:24px;margin-bottom:12px}.glass-card p{color:#ffffffb3}.card-highlight{margin-top:20px;padding:12px 16px;border-radius:14px;background:#4cd7ff26;border:1px solid rgba(76,215,255,.4);font-size:14px}.floating-panel{position:absolute;right:-10%;bottom:-20%;display:grid;gap:12px;padding:18px;border-radius:20px;background:#0c0e1ad9;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-panel strong{display:block;font-size:14px}.floating-panel span{font-size:12px;color:#ffffffa6}.section{padding:96px 8vw;position:relative;z-index:1}.section.dark{background:#05060be6}.section-title{max-width:680px;margin-bottom:40px}.section-title h2{font-size:clamp(28px,3.5vw,44px);margin-bottom:12px}.section-title p{color:#ffffffb3}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.scenario-card{padding:24px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:left;color:inherit;cursor:pointer;transition:all .3s ease}.scenario-card span{display:block;margin-top:14px;font-size:12px;color:#fff9}.scenario-card.active,.scenario-card:hover{background:#7b61ff2e;border-color:#7b61ff80;transform:translateY(-4px)}.capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.capability-card{padding:24px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.workflow{display:grid;gap:18px}.workflow-step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:20px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.workflow-step span{font-size:20px;font-weight:600;color:#4cd7ff}.cta{padding:80px 8vw;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#7b61ff33,#4cd7ff33);border-top:1px solid rgba(255,255,255,.1)}.cta-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.cta-note{font-size:12px;color:#ffffffb3}.footer{padding:24px 8vw 40px;text-align:center;color:#ffffff73;font-size:12px;letter-spacing:.6px;background:#05060be6}@media (max-width: 600px){.footer{padding:20px 6vw 32px}}@media (max-width: 900px){.nav-links{display:none}.floating-panel{position:static;margin-top:16px}}@media (max-width: 600px){.hero{padding:32px 6vw 60px}.hero-actions{flex-direction:column;align-items:stretch}.cta{flex-direction:column;align-items:flex-start}}