.hero-site{min-height:610px}
.hero-visual{height:440px}
.hero-workspace{width:min(450px,100%);border:1px solid #a97ad342;border-radius:22px;background:linear-gradient(155deg,#171020,#0a0810 72%);box-shadow:0 30px 80px #0008,0 0 60px #7951ac1c;overflow:hidden;transform:rotate(1deg)}
.hero-workspace-top{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #ffffff17}
.hero-workspace-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#dfccea;color:#21162e;font-size:20px;font-weight:800}
.hero-workspace-top b,.hero-workspace-top small{display:block}.hero-workspace-top b{font-size:14px}.hero-workspace-top small{margin-top:4px;color:#8d809d;font-size:8px;letter-spacing:.12em}
.hero-workspace-status{margin-left:auto;color:#b9dccb;font-size:8px;letter-spacing:.08em}.hero-workspace-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#74d2a1}
.hero-workspace-body{padding:26px}.hero-workspace-body>small{display:block;color:#9985b0;font-size:9px;letter-spacing:.12em;font-weight:700}.hero-workspace-body>strong{display:block;margin:7px 0 12px;font-size:34px;letter-spacing:-.05em}.hero-workspace-body>p{max-width:340px;margin:0 0 22px;color:#a99bb5;font-size:12px;line-height:1.65}
.hero-workspace-row{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #ffffff17;font-size:11px}.hero-workspace-row span{color:#9b8ba9}.hero-workspace-row b{font-weight:600}
.hero-workspace-bottom{display:flex;justify-content:space-between;gap:12px;padding:14px 26px;border-top:1px solid #ffffff17;color:#776b85;font-size:8px;letter-spacing:.08em}
.ai-hero-preview{width:100%;max-width:470px;margin:auto;padding:18px;border:1px solid rgba(180,145,220,.25);border-radius:24px;background:linear-gradient(150deg,#15101f,#0b0911 65%);box-shadow:0 28px 85px #0008;transform:rotate(1deg)}
.ai-preview-top{display:flex;align-items:center;gap:12px;padding:3px 2px 17px;border-bottom:1px solid #ffffff16}.ai-preview-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e4d7f4;color:#191221;font-size:19px;font-weight:800}.ai-preview-top b,.ai-preview-top small{display:block}.ai-preview-top b{font-size:14px}.ai-preview-top small{margin-top:3px;color:#8e859c;font-size:8px;letter-spacing:.12em}.ai-preview-top>i{margin-left:auto;color:#a6d7bf;font-size:8px;font-style:normal;letter-spacing:.08em}.ai-preview-top>i:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#67d9a1}
.ai-preview-question{margin:23px 0 14px}.ai-preview-question small,.ai-preview-answer small{font-size:9px;font-weight:700;letter-spacing:.12em;color:#9a89b1}.ai-preview-question p{margin:8px 0 0;padding:13px 15px;border:1px solid #ffffff2b;border-radius:10px;font-size:13px;color:#eee9f5}
.ai-preview-answer{min-height:205px;padding:20px;border:1px solid #ffffff25;border-left:3px solid #aa7bdb;border-radius:13px;background:#100d17}.ai-preview-answer p{max-width:350px;margin:17px 0 25px;color:#ddd6e6;font-size:13px;line-height:1.65}.ai-preview-answer>span{display:block;padding-top:12px;border-top:1px solid #ffffff16;color:#847790;font-size:8px;letter-spacing:.07em}
.ai-preview-input{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 10px 10px 16px;border:1px solid #ffffff2b;border-radius:10px;color:#81778d;font-size:12px}.ai-preview-input span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#d6c5e9;color:#191221;font-size:17px}
@media(max-width:900px){.hero-workspace,.ai-hero-preview{transform:none}.hero-visual{height:auto;padding:35px 0}}
@media(max-width:600px){.hero-visual{margin:0;transform:none}.hero-workspace-top,.hero-workspace-body{padding:17px}.hero-workspace-bottom{padding:12px 17px}.hero-workspace-status{font-size:7px}.ai-hero-preview{padding:12px}}