/* Homepage sections for paying audiences: who it's for, your own AI, published research. */
.hero>p.hero-for{font-size:14px;line-height:1.5;color:#6a625d;margin:12px auto 0;letter-spacing:0}
.hero-for a{font-weight:600;text-decoration:underline;text-decoration-color:#c9c1b6;text-underline-offset:4px}
.hero-for a:hover{text-decoration-color:currentColor}
.who{background:#fff}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;text-align:left}
.who-card{border-radius:26px;padding:30px 28px 26px;display:flex;flex-direction:column;border:2px solid transparent}
.who-card.peach{background:#f8dccf}.who-card.lavender{background:#e6ddf3}.who-card.mint{background:#d8e9df}
.who-tag{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:#fff9;border:1.5px solid #242323;border-radius:999px;padding:5px 11px}
.who-card h3{font-size:27px;line-height:1.12;letter-spacing:-.6px;margin:18px 0 14px}
.who-card ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}
.who-card li{font-size:15px;line-height:1.5;padding-left:24px;position:relative}
.who-card li::before{content:'✓';position:absolute;left:0;font-weight:800}
.who-ask{margin-top:auto;display:block;background:#fff;border:1.5px solid #242323;border-radius:16px;padding:13px 15px;font-size:14px;line-height:1.45;box-shadow:0 3px 0 #242323;transition:transform .15s}
.who-ask:hover{transform:translateY(-2px)}
.who-ask span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6a625d;margin-bottom:4px}
.who-more{font-size:13px;font-weight:600;margin-top:14px}
.who-more:hover{text-decoration:underline}
.who-also{font-size:15px!important;margin:30px auto 0!important;color:#5c5651}
.who-also a{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.credit-allowance small{display:block;font-size:12.5px;color:#5c7250;font-weight:600;margin-top:4px}
.own-ai{padding-top:0;padding-bottom:70px;background:var(--cream)}
.own-ai-inner{max-width:1050px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;text-align:left;background:#fff;border:1.5px solid #ddd6cc;border-radius:24px;padding:26px 30px}
.own-ai h3{font-family:var(--body);font-size:22px;font-weight:600;letter-spacing:-.3px;margin:8px 0 4px}
.own-ai p{margin:0;font-size:15px;color:#6a625d}
.own-ai .section-kicker{margin:0;font-size:10.5px}
.own-ai .connect-apps-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.connect-more{font-size:14px;font-weight:600;padding:0 6px}
.connect-more:hover{text-decoration:underline}
.research{background:#fff}
.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;text-align:left}
.research-card{display:flex;flex-direction:column;gap:8px;border:1.5px solid #e2dcd2;border-radius:20px;padding:24px;background:#faf8f4;transition:transform .15s,border-color .15s}
.research-card:hover{transform:translateY(-3px);border-color:#242323}
.research-card span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5278bd}
.research-card strong{font-size:19px;line-height:1.3}
.research-card em{font-style:normal;font-size:14px;line-height:1.55;color:#6a625d}
@media(max-width:900px){.who-grid,.research-grid{grid-template-columns:1fr}.who-card h3{font-size:25px}.own-ai-inner{padding:22px}}
@media(max-width:480px){.hero>p.hero-for{font-size:13px;padding:0 20px}.who-card{padding:24px 20px}.own-ai .connect-apps-row{width:100%}}
.who-compare{font-size:15px!important;margin:10px auto 0!important;color:#5c5651}
.who-compare a{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.research-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.research-grid{grid-template-columns:1fr}}

/* Type (D1, 8 Oct 2026): TikTok Sans everywhere, as in content/templates/landing-system.css.
   Display 800 with tight tracking; body 400 and 600. */
h1,h2,h3{font-family:var(--display);font-weight:800}
.hero .agent-headline{letter-spacing:-.04em;line-height:1.04}
h2,.bridge-heading h2{font-weight:800;letter-spacing:-.035em;line-height:1.06}
.who-card h3,.enterprise-banner h3{letter-spacing:-.03em}
.price-card h3{letter-spacing:-.025em}
.plan-price{letter-spacing:-.035em}
.plan-price>span{letter-spacing:0}
b,strong{font-weight:600}
.credit-allowance strong{font-weight:800;letter-spacing:-.02em}
.screenshot-bridge .bridge-hub>strong{font-weight:800;letter-spacing:-.03em}
.hero>p{letter-spacing:-.01em}
.section>p,.proof-heading>p,.bridge-heading>p{text-wrap:pretty}
.pricing .pricing-intro{max-width:800px;text-wrap:balance}
@media(max-width:480px){.hero .agent-headline{font-size:clamp(30px,9vw,38px)}}
/* hero-video.css names DM Sans directly; keep the player on the brand face. */
.hero-video .hv-frame :is(.hv-caption,.hv-sound,.hv-play,.hv-cta,small){font-family:var(--body)}
.hero-video .hv-frame :is(.hv-sound,.hv-play,.hv-cta){font-weight:600}

/* Header: moved to site-header.css, shared with every content page (Q-7). */

/* v3 homepage (20 Oct 2026): Shop Analytics, the coverage strip and Shop cards in the data grid. */
.hero>p.hero-sub{max-width:780px;font-size:20px;line-height:1.55;text-wrap:balance}
@media(max-width:650px){.hero>p.hero-sub{font-size:16px;max-width:360px;text-wrap:pretty}}

/* Coverage strip */
.coverage{padding:34px max(5%,calc((100% - 1150px)/2)) 40px}
.coverage-inner{background:#242323;color:#f4efe9;border-radius:28px;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:22px 40px;align-items:center}
.coverage .section-kicker{color:#a9c1ef;margin-bottom:10px;font-size:10.5px}
.coverage h2{font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.03em;margin:0 0 14px;color:#fffdf9}
.coverage-link{display:inline-block;font-size:15px;font-weight:600;color:#f8df84;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#f8df8466}
.coverage-link:hover{text-decoration-color:currentColor}
.coverage-ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.coverage-ticks li{font-size:14px;font-weight:600;line-height:1.2;padding:9px 13px 9px 32px;border-radius:999px;background:#33312f;border:1px solid #4a4744;position:relative}
.coverage-ticks li::before{content:'';position:absolute;left:12px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#cce1d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 6.2 2 2 4-4.4' fill='none' stroke='%23242323' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.coverage-ticks li.coverage-ai{background:#86a9ed;color:#16233d;border-color:#86a9ed}
.coverage-ticks li.coverage-ai::before{background-color:#fffdf9}
@media(max-width:900px){.coverage-inner{grid-template-columns:1fr;padding:26px 24px}}
@media(max-width:650px){.coverage{padding:22px 16px 26px}.coverage-inner{border-radius:22px;padding:24px 18px}.coverage-ticks{gap:7px}.coverage-ticks li{font-size:13px;padding:8px 11px 8px 29px}.coverage-ticks li::before{left:10px}}

/* Data grid: Shop cards on top of the screenshot mosaic */
.screenshot-bridge .bridge-canvas{height:850px}
.shop-sources{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;padding-top:20px}
.shop-sources-label{position:absolute;top:0;left:2px;margin:0;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:#8a4a2a}
.screenshot-mosaic .shop-card{height:auto;min-height:118px;padding:11px 12px 12px;background:#fffdf9;border:1px solid #e6cdbf;border-radius:14px;box-shadow:0 8px 22px #4d45360a;display:flex;flex-direction:column}
.shop-card .bridge-source-title{height:auto;margin-bottom:8px;gap:6px}
.shop-card .bridge-source-title h3{font-size:11px}
.shop-card .screen-dot{background:#e0835b}
.shop-figure{margin-top:auto;display:flex;flex-direction:column;gap:4px;background:#fbe9df;border-radius:9px;padding:10px 10px 9px}
.shop-figure strong{font:800 26px/1 var(--display);letter-spacing:-.03em;color:#242323}
.shop-figure span{font-size:11.5px;line-height:1.3;color:#6a4a3a}
@media(min-width:851px){.screenshot-mosaic .source-bestsellers{transform:rotate(-1deg)}.screenshot-mosaic .source-affiliates{transform:rotate(1deg)}}
@media(max-width:850px) and (min-width:651px){.screenshot-bridge .bridge-canvas{height:820px}.shop-figure strong{font-size:21px}.shop-figure span{font-size:10.5px}}
@media(max-width:650px){.screenshot-bridge .bridge-canvas{height:auto}.shop-sources{gap:8px;padding-top:22px}.shop-sources-label{font-size:10px;left:0;right:0;text-align:center}.screenshot-mosaic .shop-card{min-height:0;padding:8px;border-radius:12px}.shop-card .bridge-source-title h3{font-size:10px}.shop-figure{padding:8px 7px}.shop-figure strong{font-size:19px}.shop-figure span{font-size:10px}}

/* Shop Analytics section */
.shop-analytics{background:var(--cream);padding-top:40px}
.sa-head{max-width:760px;margin:0 auto}
.sa-head .section-kicker{color:#8a4a2a}
.shop-analytics h2 span{color:#c0603a}
.sa-head>p{font-size:18px;line-height:1.6;color:#5c5651;margin:0 auto;text-wrap:pretty}
.sa-board{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:40px;text-align:left;max-width:1080px;margin-left:auto;margin-right:auto}
.sa-table-card{background:#fffdf9;border:2px solid #242323;border-radius:24px;padding:22px 22px 12px;box-shadow:0 6px 0 #242323;min-width:0}
.sa-table{width:100%;border-collapse:collapse;font-size:15px}
.sa-table caption{text-align:left;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 14px;padding:0 4px 14px}
.sa-table caption strong{font:800 21px/1.2 var(--display);letter-spacing:-.02em}
.sa-table caption span{font-size:12.5px;font-weight:600;color:#8a4a2a}
.sa-table th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7a716a;text-align:left;padding:8px 6px;border-bottom:1.5px solid #242323}
.sa-table td{padding:12px 6px;border-bottom:1px solid #ece4da;vertical-align:middle}
.sa-table tbody tr:last-child td{border-bottom:0}
.sa-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sa-rank{width:26px;font-weight:800;color:#c0603a}
.sa-name{font-weight:600;line-height:1.35}
.sa-rev b{font-weight:800}
.sa-chg{color:#3f6b4c;font-weight:600}.sa-chg.down{color:#a1452a}
.sa-spark-cell{width:96px;padding-left:14px!important}
.sa-spark{display:block;width:84px;height:28px}.sa-spark rect{fill:#e0835b}
.sa-side{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}
.sa-stat{border-radius:24px;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:start}
.sa-stat>*{grid-column:1}.sa-stat .sa-trend{grid-column:2;grid-row:1/5;align-self:end;width:170px;margin:0}.sa-stat .sa-trend-label{grid-column:2;text-align:right}
.sa-shop{background:#f8dccf}.sa-creator{background:#e6ddf3}
.sa-tag{align-self:flex-start;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:#fff9;border:1.5px solid #242323;border-radius:999px;padding:4px 10px;margin-bottom:8px}
.sa-big{font:800 40px/1 var(--display);letter-spacing:-.04em}
.sa-stat h3{font-size:20px;letter-spacing:-.02em;margin:6px 0 2px}
.sa-stat p{margin:0;font-size:14.5px;line-height:1.5;color:#4f4a46}
.shop-analytics p.sa-source{font-size:13px;line-height:1.6;color:#6a625d;max-width:860px;margin:18px auto 0;text-align:center}
.sa-source code{font-size:12px;background:#ebe4da;padding:1px 5px;border-radius:5px}
.sa-source a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sa-cta{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:16px}
.sa-cta .pill{border:2.5px solid #242323;box-shadow:0 4px 0 #242323}
.sa-niche{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px}
.sa-niche>span{color:#6a625d;margin-right:2px}
.sa-niche a{background:#fffdf9;border:1.5px solid #d9cfc3;border-radius:999px;padding:7px 13px;font-weight:600;font-size:13.5px;transition:border-color .15s}
.sa-niche a:hover{border-color:#242323}
@media(max-width:650px){.sa-spark-cell{display:none}.shop-analytics{padding:30px 16px 52px}.sa-head>p{font-size:15.5px}.sa-board{margin-top:28px;gap:14px}.sa-table-card{padding:16px 12px 6px;border-radius:20px}.sa-table{font-size:13.5px}.sa-table caption strong{font-size:18px}.sa-table caption span{font-size:11.5px}.sa-hide-sm{display:none}.sa-table th{font-size:10px;padding:7px 4px}.sa-table td{padding:10px 4px}.sa-rank{width:18px}.sa-side{grid-template-columns:1fr;gap:14px}.sa-stat{padding:18px 18px;border-radius:20px}.sa-big{font-size:34px}.sa-niche{flex-direction:column}.sa-niche a{width:100%;max-width:330px;text-align:center}}
@media(prefers-reduced-motion:reduce){.sa-niche a{transition:none}}
.sa-table caption{display:table-caption;caption-side:top}
.sa-table caption strong,.sa-table caption span{display:inline-block;margin-right:14px}
.sa-table th:first-child,.sa-table td:first-child{width:26px}
.sa-stat{justify-content:flex-start}
.sa-trend{display:block;width:100%;max-width:240px;height:auto;margin-top:16px}
.sa-shop .sa-trend rect{fill:#e0835b}.sa-creator .sa-trend rect{fill:#8e74bd}
.sa-trend-label{font-size:11.5px;font-weight:600;color:#6a625d;margin-top:6px}
@media(max-width:650px){.sa-table caption strong,.sa-table caption span{display:block}}
@media(max-width:900px){.sa-side{grid-template-columns:1fr}}
@media(max-width:650px){.sa-stat{grid-template-columns:1fr}.sa-stat .sa-trend{grid-column:1;grid-row:auto;width:100%;max-width:220px;margin-top:14px}.sa-stat .sa-trend-label{grid-column:1;text-align:left}}
.sa-stat .sa-tag{justify-self:start;margin-bottom:10px}
@media(max-width:480px){.hero .hero-actions .pill.hero-cta{font-size:16.5px;padding:16px 20px;gap:10px}}