/* Company proof blends into the hero; its controls retain a stable hit area. */
.shareai-homepage .sai-company-dock {
  isolation: isolate; border: 0; background: transparent; box-shadow: none;
}
.shareai-homepage .sai-company-dock::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(90deg, transparent, light-dark(#dacfc1, #494239) 14%, light-dark(#dacfc1, #494239) 86%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, light-dark(#dacfc1, #494239) 14%, light-dark(#dacfc1, #494239) 86%, transparent) bottom / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, light-dark(#fffaf4e8, #242321e8) 8%, light-dark(#fffaf4e8, #242321e8) 92%, transparent);
}
.shareai-homepage .sai-company-carousel__viewport {
  mask-image: linear-gradient(90deg, transparent, #000 clamp(28px, 7vw, 90px), #000 calc(100% - clamp(28px, 7vw, 90px)), transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 clamp(28px, 7vw, 90px), #000 calc(100% - clamp(28px, 7vw, 90px)), transparent);
}
.shareai-homepage .sai-company-carousel__brand[data-company-name]:hover,
.shareai-homepage button.sai-company-carousel__brand[aria-expanded="true"] {
  transform: none; background: light-dark(#fff7ed, #38332e);
  box-shadow: inset 0 0 0 1px light-dark(#edcbb1, #655140);
}
.shareai-homepage .sai-company-carousel__brand img { transition: transform 320ms cubic-bezier(.22,1,.36,1); }
.shareai-homepage .sai-company-carousel__brand:hover img { transform: scale(1.025); }
.shareai-homepage .sai-company-context {
  clip-path: none; border-radius: 16px; border-color: light-dark(#eedbc8, #5a4b3e);
  background: linear-gradient(110deg, light-dark(#fffdf9, #302d29), light-dark(#fff2e7, #393029));
  box-shadow: 0 12px 36px light-dark(#7b421017, #0003);
  backdrop-filter: none; -webkit-backdrop-filter: none;
  transform: translateY(6px); transition: opacity 300ms ease, transform 320ms cubic-bezier(.22,1,.36,1);
}
.shareai-homepage .sai-company-context.is-open { clip-path: none; transform: translateY(0); }
.shareai-homepage .sai-company-context::before { opacity: .35; }
.shareai-homepage .sai-company-context__identity,
.shareai-homepage .sai-company-context__copy,
.shareai-homepage .sai-company-context__cta,
.shareai-homepage .sai-company-context__close { transform: none; opacity: 1; transition: none; }
.shareai-homepage .sai-company-context__identity { border-color: light-dark(#eadfce, #665441); background: light-dark(#fffbf5, #39342d); }
.shareai-homepage .sai-company-context__cta { transition: background-color 240ms ease, box-shadow 240ms ease; }
.shareai-homepage .sai-company-context__cta:hover { transform: none; }

/* Lighter charcoal keeps product artwork and opened solutions distinct from the page. */
.shareai-homepage #ecosystem .sai-ecosystem-cards {
  --sai-product-surface: light-dark(#fff, #363530);
  --sai-product-raised: light-dark(#fff, #424039);
  --sai-product-quiet: light-dark(#faf8f5, #3a3933);
  --sai-product-line: light-dark(#2430471a, #ffffff24);
  --sai-product-muted: light-dark(#647081, #cdc8bb);
  --sai-product-shadow: 0 22px 46px -20px light-dark(#6f380c40, #0007), 0 1px 0 inset light-dark(#fff, #ffffff12);
}
.shareai-homepage #ecosystem .sai-business-card,
.shareai-homepage #ecosystem .sai-business-card:is(:hover, :focus-visible) {
  background: light-dark(#fffdf9, #3a3934); border-color: light-dark(#ead9c8, #646055);
}
.shareai-homepage #ecosystem .sai-business-card:is(:hover, :focus-visible) { border-color: var(--sai-product-accent); }
.shareai-homepage .sai-business-dialog::backdrop { background: light-dark(#e8dfd4d9, #11100ede); backdrop-filter: blur(8px); }
.shareai-homepage .sai-business-dialog__surface { background: radial-gradient(ellipse at 100% 0, #ffac6522, transparent 55%), light-dark(#fffdf9, #393730); border: 1px solid light-dark(#ead9c8, #655e51); }
.shareai-homepage .sai-business-dialog__primary { background: light-dark(#fff7ed, #454035); border-color: light-dark(#efdcc4, #766249); }
.shareai-homepage .sai-business-dialog__stats article { background: light-dark(#fff, #423e35); border-color: light-dark(#eadfce, #655e51); }
.shareai-homepage .sai-business-dialog__primary > strong { font-size: clamp(28px, 3vw, 46px); line-height: 1.13; }
.shareai-homepage .sai-business-dialog__stats strong { font-size: clamp(22px, 2.2vw, 32px); }
.shareai-homepage .sai-business-dialog__chart { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); height: auto; gap: 10px; margin-top: 32px; align-items: stretch; }
.shareai-homepage .sai-business-dialog__chart > span { display: grid; gap: 14px; min-width: 0; padding: 18px 12px; border: 1px solid light-dark(#e2c6a4, #86704f); border-radius: 12px; color: light-dark(#6c4324, #f4d3aa); font: 600 12px/1.5 Inter, sans-serif; }
.shareai-homepage .sai-business-dialog__chart > span b { color: light-dark(#c55511, #ffb46f); font-size: 22px; font-weight: 500; }
.shareai-homepage .sai-business-dialog__footer > p { max-width: 48ch; }
@media(max-width:600px) { .shareai-homepage .sai-business-dialog__chart { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .shareai-homepage .sai-company-context, .shareai-homepage .sai-company-carousel__brand, .shareai-homepage .sai-company-carousel__brand img { transition: none; } }
/* Conceptual product flows use words instead of fabricated account metrics. */
.sai-ecosystem-cards .sai-wallet-board__balance strong,
.sai-ecosystem-cards .sai-product-amount,
.sai-ecosystem-cards .sai-subscription-plan__body > strong,
.sai-ecosystem-cards .sai-subscription-invoice > strong { font-size:clamp(22px,2.3vw,34px); line-height:1.2; letter-spacing:-.04em; }
.sai-ecosystem-cards .sai-compute-monitor__metric strong { font-size:25px; }
.sai-ecosystem-cards .sai-product-ledger b { font-size:10px; }
.sai-business-dialog__stats strong { overflow-wrap:anywhere; }
.shareai-homepage .sai-business-dialog__stats article:first-child { background:light-dark(#fff5e7,#4d4436); }
.shareai-homepage .sai-business-dialog__header h2 { font-size:clamp(30px,4vw,52px); line-height:1.08; }
.shareai-homepage .sai-business-dialog__header { padding:48px 48px 30px; }
.shareai-homepage .sai-business-dialog__dashboard { padding:0 48px 36px; }
.shareai-homepage .sai-business-dialog__primary { padding:30px; }
@media(max-width:600px) {
  .shareai-homepage .sai-business-dialog__header { padding:64px 22px 24px; }
  .shareai-homepage .sai-business-dialog__dashboard { padding:0 22px 24px; }
  .shareai-homepage .sai-business-dialog__primary { padding:22px; }
}
/* The proof rail owns the fading boundary, without a second full-width rule. */
.shareai-homepage #home { border-bottom:0; }
.shareai-homepage .sai-homepage-anchor { display:block; scroll-margin-top:104px; }
/* Keep solution content painted throughout opening, including slow frames. */
.shareai-homepage .sai-business-dialog__surface { opacity:1; animation:sai-solution-surface-in 280ms cubic-bezier(.22,1,.36,1) both; }
@keyframes sai-solution-surface-in { from { transform:translateY(8px); } to { transform:none; } }
@media(prefers-reduced-motion:reduce) { .shareai-homepage .sai-business-dialog__surface { animation:none; transform:none; } }