/* Votrix — AI employee product pages v2 (content-build/build_maya.py; design refs: designs/maya/*-v2.png).
   Editorial layout: centred hero over a device stage, full-bleed band of real sites, bento problems,
   outlined step numerals, integration hub, dark "after launch" section, comparison, FAQ + closing card. */
body { --ap-green:#1f4331; --ap-green-2:#2d5c44; --ap-mint:#e3efe7; --ap-mint-2:#9fe0b5; --ap-line:#e4dfd8; --ap-card:#fbf9f5; --ap-ink:#17201b; --ap-ink-2:#3d4742; --ap-muted:#66706a; }
.ap-wrap { max-width:1200px; margin:0 auto; padding:0 32px; }
.ap-sec { padding:120px 0; }
.ap-soft { background:rgba(255,255,255,.4); border-top:1px solid var(--ap-line); border-bottom:1px solid var(--ap-line); }
.ap-center { text-align:center; margin-left:auto; margin-right:auto; }
.ap-eyebrow { font-family:var(--mono,'Geist Mono',monospace); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ap-green-2); margin:0 0 18px; }
.ap-h1 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:clamp(48px,7.2vw,104px); line-height:.98; letter-spacing:-.035em; color:var(--ap-ink); margin:0 auto 26px; max-width:15ch; }
.ap-h1 em, .ap-h2 em, .ap-close h2 em { font-style:italic; color:var(--ap-green-2); }
.ap-h2 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:clamp(36px,4.2vw,58px); line-height:1.04; letter-spacing:-.025em; color:var(--ap-ink); margin:0 0 18px; }
.ap-lead { font-size:19px; line-height:1.6; color:var(--ap-muted); margin:0 auto 34px; max-width:560px; }
.ap-text { font-size:17px; line-height:1.65; color:var(--ap-muted); margin:0 0 26px; max-width:520px; }
.ap-small { font-size:14px; color:var(--ap-muted); margin:18px 0 0; }
.ap-head { margin-bottom:56px; }
.ap-link { display:inline-flex; gap:8px; color:var(--ap-green); font-weight:500; }
.ap-on-dark { color:#f2ede4 !important; }
.ap-on-dark-2 { color:rgba(227,239,231,.72) !important; }
.ap-band .ap-eyebrow.ap-on-dark, .ap-dark .ap-eyebrow { color:var(--ap-mint-2) !important; }
.ap-acts { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.ap-btn { display:inline-flex; align-items:center; gap:8px; min-height:50px; padding:14px 26px; border-radius:999px; font-size:16px; font-weight:500; transition:transform .25s, background .25s, border-color .25s; }
.ap-btn:hover { transform:translateY(-2px); }
.ap-btn-primary { background:var(--ap-green); color:#fff; box-shadow:0 14px 30px -18px rgba(31,67,49,.95); }
.ap-btn-primary:hover { background:#173426; color:#fff; }
.ap-btn-ghost { background:rgba(255,255,255,.7); color:var(--ap-ink); border:1px solid #d9d2c7; }
.pp-ic, .ap svg { }
.pp-ic { width:28px; height:28px; color:var(--ap-green-2); flex:none; }

/* devices */
.dv { position:relative; }
.dv-screen { overflow:hidden; background:#111; }
.dv-screen img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.dv-laptop .dv-screen { border:12px solid #161c19; border-bottom-width:18px; border-radius:18px 18px 4px 4px; aspect-ratio:16/10; box-shadow:0 0 0 1px #2b332f; }
.dv-laptop .dv-base { height:14px; margin:0 -7%; border-radius:0 0 18px 18px; background:linear-gradient(#e7e3dc,#bdb7ad); box-shadow:0 30px 50px -24px rgba(23,32,27,.5); position:relative; }
.dv-laptop .dv-base::before { content:''; position:absolute; left:50%; top:0; width:14%; height:5px; transform:translateX(-50%); border-radius:0 0 8px 8px; background:#a9a399; }
.dv-tablet .dv-screen { border:12px solid #161c19; border-radius:26px; aspect-ratio:4/3; box-shadow:0 30px 60px -30px rgba(23,32,27,.55); }
.dv-phone .dv-screen { border:9px solid #161c19; border-radius:36px; aspect-ratio:9/19; box-shadow:0 30px 60px -26px rgba(23,32,27,.6); position:relative; }
.dv-phone .dv-screen::before { content:''; position:absolute; top:8px; left:50%; transform:translateX(-50%); width:30%; height:18px; border-radius:12px; background:#161c19; z-index:1; }
.dv-mini .dv-screen { border:7px solid #161c19; border-radius:22px; aspect-ratio:9/16; box-shadow:0 26px 50px -24px rgba(0,0,0,.6); }
.ap-chip { position:absolute; z-index:3; display:inline-flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--ap-line); border-radius:99px; padding:7px 16px 7px 7px; font-size:14.5px; color:var(--ap-ink); box-shadow:0 14px 30px -14px rgba(23,32,27,.35); white-space:nowrap; }
.ap-chip b { display:inline-flex; align-items:center; gap:6px; background:var(--ap-green); color:#fff; font-weight:500; font-size:12.5px; padding:4px 11px; border-radius:99px; }
.ap-chip b::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--ap-mint-2); }
.ap-by { padding:6px 16px 6px 6px; }
.ap-by img { width:30px; height:30px; border-radius:50%; object-fit:cover; object-position:center 18%; }

/* hero */
.ap-hero { padding:150px 0 0; text-align:center; overflow:hidden; }
.ap-stage { position:relative; max-width:1180px; height:600px; margin:70px auto 0; }
.ap-stage .dv-laptop { position:absolute; left:50%; top:0; width:58%; transform:translateX(-50%); z-index:1; }
.ap-stage .dv-tablet { position:absolute; left:2%; top:150px; width:30%; z-index:2; transform:rotate(-3deg); }
.ap-stage .dv-phone { position:absolute; right:6%; top:110px; width:15.5%; z-index:2; transform:rotate(3deg); }
.ap-stage .c1 { left:6%; top:96px; } .ap-stage .c2 { right:3%; top:62px; } .ap-stage .c3 { right:1%; bottom:70px; }

/* hero: profile card left, headline right */
.ap-hero { text-align:left; }
.ap-hero-grid { display:grid; grid-template-columns:minmax(0,400px) minmax(0,1fr); gap:72px; align-items:center; }
.ap-hero-copy .ap-h1 { margin:0 0 26px; max-width:12ch; font-size:clamp(48px,6vw,92px); }
.ap-hero-copy .ap-lead { margin:0 0 34px; }
.ap-hero-copy .ap-acts { justify-content:flex-start; }
.ap-profile { background:#fff; border:1px solid var(--ap-line); border-radius:28px; overflow:hidden; box-shadow:0 40px 80px -48px rgba(23,32,27,.55); transform:rotate(-1.2deg); }
.ap-pf-photo { position:relative; aspect-ratio:1/1; background:#e9e3d8; }
.ap-pf-photo img { width:100%; height:100%; object-fit:cover; object-position:center 20%; display:block; }
.ap-pf-status { position:absolute; left:16px; top:16px; display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:var(--ap-green); background:rgba(255,255,255,.92); backdrop-filter:blur(6px); padding:6px 12px; border-radius:99px; }
.ap-pf-status::before { content:''; width:7px; height:7px; border-radius:50%; background:#2f9a60; animation:apPulse 1.8s infinite; }
@keyframes apPulse { 50% { box-shadow:0 0 0 5px rgba(47,154,96,.18); } }
.ap-pf-body { padding:22px 24px 24px; }
.ap-pf-id { display:flex; flex-direction:column; line-height:1.25; margin-bottom:16px; }
.ap-pf-id b { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:34px; letter-spacing:-.02em; color:var(--ap-ink); }
.ap-pf-id span { font-size:14px; color:var(--ap-muted); }
.ap-pf-skills { list-style:none; margin:0 0 18px; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.ap-pf-skills li { font-size:12.5px; color:var(--ap-green); background:var(--ap-mint); border-radius:99px; padding:4px 11px; }
.ap-pf-recent { border-top:1px solid var(--ap-line); padding-top:14px; }
.ap-pf-recent small { display:block; font-family:var(--mono,'Geist Mono',monospace); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ap-muted); margin-bottom:10px; }
.ap-pf-recent a { display:flex; align-items:center; gap:0; font-size:13px; color:var(--ap-ink-2); }
.ap-pf-recent img { width:34px; height:46px; object-fit:cover; object-position:top; border-radius:7px; border:2px solid #fff; box-shadow:0 4px 10px -4px rgba(23,32,27,.4); margin-right:-8px; }
.ap-pf-recent span { margin-left:20px; line-height:1.35; }
.ap-hero .ap-stage { margin-top:90px; }
@media (max-width:1000px) { .ap-hero-grid { grid-template-columns:1fr; gap:44px; } .ap-profile { max-width:400px; transform:none; } }

/* band */
.ap-band { background:var(--ap-green); padding:96px 0 80px; text-align:center; overflow:hidden; }
.ap-shots { display:flex; justify-content:center; gap:26px; padding:46px 32px 40px; }
.ap-shot { margin:0; width:175px; flex:none; }
.ap-shot:nth-child(even) { transform:translateY(34px); }
.ap-shot figcaption { margin-top:16px; font-family:var(--serif,'Newsreader',Georgia,serif); font-size:17px; color:#e3efe7; }
.ap-shot .dv { transition:transform .4s; }
.ap-shot:hover .dv { transform:translateY(-6px); }

/* bento */
.ap-bento { display:grid; grid-template-columns:1.25fr 1.1fr 1fr 1fr; grid-auto-rows:minmax(210px,auto); gap:18px; }
.ap-cell { background:var(--ap-card); border:1px solid var(--ap-line); border-radius:22px; padding:28px; }
.ap-cell h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:24px; line-height:1.18; letter-spacing:-.01em; color:var(--ap-ink); margin:16px 0 10px; }
.ap-cell p { margin:0; font-size:15px; line-height:1.6; color:var(--ap-muted); }
.ap-big { grid-row:span 2; background:linear-gradient(160deg,#e9f1ea,#f7f3ec); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; }
.ap-big h3 { font-size:clamp(30px,2.6vw,38px); margin-top:0; }
.ap-big .dv-phone { width:56%; margin:26px auto -90px; }
.ap-tall { grid-row:span 2; display:flex; flex-direction:column; }
.ap-tall h3 { font-size:clamp(28px,2.3vw,34px); margin-top:0; }
.ap-vs { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:26px 0 18px; }
.ap-vs small { display:block; font-family:var(--mono,'Geist Mono',monospace); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ap-muted); margin-bottom:8px; }
.ap-tpl { background:#fff; border:1px solid var(--ap-line); border-radius:12px; padding:12px; }
.ap-tpl i { display:block; height:12px; border-radius:4px; background:#ece7df; margin-bottom:7px; }
.ap-tpl i.s { width:60%; height:34px; }
.ap-code { background:#17201b; border-radius:12px; padding:12px; color:#9fe0b5; }
.ap-code small { color:#7d8a83; }
.ap-code code { font-family:var(--mono,'Geist Mono',monospace); font-size:11px; line-height:1.6; }
.ap-x { list-style:none; margin:auto 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.ap-x li { font-size:13px; color:#a0452a; background:#fbeee9; border-radius:99px; padding:4px 12px; }
.ap-x li::before { content:'× '; }

/* steps */
.ap-steps-sec { padding:100px 0 110px; border-top:1px solid var(--ap-line); }
.ap-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:20px; position:relative; }
.ap-step { text-align:center; position:relative; }
.ap-step + .ap-step::before { content:''; position:absolute; left:-30%; right:70%; top:84px; border-top:1px solid #cfc7ba; }
.ap-numeral { display:block; font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:300; font-size:170px; line-height:1; color:transparent; -webkit-text-stroke:1.2px var(--ap-ink); }
.ap-step h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:28px; line-height:1.15; color:var(--ap-ink); margin:18px auto 10px; max-width:12ch; }
.ap-step p { font-size:15.5px; line-height:1.6; color:var(--ap-muted); margin:0 auto; max-width:30ch; }

/* integration hub */
.ap-two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; align-items:center; }
.ap-hub { display:grid; grid-template-columns:1fr 190px 1fr; align-items:center; gap:22px; }
.ap-hub .dv-phone { width:100%; }
.ap-col { display:grid; gap:22px; }
.ap-tile { position:relative; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--ap-line); border-radius:14px; padding:14px 16px; font-size:14.5px; font-weight:500; color:var(--ap-ink); box-shadow:0 12px 24px -20px rgba(23,32,27,.5); }
.ap-tile .pp-ic { width:22px; height:22px; }
.ap-logo { width:22px; height:22px; flex:none; }
.ap-col:first-child .ap-tile::after, .ap-col:last-child .ap-tile::before { content:''; position:absolute; top:50%; width:22px; border-top:1px dashed #b9c9bd; }
.ap-col:first-child .ap-tile::after { right:-23px; } .ap-col:last-child .ap-tile::before { left:-23px; }
.ap-list { list-style:none; margin:0; padding:0; }
.ap-list li { padding:12px 0; border-top:1px solid var(--ap-line); font-size:15px; line-height:1.55; color:var(--ap-muted); }
.ap-list li b { color:var(--ap-ink); font-weight:500; }

/* dark after launch */
.ap-dark { background:var(--ap-green); padding:120px 0; overflow:hidden; }
.ap-two-r { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.ap-care { list-style:none; margin:10px 0 0; padding:0; }
.ap-care li { display:flex; gap:16px; padding:15px 0; border-top:1px solid rgba(227,239,231,.14); }
.ap-care .pp-ic { color:var(--ap-mint-2); width:24px; height:24px; margin-top:2px; }
.ap-care h3 { margin:0 0 4px; font-size:17px; font-weight:500; color:#f2ede4; }
.ap-care p { margin:0; font-size:14.5px; line-height:1.55; color:rgba(227,239,231,.66); }
.ap-care-vis { position:relative; }
.ap-care-vis .c4 { right:-8px; top:-18px; }

/* compare */
.ap-cmp { display:grid; grid-template-columns:1fr; gap:36px; }
.ap-cmp > div:first-child { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:48px; align-items:end; }
.ap-cmp .ap-h2 { margin:0; }
.ap-cmp > div:first-child .ap-text { margin:0 0 18px; }
.ap-table-wrap { overflow-x:auto; border-radius:20px; background:#fff; border:1px solid var(--ap-line); box-shadow:0 30px 60px -45px rgba(23,32,27,.5); }
.ap-table { width:100%; min-width:900px; border-collapse:collapse; font-size:14px; table-layout:fixed; }
.ap-table thead td:first-child, .ap-table tbody th { width:15%; }
.ap-table thead th { width:21.25%; }
.ap-table th, .ap-table td { padding:15px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--ap-line); line-height:1.45; }
.ap-table tr:last-child th, .ap-table tr:last-child td { border-bottom:0; }
.ap-table thead th { font-size:13px; font-weight:500; color:var(--ap-ink-2); }
.ap-table tbody th { font-weight:500; color:var(--ap-ink); }
.ap-table td { color:var(--ap-muted); }
.ap-table .ap-us { background:var(--ap-mint); color:var(--ap-green); font-weight:500; box-shadow:inset 2px 0 0 #b5d2bf, inset -2px 0 0 #b5d2bf; }
.ap-table thead .ap-us { font-family:var(--serif,'Newsreader',Georgia,serif); font-size:22px; font-weight:400; color:var(--ap-green); }
.ap-table td.ap-us::before { content:'✓ '; color:#2f7a52; }

/* faq + close */
.ap-end { padding-top:40px; }
.ap-end-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:stretch; }
.ap-faqs { background:#fff; border:1px solid var(--ap-line); border-radius:24px; padding:38px 40px; }
.ap-faq { border-top:1px solid var(--ap-line); }
.ap-faq summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:18px; padding:16px 0; font-size:15.5px; font-weight:500; color:var(--ap-ink); }
.ap-faq summary::-webkit-details-marker { display:none; }
.ap-faq summary::after { content:'+'; font-size:20px; line-height:1; color:var(--ap-green-2); transition:transform .2s; }
.ap-faq[open] summary::after { transform:rotate(45deg); }
.ap-faq p { margin:0 0 16px; font-size:15px; line-height:1.65; color:var(--ap-muted); }
.ap-faq a { color:var(--ap-green); text-decoration:underline; }
.ap-close { position:relative; border-radius:24px; overflow:hidden; padding:48px 44px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
  background:linear-gradient(100deg, rgba(242,237,228,.97) 0%, rgba(242,237,228,.86) 46%, rgba(242,237,228,.15) 100%), url('https://local-files.votrix.ai/site/agents/close-bg.jpg') right center/cover; border:1px solid var(--ap-line); }
.ap-close .ap-av { width:68px; height:68px; border-radius:50%; object-fit:cover; object-position:center 18%; border:3px solid #fff; box-shadow:0 10px 24px -12px rgba(23,32,27,.5); margin-bottom:22px; }
.ap-close h2 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:clamp(36px,3.6vw,52px); line-height:1.04; letter-spacing:-.025em; color:var(--ap-ink); margin:0 0 14px; max-width:11ch; }
.ap-close p { margin:0 0 26px; color:var(--ap-muted); font-size:16px; }
.ap-mates { display:grid; gap:10px; margin-top:30px; max-width:360px; }
.ap-mates a { display:flex; align-items:center; gap:10px; font-size:13.5px; line-height:1.4; color:var(--ap-muted); }
.ap-mates img { width:34px; height:34px; border-radius:50%; object-fit:cover; object-position:center 18%; flex:none; }
.ap-mates b { color:var(--ap-ink); font-weight:500; }

@media (max-width:1100px) {
  .ap-bento { grid-template-columns:1fr 1fr; } .ap-big .dv-phone { width:46%; }
  .ap-two, .ap-two-r, .ap-cmp, .ap-end-grid { grid-template-columns:1fr; gap:48px; }
  .ap-stage { height:auto; aspect-ratio:1180/600; }
  .ap-stage .dv-tablet { top:24%; } .ap-stage .dv-phone { top:18%; }
  .ap-shots { justify-content:flex-start; overflow-x:auto; }
}
@media (max-width:700px) {
  .ap-wrap { padding:0 16px; } .ap-sec, .ap-dark { padding:72px 0; } .ap-hero { padding-top:120px; }
  .ap-stage { margin-top:40px; } .ap-chip { font-size:11px; padding:4px 10px 4px 4px; } .ap-chip b { font-size:10px; padding:2px 7px; }
  .ap-bento { grid-template-columns:1fr; } .ap-big, .ap-tall { grid-row:auto; }
  .ap-steps { grid-template-columns:1fr; gap:30px; } .ap-step + .ap-step::before { display:none; } .ap-numeral { font-size:110px; }
  .ap-hub { grid-template-columns:1fr 130px 1fr; gap:12px; } .ap-tile { font-size:12px; padding:10px; }
  .ap-faqs, .ap-close { padding:28px 22px; }
  .ap-shot { width:140px; }
}
html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ap-h1 em, html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ap-close h2 em { white-space:nowrap; }
html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ap-hero-copy .ap-h1 { max-width:none; font-size:clamp(44px,5.2vw,78px); line-height:1.15; }

/* v2 stage for Riya / Rebecca / Victor: phones and a laptop placed left / centre / right */
.dv-phone.fit .dv-screen, .dv-mini.fit .dv-screen { aspect-ratio:auto; }
.dv-phone.fit .dv-screen img, .dv-mini.fit .dv-screen img { height:auto; }
.dv-phone.fit .dv-screen { padding-top:22px; background:#fff; }
.ap-stage-v2 { height:640px; }
.ap-stage-v2 .dv { position:absolute; }
.ap-stage-v2 .pos-c.dv-laptop { left:50%; top:0; width:56%; transform:translateX(-50%); z-index:1; }
.ap-stage-v2 .pos-c.dv-phone { left:50%; top:0; width:25%; transform:translateX(-50%); z-index:2; }
.ap-stage-v2 .pos-l { left:9%; top:110px; width:21%; transform:rotate(-5deg); z-index:1; }
.ap-stage-v2 .pos-r { right:9%; top:110px; width:21%; transform:rotate(5deg); z-index:3; }
.ap-stage-v2 .dv-laptop ~ .pos-r, .ap-stage-v2 .pos-l + .dv-laptop ~ .pos-r { right:3%; width:17%; }
.ap-stage-v2 .pos-l:has(+ .dv-laptop) { left:3%; width:17%; z-index:2; }
.ap-stage-v2 .c1 { left:6%; top:70px; } .ap-stage-v2 .c2 { right:4%; top:60px; }
.ap-stage-v2 { overflow:hidden; }
.ap-band-note { margin:22px 0 0; font-size:13px; color:rgba(227,239,231,.55); }
.ap-care-vis.phones { display:flex; justify-content:center; gap:22px; align-items:flex-start; }
.ap-care-vis.phones .dv-phone { width:40%; }
.ap-care-vis.phones .dv-phone:last-of-type { margin-top:60px; }
.ap-big .dv-phone.fit { width:62%; }
@media (max-width:1100px) { .ap-stage-v2 { height:auto; aspect-ratio:1180/640; } }

/* ═══ ax-*: per-agent core sections (content-build/build_agents_v2.py) ═══ */
.ap-text em, .ap-h2 em { font-style:italic; }
.ap-head.ap-center .ap-text { margin-left:auto; margin-right:auto; max-width:640px; }
.ax-hub-av { display:flex; flex-direction:column; align-items:center; gap:10px; }
.ax-hub-av img { width:120px; height:120px; border-radius:50%; object-fit:cover; object-position:center 18%; border:4px solid #fff; box-shadow:0 20px 40px -20px rgba(23,32,27,.5); }
.ax-hub-av b { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:24px; }

/* Victor: source map */
.ax-sources { display:grid; grid-template-columns:1fr 1.25fr 1fr; grid-template-areas:"a b c" "d x e" "f g h"; gap:18px; position:relative; }
.ax-sources::before { content:''; position:absolute; inset:12% 18%; border:1.5px dashed #c9dfd1; border-radius:50%; z-index:0; }
.ax-src { position:relative; z-index:1; background:#fff; border:1px solid var(--ap-line); border-radius:20px; padding:22px; box-shadow:0 18px 40px -34px rgba(23,32,27,.5); }
.ax-src .ap-logo { width:28px; height:28px; }
.ax-logos { display:flex; gap:8px; } .ax-logos .ap-logo { width:24px; height:24px; }
.ax-src h3 { font-size:17px; font-weight:500; margin:14px 0 6px; color:var(--ap-ink); }
.ax-src p { margin:0; font-size:14.5px; line-height:1.55; color:var(--ap-muted); }
.ax-src-go { background:var(--ap-mint); border-color:#c9dfd1; display:flex; flex-direction:column; justify-content:center; text-align:center; }
.ax-src-go h3 { margin-top:0; color:var(--ap-green); } .ax-src-go span { font-size:22px; color:var(--ap-green); margin-top:6px; }
.ax-target { position:relative; z-index:1; background:var(--ap-green); color:#fff; border-radius:24px; padding:30px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 30px 60px -30px rgba(23,32,27,.7); }
.ax-target img { width:64px; height:64px; border-radius:50%; object-fit:cover; object-position:center 18%; border:3px solid rgba(255,255,255,.85); margin-bottom:14px; }
.ax-target small { font-family:var(--mono,'Geist Mono',monospace); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ap-mint-2); }
.ax-target h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:28px; line-height:1.15; margin:8px 0 16px; color:#fff; }
.ax-target ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
.ax-target li { font-size:12.5px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); padding:4px 11px; border-radius:99px; }

/* Victor: leads */
.ax-leads { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ax-lead { background:#fff; border:1px solid var(--ap-line); border-radius:22px; padding:24px; display:flex; flex-direction:column; gap:14px; box-shadow:0 24px 50px -40px rgba(23,32,27,.55); }
.ax-lead header b { display:block; font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:24px; color:var(--ap-ink); }
.ax-lead header span { font-size:14px; color:var(--ap-muted); }
.ax-lead-src { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; font-size:13px; color:var(--ap-ink-2); background:#f6f2eb; border-radius:99px; padding:5px 12px 5px 8px; }
.ax-badge-logo { width:16px; height:16px; }
.ax-signal { margin:0; font-size:15px; line-height:1.5; color:var(--ap-ink); }
.ax-signal small { display:block; font-family:var(--mono,'Geist Mono',monospace); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ap-green-2); margin-bottom:4px; }
.ax-lead-meta { display:flex; flex-wrap:wrap; gap:6px; }
.ax-lead-meta span { font-size:12px; border:1px solid var(--ap-line); border-radius:99px; padding:3px 10px; color:var(--ap-muted); }
.ax-lead-meta .ok { color:var(--ap-green); background:var(--ap-mint); border-color:#c9dfd1; }
.ax-lead blockquote { margin:0; padding:14px 16px; background:#f9f6f0; border-left:3px solid #b5d2bf; border-radius:0 12px 12px 0; font-size:14px; line-height:1.55; color:var(--ap-ink-2); font-style:italic; }

/* Victor: pipeline */
.ax-pipe { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }
.ax-pipe::before { content:''; position:absolute; left:6%; right:6%; top:34px; border-top:1.5px solid #c9dfd1; }
.ax-pipe li { position:relative; padding:0 16px; text-align:center; }
.ax-pipe .pp-ic { width:68px; height:68px; padding:18px; border-radius:50%; background:#fff; border:1px solid var(--ap-line); box-shadow:0 12px 30px -20px rgba(23,32,27,.5); position:relative; z-index:1; }
.ax-n { display:block; font-family:var(--mono,'Geist Mono',monospace); font-size:11px; letter-spacing:.1em; color:var(--ap-green-2); margin:16px 0 4px; }
.ax-pipe h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:24px; margin:0 0 8px; color:var(--ap-ink); }
.ax-pipe p { margin:0; font-size:14.5px; line-height:1.55; color:var(--ap-muted); }
.ax-pipe-sec { border-top:1px solid var(--ap-line); }

/* Rebecca: platform wall */
.ax-wall { display:flex; justify-content:center; align-items:flex-start; gap:18px; padding:70px 24px 20px; max-width:1300px; margin:0 auto; }
.ax-card { position:relative; margin:0; flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:10px; transition:transform .35s; }
.ax-card:hover { transform:translateY(-6px); }
.ax-card img { display:block; width:100%; height:auto; border-radius:20px; background:#fff; border:1px solid var(--ap-line); box-shadow:0 26px 50px -36px rgba(23,32,27,.6); }
.ax-wall .w1, .ax-wall .w3, .ax-wall .w5 { margin-top:48px; }
/* platform label sits above the post, never over it */
.ax-badge { position:static; display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.94); backdrop-filter:blur(6px); border-radius:99px; padding:5px 11px 5px 7px; font-size:12px; font-weight:500; color:var(--ap-ink); box-shadow:0 6px 16px -8px rgba(23,32,27,.4); }

/* Rebecca: industry tabs (radio, no JS) */
.ax-tabs > input { position:absolute; opacity:0; pointer-events:none; }
.ax-tablist { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:0 0 40px; }
.ax-tablist label { cursor:pointer; padding:10px 20px; border-radius:99px; border:1px solid rgba(227,239,231,.25); color:rgba(242,237,228,.8); font-size:15px; transition:all .2s; }
.ax-tablist label:hover { border-color:rgba(227,239,231,.6); }
.ax-panel { display:none; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; align-items:center; text-align:left; }
.ax-panel-text b { display:block; font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:40px; color:#f2ede4; margin-bottom:12px; }
.ax-panel-text { color:rgba(227,239,231,.75); font-size:17px; line-height:1.6; margin:0; }
.ax-panel-shots { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
.ax-panel-shots .ax-card + .ax-card { margin-top:40px; }
#ind-saas:checked ~ .ax-p-saas, #ind-ugc:checked ~ .ax-p-ugc, #ind-build:checked ~ .ax-p-build, #ind-fashion:checked ~ .ax-p-fashion, #ind-food:checked ~ .ax-p-food { display:grid; }
#ind-saas:checked ~ .ax-tablist label[for=ind-saas], #ind-ugc:checked ~ .ax-tablist label[for=ind-ugc], #ind-build:checked ~ .ax-tablist label[for=ind-build],
#ind-fashion:checked ~ .ax-tablist label[for=ind-fashion], #ind-food:checked ~ .ax-tablist label[for=ind-food] { background:#f2ede4; color:var(--ap-green); border-color:#f2ede4; }
.ax-ind-sec { text-align:left; }

/* Rebecca: week + voice */
.ax-week { list-style:none; margin:10px 0 0; padding:0; }
.ax-week li { display:grid; grid-template-columns:52px 28px 1fr; align-items:center; gap:12px; padding:13px 0; border-top:1px solid var(--ap-line); font-size:15.5px; color:var(--ap-ink); }
.ax-week li:last-child { border-bottom:1px solid var(--ap-line); }
.ax-week small { font-family:var(--mono,'Geist Mono',monospace); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ap-muted); }
.ax-week .ap-logo { width:22px; height:22px; }
.ax-week-vis { display:flex; justify-content:center; } .ax-week-vis .dv-phone { width:56%; }
.ax-voices { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.ax-voice { background:#fff; border:1px solid var(--ap-line); border-radius:20px; padding:22px; display:flex; flex-direction:column; gap:12px; }
.ax-voice header { display:flex; align-items:center; gap:10px; font-size:15px; } .ax-voice header .ap-logo { width:22px; height:22px; }
.ax-voice p { margin:0; font-size:15px; line-height:1.6; color:var(--ap-ink-2); }
.ax-voice small { color:#2c6fb7; font-size:13.5px; }

/* Riya: before / after */
.ax-ba { margin-top:80px; position:relative; }
.ax-ba > input { position:absolute; opacity:0; pointer-events:none; }
.ax-ba-switch { display:flex; justify-content:center; gap:0; margin:0 auto 28px; background:#fff; border:1px solid var(--ap-line); border-radius:99px; padding:5px; width:max-content; box-shadow:0 14px 30px -24px rgba(23,32,27,.5); }
.ax-ba-switch label { cursor:pointer; padding:10px 26px; border-radius:99px; font-size:15px; font-weight:500; color:var(--ap-muted); transition:all .2s; }
#ba-before:checked ~ .ax-ba-switch label[for=ba-before] { background:#a0452a; color:#fff; }
#ba-after:checked ~ .ax-ba-switch label[for=ba-after] { background:var(--ap-green); color:#fff; }
.ax-ba-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ax-ba-pane { margin:0; }
.ax-ba-pane figcaption { display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:15px; color:var(--ap-ink); }
.ax-ba-pane figcaption .ap-logo { width:22px; height:22px; }
.ax-ba-pane figcaption span { margin-left:auto; font-size:13px; padding:4px 12px; border-radius:99px; }
.ax-ba-pane figcaption .a { background:var(--ap-mint); color:var(--ap-green); }
.ax-ba-pane figcaption .b { background:#fbeee9; color:#a0452a; }
.ax-ba .b { display:none; }
#ba-before:checked ~ .ax-ba-grid .b { display:block; } #ba-before:checked ~ .ax-ba-grid figcaption .b { display:inline-block; }
#ba-before:checked ~ .ax-ba-grid .a { display:none; }
.ax-browser { background:#fff; border:1px solid var(--ap-line); border-radius:16px; overflow:hidden; box-shadow:0 30px 60px -40px rgba(23,32,27,.55); }
.ax-bar { height:32px; display:flex; align-items:center; gap:6px; padding:0 12px; background:#f6f3ee; border-bottom:1px solid var(--ap-line); }
.ax-bar i { width:9px; height:9px; border-radius:50%; background:#e2dbd0; }
.ax-bar span { margin-left:12px; font-size:11.5px; color:var(--ap-muted); background:#ece7df; border-radius:6px; padding:2px 10px; }
.ax-browser img { display:block; width:100%; height:auto; }

/* Riya: entries + timeline */
.ax-entries { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; text-align:left; }
.ax-entry { background:rgba(255,255,255,.06); border:1px solid rgba(227,239,231,.14); border-radius:18px; overflow:hidden; }
.ax-entry img, .ax-entry-ph { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:top; background:#f2ede4; }
.ax-entry-ph { display:grid; place-items:center; font-family:var(--serif,'Newsreader',Georgia,serif); font-size:20px; color:var(--ap-green); background:linear-gradient(135deg,#e3efe7,#f2ede4); }
.ax-entry > div { padding:16px 16px 18px; }
.ax-entry .ap-logo { width:22px; height:22px; background:#fff; border-radius:6px; padding:3px; box-sizing:content-box; }
.ax-entry h3 { margin:10px 0 4px; font-size:16px; font-weight:500; color:#f2ede4; }
.ax-entry p { margin:0; font-size:13.5px; line-height:1.5; color:rgba(227,239,231,.7); }
.ax-timeline { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; }
.ax-timeline li { background:#fff; border:1px solid var(--ap-line); border-radius:20px; padding:22px; display:flex; flex-direction:column; }
.ax-timeline small { font-family:var(--mono,'Geist Mono',monospace); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ap-green-2); }
.ax-timeline h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:24px; line-height:1.15; margin:8px 0 8px; color:var(--ap-ink); }
.ax-timeline p { margin:0 0 16px; font-size:14.5px; line-height:1.55; color:var(--ap-muted); }
.ax-timeline img { margin-top:auto; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:top; border-radius:12px; border:1px solid var(--ap-line); }

@media (max-width:1100px) {
  .ax-sources { grid-template-columns:1fr 1fr; grid-template-areas:"x x" "a b" "c d" "e f" "h g"; } .ax-sources::before { display:none; }
  .ax-leads, .ax-voices { grid-template-columns:1fr 1fr; } .ax-pipe { grid-template-columns:1fr 1fr 1fr; row-gap:36px; } .ax-pipe::before { display:none; }
  .ax-wall { flex-wrap:wrap; } .ax-card { flex-basis:30%; } .ax-entries { grid-template-columns:repeat(3,1fr); } .ax-timeline { grid-template-columns:1fr 1fr; }
  .ax-panel { grid-template-columns:1fr; } .ax-ba-grid { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .ax-sources { grid-template-columns:1fr; grid-template-areas:"x" "a" "b" "c" "d" "e" "f" "h" "g"; }
  .ax-leads, .ax-voices, .ax-pipe, .ax-timeline { grid-template-columns:1fr; } .ax-card { flex-basis:45%; } .ax-entries { grid-template-columns:1fr 1fr; }
  .ax-wall .w1, .ax-wall .w3, .ax-wall .w5 { margin-top:0; }
}
.ap-band .ap-h2 em, .ap-dark .ap-h2 em, .ap-h2.ap-on-dark em { color:var(--ap-mint-2); }
.ap-care-vis:not(.phones) > .dv-phone { width:52%; margin:0 auto; }
.ap-care-vis:not(.phones) .c4 { right:12%; }

/* Victor: lead workspace UI (HTML mock of the product) */
.vx-app { background:#fbf9f5; border:1px solid var(--ap-line); border-radius:20px; overflow:hidden; box-shadow:0 50px 100px -50px rgba(23,32,27,.55); font-size:14px; color:var(--ap-ink); text-align:left; }
.vx-top { display:flex; align-items:center; gap:14px; padding:12px 18px; border-bottom:1px solid var(--ap-line); background:#f4efe6; }
.vx-dots { display:flex; gap:6px; } .vx-dots i { width:10px; height:10px; border-radius:50%; background:#ff5f57; } .vx-dots i:nth-child(2) { background:#febc2e; } .vx-dots i:nth-child(3) { background:#28c840; }
.vx-top b { font-weight:500; } .vx-crumb { color:var(--ap-muted); font-size:13px; }
.vx-sync { margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ap-muted); background:#fff; border:1px solid var(--ap-line); border-radius:99px; padding:4px 11px; }
.vx-body { display:grid; grid-template-columns:330px 1fr; min-height:560px; }
.vx-list { border-right:1px solid var(--ap-line); background:#fff; }
.vx-list-h { display:flex; justify-content:space-between; padding:14px 18px; font-size:12.5px; color:var(--ap-muted); border-bottom:1px solid var(--ap-line); }
.vx-list-h b { color:var(--ap-ink); font-weight:500; }
.vx-list ul { list-style:none; margin:0; padding:6px; }
.vx-list li { display:grid; grid-template-columns:34px 1fr auto 26px; grid-template-areas:"i n s f" "i n st st"; align-items:center; column-gap:10px; row-gap:2px; padding:10px 12px; border-radius:12px; }
.vx-list li.on { background:var(--ap-mint); }
.vx-list li .vx-ini { grid-area:i; } .vx-list li > div { grid-area:n; min-width:0; } .vx-list li .vx-src { grid-area:s; } .vx-list li .vx-fit { grid-area:f; } .vx-list li .vx-st { grid-area:st; justify-self:end; }
.vx-list b { display:block; font-weight:500; font-size:14px; } .vx-list small { display:block; color:var(--ap-muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vx-ini { width:34px; height:34px; border-radius:50%; background:#e8e1d4; color:var(--ap-ink-2); display:grid; place-items:center; font-size:12px; font-weight:600; }
.vx-ini-l { width:56px; height:56px; font-size:18px; background:#d9e7dd; color:var(--ap-green); }
.vx-fit { font-family:var(--mono,'Geist Mono',monospace); font-size:12.5px; color:var(--ap-green); font-weight:500; }
.vx-st { font-size:11px; padding:2px 9px; border-radius:99px; background:#eee8dd; color:var(--ap-muted); white-space:nowrap; }
.vx-st.ok { background:var(--ap-mint); color:var(--ap-green); } .vx-st.sent { background:#e7eef8; color:#2c5282; } .vx-st.reply { background:#fbefd5; color:#8a6110; }
.vx-detail { padding:22px 26px; }
.vx-person { display:flex; align-items:center; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--ap-line); margin-bottom:18px; }
.vx-person h3 { margin:0; font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:28px; } .vx-person p { margin:2px 0 0; color:var(--ap-muted); }
.vx-score { margin-left:auto; text-align:center; } .vx-score b { display:block; font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:30px; color:var(--ap-green); line-height:1; } .vx-score small { font-size:11px; color:var(--ap-muted); }
.vx-person .vx-st { font-size:12.5px; padding:5px 12px; }
.vx-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.vx-box { background:#fff; border:1px solid var(--ap-line); border-radius:14px; padding:16px 18px; }
.vx-box h4 { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 12px; font-family:var(--mono,'Geist Mono',monospace); font-size:11px; font-weight:400; letter-spacing:.1em; text-transform:uppercase; color:var(--ap-muted); }
.vx-box h4 span { display:inline-flex; align-items:center; gap:6px; font-family:var(--sans,'Geist',sans-serif); letter-spacing:0; text-transform:none; font-size:12px; color:var(--ap-ink-2); }
.vx-box dl { margin:0; } .vx-box dl div { display:grid; grid-template-columns:78px 1fr; gap:10px; padding:6px 0; border-top:1px solid #f0ebe3; } .vx-box dl div:first-child { border-top:0; }
.vx-box dt { color:var(--ap-muted); font-size:13px; } .vx-box dd { margin:0; font-size:13.5px; word-break:break-word; }
.vx-ok { display:inline-block; margin-left:6px; font-size:11px; color:var(--ap-green); background:var(--ap-mint); border-radius:99px; padding:1px 8px; }
.vx-why blockquote { margin:0 0 8px; padding:8px 12px; background:#f9f6f0; border-radius:10px; font-size:13.5px; font-style:italic; color:var(--ap-ink-2); }
.vx-tags { list-style:none; margin:10px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px; } .vx-tags li { font-size:12px; background:var(--ap-mint); color:var(--ap-green); border-radius:99px; padding:3px 10px; }
.vx-mail { background:#f9f6f0; border-radius:10px; padding:12px 14px; } .vx-mail small { display:block; font-size:11.5px; color:var(--ap-green); margin-bottom:4px; } .vx-mail b { font-weight:500; font-size:13.5px; } .vx-mail p { margin:6px 0 0; font-size:13px; line-height:1.55; color:var(--ap-ink-2); }
.vx-seq { list-style:none; margin:12px 0; padding:0; display:flex; gap:6px; flex-wrap:wrap; } .vx-seq li { font-size:12px; border:1px dashed #cfc7ba; border-radius:99px; padding:3px 10px; color:var(--ap-muted); } .vx-seq li.done { border-style:solid; border-color:#b5d2bf; color:var(--ap-green); background:var(--ap-mint); }
.vx-acts { display:flex; gap:8px; } .vx-btn { font-size:13px; padding:7px 14px; border-radius:99px; background:var(--ap-green); color:#fff; } .vx-btn.ghost { background:#fff; color:var(--ap-ink); border:1px solid var(--ap-line); }
@media (max-width:1000px) { .vx-body { grid-template-columns:1fr; } .vx-list { border-right:0; border-bottom:1px solid var(--ap-line); } .vx-list ul { display:grid; grid-template-columns:1fr 1fr; } .vx-grid { grid-template-columns:1fr; } .vx-crumb { display:none; } }
@media (max-width:640px) { .vx-list ul { grid-template-columns:1fr; } .vx-list li:nth-child(n+4) { display:none; } .vx-person { flex-wrap:wrap; } }

/* Victor: lead table (Apollo-style) */
.ap-wrap.ap-wide { max-width:1340px; }
.vt { background:#fff; border:1px solid var(--ap-line); border-radius:18px; overflow:hidden; box-shadow:0 50px 100px -50px rgba(23,32,27,.55); text-align:left; font-size:13px; color:var(--ap-ink); }
.vt-bar { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; padding:14px 18px; border-bottom:1px solid var(--ap-line); background:#fbf9f5; }
.vt-bar > b { font-size:15px; font-weight:500; margin-right:4px; }
.vt-count { color:var(--ap-muted); margin-right:8px; }
.vt-filter { font-size:12px; background:#fff; border:1px solid var(--ap-line); border-radius:8px; padding:4px 10px; color:var(--ap-ink-2); }
.vt-actions { margin-left:auto; display:flex; gap:8px; }
.vt-btn { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; padding:6px 12px; border-radius:8px; background:var(--ap-green); color:#fff; }
.vt-btn .ax-badge-logo { background:#fff; border-radius:4px; padding:1px; }
.vt-btn.ghost { background:#fff; color:var(--ap-ink); border:1px solid var(--ap-line); }
.vt-scroll { overflow-x:auto; }
.vt table { width:100%; min-width:1240px; border-collapse:collapse; }
.vt th { position:sticky; top:0; text-align:left; font-weight:500; font-size:11.5px; letter-spacing:.02em; color:var(--ap-muted); background:#fbf9f5; padding:10px 12px; border-bottom:1px solid var(--ap-line); white-space:nowrap; }
.vt td { padding:11px 12px; border-bottom:1px solid #f0ebe3; vertical-align:middle; white-space:nowrap; }
.vt tbody tr:hover { background:#fbf9f5; }
.vt tbody tr:first-child { background:#f3f8f4; }
.vt td small { display:block; color:var(--ap-muted); font-size:11.5px; }
.vt-ck { width:34px; } .vt-ck i { display:block; width:14px; height:14px; border:1.5px solid #cfc7ba; border-radius:4px; }
.vt tbody tr:first-child .vt-ck i { background:var(--ap-green); border-color:var(--ap-green); }
.vt-p { display:flex; align-items:center; gap:10px; } .vt-p b, .vt-co { font-weight:500; font-size:13.5px; }
.vt .vx-ini { width:30px; height:30px; font-size:11px; }
.vt-mail { color:#2c5282; } .vt .vx-ok { margin-left:6px; }
.vt-mono { font-family:var(--mono,'Geist Mono',monospace); font-size:12px; color:var(--ap-ink-2); }
.vt-li { color:#2c5282; margin-left:6px; } .vt td .ax-badge-logo { vertical-align:-3px; }
.vt-src { display:inline-flex; width:26px; height:26px; border-radius:7px; background:#f6f2eb; align-items:center; justify-content:center; }
.vt-sig { color:var(--ap-ink-2); white-space:normal !important; min-width:200px; max-width:240px; line-height:1.35; }
.vt-foot { display:flex; justify-content:space-between; padding:11px 18px; font-size:12px; color:var(--ap-muted); background:#fbf9f5; }
/* Victor: lead list as a visual (not an app UI) */
.vt-stage { position:relative; max-width:1060px; margin:10px auto 0; padding:30px 0 10px; perspective:1600px; }
.vt-shot { transform:rotateX(8deg) rotateZ(-1.2deg); transform-origin:center top; -webkit-mask-image:linear-gradient(#000 72%, transparent); mask-image:linear-gradient(#000 72%, transparent); }
.vt-shot table { min-width:0; }
.vt-shot td { padding:13px 16px; } .vt-shot th { padding:12px 16px; }
.vt-shot .vx-ok { padding:1px 6px; }
.vt-stage .ap-chip { position:absolute; z-index:2; }
.vt-c1 { left:-3%; top:0; } .vt-c2 { right:-3%; top:0; } .vt-c3 { right:6%; bottom:40px; }
.vt-c3 .ax-badge-logo { margin-left:6px; }
@media (max-width:900px) { .vt-shot { overflow-x:auto; transform:none; } .vt-shot table { min-width:760px; } .vt-stage .ap-chip { position:static; margin:6px 6px 0 0; } }

/* Victor: signal wall (platform-styled snippets) */
.ax-signals-sec { border-top:1px solid var(--ap-line); }
.sg-wall { columns:4 270px; column-gap:18px; }
.sg { break-inside:avoid; margin:0 0 18px; background:#fff; border:1px solid var(--ap-line); border-radius:18px; padding:18px; box-shadow:0 24px 50px -40px rgba(23,32,27,.55); text-align:left; font-size:14px; color:var(--ap-ink); }
.sg header { display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:13px; }
.sg header b { font-weight:600; } .sg header span { color:var(--ap-muted); font-size:12.5px; }
.sg-logo { width:20px; height:20px; flex:none; }
.sg h4 { margin:0 0 6px; font-size:16px; font-weight:600; line-height:1.3; }
.sg p { margin:0 0 10px; line-height:1.5; color:#2d3430; }
.sg-big { font-size:15px; } .sg-big b { font-weight:600; }
.sg-meta { font-size:12px; color:var(--ap-muted); margin-bottom:12px; }
.sg-lead { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; padding-top:12px; border-top:1px dashed #d9d2c7; font-size:12.5px; color:var(--ap-muted); }
.sg-lead b { color:var(--ap-green); font-weight:500; } .sg-lead .vx-ini { width:26px; height:26px; font-size:10px; background:var(--ap-mint); color:var(--ap-green); }
.sg-reddit { border-top:3px solid #FF4500; } .sg-reddit header b { color:#1a1a1b; }
.sg-tiktok { background:#121212; color:#fff; border-color:#121212; } .sg-tiktok header span, .sg-tiktok p { color:rgba(255,255,255,.7); }
.sg-tiktok .sg-logo { fill:#fff; } .sg-tiktok .sg-lead { border-top-color:rgba(255,255,255,.2); color:rgba(255,255,255,.6); } .sg-tiktok .sg-lead b { color:#9fe0b5; }
.sg-stats { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; margin:4px 0 12px; } .sg-stats b { display:block; font-size:17px; } .sg-stats small { font-size:11px; color:rgba(255,255,255,.6); }
.sg-vid { font-size:12.5px; background:rgba(255,255,255,.08); border-radius:10px; padding:9px 11px; margin-bottom:12px; color:#fff; }
.sg-cb { border-top:3px solid #0288D1; } .sg-cb dl { margin:6px 0 12px; } .sg-cb dl div { display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-top:1px solid #f0ebe3; font-size:13px; } .sg-cb dt { color:var(--ap-muted); } .sg-cb dd { margin:0; text-align:right; }
.sg-li { border-top:3px solid #0A66C2; }
.sg-stars { color:#FBBC04; letter-spacing:2px; margin-bottom:6px; } .sg-stars i { color:#dadce0; font-style:normal; }
.sg-x { border-top:3px solid #000; } .sg-ig { border-top:3px solid #FF0069; } .sg-maps { border-top:3px solid #4285F4; }

/* Victor: tabbed source tables */
.vt-tabset > input { position:absolute; opacity:0; pointer-events:none; }
.vt-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.vt-tabs label { cursor:pointer; display:inline-flex; align-items:center; gap:7px; padding:9px 16px; border-radius:99px; background:#fff; border:1px solid var(--ap-line); font-size:14px; color:var(--ap-ink-2); transition:all .2s; }
.vt-tabs label:hover { border-color:#b5d2bf; }
.vt-tabs label .ax-badge-logo { width:16px; height:16px; }
.vt-panel { display:none; }
.vt-title { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border-bottom:1px solid var(--ap-line); background:#fbf9f5; font-size:14px; }
.vt-title b { font-weight:500; } .vt-title span { color:var(--ap-muted); font-size:12.5px; }
.vt-panel table { min-width:1100px; }
.vt-q { font-style:italic; color:var(--ap-ink-2); }
.vt-stars { color:#FBBC04; letter-spacing:1px; } .vt-stars i { color:#dadce0; font-style:normal; }
.vt-tag { font-size:12px; background:var(--ap-mint); color:var(--ap-green); border-radius:99px; padding:2px 10px; }
.vt-tabs label svg { background:#fff; border-radius:5px; padding:2px; box-sizing:content-box; }

/* Riya: static before -> after */
.ab { margin-top:80px; display:grid; gap:40px; }
.ab-row { display:grid; grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr); grid-template-areas:"l l l" "b a2 a"; gap:14px 0; align-items:center; }
.ab-label { grid-area:l; display:flex; align-items:center; gap:12px; }
.ab-label .ap-logo { width:30px; height:30px; }
.ab-label b { display:block; font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:26px; color:var(--ap-ink); line-height:1.1; }
.ab-label small { color:var(--ap-muted); font-size:14px; }
.ab-before { grid-area:b; } .ab-arrow { grid-area:a2; } .ab-after { grid-area:a; }
.ab-pane { margin:0; position:relative; }
.ab-pane .ax-browser img { aspect-ratio:16/8.2; object-fit:cover; object-position:top left; }
.ab-before .ax-browser { filter:grayscale(.85); opacity:.62; }
.ab-after .ax-browser { outline:3px solid #2f7a52; outline-offset:4px; box-shadow:0 40px 80px -40px rgba(31,67,49,.6); }
.ab-tag { position:absolute; z-index:2; left:16px; top:-14px; font-size:14px; font-weight:500; padding:6px 14px; border-radius:99px; box-shadow:0 10px 24px -12px rgba(23,32,27,.45); }
.ab-tag.bad { background:#fbeee9; color:#a0452a; border:1px solid #f0cfc3; }
.ab-tag.good { background:#1f4331; color:#fff; }
.ab-arrow { justify-self:center; width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid var(--ap-line); display:grid; place-items:center; font-size:20px; color:var(--ap-green); box-shadow:0 10px 24px -14px rgba(23,32,27,.5); }
@media (max-width:900px) { .ab-row { grid-template-columns:1fr; grid-template-areas:"l" "b" "a2" "a"; } .ab-arrow { transform:rotate(90deg); } }
.ab-tag { position:static; display:inline-block; margin:0 0 12px 4px; } .ab-arrow { margin-top:44px; }

/* ═══ tighter rhythm for all AI employee pages (2026-10-23) ═══ */
.ap-sec { padding:76px 0; }
.ap-dark { padding:80px 0; }
.ap-band { padding:68px 0 60px; }
.ap-steps-sec { padding:64px 0 72px; }
.ap-end { padding-top:24px; }
.ap-hero { padding-top:118px; }
.ap-hero-grid { gap:56px; }
.ap-hero .ap-stage { margin-top:56px; }
.ap-stage { height:520px; }
.ap-stage-v2 { height:560px; }
.ab { margin-top:52px; gap:28px; }
.ap-head { margin-bottom:36px; }
.ap-h2 { font-size:clamp(32px,3.6vw,50px); margin-bottom:14px; }
.ap-text { margin-bottom:20px; }
.ap-pf-photo { aspect-ratio:1/.92; }
.ap-pf-body { padding:18px 22px 20px; }
.ap-numeral { font-size:130px; }
.ap-step + .ap-step::before { top:66px; }
.ap-shots { padding:32px 32px 28px; }
.ap-bento { grid-auto-rows:minmax(180px,auto); gap:14px; }
.ap-cell { padding:24px; }
.ap-big .dv-phone { margin-bottom:-110px; }
.ap-two { gap:56px; }
.ap-care li { padding:12px 0; }
.ap-close { padding:40px 38px; }
.ap-faqs { padding:32px 36px; }
.ax-wall { padding-top:48px; }
.ax-timeline li, .ax-voice, .sg { padding:18px; }
.ax-tablist { margin-bottom:28px; }
.vt-stage { padding-top:20px; }
@media (max-width:700px) { .ap-sec, .ap-dark { padding:56px 0; } .ap-hero { padding-top:100px; } .ap-numeral { font-size:96px; } }
.ap-hero-copy .ap-h1 { font-size:clamp(40px,4.8vw,70px); margin-bottom:20px; }
.ap-hero-grid { grid-template-columns:minmax(0,350px) minmax(0,1fr); }
.ap-lead { font-size:17.5px; margin-bottom:28px; }

/* Maya: "Real sites, live today" shows the websites as they are, no device frames */
.ap-shots.ap-sites { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:34px 26px; max-width:1180px; margin:0 auto; padding:46px 32px 40px; overflow:visible; }
.ap-site { margin:0; }
.ap-site img { display:block; width:100%; aspect-ratio:1200/684; object-fit:cover; object-position:top; border-radius:12px; border:1px solid rgba(227,239,231,.14); box-shadow:0 30px 60px -30px rgba(0,0,0,.6); transition:transform .4s; }
.ap-site:hover img { transform:translateY(-6px); }
.ap-site figcaption { margin-top:14px; font-family:var(--serif,'Newsreader',Georgia,serif); font-size:18px; color:#e3efe7; }
@media (max-width:900px) { .ap-shots.ap-sites { grid-template-columns:1fr 1fr; gap:24px 16px; padding:32px 16px; } }
@media (max-width:560px) { .ap-shots.ap-sites { grid-template-columns:1fr; } }

/* Maya integrations: tool bubbles float around the phone at three depths (near / mid / far) */
@media (min-width:701px) {
  .ap-hub.ap-hub-float { display:block; position:relative; height:480px; isolation:isolate;
    background:radial-gradient(closest-side, rgba(159,216,180,.28), rgba(159,216,180,0) 70%) center / 420px 420px no-repeat; }
  .ap-hub-float::before, .ap-hub-float::after { content:''; position:absolute; left:50%; top:50%; translate:-50% -50%; border-radius:50%; border:1px dashed rgba(47,122,82,.22); z-index:-1; }
  .ap-hub-float::before { width:340px; height:340px; }
  .ap-hub-float::after { width:500px; height:500px; border-color:rgba(47,122,82,.12); }
  .ap-hub-float .ap-col { display:contents; }
  .ap-hub-float .dv-phone { position:absolute; left:50%; top:50%; width:196px; translate:-50% -50%; z-index:2; }
  .ap-hub-float .ap-tile { position:absolute; translate:-50% -50%; z-index:3; gap:10px; padding:8px 18px 8px 8px; border-radius:99px; border:1px solid rgba(255,255,255,.9);
    background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); white-space:nowrap;
    box-shadow:0 1px 0 #fff inset, 0 18px 36px -18px rgba(23,32,27,.45), 0 2px 6px -2px rgba(23,32,27,.12); animation:hubfloat 6s ease-in-out infinite; }
  .ap-hub-float .ap-tile::before, .ap-hub-float .ap-tile::after { display:none; }
  .ap-hub-float .ap-logo { width:22px; height:22px; padding:7px; box-sizing:content-box; border-radius:50%; background:#f4f0e8; }
  /* near: bigger, deeper shadow */
  .ap-hub-float .ap-col:first-child .ap-tile:nth-child(1), .ap-hub-float .ap-col:last-child .ap-tile:nth-child(2) { scale:1.08; font-size:15.5px; box-shadow:0 1px 0 #fff inset, 0 28px 50px -22px rgba(23,32,27,.55), 0 3px 8px -3px rgba(23,32,27,.15); }
  /* far: smaller, lighter, slightly faded */
  .ap-hub-float .ap-col:first-child .ap-tile:nth-child(2), .ap-hub-float .ap-col:last-child .ap-tile:nth-child(3) { scale:.86; opacity:.86; z-index:1; box-shadow:0 10px 22px -16px rgba(23,32,27,.4); }
  .ap-hub-float .ap-col:first-child .ap-tile:nth-child(1) { left:16%; top:15%; animation-delay:-1s; }
  .ap-hub-float .ap-col:first-child .ap-tile:nth-child(2) { left:14%; top:47%; animation-delay:-3.5s; animation-duration:7.5s; }
  .ap-hub-float .ap-col:first-child .ap-tile:nth-child(3) { left:19%; top:80%; animation-delay:-2s; }
  .ap-hub-float .ap-col:last-child .ap-tile:nth-child(1)  { left:83%; top:21%; animation-delay:-4s; }
  .ap-hub-float .ap-col:last-child .ap-tile:nth-child(2)  { left:86%; top:53%; animation-delay:-.5s; }
  .ap-hub-float .ap-col:last-child .ap-tile:nth-child(3)  { left:80%; top:85%; animation-delay:-5s; animation-duration:7.5s; }
}
@keyframes hubfloat { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@media (prefers-reduced-motion:reduce) { .ap-hub-float .ap-tile { animation:none; } }
@media (max-width:700px) { .ap-hub .dv-phone .dv-screen::before { top:5px; height:11px; } }

/* mobile fixes (2026-10-23): the tighter hero grid above must still collapse; long CJK emphasis may wrap */
@media (max-width:1000px) {
  .ap-hero-grid { grid-template-columns:1fr; gap:36px; }
  .ap-profile { max-width:360px; transform:none; }
}
@media (max-width:700px) {
  html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ap-h1 em, html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ap-close h2 em { white-space:normal; }
  .ap-hero-copy .ap-h1 { font-size:clamp(34px,9vw,46px); }
  .ap-acts .ap-btn { min-height:46px; padding:12px 20px; font-size:15px; }
  .ap-hub { grid-template-columns:1fr 110px 1fr; }
  .ap-tile { padding:9px 8px; gap:6px; font-size:12px; } .ap-tile .ap-logo { width:18px; height:18px; }
}
/* keyword label sits inside the h1 for search engines, looks like the eyebrow above it */
.ap-h1 > .ap-eyebrow { display:block; font-style:normal; font-weight:400; font-size:12px; line-height:1.5; letter-spacing:.14em; margin:0 0 18px; max-width:none; white-space:normal; }
.ap-h1 > .ap-eyebrow .ap-kw { white-space:nowrap; }
/* Maya: kinds of sites (real screens) */
.ap-kinds { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; margin-top:8px; }
.ap-kind { grid-column:span 2; background:var(--ap-card); border:1px solid var(--ap-line); border-radius:20px; padding:14px 14px 22px; }
.ap-kind:nth-child(-n+2) { grid-column:span 3; }
.ap-kind img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top; border-radius:12px; border:1px solid var(--ap-line); }
.ap-kind h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:24px; line-height:1.2; color:var(--ap-ink); margin:18px 8px 6px; }
.ap-kind p { margin:0 8px; font-size:15px; line-height:1.6; color:var(--ap-muted); }
@media (max-width:900px) { .ap-kinds { grid-template-columns:1fr 1fr; gap:14px; } .ap-kind, .ap-kind:nth-child(-n+2) { grid-column:auto; } }
@media (max-width:560px) { .ap-kinds { grid-template-columns:1fr; } }
/* Maya: move an existing site over */
.ap-move { display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center; }
.ap-own { display:flex; gap:14px; align-items:flex-start; margin-top:26px; padding:18px 20px; background:#fff; border:1px solid var(--ap-line); border-radius:16px; }
.ap-own .pp-ic { width:26px; height:26px; flex:none; color:var(--ap-green-2); }
.ap-own b { display:block; font-size:16px; color:var(--ap-ink); margin-bottom:2px; }
.ap-own p { margin:0; font-size:14.5px; line-height:1.55; color:var(--ap-muted); }
.ap-move-steps { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.ap-move-steps li { display:flex; gap:18px; align-items:flex-start; background:var(--ap-card); border:1px solid var(--ap-line); border-radius:18px; padding:22px 24px; }
.ap-move-steps span { flex:none; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--ap-green); color:#fff; font-size:15px; }
.ap-move-steps h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:22px; line-height:1.2; color:var(--ap-ink); margin:4px 0 6px; }
.ap-move-steps p { margin:0; font-size:15px; line-height:1.55; color:var(--ap-muted); }
@media (max-width:900px) { .ap-move { grid-template-columns:1fr; gap:28px; } }
html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ap-move .ap-h2 em { white-space:nowrap; }
@media (max-width:700px) { html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ap-move .ap-h2 em { white-space:normal; } }
/* Riya: what she does (8 jobs) */
.ax-jobs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:8px; }
.ax-job { background:var(--ap-card); border:1px solid var(--ap-line); border-radius:18px; padding:12px 12px 20px; }
.ax-job img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top; border-radius:10px; border:1px solid var(--ap-line); }
.ax-job h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:21px; line-height:1.2; color:var(--ap-ink); margin:16px 6px 6px; }
.ax-job p { margin:0 6px; font-size:14.5px; line-height:1.55; color:var(--ap-muted); }
@media (max-width:1000px) { .ax-jobs { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .ax-jobs { grid-template-columns:1fr; } }
/* Riya: works on any website */
.ax-ways-wrap { display:grid; grid-template-columns:1fr 1.1fr; gap:64px; align-items:center; }
.ax-ways-wrap .ap-head { margin-bottom:22px; }
.ax-ways { display:grid; gap:16px; }
.ax-way { background:#fff; border:1px solid var(--ap-line); border-radius:20px; padding:26px 28px; }
.ax-way h3 { font-family:var(--serif,'Newsreader',Georgia,serif); font-weight:400; font-size:24px; line-height:1.2; color:var(--ap-ink); margin:0 0 8px; }
.ax-way p { margin:0; font-size:15px; line-height:1.6; color:var(--ap-muted); }
.ax-way-logos { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:18px; }
.ax-way-logos .ap-logo { width:26px; height:26px; }
.ax-way-maya img { width:34px; height:34px; border-radius:50%; object-fit:cover; }
.ax-way-maya span { font-size:14px; color:var(--ap-ink-2); }
@media (max-width:900px) { .ax-ways-wrap { grid-template-columns:1fr; gap:28px; } }
html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ax-ways-wrap .ap-h2 em { white-space:nowrap; }
@media (max-width:700px) { html:is([lang="zh-Hans"],[lang="ja"],[lang="ko"]) .ax-ways-wrap .ap-h2 em { white-space:normal; } }
/* bento: show the whole phone in the big cell; keep the tall cell's list right under its text */
.ap-big { justify-content:flex-start; }
.ap-big .dv-phone { width:min(46%,190px); margin:28px auto 0; }
.ap-tall .ap-x { margin-top:22px; }
@media (max-width:1100px) { .ap-big .dv-phone { width:min(56%,190px); } }
.ax-loop small { display:block; font-family:var(--mono,'Geist Mono',monospace); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ap-green-2); margin:2px 0 4px; }
.ax-loop h3 { margin-top:0; }