/* Shared homepage-derived design patterns, enabled on three review pages only.
   Legacy component behavior < Platform layout < this shared visual system. */
@import url('./styles.css?v=e135f3aa5d') layer(legacy);
@import url('./platform.css?v=5e758c0ae8') layer(layout);
:root { --ux-navy:#122c48; --ux-ink:#142f49; --ux-muted:#49647a; --ux-mist:#dfedf5; --ux-lilac:#ebe7f6; --ux-blue:#195e9b; --ux-rule:#b9cddd; --ux-space:96px; }
body[data-ux-review] main { color:var(--ux-ink); }
body[data-ux-review] main>.ux-section { position:relative; isolation:isolate; padding-block:var(--ux-space); margin:0; border:0; border-radius:0; background:var(--ux-surface,#fff); color:var(--ux-text,var(--ux-ink)); }
body[data-ux-review] main>.ux-section::before,body[data-ux-review] main>.ux-section::after { content:none; }
body[data-ux-review] .ux-white { --ux-surface:#fff; }
body[data-ux-review] .ux-mist { --ux-surface:var(--ux-mist); }
body[data-ux-review] .ux-lilac { --ux-surface:var(--ux-lilac); }
body[data-ux-review] .ux-navy { --ux-surface:var(--ux-navy); --ux-text:#fff; --ux-muted:#d1dfed; --ux-rule:#526b82; --ux-blue:#b1dcfa; }
body[data-ux-review] main .c { width:min(1240px,calc(100% - 80px)); max-width:none; padding:0; }
body[data-ux-review] main .ux-hero { padding-top:40px; background:linear-gradient(125deg,#fff 25%,#e8f1fb); }
body[data-ux-review] .ux-section :is(h1,h2,h3,h4,h5) { color:var(--ux-text,var(--ux-ink)); -webkit-text-fill-color:currentColor; text-wrap:balance; }
body[data-ux-review] .ux-section :is(p,li) { color:var(--ux-muted); line-height:1.75; }
body[data-ux-review] .ux-section .label { color:var(--ux-blue); }
body[data-ux-review] .ux-section .hero-accent { color:#2268a5; -webkit-text-fill-color:currentColor; }
body[data-ux-review] :is(.section-head,.chapter-head,.trust-head,.paper-section-head) { position:relative; background:none; border:0; box-shadow:none; border-radius:0; padding:0; margin-bottom:48px; }
body[data-ux-review] :is(.chapter-head,.trust-head)::before { content:none; }
body[data-ux-review] :is(.chapter-head,.trust-head,.section-head) .label { display:block; margin-bottom:18px; font-size:12px; letter-spacing:.13em; }
body[data-ux-review] :is(.chapter-head,.trust-head,.section-head) h2 { font-size:clamp(32px,3.5vw,48px); line-height:1.17; letter-spacing:-.035em; margin:0 0 22px; }
body[data-ux-review] :is(.chapter-head,.trust-head) { display:grid; grid-template-columns:72px minmax(0,1.2fr) minmax(0,1fr); gap:24px 32px; align-items:start; }
body[data-ux-review] .chapter-head .chapter-index { width:auto; height:auto; border:0; border-radius:0; background:none; color:var(--ux-blue); font-size:52px; line-height:1; font-weight:600; opacity:.65; }
body[data-ux-review] .chapter-head>.lead { margin:32px 0 0; font-size:18px; }
body[data-ux-review] .trust-head { grid-template-columns:1fr 1fr; }
body[data-ux-review] .trust-head>.label { grid-column:1; }
body[data-ux-review] .trust-head>h2 { grid-column:1; }
body[data-ux-review] .trust-head>.lead { grid-column:2; grid-row:1/3; margin:0; }
body[data-ux-review] .chapter-head--stack { grid-template-columns:72px 1fr; }
body[data-ux-review] .chapter-head--stack .chapter-index { grid-column:1; grid-row:1/4; }
body[data-ux-review] .chapter-head--stack>:is(.label,h2,.lead) { grid-column:2; margin:0; }
body[data-ux-review] .ux-navy a:not(.btn) { color:#b1dcfa; }
body[data-ux-review] .ux-navy .btn-s { color:#fff; border-color:#a0bed6; background:transparent; }
body[data-ux-review] .ux-navy .btn-p { color:#163956; background:#fff; border-color:#fff; }
/* Reusable paper surfaces preserve contrast inside any section tone. */
body[data-ux-review] :is(.cap-deck,.demo-card,.price-calculator,.price-example-grid>article,.trust-node,.trust-card,.gov-agent-card,.gov-budget-card,.gov-access-grid>article,.cap-manage-card,.price-topup-card) { --ux-text:#142f49; --ux-muted:#49647a; --ux-blue:#195e9b; background:#fff; color:var(--ux-ink); border:1px solid #c6d6e3; border-radius:16px; box-shadow:0 12px 32px #102b4510; }
body[data-ux-review] :is(.cap-deck,.demo-card,.price-calculator,.price-example-grid>article,.trust-node,.trust-card,.gov-agent-card,.gov-budget-card,.gov-access-grid>article,.cap-manage-card,.price-topup-card) a:not(.btn) { color:#195e9b; }
body[data-ux-review] :is(.cap-deck,.price-calculator,.trust-node,.trust-card) :is(h3,h4,p,li,label,legend,summary,small) { color:var(--ux-text); -webkit-text-fill-color:currentColor; }
body[data-ux-review] :is(.cap-note,.cap-trust-note,.gov-limit-note,.trust-note) { border-color:var(--ux-rule); }
body[data-ux-review] main .paper-related { padding-block:64px; }
body[data-ux-review] .paper-card { padding:28px 0; background:none; box-shadow:none; border:0; border-top:2px solid #a8c0d4; border-radius:0; }
body[data-ux-review] .paper-card-copy { padding:0; }
/* Platform: image-led stages, alternating full-bleed light/dark experiences. */
body[data-ux-review] #ai-choice .section-head { max-width:58%; }
body[data-ux-review] #ai-choice :is(h2,h3) { color:var(--ux-ink); }
body[data-ux-review] #ai-choice :is(p,li) { color:var(--ux-muted); }
body[data-ux-review] #ai-choice .label,body[data-ux-review] #ai-choice .cap-help { color:#195e9b; }
body[data-ux-review] #ai-choice .trust-card { background:#fff; padding:32px; }
body[data-ux-review] #ai-choice .trust-card+.trust-card { background:#f4f8fc; }
body[data-ux-review] #ai-choice li { border-color:#c6d6e3; }
body[data-ux-review] #ai-choice li::before { background:#195e9b; color:#fff; }
body[data-ux-review] #ai-choice .cap-trust-note { border-color:#a5bdcf; }
body[data-ux-review] #ai-choice .provider-shelf>span { border:1px solid #bfd3e2; box-shadow:0 12px 26px #183b5b12; }
body[data-ux-review] .cap-deck { overflow:hidden; border:0; box-shadow:0 28px 64px #04152655; }
body[data-ux-review] .cap-deck-panel { grid-template-columns:.8fr 1.2fr; align-items:start; }
body[data-ux-review] .cap-deck-nav { background:#e9eff6; }
body[data-ux-review] .cap-deck-nav a[aria-selected=true] { background:#fff; color:#195e9b; border-color:#195e9b; }
body[data-ux-review] .cap-abilities { grid-template-columns:240px 1fr; }
body[data-ux-review] .cap-count { background:#e1edf6; border:0; color:#163956; }
body[data-ux-review] .cap-count :is(strong,h3,p,.label,.cap-help) { color:#163956; }
body[data-ux-review] #experiences { padding-bottom:0; }
body[data-ux-review] .plat-tabs { background:#dfedf5; margin:0; }
body[data-ux-review] .plat-panel { padding:80px 0; --ch:#195e9b; }
body[data-ux-review] .plat-panel::before { inset-inline:calc((1240px - 100vw)/2); background:#dfedf5; border:0; }
body[data-ux-review] .plat-panel.ux-experience-dark { --ux-text:#fff; --ux-muted:#d1dfed; --ux-blue:#b1dcfa; }
body[data-ux-review] .ux-experience-dark::before { background:#122c48; }
body[data-ux-review] .ux-experience-dark :is(.plat-title,.demo-intro h4) { color:#fff; }
body[data-ux-review] .ux-experience-dark :is(.plat-summary,.plat-more,.demo-intro p) { color:#d1dfed; }
body[data-ux-review] .ux-experience-dark .plat-kicker,body[data-ux-review] .ux-experience-dark .platform-help-row a { color:#b1dcfa; }
body[data-ux-review] .ux-experience-dark .platform-help-row { border-color:#45617a; }
body[data-ux-review] .plat-title { font-size:clamp(30px,2.7vw,40px); max-width:25ch; }
body[data-ux-review] .plat-stat { --ux-muted:#49647a; background:#fff; color:#142f49; border:0; border-top:3px solid #83b4d5; border-radius:0; }
body[data-ux-review] .plat-stat .n { color:#195e9b; }
body[data-ux-review] .plat-stat a { color:#195e9b; }
body[data-ux-review] .cap-manage-grid { gap:24px; }
body[data-ux-review] .cap-manage-card { padding:32px; border-top:4px solid #195e9b; }
body[data-ux-review] .cap-runtime li { background:#fff; padding:28px; border-radius:16px; border:1px solid #c6c4da; }
body[data-ux-review] .cap-runtime::before { top:50px; }
/* Pricing: plans, a calculator showcase, and visible purchasing/control chapters. */
body[data-ux-review] .price-comparison { border-color:#b9ccdc; background:#fff; box-shadow:0 20px 50px #183b5b12; }
body[data-ux-review] .price-comparison .plan-recommended { background:#e3effa; border-inline:2px solid #6495bd; }
body[data-ux-review] .price-guidance { padding:28px; border-radius:16px; background:#fff; }
body[data-ux-review] .price-credit-story { gap:24px; }
body[data-ux-review] .price-credit-story article { padding:28px; border:0; border-top:4px solid #4e8db7; background:#e8f2f8; border-radius:0 0 16px 16px; }
body[data-ux-review] .price-example-grid>article { padding:24px; }
body[data-ux-review] .price-calculator { margin-top:32px; border:0; box-shadow:0 28px 64px #04152655; }
body[data-ux-review] .price-results { background:#dfedf5; }
body[data-ux-review] .price-results :is(h2,h3,p,strong,span,dt,dd,label,small,output,div) { color:#142f49; -webkit-text-fill-color:currentColor; }
body[data-ux-review] .price-topup-card { padding:32px; border-top:4px solid #8272b8; }
body[data-ux-review] :is(.price-faq,.trust-faq) { max-width:100%; }
body[data-ux-review] :is(.price-faq>details,.trust-faq>details) { border:0; border-bottom:1px solid #b0c6d8; padding:24px 0; background:none; box-shadow:none; }
body[data-ux-review] :is(.price-faq,.trust-faq) summary { font-size:19px; line-height:1.5; min-height:44px; }
/* Governance: visual boundaries and prominently framed control groups. */
body[data-ux-review] :is(.gov-budget-grid,.gov-agent-grid,.gov-access-grid) { gap:24px; }
body[data-ux-review] :is(.gov-budget-card,.gov-agent-card,.gov-access-grid>article,.trust-card) { padding:28px; }
body[data-ux-review] .gov-agent-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-ux-review] .trust-boundary { padding:40px; border:1px solid #7596b4; border-radius:20px; background:#254661; box-shadow:0 24px 48px #04152633; }
body[data-ux-review] .trust-boundary figcaption { color:#d1dfed; }
body[data-ux-review] .trust-node { padding:32px; border-top:5px solid #72a8cf; }
body[data-ux-review] .trust-transfer { color:#fff; }
body[data-ux-review] .gov-subsection { border-color:#58728a; padding-top:48px; margin-top:48px; }
body[data-ux-review] .gov-partner-grid { gap:28px; }
body[data-ux-review] .gov-partner-grid .trust-partner { background:#e5eff7; border:0; border-radius:18px; padding:32px; }
@media(min-width:1100px) {
 body[data-ux-review] .plat-panel { grid-template-columns:.85fr 1.15fr; }
 body[data-ux-review] .plat-panel:nth-child(even) { grid-template-columns:1.15fr .85fr; }
 body[data-ux-review] .surface-media .demo-intro { border-bottom:1px solid #a5bdd0; padding-bottom:20px; }
}
@media(max-width:1320px) { body[data-ux-review] .plat-panel::before { inset-inline:-40px; } }
@media(max-width:900px) {
 :root { --ux-space:64px; }
 body[data-ux-review] main .c { width:calc(100% - 48px); }
 body[data-ux-review] :is(.chapter-head,.trust-head) { grid-template-columns:48px minmax(0,1fr); gap:16px; }
 body[data-ux-review] .chapter-head .chapter-index { font-size:36px; }
 body[data-ux-review] .chapter-head>.lead { grid-column:1/-1; margin:0; }
 body[data-ux-review] .trust-head { display:block; }
 body[data-ux-review] .chapter-head--stack .chapter-index { grid-row:1/3; }
 body[data-ux-review] :is(.cap-deck-panel,.cap-abilities) { grid-template-columns:1fr; }
 body[data-ux-review] #ai-choice .section-head { max-width:100%; }
 body[data-ux-review] .plat-panel::before { inset-inline:-24px; }
 body[data-ux-review] .plat-panel { padding:56px 0; }
 body[data-ux-review] .trust-boundary { padding:24px; }
}
@media(max-width:600px) {
 body[data-ux-review] main .c { width:calc(100% - 36px); }
 body[data-ux-review] :is(.chapter-head,.trust-head,.section-head) h2 { font-size:32px; }
 body[data-ux-review] .plat-panel::before { inset-inline:-18px; }
 body[data-ux-review] .plat-title { font-size:30px; }
 body[data-ux-review] .gov-agent-grid { grid-template-columns:1fr; }
 body[data-ux-review] .trust-boundary,body[data-ux-review] .trust-node { padding:20px; }
 body[data-ux-review] .cap-runtime { margin-left:0; padding-left:0; border:0; }
 body[data-ux-review] .cap-runtime .cap-step { margin-left:0; }
 body[data-ux-review] .cap-manage-card { padding:24px; }
 body[data-ux-review] .price-control-grid { gap:20px; }
 body[data-ux-review] .ux-section .lead { font-size:17px; }
}

/* Preserve readable contrast in nested light notes and dark diagram panels. */
body[data-ux-review] .trust-note { --ux-text:#142f49; --ux-muted:#49647a; --ux-blue:#195e9b; color:#49647a; }
body[data-ux-review] .trust-note a { color:#195e9b; }
body[data-ux-review] .gov-meter-intro { --ux-text:#fff; --ux-muted:#d1dfed; --ux-blue:#b1dcfa; }
body[data-ux-review] .trust-transfer :is(strong,b,span) { color:#fff; }

/* Connected inner-page hero palette and deliberate section boundaries. */
body[data-ux-review] { --ux-hero-start:#e9f3fc; --ux-hero-end:#dedff5; }
body.pricing-page[data-ux-review] { --ux-hero-start:#e8f3f5; --ux-hero-end:#d7e8f8; }
body.governance-page[data-ux-review] { --ux-hero-start:#eeedf8; --ux-hero-end:#dcebf5; }
body[data-ux-review] main>.ux-hero { background:linear-gradient(120deg,var(--ux-hero-start),var(--ux-hero-end)); border-bottom:1px solid #b9ccdf; }
body[data-ux-review] main>.ux-hero::after { content:""; position:absolute; inset:auto 0 0; height:5px; background:linear-gradient(90deg,#195e9b,#659fba 55%,#9685c4); }
body[data-ux-review] main>.ux-section:not(.ux-hero) { border-top:1px solid #b6cadb; }
body[data-ux-review] main>.ux-navy { border-top:5px solid #7ba9ce; }
body.pricing-page[data-ux-review] .chapter-head { grid-template-columns:1.2fr 1fr; }
body.pricing-page[data-ux-review] .price-chapters a { grid-template-columns:1fr auto; }
body.pricing-page[data-ux-review] #spending-controls .cap-note { --ux-text:#142f49; --ux-muted:#49647a; --ux-blue:#195e9b; background:#fff; padding:24px; border-radius:16px; }
body.pricing-page[data-ux-review] #spending-controls .cap-note .btn { color:#195e9b; border-color:#9fb8ce; }
@media(max-width:900px) { body.pricing-page[data-ux-review] .chapter-head { grid-template-columns:1fr; } }
/* Channel explorer: one self-contained channel, persistent desktop selection. */
body.channel-explorer-ready #experiences { padding-bottom:80px; }
body.channel-explorer-ready .plat-grid { display:grid; grid-template-columns:230px minmax(0,1fr); gap:28px; align-items:start; scroll-margin-top:calc(var(--platform-header,80px) + 24px); }
body.channel-explorer-ready .plat-tabs { display:flex; flex-direction:column; position:sticky; top:calc(var(--platform-header,80px) + 24px); border:0; padding:0; gap:8px; overflow:visible; }
body.channel-explorer-ready .plat-tab { white-space:normal; width:100%; text-align:left; padding:18px 20px; border:1px solid #b9ccdc; border-radius:10px; background:#fff; color:#264e6f; }
body.channel-explorer-ready .plat-tab[aria-selected=true] { background:#163b60; color:#fff; border-color:#163b60; box-shadow:inset 5px 0 #67c5da,0 8px 20px #183b5b20; }
body.channel-explorer-ready .plat-panel[hidden] { display:none; }
body.channel-explorer-ready .plat-panel:not([hidden]) { display:flex; flex-direction:column; gap:28px; padding:32px; margin:0; border-radius:20px; background:#fff; border:1px solid #b9ccdc; --ux-text:#142f49; --ux-muted:#49647a; --ux-blue:#195e9b; }
body.channel-explorer-ready .plat-panel::before { content:none; }
body.channel-explorer-ready .plat-panel :is(.plat-title,.demo-intro h4) { color:#142f49; }
body.channel-explorer-ready .plat-panel :is(.plat-summary,.plat-more,.demo-intro p) { color:#49647a; }
body.channel-explorer-ready .plat-panel :is(.plat-kicker,.platform-help-row a) { color:#195e9b; }
body.channel-explorer-ready .surface-copy,body.channel-explorer-ready .surface-media { width:100%; }
body.channel-explorer-ready .plat-title { max-width:32ch; }
body.channel-explorer-ready .channel-details { width:100%; border-top:1px solid #b9ccdc; padding-top:20px; }
body.channel-explorer-ready .channel-details summary { display:none; }
body.channel-explorer-ready .channel-details .plat-stat { margin:20px 0 0; }
@media(max-width:900px) {
 body.channel-explorer-ready .plat-grid { grid-template-columns:1fr; gap:16px; }
 body.channel-explorer-ready .plat-tabs { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 body.channel-explorer-ready .plat-tab { padding:12px; font-size:13px; min-width:0; }
 body.channel-explorer-ready .plat-panel:not([hidden]) { padding:22px; gap:22px; }
 body.channel-explorer-ready .channel-details summary { display:list-item; cursor:pointer; font-weight:600; color:#195e9b; min-height:44px; }
 body.channel-explorer-ready .plat-title { font-size:28px; }
 body.channel-explorer-ready .demo-caption { padding:18px; }
}

body.channel-explorer-ready .plat-kicker::before { content:none; }
body.channel-explorer-ready .channel-overview summary { display:none; }
body.channel-explorer-ready .plat-tab { justify-content:flex-start; }
@media(max-width:900px) {
 body.channel-explorer-ready .channel-overview summary { display:list-item; font-weight:600; color:#195e9b; cursor:pointer; padding:12px 0; }
 body.channel-explorer-ready .channel-overview { border-top:1px solid #b9ccdc; }
}
body.channel-explorer-ready .plat-tabs { height:auto; max-height:none; }
/* Approved stronger chapter treatment extended to Pricing and Governance. */
body:is(.pricing-page,.governance-page)[data-ux-review] .ux-mist { --ux-surface:#d8e8f4; }
body:is(.pricing-page,.governance-page)[data-ux-review] .ux-lilac { --ux-surface:#e4def3; }
body:is(.pricing-page,.governance-page)[data-ux-review] .chapter-head,
body:is(.pricing-page,.governance-page)[data-ux-review] .trust-block>.c>.trust-head,
body.pricing-page[data-ux-review] #plans .section-head {
 background:linear-gradient(115deg,#16466d,#286491); border:1px solid #427fa5;
 border-radius:18px; padding:32px; box-shadow:0 14px 30px #153d6014;
 --ux-text:#fff; --ux-muted:#fff; --ux-blue:#fff;
}
body:is(.pricing-page,.governance-page)[data-ux-review] .chapter-head :is(h2,p,.label),
body.governance-page[data-ux-review] .trust-block>.c>.trust-head :is(h2,p,.label),
body.pricing-page[data-ux-review] #plans .section-head :is(h2,p,.label) { color:#fff; -webkit-text-fill-color:currentColor; }
body:is(.pricing-page,.governance-page)[data-ux-review] .chapter-head .chapter-index { color:#fff; opacity:1; }
@media(max-width:600px) {
 body:is(.pricing-page,.governance-page)[data-ux-review] .chapter-head,
 body.governance-page[data-ux-review] .trust-block>.c>.trust-head,
 body.pricing-page[data-ux-review] #plans .section-head { padding:24px 20px; border-radius:14px; }
}

body.pricing-page[data-ux-review] .cap-trust-note {--ux-text:#142f49;--ux-muted:#486078;--ux-blue:#195b96;color:#142f49}
body.pricing-page[data-ux-review] .cap-trust-note p {color:#486078}
body.pricing-page[data-ux-review] .cap-trust-note .btn-s {color:#195b96;background:#fff;border-color:#92aec5}
body.pricing-page[data-ux-review] #credit-calculator .btn-s {color:#195b96;background:#fff;border-color:#92aec5}