.visual-home{overflow:hidden}
.visual-home .section{max-width:1240px;padding:104px 32px}
.visual-home .product-hero{width:100%;max-width:none;margin:0;min-height:540px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;padding:96px 0!important}
.product-hero-inner{width:min(calc(var(--max) - 64px),calc(100% - 128px));margin:0 auto}
.product-hero:before,.product-hero:after{content:none}
.product-hero h1{font-size:clamp(72px,9.4vw,136px);line-height:1.08;letter-spacing:-.075em;max-width:1080px;margin:0 0 34px;white-space:pre-line;color:var(--ink)}
.product-hero h1 .hero-ai{letter-spacing:normal}
.product-hero .lede{font-size:clamp(25px,2.65vw,36px);line-height:1.45;letter-spacing:-.025em;max-width:920px;color:color-mix(in srgb,var(--ink) 74%,var(--muted))}

.hero-feature-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px}
.hero-feature-grid a{display:flex;align-items:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:15px;font-weight:550;text-decoration:none;transition:border-color .2s ease,background .2s ease}
.hero-feature-grid a:hover,.hero-feature-grid a:focus-visible{border-color:color-mix(in srgb,var(--brand) 52%,var(--line));background:var(--soft)}

.capability-story{display:block;border-top:0}
.story-copy{max-width:none;margin-bottom:46px}
.story-copy h2{font-size:clamp(44px,5.5vw,76px);line-height:1.12;letter-spacing:-.052em;margin:0 0 24px}
.story-copy>p{font-size:18px;line-height:1.8;color:var(--muted);max-width:none}
.work-line{display:block}.work-line+.work-line{margin-top:10px}
.story-link{margin:-28px 0 40px}
.proof{margin:0;overflow:visible}
.proof img{display:block;width:100%;height:auto;background:#fff;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);box-shadow:0 24px 58px #15152520,0 4px 14px #15152512;transform:translateY(-4px);transition:transform .32s ease,box-shadow .32s ease}
.proof figcaption{display:block;margin-top:18px;color:var(--caption);font-size:16px;font-weight:400;line-height:1.55;text-align:center}
.proof-wide,.desktop-proof-grid .proof{padding:0;background:none;border-radius:0}
.proof-wide img,.desktop-proof-grid .proof img{border-radius:18px}
.native-room-story .proof-wide{width:100%}

.phone-pair{display:flex;align-items:flex-start;justify-content:center;gap:54px;padding:0;border-radius:0;background:none}
.phone-proof{max-width:360px}
.phone-proof img{border-radius:34px;box-shadow:0 24px 64px #17172620}
.phone-pair .phone-proof:nth-child(2){margin-top:72px}
.managed-agent-flow{gap:30px;padding-left:2%;padding-right:2%}
.managed-agent-flow .phone-proof{max-width:320px}
.managed-agent-flow .phone-proof:nth-child(2){margin-top:52px}
.managed-agent-flow .phone-proof:nth-child(3){margin-top:104px}
.desktop-proof-grid{display:grid;grid-template-columns:1fr;gap:54px}
.invite-inline{margin:-28px 0 42px}
.managed-story figcaption{font-size:16px;font-weight:400;color:var(--muted)}
.remote-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:0;border-radius:0;background:none}
.remote-sequence li{min-width:0}
.remote-sequence .phone-proof{max-width:none}
.remote-sequence figcaption{margin-top:15px;font-size:16px;font-weight:400;line-height:1.55;color:var(--muted)}

@media(hover:hover){.proof:hover img{transform:translateY(-7px);box-shadow:0 30px 68px #15152526,0 7px 18px #15152514}}
.reveal-enabled .capability-story{opacity:0;transform:translateY(14px);transition:opacity .34s ease,transform .34s ease}
.reveal-enabled .is-visible{opacity:1;transform:none}

.featured-agents .section-heading{max-width:800px}
.featured-agent-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.featured-agent-grid>div{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:var(--paper)}
.featured-agent-grid>div:nth-child(6n){border-right:0}
.featured-agent-grid>div:nth-last-child(-n+6){border-bottom:0}
.featured-agent-grid img,.featured-agent-grid .agent-monogram{width:40px;height:40px;object-fit:contain}
.featured-agent-grid .agent-monogram{display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:11px;font-weight:800}
.all-agents{margin-top:22px}
.all-agents>summary{cursor:pointer;display:inline-flex;font-weight:700;padding:12px 0;color:var(--brand)}
.all-agents .catalog-directory{margin-top:24px}

.visual-home #downloads{max-width:1176px}
.download-step{padding:42px 0 64px;border-top:0}
.download-step-title{display:flex;gap:18px;align-items:center;margin-bottom:26px}
.download-step-title>span{min-height:38px;padding:6px 14px;border:1px solid color-mix(in srgb,var(--brand) 32%,var(--line));border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;font-weight:700;color:var(--brand);background:var(--brand-light)}
.download-step-title h3{font-size:28px;line-height:1.25}
.download-step-title p{font-size:16px;line-height:1.75}
.client-setup{display:block}
.platform-support{margin:0 0 14px;color:var(--muted)}
.install-method-title{margin:0 0 8px;font-size:22px;line-height:1.4}.prompt-instruction{margin:22px 0 10px;color:var(--muted);font-size:15px!important}
.prompt-card{max-width:900px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:18px!important;padding:26px 76px 20px 26px!important;background:linear-gradient(135deg,var(--brand-light),var(--paper))!important;box-shadow:0 16px 42px #4f46e512}
.prompt-card .copy-icon{top:18px;right:18px}
.platform-grid{margin-top:8px}

.help-links{border-top:1px solid var(--line)}
.help-links>a{display:block;padding:27px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.help-links b{font-size:24px}
.visual-home .contact-section{display:block;padding-top:48px!important}
.visual-home .ruled,.visual-home .home-blog,.visual-home #contact{border-top:0}
.contact-simple{display:grid;grid-template-columns:1fr auto;align-items:center;gap:54px;padding:46px 52px;border-radius:24px;background:#111216;color:white}
.contact-simple h2{font-size:42px;margin:0 0 8px}
.contact-simple p{color:#aaa;margin-bottom:24px}
.contact-simple .button{background:white;color:#111;border-color:white}
.wechat-contact{display:grid;justify-items:center;gap:10px}
.wechat-contact img{display:block;width:156px;height:156px;object-fit:cover;border-radius:12px;background:white;padding:6px}
.wechat-contact figcaption{font-size:13px;color:#bbb}

@media(max-width:900px){
  .visual-home .section{padding:78px 22px}
  .product-hero{min-height:500px}
  .product-hero-inner{width:min(calc(var(--max) - 44px),calc(100% - 108px))}
  .hero-feature-grid{max-width:620px}
  .desktop-proof-grid{grid-template-columns:1fr}
  .remote-sequence{grid-template-columns:repeat(2,1fr)}
  .featured-agent-grid{grid-template-columns:repeat(3,1fr)}
  .featured-agent-grid>div:nth-child(3n){border-right:0}
  .featured-agent-grid>div:nth-last-child(-n+6){border-bottom:1px solid var(--line)}
  .featured-agent-grid>div:nth-last-child(-n+3){border-bottom:0}
  .download-step-title{gap:16px}
  .contact-simple{grid-template-columns:1fr auto;padding:36px}
}

@media(max-width:560px){
  .visual-home .section{width:100%;padding:60px 12px}
  .visual-home .product-hero{min-height:430px;padding:74px 0!important}
  .product-hero-inner{width:calc(100% - 24px)}
  .visual-home .product-hero h1{font-size:clamp(35px,10.7vw,46px);line-height:1.1;letter-spacing:-.055em;margin-bottom:24px;white-space:nowrap;text-wrap:nowrap}
  .visual-home .product-hero .lede{font-size:20px;line-height:1.62;letter-spacing:-.015em;color:color-mix(in srgb,var(--ink) 84%,var(--muted))}
  .hero-feature-grid{margin-top:34px;gap:9px;max-width:none}
  .hero-feature-grid a{min-height:44px;padding:0 13px;border-color:color-mix(in srgb,var(--line) 76%,transparent);border-radius:10px;color:var(--muted);font-size:15px;font-weight:500}
  .story-copy{margin-bottom:34px}
  .visual-home .story-copy h2{font-size:clamp(34px,8.85vw,38px);line-height:1.18}
  .visual-home .story-copy>p{font-size:19px;line-height:1.78;color:var(--muted)}
  .story-link{margin:-20px 0 28px}
  .visual-home .text-link{font-size:17px;line-height:1.55}
  .proof figcaption,.remote-sequence figcaption{font-size:17px;line-height:1.65;color:var(--caption)}
  .proof-wide,.desktop-proof-grid .proof{padding:0;border-radius:0}
  .phone-pair{flex-direction:column;align-items:center;gap:48px;padding:0;border-radius:0}
  .phone-proof{width:min(100%,360px);min-width:0}
  .phone-proof img{border-radius:20px}
  .phone-pair .phone-proof:nth-child(2){margin-top:0}
  .managed-agent-flow .phone-proof:nth-child(2),.managed-agent-flow .phone-proof:nth-child(3){margin-top:0}
  .desktop-proof-grid{gap:14px}
  .invite-inline{margin-top:-10px}
  .remote-sequence{display:grid;grid-template-columns:1fr;gap:48px;overflow:visible;padding:0;margin-right:0;border-radius:0}
  .remote-sequence li{min-width:0}
  .remote-sequence .phone-proof{max-width:360px;margin:0 auto}
  .featured-agent-grid{grid-template-columns:repeat(2,1fr)}
  .featured-agent-grid>div:nth-child(3n){border-right:1px solid var(--line)}
  .featured-agent-grid>div:nth-child(2n){border-right:0}
  .featured-agent-grid>div:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .featured-agent-grid>div:nth-last-child(-n+2){border-bottom:0}
  .download-step-title{align-items:flex-start;gap:12px}
  .download-step-title>span{min-height:34px;padding:5px 11px;font-size:14px}
  .download-step-title h3{font-size:23px}
  .prompt-card{padding:20px 58px 16px 18px!important}
  .help-links b{font-size:20px}
  .contact-simple{grid-template-columns:1fr;padding:30px 24px}
  .contact-simple h2{font-size:34px}
  .wechat-contact{justify-self:start}
}
