/* Static content styles formerly scattered through style attributes.
   Named classes describe the owning component. Keep responsive variants here.
   #products-page preserves the former inline priority without !important. */ #products-page .cockpit-section {
  background:#050507;
  margin:0;
  padding:54px 0 40px
}
#products-page .embed-intro {
  width:calc(100% - 2 * var(--gut,64px));  /* span the hero section width (Ron 2026-10-24) */
  max-width:1440px;
  margin:0 auto;
  padding:0;
  text-align:center
}
#products-page .embed-eyebrow {
  color:#cfaa5c;
  letter-spacing:.24em;
  font-size:clamp(15px,1.3vw,18px);  /* enlarged (Ron 2026-10-24) */
  font-weight:700;
  font-family:Inter,sans-serif
}
#products-page .embed-title {
  color:#f3ecd8;
  font-family:Georgia,serif;
  font-size:clamp(42px,5.3vw,70px);  /* +3pt + unified across agents (Ron 2026-10-26) */
  margin:10px 0 16px
}
#products-page .text-gold {
  color:#cfaa5c
}
#products-page .embed-copy {
  color:#b9b09a;
  font-family:Georgia,serif;
  font-size:clamp(18px,2vw,calc(26.5px - 1pt));  /* 1pt below the carousel copy (Ron 2026-10-24) */
  line-height:1.55;
  margin:0;
  max-width:none;
  width:100%;
  text-align:left
}
#products-page .cockpit-frame-wrap {
  max-width:1500px;
  margin:30px auto 0;
  padding:0 2%
}
#products-page .cockpit-iframe {
  width:100%;
  height:860px;
  border:1px solid #fff;
  border-radius:0;
  display:block;
  background:#0b0a07
}
#products-page .embed-notes {
  width:calc(100% - 2 * var(--gut,64px));  /* span the hero section width (Ron 2026-10-24) */
  max-width:1440px;
  margin:40px auto 0;
  padding:0;
  text-align:justify;  /* two-column research-paper block (Ron 2026-10-24) */
  color:#b9b09a;
  font-family:Georgia,serif;
  font-size:clamp(18px,1.55vw,22px);  /* enlarged (Ron 2026-10-24) */
  line-height:1.5;
  column-count:2;
  column-gap:clamp(32px,4vw,56px)
}
#products-page .note-paragraph {
  margin:0 0 16px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid
}
#products-page .note-final {
  margin:0;
  break-inside:avoid;
  -webkit-column-break-inside:avoid
}
@media(max-width:1000px) {
  #products-page .embed-notes {
    column-count:1;
    text-align:left
  }
}
#products-page .superhuman-section {
  background:#050507;
  margin:0;
  padding:54px 0 30px
}
#products-page .superhuman-copy {
  color:#b9b09a;
  font-family:Georgia,serif;
  font-size:clamp(15px,1.5vw,19px);
  margin:0 auto 26px;
  max-width:680px
}
#products-page .superhuman-frame-wrap {
  max-width:1500px;
  margin:0 auto;
  padding:0 2%
}
#products-page .superhuman-iframe {
  width:100%;
  height:880px;
  border:1px solid #fff;
  border-radius:12px;
  display:block;
  background:#0b0a07
}
#products-page .reveal-delay-title {
  --d:.15s
}
#products-page .reveal-delay-copy {
  --d:.3s
}
#products-page .reveal-delay-subtitle {
  --d:.42s
}
#products-page .reveal-delay-meta {
  --d:.54s
}
#products-page .reveal-delay-form {
  --d:.66s
}
#products-page .pricing-section {
  background:#050507;
  color:#f3ecd8;
  padding:80px 6%;
  font-family:Georgia,serif
}
#products-page .pricing-wrap {
  max-width:1200px;
  margin:0 auto;
  text-align:center
}
#products-page .pricing-title {
  font-size:clamp(30px,4vw,52px);
  margin:0 0 8px
}
#products-page .pricing-intro {
  color:#b9b09a;
  font-size:clamp(15px,1.5vw,19px);
  margin:0 auto 40px;
  max-width:640px
}
#products-page .lease-plan-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  max-width:560px;
  margin:0 auto 26px
}
#products-page .lease-plan-card {
  border:1.5px solid #cfaa5c;
  border-radius:14px;
  padding:26px;
  background:linear-gradient(180deg,rgba(207,170,92,.08),transparent)
}
#products-page .lease-plan-eyebrow {
  color:#cfaa5c;
  letter-spacing:.14em;
  font-size:13px;
  font-weight:700
}
#products-page .lease-plan-price {
  font-size:46px;
  font-weight:700;
  color:#fff;
  margin:6px 0
}
#products-page .lease-plan-period {
  font-size:18px;
  color:#b9b09a
}
#products-page .plan-description {
  color:#b9b09a;
  font-size:14px
}
#products-page .agent-plan-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  max-width:1000px;
  margin:0 auto
}
#products-page .agent-plan-card {
  border:1px solid #fff;
  border-radius:12px;
  padding:22px;
  background:#0b0a07
}
#products-page .agent-plan-title {
  color:#cfaa5c;
  font-weight:700;
  font-size:15px
}
#products-page .agent-plan-subtitle {
  color:#8f876f;
  font-size:12px;
  margin:3px 0 12px
}
#products-page .agent-plan-description {
  font-size:15px;
  color:#e8dfc6
}
#products-page .agent-plan-price {
  font-size:28px;
  font-weight:700;
  color:#fff;
  margin-top:6px
}
#products-page .agent-plan-period {
  font-size:14px;
  color:#b9b09a
}
#products-page .pricing-footnote {
  color:#7a7260;
  font-size:12px;
  margin-top:22px
}
#products-page .paragraph-spaced {
  margin-top:20px
}
#products-page .contact-link {
  color:#f1d9a6;
  font-weight:600
}
#products-page .section-dark {
  background:#050507
}
#products-page .paragraph-spaced-large {
  margin-top:22px
}
#products-page .footer-divider {
  max-width:420px;
  margin:0 auto 26px
}
@media(max-width:800px) {
  #products-page .agent-plan-grid {
    grid-template-columns:1fr
  }
}

