/* Original styles.css is preserved byte-for-byte from the supplied HTML design.
   These additions repair export issues and style the working interactions. */
html{scroll-padding-top:96px}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--primary-bright);outline-offset:5px}
.nav-logo img,.footer-brand img{width:168px;height:auto;filter:brightness(0) invert(1)}
/* The visual belongs to the whole hero, underneath its copy and controls. */
.hero{isolation:isolate;overflow:hidden}
.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1fr)}
.hero-copy{max-width:650px}
.hero-copy,.conv-copy,.conv-visual{min-width:0}
.hero-visual{position:absolute;inset:0;z-index:0;width:100%;max-width:none;pointer-events:none;user-select:none;isolation:isolate;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 68%,transparent 96%)}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,15,.86) 0%,rgba(8,6,15,.62) 28%,rgba(8,6,15,.23) 51%,transparent 76%)}
/* Mirror only the graphics; the foreground and edge fades keep their orientation. */
.hero-stage{position:absolute;inset:0;width:100%;height:100%;contain:layout paint;transform:scaleY(-1)}
.hero-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .6s ease}
.hero-visual[data-graphics="ready"] .hero-canvas{opacity:1}
.hero-stats{position:relative;z-index:1}
.hero-body,.trust-list{text-shadow:0 2px 18px var(--bg)}
.hero-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 45%,rgba(173,80,204,.12),transparent 60%);transition:opacity .6s}
.hero-visual[data-graphics="ready"] .hero-fallback{opacity:0}
.hero-fallback i{position:absolute;left:18%;top:17%;width:88%;height:62%;border:1px solid rgba(200,164,232,.3);border-radius:50%;transform:rotate(-20deg) scaleY(.55);box-shadow:0 0 32px rgba(185,105,220,.12)}
.hero-fallback i:nth-child(2){transform:rotate(17deg) scaleY(.6)}
.hero-fallback i:nth-child(3){transform:rotate(-8deg) scaleY(.4);width:100%}
.chat-send{flex:none}
.chat-example{margin-top:16px;font-size:14px;color:var(--text-muted);line-height:1.85}
.chat-example strong{display:block;color:var(--primary-bright);font-size:12px;letter-spacing:.04em;margin-bottom:10px}
.uc-open{font-size:13px;color:var(--primary-bright);padding:14px 0 0;text-align:left;min-height:44px}
.uc-open:hover{color:var(--accent)}
.prompt-library{margin-top:36px;scroll-margin-top:96px;padding:30px}
.prompt-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.prompt-toolbar label{flex:1;min-width:0}
.prompt-toolbar input{width:100%;padding:12px 16px;background:var(--bg-alt);border:1px solid var(--glass-border);border-radius:9px;color:var(--text);font:inherit;font-size:14px}
.prompt-toolbar input::placeholder{color:var(--text-muted)}
.prompt-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-muted);font-size:13px;margin-bottom:18px}
.prompt-all{color:var(--primary-bright);font-size:13px;min-height:44px}
.prompt-item{border-top:1px solid var(--glass-border);padding:17px 0}
.prompt-item summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:15px}
.prompt-item summary::-webkit-details-marker{display:none}
.prompt-item summary small{font-size:11px;color:var(--primary-bright);white-space:nowrap}
.prompt-item p{color:var(--text-muted);font-size:14px;line-height:1.85;margin-top:16px}
.prompt-copy{color:var(--primary-bright);font-size:13px;min-height:44px;padding:12px 0 0}
.prompt-more{margin-top:16px;font-size:13px}
.prompt-note{font-size:12px;color:var(--text-muted);margin-top:22px}
.copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;max-width:calc(100% - 32px);background:var(--bg-alt);border:1px solid var(--primary-bright);color:var(--text);border-radius:10px;z-index:150;font-size:13px;box-shadow:var(--glow)}
.export-note{color:var(--text-muted);font-size:12px;text-align:center;margin-top:26px}
.lang-toggle{min-width:64px;color:var(--primary-bright)}
[data-i18n="ct.address"]{white-space:pre-line}
html[lang="zh-CN"] .stat-num{font-size:clamp(24px,3vw,36px)}
html[lang="zh-CN"] .sec-tag{min-width:48px;width:auto;white-space:nowrap}
html[lang="zh-CN"] .hero-h1{font-size:clamp(32px,4.2vw,60px)}
html[lang="zh-CN"] [data-i18n="hero.h1.hl"]{display:block}
@media(max-width:1023px){.hero-visual{max-width:none;margin:0}.hero-copy{max-width:620px}}
@media(max-width:767px){.nav-logo img{width:145px}.hero-h1{overflow-wrap:normal}.hero-visual::after{background:linear-gradient(90deg,rgba(8,6,15,.7),rgba(8,6,15,.3))}.prompt-library{padding:20px}.prompt-toolbar{flex-direction:column;align-items:stretch;gap:12px}.prompt-meta{font-size:12px}.prompt-item summary{font-size:14px}.prompt-item p{font-size:13px}.prompt-item summary small{font-size:10px}.nav-burger{min-width:36px;min-height:40px;justify-content:center}.lang-toggle{min-height:40px}.contact-card p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.hero-canvas,.hero-fallback{transition:none}}

