:root {
  --bg:#f3f0e9;
  --panel:#ffffff;
  --panel-2:#f8f5ef;
  --line:rgba(17,19,24,.15);
  --line-soft:rgba(17,19,24,.09);
  --text:#111318;
  --muted:#63646a;
  --muted-2:#85858a;
  --violet:#6b4ed8;
  --violet-soft:#6747c8;
  --acid:#43e889;
  --coral:#ed6c5c;
  --labs-blue:#5d93f5;
  --labs-pink:#ae006f;
  --labs-yellow:#ffd66b;
  color-scheme:light;
  font-family:"Avenir Next","SF Pro Text","PingFang SC","Hiragino Sans GB",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--text); background:var(--bg); }
body.modal-open { overflow:hidden; }
button,a { font:inherit; }
button { border:0; color:inherit; cursor:pointer; }
a { color:inherit; text-decoration:none; }

.brand-loader { position:fixed; z-index:400; inset:0; display:flex; align-items:center; justify-content:center; color:#252525; background:#fff; transition:opacity .16s ease,visibility .16s ease; }
.brand-loader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
.brand-loader.route-mode { background:#fff; }
.loader-reels { width:max-content; max-width:88vw; height:284px; display:grid; grid-template-columns:repeat(3,120px); justify-content:center; column-gap:48px; overflow:hidden; }
.loader-reel { --reel-delay:0s; display:flex; flex-direction:column; align-items:center; gap:3px; }
.loader-reel-b { --reel-delay:.055s; }
.loader-reel-c { --reel-delay:.23s; }
.loader-reel span,.loader-final { font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif; font-size:24px; font-weight:700; line-height:1.2; letter-spacing:-.035em; font-variant-ligatures:none; }
.loader-reel span { opacity:0; transform:translateY(-7px); }
.loader-reel span:nth-child(1) { --row-delay:.02s; }
.loader-reel span:nth-child(2) { --row-delay:.09s; }
.loader-reel span:nth-child(3) { --row-delay:.16s; }
.loader-reel span:nth-child(4) { --row-delay:.23s; }
.loader-reel span:nth-child(5) { --row-delay:.3s; }
.loader-reel span:nth-child(6) { --row-delay:.37s; }
.loader-reel span:nth-child(7) { --row-delay:.44s; }
.loader-reel span:nth-child(8) { --row-delay:.51s; }
.loader-reel span:nth-child(9) { --row-delay:.58s; }
.brand-loader.playing .loader-reel span { animation:loaderWord 2.45s cubic-bezier(.44,0,.32,1) calc(var(--reel-delay) + var(--row-delay)) both; }
.loader-final { position:absolute; left:50%; top:50%; width:220px; text-align:center; opacity:0; transform:translate(-50%,-50%); }
.loader-final span,.loader-final strong { display:block; }
.loader-final span { font-size:1em; font-weight:700; letter-spacing:-.035em; }
.loader-final strong { font:inherit; }
.brand-loader.playing .loader-final { animation:loaderFinal 2.7s cubic-bezier(.44,0,.32,1) both; }
@keyframes loaderWord {
  0%,5% { opacity:0; transform:translateY(-7px); }
  12%,59% { opacity:1; transform:translateY(0); }
  72%,100% { opacity:0; transform:translateY(9px); }
}
@keyframes loaderFinal {
  0%,66% { opacity:0; transform:translate(-50%,-113%); }
  73%,88% { opacity:1; transform:translate(-50%,-78%); }
  100% { opacity:0; transform:translate(-50%,-43%); }
}

.intro-sequence { position:fixed; z-index:300; inset:0; overflow:hidden; color:#101116; background:#f3f0e9; }
.intro-lockup { position:relative; z-index:4; padding-top:5vh; text-align:center; animation:introLockup 1s cubic-bezier(.2,.8,.2,1) both; }
.intro-lockup small { display:block; margin-bottom:14px; font-size:11px; font-weight:850; letter-spacing:2.8px; }
.intro-lockup h1 { margin:0; font-size:clamp(52px,6.7vw,102px); font-weight:610; line-height:.84; letter-spacing:-.065em; }
.intro-lockup h1 span { display:block; }
.intro-lockup h1 span:last-child { color:var(--labs-pink); }
.intro-lockup p { margin:18px 0 0; font-size:13px; font-weight:650; }
.intro-lockup button { height:48px; margin-top:21px; padding:0 23px; border:1px solid #111318; border-radius:99px; color:white; background:#111318; font-size:13px; font-weight:800; box-shadow:0 10px 26px rgba(17,19,24,.16); transition:transform .25s,background .25s; animation:introButton .65s .85s both; }
.intro-lockup button:hover { transform:translateY(-3px); background:var(--labs-pink); }
.intro-lockup button span { display:inline-block; margin-left:9px; transition:transform .25s; }
.intro-lockup button:hover span { transform:translateX(4px); }
.intro-orb { position:absolute; border-radius:50%; filter:blur(.2px); animation:introFloat 2.2s ease-in-out infinite alternate; }
.intro-orb-blue { width:35vw; height:35vw; left:-11vw; bottom:-16vw; background:var(--labs-blue); }
.intro-orb-pink { width:23vw; height:23vw; right:-8vw; bottom:-9vw; background:#c60082; animation-delay:-.65s; }
.intro-orb-acid { width:35vw; height:35vw; right:-8vw; top:-18vw; background:var(--acid); animation-delay:-1.1s; }
.intro-card-deck { position:absolute; z-index:3; left:50%; bottom:-92px; width:min(1180px,94vw); height:465px; transform:translateX(-50%); display:flex; align-items:flex-start; justify-content:center; gap:32px; pointer-events:none; }
.intro-card-slot { width:min(325px,28vw); height:430px; position:relative; pointer-events:auto; }
.intro-preview-card { width:100%; height:430px; position:relative; top:0; overflow:hidden; padding:15px; border-radius:26px; background:white; box-shadow:0 26px 75px rgba(49,43,34,.14); transform-origin:50% 100%; transition:top .52s cubic-bezier(.2,.82,.2,1),filter .52s ease; animation:introCardIn .95s cubic-bezier(.18,.82,.2,1) both,introCardFloat 5.8s 1.25s ease-in-out infinite; }
.intro-preview-card:after { content:""; width:42%; height:125%; position:absolute; z-index:2; left:-65%; top:-12%; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent); transform:skewX(-18deg); animation:introCardSheen 7.5s 1.8s ease-in-out infinite; }
.intro-preview-card img { width:100%; height:245px; display:block; object-fit:cover; object-position:top; border-radius:18px; transform:scale(1.015); animation:introImageDrift 6.8s ease-in-out infinite alternate; }
.intro-preview-card>div { padding:17px 5px 0; }
.intro-preview-card small,.intro-preview-card strong,.intro-preview-card em,.intro-preview-card span { display:block; }
.intro-preview-card small { color:#77736d; font-size:9px; font-weight:800; letter-spacing:1.25px; }
.intro-preview-card strong { margin-top:9px; font-size:27px; font-weight:650; letter-spacing:-.04em; }
.intro-preview-card em { width:max-content; margin-top:7px; padding:4px 8px; border:1px solid #d9d6cf; border-radius:999px; color:#18191c; background:#f7f5ef; font-size:10px; font-style:normal; font-weight:750; letter-spacing:.02em; }
.intro-preview-card span { margin-top:7px; color:#62615f; font-size:11px; line-height:1.55; }
.intro-card-coze { transform:rotate(-7deg); animation-delay:.2s,1.25s; }
.intro-card-coze img { animation-delay:-1.1s; }
.intro-card-huasheng { margin-top:20px; animation-delay:.36s,1.7s; }
.intro-card-huasheng img { animation-delay:-2.6s; }
.intro-card-trip { transform:rotate(7deg); animation-delay:.52s,2.15s; }
.intro-card-trip img { animation-delay:-4s; }
@media (hover:hover) and (pointer:fine) {
  .intro-card-slot:hover { z-index:8; }
  .intro-card-slot:hover .intro-preview-card { top:-96px; filter:drop-shadow(0 26px 34px rgba(36,31,26,.2)); }
}
.intro-hint { position:absolute; z-index:5; right:24px; bottom:20px; color:#625f5b; font-size:9px; font-weight:800; letter-spacing:1.4px; }
@keyframes introLockup { from { opacity:0; transform:translateY(38px) scale(.96); } to { opacity:1; transform:none; } }
@keyframes introButton { from { opacity:0; transform:translateY(15px); } }
@keyframes introCardIn { from { opacity:0; transform:translateY(140px) rotate(0) scale(.9); } }
@keyframes introCardFloat { 0%,100% { translate:0 0; box-shadow:0 26px 75px rgba(49,43,34,.14); } 50% { translate:0 -9px; box-shadow:0 35px 88px rgba(49,43,34,.18); } }
@keyframes introImageDrift { 0% { transform:scale(1.015) translate3d(0,0,0); filter:saturate(.94); } 100% { transform:scale(1.065) translate3d(0,-5px,0); filter:saturate(1.05); } }
@keyframes introCardSheen { 0%,58% { left:-65%; opacity:0; } 68% { opacity:.9; } 84%,100% { left:125%; opacity:0; } }
@keyframes introFloat { to { transform:translate3d(18px,-14px,0) scale(1.05); } }
@keyframes introExit { to { visibility:hidden; transform:translateY(-104%); } }
.intro-sequence.exiting { pointer-events:none; animation:introExit .82s cubic-bezier(.76,0,.24,1) forwards; }
.intro-sequence.skip { display:none; }

body:not(.portfolio-entered) #portfolioApp { opacity:0; }
body.portfolio-entered #portfolioApp { opacity:1; transition:opacity .42s ease; }

.reveal-item { opacity:0; transform:translateY(30px) scale(.992); transition:opacity .7s ease,transform .85s cubic-bezier(.2,.8,.2,1); }
.reveal-item.is-visible { opacity:1; transform:none; }

.site-nav {
  position:sticky; top:0; z-index:40; height:72px; padding:0 max(28px,calc((100vw - 1360px)/2));
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--line-soft); background:rgba(11,11,13,.88); backdrop-filter:blur(18px);
}
.identity { display:flex; align-items:center; gap:10px; padding:0; background:none; text-align:left; }
.identity-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#15150e; background:var(--acid); font-size:10px; font-weight:900; letter-spacing:-.4px; }
.identity strong,.identity small { display:block; }.identity strong { font-size:15px; line-height:1.2; }.identity small { margin-top:4px; color:var(--muted-2); font-size:9px; letter-spacing:1.4px; }
.identity>span:last-child { width:max-content; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; text-align:left; }
.identity>span:last-child strong,.identity>span:last-child small { width:100%; margin-left:0; padding-left:0; text-align:left; }
.site-nav nav { display:flex; align-items:center; gap:5px; }
.nav-link { height:38px; padding:0 15px; border-radius:99px; color:var(--muted); background:none; font-size:13px; font-weight:700; transition:color .25s,background .25s,transform .25s; }
.nav-link:hover { color:white; transform:translateY(-1px); }
.nav-link.active { color:white; background:rgba(255,255,255,.08); }
.nav-review { height:40px; margin-left:8px; padding:0 18px; border-radius:99px; color:#111; background:white; font-size:13px; font-weight:800; transition:transform .25s,background .25s; }.nav-review:hover { transform:translateY(-2px); background:var(--acid); }

.portfolio-page { display:none; min-height:calc(100vh - 72px); }.portfolio-page.active { display:block; animation:pageIn .45s ease; }
@keyframes pageIn { from { opacity:.1; transform:translateY(6px); } }
.resume-hero { min-height:760px; width:min(1360px,calc(100% - 56px)); margin:0 auto; padding:110px 0 82px; position:relative; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(330px,.55fr); align-items:center; gap:90px; overflow:hidden; }
.hero-glow { position:absolute; width:650px; height:650px; left:-270px; top:35px; border-radius:50%; background:radial-gradient(circle,rgba(128,101,238,.27),transparent 66%); pointer-events:none; }
.hero-copy { position:relative; z-index:1; }
.hero-copy>* { opacity:0; }
.hero-profile { opacity:0; }
body.portfolio-entered .hero-copy>* { animation:heroEnter .78s cubic-bezier(.2,.8,.2,1) both; }
body.portfolio-entered .hero-copy>*:nth-child(1) { animation-delay:.16s; }
body.portfolio-entered .hero-copy>*:nth-child(2) { animation-delay:.24s; }
body.portfolio-entered .hero-copy>*:nth-child(3) { animation-delay:.32s; }
body.portfolio-entered .hero-copy>*:nth-child(4) { animation-delay:.4s; }
body.portfolio-entered .hero-profile { animation:heroCardEnter .9s .3s cubic-bezier(.2,.8,.2,1) both; }
@keyframes heroEnter { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
@keyframes heroCardEnter { from { opacity:0; transform:translateY(30px) rotate(1.2deg) scale(.97); } to { opacity:1; transform:none; } }
.hero-eyebrow { margin:0; color:#b6b3ba; font-size:12px; font-weight:800; letter-spacing:2.4px; }.hero-eyebrow span { margin-right:10px; padding:7px 9px; border-radius:99px; color:#16170d; background:var(--acid); letter-spacing:1px; }
.hero-copy h1,.capability-hero h1 { margin:36px 0 30px; max-width:980px; font-size:clamp(62px,7vw,102px); font-weight:560; line-height:.99; letter-spacing:-.035em; text-wrap:balance; }
.hero-intro { max-width:720px; margin:0; color:#bbb8c0; font-size:18px; line-height:1.85; }
.hero-actions { margin-top:34px; display:flex; align-items:center; gap:19px; }
.primary-button { height:50px; padding:0 22px; border-radius:99px; color:#111; background:white; font-size:13px; font-weight:850; transition:transform .25s,background .25s; }.primary-button:hover { background:var(--acid); transform:translateY(-2px); }.primary-button span { margin-left:8px; }
.text-button { padding:10px 0; border-bottom:1px solid rgba(255,255,255,.35); color:#ceccd1; font-size:12px; font-weight:750; }
.hero-profile { min-height:590px; position:relative; overflow:hidden; padding:34px; border:1px solid var(--line); border-radius:28px; background:radial-gradient(circle at 90% 0,rgba(123,167,255,.2),transparent 34%),radial-gradient(circle at 0 100%,rgba(255,145,200,.12),transparent 38%),linear-gradient(145deg,#19191f,#101013); box-shadow:0 35px 90px rgba(0,0,0,.28); }
.profile-orbit { position:absolute; right:-28px; top:-30px; width:190px; height:190px; border:1px solid rgba(255,255,255,.08); border-radius:50%; animation:orbitRotate 18s linear infinite; }
.profile-orbit:before { content:""; position:absolute; inset:34px; border:1px solid rgba(255,255,255,.08); border-radius:50%; }
.profile-orbit i { position:absolute; width:25px; height:25px; border-radius:50%; }
.profile-orbit i:nth-child(1) { left:12px; top:44px; background:var(--labs-blue); }
.profile-orbit i:nth-child(2) { right:28px; bottom:8px; background:var(--labs-pink); }
.profile-orbit i:nth-child(3) { left:76px; top:68px; width:17px; height:17px; background:var(--acid); }
@keyframes orbitRotate { to { transform:rotate(360deg); } }
.profile-intro { position:relative; z-index:1; max-width:none; }
.profile-intro>span { color:var(--acid); font-size:10px; font-weight:850; letter-spacing:1.8px; }
.profile-name { display:block; margin:14px 0 10px; color:#f1eef4; font-size:18px; font-weight:650; letter-spacing:.08em; }
.profile-intro h2 { margin:0 0 16px; font-size:clamp(28px,2.2vw,36px); font-weight:570; line-height:1.12; letter-spacing:.008em; white-space:nowrap; }
.profile-intro p { margin:0; color:#aaa7af; font-size:13px; line-height:1.72; }
.profile-lines { margin-top:25px; }.profile-lines>span { min-height:57px; display:grid; grid-template-columns:84px 1fr; align-items:center; border-bottom:1px solid var(--line-soft); }.profile-lines small { color:var(--muted-2); font-size:10px; }.profile-lines strong { font-size:12px; font-weight:650; line-height:1.55; }
.profile-traits { margin-top:18px; display:flex; flex-wrap:wrap; gap:7px; }
.profile-traits span { padding:8px 10px; border:1px solid var(--line); border-radius:99px; color:#c9c6ce; background:rgba(255,255,255,.035); font-size:10px; transition:transform .25s,border-color .25s,background .25s; }
.profile-traits span:nth-child(3n+1):hover { border-color:var(--labs-blue); background:rgba(123,167,255,.1); transform:translateY(-2px); }
.profile-traits span:nth-child(3n+2):hover { border-color:var(--labs-pink); background:rgba(255,145,200,.1); transform:translateY(-2px); }
.profile-traits span:nth-child(3n):hover { border-color:var(--acid); background:rgba(216,240,109,.08); transform:translateY(-2px); }
.profile-summary { margin:20px 0 0; padding:0; display:grid; gap:11px; list-style:none; }
.profile-summary li { position:relative; padding-left:17px; color:#aaa7af; font-size:12px; line-height:1.72; }
.profile-summary li:before { content:""; position:absolute; left:0; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 4px rgba(216,240,109,.07); }

@media (min-width:1051px) {
  .resume-hero { grid-template-columns:minmax(0,1fr) minmax(460px,.68fr); gap:64px; }
  .hero-profile { width:100%; max-width:none; }
}

.experience-section { padding:130px max(28px,calc((100vw - 1360px)/2)); border-top:1px solid var(--line-soft); background:#0e0e11; }
.section-heading { display:grid; grid-template-columns:1fr minmax(280px,.42fr); align-items:end; gap:80px; margin-bottom:62px; }
.section-heading span { color:var(--violet-soft); font-size:12px; font-weight:800; letter-spacing:2.2px; }.section-heading h2 { margin:21px 0 0; font-size:clamp(42px,4.6vw,66px); font-weight:560; line-height:1.08; letter-spacing:-.035em; }
.section-heading>p { margin:0 0 5px; color:var(--muted); font-size:15px; line-height:1.85; }
.experience-section { scroll-margin-top:82px; }
.experience-list { border-top:1px solid var(--line); }
.experience-card { min-height:290px; position:relative; padding:48px 0; display:grid; grid-template-columns:60px minmax(0,1fr) 150px 185px; gap:25px; border-bottom:1px solid var(--line); align-items:start; }
.experience-card:before { content:""; position:absolute; left:0; top:-1px; width:0; height:2px; background:linear-gradient(90deg,var(--labs-blue),var(--labs-pink),var(--acid)); transition:width .85s cubic-bezier(.2,.8,.2,1); }
.experience-card.is-visible:before,.experience-card:hover:before { width:100%; }
.experience-card.featured { background:linear-gradient(90deg,rgba(128,101,238,.075),transparent 72%); }
.experience-index { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:#aaa6b0; font-size:10px; font-weight:850; letter-spacing:1px; }
.experience-product-label { display:grid; grid-template-columns:1fr auto; align-items:end; gap:6px 18px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.experience-product-label small { grid-column:1/-1; color:var(--acid); font-size:10px; font-weight:850; letter-spacing:1.7px; }
.experience-product-label strong { font-size:clamp(38px,4.1vw,58px); font-weight:570; line-height:.98; letter-spacing:-.045em; }
.experience-product-label span { margin-bottom:5px; padding:8px 11px; border:1px solid var(--line); border-radius:99px; color:#d8d5dc; font-size:12px; white-space:nowrap; }
.experience-coze .experience-product-label strong { color:var(--labs-blue); }
.experience-huasheng .experience-product-label strong { color:var(--labs-pink); }
.experience-search .experience-product-label strong { color:var(--acid); }
.experience-growth { margin:18px 0 28px !important; padding:16px 18px; max-width:none !important; border-left:3px solid var(--labs-blue); border-radius:0 12px 12px 0; color:#e0dde3 !important; background:rgba(123,167,255,.065); font-size:14px !important; font-weight:580; line-height:1.75 !important; }
.experience-huasheng .experience-growth { border-left-color:var(--labs-pink); background:rgba(255,145,200,.06); }
.experience-search .experience-growth { border-left-color:var(--acid); background:rgba(216,240,109,.055); }
.experience-meta { display:flex; justify-content:space-between; gap:20px; color:#c8c5cc; font-size:12px; font-weight:750; }.experience-meta em { color:#87838d; font-style:normal; font-weight:500; }
.experience-main h3 { margin:24px 0 15px; font-size:31px; font-weight:560; line-height:1.2; letter-spacing:-.025em; }.experience-main>p { max-width:780px; margin:0; color:#aaa7ae; font-size:14px; line-height:1.9; }
.experience-scope { margin-top:18px; display:flex; flex-wrap:wrap; gap:8px; }
.experience-scope span { padding:8px 11px; border:1px solid rgba(123,167,255,.28); border-radius:99px; color:#c8d8fb; background:rgba(123,167,255,.07); font-size:10px; font-weight:700; letter-spacing:.2px; }
.experience-huasheng .experience-scope span { border-color:rgba(255,145,200,.27); color:#f0c4d9; background:rgba(255,145,200,.065); }
.experience-search .experience-scope span { border-color:rgba(216,240,109,.25); color:#dce9a9; background:rgba(216,240,109,.055); }
.experience-points { margin:27px 0 0; padding:0; display:grid; gap:0; border-top:1px solid var(--line-soft); list-style:none; }
.experience-points li { min-height:74px; padding:16px 0; display:grid; grid-template-columns:150px 1fr; gap:20px; align-items:start; border-bottom:1px solid var(--line-soft); }
.experience-points strong { color:#e4e1e7; font-size:13px; font-weight:660; line-height:1.65; }
.experience-points span { color:#a5a2aa; font-size:13px; line-height:1.75; }
.evidence-tags { margin-top:20px; display:flex; flex-wrap:wrap; gap:7px; }.evidence-tags span { padding:8px 10px; border:1px solid var(--line); border-radius:99px; color:#aaa7af; font-size:10px; }
.experience-proof { padding-left:20px; border-left:1px solid var(--line-soft); }.experience-proof strong,.experience-proof span { display:block; }.experience-proof strong { margin-top:5px; color:var(--acid); font-size:23px; font-weight:600; letter-spacing:-1px; }.experience-proof span { margin:4px 0 18px; color:#77747d; font-size:8px; }
.experience-links { display:flex; flex-direction:column; gap:8px; }.experience-links a,.experience-links button { min-height:39px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--line); border-radius:9px; color:#d8d5dc; background:rgba(255,255,255,.035); font-size:9px; text-align:left; }.experience-links a:hover { border-color:var(--violet); background:rgba(128,101,238,.1); }.experience-links .pending-link { color:#77747d; border-style:dashed; }

.resume-next { min-height:600px; padding:100px 28px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle at 50% 30%,rgba(128,101,238,.2),transparent 34%),#0b0b0d; }
.resume-next>span { color:var(--acid); font-size:11px; font-weight:800; letter-spacing:2.2px; }.resume-next h2 { margin:26px 0 36px; max-width:980px; font-size:clamp(45px,5.6vw,78px); font-weight:550; line-height:1.06; letter-spacing:-.035em; }.resume-next button { height:52px; padding:0 24px; border-radius:99px; color:#111; background:white; font-size:13px; font-weight:800; transition:transform .25s,background .25s; }.resume-next button:hover { background:var(--acid); transform:translateY(-3px); }

.capability-hero { min-height:650px; padding:130px max(28px,calc((100vw - 1360px)/2)); display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 75% 5%,rgba(128,101,238,.27),transparent 37%),#0b0b0d; }
.capability-hero h1 { max-width:1100px; }.capability-hero>p:last-child { max-width:660px; margin:0; color:#aaa7af; font-size:17px; line-height:1.8; }
.trait-grid { width:min(1360px,calc(100% - 56px)); margin:0 auto; padding:0 0 130px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.trait-grid article { min-height:390px; padding:32px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:20px; background:radial-gradient(circle at 100% 0,rgba(123,167,255,.18),transparent 40%),linear-gradient(145deg,#17171c,#111114); transition:transform .35s,border-color .35s; }.trait-grid article:nth-child(2) { background:radial-gradient(circle at 100% 0,rgba(255,145,200,.17),transparent 45%),#15141a; }.trait-grid article:nth-child(3) { background:radial-gradient(circle at 100% 0,rgba(216,240,109,.14),transparent 45%),#15151a; }.trait-grid article:hover { transform:translateY(-8px) rotate(-.2deg); border-color:rgba(255,255,255,.25); }.trait-grid article>span { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:#c4c0c9; font-size:10px; }.trait-grid small { margin-top:auto; color:var(--violet-soft); font-size:10px; font-weight:850; letter-spacing:1.4px; }.trait-grid h2 { margin:16px 0 14px; font-size:33px; font-weight:570; letter-spacing:-1.5px; }.trait-grid p { margin:0; color:#aaa7af; font-size:14px; line-height:1.85; }

.review-showcase { padding:130px max(28px,calc((100vw - 1360px)/2)); border-top:1px solid var(--line-soft); background:#101014; }
.review-showcase>.section-heading { grid-template-columns:minmax(0,1fr) minmax(480px,.62fr); gap:80px; }
.review-scene-copy { width:100%; max-width:520px; justify-self:end; }
.review-scene-copy b { display:block; color:inherit; font:inherit; white-space:nowrap; }
.case-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:13px; }
.case-card { overflow:hidden; border:1px solid var(--line); border-radius:17px; background:#151519; transition:transform .25s,border-color .25s; }.case-card:hover { transform:translateY(-4px); border-color:rgba(182,167,255,.4); }
.case-media { position:relative; height:330px; overflow:hidden; background:#202027; }.case-card:first-child .case-media { height:430px; }.case-media video { width:100%; height:100%; object-fit:cover; display:block; }.case-shade { position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.58)); pointer-events:none; }.case-play { position:absolute; left:50%; top:50%; width:52px; height:52px; transform:translate(-50%,-50%); display:grid; place-items:center; border-radius:50%; color:#111; background:rgba(255,255,255,.9); font-size:15px; backdrop-filter:blur(8px); }.case-card.playing .case-play { color:white; background:rgba(128,101,238,.9); }.case-media>span { position:absolute; left:14px; bottom:13px; padding:6px 8px; border-radius:5px; color:#dcd8e2; background:rgba(0,0,0,.52); font-size:9px; font-weight:850; letter-spacing:.8px; }
.case-info { padding:20px; }.case-info small { color:var(--violet-soft); font-size:7px; font-weight:850; letter-spacing:1.2px; }.case-info h3 { margin:10px 0 7px; font-size:19px; font-weight:580; }.case-info p { min-height:34px; margin:0; color:#85828b; font-size:9px; line-height:1.55; }.case-info button { width:100%; height:39px; margin-top:18px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; border-radius:8px; color:#111; background:white; font-size:9px; font-weight:850; }.case-info button:hover { background:var(--acid); }
.single-case-grid { grid-template-columns:1fr; }
.case-card.single-case { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr); }
.case-card.single-case .case-media { height:520px; }
.case-card.single-case .case-info { padding:40px; display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 100% 0,rgba(128,101,238,.18),transparent 42%),#151519; }
.case-card.single-case .case-info h3 { margin:15px 0 16px; font-size:34px; letter-spacing:-.025em; }
.case-card.single-case .case-info p { min-height:0; color:#aaa7af; font-size:14px; line-height:1.85; }
.case-card.single-case .case-info ol { margin:27px 0 0; padding:0; display:grid; gap:0; border-top:1px solid var(--line); list-style:none; counter-reset:demo-step; }
.case-card.single-case .case-info li { min-height:48px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line-soft); color:#d0cdd4; font-size:11px; counter-increment:demo-step; }
.case-card.single-case .case-info li:before { content:"0" counter(demo-step); width:25px; color:var(--acid); font-size:8px; font-weight:850; letter-spacing:.7px; }
.case-card.single-case .case-info button { height:48px; margin-top:28px; padding:0 17px; font-size:11px; }
.case-demo-entry { width:100%; padding:0; border:0; color:#f7f7f8; text-align:left; cursor:pointer; background:#111318; }
.case-demo-entry>span { position:static; left:auto; bottom:auto; padding:0; border-radius:0; color:inherit; background:none; font-size:inherit; font-weight:inherit; letter-spacing:normal; }
.case-workspace-thumb { height:100%; padding:18px!important; display:grid!important; grid-template-rows:30px minmax(0,1fr) 58px; gap:12px; background:radial-gradient(circle at 13% 0,rgba(93,147,245,.18),transparent 34%),#111318!important; transition:background .35s ease; }
.case-demo-entry:hover .case-workspace-thumb { background:radial-gradient(circle at 13% 0,rgba(93,147,245,.27),transparent 38%),#111318!important; }
.case-thumb-topbar { display:flex!important; align-items:center; justify-content:space-between; }
.case-thumb-topbar strong { font-size:10px; font-weight:850; letter-spacing:1.5px; }
.case-thumb-topbar small { color:#8e929b; font-size:8px; font-weight:750; letter-spacing:.8px; }
.case-thumb-layout { min-height:0; overflow:hidden; display:grid!important; grid-template-columns:minmax(0,1fr) 224px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:#0b0c0f; box-shadow:0 18px 45px rgba(0,0,0,.28); }
.case-thumb-player { min-width:0; display:grid!important; grid-template-rows:minmax(0,1fr) 72px; border-right:1px solid rgba(255,255,255,.12); }
.case-thumb-frame { min-height:0; position:relative; overflow:hidden; display:block!important; background:#d9f4ff; }
.case-thumb-frame img { width:100%; height:100%; position:absolute; inset:0; display:block; object-fit:cover; object-position:center 51%; transition:transform .55s ease; }
.case-demo-entry:hover .case-thumb-frame img { transform:scale(1.018); }
.case-thumb-frame:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,7,12,.08),transparent 58%,rgba(3,7,12,.18)); }
.case-thumb-frame b { position:absolute; z-index:2; left:12px; top:12px; padding:5px 7px; border-radius:5px; color:#62f0a3; background:rgba(10,13,18,.72); font-size:8px; font-weight:850; letter-spacing:.7px; }
.case-thumb-frame i { width:96px; height:96px; position:absolute; z-index:2; left:53%; top:48%; border:3px solid #ff725f; border-radius:50%; transform:translate(-50%,-50%) rotate(-8deg); box-shadow:0 0 0 2px rgba(255,255,255,.18); }
.case-thumb-timeline { padding:8px; display:grid!important; grid-template-columns:repeat(4,1fr); gap:7px; background:#15171c; }
.case-thumb-timeline i { min-width:0; position:relative; overflow:hidden; border:1px solid transparent; border-radius:7px; background:#252830; }
.case-thumb-timeline i.active { border-color:#62f0a3; box-shadow:0 0 0 1px rgba(98,240,163,.24); }
.case-thumb-timeline img { width:100%; height:100%; display:block; object-fit:cover; }
.case-thumb-timeline small { position:absolute; left:5px; bottom:4px; color:white; font-size:7px; font-weight:850; text-shadow:0 1px 4px rgba(0,0,0,.8); }
.case-thumb-comments { min-width:0; padding:14px 12px; display:flex!important; flex-direction:column; gap:10px; background:#17191e; }
.case-thumb-comments-head { padding-bottom:10px; display:flex!important; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.1); }
.case-thumb-comments-head small { color:#9da0a9; font-size:7px; font-weight:850; letter-spacing:1px; }
.case-thumb-comments-head b { font-size:8px; }
.case-thumb-comment { padding:10px; display:grid!important; grid-template-columns:25px 1fr; gap:8px; border:1px solid rgba(255,255,255,.09); border-radius:9px; background:#202229; }
.case-thumb-comment>.avatar { width:25px; height:25px; }
.case-thumb-comment>span { display:block!important; }
.case-thumb-comment b,.case-thumb-comment small,.case-thumb-comment em { display:block; }
.case-thumb-comment b { font-size:8px; font-weight:750; }
.case-thumb-comment small { margin-top:3px; color:#858993; font-size:6px; }
.case-thumb-comment em { margin-top:7px; color:#d6d7db; font-size:8px; font-style:normal; line-height:1.5; }
.case-thumb-agent { margin-top:auto; padding:10px; display:block!important; border-radius:9px; color:#bff7d8; background:rgba(67,232,137,.11); }
.case-thumb-agent b,.case-thumb-agent small { display:block; }
.case-thumb-agent b { font-size:8px; }
.case-thumb-agent small { margin-top:4px; color:#91a89c; font-size:6px; }
.case-demo-cta { padding:0 3px; display:grid!important; grid-template-columns:1fr auto; align-items:center; gap:3px 16px; }
.case-demo-cta small { grid-column:1/-1; color:#62f0a3; font-size:7px; font-weight:850; letter-spacing:1.2px; }
.case-demo-cta strong { font-size:15px; font-weight:650; }
.case-demo-cta em { color:#9a9da5; font-size:8px; font-style:normal; }
.capability-note { width:min(1360px,calc(100% - 56px)); min-height:380px; margin:0 auto; padding:80px 0 120px; display:grid; grid-template-columns:165px minmax(0,1fr); gap:34px; border-top:1px solid var(--line); }.capability-note span { color:var(--acid); font-size:8px; font-weight:850; letter-spacing:1.6px; }.capability-note p { max-width:none; margin:0; font-size:clamp(29px,3.4vw,48px); font-weight:540; line-height:1.24; letter-spacing:-2.3px; }
.capability-note p strong { display:block; font-size:clamp(32px,2.65vw,40px); line-height:1.24; letter-spacing:-.025em; white-space:nowrap; }
.capability-note p small { max-width:900px; margin-top:24px; display:block; color:#62636a; font-size:clamp(17px,1.6vw,23px); font-weight:450; line-height:1.72; letter-spacing:.006em; }

.site-footer { width:min(1360px,calc(100% - 56px)); height:90px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line-soft); color:#7d7983; font-size:10px; }

.review-modal { position:fixed; inset:0; z-index:100; display:none; align-items:center; justify-content:center; padding:22px; }.review-modal.open { display:flex; }
.review-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.74); backdrop-filter:blur(14px); }
.review-shell { width:min(1460px,100%); height:min(860px,calc(100vh - 44px)); position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:#121216; box-shadow:0 45px 130px rgba(0,0,0,.58); }
.review-topbar { height:76px; padding:0 22px; display:grid; grid-template-columns:1fr auto 38px; align-items:center; gap:22px; border-bottom:1px solid var(--line); }.review-topbar>div:first-child span { color:var(--violet-soft); font-size:7px; font-weight:850; letter-spacing:1.3px; }.review-topbar h2 { display:inline; margin:0 10px 0 0; font-size:13px; }.review-topbar p { display:inline; margin:0; color:#77737d; font-size:8px; }.review-topbar>button { width:34px; height:34px; border-radius:50%; color:#aaa6af; background:rgba(255,255,255,.07); font-size:20px; }
.review-team { display:flex; align-items:center; }.review-team .avatar { margin-left:-6px; }.review-team small { margin-left:10px; color:#7f7b84; font-size:8px; }
.avatar { width:29px; height:29px; display:block; border:2px solid #121216; border-radius:50%; background-image:url('./assets/fancy-cartoon-avatar-sprite.webp'); background-size:400% 200%; }.avatar-li { background-position:0 0; }.avatar-brand { background-position:33.333% 0; }.avatar-visual { background-position:0 100%; }.avatar-editor { background-position:33.333% 100%; }.avatar-copy { background-position:66.666% 100%; }.avatar-strategy { background-position:100% 100%; }
.review-layout { height:calc(100% - 76px); min-height:0; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 410px; }
.review-player-column { min-width:0; min-height:0; overflow:hidden; padding:22px; display:grid; grid-template-rows:minmax(0,1fr) 76px 66px; gap:0; background:#0d0d10; }
.review-video-stage { min-height:0; position:relative; overflow:hidden; border-radius:14px 14px 0 0; background:#050506; }.review-video-stage video { width:100%; height:100%; object-fit:contain; display:block; }.review-video-stage audio { display:none; }.video-overlay { position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 65%,rgba(0,0,0,.3)); }
.review-annotation { position:absolute; z-index:3; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; transition:opacity .2s ease; }
.review-annotation.visible { opacity:1; }
.review-annotation ellipse,.review-annotation path { fill:none; stroke:var(--coral); stroke-width:8; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 2px 5px rgba(0,0,0,.55)); }
.review-annotation ellipse { stroke-dasharray:850; stroke-dashoffset:850; }
.review-annotation path:not(.annotation-tip) { stroke-dasharray:245; stroke-dashoffset:245; }
.review-annotation .annotation-tip { stroke-dasharray:75; stroke-dashoffset:75; }
.review-annotation.drawing ellipse { animation:drawAnnotation .72s .05s ease forwards; }
.review-annotation.drawing path:not(.annotation-tip) { animation:drawAnnotation .42s .68s ease forwards; }
.review-annotation.drawing .annotation-tip { animation:drawAnnotation .25s 1.03s ease forwards; }
@keyframes drawAnnotation { to { stroke-dashoffset:0; } }
.review-copy { position:absolute; left:18px; top:17px; padding:9px 11px; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(0,0,0,.35); backdrop-filter:blur(9px); }.review-copy small,.review-copy strong { display:block; }.review-copy small { color:var(--acid); font-size:7px; font-weight:850; letter-spacing:1px; }.review-copy strong { margin-top:5px; font-size:12px; }
.review-center-play { display:none; position:absolute; left:50%; top:50%; width:62px; height:62px; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.35); border-radius:50%; color:white; background:rgba(0,0,0,.5); backdrop-filter:blur(10px); font-size:18px; }.review-center-play.hidden { opacity:0; pointer-events:none; }
.review-shell.auto-running .review-center-play { opacity:0; pointer-events:none; }
.review-controls { padding:10px 13px; display:grid; grid-template-columns:30px 48px 54px 1fr 48px; align-items:center; gap:8px; background:#18181d; }.review-controls>button { height:30px; border-radius:7px; color:#d8d5dc; background:rgba(255,255,255,.06); font-size:8px; }.review-controls>span { color:#8b8790; font-size:8px; font-variant-numeric:tabular-nums; }
.review-timeline { height:54px; position:relative; cursor:pointer; }.review-filmstrip,.review-segments,.review-progress { position:absolute; inset:0; border-radius:7px; overflow:hidden; }.review-filmstrip { display:flex; gap:2px; background:#29282f; }.review-filmstrip span { flex:1; background-size:cover; background-position:center; }.review-segments { z-index:2; display:flex; pointer-events:none; }.review-segments span { position:relative; border-right:1px solid rgba(255,255,255,.72); }.review-segments span:last-child { border-right:0; }.review-segments b { position:absolute; left:5px; bottom:4px; color:white; font-size:6px; text-shadow:0 1px 4px #000; white-space:nowrap; }.review-progress { z-index:1; width:0; right:auto; border-right:2px solid var(--violet-soft); background:rgba(128,101,238,.24); border-radius:7px 0 0 7px; pointer-events:none; }.review-playhead { position:absolute; z-index:4; top:-3px; bottom:-3px; width:2px; left:0; background:white; pointer-events:none; }.review-playhead:before { content:""; position:absolute; left:-3px; top:0; width:8px; height:8px; border-radius:50%; background:white; }.review-markers { position:absolute; inset:0; z-index:5; pointer-events:none; }.review-markers button { width:17px; height:17px; padding:0; position:absolute; top:-7px; transform:translateX(-50%); border:2px solid #18181d; border-radius:50%; color:#151317; background:var(--acid); font-size:6px; font-weight:900; pointer-events:auto; }
.review-explainer { padding:13px 16px; display:flex; align-items:center; gap:12px; border-radius:0 0 14px 14px; border:1px solid var(--line-soft); border-top:0; background:#141419; }.review-explainer>span { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; color:var(--acid); background:rgba(216,240,109,.08); }.review-explainer p { margin:0; color:#85818b; font-size:9px; line-height:1.5; }.review-explainer strong { color:#d7d4db; }
.review-comments-panel { min-width:0; min-height:0; overflow:hidden; display:grid; grid-template-rows:66px auto minmax(0,1fr) auto 86px; border-left:1px solid var(--line); background:#15151a; }.review-comments-panel>header { padding:0 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line-soft); }.review-comments-panel>header span { color:var(--violet-soft); font-size:7px; font-weight:850; letter-spacing:1.2px; }.review-comments-panel h3 { margin:4px 0 0; font-size:13px; }.review-comments-panel>header em { padding:5px 7px; border-radius:99px; color:#8f8a95; background:rgba(255,255,255,.055); font-size:7px; font-style:normal; }
.review-comments-panel>header { grid-row:1; }
.review-demo-guide,.review-demo-payload { grid-row:2; }
.review-comments,.review-agent-analysis { grid-row:3; }
.review-auto-composer { grid-row:4; }
.review-comments-panel>.review-demo-footer { grid-row:5; }
.review-demo-guide { padding:14px 16px; border-bottom:1px solid var(--line-soft); background:linear-gradient(90deg,rgba(216,240,109,.075),transparent); }
.review-demo-guide>span { color:var(--acid); font-size:7px; font-weight:850; letter-spacing:1.2px; }
.review-demo-guide p { margin:7px 0 0; color:#8f8b95; font-size:10px; line-height:1.55; }
.review-demo-guide strong { color:#d9d6dc; font-weight:650; }
.review-demo-payload { min-height:0; overflow-y:auto; padding:15px 16px 17px; border-bottom:1px solid var(--line-soft); background:linear-gradient(180deg,rgba(255,118,101,.07),transparent 32%); }
.payload-preview { min-height:42px; display:flex; align-items:center; gap:9px; }
.payload-preview .avatar { flex:0 0 auto; }
.payload-preview p { min-width:0; margin:0; flex:1; }
.payload-preview strong,.payload-preview small { display:block; }
.payload-preview strong { font-size:10px; }
.payload-preview small { margin-top:4px; color:#74717a; font-size:8px; }
.payload-preview i { padding:5px 7px; border-radius:99px; color:var(--coral); background:rgba(255,118,101,.1); font-size:7px; font-style:normal; font-weight:800; }
.payload-comment { margin:14px 0; padding:11px 12px; border:1px solid rgba(255,118,101,.2); border-radius:9px; color:#d9d5dc; background:rgba(255,255,255,.035); font-size:11px; line-height:1.6; }
.review-demo-payload dl { margin:0; }
.review-demo-payload dl div { min-height:37px; display:grid; grid-template-columns:112px 1fr; align-items:center; gap:10px; border-bottom:1px solid var(--line-soft); }
.review-demo-payload dt { color:#66636c; font:7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.review-demo-payload dd { margin:0; color:#bbb7c0; font-size:9px; line-height:1.4; }
.review-comments { min-height:0; overflow-y:auto; padding:5px 14px 20px; scrollbar-width:thin; scrollbar-color:#403d47 transparent; }.review-comment { width:100%; padding:12px 0; display:grid; grid-template-columns:29px minmax(0,1fr) 70px; gap:9px; align-items:start; border-bottom:1px solid var(--line-soft); text-align:left; background:none; }.review-comment.active { margin:5px -7px 0; width:calc(100% + 14px); padding:10px 7px; border:1px solid rgba(128,101,238,.32); border-radius:10px; background:rgba(128,101,238,.09); }.review-comment>div { min-width:0; }.review-comment header { display:flex; align-items:center; gap:5px; }.review-comment strong { font-size:9px; }.review-comment em { color:#7c7882; font-size:7px; font-style:normal; }.review-comment b { padding:2px 4px; border-radius:4px; color:#b6a7ff; background:rgba(128,101,238,.1); font-size:6px; }.review-comment time { margin-left:auto; color:#cfc5ff; font-size:7px; }.review-comment p { margin:6px 0 0; color:#b4b1b9; font-size:9px; line-height:1.55; }
.review-comment-thumb { width:70px; height:44px; position:relative; overflow:hidden; display:block; border:1px solid rgba(17,19,24,.12); border-radius:7px; background:#e8e5df; }
.review-comment-thumb img { width:100%; height:100%; display:block; object-fit:cover; }
.review-comment-thumb svg { position:absolute; inset:0; width:100%; height:100%; opacity:0; fill:none; stroke:#ff6f61; stroke-width:3; stroke-linecap:round; filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)); transition:opacity .25s; }
.review-comment-thumb.has-annotation svg { opacity:1; }
.review-comment-thumb i { position:absolute; right:3px; top:3px; padding:2px 4px; border-radius:4px; color:white; background:rgba(17,19,24,.7); font-size:6px; font-style:normal; }
.review-agent-analysis { min-height:0; overflow-y:auto; padding:16px; background:radial-gradient(circle at 100% 0,rgba(128,101,238,.15),transparent 40%); }
.analysis-summary { padding:12px; display:flex; align-items:center; gap:10px; border:1px solid rgba(216,240,109,.16); border-radius:11px; background:rgba(216,240,109,.055); }
.analysis-summary>span { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; border-radius:8px; color:#15150e; background:var(--acid); }
.analysis-summary p { margin:0; }
.analysis-summary strong,.analysis-summary small { display:block; }
.analysis-summary strong { font-size:10px; }
.analysis-summary small { margin-top:5px; color:#77747d; font-size:8px; }
.review-agent-analysis ol { margin:12px 0 0; padding:0; list-style:none; }
.review-agent-analysis li { min-height:65px; padding:11px 0; display:grid; grid-template-columns:58px 1fr 30px; align-items:center; gap:9px; border-bottom:1px solid var(--line-soft); }
.review-agent-analysis li>span { color:var(--violet-soft); font-size:8px; font-weight:850; }
.review-agent-analysis li strong,.review-agent-analysis li small { display:block; }
.review-agent-analysis li strong { font-size:10px; }
.review-agent-analysis li small { margin-top:5px; color:#77747d; font-size:8px; line-height:1.45; }
.review-agent-analysis li em { color:var(--acid); font-size:8px; font-style:normal; }
.analysis-boundary { margin-top:13px; padding:11px 12px; border-radius:9px; background:rgba(255,255,255,.04); }
.analysis-boundary span { color:var(--acid); font-size:8px; font-weight:800; }
.analysis-boundary p { margin:6px 0 0; color:#97949d; font-size:9px; line-height:1.5; }
.review-comments-panel>.review-demo-footer { padding:11px 14px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; border-top:1px solid var(--line); background:#101014; }
.review-demo-footer p { min-width:0; margin:0; }
.review-demo-footer strong,.review-demo-footer small { display:block; }
.review-demo-footer strong { font-size:9px; }
.review-demo-footer small { margin-top:5px; color:#716e77; font-size:7px; line-height:1.35; }
.review-demo-footer button { min-height:42px; padding:0 13px; border-radius:9px; color:#111; background:var(--acid); font-size:9px; font-weight:850; white-space:nowrap; }
.review-demo-footer button:disabled { cursor:wait; opacity:.58; }

/* Editorial spacing and product evidence */
.trait-grid h2 { line-height:1.22; letter-spacing:-.025em; }
.trait-grid p { color:#aaa7af; font-size:14px; line-height:1.85; }
.capability-note p { font-size:clamp(29px,3.2vw,46px); font-weight:530; line-height:1.38; letter-spacing:-.025em; }
.capability-note span { font-size:10px; }
.case-card.single-case .case-info>small { font-size:10px; }
.case-card.single-case .case-info li { font-size:12px; }

.experience-card.with-product {
  min-height:430px;
  grid-template-columns:48px minmax(0,1fr) minmax(330px,440px);
  gap:32px;
  align-items:start;
}
.experience-card.with-product .experience-main { min-width:0; display:flex; flex-direction:column; padding:3px 0; }
.experience-footer { margin-top:auto; padding-top:30px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.metric-pair { display:flex; align-items:flex-start; gap:32px; }
.metric-pair>span { display:flex; flex-direction:column; gap:5px; }
.metric-pair strong { color:var(--acid); font-size:24px; font-weight:600; letter-spacing:-.03em; }
.metric-pair small { color:#8d8993; font-size:11px; }
.experience-footer .experience-links { flex-direction:row; flex-wrap:wrap; justify-content:flex-end; }
.experience-footer .experience-links a { min-width:150px; font-size:11px; transition:transform .25s,border-color .25s,background .25s; }
.experience-footer .experience-links a:hover { transform:translateY(-2px); }
.product-evidence { height:360px; position:relative; top:auto; overflow:hidden; display:block; align-self:start; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:#1a1a1f; box-shadow:0 24px 70px rgba(0,0,0,.28); }
.product-evidence.ui-capture img { object-fit:contain; background:#111116; }
.product-evidence:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(6,6,9,.2) 60%,rgba(6,6,9,.96) 100%); }
.product-evidence img { width:100%; height:100%; display:block; object-fit:cover; object-position:center top; filter:saturate(.9) brightness(.9); transition:transform .55s ease,filter .35s ease; }
.product-evidence:hover img { transform:scale(1.025); filter:saturate(1) brightness(1); }
.product-evidence-caption { position:absolute; z-index:2; left:20px; right:20px; bottom:18px; display:grid; grid-template-columns:1fr auto; gap:7px 16px; align-items:end; }
.product-evidence-caption small { grid-column:1/-1; color:var(--violet-soft); font-size:10px; font-weight:800; letter-spacing:1.4px; }
.product-evidence-caption strong { font-size:16px; font-weight:600; line-height:1.35; }
.product-evidence-caption i { color:var(--acid); font-size:11px; font-style:normal; white-space:nowrap; }

/* Review system story */
.review-thinking { margin:0 0 90px; padding:38px; overflow:hidden; border:1px solid rgba(182,167,255,.2); border-radius:24px; background:radial-gradient(circle at 85% 0,rgba(128,101,238,.18),transparent 32%),#121217; }
.review-thinking>header { max-width:none; display:grid; grid-template-columns:minmax(600px,.95fr) minmax(520px,1fr); gap:80px; align-items:end; }
.review-thinking>header>span,.case-section-heading span { grid-column:1/-1; color:var(--acid); font-size:11px; font-weight:800; letter-spacing:2px; }
.review-thinking>header h3 { margin:18px 0 0; font-size:clamp(38px,4vw,58px); font-weight:550; line-height:1.08; letter-spacing:-.035em; }
.review-thinking>header h3 span { display:block; white-space:nowrap; }
.review-thinking>header p { margin:0 0 4px; color:#aaa7af; font-size:15px; line-height:1.9; }

@media (max-width:1320px) {
  .review-thinking>header { grid-template-columns:1fr; gap:24px; }
}

@media (max-width:1200px) {
  .review-showcase>.section-heading { grid-template-columns:1fr; gap:24px; }
  .review-scene-copy { justify-self:start; }
}
.problem-solution { margin-top:44px; display:grid; grid-template-columns:1fr 74px 1fr; gap:14px; align-items:stretch; }
.thinking-card { min-height:330px; padding:28px; border:1px solid var(--line); border-radius:18px; background:#18181e; }
.thinking-card small { color:#98949f; font-size:9px; font-weight:800; letter-spacing:1.5px; }
.thinking-card h4 { max-width:520px; margin:58px 0 18px; font-size:28px; font-weight:560; line-height:1.28; letter-spacing:-.025em; }
.thinking-card p { margin:0; color:#aaa6ae; font-size:13px; line-height:1.85; }
.thinking-card ul { margin:22px 0 0; padding:17px 0 0; display:flex; flex-wrap:wrap; gap:8px; border-top:1px solid var(--line-soft); list-style:none; }
.thinking-card li { padding:7px 9px; border-radius:99px; color:#9b98a1; background:rgba(255,255,255,.05); font-size:9px; }
.thinking-detail-list { margin:24px 0 0; padding:0; border-top:1px solid var(--line-soft); list-style:none; }
.thinking-card .thinking-detail-list li { min-height:96px; padding:18px 0; display:grid; grid-template-columns:34px 1fr; gap:12px; border-bottom:1px solid var(--line-soft); border-radius:0; color:inherit; background:none; }
.thinking-detail-list>li>span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; color:var(--coral); background:rgba(237,108,92,.12); font-size:8px; font-weight:850; }
.thinking-detail-list b { display:block; color:var(--text); font-size:13px; font-weight:720; line-height:1.45; }
.thinking-detail-list p { margin-top:6px; font-size:11px; line-height:1.7; }
.solution-detail-list>li>span { color:#315fc0; background:rgba(93,147,245,.15); }
.pain-card { background:radial-gradient(circle at 0 0,rgba(255,118,101,.12),transparent 42%),#17171c; }
.solution-card { background:radial-gradient(circle at 100% 0,rgba(128,101,238,.22),transparent 45%),#17171d; }
.thinking-arrow { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; color:#76727d; }
.thinking-arrow span { font-size:8px; letter-spacing:1px; writing-mode:vertical-rl; }
.thinking-arrow b { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#171717; background:var(--acid); font-size:18px; }
.context-bridge { margin-top:14px; display:grid; grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#101014; }
.human-context,.agent-context { min-width:0; padding:28px; }
.human-context>header,.agent-context>header { display:flex; align-items:baseline; justify-content:space-between; gap:18px; }
.human-context>header span,.agent-context>header span { color:var(--violet-soft); font-size:8px; font-weight:800; letter-spacing:1.5px; }
.human-context h4,.agent-context h4 { margin:0; font-size:22px; font-weight:560; }
.human-demo { margin-top:24px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#16161b; }
.human-frame { height:190px; position:relative; display:flex; align-items:flex-start; justify-content:space-between; padding:14px; background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.24)),url('./assets/lumo-video-review-02-4.jpg') center 42%/cover; }
.human-frame span { position:relative; z-index:2; padding:6px 8px; border-radius:6px; color:var(--acid); background:rgba(0,0,0,.58); font-size:8px; font-weight:800; letter-spacing:.8px; }
.human-frame b { width:clamp(72px,19%,130px); height:auto; aspect-ratio:1; margin:0; position:absolute; z-index:2; left:27%; top:34%; display:grid; place-items:center; border:3px solid var(--coral); border-radius:50%; color:transparent; transform:rotate(-10deg); box-shadow:0 2px 8px rgba(0,0,0,.2); }
.human-comment { min-height:72px; padding:13px; display:flex; align-items:flex-start; gap:10px; }
.human-comment .avatar { flex:0 0 auto; }
.human-comment p { margin:0; }
.human-comment strong,.human-comment span { display:block; }
.human-comment strong { font-size:10px; }
.human-comment span { margin-top:6px; color:#bbb7c0; font-size:11px; line-height:1.55; }
.human-context>p,.agent-context>p { margin:19px 0 0; color:#8f8b95; font-size:12px; line-height:1.8; }
.bridge-core { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; border-left:1px solid var(--line); border-right:1px solid var(--line); background:linear-gradient(180deg,rgba(128,101,238,.12),rgba(216,240,109,.06)); text-align:center; }
.bridge-core span { color:var(--acid); font-size:9px; font-weight:800; letter-spacing:1.2px; }
.bridge-core b { color:white; font-size:24px; font-weight:400; }
.bridge-core small { max-width:70px; color:#88848e; font-size:8px; line-height:1.5; }
.agent-context dl { margin:24px 0 0; border-top:1px solid var(--line); }
.agent-context dl div { min-height:50px; display:grid; grid-template-columns:145px 1fr; align-items:center; gap:18px; border-bottom:1px solid var(--line-soft); }
.agent-context dt { color:#716d78; font-size:9px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.agent-context dd { margin:0; color:#d2cfd6; font-size:11px; line-height:1.5; }
.review-flow { margin:14px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:16px; overflow:hidden; list-style:none; }
.review-flow li { min-height:118px; padding:20px; display:grid; grid-template-columns:30px 1fr; align-content:center; gap:5px 11px; border-right:1px solid var(--line); background:#15151a; }
.review-flow li:last-child { border-right:0; }
.review-flow li>span { grid-row:1/3; width:30px; height:30px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--acid); font-size:8px; }
.review-flow strong { font-size:13px; font-weight:600; }
.review-flow small { color:#77737e; font-size:9px; }
.case-section-heading { margin:0 0 30px; padding-top:4px; display:flex; align-items:end; justify-content:space-between; gap:40px; }
.case-section-heading h3 { margin:13px 0 0; font-size:30px; font-weight:550; line-height:1.25; letter-spacing:-.025em; }
.case-section-heading p { margin:0 0 4px; color:#9a969f; font-size:14px; }

/* Review modal readability */
.review-topbar>div:first-child span { font-size:8px; }
.review-topbar h2 { font-size:15px; }
.review-topbar p,.review-team small { font-size:9px; }
.review-copy small { font-size:8px; }.review-copy strong { font-size:14px; }
.review-explainer p { font-size:11px; line-height:1.65; }
.review-comments-panel>header span { font-size:8px; }.review-comments-panel h3 { font-size:16px; }
.review-comment strong { font-size:11px; }.review-comment em,.review-comment time { font-size:8px; }.review-comment b { font-size:7px; }
.review-comment p { font-size:11px; line-height:1.65; }.review-comments-panel footer strong { font-size:10px; }.review-comments-panel footer small { font-size:8px; }

@media (max-width:1050px) {
  .resume-hero { grid-template-columns:1fr; gap:55px; padding-top:90px; }.hero-profile { max-width:520px; }
  .experience-card { grid-template-columns:45px minmax(0,1fr) 145px; }.experience-links { grid-column:2/-1; flex-direction:row; }.experience-links a,.experience-links button { width:190px; }
  .case-grid { grid-template-columns:1fr 1fr; }.case-card:first-child { grid-column:1/-1; }.case-card:first-child .case-media { height:390px; }
  .review-layout { grid-template-columns:minmax(0,1fr) 350px; }
}
@media (max-width:900px) {
  .site-nav { height:64px; padding:0 14px; }.identity small,.nav-link { display:none; }.nav-review { margin:0; }
  .resume-hero { width:calc(100% - 30px); min-height:auto; padding:85px 0 70px; }.hero-copy h1,.capability-hero h1 { font-size:53px; letter-spacing:-3.6px; }.hero-intro { font-size:13px; }.hero-actions { align-items:flex-start; flex-direction:column; }
  .experience-section,.review-showcase,.capability-hero { padding:82px 15px; }.section-heading { grid-template-columns:1fr; gap:22px; margin-bottom:38px; }.section-heading h2 { font-size:42px; letter-spacing:-2.6px; }
  .experience-card { grid-template-columns:32px 1fr; gap:14px; }.experience-proof,.experience-links { grid-column:2; }.experience-proof { display:grid; grid-template-columns:1fr 1fr; padding:12px 0 0; border-left:0; border-top:1px solid var(--line-soft); }.experience-links { flex-direction:column; }.experience-links a,.experience-links button { width:100%; }.experience-meta { flex-direction:column; gap:5px; }.experience-main h3 { font-size:24px; }
  .resume-next h2 { font-size:45px; letter-spacing:-3px; }.capability-hero { min-height:580px; }.trait-grid { width:calc(100% - 30px); grid-template-columns:1fr; padding-bottom:85px; }.trait-grid article { min-height:330px; }
  .case-grid { grid-template-columns:1fr; }.case-card:first-child { grid-column:auto; }.case-card:first-child .case-media,.case-media { height:330px; }.capability-note { width:calc(100% - 30px); grid-template-columns:1fr; gap:20px; }.capability-note p { font-size:28px; letter-spacing:-1.4px; }.capability-note p strong { font-size:28px; white-space:normal; }
  .site-footer { width:calc(100% - 30px); }.review-modal { padding:0; }.review-shell { height:100vh; border-radius:0; }.review-topbar { grid-template-columns:1fr 34px; }.review-team { display:none; }.review-layout { grid-template-columns:1fr; overflow-y:auto; }.review-player-column { min-height:620px; }.review-comments-panel { min-height:620px; border-left:0; border-top:1px solid var(--line); }
}

@media (max-width:1050px) {
  .experience-card.with-product { grid-template-columns:45px minmax(0,1fr); }
  .experience-card.with-product .product-evidence { grid-column:2; width:100%; height:420px; position:relative; top:auto; }
  .experience-footer .experience-links a { width:auto; }
  .review-thinking>header { grid-template-columns:1fr; gap:24px; }
  .problem-solution { grid-template-columns:1fr; }
  .thinking-arrow { min-height:58px; flex-direction:row; }
  .thinking-arrow span { writing-mode:horizontal-tb; }
  .context-bridge { grid-template-columns:1fr; }
  .bridge-core { min-height:82px; flex-direction:row; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .bridge-core small { max-width:none; }
  .review-flow { grid-template-columns:1fr 1fr; }
  .review-flow li:nth-child(2) { border-right:0; }
  .review-flow li:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .case-card.single-case { grid-template-columns:1fr; }
  .case-card.single-case .case-media { height:440px; }
}

@media (max-width:760px) {
  .hero-copy h1,.capability-hero h1 { line-height:1.04; letter-spacing:-.025em; }
  .section-heading h2 { line-height:1.12; letter-spacing:-.025em; }
  .experience-card.with-product { grid-template-columns:32px 1fr; }
  .experience-card.with-product .product-evidence { grid-column:2; height:270px; }
  .experience-points li { grid-template-columns:1fr; gap:5px; padding:14px 0; }
  .experience-product-label { grid-template-columns:1fr; align-items:start; }
  .experience-product-label span { width:max-content; max-width:100%; white-space:normal; }
  .experience-growth { font-size:13px !important; }
  .profile-summary li { font-size:11px; }
  .experience-footer { align-items:stretch; flex-direction:column; }
  .metric-pair { gap:26px; }
  .experience-footer .experience-links { grid-column:auto; flex-direction:column; }
  .experience-footer .experience-links a { width:100%; }
  .product-evidence-caption { left:15px; right:15px; bottom:14px; }
  .review-thinking { margin-bottom:62px; padding:20px; border-radius:18px; }
  .review-thinking>header h3 { font-size:38px; }
  .thinking-card { min-height:auto; padding:22px; }
  .thinking-card h4 { margin-top:42px; font-size:25px; }
  .human-context,.agent-context { padding:20px; }
  .human-frame { height:160px; }
  .agent-context dl div { grid-template-columns:1fr; gap:5px; padding:11px 0; }
  .review-flow { grid-template-columns:1fr; }
  .review-flow li { border-right:0; border-bottom:1px solid var(--line); }
  .review-flow li:last-child { border-bottom:0; }
  .case-section-heading { align-items:flex-start; flex-direction:column; gap:14px; }
  .case-section-heading h3 { font-size:26px; }
  .case-card.single-case .case-media { height:320px; }
  .case-card.single-case .case-info { padding:25px; }
  .case-card.single-case .case-info h3 { font-size:28px; }
  .review-comments-panel>.review-demo-footer { grid-template-columns:1fr; }
  .review-demo-footer button { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .intro-sequence { display:none; }
  .reveal-item { opacity:1; transform:none; transition:none; }
  .profile-orbit,.intro-orb { animation:none; }
  *,*:before,*:after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Unified light laboratory theme */
.site-nav { border-color:var(--line-soft); background:rgba(243,240,233,.88); }
.identity-mark { color:#111318; background:var(--acid); }
.identity strong { color:#111318; }
.identity small,.experience-meta em { color:#7b7a7f; }
.nav-link { color:#68686d; }
.nav-link:hover { color:#111318; }
.nav-link.active { color:#111318; background:rgba(17,19,24,.08); }
.nav-review { color:white; background:#111318; }

.resume-hero { overflow:visible; }
.hero-glow { left:-310px; top:20px; background:radial-gradient(circle,rgba(93,147,245,.28),transparent 65%); }
.hero-eyebrow { color:#595a60; }
.hero-eyebrow span { color:#111318; }
.hero-intro { color:#55565c; }
.primary-button { color:white; background:#111318; }
.text-button { color:#36373c; border-color:rgba(17,19,24,.3); }
.hero-profile { border-color:var(--line); background:radial-gradient(circle at 96% 0,rgba(67,232,137,.48),transparent 31%),radial-gradient(circle at 0 100%,rgba(93,147,245,.25),transparent 38%),white; box-shadow:0 24px 70px rgba(55,49,41,.11); }
.profile-orbit,.profile-orbit:before { border-color:rgba(17,19,24,.12); }
.profile-intro>span { color:var(--labs-pink); }
.profile-name { color:#18191e; }
.profile-intro p,.profile-summary li { color:#5f6066; }
.profile-lines small { color:#88878b; }
.profile-lines strong { color:#18191e; }
.profile-traits span { color:#303136; background:#f7f4ee; border-color:var(--line); }

.experience-section { border-color:var(--line-soft); background:linear-gradient(180deg,#f8f5ef,#eef3ff 43%,#f3f0e9); }
.section-heading span { color:var(--labs-pink); }
.section-heading>p { color:#62636a; }
.experience-list { border:0; }
.experience-card.with-product { margin:26px 0; padding:30px; border:1px solid var(--line); border-radius:30px; background:white; box-shadow:0 22px 65px rgba(55,49,41,.09); transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s; }
.experience-card.with-product:hover { transform:translateY(-7px) rotate(.12deg); box-shadow:0 32px 85px rgba(55,49,41,.14); }
.experience-card.featured { background:white; }
.experience-card:before { display:none; }
.experience-index { color:#44454a; border-color:var(--line); }
.experience-product-label { border-color:var(--line); }
.experience-product-label small { color:#67676d; }
.experience-product-label span { color:#2e2f34; background:#f7f4ee; border-color:var(--line); }
.experience-growth { border-left:0; border-radius:12px; color:#202126 !important; }
.experience-meta { color:#4f5055; }
.experience-main>p,.experience-points span { color:#64656b; }
.experience-points strong { color:#202126; }
.experience-search .experience-scope span:first-child {
  color:#174e98;
  border-color:rgba(48,104,190,.38);
  background:rgba(93,147,245,.19);
  font-weight:800;
}
.experience-search .experience-scope span:last-child {
  color:#12633d;
  border-color:rgba(24,124,76,.36);
  background:rgba(67,232,137,.2);
  font-weight:800;
}
.evidence-tags span { color:#55565b; background:#f8f5ef; }
.metric-pair small { color:#77777c; }
.experience-links a,.experience-links button { color:#24252a; background:white; border-color:var(--line); }
.experience-links a:hover { color:white; border-color:#111318; background:#111318; }
.product-evidence { border:8px solid white; background:#e9e5dd; box-shadow:0 22px 55px rgba(47,42,36,.16); transform:rotate(1deg); transition:transform .45s,box-shadow .45s; }
.experience-huasheng .product-evidence { transform:rotate(-1deg); }
.product-evidence:hover { transform:rotate(0) translateY(-4px); box-shadow:0 30px 70px rgba(47,42,36,.2); }
.product-evidence-caption strong { color:white; }

.resume-next { color:#111318; background:radial-gradient(circle at 12% 108%,var(--labs-blue) 0 23%,transparent 23.2%),radial-gradient(circle at 91% -6%,var(--acid) 0 27%,transparent 27.2%),#f3f0e9; }
.resume-next>span { color:var(--labs-pink); }
.resume-next button { color:white; background:#111318; }

.capability-hero { background:radial-gradient(circle at 89% 2%,var(--acid) 0 15%,transparent 15.2%),radial-gradient(circle at 79% 14%,rgba(93,147,245,.2),transparent 31%),#f3f0e9; }
.capability-hero>p:last-child { color:#5e5f65; }
.trait-grid article { border:0; background:radial-gradient(circle at 104% -5%,rgba(93,147,245,.75) 0 23%,transparent 23.3%),white; box-shadow:0 20px 55px rgba(55,49,41,.08); }
.trait-grid article:nth-child(2) { background:radial-gradient(circle at 104% -5%,rgba(174,0,111,.75) 0 23%,transparent 23.3%),white; }
.trait-grid article:nth-child(3) { background:radial-gradient(circle at 104% -5%,rgba(67,232,137,.8) 0 23%,transparent 23.3%),white; }
.trait-grid article>span { color:#34353a; }
.trait-grid small { color:var(--labs-pink); }
.trait-grid p { color:#62636a; }

.review-showcase { border-color:var(--line-soft); background:#edf2ff; }
.review-thinking { border-color:var(--line); background:radial-gradient(circle at 93% 0,rgba(67,232,137,.42),transparent 27%),white; box-shadow:0 26px 75px rgba(59,67,90,.09); }
.review-thinking>header p,.thinking-card p,.human-context>p,.agent-context>p { color:#62636a; }
.thinking-card { border-color:var(--line); background:white; }
.thinking-card small { color:#68696e; }
.thinking-card li { color:#55565b; background:rgba(17,19,24,.055); }
.pain-card { background:radial-gradient(circle at 0 0,rgba(237,108,92,.22),transparent 40%),white; }
.solution-card { background:radial-gradient(circle at 100% 0,rgba(93,147,245,.3),transparent 45%),white; }
.thinking-arrow { color:#5c5d62; }
.context-bridge { border-color:var(--line); background:white; }
.human-demo { border-color:var(--line); background:#f6f3ed; }
.human-comment strong { color:#18191e; }
.human-comment span { color:#55565b; }
.bridge-core { border-color:var(--line); background:linear-gradient(180deg,rgba(93,147,245,.14),rgba(67,232,137,.13)); }
.bridge-core b { color:#111318; }
.agent-context dt { color:#77777c; }
.agent-context dd { color:#26272c; }
.review-flow { border-color:var(--line); }
.review-flow li { border-color:var(--line); background:white; }
.review-flow small { color:#73747a; }

.case-card { border-color:var(--line); background:white; box-shadow:0 24px 70px rgba(54,61,80,.11); }
.case-card.single-case .case-info { background:radial-gradient(circle at 105% -5%,rgba(174,0,111,.2),transparent 37%),white; }
.case-card.single-case .case-info p { color:#606167; }
.case-card.single-case .case-info li { color:#303136; border-color:var(--line-soft); }
.case-info button { color:white; background:#111318; }
.capability-note { border-color:var(--line); }
.capability-note span { color:var(--labs-pink); }
.site-footer { color:#68686d; border-color:var(--line-soft); }

.review-backdrop { background:rgba(30,32,38,.35); }
.review-shell { color:#111318; border-color:rgba(17,19,24,.18); background:white; box-shadow:0 40px 120px rgba(34,37,45,.28); }
.review-topbar { border-color:var(--line); background:#fff; }
.review-topbar>div:first-child span { color:var(--labs-pink); }
.review-topbar p,.review-team small { color:#77777d; }
.review-topbar>button { color:#44454a; background:#f2efe9; }
.review-team .avatar,.avatar { border-color:white; }
.review-player-column { background:#f3f0e9; }
.review-copy strong { color:white; }
.review-copy small { color:var(--acid); }
.review-controls { color:#111318; background:white; border-left:1px solid var(--line); border-right:1px solid var(--line); }
.review-controls>button { color:#2e2f34; background:#eeebe5; }
.review-controls>button#reviewMute.sound-on { color:white; background:#111318; }
.review-controls>span { color:#6d6d72; }
.review-explainer { border-color:var(--line); background:white; }
.review-explainer p { color:#66676d; }
.review-explainer strong { color:#202126; }
.review-comments-panel { border-color:var(--line); background:white; }
.review-comments-panel>header { border-color:var(--line-soft); }
.review-comments-panel>header span { color:var(--labs-pink); }
.review-comments-panel>header em { color:#5f6065; background:#f2efe9; }
.review-demo-guide { border-color:var(--line-soft); background:linear-gradient(90deg,rgba(67,232,137,.19),transparent); }
.review-demo-guide p { color:#606167; }
.review-demo-guide strong { color:#222328; }
.review-demo-payload { border-color:var(--line-soft); background:linear-gradient(180deg,rgba(237,108,92,.13),transparent 44%); }
.payload-preview small,.review-demo-payload dt { color:#77777c; }
.payload-comment { color:#2b2c31; border-color:rgba(237,108,92,.28); background:white; }
.review-demo-payload dd { color:#414247; }
.review-comment { border-color:var(--line-soft); }
.review-comment.active { border-color:rgba(107,78,216,.35); background:rgba(107,78,216,.09); }
.review-comment strong { color:#202126; }
.review-comment em,.review-comment>i { color:#74757a; }
.review-comment p { color:#515258; }
.review-agent-analysis { background:radial-gradient(circle at 100% 0,rgba(93,147,245,.18),transparent 42%); }
.analysis-summary { border-color:rgba(67,232,137,.35); background:rgba(67,232,137,.12); }
.analysis-summary strong,.review-agent-analysis li strong { color:#202126; }
.analysis-summary small,.review-agent-analysis li small { color:#6f7075; }
.analysis-boundary { background:#f4f1eb; }
.analysis-boundary p { color:#64656a; }
.review-comments-panel>.review-demo-footer { border-color:var(--line); background:#f8f5ef; }
.review-demo-footer strong { color:#202126; }
.review-demo-footer small { color:#717277; }
.review-demo-footer button { color:white; background:#111318; }

@media (max-width:760px) {
  .loader-reels { width:max-content; height:224px; grid-template-columns:repeat(3,78px); column-gap:32px; }
  .loader-reel span,.loader-final { font-size:18px; }
  .loader-final { width:140px; }
  .intro-lockup { padding:7vh 18px 0; }
  .intro-lockup h1 { font-size:54px; }
  .intro-lockup p { font-size:12px; }
  .intro-card-deck { bottom:-105px; width:660px; height:400px; gap:13px; }
  .intro-card-slot { width:205px; height:330px; }
  .intro-preview-card { width:205px; height:330px; padding:10px; border-radius:19px; }
  .intro-preview-card img { height:170px; border-radius:13px; }
  .intro-preview-card strong { font-size:22px; }
  .intro-card-coze { transform:translateX(75px) rotate(-8deg); }
  .intro-card-trip { transform:translateX(-75px) rotate(8deg); }
  .intro-hint { display:none; }
  .experience-card.with-product { padding:22px 16px; }
  .experience-card:before { left:16px; right:16px; }
}

/* Chinese display typography: preserve breathing room instead of Latin-style compression */
.intro-lockup h1 {
  line-height:1.08;
  letter-spacing:.012em;
}
.hero-copy h1,
.capability-hero h1 {
  line-height:1.12;
  letter-spacing:.006em;
}
.profile-intro h2 {
  line-height:1.18;
  letter-spacing:.01em;
}
.section-heading h2 {
  line-height:1.18;
  letter-spacing:.008em;
}
.experience-product-label strong {
  line-height:1.12;
  letter-spacing:0;
}
.experience-main h3 {
  line-height:1.32;
  letter-spacing:.004em;
}
.resume-next h2 {
  line-height:1.16;
  letter-spacing:.006em;
}
.trait-grid h2 {
  line-height:1.3;
  letter-spacing:.006em;
}
.review-thinking>header h3 {
  line-height:1.18;
  letter-spacing:.006em;
}
.thinking-card h4 {
  line-height:1.38;
  letter-spacing:.004em;
}
.case-section-heading h3,
.case-card.single-case .case-info h3 {
  line-height:1.3;
  letter-spacing:.006em;
}
.capability-note p {
  line-height:1.45;
  letter-spacing:.006em;
}

@media (max-width:760px) {
  .intro-lockup h1 { line-height:1.1; letter-spacing:.01em; }
  .hero-copy h1,.capability-hero h1 { font-size:48px; line-height:1.15; letter-spacing:.006em; }
  .section-heading h2 { line-height:1.2; letter-spacing:.008em; }
  .review-scene-copy b,.review-thinking>header h3 span { white-space:normal; }
  .case-workspace-thumb { padding:11px!important; grid-template-rows:25px minmax(0,1fr) 48px; gap:8px; }
  .case-thumb-layout { grid-template-columns:1fr; }
  .case-thumb-comments { display:none!important; }
  .case-thumb-player { grid-template-rows:minmax(0,1fr) 58px; border-right:0; }
  .case-thumb-frame i { width:70px; height:70px; }
  .case-demo-cta strong { font-size:13px; }
  .resume-next h2 { line-height:1.18; letter-spacing:.006em; }
  .capability-note p { line-height:1.48; letter-spacing:.006em; }
  .review-topbar p { display:none; }
}

/* Pure-motion transition into product method */
.resume-next {
  min-height:270px;
  padding:74px 28px;
  gap:42px;
  overflow:hidden;
  background:radial-gradient(circle at 8% 105%,rgba(93,147,245,.92) 0 22%,transparent 22.2%),radial-gradient(circle at 94% -9%,rgba(67,232,137,.9) 0 27%,transparent 27.2%),#f3f0e9;
}
.capability-method-overview {
  min-height:600px;
  padding:92px 28px 72px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:radial-gradient(circle at 8% 108%,rgba(93,147,245,.92) 0 22%,transparent 22.2%),radial-gradient(circle at 94% -9%,rgba(67,232,137,.9) 0 27%,transparent 27.2%),#f3f0e9;
}
.method-motion { width:min(1080px,94vw); height:340px; position:relative; display:grid; grid-template-columns:124px minmax(180px,1fr) 172px minmax(180px,1fr) 124px; align-items:center; gap:22px; }
.method-lane { height:2px; position:absolute; left:8%; right:8%; top:50%; overflow:visible; background:repeating-linear-gradient(90deg,rgba(17,19,24,.22) 0 8px,transparent 8px 16px); }
.method-signal { width:15px; height:15px; position:absolute; left:0; top:50%; border:4px solid white; border-radius:50%; background:var(--labs-pink); box-shadow:0 5px 18px rgba(174,0,111,.34); transform:translate(-50%,-50%); animation:methodSignal 3.2s cubic-bezier(.55,.05,.45,.95) infinite; }
.method-node { width:124px; height:124px; position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid rgba(17,19,24,.11); border-radius:50%; background:rgba(255,255,255,.94); box-shadow:0 20px 54px rgba(45,42,38,.12); backdrop-filter:blur(16px); }
.method-node i { width:28px; height:28px; display:block; position:relative; border-radius:50%; background:#111318; }
.method-node b { margin-top:4px; color:#24252a; font-size:14px; font-weight:720; letter-spacing:.08em; }
.method-node small { color:#898a90; font-size:7px; font-weight:800; letter-spacing:1.8px; }
.method-human { justify-self:start; animation:methodNodeFloat 3.2s ease-in-out infinite; }
.method-human i:before { content:""; width:11px; height:11px; position:absolute; left:8px; top:5px; border-radius:50%; background:white; }
.method-human i:after { content:""; width:17px; height:8px; position:absolute; left:5px; bottom:4px; border-radius:12px 12px 7px 7px; background:white; }
.method-agent { justify-self:end; animation:methodNodeFloat 3.2s 1.6s ease-in-out infinite; }
.method-agent i { background:var(--labs-blue); }
.method-agent i:before,.method-agent i:after { content:""; width:5px; height:5px; position:absolute; top:11px; border-radius:50%; background:white; }
.method-agent i:before { left:6px; }
.method-agent i:after { right:6px; }
.method-core { width:172px; height:172px; position:relative; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; color:white; background:radial-gradient(circle at 50% 35%,#252a33,#111318 62%); box-shadow:0 26px 70px rgba(17,19,24,.24); }
.method-core:before,.method-core:after { content:""; position:absolute; border:1px solid rgba(17,19,24,.2); border-radius:50%; }
.method-core:before { inset:-24px; border-style:dashed; animation:methodOrbit 10s linear infinite; }
.method-core:after { inset:-44px; border-color:rgba(17,19,24,.09); animation:methodOrbit 15s linear reverse infinite; }
.method-core>i { width:11px; height:11px; margin-bottom:12px; display:block; border-radius:50%; background:var(--acid); box-shadow:0 0 0 8px rgba(216,240,109,.12); animation:methodCorePulse 1.8s ease-in-out infinite; }
.method-core b { font-size:19px; font-weight:680; letter-spacing:.12em; }
.method-core small { margin-top:8px; color:#a9aab0; font-size:7px; font-weight:800; letter-spacing:1.9px; }
.method-input { min-height:154px; position:relative; z-index:3; padding:17px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(17,19,24,.13); border-radius:22px; background:rgba(255,255,255,.9); box-shadow:0 20px 58px rgba(45,42,38,.12); backdrop-filter:blur(18px); }
.method-input:after { content:""; position:absolute; right:-12px; top:50%; width:20px; height:36px; border:2px solid var(--labs-blue); border-left:0; border-radius:0 8px 8px 0; transform:translateY(-50%); }
.method-input>small { color:#315fc0; font-size:7px; font-weight:850; letter-spacing:1.3px; }
.method-input>b { margin-top:8px; color:#1e2025; font-size:17px; font-weight:720; }
.method-input>p { margin:8px 0 0; color:#66676d; font-size:8px; line-height:1.55; }
.method-input>span { margin-top:11px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.method-input>span i { padding:5px 4px; border-radius:6px; color:#31558b; background:rgba(93,147,245,.14); font-size:7px; font-style:normal; text-align:center; }
.method-processor { width:168px; min-height:134px; position:relative; z-index:3; justify-self:center; padding:17px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(17,19,24,.13); border-radius:22px; background:rgba(255,255,255,.88); box-shadow:0 20px 58px rgba(45,42,38,.12); backdrop-filter:blur(18px); }
.method-processor:before { content:""; position:absolute; left:-10px; top:50%; width:18px; height:34px; border:2px solid var(--labs-pink); border-right:0; border-radius:8px 0 0 8px; transform:translateY(-50%); }
.method-processor>small { color:var(--labs-pink); font-size:7px; font-weight:850; letter-spacing:1.3px; }
.method-processor>b { margin-top:8px; color:#1e2025; font-size:17px; font-weight:720; }
.method-processor>span { margin-top:13px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.method-processor>span i { padding:5px 4px; border-radius:6px; color:#5d5f65; background:#f0eee8; font-size:7px; font-style:normal; text-align:center; }
.method-packets { position:absolute; z-index:4; left:27%; bottom:0; display:flex; gap:8px; transform:translateX(-50%); }
.method-packets i { padding:7px 10px; border:1px solid rgba(17,19,24,.11); border-radius:99px; color:#55565c; background:rgba(255,255,255,.88); box-shadow:0 8px 24px rgba(43,39,34,.07); font-size:9px; font-style:normal; animation:methodPacketFloat 2.8s ease-in-out infinite; }
.method-packets i:nth-child(2) { animation-delay:.35s; }
.method-packets i:nth-child(3) { animation-delay:.7s; }
.resume-next .method-enter { width:244px; height:62px; margin:0; padding:0 9px 0 10px; display:grid; grid-template-columns:40px 1fr 42px; align-items:center; border-radius:99px; color:white; background:#111318; box-shadow:0 18px 45px rgba(17,19,24,.18); }
.method-enter small { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#111318; background:var(--acid); font-size:9px; }
.method-enter strong { font-size:13px; font-weight:760; }
.method-enter>i { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#111318; background:white; font-size:15px; font-style:normal; transition:transform .28s; }
.resume-next .method-enter:hover { color:white; background:#111318; transform:translateY(-3px); }
.method-enter:hover>i { transform:translateX(3px); }
@keyframes methodSignal { 0% { left:0; opacity:0; transform:translate(-50%,-50%) scale(.5); } 12%,88% { opacity:1; } 46%,54% { transform:translate(-50%,-50%) scale(1.45); } 100% { left:100%; opacity:0; transform:translate(-50%,-50%) scale(.5); } }
@keyframes methodOrbit { to { transform:rotate(360deg); } }
@keyframes methodNodeFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes methodCorePulse { 0%,100% { transform:scale(.82); } 50% { transform:scale(1.15); } }
@keyframes methodPacketFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }

@media (max-width:900px) {
  .resume-next { min-height:220px; padding:58px 18px; gap:34px; }
  .capability-method-overview { min-height:570px; padding:76px 18px 58px; }
  .method-motion { width:100%; height:370px; grid-template-columns:1fr 112px 1fr; gap:0; }
  .method-lane { top:43%; }
  .method-node { width:78px; height:78px; gap:6px; }
  .method-node i { width:22px; height:22px; transform:scale(.78); }
  .method-node b { margin-top:0; font-size:10px; letter-spacing:.08em; }
  .method-node small { font-size:5px; letter-spacing:1.2px; }
  .method-core { width:118px; height:118px; }
  .method-core:before { inset:-16px; }
  .method-core:after { inset:-29px; }
  .method-core b { font-size:14px; }
  .method-core small { font-size:6px; }
  .method-human { grid-column:1; }
  .method-core { grid-column:2; }
  .method-agent { grid-column:3; }
  .method-input,.method-processor { width:43%; min-height:126px; position:absolute; bottom:0; padding:10px 12px; }
  .method-input { left:3%; }
  .method-input:after { display:none; }
  .method-input>small,.method-processor>small { font-size:6px; }
  .method-input>b,.method-processor>b { margin-top:4px; font-size:13px; }
  .method-input>p { margin-top:5px; font-size:7px; }
  .method-input>span,.method-processor>span { margin-top:7px; gap:4px; }
  .method-input>span i,.method-processor>span i { padding:4px 3px; font-size:6px; }
  .method-processor { left:auto; right:3%; transform:none; }
}

/* Experience evidence: one stable product view per role */
.experience-card.with-product {
  grid-template-columns:48px minmax(0,1.2fr) minmax(340px,.8fr);
  column-gap:38px;
}
.experience-card.with-product:hover { transform:translateY(-3px); }
.product-evidence,
.experience-huasheng .product-evidence {
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  position:relative;
  top:auto;
  margin:5px 0 0;
  transform:none;
  border-radius:22px;
  transition:box-shadow .35s ease;
}
.product-evidence:hover { transform:none; box-shadow:0 28px 70px rgba(47,42,36,.19); }
.product-evidence:hover img { transform:none; filter:saturate(1) brightness(.96); }
.product-evidence.ui-capture img { object-fit:contain; object-position:center; }
.experience-card:not(.experience-coze) .product-evidence:not(.ui-capture) img { object-position:center top; }
.product-evidence-caption { left:18px; right:18px; bottom:16px; }
.product-evidence-caption small { font-size:9px; letter-spacing:1.15px; }
.product-evidence-caption strong { font-size:15px; }
.product-evidence-caption i { font-size:10px; }

/* Automatic review director */
.review-topbar>div:first-child { display:flex; align-items:baseline; gap:10px; min-width:0; }
.review-topbar>div:first-child span,.review-topbar>div:first-child h2,.review-topbar>div:first-child p { flex:0 0 auto; }
.review-demo-guide { padding:13px 16px 15px; }
.review-auto-stages { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }
.review-auto-stages span { padding:6px 4px; border:1px solid var(--line); border-radius:7px; color:#8a8b90; background:rgba(255,255,255,.55); font-size:7px; font-weight:800; text-align:center; transition:color .25s,border-color .25s,background .25s,transform .25s; }
.review-auto-stages span.active { color:#111318; border-color:rgba(67,232,137,.72); background:rgba(67,232,137,.26); transform:translateY(-1px); }
.review-auto-stages span.done { color:#4b4c51; border-color:rgba(93,147,245,.32); background:rgba(93,147,245,.12); }
#reviewDemoNarration { min-height:31px; }
.review-auto-composer { margin:0 14px 12px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:white; opacity:.64; transition:opacity .25s,border-color .25s,box-shadow .25s; }
.review-auto-composer.active { opacity:1; border-color:rgba(107,78,216,.38); box-shadow:0 8px 26px rgba(66,54,112,.1); }
.auto-composer-context { min-height:28px; padding:0 9px; display:flex; align-items:center; justify-content:space-between; gap:8px; border-bottom:1px solid var(--line-soft); }
.auto-composer-context span { color:#65666b; font-size:7px; font-weight:780; }
.auto-composer-context em { color:#929399; font-size:7px; font-style:normal; }
.auto-composer-field { min-height:48px; padding:7px 7px 7px 10px; display:grid; grid-template-columns:1fr 30px; align-items:center; gap:8px; }
.auto-composer-field p { min-height:18px !important; margin:0 !important; color:#33343a !important; font-size:9px !important; line-height:1.5 !important; }
.auto-composer-field p.typing:after { content:""; width:1px; height:12px; margin-left:2px; display:inline-block; vertical-align:-2px; background:#111318; animation:autoCaret .62s steps(1) infinite; }
.auto-composer-field button { width:30px; height:30px; padding:0; border-radius:8px; color:white; background:#111318; font-size:14px; transform:scale(.94); transition:transform .2s,background .2s; }
.auto-composer-field button.sending { color:#111318; background:var(--acid); transform:scale(1.08); }
@keyframes autoCaret { 50% { opacity:0; } }

.review-comment.auto-captured { position:relative; }
.review-comment.demo-pending { display:none; }
.review-comment.auto-reveal { animation:autoCommentReveal .42s cubic-bezier(.2,.8,.2,1) both; }
.review-comment.auto-captured:after { content:"✓"; width:17px; height:17px; position:absolute; right:4px; bottom:8px; display:grid; place-items:center; border-radius:50%; color:white; background:#111318; font-size:8px; }
.review-comment.auto-captured>i { opacity:0; }
.review-demo-footer button.auto-press { animation:autoPress .62s cubic-bezier(.2,.8,.2,1); }
@keyframes autoPress { 0%,100% { transform:scale(1); } 45% { transform:scale(.95); background:var(--labs-pink); } }
@keyframes autoCommentReveal { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }

.review-agent-analysis.processing li { opacity:.32; transform:translateX(8px); transition:opacity .3s,transform .3s; }
.review-agent-analysis.processing li.auto-ready { opacity:1; transform:none; }
.review-comments,.review-agent-analysis,.review-revision-result { grid-row:3; }
.review-revision-result { min-height:0; overflow-y:auto; padding:26px 22px; text-align:center; background:radial-gradient(circle at 50% 10%,rgba(67,232,137,.24),transparent 42%); }
.revision-visual { width:76px; height:76px; margin:4px auto 18px; position:relative; display:grid; place-items:center; border-radius:50%; background:rgba(67,232,137,.12); }
.revision-visual:before,.revision-visual:after { content:""; position:absolute; inset:8px; border:1px solid rgba(67,232,137,.8); border-radius:50%; border-left-color:transparent; animation:revisionOrbit 1.25s linear infinite; }
.revision-visual:after { inset:18px; border-color:rgba(93,147,245,.72); border-right-color:transparent; animation-direction:reverse; animation-duration:.85s; }
.revision-visual i { opacity:0; position:relative; z-index:2; color:#111318; font-size:24px; font-style:normal; transform:scale(.5); transition:opacity .3s,transform .3s; }
.review-revision-result>small { color:var(--labs-pink); font-size:8px; font-weight:850; letter-spacing:1.4px; }
.review-revision-result h4 { margin:10px 0 8px; color:#202126; font-size:20px; font-weight:620; }
.review-revision-result>p { margin:0 auto; max-width:310px; color:#66676d; font-size:10px; line-height:1.65; }
.revision-progress { height:6px; margin:22px 0 18px; overflow:hidden; border-radius:99px; background:#e8e5df; }
.revision-progress i { width:0; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--labs-blue),var(--labs-pink),var(--acid)); transition:width 2s cubic-bezier(.2,.8,.2,1); }
.review-revision-result.generating .revision-progress i { width:100%; }
.revision-shot-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.revision-shot-grid span { padding:9px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--line); border-radius:8px; color:#55565c; background:white; font-size:8px; }
.revision-shot-grid b { color:#919298; font-size:7px; font-weight:700; }
.review-revision-result.complete .revision-visual { background:var(--acid); }
.review-revision-result.complete .revision-visual:before,.review-revision-result.complete .revision-visual:after { opacity:0; animation:none; }
.review-revision-result.complete .revision-visual i { opacity:1; transform:scale(1); }
.review-revision-result.complete .revision-shot-grid b { color:#19834c; }
.review-shell.revision-preview .review-video-stage:after { content:"V4 · 返修预览"; position:absolute; z-index:4; right:17px; top:17px; padding:7px 9px; border-radius:99px; color:#111318; background:var(--acid); font-size:8px; font-weight:850; letter-spacing:.6px; }
@keyframes revisionOrbit { to { transform:rotate(360deg); } }

@media (max-width:1050px) {
  .experience-card.with-product { grid-template-columns:45px minmax(0,1fr); }
  .experience-card.with-product .product-evidence { grid-column:2; height:auto; aspect-ratio:16/9; }
}

@media (max-width:760px) {
  .experience-card.with-product { grid-template-columns:32px minmax(0,1fr); }
  .experience-card.with-product .product-evidence { height:auto; aspect-ratio:16/10; margin-top:2px; }
  .review-auto-stages span { font-size:6px; }
  .review-revision-result { padding:24px 16px; }
}

/* Coze product evidence: three stages from creation to structured review */
.experience-card.with-product .coze-evidence-gallery {
  height:auto;
  aspect-ratio:auto;
  padding:10px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:12px;
  background:#f2efe8;
}
.coze-evidence-gallery:after { display:none; }
.coze-evidence-grid {
  min-height:0;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:none;
  gap:8px;
}
.coze-evidence-shot {
  min-width:0;
  min-height:0;
  position:relative;
  overflow:hidden;
  display:block;
  border:1px solid rgba(28,29,33,.1);
  border-radius:12px;
  background:white;
}
.coze-evidence-shot.main { grid-column:auto; }
.product-evidence.ui-capture .coze-evidence-shot img {
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
  filter:none;
}
.coze-evidence-shot small {
  position:absolute;
  left:9px;
  bottom:8px;
  padding:5px 7px;
  border-radius:99px;
  color:white;
  background:rgba(17,19,24,.76);
  font-size:7px;
  font-weight:800;
  letter-spacing:.5px;
  backdrop-filter:blur(7px);
}
.coze-evidence-gallery .product-evidence-caption {
  position:static;
  display:grid;
  padding:0 7px 5px;
}
.coze-evidence-gallery .product-evidence-caption small { color:#6d6e73; }
.coze-evidence-gallery .product-evidence-caption strong { color:#1d1e22; }
.coze-evidence-gallery .product-evidence-caption i { color:#176d44; }

@media (max-width:1050px) {
  .experience-card.with-product .coze-evidence-gallery { aspect-ratio:auto; }
}

@media (max-width:760px) {
  .experience-card.with-product .coze-evidence-gallery { aspect-ratio:auto; }
}

/* Huasheng product evidence: creation entry and material-matching editor */
.experience-card.with-product .huasheng-evidence-gallery {
  height:auto;
  aspect-ratio:4/5;
  padding:10px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:12px;
  background:#151319;
}
.huasheng-evidence-gallery:after { display:none; }
.huasheng-evidence-grid {
  min-height:0;
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:8px;
}
.huasheng-evidence-shot {
  min-width:0;
  min-height:0;
  position:relative;
  overflow:hidden;
  display:block;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#0c0b0f;
}
.product-evidence.ui-capture .huasheng-evidence-shot img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:none;
}
.huasheng-evidence-shot small {
  position:absolute;
  left:9px;
  bottom:8px;
  padding:5px 7px;
  border-radius:99px;
  color:white;
  background:rgba(17,19,24,.78);
  font-size:7px;
  font-weight:800;
  letter-spacing:.5px;
  backdrop-filter:blur(7px);
}
.huasheng-evidence-gallery .product-evidence-caption {
  position:static;
  display:grid;
  padding:0 7px 5px;
}

@media (max-width:1050px) {
  .experience-card.with-product .huasheng-evidence-gallery { aspect-ratio:16/10; }
}

@media (max-width:760px) {
  .experience-card.with-product .huasheng-evidence-gallery { aspect-ratio:4/5; }
}

/* Scroll motion system — playful color fields inspired by experimental labs */
body { overflow-x:hidden; }
.experience-section,.capability-hero,.review-showcase { position:relative; overflow:hidden; isolation:isolate; }
.experience-section>*,.capability-hero>*,.review-showcase>* { position:relative; z-index:1; }
.scroll-shape {
  position:absolute;
  z-index:0;
  display:block;
  pointer-events:none;
  opacity:.72;
  translate:var(--motion-x,0px) var(--motion-y,0px);
  rotate:var(--motion-rotation,0deg);
  will-change:translate,rotate,border-radius;
  transition:translate .09s linear,rotate .09s linear;
  animation:scrollShapeMorph 8s ease-in-out infinite alternate;
}
.experience-shape-blue { width:420px; height:360px; left:-190px; top:17%; border-radius:45% 55% 62% 38%/58% 42% 58% 42%; background:rgba(93,147,245,.28); }
.experience-shape-pink { width:330px; height:390px; right:-175px; top:58%; border-radius:62% 38% 45% 55%/44% 63% 37% 56%; background:rgba(174,0,111,.17); animation-delay:-3.5s; }
.capability-shape-blue { width:520px; height:390px; left:-250px; bottom:-130px; border-radius:56% 44% 67% 33%/40% 60% 42% 58%; background:rgba(93,147,245,.72); }
.capability-shape-acid { width:490px; height:450px; right:-170px; top:-200px; border-radius:41% 59% 48% 52%/62% 36% 64% 38%; background:rgba(67,232,137,.9); animation-delay:-2.8s; }
.review-shape-pink { width:360px; height:430px; left:-205px; top:21%; border-radius:61% 39% 48% 52%/42% 60% 40% 58%; background:rgba(174,0,111,.14); }
.review-shape-acid { width:340px; height:310px; right:-185px; bottom:12%; border-radius:40% 60% 62% 38%/56% 43% 57% 44%; background:rgba(67,232,137,.25); animation-delay:-4s; }
.hero-glow {
  translate:var(--motion-x,0px) var(--motion-y,0px);
  rotate:var(--motion-rotation,0deg);
  will-change:translate,rotate,border-radius;
  transition:translate .09s linear,rotate .09s linear;
  animation:scrollShapeMorph 9s -2s ease-in-out infinite alternate;
}
@keyframes scrollShapeMorph {
  0% { border-radius:42% 58% 64% 36%/58% 41% 59% 42%; }
  55% { border-radius:61% 39% 44% 56%/38% 62% 39% 61%; }
  100% { border-radius:48% 52% 35% 65%/64% 36% 57% 43%; }
}

/* More expressive card entrances */
.section-heading.reveal-item { filter:blur(8px); transform:translateY(52px); transition:opacity .72s ease,transform .9s cubic-bezier(.18,.82,.2,1),filter .7s ease; }
.section-heading.reveal-item.is-visible { filter:none; transform:none; }
.experience-card.with-product.reveal-item { --reveal-x:-54px; --reveal-r:-1.3deg; transform:translate3d(var(--reveal-x),58px,0) rotate(var(--reveal-r)) scale(.972); transition:opacity .75s ease,transform 1s cubic-bezier(.18,.82,.2,1),box-shadow .4s; }
.experience-card.with-product:nth-child(even).reveal-item { --reveal-x:54px; --reveal-r:1.3deg; }
.experience-card.with-product.reveal-item.is-visible { transform:none; }
.experience-card.with-product.reveal-item.is-visible:hover { transform:translateY(-5px) rotate(.12deg); }

/* Color blocks that respond to hover instead of staying decorative */
.trait-grid article {
  --trait-color:#5d93f5;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:white;
}
.trait-grid article:nth-child(2) { --trait-color:#c60082; background:white; }
.trait-grid article:nth-child(3) { --trait-color:#43e889; background:white; }
.trait-grid article:before {
  content:"";
  width:230px;
  height:230px;
  position:absolute;
  z-index:0;
  right:-94px;
  top:-105px;
  border-radius:46% 54% 63% 37%/58% 41% 59% 42%;
  background:var(--trait-color);
  opacity:.82;
  transform:rotate(-8deg) scale(1);
  transition:transform .75s cubic-bezier(.18,.82,.2,1),border-radius .75s ease;
  animation:traitBlobMorph 7s ease-in-out infinite alternate;
}
.trait-grid article:nth-child(2):before { animation-delay:-2.2s; }
.trait-grid article:nth-child(3):before { animation-delay:-4.1s; }
.trait-grid article:hover:before { transform:translate(-28px,28px) rotate(16deg) scale(1.18); border-radius:63% 37% 45% 55%/38% 62% 43% 57%; }
.trait-grid article>* { position:relative; z-index:1; }
@keyframes traitBlobMorph {
  to { border-radius:62% 38% 44% 56%/39% 61% 46% 54%; }
}

/* Cursor-following light, kept subtle so content stays primary */
.motion-card { --pointer-x:50%; --pointer-y:50%; --motion-rgb:93,147,245; position:relative; isolation:isolate; }
.motion-card:after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle 260px at var(--pointer-x) var(--pointer-y),rgba(var(--motion-rgb),.2),transparent 72%);
  transition:opacity .35s ease;
}
.motion-card:hover:after { opacity:1; }
.motion-card>* { position:relative; z-index:1; }
.experience-card.with-product:nth-child(2),.trait-grid article:nth-child(2) { --motion-rgb:198,0,130; }
.experience-card.with-product:nth-child(3),.trait-grid article:nth-child(3) { --motion-rgb:67,232,137; }

@media (max-width:760px) {
  .scroll-shape { opacity:.55; }
  .experience-shape-blue { width:260px; height:230px; left:-160px; }
  .experience-shape-pink { width:230px; height:250px; right:-155px; }
  .capability-shape-blue { width:300px; height:250px; left:-180px; bottom:-80px; }
  .capability-shape-acid { width:290px; height:270px; right:-145px; top:-115px; }
  .review-shape-pink,.review-shape-acid { width:230px; height:240px; }
  .trait-grid article:before { width:180px; height:180px; right:-76px; top:-82px; }
}

@media (prefers-reduced-motion:reduce) {
  .scroll-shape,.hero-glow,.trait-grid article:before { animation:none; translate:0 0; rotate:0deg; }
}

/* H5 layout — composed independently from the desktop canvas */
@media (max-width:600px) {
  html { scroll-padding-top:60px; }
  body { min-width:0; }
  .intro-lockup { padding:6vh 18px 0; }
  .intro-lockup h1 { font-size:44px; line-height:1.15; letter-spacing:.008em; }
  .intro-lockup p { margin-top:16px; }
  .site-nav { height:60px; padding:0 15px; }
  .identity { gap:8px; }
  .identity-mark { width:32px; height:32px; font-size:9px; }
  .identity strong { font-size:14px; }
  .nav-review { height:36px; margin-left:0; padding:0 14px; font-size:11px; }
  .portfolio-page { min-height:calc(100svh - 60px); }

  /* Resume: the statement owns the first screen; profile follows as a full card. */
  .resume-hero {
    width:100%;
    min-height:0;
    padding:0 15px 48px;
    display:block;
    overflow:visible;
  }
  .hero-copy {
    min-height:calc(100svh - 60px);
    padding:36px 0 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .hero-eyebrow { font-size:9px; line-height:1.5; letter-spacing:1.6px; }
  .hero-eyebrow span { margin-right:7px; padding:6px 8px; }
  .hero-copy h1,
  .capability-hero h1 {
    margin:25px 0 22px;
    font-size:46px;
    line-height:1.08;
    letter-spacing:-.025em;
  }
  .hero-intro { max-width:345px; font-size:14px; line-height:1.72; }
  .hero-actions { margin-top:26px; gap:12px; }
  .primary-button { height:46px; padding:0 19px; font-size:12px; }
  .hero-profile { min-height:0; padding:24px 20px; border-radius:22px; }
  .profile-orbit { width:138px; height:138px; right:-38px; top:-35px; opacity:.68; }
  .profile-intro>span { font-size:8px; letter-spacing:1.5px; }
  .profile-name { margin:11px 0 7px; font-size:16px; }
  .profile-intro h2 { margin-bottom:12px; font-size:27px; line-height:1.18; white-space:normal; }
  .profile-intro p { font-size:12px; line-height:1.7; }
  .profile-lines { margin-top:18px; }
  .profile-lines>span { min-height:52px; grid-template-columns:70px 1fr; gap:8px; }
  .profile-lines small { font-size:9px; }
  .profile-lines strong { font-size:11px; }
  .profile-traits { margin-top:15px; gap:6px; }
  .profile-traits span { padding:7px 9px; font-size:9px; }
  .profile-summary { margin-top:17px; gap:9px; }
  .profile-summary li { font-size:11px; line-height:1.65; }

  /* Experience cards: one readable column with a floating index. */
  .experience-section,
  .review-showcase,
  .capability-hero { padding:68px 15px; }
  .section-heading { gap:16px; margin-bottom:28px; }
  .section-heading span { font-size:9px; letter-spacing:1.6px; }
  .section-heading h2 { margin-top:14px; font-size:36px; line-height:1.16; letter-spacing:-.018em; }
  .section-heading>p { font-size:13px; line-height:1.72; }
  .experience-list { display:grid; gap:18px; border-top:0; }
  .experience-card,
  .experience-card.with-product {
    width:100%;
    min-height:0;
    padding:34px 20px 22px;
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    border:1px solid var(--line);
    border-radius:22px;
    background:white;
    overflow:hidden;
  }
  .experience-card:before { display:none; }
  .experience-index {
    width:30px;
    height:30px;
    position:absolute;
    z-index:3;
    right:17px;
    top:17px;
    font-size:8px;
    background:#f6f3ed;
  }
  .experience-main { min-width:0; grid-column:1; }
  .experience-product-label { padding:0 44px 17px 0; gap:7px; }
  .experience-product-label small { font-size:8px; letter-spacing:1.35px; }
  .experience-product-label strong { font-size:38px; line-height:1.04; }
  .experience-product-label span { margin:0; padding:7px 9px; font-size:10px; }
  .experience-growth {
    margin:16px 0 21px!important;
    padding:14px 15px;
    border-left:0!important;
    border-radius:12px;
    font-size:12px!important;
    line-height:1.7!important;
  }
  .experience-meta { gap:4px; font-size:10px; line-height:1.5; }
  .experience-main h3 { margin:19px 0 11px; font-size:25px; line-height:1.24; }
  .experience-main>p { font-size:13px; line-height:1.76; }
  .experience-scope { margin-top:15px; gap:6px; }
  .experience-scope span { padding:7px 8px; font-size:9px; }
  .experience-points { margin-top:20px; }
  .experience-points li { min-height:0; padding:14px 0; grid-template-columns:1fr; gap:6px; }
  .experience-points strong { font-size:13px; line-height:1.55; }
  .experience-points span { font-size:12px; line-height:1.72; }
  .evidence-tags { margin-top:16px; gap:6px; }
  .evidence-tags span { padding:7px 8px; font-size:9px; }
  .experience-footer { margin-top:19px; gap:18px; }
  .metric-pair strong { font-size:24px; }
  .experience-card.with-product .product-evidence,
  .experience-card.with-product .coze-evidence-gallery,
  .experience-card.with-product .huasheng-evidence-gallery {
    width:100%;
    height:auto;
    grid-column:1;
    margin-top:23px;
  }
  .experience-card.with-product .coze-evidence-gallery,
  .experience-card.with-product .huasheng-evidence-gallery { padding:8px; border-radius:16px; }
  .coze-evidence-grid,
  .huasheng-evidence-grid { gap:7px; }
  .huasheng-evidence-grid { grid-template-rows:auto; }
  .product-evidence.ui-capture .huasheng-evidence-shot img {
    height:auto;
    object-fit:contain;
  }
  .coze-evidence-shot,
  .huasheng-evidence-shot { border-radius:9px; }
  .product-evidence-caption { font-size:9px; }

  /* Product method and traits use deliberate screen-sized chapters. */
  #capabilitiesPage { background:#f3f0e9; }
  .capability-method-overview {
    min-height:700px;
    padding:54px 15px 42px;
    background:
      radial-gradient(circle at 103% 0,rgba(67,232,137,.88) 0 17%,rgba(67,232,137,.42) 28%,transparent 46%),
      radial-gradient(circle at -12% 69%,rgba(93,147,245,.78) 0 14%,rgba(93,147,245,.28) 28%,transparent 45%),
      linear-gradient(180deg,#f3f0e9 0%,#eef1ed 72%,#f3f0e9 100%);
  }
  .method-motion { height:430px; }
  .capability-hero {
    min-height:680px;
    margin-top:-1px;
    background:
      radial-gradient(circle at 112% 34%,rgba(67,232,137,.36),transparent 38%),
      radial-gradient(circle at -14% 72%,rgba(93,147,245,.25),transparent 36%),
      linear-gradient(180deg,#f3f0e9 0%,#eef3ff 52%,#f3f0e9 100%);
  }
  .capability-hero>.scroll-shape { display:none; }
  .capability-hero h1 { font-size:44px; line-height:1.1; }
  .capability-hero>p:last-child { font-size:14px; line-height:1.72; }
  .trait-grid { width:100%; padding:0 15px 72px; gap:14px; }
  .trait-grid article { min-height:300px; padding:25px 23px; border-radius:20px; }
  .trait-grid article>span { width:34px; height:34px; font-size:9px; }
  .trait-grid small { font-size:8px; letter-spacing:1.25px; }
  .trait-grid h2 { margin:14px 0 11px; font-size:28px; line-height:1.25; }
  .trait-grid p { font-size:13px; line-height:1.72; }
  .resume-next { min-height:210px; padding:50px 18px; gap:28px; }
  .resume-next .method-enter { width:224px; height:56px; }

  /* Review case preview stays legible instead of squeezing a desktop mock UI. */
  .review-thinking { margin-bottom:48px; padding:18px; }
  .review-thinking>header h3 { font-size:34px; }
  .thinking-card { padding:20px; }
  .thinking-card h4 { margin-top:31px; font-size:23px; }
  .human-context,
  .agent-context { padding:17px; }
  .case-section-heading { margin-bottom:20px; }
  .case-card.single-case .case-media { height:280px; }
  .case-workspace-thumb { padding:9px!important; grid-template-rows:23px minmax(0,1fr) 44px; gap:7px; }
  .case-thumb-layout { grid-template-columns:1fr; }
  .case-thumb-comments { display:none!important; }
  .case-thumb-player { border-right:0; }
  .case-card.single-case .case-info { padding:22px 20px; }
  .case-card.single-case .case-info h3 { font-size:26px; }
  .case-card.single-case .case-info p { font-size:12px; line-height:1.72; }
  .case-card.single-case .case-info li { min-height:44px; font-size:11px; }
  .case-card.single-case .case-info button { height:44px; margin-top:22px; }
  .capability-note { width:calc(100% - 30px); padding:48px 20px; }
  .capability-note p,
  .capability-note p strong { font-size:26px; line-height:1.42; }
  .capability-note p small { font-size:12px; line-height:1.72; }
  .site-footer { padding:28px 0; font-size:9px; }

  /* Review demo: player and comments share one phone screen. */
  .review-modal { padding:0; }
  .review-shell { width:100%; height:100svh; border:0; border-radius:0; }
  .review-topbar {
    height:58px;
    padding:0 12px;
    grid-template-columns:minmax(0,1fr) 30px;
    gap:8px;
  }
  .review-topbar>div:first-child { min-width:0; gap:6px; overflow:hidden; }
  .review-topbar>div:first-child span { flex:none; font-size:6px; letter-spacing:.8px; white-space:nowrap; }
  .review-topbar h2 { min-width:0; overflow:hidden; font-size:13px; white-space:nowrap; text-overflow:ellipsis; }
  .review-topbar p,
  .review-team { display:none; }
  .review-topbar>button { width:30px; height:30px; font-size:18px; }
  .review-layout {
    height:calc(100svh - 58px);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,44%) minmax(0,56%);
    overflow:hidden;
  }
  .review-player-column {
    min-height:0;
    padding:8px;
    grid-template-rows:minmax(0,1fr) 54px;
    overflow:hidden;
  }
  .review-video-stage { min-height:0; border-radius:10px 10px 0 0; }
  .review-video-stage video { object-fit:contain; }
  .review-copy { left:9px; top:8px; padding:5px 7px; border-radius:7px; }
  .review-copy small { font-size:6px; }
  .review-copy strong { font-size:9px; }
  .review-controls {
    min-height:0;
    padding:6px;
    grid-template-columns:28px 40px 46px minmax(0,1fr) 42px;
    gap:4px;
  }
  .review-controls>button { height:30px; min-width:0; padding:0 4px; font-size:8px; }
  .review-controls>span { font-size:7px; }
  .review-timeline { height:42px; }
  .review-explainer { display:none; }
  .review-comments-panel {
    min-height:0;
    border-left:0;
    border-top:1px solid var(--line);
    grid-template-rows:45px auto minmax(0,1fr) auto 56px;
    overflow:hidden;
  }
  .review-comments-panel>header { padding:0 10px; }
  .review-comments-panel>header span { font-size:6px; letter-spacing:.8px; }
  .review-comments-panel h3 { margin-top:2px; font-size:12px; }
  .review-comments-panel>header em { padding:4px 6px; font-size:6px; }
  .review-demo-guide { padding:7px 9px; }
  .review-auto-stages { gap:3px; }
  .review-auto-stages span { padding:4px 2px; font-size:5px; }
  #reviewDemoNarration { min-height:0; margin-top:5px; font-size:8px; line-height:1.35; }
  .review-comments { padding:2px 9px 7px; }
  .review-comment { padding:7px 0; grid-template-columns:24px minmax(0,1fr) 58px; gap:7px; }
  .review-comment .avatar { width:24px; height:24px; }
  .review-comment header { gap:4px; flex-wrap:wrap; }
  .review-comment strong { font-size:10px; }
  .review-comment em { display:none; }
  .review-comment time,
  .review-comment b { font-size:6px; }
  .review-comment p { margin-top:3px; font-size:10px; line-height:1.45; }
  .review-comment-thumb { width:58px; height:38px; border-radius:6px; }
  .review-auto-composer { margin:0 9px 6px; }
  .auto-composer-context { min-height:21px; padding:0 7px; font-size:6px; }
  .auto-composer-field { min-height:36px; padding:5px 5px 5px 8px; }
  .auto-composer-field p { font-size:10px; line-height:1.35; }
  .auto-composer-field button { width:26px; height:26px; font-size:11px; }
  .review-comments-panel>.review-demo-footer { padding:6px 9px; grid-template-columns:1fr auto; gap:7px; }
  .review-demo-footer strong { font-size:8px; }
  .review-demo-footer small { display:none; }
  .review-demo-footer button { width:auto; min-height:32px; padding:0 9px; font-size:7px; }
  .review-demo-payload { padding:10px; }
  .review-agent-analysis { padding:9px 10px; }
  .analysis-summary { padding:8px; }
  .review-agent-analysis ol { margin-top:6px; }
  .review-agent-analysis li { min-height:43px; padding:6px 0; grid-template-columns:48px 1fr 25px; gap:6px; }
  .review-agent-analysis li>span,
  .review-agent-analysis li em { font-size:6px; }
  .review-agent-analysis li strong { font-size:8px; }
  .review-agent-analysis li small { margin-top:2px; font-size:6px; }
  .analysis-boundary { margin-top:6px; padding:7px 8px; }
  .analysis-boundary p { margin-top:3px; font-size:7px; }
  .review-revision-result { padding:12px 10px; }
  .revision-visual { width:54px; height:54px; }
  .review-revision-result h4 { margin:8px 0 5px; font-size:15px; }
  .review-revision-result>p { font-size:8px; }
  .revision-progress { margin:12px 0 10px; }
  .revision-shot-grid span { padding:6px; font-size:7px; }

  /* Touch screens should never inherit a sticky desktop hover offset. */
  .experience-card.with-product.reveal-item.is-visible:hover,
  .experience-card.with-product:hover,
  .trait-grid article:hover,
  .case-card:hover { transform:none; }
  .motion-card:hover:after { opacity:0; }
}

/* One continuous canvas for the method diagram and product-trait introduction. */
#capabilitiesPage {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 38vw 560px at -5vw 500px,rgba(93,147,245,.94) 0 50%,rgba(93,147,245,.5) 68%,rgba(93,147,245,0) 100%),
    radial-gradient(ellipse 37vw 690px at calc(100% + 5vw) 210px,rgba(67,232,137,.94) 0 48%,rgba(67,232,137,.46) 69%,rgba(67,232,137,0) 100%),
    linear-gradient(180deg,#f3f0e9 0,#eff1ed 26%,#eef3ff 48%,#f3f0e9 70%);
}
#capabilitiesPage .capability-method-overview,
#capabilitiesPage .capability-hero {
  background:transparent;
}
#capabilitiesPage .capability-method-overview { overflow:visible; }
#capabilitiesPage .capability-hero>.scroll-shape { display:none; }

@media (max-width:600px) {
  #capabilitiesPage {
    background:
      radial-gradient(ellipse 280px 410px at -90px 460px,rgba(93,147,245,.82) 0 44%,rgba(93,147,245,.34) 68%,rgba(93,147,245,0) 100%),
      radial-gradient(ellipse 300px 500px at calc(100% + 95px) 185px,rgba(67,232,137,.86) 0 43%,rgba(67,232,137,.36) 68%,rgba(67,232,137,0) 100%),
      linear-gradient(180deg,#f3f0e9 0,#eff1ed 22%,#eef3ff 45%,#f3f0e9 70%);
  }
}

/* Brand mark: two sides aligning around one shared intent. */
.identity { gap:13px; }
.identity-mark {
  width:44px;
  height:44px;
  position:relative;
  flex:0 0 44px;
  overflow:hidden;
  border:1px solid #111318;
  border-radius:50%;
  color:white;
  background:#111318;
  box-shadow:0 7px 20px rgba(17,19,24,.12);
}
.identity-mark:before,
.identity-mark:after {
  content:"";
  width:11px;
  height:20px;
  position:absolute;
  top:11px;
  border:3px solid white;
}
.identity-mark:before {
  left:8px;
  border-right:0;
  border-radius:15px 0 0 15px;
}
.identity-mark:after {
  right:8px;
  border-left:0;
  border-radius:0 15px 15px 0;
}
.identity-mark i {
  width:6px;
  height:6px;
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  border-radius:50%;
  background:white;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 4px rgba(255,255,255,.13);
}
.identity strong { font-size:18px; letter-spacing:-.02em; }
.identity small { margin-top:5px; font-size:10px; letter-spacing:1.5px; }

@media (max-width:600px) {
  .identity { gap:9px; }
  .identity-mark { width:36px; height:36px; flex-basis:36px; }
  .identity-mark:before,
  .identity-mark:after { width:9px; height:16px; top:9px; border-width:2px; }
  .identity-mark:before { left:7px; }
  .identity-mark:after { right:7px; }
  .identity-mark i { width:5px; height:5px; box-shadow:0 0 0 3px rgba(255,255,255,.13); }
  .identity strong { font-size:15px; }
}