/* Agent-demo mobile stacking (Ron 2026-10-25): below the cockpit's 900px stack
   breakpoint the cockpit reflows to ~1494px (header -> chat -> composer -> Missions
   -> Inbox). Grow the iframe to show the whole stack instead of cropping at 860px.
   The hero (atlas-frame) is ~850px on mobile, so 860px already fits it. */
@media(max-width:900px){
  #products-page .cockpit-frame-wrap{ padding:0 }
  #products-page .cockpit-iframe{ height:100vh; height:100svh }  /* one phone screen tall; cockpit scrolls inside (Ron 2026-10-31) */
}

/* Ron 2026-10-26: 30px after agent name before cockpit + per-agent promo lines */
#products-page .agent-demo .embed-intro{padding-bottom:30px}
#products-page .agent-blurb{max-width:1100px;margin:36px auto 4px;padding:0 4%;text-align:center}
#products-page .agent-blurb p{margin:0 0 11px;font-family:Georgia,serif;font-size:clamp(16px,1.55vw,20px);line-height:1.5;color:#cdc4ad}
#products-page .agent-blurb .ab-sum{color:#f3ecd8}
#products-page .agent-blurb .ab-co{color:#cfaa5c;font-style:italic}

/* Match Atlas cockpit to the full-width hero image above it. */
#products-page #atlas-demo > .cockpit-frame-wrap { width:100%; max-width:none; padding:0; box-sizing:border-box; }
#products-page #atlas-demo > .cockpit-frame-wrap > .cockpit-iframe { box-sizing:border-box; }

/* All live workspaces match the hero image width. */
#products-page .cockpit-frame-wrap {width:100%;max-width:none;padding:0;box-sizing:border-box}
#products-page .cockpit-iframe {width:100%;box-sizing:border-box}

/* P6 (Ron 2026-10-31): 0.5pt gold trim on the Atlas / Super Claude / Eve / Mission Control live-demo headers —
   full screen width so it meets the left/right edges and hugs the media above and below */
#products-page #atlas-demo>.embed-intro,
#products-page #sc-demo>.embed-intro,
#products-page #eve-demo>.embed-intro,
#products-page #mission-control-v2>.embed-intro{
  width:100%;max-width:none;box-sizing:border-box;
  border:.5pt solid #cfaa5c;
  padding-left:var(--gut,64px);padding-right:var(--gut,64px)
}
#products-page #mission-control-v2{padding-top:0}
/* Ron 2026-11-02: +30px above the gold demo headers, from Super Claude down */
#products-page #mission-control-v2>.embed-intro{padding-top:84px}