/* Commercial options explain scope without publishing fixed amounts. */
.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-intro{color:var(--text-muted);font-size:14px;line-height:1.8;margin:-10px 0 20px}
.plan-detail{color:var(--primary-bright);font-size:12px;text-align:right;max-width:48%}
.plan-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 0;margin-top:24px;border-top:1px solid var(--glass-border)}
.plan-contact h3{font-size:22px;margin-bottom:8px}
.plan-contact p{max-width:720px;color:var(--text-muted);font-size:14px}
.plan-contact .btn{flex-shrink:0}
.case-focus{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.25;margin-bottom:16px}
.ai-name{margin-bottom:16px}
@media(max-width:767px){.hero-stats{gap:20px 12px}.hero-stats .stat-num{font-size:26px}.hero-stats .stat-label{font-size:12px}.plan-contact{align-items:flex-start;flex-direction:column;gap:20px}.plan-contact h3{font-size:20px}.plan-detail{max-width:44%}}

/* Intelligence layer: narrative, connections and learning, in the approved visual system. */
.hero-copy{max-width:1100px}
.hero-h1{font-size:clamp(36px,4.3vw,60px);line-height:1.13;letter-spacing:-.04em}
.hero-h1>span{display:block;text-wrap:balance}
.hero-body{max-width:710px;font-size:18px;line-height:1.8}
.hero .trust-list{margin-top:30px}
.section-head{max-width:860px}
.nav-links{gap:19px}.nav-links a{font-size:13px;white-space:nowrap}
.comparison-wrap{max-width:980px;margin:44px auto 0;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}
.intelligence-comparison{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.intelligence-comparison th{padding:24px 32px;font-size:18px;background:rgba(167,139,250,.055)}
.intelligence-comparison th:first-child{color:var(--text-muted);font-weight:500}
.intelligence-comparison th:last-child{color:var(--primary-bright)}
.intelligence-comparison td{padding:20px 32px;border-top:1px solid var(--glass-border);font-size:16px;line-height:1.6;vertical-align:top}
.intelligence-comparison td:first-child{color:var(--text-muted)}
.intelligence-comparison td:last-child{background:rgba(167,139,250,.045)}
.concept-closing,.intelligence-closing{max-width:800px;margin:36px auto 0;text-align:center;font-size:clamp(19px,2vw,24px);line-height:1.65;color:var(--primary-bright)}
.integration-map{max-width:880px;margin:40px auto 0;text-align:center}
.system-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.system-sources span{border:1px solid var(--glass-border);padding:17px 10px;border-radius:10px;font-size:14px;color:var(--text-muted)}
.system-flow{display:block;font-size:32px;line-height:1.6;color:var(--primary-bright)}
.system-layer{padding:28px;border:1px solid rgba(167,139,250,.4);border-radius:14px;background:linear-gradient(100deg,rgba(139,92,246,.10),rgba(217,70,239,.06))}
.system-layer h3{font-size:24px;margin-bottom:8px}.system-layer p{font-size:14px;color:var(--text-muted)}
.integration-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px 0 26px;list-style:none}
.integration-levels li{display:flex;align-items:flex-start;gap:14px}
.step-index{font:500 13px/1.5 var(--font-display);color:var(--primary-bright);letter-spacing:.06em;display:block;flex-shrink:0}
.integration-levels h3,.deployment-steps h3{font-size:20px;line-height:1.4;margin-bottom:12px}
.integration-levels p,.deployment-steps p{font-size:15px;line-height:1.8;color:var(--text-muted)}
.integration-note{font-size:13px;text-align:center;color:var(--text-muted);margin-top:20px}
.text-link{display:block;width:fit-content;margin:18px auto 0;color:var(--primary-bright);font-size:14px;padding:8px 0;border-bottom:1px solid var(--glass-border)}
.conversation-questions{margin-top:28px}.conversation-questions .eyebrow{font-size:11px;margin-bottom:8px}
.conversation-questions ul{list-style:none;margin:0;padding:0}
.conversation-questions li{padding:12px 0;border-bottom:1px solid var(--glass-border);color:var(--text-muted);font-size:14px;line-height:1.6}
.learning-loop{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;gap:26px;margin:48px 0 40px}
.learning-loop li{position:relative;padding:22px 0 0;border-top:1px solid rgba(167,139,250,.45)}
.learning-loop li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:-13px;color:var(--primary-bright);font-size:16px;background:var(--bg-alt);padding:0 3px}
.learning-loop h3{font-size:19px;margin:12px 0 8px}.learning-loop p{font-size:13px;line-height:1.7;color:var(--text-muted)}
.intelligence-asset{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding:28px 0;border-block:1px solid var(--glass-border)}
.intelligence-asset .eyebrow{max-width:240px;line-height:1.6;margin:0}
.intelligence-asset ul{list-style:none;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;font-size:15px;max-width:650px}
.intelligence-asset li::before{content:'↗';color:var(--primary-bright);margin-right:12px}
.ai-name{line-height:1.4;min-height:58px;font-size:20px}
.ai-desc{line-height:1.8}.ai-card .status-pill{margin-top:auto;align-self:flex-start}
.deployment-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:46px}
.deployment-steps article{border-top:1px solid var(--glass-border);padding-top:24px}
.deployment-steps .step-index{margin-bottom:20px}
.deployment-scope{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-top:48px;padding:32px;border-radius:14px;background:rgba(167,139,250,.045);border:1px solid var(--glass-border)}
.deployment-scope h3{font-size:18px;max-width:240px;line-height:1.6}.deployment-scope ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;font-size:14px;color:var(--text-muted)}
#deployment .plan-contact{margin-top:12px;border:0}#deployment .plan-contact>p{font-size:17px;max-width:660px}
.cta-lines{max-width:740px;margin-inline:auto;font-size:18px;line-height:1.8}
.footer-links{flex-wrap:wrap;gap:14px 24px}
@media(max-width:1199px){
 .nav-links{position:fixed;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--nav-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--glass-border);max-height:0;overflow:hidden;transition:max-height .3s ease}
 .nav-links.open{max-height:min(70dvh,430px);overflow:auto}.nav-links a{padding:16px 24px;border-top:1px solid var(--glass-border);font-size:15px}.nav-burger{display:flex}
 .learning-loop{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.learning-loop li:nth-child(3)::after{display:none}
}
@media(max-width:767px){
 .hero-copy{max-width:100%}.hero-h1{font-size:clamp(32px,7.6vw,48px)}.hero-body{font-size:16px}
 html[lang="zh-CN"] .hero-h1{font-size:clamp(29px,7.1vw,42px);line-height:1.3}
 .intelligence-comparison th{padding:18px 15px;font-size:15px}.intelligence-comparison td{padding:16px 15px;font-size:14px}
 .system-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.system-layer{padding:24px 18px}.system-layer h3{font-size:20px}
 .integration-levels,.deployment-steps{grid-template-columns:1fr;gap:28px}.integration-levels li{padding-top:20px;border-top:1px solid var(--glass-border)}
 .learning-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.learning-loop li:nth-child(2n)::after{display:none}.learning-loop li:nth-child(3)::after{display:block}
 .intelligence-asset,.deployment-scope{flex-direction:column;gap:20px}.intelligence-asset .eyebrow{max-width:none}.deployment-scope{padding:24px}.deployment-scope ul{grid-template-columns:1fr;gap:12px}
 .ai-name{min-height:0}.cta-lines{font-size:16px}.footer-links{gap:12px 20px}
}

.section-head h2{ text-wrap:balance; }