@import url("assets/styles/mother-base.css");
/* Mother site's layout/type/palette are imported unchanged. SC-specific media, pricing and utility styles follow. */

  /* Hero markup split for search: the tagline is display text, the H1 carries the subject phrase. Visuals unchanged. */
  .hero .hero-tagline{margin:23px 0 24px;max-width:680px;font-size:clamp(54px,5.15vw,78px);line-height:.99;letter-spacing:-.03em;font-weight:500}
  .hero .hero-tagline span{background:linear-gradient(100deg,#E8FFEC 2%,#39FF6B 34%,#0DC94B 64%,#f5a83c 97%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero h1.hero-seo{margin:-6px 0 18px;max-width:620px;font-size:21px;line-height:1.4;letter-spacing:-.014em;font-weight:400;color:#9db4d8}
  @media(max-width:1050px){.hero .hero-tagline{max-width:none}}
  @media(max-width:700px){.hero .hero-tagline{font-size:clamp(48px,14vw,65px)}.hero h1.hero-seo{font-size:18px}}

html{scroll-padding-top:96px} .section[id]{scroll-margin-top:90px}
.section-anchor{position:absolute;top:0;left:0;scroll-margin-top:90px}
.hero-copy,.hero-visual,.mechanic-copy,.sc-media-column,.sc-podium-column{min-width:0}
.hero-visual{align-content:center;gap:0}
.hero-visual>.screen-frame{width:100%}
.hero .sc-capture-caption{align-self:start;width:100%}
.sc-capture a.screen-open{display:block;width:100%;height:100%;outline-offset:-4px!important}
.sc-capture picture{display:block;width:100%;height:100%}
.sc-capture img{max-width:100%;transition:filter .16s ease}
.sc-capture a:hover img{filter:brightness(1.04)}
.sc-capture-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:12px 2px 0;color:#8492ab;font:10px/1.6 var(--mono);letter-spacing:.03em}
.sc-capture-caption a{display:inline-flex;align-items:center;min-height:32px;color:#a8bedb;white-space:nowrap;text-decoration:underline;text-decoration-color:#8492ab50;text-underline-offset:4px}
.sc-media-column{width:100%;align-self:center}
#theater-live .sc-media-column{display:flex;flex-direction:column;justify-content:center;align-self:stretch}
#theater-live .sc-capture{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
#theater-live .screen-open{height:auto}
#theater-live .sc-capture picture,#theater-live .sc-capture img{height:auto}
.sc-ledger-capture{width:min(100%,600px);height:auto;max-height:none}
.sc-ledger-capture img{height:auto}
.sc-ledger-caption{max-width:600px;margin-inline:auto}
.sc-hands{margin-top:32px!important}
.sc-facilitation{max-width:900px;margin:28px auto 0;text-align:center}
.sc-facilitation h3{font-size:19px;line-height:1.4;margin:0 0 10px}
.sc-facilitation p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.sc-makers .sc-facilitation{margin-top:0}.sc-makers .sc-facilitation h2{font-size:22px;line-height:1.35;margin:0 0 12px}.sc-makers .sc-facilitation p+p{margin-top:14px}
.sc-booth-placeholder{display:grid;place-items:center;border-style:dashed;box-shadow:none;background:linear-gradient(135deg,#0b1524,#080e1b)}
.sc-booth-empty{text-align:center;padding:34px}
.sc-booth-empty>p{font-size:clamp(22px,3vw,34px);line-height:1.2;letter-spacing:-.025em;color:#aab8cc;margin:18px 0}
.sc-booth-empty>small{font:11px/1.6 var(--mono);color:#8492ab}
.sc-podium-column{width:100%;max-width:480px;justify-self:center}
.podium-device{width:100%}
.scorecard-copy>p{font-size:17px;line-height:1.78;color:var(--muted)}
.scorecard-copy>p strong{font-weight:650;color:var(--text)}
.sc-publishing-panel{transform:none}
.sc-publish-steps{list-style:none;counter-reset:publish;padding:0;margin:28px 0 0}
.sc-publish-steps li{counter-increment:publish;position:relative;padding:0 0 27px 49px}
.sc-publish-steps li:last-child{padding-bottom:0}
.sc-publish-steps li:before{content:counter(publish,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:31px;height:31px;border:1px solid #39ff6b45;border-radius:50%;color:var(--green);font:700 10px var(--mono);background:#39ff6b0a}
.sc-publish-steps li:not(:last-child):after{content:"";position:absolute;left:15px;top:35px;bottom:5px;width:1px;background:var(--line-bright)}
.sc-publish-steps h3{font-size:17px;line-height:1.4;margin:0 0 6px}
.sc-publish-steps p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.sc-price{display:flex;align-items:center;gap:9px;margin:22px 0}
.sc-price>span{font-size:30px;align-self:flex-start;padding-top:11px}
.sc-price>strong{font-size:82px;line-height:1;letter-spacing:-.06em;font-weight:600;color:var(--text)}
.sc-price>small{margin-left:8px;color:#a3aec1;font-size:13px;line-height:1.6}
.sc-price-note{display:block;margin:18px 0 0;font-size:11px!important}
.sc-price-points{margin-top:32px!important}
.sc-family-link{font-size:13px;color:#a3b6d2}
.footer-links>div{display:flex;flex-direction:column;align-items:flex-start}
.footer-links h3{font:600 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#c0d0e6;margin:0 0 10px}
/* Expandable answers retain the mother's visual component, with accessible native hidden state. */
.faq-answer:not([hidden]){max-height:none!important;opacity:1!important;padding-bottom:18px}
.faq-item.is-open button>span:after{transform:rotate(0deg)}
.mobile-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}
body.modal-open{overflow:hidden}
.image-dialog{width:min(96vw,1760px);height:92svh;max-width:none;max-height:none;border:1px solid #9baeca55;border-radius:20px;background:#08101e;color:var(--text);padding:0;overflow:hidden;box-shadow:0 30px 100px #000a}
.image-dialog::backdrop{background:#03060bea;backdrop-filter:blur(10px)}
.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid var(--line);min-height:76px}
.image-toolbar p{font:600 11px/1.5 var(--mono);margin:0;color:var(--text)}
.image-toolbar span{font:10px/1.5 var(--mono);color:#a3b0c5}
.image-actions{display:flex;gap:9px;align-items:center}
.image-actions button{border:1px solid var(--line-bright);border-radius:9px;background:#121d2c;min-height:42px;font-size:11px;padding:9px 14px;cursor:pointer}
.image-actions #image-close{font-size:25px;line-height:1;width:42px;padding:0}
.image-viewport{height:calc(100% - 76px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px}
.image-viewport img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.image-viewport.is-actual{display:block}.image-viewport.is-actual img{max-width:none;max-height:none;width:auto;height:auto}
/* Preserve the split when the inherited minimum track widths would otherwise clip a narrow laptop. */
@media(min-width:921px) and (max-width:1279px){.hero-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}}
@media(max-width:1120px){.desktop-nav{gap:16px}}
@media(max-width:1050px){.sc-podium-column{max-width:420px}.sc-ledger-capture,.sc-ledger-caption{max-width:560px}}
@media(max-width:920px){.hero-definition{margin-inline:auto}.hero-visual{min-height:0}.hero-layout{gap:46px}.hero-visual{width:100%}}
@media(max-width:700px){.sc-capture-caption{font-size:9px}.sc-booth-empty{padding:32px 18px}.sc-booth-placeholder{min-height:260px}.hero-visual{margin-inline:0}.image-toolbar{padding:10px 12px;gap:10px}.image-toolbar p{font-size:10px}.image-toolbar span{font-size:9px}.image-actions{gap:5px}.image-actions button{font-size:10px;padding:8px 10px}.image-viewport{padding:10px}.sc-price>strong{font-size:72px}.sc-facilitation{text-align:left}.sc-facilitation h3{font-size:18px}.sc-price-points{margin-top:24px!important}}
/* Companion document pages use the same typography and spacing without loading other product surfaces. */
.sc-document{max-width:800px;margin:0 auto;padding:120px 24px 90px;min-height:80vh}.sc-document h1{font-size:clamp(34px,6vw,58px);line-height:1.1;letter-spacing:-.035em}.sc-document h2{font-size:24px;margin-top:34px}.sc-document p,.sc-document li{color:#a4b1c7;line-height:1.8}.sc-document a:not(.button){text-decoration:underline;text-underline-offset:4px}


/* 2026-09-10 hero + booth refinement */
.hero-faded-capture{position:relative;overflow:hidden}
.hero-faded-capture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,10,20,.22) 0%, rgba(5,10,20,.08) 30%, rgba(5,10,20,.24) 100%), linear-gradient(180deg, rgba(5,10,20,.10) 0%, rgba(5,10,20,.36) 100%);pointer-events:none;z-index:2}
.hero-faded-capture .screen-open{display:block;position:relative;z-index:1}
.hero-faded-image{filter:brightness(.72) saturate(.95) contrast(1.02)}
.hero-visual .screen-frame-wide{max-width:100%;margin-inline:auto}
.hero-visual .sc-capture-caption{margin-top:14px}
#booth .screen-frame-wide{width:100%}
#booth .sc-booth-caption{margin-bottom:0}
@media (min-width: 1051px){.hero-visual{align-self:center}.hero-visual .screen-frame-wide{transform:translateX(0)}}


/* 2026-09-10 ghost hero conversion */
.ghost-hero{isolation:isolate;overflow:hidden;padding-bottom:38px}
.ghost-hero::before{content:none}
.ghost-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#070914 0%,rgba(7,9,20,.99) 22%,rgba(7,9,20,.94) 33%,rgba(7,9,20,.70) 42%,rgba(7,9,20,.23) 55%,rgba(7,9,20,.06) 70%,rgba(7,9,20,.12) 100%),linear-gradient(180deg,rgba(7,9,20,.5) 0%,rgba(7,9,20,0) 18%,rgba(7,9,20,0) 65%,#070914 96%)}
.ghost-hero .container.hero-layout{position:relative;z-index:2;display:block;width:min(1450px,calc(100% - 80px));margin-inline:auto}
.ghost-hero .hero-copy{width:min(515px,40%);max-width:515px;min-width:0;position:relative;text-align:left;margin:0;padding:0}
.ghost-hero .hero-tagline{font-size:clamp(65px,5.6vw,86px);margin:23px 0 26px;line-height:1.02}
.ghost-hero .hero-seo{font-size:21px;line-height:1.48}
.ghost-hero .hero-definition{font-size:16px;line-height:1.72;margin-bottom:18px}
.ghost-hero .hero-lede{font-size:16px;line-height:1.75}
.ghost-hero .hero-proof{font-size:11px;gap:13px 20px}
.ghost-hero .hero-actions{justify-content:flex-start}
.ghost-hero .flow-rail{position:relative;z-index:2;width:min(1280px,calc(100% - 80px));margin:72px auto 0}
.ghost-image-layer{position:absolute;inset:85px 20px 38px 0;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:flex-end}
.ghost-booth{display:block;width:min(78vw,1260px);max-width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center right;margin:0;border:0;border-radius:0;box-shadow:none;opacity:.85;filter:brightness(.88) saturate(.9);-webkit-mask-image:radial-gradient(ellipse 72% 70% at 55% 49%,black 24%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.35) 67%,transparent 91%);mask-image:radial-gradient(ellipse 72% 70% at 55% 49%,black 24%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.35) 67%,transparent 91%)}
@media(min-width:1900px){.ghost-image-layer{left:max(0px,calc((100vw - 1800px)/2));right:max(20px,calc((100vw - 1800px)/2))}}
@media(max-width:1279px) and (min-width:921px){.ghost-hero .hero-copy{width:47%;max-width:490px}.ghost-hero .hero-tagline{font-size:68px}.ghost-booth{width:66vw}.ghost-hero .hero-proof{font-size:10px}.ghost-hero::after{background:linear-gradient(90deg,#070914 0%,rgba(7,9,20,.98) 22%,rgba(7,9,20,.93) 35%,rgba(7,9,20,.67) 47%,rgba(7,9,20,.08) 70%,rgba(7,9,20,.12) 100%),linear-gradient(180deg,rgba(7,9,20,.3),transparent 40%,#070914 99%)}}
@media(max-width:920px){.ghost-hero{padding-bottom:28px}.ghost-hero .container.hero-layout{width:calc(100% - 48px)}.ghost-hero .hero-copy{width:100%;max-width:630px;text-align:left;margin:0}.ghost-hero .hero-copy .eyebrow{justify-content:flex-start}.ghost-hero .hero-tagline{font-size:66px}.ghost-hero .hero-definition,.ghost-hero .hero-lede{margin-inline:0}.ghost-hero .hero-proof{justify-content:flex-start}.ghost-hero .hero-actions{flex-direction:row;align-items:center}.ghost-hero .hero-actions .button{width:auto}.ghost-image-layer{inset:auto 12px 143px 12px;height:auto;aspect-ratio:2035/1446;max-height:560px;align-items:flex-end}.ghost-booth{width:100%;max-height:100%;opacity:.77;filter:brightness(.82) saturate(.90)}.ghost-hero::after{background:linear-gradient(180deg,#070914 0%,rgba(7,9,20,.99) 31%,rgba(7,9,20,.65) 53%,rgba(7,9,20,.05) 64%,rgba(7,9,20,.1) 78%,#070914 96%)}.ghost-hero .flow-rail{width:calc(100% - 48px);margin-top:calc(63vw + 20px)}}
@media(max-width:600px){.ghost-hero .hero-tagline{font-size:62px}.ghost-hero .hero-seo{font-size:18px}.ghost-hero .hero-definition,.ghost-hero .hero-lede{font-size:15px}.ghost-hero .hero-actions{flex-direction:column;align-items:stretch}.ghost-hero .hero-actions .button{width:100%}.ghost-hero .hero-proof{font-size:10px;gap:10px 13px}.ghost-image-layer{bottom:265px;inset-inline:4px}.ghost-hero .flow-rail{margin-top:calc(66vw + 60px)}}


/* Restrained IP copy: scoped to Ledger and Podium. Existing site/hero styles are unchanged. */
.sc-governance-verbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;max-width:1080px;margin:30px auto 8px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sc-governance-verbs>div{min-width:0;padding:0 22px;border-left:1px solid var(--line)}
.sc-governance-verbs>div:first-child{border-left:0}
.sc-governance-verbs dt{margin:0 0 9px;color:#a8c7f8;font:650 11px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.sc-governance-verbs dd{margin:0;color:#a6b3ca;font-size:13px;line-height:1.65}
.sc-corpus-copy,.sc-escalation-copy{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(28px,4.5vw,64px);align-items:start;padding:31px 0 0;margin:36px 0 0;border-top:1px solid var(--line)}
.sc-corpus-copy h3,.sc-escalation-copy h3{margin:13px 0 0;font-size:clamp(23px,2.25vw,29px);line-height:1.2;letter-spacing:-.025em;font-weight:550;text-wrap:balance}
.sc-escalation-copy h3>span{color:#a4bfe9}
.sc-ip-body p{margin:0 0 13px;color:#a6b3ca;font-size:14px;line-height:1.8}
.sc-ip-body p:last-child{margin-bottom:0}
.sc-escalation-copy{margin-top:48px;padding-top:31px}
@media(max-width:920px){.sc-governance-verbs>div{padding-inline:13px}.sc-governance-verbs dd{font-size:12px}.sc-corpus-copy,.sc-escalation-copy{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.sc-governance-verbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding:23px 0}.sc-governance-verbs>div{padding:0;border:0}.sc-governance-verbs>div:last-child{grid-column:1/-1}.sc-governance-verbs dd{font-size:13px}.sc-corpus-copy,.sc-escalation-copy{margin-top:28px;padding-top:25px}.sc-corpus-copy h3 br{display:none}.sc-ip-body p{font-size:14px}}


/* AI connection copy only: the established hero, surfaces and mother stylesheet are unchanged. */
.sc-access-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(28px,5vw,74px)!important;align-items:end}
.sc-access-heading h2{font-size:clamp(34px,4.1vw,53px);max-width:650px}
.sc-access-heading p{color:#a6b3ca;line-height:1.8}
.sc-access-cards{margin-top:0!important;gap:18px}
.sc-access-cards article{min-width:0;padding:27px 24px 24px;display:flex;flex-direction:column;background:rgba(12,18,31,.72)}
.sc-access-cards article>span{font-size:9px;line-height:1.6;margin-bottom:15px;letter-spacing:.12em}
.sc-access-cards h3{font-size:27px;font-weight:550;letter-spacing:-.025em;margin-bottom:16px}
.sc-access-cards article>p{font-size:14px;line-height:1.8;color:#a6b3ca;margin-bottom:23px}
.sc-access-routes{margin:auto 0 0;padding-top:6px;border-top:1px solid var(--line)}
.sc-access-routes>div{display:grid;grid-template-columns:1fr;gap:4px;padding:14px 0 0}
.sc-access-routes dt{font:600 9px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8492ab}
.sc-access-routes dd{margin:0;color:#d6deec;font-size:13px;line-height:1.55}
.sc-access-boundary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4vw,62px);margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
.sc-access-boundary h3{font-size:18px;line-height:1.45;margin:0 0 11px;font-weight:550}
.sc-access-boundary p{font-size:14px;line-height:1.8;color:#a6b3ca;margin:0}
.sc-access-boundary .sc-access-terms{font-size:12px;line-height:1.85;color:#94a2b8}
.sc-access-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin-top:11px;font-size:12px;color:#a8c7f8;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a8c7f844}
.sc-access-link:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:920px){.sc-access-heading{grid-template-columns:1fr!important;gap:23px!important}.sc-access-heading p{max-width:690px!important}.sc-access-cards{gap:13px}.sc-access-cards article{padding:23px 19px}.sc-access-cards h3{font-size:24px}}
@media(max-width:720px){.sc-access-cards{grid-template-columns:1fr;gap:16px}.sc-access-cards article{padding:25px 23px}.sc-access-cards article>p{margin-bottom:21px}.sc-access-routes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sc-access-boundary{grid-template-columns:1fr;gap:20px}.sc-access-heading h2{font-size:clamp(33px,9vw,46px)}}
@media(max-width:380px){.sc-access-routes{grid-template-columns:1fr;gap:0}}
/* 2026-09-23: the flow rail carries seven stops (07 Calendar) on one row */
@media(min-width:1051px){.ghost-hero .flow-rail{grid-template-columns:repeat(7,1fr)}}
/* 2026-09-25 SaaS W1: the restored pricing component. One card left once the early bird is hidden; the note and the
   small-print lines sit on the tier grid's 900px measure, styled like .sc-access-terms. */
.tier-grid:has(>[hidden]){grid-template-columns:minmax(0,440px);justify-content:center}
#pricing .sc-price-points{max-width:900px;margin-left:auto;margin-right:auto}
#pricing>.container>.sc-price-note{max-width:900px;margin:18px auto 0;text-align:center;font-size:12px!important;line-height:1.85;color:#94a2b8}
/* 2026-09-26 mobile fix (kevin's Android phone): the page never lays out wider than the screen. mother-base.css gives
   body min-width:320px; with larger phone text, Chrome zooms the CSS viewport under 320px and then widened the page
   past the screen, running text off the right edge. The decorative layers (hero-grid, ambient-two, cta-orb) are clipped
   at html and body where overflow-x:clip and :has are supported (elsewhere the base's body overflow-x:hidden stays the
   clip), and the open checkout dialog keeps its page lock on html. Nothing changes at desktop widths. */
body{min-width:0}
@supports (overflow-x:clip) and selector(html:has(body)){html,body{overflow-x:clip}html:has(>body.dialog-open){overflow:hidden}}
/* Under 340px of CSS width (a phone with larger text): footer links may wrap, and a long path in code breaks. */
@media(max-width:340px){.footer-links a,.footer-links button{width:auto;max-width:100%}code{overflow-wrap:anywhere}}