/* Ron: 30px outside the gold header boxes, Super Claude onward. */
#products-page #sc-demo,
#products-page #eve-demo,
#products-page #mission-control-v2{padding-top:30px}
#products-page #sc-demo>.embed-intro,
#products-page #eve-demo>.embed-intro,
#products-page #mission-control-v2>.embed-intro{margin-bottom:30px}

/* Match the live-demo gold framing on the SAP header and introduction. */
#products-page #autoledger-superhuman>.embed-intro,
#products-page .embed-intro.embed-below{
 width:100%;max-width:none;box-sizing:border-box;
 border:.5pt solid #cfaa5c;
 padding-left:var(--gut,64px);padding-right:var(--gut,64px)
}

/* Full paper as responsive white text on the page, below the gold heading. */
#products-page #auto-ledger-research>.embed-intro{width:100%;max-width:none;box-sizing:border-box;border:.5pt solid #cfaa5c;padding-left:var(--gut,64px);padding-right:var(--gut,64px);margin-bottom:30px}
#products-page .ledger-flow{max-width:1100px;margin:40px auto;padding:0 clamp(20px,4vw,48px);box-sizing:border-box;color:#fff;background:transparent;font:clamp(17px,1.4vw,20px)/1.7 Georgia,"Times New Roman",serif;text-align:left}
#products-page .ledger-flow h2{font:700 clamp(26px,3vw,38px)/1.25 Georgia,serif;margin:0 0 24px;color:#fff}
#products-page .ledger-flow h3{font:700 clamp(22px,2vw,28px)/1.3 Georgia,serif;margin:36px 0 18px;color:#fff}
#products-page .ledger-flow p{font:inherit;color:#fff;margin:0 0 20px;overflow-wrap:break-word}
#products-page .ledger-flow .ledger-pdf-link{color:#69adff;font:inherit;text-decoration:underline;text-underline-offset:3px}
/* 30px below the Atlas gold live-demo header. */
#products-page #atlas-demo>.embed-intro{margin-bottom:30px}

/* 30px below the SAP Console gold live-demo header. */
#products-page #autoledger-superhuman>.embed-intro{margin-bottom:30px}

/* Quiet, spacious footer with the page's white wordmark and gold detailing. */
#products-page .ledger-footer{border-top:.5pt solid #cfaa5c;padding:64px clamp(24px,5vw,80px) 24px;background:#050507;text-align:left;color:#c5c3bd}
#products-page .footer-inner{max-width:1320px;margin:0 auto}
#products-page .footer-main{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start;padding-bottom:44px}
#products-page .ledger-footer .brand{display:block;color:#fff;font-family:var(--serif,Georgia,serif);font-size:clamp(23px,2.7vw,38px);font-weight:700;line-height:1.2;letter-spacing:.025em;text-decoration:none}
#products-page .ledger-footer p{margin:14px 0 0;line-height:1.6}
#products-page .footer-motto{color:#d7b970;font:italic 20px/1.5 Georgia,serif}
#products-page .footer-promise{font-size:15px;color:#aaa9a5}
#products-page .footer-email{display:inline-block;color:#fff;font-size:clamp(16px,1.6vw,21px);text-decoration:none;overflow-wrap:anywhere}
#products-page .footer-phones{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px}
#products-page .footer-phones span{display:block;color:#cfaa5c;font:600 11px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.14em;margin-bottom:7px}
#products-page .footer-phones a{font-size:16px;text-decoration:none;white-space:nowrap}
#products-page .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 28px;border-top:1px solid #cfaa5c33;padding-top:22px;font-size:12px;line-height:1.6;color:#969590}
#products-page .footer-bottom a{text-decoration:none;color:#d7b970}
#products-page .ledger-footer a:hover{color:#ead396}
#products-page .ledger-footer a:focus-visible{outline:2px solid #cfaa5c;outline-offset:5px}
@media(max-width:800px){#products-page .footer-main{grid-template-columns:1fr;gap:34px;padding-bottom:32px}#products-page .ledger-footer{padding-top:42px}#products-page .footer-bottom{flex-direction:column;gap:10px}}
@media(max-width:400px){#products-page .footer-phones{grid-template-columns:1fr;gap:20px}}