/* Site artwork: keep large storytelling images outside the working conversation. */
.hero.illustrated-hero{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center;max-width:1600px;margin:auto;padding:58px 5% 64px;text-align:left;gap:12px;overflow:hidden}
.illustrated-hero .hero-copy{min-width:0;text-align:left}.illustrated-hero h1{font-size:clamp(36px,4.1vw,62px);letter-spacing:-1.8px}.illustrated-hero .hero-description{font-size:17px}.illustrated-hero .hero-actions{justify-content:flex-start;flex-wrap:wrap;gap:12px}.illustrated-hero .hero-note{font-size:12px}.illustrated-hero .hero-ai{font-weight:500}
.site-art{margin:0;min-width:0}.site-art img{display:block;width:100%;height:auto;object-fit:contain}.hero-art{margin:0 -25px 0 -24px;animation:siteArtEnter .8s ease-out both}
.site-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:58px;max-width:1440px;margin:30px auto;padding:60px 5%;border-top:1px solid #e0e7ef}
.site-story h2{font-size:clamp(28px,3vw,42px);line-height:1.35;margin:12px 0 20px;letter-spacing:-.8px}.site-story p:not(.eyebrow){color:#62758b;line-height:1.9}.site-story .text-link{margin-top:26px;display:inline-flex}.site-memory-story{background:linear-gradient(120deg,#f9fbfe,#f2f7fd);border-radius:22px}
.site-poster-deck{display:flex;position:relative;align-items:center;justify-content:center;isolation:isolate;min-width:0;padding:30px 12px;margin:0}
.site-poster-deck img{position:relative;width:32%;height:auto;display:block;border:3px solid white;border-radius:9px;box-shadow:0 14px 30px #0c2c4821}
.site-poster-deck img:nth-child(1){transform:rotate(-7deg) translateX(9px);z-index:1}.site-poster-deck img:nth-child(2){transform:translateY(-18px);width:35%;z-index:3}.site-poster-deck img:nth-child(3){transform:rotate(7deg) translateX(-9px);z-index:2}
.site-poster-deck:after{content:'';position:absolute;bottom:12px;left:10%;width:80%;height:24px;border-radius:50%;background:linear-gradient(#fff,#dce5f1);box-shadow:0 12px 22px #29455d14;z-index:-1}
body.unified-workspace[data-workspace-view="posters"] .agent-head{min-height:155px;position:relative;overflow:hidden;padding-right:250px!important}
.member-poster-art{position:absolute;right:24px;top:8px;width:200px;pointer-events:none}
.member-poster-art.site-poster-deck{padding:10px}.member-poster-art img{max-height:138px;object-fit:contain;border-width:2px}.member-poster-art.site-poster-deck img:nth-child(2){transform:translateY(-3px)}.member-poster-art:after{display:none}
body.unified-workspace #card-profile>.uc-card-head{position:relative;min-height:132px;padding-right:255px}
.profile-memory-art{position:absolute;right:12px;top:0;width:225px;height:132px;object-fit:contain;pointer-events:none}
@keyframes siteArtEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.illustrated-hero .hero-description{font-size:14px}.illustrated-hero .button{font-size:13px;padding:12px}.site-story{gap:25px}.site-story p:not(.eyebrow){font-size:14px}}
@media(max-width:760px){.hero.illustrated-hero{grid-template-columns:1fr;padding:40px 24px 22px;gap:4px;text-align:center}.illustrated-hero .hero-copy{text-align:center}.illustrated-hero h1{font-size:37px;letter-spacing:-1px}.illustrated-hero .hero-actions{justify-content:center}.hero-art{max-width:520px;width:100%;margin:0 auto}.site-story{grid-template-columns:1fr;padding:38px 25px;margin:0;gap:20px}.site-story h2{font-size:29px}.site-marketing-story>.site-poster-deck{order:2}.site-memory-story{border-radius:0}.site-story .site-art{max-width:500px;margin:auto}.site-poster-deck{padding:26px 12px}.site-poster-deck img{border-width:2px}
body.unified-workspace[data-workspace-view="posters"] .agent-head{min-height:100px;padding-right:120px!important}.member-poster-art{right:8px;top:12px;width:100px}.member-poster-art img{max-height:76px;border-width:1px!important}
body.unified-workspace #card-profile>.uc-card-head{padding-right:16px;min-height:0}.profile-memory-art{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none}}
/* Brand proportions and richer AI accents, without changing the navigation system. */
.site-header .brand{gap:10px}.site-header .brand img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:1px solid #dbe7f6}
.site-header .brand>.brand-wordmark{display:grid;gap:5px;font-synthesis:none;font-size:22px;letter-spacing:.2px;line-height:1}
.site-header .brand-name{font-family:"Alimama ShuHeiTi","PingFang SC",sans-serif;font-weight:700;font-synthesis:none;-webkit-text-stroke:.2px #fcfbf8;line-height:1.2;white-space:nowrap}
.site-header .brand .brand-tagline{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0;letter-spacing:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:10px;font-weight:500;color:#6b9cd0;line-height:1.1}
.hero.illustrated-hero{background:radial-gradient(ellipse at 88% 18%,#bcd9ff99,transparent 46%),radial-gradient(ellipse at 63% 86%,#d5bbff70,transparent 47%),linear-gradient(125deg,#fafcff,#f6f7ff 65%,#e8f9fc)}
.illustrated-hero .hero-ai,.ai-accent{background:linear-gradient(105deg,#0865ed 6%,#7050ed 60%,#ad3eb6);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.illustrated-hero .hero-ai .ai-spark{-webkit-text-fill-color:#885be9}
.site-header .button:not(.outline),.illustrated-hero .button:not(.outline),.closing .button:not(.outline){background:linear-gradient(105deg,#0865ed,#614cec 78%,#8855dc);border-color:transparent;box-shadow:0 8px 24px #5563e831;transition:transform .2s,box-shadow .2s}
.site-header .button:not(.outline):hover,.illustrated-hero .button:not(.outline):hover{transform:translateY(-2px);box-shadow:0 12px 28px #5563e84d}
.hero-art{position:relative;isolation:isolate}
.hero-art:before{content:'';position:absolute;inset:14% 8% 12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#649aff24,#b570ef1a 48%,transparent 70%);animation:visualCoreGlow 4.8s ease-in-out both}
.hero-art img{animation:visualFloatIn 4.8s ease-in-out both}
.site-memory-story{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 83% 45%,#bddaff8c,transparent 52%),linear-gradient(115deg,#f8fbff,#edeaff 70%,#e9f9ff)}
.site-marketing-story{background:radial-gradient(ellipse at 25% 55%,#dce8ff9c,transparent 57%)}
.site-story .eyebrow{color:#526bd7}
.feature-grid article{transition:transform .25s,box-shadow .25s,border-color .25s}.feature-grid article:hover{transform:translateY(-5px);border-color:#7d9af0;box-shadow:0 16px 34px #455dac16}
.feature-icon{background:linear-gradient(145deg,#dcecff,#e9ddff)!important;box-shadow:inset 0 1px 0 #fff,0 5px 14px #3f69a512}
.member-poster-art{filter:drop-shadow(0 4px 9px #6578c329)}
body.unified-workspace .uw-welcome{background:radial-gradient(ellipse at 87% 5%,#254c88,transparent 53%),radial-gradient(ellipse at 76% 115%,#594195,transparent 60%),linear-gradient(110deg,#092e49,#152d55 70%,#203963)!important}
body.unified-workspace .uw-eyebrow{color:#9dddf4}
body.unified-workspace #uwTask{background:linear-gradient(#fbfdff,#fbfdff) padding-box,linear-gradient(105deg,#49bef8,#ad80ff,#5c7cf5) border-box!important;border:2px solid transparent!important;box-shadow:0 0 0 4px #7199ff12,0 8px 30px #0c15311a}
body.unified-workspace #uwTask:focus-within{animation:visualInputGlow 2.2s ease-in-out 2;box-shadow:0 0 0 4px #91b8ff35,0 8px 34px #7898ff35}
body.unified-workspace .uw-card{transition:transform .22s,box-shadow .22s,border-color .22s}
body.unified-workspace .uw-card:hover{box-shadow:0 16px 32px #3456a224;border-color:#9aacf0;transform:translateY(-4px)}
body.unified-workspace .uw-open img{transition:transform .3s,filter .3s}
body.unified-workspace .uw-card:hover .uw-open img{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 7px 11px #586be54d)}
body.unified-workspace .composer:focus-within{box-shadow:0 -6px 24px #5984ef12}
@keyframes visualCoreGlow{0%{opacity:.25;transform:scale(.85)}45%{opacity:1;transform:scale(1.06)}100%{opacity:.7;transform:scale(1)}}
@keyframes visualFloatIn{0%{opacity:0;transform:translateY(16px)}25%{opacity:1;transform:translateY(-4px)}60%{transform:translateY(3px)}100%{transform:translateY(0)}}
@keyframes visualInputGlow{0%,100%{box-shadow:0 0 0 4px #91b8ff20,0 8px 24px #7898ff20}50%{box-shadow:0 0 0 5px #91b8ff40,0 8px 34px #7898ff40}}
@media(max-width:760px){.site-header .brand>.brand-wordmark{font-size:18px;gap:4px}.site-header .brand .brand-tagline{font-size:8px}.site-header .brand img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-art img,.hero-art:before,body.unified-workspace #uwTask:focus-within{animation:none!important}.hero-copy>*{opacity:1!important;transform:none!important}.feature-grid article,body.unified-workspace .uw-card,body.unified-workspace .uw-open img{transition:none!important}}
.illustrated-hero .hero-copy>.eyebrow{display:flex;align-items:center;gap:10px}
.illustrated-hero .hero-copy>.eyebrow:before{content:'AI';display:inline-grid;place-items:center;width:29px;height:29px;border-radius:7px;background:linear-gradient(145deg,#1d7cf2,#8760e8);box-shadow:0 4px 12px #646bea30;color:#fff;font:600 12px/1 system-ui;letter-spacing:0}
@media(max-width:760px){.illustrated-hero .hero-copy>.eyebrow{justify-content:center}}