/* 2026-10-15: V2 visual vocabulary, scoped to A. */
:root{--blue:oklch(55% .20 242);--violet:oklch(58% .22 280);--grad:linear-gradient(135deg,var(--blue),var(--violet));--ink:#0c1015;--muted:#5c626b;--paper:#fbfbfb;--line:#e0e3ed;--panel:#eef2fc;--v2-stage:radial-gradient(58% 62% at 22% 18%,#70a4ff40,transparent 62%),radial-gradient(46% 56% at 84% 74%,#9684ff33,transparent 60%),linear-gradient(135deg,#e5ecf9,#eeeaf9)}
body,button,input{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:normal;color:var(--ink)}h2{font-weight:600}.button{border-radius:14px;font-size:16px;font-weight:500;padding:13px 26px;gap:12px;min-height:50px}.primary{background:var(--ink);color:white}.primary:hover{background:#1b2530;box-shadow:0 12px 26px -14px #0c101580}.secondary{background:#ffffffb3;color:#2e3944;border:1px solid #dfe2ec}.site-header .nav-cta{border:1px solid #0c10152e;border-radius:14px;background:#fff;color:var(--ink);font-size:14px;padding:9px 18px;min-height:42px}.site-header{background:#fbfbfbeb;border-bottom:1px solid #0c101510}.opening,.hero-stage{background:var(--paper)}
.hero-copy{top:30px;left:0;right:0}.hero-copy h1{font-size:clamp(44px,3.7vw,64px);line-height:1.4;font-weight:700;letter-spacing:normal;margin:20px 0 24px;color:var(--ink)}.hero-copy h1 span,.hero-copy h1 em{white-space:nowrap}.hero-copy h1 em{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy .actions{margin-top:26px}.hero-kicker{color:#50596b;font-size:14px;font-weight:500;letter-spacing:.3px}.hero-phone{top:350px}.hero-backdrop{left:32px;right:32px;top:55%;height:75%;border-radius:24px;background:var(--v2-stage)}.hero-backdrop:after{background:radial-gradient(ellipse at center,#ffffff60,transparent 68%)}.brand-orbit{position:absolute;width:940px;height:940px;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid #ffffff70;border-radius:50%}.orbit-two{width:1180px;height:1180px;border-color:#ffffff40}.stage-caption{color:#596884;text-shadow:none}.stage-disclosure{color:#63708a;text-shadow:none;bottom:18px;font-size:11px}.hero-output{left:calc(50% + 230px);top:25%;width:min(300px,calc(50% - 270px));border:1px solid #ffffffd9;box-shadow:0 24px 55px #57518b18;border-radius:18px}.hero-output h3{font-size:22px}.hero-question{background:linear-gradient(135deg,#e1ebff,#e9e4fa);color:#334668}.hero-confirm{background:var(--grad);border-radius:12px;font-weight:500}.device-input{background:#edf0fa;color:#4f6096}.answer-status{background:#edf0fc;color:#4f6096}
#demoWorkbench{position:absolute;left:48px;top:19%;width:min(340px,calc(50% - 285px));padding:0;z-index:7;opacity:0}.workbench-heading{display:block;margin-bottom:22px}.workbench-heading h2{font-size:27px;white-space:nowrap;line-height:1.5;margin:8px 0}.workbench-heading p{font-size:14px;margin-top:10px;color:#5b6576}.task-workbench .eyebrow{font-size:12px;color:#636b85;letter-spacing:1px}.prompt-preview{min-height:84px;padding:15px 17px;display:flex;align-items:center;gap:10px;background:#ffffffda;border:1px solid #ffffff;border-radius:16px;box-shadow:0 8px 25px #5f5a8d09;margin-bottom:22px;color:#26354b;font-size:15px;line-height:1.7}.prompt-preview>img{width:33px;height:33px;flex-shrink:0}.prompt-preview>span{min-width:0}.prompt-preview>i{width:2px;height:16px;flex-shrink:0;background:var(--blue)}
#heroTasks{grid-template-columns:repeat(3,1fr);gap:9px}#heroTasks button{min-height:76px;border-radius:12px;background:#ffffff75;border:1px solid #ffffffaa;padding:11px 8px;gap:7px;align-items:center;font-size:13px;font-weight:500;white-space:nowrap}#heroTasks button>span{width:25px;height:25px;background:none;color:#5e739f}#heroTasks .icon{width:21px;height:21px}#heroTasks button>b{display:none}#heroTasks button.active{border-color:#7c90d3;background:#fff;box-shadow:0 4px 16px #665c9b12;color:#263f79}#heroTasks button.active>span{color:var(--blue)}.autoplay-toggle{font-size:13px;color:#526180;margin-top:18px;padding:6px 0}.workbench-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;border-top:1px solid #6e7f9c25;padding-top:14px}.demo-steps{display:flex;gap:5px;width:100%}.demo-steps button{flex:1;border-radius:8px;padding:8px 3px;font-size:10px;color:#647089}.demo-steps button>span{font-size:10px}.demo-steps button.active{background:#ffffffd9;color:#284884}.workbench-controls #replayDemo{font-size:12px}.workbench-controls #demoMode{font-size:11px;margin-left:0}
.video-section,.story-process{background:linear-gradient(145deg,#f1f5fd,#f4f1fc)}.story-section,.version-section,.faq-section{background:var(--paper)}.video-option.active{border-color:#8b9bd2}.video-big-play,.story-role-nav a.active,.story-copy>.eyebrow{color:var(--blue)}.story-role-nav a.active{border-color:var(--blue)}.story-copy h3{font-size:38px;letter-spacing:normal}.story-desc{color:#535b66}.story-choices button{border-radius:14px;font-weight:500;border-width:1px;background:#fff}.story-choices button.active{border-color:#9daede;background:#f0f3fc;color:#27467a}.story-choices button.active .choice-symbol{background:var(--grad)}.feature-art:before{background:linear-gradient(135deg,#e3ecfc,#dce3fa 46%,#e3ddf7)}.story-chapter[data-role]{--chapter-bg:#e7e8f9}.ui-action{background:var(--grad);font-weight:500}.ui-icon{color:var(--blue)}.ui-field.tone-1{background:#f0edfc}.ui-field.tone-2{background:#ecf2fa}.process-line i,.process-number{background:var(--grad)}.process-heading h2,.story-heading h2{font-weight:600}.process-card{box-shadow:0 12px 28px #444b810b;border-color:#e4e5f0;border-radius:18px}.version-card{background:#fff;border-color:#e0e3ed;border-radius:18px}.closing{background:var(--v2-stage)}.closing h2{color:var(--ink)}.closing .eyebrow{color:#4c648e}.closing .button.primary{background:var(--ink)}
@media(min-width:1700px){.hero-copy{top:40px}.hero-phone{top:390px}#demoWorkbench{left:calc(50% - 650px);width:360px;top:23%}.hero-output{left:calc(50% + 270px);top:27%;width:330px}}
@media(max-width:1200px) and (min-width:900px){#demoWorkbench{left:24px;width:255px}.hero-phone{left:50%}.hero-output{left:auto;right:24px;width:235px;padding:18px}.hero-output h3{font-size:19px}.output-fields>div{font-size:12px}.output-fields strong{font-size:13px}.workbench-heading h2{font-size:23px}.prompt-preview{font-size:13px;padding:11px;min-height:78px}.prompt-preview>img{width:27px;height:27px}}
@media(max-height:800px) and (min-width:900px){.hero-copy{top:20px}.hero-copy h1{font-size:47px;line-height:1.35;margin:15px 0}.hero-copy .actions{margin-top:22px}.hero-phone{top:300px}#demoWorkbench{top:13%}.hero-output{top:20%}.workbench-heading{margin-bottom:17px}.prompt-preview{min-height:74px;margin-bottom:17px}.workbench-controls{margin-top:8px}.stage-disclosure{bottom:13px}}
@media(max-width:899px){.hero-copy h1{font-size:clamp(25px,5.7vw,46px);line-height:1.5;margin:18px 0 24px}.hero-copy h1 span,.hero-copy h1 em{white-space:nowrap}.hero-copy .button{font-size:14px;padding:11px 18px}.hero-copy .actions{margin-top:20px}.hero-stage{padding-top:40px}.hero-backdrop{top:310px!important}.hero-output{width:324px;max-width:100%;padding:25px}.hero-output h3{font-size:23px}#demoWorkbench{position:relative;left:auto;top:auto;width:min(520px,100%);padding:0;margin:38px 0 0;opacity:1!important;transform:none!important}.workbench-heading h2{font-size:26px}.workbench-heading p{margin-top:8px}#heroTasks{gap:10px}#heroTasks button{font-size:14px;min-height:78px;padding:12px}.prompt-preview{font-size:16px}.demo-steps button,.demo-steps button>span{font-size:12px}.stage-disclosure{bottom:auto;color:#63708a}.story-copy h3{font-size:31px}.button{font-size:15px}.hero-kicker{font-size:13px}.brand-orbit{width:760px;height:760px}.orbit-two{width:950px;height:950px}}
@media(prefers-reduced-motion:reduce) and (min-width:900px){.hero-stage{height:1420px!important}.hero-phone{top:350px}.hero-backdrop{top:680px!important}.hero-output{top:450px;opacity:1}#demoWorkbench{top:450px;opacity:1}.stage-caption{display:none}}

/* Closing copy: one desktop line, natural wrapping on narrow screens. */
.theme-a h2 span{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}
.closing h2{white-space:nowrap;font-size:clamp(36px,3.6vw,56px);line-height:1.4}
@media(max-width:767px){.closing h2{white-space:normal;font-size:34px;max-width:350px;margin-inline:auto;text-wrap:balance}}