/* Aeria V42: canonical active material contract, loaded after layout files.
   G0 = shared page background, G1 = shell, G2 = standalone content,
   G3 = inner row, G4 = control. Retired palettes remain in strong-glass.json.
   Solid S1 stays available for actual data grids; public editorial S1 uses G2.
*/
html[data-okg-design],
html[data-okg-design] :is([data-okg-local-context],[data-okg-context],[data-okg-preview]) {
  --aeria-gap:16px; --aeria-section:44px; --aeria-page-gutter:24px;
  --aeria-radius-shell:26px; --aeria-radius-card:22px; --aeria-radius-inner:16px; --aeria-radius-control:12px;
  --aeria-border:rgb(66 96 108 / .3); --aeria-rim:rgb(255 255 255 / .84);
  --aeria-shadow:0 20px 50px -28px rgb(31 58 70 / .34);
  --aeria-highlight:inset 0 1px 0 rgb(255 255 255 / .9),inset 1px 0 0 rgb(255 255 255 / .28),inset -1px 0 0 rgb(75 107 120 / .1);
  --aeria-g1:rgb(246 249 248 / .4); --aeria-g2:rgb(246 249 248 / .54);
  --aeria-g3:rgb(246 249 248 / .2); --aeria-g4:rgb(246 249 248 / .74);
  --aeria-header:rgb(246 249 248 / .88); --aeria-dialog:rgb(246 249 248 / .9); --aeria-nav-drawer:rgb(246 249 248 / .96);
  --aeria-blur-shell:blur(26px) saturate(122%); --aeria-blur-card:blur(20px) saturate(116%);
  --aeria-blur-header:blur(24px) saturate(105%);
  --aeria-control-border:rgb(59 85 99 / .8);
  --aeria-page:radial-gradient(ellipse at 92% 12%,#C8DBE6 0%,transparent 34%),radial-gradient(ellipse at 10% 47%,#CEE2D6 0%,transparent 36%),radial-gradient(ellipse at 80% 78%,#D1DFE8 0%,transparent 38%),linear-gradient(160deg,#EDF1F0,#E2E9E6 48%,#ECF0EF);
  color-scheme:light;scrollbar-width:thin;scrollbar-color:#92A4AA transparent;
  scroll-padding-top:calc(var(--site-header-height,84px) + 20px);
}
html[data-okg-design] :is([data-okg-design],[data-okg-context],[data-okg-local-context],[data-workspace-kind][data-theme]) {
  --okg-rim:var(--aeria-highlight);--okg-rim-depth:1px;--okg-rim-blur:0px;
  --okg-shadow:var(--aeria-shadow);--okg-g1-fill:var(--aeria-g1);--okg-g2-fill:var(--aeria-g2);--okg-d1-fill:var(--aeria-dialog);
  --okg-g1-filter:var(--aeria-blur-shell);--okg-g2-filter:var(--aeria-blur-card);--okg-d1-filter:var(--aeria-blur-shell);
  --okg-edge-outer:var(--aeria-rim);--okg-edge-lower:var(--aeria-border);
  --okg-g1-radius:var(--aeria-radius-shell);--okg-g2-radius:var(--aeria-radius-card);
}
html[data-okg-design] body {background:var(--aeria-page);background-attachment:scroll}
html[data-okg-design] body:is(.home-redesign,.public-content-page) {position:relative;isolation:isolate}
html[data-okg-design] body:is(.home-redesign,.public-content-page)>:is(main,footer) {position:relative;z-index:1}
html[data-okg-design] :is(.home-redesign main,.public-content-page main) {background:transparent;overflow:visible}
html[data-okg-design] .home-redesign main>:is(.homepage-section,.homepage-hero) {background:transparent;overflow:visible}
/* Four roles replace repeated full-white stages. The same role works on a
   normal element, controlled backdrop, local Business context or portal. */
html[data-okg-design] [data-okg-material="G1"] {
  background:var(--aeria-g1);border:1px solid var(--aeria-rim);border-bottom-color:var(--aeria-border);
  background-image:linear-gradient(135deg,rgb(255 255 255 / .28),rgb(255 255 255 / .04) 44%,rgb(112 148 154 / .08));
  border-radius:var(--aeria-radius-shell);box-shadow:var(--aeria-highlight),var(--aeria-shadow);
  backdrop-filter:var(--aeria-blur-shell);-webkit-backdrop-filter:var(--aeria-blur-shell);
}
html[data-okg-design] [data-okg-material="G2"],
html[data-okg-design] :is(.home-redesign,.public-content-page) :is(.model-comparison,.business-difference,.criteria-demo,.quick-search-panel,.public-depth,.plan-task-comparison,.legalcard,.editorial-section,.topic-box,.faq-item,.okg-help-topic,.contenthero,.content-cta) {
  background:var(--aeria-g2);border:1px solid var(--aeria-rim);border-bottom-color:var(--aeria-border);
  background-image:linear-gradient(135deg,rgb(255 255 255 / .24),rgb(255 255 255 / .03) 46%,rgb(112 148 154 / .06));
  border-radius:var(--aeria-radius-card);box-shadow:var(--aeria-highlight),var(--aeria-shadow);
  backdrop-filter:var(--aeria-blur-card);-webkit-backdrop-filter:var(--aeria-blur-card);
}
html[data-okg-design] [data-okg-material="G3"],
html[data-okg-design] :is(.home-redesign,.public-content-page) :is(.story-copy,.story-product,.story-product figcaption,.criteria-result,.scenario-criteria,.business-budget-note,.import-complete,.story-facts>div,.story-next-step,.proof-callout,.source-family-grid article,.trust-list article,.okg-reading-core,.okg-help-answer,.h40-narration,.h40-ticket,.h40-guide,.h40-why,.h40-note-card) {
  background:var(--aeria-g3);border:1px solid var(--aeria-border);border-radius:var(--aeria-radius-inner);
  background-image:none;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* A nested glass role does not create a second blur, highlight layer or heavy frame. */
html[data-okg-design] :is([data-okg-material="G1"],[data-okg-material="G2"],[data-okg-material="D1"]) :is([data-okg-material="G1"],[data-okg-material="G2"],[data-okg-material="G3"]) {
  background:var(--aeria-g3);background-image:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--aeria-border);
}
html[data-okg-design] [data-okg-material="D1"],
html[data-okg-design] :is(.audience-panel,.site-info-popover,.public-select-menu,.select-menu,.info-popover,.calendar-occasion-preview) {
  background:var(--aeria-dialog);border:1px solid var(--aeria-rim);border-bottom-color:var(--aeria-border);
  background-image:linear-gradient(135deg,rgb(255 255 255 / .2),transparent 52%);
  border-radius:var(--aeria-radius-shell);box-shadow:var(--aeria-highlight),var(--aeria-shadow);
  backdrop-filter:var(--aeria-blur-shell);-webkit-backdrop-filter:var(--aeria-blur-shell);
}
html[data-okg-design] :is(.nav,.appbar,.bottomnav)[data-okg-material] {
  background:var(--aeria-header);border:0;border-bottom:1px solid var(--aeria-border);border-radius:0;
  background-image:linear-gradient(110deg,rgb(255 255 255 / .18),transparent 48%);
  box-shadow:0 5px 24px -18px rgb(37 62 75 / .22);
  backdrop-filter:var(--aeria-blur-header);-webkit-backdrop-filter:var(--aeria-blur-header);
}
html[data-okg-design] :is([data-okg-material="G4"],.homepage-secondary,.public-login,.public-menu-toggle,.platform-store-button,.model-entry,.model-toggle,.select-trigger,.public-select-trigger,.source-filter button,.story-button,.story-tabs button,.story-chips button,.scenario-tabs button,.phone-stations button,.h40-controls button,.h40-stage-button,.h40-stage-tab,.h40-replay) {
  border:1px solid var(--aeria-control-border);border-radius:var(--aeria-radius-control);background:var(--aeria-g4);
  color:var(--okg-text);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
html[data-okg-design] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) {
  background:var(--aeria-g4);border-color:var(--aeria-control-border);border-radius:var(--aeria-radius-control);box-shadow:none;
}
html[data-okg-design] :is(button,a[role=button],[role=tab],summary,.select-trigger) {user-select:none;-webkit-user-select:none;touch-action:manipulation}
html[data-okg-design] :is(button,[role=button],summary) {cursor:pointer}
html[data-okg-design] :is(button,a[role=button],[role=tab]):not(:disabled):not([aria-disabled=true]):hover {border-color:var(--okg-accent)}
html[data-okg-design] :is([role=tab],[aria-pressed],[role=option])[aria-selected=true],
html[data-okg-design] button[aria-pressed=true] {background:var(--okg-accent-soft);color:var(--okg-on-accent-soft);border-color:var(--okg-accent);box-shadow:inset 0 0 0 1px var(--okg-accent)}
html[data-okg-design] :is(.btn,.homepage-primary,.demo-replay,.h40-replay) {background:var(--okg-accent);color:var(--okg-on-accent);border-color:var(--okg-accent);box-shadow:none}
html[data-okg-design] :focus-visible {outline:3px solid var(--okg-focus);outline-offset:3px}
/* Inline prose links remain identifiable before hover/focus, independent of
   accent-to-text colour contrast. Button-shaped actions keep their own cue. */
html[data-okg-design] :is(.home-redesign,.public-content-page) p a[href]:not(:is([role="button"],.btn,.homepage-primary,.homepage-secondary)) {text-decoration-line:underline;text-decoration-color:currentColor;text-underline-offset:.16em;text-decoration-thickness:from-font}
html[data-okg-design] :is(button:disabled,button[aria-disabled=true],input:disabled,select:disabled) {background:var(--okg-disabled-surface);color:var(--okg-disabled-text);cursor:not-allowed}
/* Remove ornamental tails and doubled bottoms. True diagram arrows remain. */
html[data-okg-design] :is(.closing-panel,.public-depth,.content-cta,.story-copy,.proof-callout,.h40-narration)::after,
html[data-okg-design] :is(.closing-panel,.public-depth,.content-cta,.story-copy,.proof-callout,.h40-narration)::before {content:none}
html[data-okg-design] :is(.story-product,.criteria-result,.scenario-product) img {opacity:1;filter:none;mix-blend-mode:normal}
html[data-okg-design] .home-redesign .h40 .proof-device.h40-device {border-width:5px;border-color:#44575E;box-shadow:0 20px 42px -26px rgb(29 53 64 / .35)}
html[data-okg-design] :is(.h40-screen,.h40-scene,.h40-content) {box-shadow:none}
/* A single rhythm for public pages; layouts retain their semantic columns. */
html[data-okg-design] .home-redesign .homepage-section {padding-block:var(--aeria-section)}
html[data-okg-design] .home-redesign [data-home-process=start] {padding-bottom:20px}
html[data-okg-design] .home-redesign [data-home-process=continuation] {padding-top:0;border-top:0}
html[data-okg-design] .home-redesign .container {width:min(calc(100% - var(--aeria-page-gutter)*2),1180px)}
html[data-okg-design] :is(.homepage-section-head,.business-difference>h3) {margin-bottom:20px}
html[data-okg-design] :is(.motion-story,.business-scenario,.criteria-demo,.quick-search-panel,.closing-panel) {gap:20px}
html[data-okg-design] :is(.model-comparison,.public-depth,.business-difference) {margin-top:20px}
html[data-okg-design] .public-depth>summary,
html[data-okg-design] .search-refinement>summary {position:relative;display:block;list-style:none;padding-right:54px}
html[data-okg-design] .public-depth>summary::-webkit-details-marker,
html[data-okg-design] .search-refinement>summary::-webkit-details-marker {display:none}
html[data-okg-design] .public-depth>summary::after,
html[data-okg-design] .search-refinement>summary::after {content:"⌄";position:absolute;right:0;top:50%;display:grid;place-items:center;width:44px;height:44px;padding-bottom:5px;transform:translateY(-50%);border:1px solid var(--aeria-control-border);border-radius:50%;background:var(--aeria-g4);color:var(--okg-text);font-size:24px;font-weight:500;line-height:1;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .2s ease}
html[data-okg-design] :is(.public-depth,.search-refinement)[open]>summary::after {transform:translateY(-50%) rotate(180deg)}
html[data-okg-design] .public-depth>summary small {padding-right:8px}
html[data-okg-design] :is(.homepage-section,.model-comparison,.public-depth,.okg-help-topic,.source-entry,[id]) {scroll-margin-top:calc(var(--site-header-height,84px) + 20px)}
html[data-okg-design] :is(.story-copy,.scenario-criteria,.criteria-result) {padding:18px;min-width:0}
/* Audit 2026-09-13: card content keeps one reliable inner rhythm instead of
   receiving a border after an earlier zero-inline-padding layout rule. */
html[data-okg-design] .home-redesign .trust-list article {padding:18px;min-width:0}
html[data-okg-design] .home-redesign .trust-list {gap:16px}
html[data-okg-design] :is(.story-next-step,.scenario-criteria>div) {padding-inline:16px}
html[data-okg-design] :is(.story-tabs,.scenario-tabs,.story-chips,.import-source-chips) {display:flex;flex-wrap:wrap;gap:8px}
html[data-okg-design] :is(.story-tabs,.scenario-tabs,.story-chips) button {min-height:44px;min-width:44px}
html[data-okg-design] :is(.import-source-chips span,.import-step-number) {background:var(--aeria-g3);border-color:var(--aeria-border)}
html[data-okg-design] .model-summary article {border:0;border-bottom:1px solid var(--aeria-border);border-radius:0;background:transparent;box-shadow:none}
html[data-okg-design] .model-summary article {border-inline-start:3px solid var(--aeria-border);padding-inline-start:16px}
html[data-okg-design] .model-summary article:nth-child(2) {border-inline-start-color:var(--okg-accent)}
html[data-okg-design] .model-summary article:nth-child(3) {border-inline-start-color:var(--okg-text-muted)}
html[data-okg-design] .model-summary .model-plan-label {font-weight:700;letter-spacing:.04em}
html[data-okg-design] .model-comparison :is(table,thead,tbody,tr,th,td) {background:transparent;border-color:var(--aeria-border)}
html[data-okg-design] .model-comparison th,html[data-okg-design] .model-comparison td {padding-block:12px}
html[data-okg-design] .model-footnotes {padding-top:8px}
html[data-okg-design] .business-difference-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html[data-okg-design] .business-difference-grid article {background:transparent;box-shadow:none;border:0}
html[data-okg-design] .business-difference-disclosure>summary {position:relative;display:block;list-style:none;min-height:56px;padding:8px 54px 8px 0}
html[data-okg-design] .business-difference-disclosure>summary::-webkit-details-marker {display:none}
html[data-okg-design] .business-difference-disclosure>summary span {display:grid;gap:4px}
html[data-okg-design] .business-difference-disclosure>summary strong {font-size:1.08rem;line-height:1.35}
html[data-okg-design] .business-difference-disclosure>summary small {color:var(--okg-text-muted);font-size:.82rem;font-weight:400;line-height:1.45}
html[data-okg-design] .business-difference-disclosure>summary::after {content:"⌄";position:absolute;right:0;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border:1px solid var(--aeria-control-border);border-radius:50%;background:var(--aeria-g4);font-size:22px;transition:transform .24s ease}
html[data-okg-design] .business-difference-disclosure[open]>summary::after {transform:translateY(-50%) rotate(180deg)}
html[data-okg-design] .business-difference-disclosure>.business-difference-grid {margin-top:14px;padding-top:14px;border-top:1px solid var(--aeria-border)}
html[data-okg-design] .journey-list {gap:16px;margin-bottom:20px}
html[data-okg-design] .journey-list li {background:transparent;box-shadow:none;border:0;padding:8px 0;min-height:0}
html[data-okg-design] .okg-topic-map>:is(div,li) {display:grid;grid-template-columns:minmax(6.5rem,.75fr) minmax(0,1.25fr);gap:6px 12px;align-content:start;align-items:baseline;min-width:0;background:var(--aeria-g3);box-shadow:none;border-color:var(--aeria-border)}
html[data-okg-design] :is(.okg-topic-map small,.okg-topic-map strong) {display:block;line-height:1.45}
html[data-okg-design] .okg-topic-map strong {overflow-wrap:anywhere}
html[data-okg-design] .homepage-faq-list details {background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--aeria-border);border-radius:0}
html[data-okg-design] .homepage-faq-list details[open]>p {background:transparent;padding-inline:0}
html[data-okg-design] :is(.home-redesign,.public-content-page) footer {background:var(--aeria-g2);border-top:1px solid var(--aeria-rim);padding-bottom:max(24px,env(safe-area-inset-bottom));box-shadow:none}
.aeria-accessibility {grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:start;gap:12px 24px;padding-top:16px;border-top:1px solid var(--aeria-border);font-size:.875rem}
.aeria-accessibility label {display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.aeria-accessibility input {width:18px;height:18px;flex:none}
.aeria-contrast-control {font-weight:650}
.aeria-access-options {max-width:32rem;border:0;background:transparent}
.aeria-access-options summary {min-height:44px;padding-block:10px;font-size:.875rem}
.aeria-access-options small {display:block;margin-block:8px;font-size:.8125rem}
html[data-okg-design] .okg-scroll-progress {height:2px;top:auto;bottom:0;z-index:110}
/* One continuous curved strip. Fill and light edge use the same cubic route. */
html[data-okg-design] .experience-thread {contain:none;overflow:hidden;opacity:1;clip-path:inset(0)}
/* Scroll advances the highlight along the fixed route. Moving the complete SVG
   would shift the content anchor and makes the band visually unstable. */
html[data-okg-design] .experience-thread svg {transform:none}
html[data-okg-design] .experience-thread .thread-shadow {opacity:.1}
html[data-okg-design] .experience-thread .thread-glass {opacity:.76}
html[data-okg-design] .experience-thread .thread-back {display:none}
html[data-okg-design] .experience-thread .thread-reflection {opacity:.82;stroke-width:1.7}
html[data-okg-design] .experience-thread .thread-refraction {opacity:.2;stroke-width:4}
html[data-okg-design] .experience-thread .thread-light {opacity:.4;stroke-width:2}
html[data-okg-design] .experience-thread .thread-hairline {opacity:.25}
html[data-okg-design] .experience-thread .thread-ambient {opacity:.7}
/* The route itself starts and ends outside the document canvas. Keep the
   composited layer clipped as one piece so neither edge nor an old section
   ribbon can create a hard cut at the hero/footer boundary. */
html[data-okg-design] body:is(.home-redesign,.public-content-page) .okg-glass-ribbon {display:none!important}
html[data-okg-design] .experience-thread[data-band-form="continuous-cubic"] {inset:0;max-width:100%;border:0}

html[data-okg-design] .public-content-page :is(.contentwrap,.legalwrap,.public-import-crosslink) {width:min(calc(100% - var(--aeria-page-gutter)*2),1120px);margin-inline:auto}
html[data-okg-design] .public-content-page .public-import-crosslink {box-sizing:border-box;margin-block:24px 56px;padding:24px}
html[data-okg-design] .public-co-gifting .topic-content {max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
html[data-okg-design] .public-co-gifting .topic-content>.editorial-section {margin:0;padding:24px}
html[data-okg-design] .public-co-gifting .topic-content>.editorial-section:first-child {grid-row:span 2}
html[data-okg-design] .public-co-gifting .topic-content ol {display:grid;gap:12px;padding-left:1.4rem}

html[data-okg-design] .motion-story[data-story="plan"] .story-scene {align-items:stretch}
html[data-okg-design] .motion-story[data-story="plan"] .story-art {align-self:stretch}
html[data-okg-design] .motion-story[data-story="plan"] .story-product img {max-height:260px;object-fit:cover}
html[data-okg-design] .business-scenario .scenario-criteria {align-content:start}
html[data-okg-design] .business-scenario .scenario-criteria>div {min-height:72px}

html[data-okg-design] .okg-help-topic>summary {position:relative;display:block;list-style:none;min-height:52px;padding:14px 52px 14px 16px}
html[data-okg-design] .okg-help-topic>summary::-webkit-details-marker {display:none}
html[data-okg-design] .okg-help-topic>summary::after {content:"⌄";position:absolute;right:10px;top:50%;display:grid;place-items:center;width:36px;height:36px;transform:translateY(-50%);border:1px solid var(--aeria-control-border);border-radius:50%;background:var(--aeria-g4);font-size:20px;transition:transform .2s ease}
html[data-okg-design] .okg-help-topic[open]>summary::after {transform:translateY(-50%) rotate(180deg)}
html[data-okg-design] footer :is(a,summary) {min-height:44px;display:flex;align-items:center}
@media(max-width:1023px) {
  html.public-drawer-open {overflow:hidden;overscroll-behavior:none}
  html[data-okg-design] .nav.public-menu-open .links {overflow-y:auto;overscroll-behavior:contain;max-height:var(--public-menu-height,calc(100dvh - 110px));padding-bottom:max(20px,env(safe-area-inset-bottom));scrollbar-width:thin;background:var(--aeria-dialog)}
  html[data-okg-design] .nav .audience-panel {max-height:none;overflow:visible;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:0}
  html[data-okg-design] .nav .audience-benefit {background:var(--aeria-g3);box-shadow:none;border:0}
}
@media(max-width:600px) {
  html[data-okg-design],html[data-okg-design] :is([data-okg-local-context],[data-okg-context],[data-okg-preview]) {--aeria-page-gutter:18px;--aeria-section:30px;--aeria-radius-shell:22px;--aeria-radius-card:20px;--aeria-blur-shell:blur(18px) saturate(115%);--aeria-blur-card:blur(14px) saturate(110%)}
  html[data-okg-design] .home-redesign .homepage-hero-grid {padding-block:32px 24px;gap:26px}
  html[data-okg-design] :is(.motion-story,.business-scenario,.criteria-demo,.quick-search-panel,.closing-panel,.import-demo) {padding:16px;gap:16px}
  html[data-okg-design] :is(.story-copy,.scenario-criteria,.criteria-result) {padding:14px;min-height:0}
  html[data-okg-design] .business-difference-grid {grid-template-columns:1fr;gap:12px}
  html[data-okg-design] .model-summary {gap:8px;margin-bottom:16px}
  html[data-okg-design] .model-summary article {padding:10px 0}
  html[data-okg-design] .model-comparison [data-model-row] {padding:12px 0}
  html[data-okg-design] .model-comparison td {padding-block:6px}
  html[data-okg-design] .import-preview li {row-gap:2px}
  html[data-okg-design] :is(.story-tabs,.scenario-tabs,.story-chips) {gap:8px}
  html[data-okg-design] .aeria-accessibility {display:grid;gap:0}
  html[data-okg-design] .public-co-gifting .topic-content {grid-template-columns:1fr;gap:14px}
  html[data-okg-design] .public-co-gifting .topic-content>.editorial-section:first-child {grid-row:auto}
  html[data-okg-design] .okg-topic-map>:is(div,li) {grid-template-columns:1fr;gap:3px}
  html[data-okg-design] .public-content-page .public-import-crosslink {padding:18px}
}
/* Explicit opaque alternatives. These tokens also cover local portal roots. */
html[data-okg-design][data-okg-reduced-transparency=true],html[data-okg-design][data-theme=contrast],
html[data-okg-design] :is([data-okg-local-context],[data-okg-context],[data-okg-preview])[data-okg-reduced-transparency=true],
html[data-okg-design] :is([data-okg-local-context],[data-okg-context],[data-okg-preview])[data-theme=contrast] {
  --aeria-g1:var(--okg-surface);--aeria-g2:var(--okg-surface);--aeria-g3:var(--okg-surface);--aeria-g4:var(--okg-surface);--aeria-header:var(--okg-surface);--aeria-dialog:var(--okg-surface);--aeria-nav-drawer:var(--okg-surface);
  --aeria-blur-shell:none;--aeria-blur-card:none;--aeria-blur-header:none;--aeria-highlight:0 0 transparent;--aeria-shadow:0 0 transparent;
  --aeria-border:var(--okg-border-strong);--aeria-rim:var(--okg-border-strong);--aeria-control-border:var(--okg-border-strong);--aeria-page:var(--okg-canvas);
}
html[data-okg-design][data-theme=contrast],html[data-okg-design] :is([data-okg-local-context],[data-okg-context],[data-okg-preview])[data-theme=contrast] {color-scheme:dark}
html[data-okg-design][data-theme=contrast] :is([data-okg-material],.trust-depth,.nav.public-menu-open .links) {background-image:none}
html[data-okg-design][data-theme=contrast] .experience-thread {display:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-okg-design],html[data-okg-design] :is([data-okg-local-context],[data-okg-context],[data-okg-preview]) {--aeria-g1:var(--okg-surface);--aeria-g2:var(--okg-surface);--aeria-g3:var(--okg-surface);--aeria-g4:var(--okg-surface);--aeria-header:var(--okg-surface);--aeria-dialog:var(--okg-surface);--aeria-nav-drawer:var(--okg-surface);--aeria-blur-shell:none;--aeria-blur-card:none;--aeria-blur-header:none}
}
@media(forced-colors:active) {
  html[data-okg-design],html[data-okg-design] :is([data-okg-local-context],[data-okg-context],[data-okg-preview]) {--aeria-g1:Canvas;--aeria-g2:Canvas;--aeria-g3:Canvas;--aeria-g4:Canvas;--aeria-header:Canvas;--aeria-dialog:Canvas;--aeria-nav-drawer:Canvas;--aeria-page:Canvas;--aeria-border:CanvasText;--aeria-rim:CanvasText;--aeria-control-border:CanvasText;--aeria-blur-shell:none;--aeria-blur-card:none;--aeria-blur-header:none;--aeria-shadow:0 0 transparent}
}
@media print {html[data-okg-design] .experience-thread,.aeria-accessibility{display:none}}
/* Content remains the hero: inner examples are quiet glass, never opaque stages. */
html[data-okg-design] :is(.story-art,.story-art[data-okg-material="S0"],.story-scene,.h40-surface,.h40-narration) {background:var(--aeria-g3);border-color:var(--aeria-border);box-shadow:none}
html[data-okg-design] .story-stages button {min-height:44px;padding:9px 12px;box-shadow:none;border:1px solid var(--aeria-control-border);border-radius:var(--aeria-radius-control);background:var(--aeria-g4)}
html[data-okg-design] .story-stages button[aria-pressed=true] {background:var(--okg-accent-soft);border-color:var(--okg-accent);font-weight:600}
html[data-okg-design] .story-copy .plan-next {border-top:1px solid var(--aeria-border);padding-top:12px}
html[data-okg-design] .plan-next li {background:transparent;border:0;border-radius:0;padding:6px 0;box-shadow:none}
html[data-okg-design] .plan-connection-base {filter:none;stroke:var(--okg-accent);stroke-width:2;opacity:.64}
html[data-okg-design] .plan-connection-light {stroke:rgb(255 255 255 / .94);stroke-width:.9;opacity:.92;filter:drop-shadow(0 0 3px rgb(255 255 255 / .7))}
html[data-okg-design] .plan-connection-tip {stroke:var(--okg-accent);opacity:.9}
html[data-okg-design] .plan-art[data-plan-stage=connect] .plan-groups {padding-left:0}
@container(max-width:430px) {html[data-okg-design] .plan-art[data-plan-stage=connect] .plan-groups{padding-left:48px}}
/* Layout wrappers carry no material. Two intentional translucent layers are
   enough; repeated alpha compositing would turn the same tint opaque again. */
html[data-okg-design] .story-scene,
html[data-okg-design] .public-depth .motion-story {
  background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* Product and caption share one glass card. Match the earlier material-rule
   specificity so the caption cannot accidentally regain a second tint/frame. */
html[data-okg-design] :is(.home-redesign,.public-content-page) .story-product figcaption {background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-okg-design] .story-facts>div {background:transparent;border:0;border-top:1px solid var(--aeria-border);border-radius:0;box-shadow:none}
html[data-okg-design] .selection-principle {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.35fr);gap:10px;align-items:center;margin-top:20px;padding:12px 14px;border-block:1px solid var(--aeria-border);font-size:.875rem;line-height:1.45}
html[data-okg-design] .selection-principle span:not(.selection-principle-arrow) {display:grid;gap:2px}
html[data-okg-design] .selection-principle strong {font-weight:650;color:var(--okg-text)}
html[data-okg-design] .selection-principle-arrow {color:var(--okg-accent);font-size:1.1rem}
html[data-okg-design] .occasion-showcase {margin-top:20px}
html[data-okg-design] [data-public-depth="model-examples"] .value-story-grid-single {grid-template-columns:minmax(0,760px);justify-content:start}
@media(max-width:600px) {
  html[data-okg-design] .selection-principle {grid-template-columns:1fr;gap:6px;padding-inline:0}
  html[data-okg-design] .selection-principle-arrow {transform:rotate(90deg);justify-self:start}
}
html[data-okg-design] .home-redesign .h40 .h40-controls {
  background:var(--aeria-g2);border:1px solid var(--aeria-rim);border-bottom-color:var(--aeria-border);
  box-shadow:var(--aeria-highlight),var(--aeria-shadow);backdrop-filter:var(--aeria-blur-card);-webkit-backdrop-filter:var(--aeria-blur-card);
}
html[data-okg-design] .h40 .h40-transcript ol {background:var(--aeria-g2);border-color:var(--aeria-border);box-shadow:var(--aeria-highlight);backdrop-filter:var(--aeria-blur-card);-webkit-backdrop-filter:var(--aeria-blur-card)}
html[data-okg-design] :is(.public-result-content,.quick-save-note,.okg-person-lens) {
  background:var(--aeria-g3);border-color:var(--aeria-border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
html[data-okg-design] .public-content-page .contenthero {padding:24px}
@media(max-width:600px) {html[data-okg-design] .public-content-page .contenthero {padding:20px 16px}}
html[data-okg-design] :is(.okg-topic-scene,.okg-business-scene) {background:transparent;border:0;box-shadow:none}
html[data-okg-design] dialog[data-okg-material="D1"]>.dialogin {background:transparent;border:0;box-shadow:none;max-height:none;overflow:visible}
html[data-okg-design] dialog[data-okg-material="D1"] {overflow-y:auto;overscroll-behavior:contain}
/* The outer form dialog owns its width and native scrollbar gutter. Its inner
   shell uses the remaining content width, never an independent viewport width. */
/* Percentages follow the modal's available containing block, excluding a
   classic document scrollbar; viewport units can consume its side clearance. */
html[data-okg-design] dialog#modal[data-okg-material="D1"] {width:720px;max-width:calc(100% - 32px)}
@media(max-width:700px) {html[data-okg-design] dialog#modal[data-okg-material="D1"] {max-width:calc(100% - 20px)}}
html[data-okg-design] dialog#modal[data-okg-material="D1"]>.dialogin {box-sizing:border-box;width:100%;max-width:100%;min-inline-size:0}
html[data-okg-design] .site-info-popover::before {content:none}
html[data-okg-design] .scenario-product-unavailable {display:grid;place-items:center;min-height:160px;aspect-ratio:3/2;padding:24px;background:var(--aeria-g3);border:1px solid var(--aeria-border);border-radius:var(--aeria-radius-inner);color:var(--okg-text-muted);text-align:center}
html[data-okg-design] .scenario-product-unavailable[hidden] {display:none}

/* Public hierarchy: contrast is the compact first footer checkbox, while the
   less common transparency and motion choices remain in one disclosure. */
html[data-okg-design] .aeria-accessibility {align-items:start}
html[data-okg-design] .aeria-contrast-control {width:max-content;max-width:100%;padding-right:12px}
html[data-okg-design] .aeria-access-options {width:min(100%,32rem)}
html[data-okg-design] .aeria-access-options>summary {display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:44px;padding:8px 42px 8px 0;position:relative;font-weight:650}
html[data-okg-design] .aeria-access-options>summary::-webkit-details-marker {display:none}
html[data-okg-design] .aeria-access-options>summary::after {content:"⌄";position:absolute;right:8px;top:50%;transform:translateY(-54%);font-size:20px;transition:transform .2s ease}
html[data-okg-design] .aeria-access-options[open]>summary::after {transform:translateY(-46%) rotate(180deg)}
html[data-okg-design] .aeria-access-options-body {display:grid;gap:2px;padding-bottom:8px}

html[data-okg-design] .trust-depth>summary {cursor:pointer;list-style:none;grid-template-columns:minmax(0,1fr) 32px;align-items:center}
html[data-okg-design] .trust-depth>summary::-webkit-details-marker {display:none}
html[data-okg-design] .trust-depth>summary::after {content:"⌄";display:grid;place-items:center;width:32px;height:32px;font-size:20px;transition:transform .2s ease}
html[data-okg-design] .trust-depth[open]>summary::after {transform:rotate(180deg)}
html[data-okg-design] .trust-depth-body {padding-top:4px}

html[data-okg-design] details.footer-group {display:block;border:0;background:transparent;box-shadow:none}
html[data-okg-design] .footer-group>summary {display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:44px;color:var(--okg-text);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
html[data-okg-design] .footer-group>summary::-webkit-details-marker {display:none}
html[data-okg-design] .footer-group>summary::after {content:"⌄";font-size:18px;transition:transform .2s ease}
html[data-okg-design] .footer-group[open]>summary::after {transform:rotate(180deg)}
html[data-okg-design] .footer-group-links {display:grid;gap:6px;padding-top:2px}
html[data-okg-design] .footer-group-links a {min-height:32px;display:flex;align-items:center}

html[data-okg-design] .model-full-comparison {margin-top:16px;border-block:1px solid var(--aeria-border);background:transparent}
html[data-okg-design] .model-key-summary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--aeria-border)}
html[data-okg-design] .model-key-summary li {display:grid;gap:3px;align-content:start;min-width:0;padding:13px 16px 13px 0;border-bottom:1px solid var(--aeria-border)}
html[data-okg-design] .model-key-summary li:nth-child(even) {padding-inline:16px 0;border-left:1px solid var(--aeria-border)}
html[data-okg-design] .model-key-summary strong {min-width:0;overflow-wrap:anywhere;font-size:.8125rem;color:var(--okg-accent-strong,var(--okg-text));text-transform:uppercase;letter-spacing:.045em}
html[data-okg-design] .model-key-summary span {font-size:.875rem;line-height:1.45;color:var(--okg-text)}
html[data-okg-design] .model-full-comparison>summary {position:relative;display:grid;gap:3px;align-content:center;list-style:none;min-height:56px;padding:8px 54px 8px 0;color:var(--okg-text);font-weight:650}
html[data-okg-design] .model-full-comparison>summary::-webkit-details-marker {display:none}
html[data-okg-design] .model-full-comparison>summary small {color:var(--okg-text-muted);font-size:.78rem;font-weight:400;line-height:1.4}
html[data-okg-design] .model-full-comparison>summary::after {content:"⌄";position:absolute;right:0;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border:1px solid var(--aeria-control-border);border-radius:50%;background:var(--aeria-g4);font-size:22px;transition:transform .24s ease}
html[data-okg-design] .model-full-comparison[open]>summary::after {transform:translateY(-50%) rotate(180deg)}
html[data-okg-design] .model-full-comparison-body {padding-top:10px}
html[data-okg-design] .trust-depth {padding:20px;border:1px solid var(--aeria-rim);border-bottom-color:var(--aeria-border);border-radius:var(--aeria-radius-card);background:var(--aeria-g2);background-image:linear-gradient(135deg,rgb(255 255 255 / .24),rgb(255 255 255 / .03) 46%,rgb(112 148 154 / .06));box-shadow:var(--aeria-highlight),var(--aeria-shadow);backdrop-filter:var(--aeria-blur-card);-webkit-backdrop-filter:var(--aeria-blur-card)}
html[data-okg-design] .trust-depth-head {display:grid;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--aeria-border)}
html[data-okg-design] .trust-depth-head h3,html[data-okg-design] .trust-depth-head p {margin:0}
html[data-okg-design] .trust-depth-head h3 {font-size:1.15rem}
html[data-okg-design] .trust-depth-head p {font-size:.875rem;line-height:1.5;color:var(--okg-text-muted)}
html[data-okg-design] .trust-depth .trust-list {margin-top:10px}
html[data-okg-design] .quick-field-error {display:block;color:var(--okg-danger,#8d2636);font-size:.8125rem;font-weight:600;line-height:1.4}
html[data-okg-design] .quick-form-grid>label>.quick-field-error {grid-row:3;align-self:start}
html[data-okg-design] .quick-field-error[hidden] {display:none}
html[data-okg-design] #quickInterests[aria-invalid=true] {border-color:var(--okg-danger,#8d2636);box-shadow:0 0 0 2px color-mix(in srgb,var(--okg-danger,#8d2636) 18%,transparent)}
html[data-okg-design] .public-select-menu {max-height:min(300px,46dvh);overscroll-behavior:contain}

@media(max-width:1023px) {
  html[data-okg-design] .nav.public-menu-open .links {
    isolation:isolate;background:var(--aeria-nav-drawer);background-image:linear-gradient(135deg,rgb(255 255 255 / .22),transparent 52%);
    border:1px solid var(--aeria-rim);box-shadow:var(--aeria-highlight),0 24px 70px -30px rgb(24 45 56 / .58);
    backdrop-filter:var(--aeria-blur-card);-webkit-backdrop-filter:var(--aeria-blur-card)
  }
}
@media(min-width:701px) {
  html[data-okg-design] .footer-group>summary::after {display:none}
  html[data-okg-design] .footer-group>summary {pointer-events:none;min-height:30px}
}
@media(max-width:700px) {
  html[data-okg-design] .home-redesign .h40 .proof-device.h40-device {aspect-ratio:1 / 1.72;height:auto;max-height:none}
  html[data-okg-design] .home-redesign .h40 .h40-screen {display:flex;flex-direction:column;height:100%;min-height:0}
  html[data-okg-design] .home-redesign .h40 :is(.h40-statusbar,.h40-brand) {flex-shrink:0}
  html[data-okg-design] .home-redesign .h40 .h40-live {display:grid;grid-template-rows:auto minmax(0,1fr) auto;flex:1;min-height:0}
  html[data-okg-design] .home-redesign .h40 .h40-scenes {min-height:0;margin-top:0;padding-top:12px}
  html[data-okg-design] .home-redesign .h40 .h40-scene,
  html[data-okg-design] .home-redesign .h40 .h40-scene[hidden] {min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
  html[data-okg-design] .home-redesign .h40 .h40-scene:not([hidden]) {pointer-events:auto}
  html[data-okg-design] .home-redesign .h40 .h40-scene>* {flex-shrink:0}
  html[data-okg-design] .home-redesign .h40 .h40-static {flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  html[data-okg-design] .home-redesign .h40 .h40-scene::-webkit-scrollbar {display:none}
  html[data-okg-design] .cta-arrow-lock {white-space:nowrap}
  html[data-okg-design] :is(.home-redesign,.public-content-page) .footergrid {display:grid;grid-template-columns:1fr;gap:8px}
  html[data-okg-design] :is(.home-redesign,.public-content-page) .footerbrand {grid-column:auto;margin-bottom:4px}
  html[data-okg-design] .footer-group {border-top:1px solid var(--aeria-border)!important}
  html[data-okg-design] .footer-group-links {padding:2px 0 10px}
  html[data-okg-design] .aeria-accessibility {padding-top:8px;margin-top:4px}
  html[data-okg-design] .model-comparison {padding:16px}
  html[data-okg-design] .model-comparison>p {margin-bottom:10px}
  html[data-okg-design] .model-key-summary {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-okg-design] .model-key-summary li {padding:9px 10px 9px 0}
  html[data-okg-design] .model-key-summary li:nth-child(even) {padding:9px 0 9px 10px;border-left:1px solid var(--aeria-border)}
  html[data-okg-design] .model-key-summary span {font-size:.8125rem;line-height:1.38}
  html[data-okg-design] .trust-depth {padding:16px}
  html[data-okg-design] .home-redesign .homepage-section h2 {font-size:clamp(26px,7.4vw,32px);line-height:1.12;max-width:none;text-wrap:balance}
  html[data-okg-design] .home-redesign .homepage-hero h1 {font-size:clamp(30px,8vw,36px);line-height:1.06;max-width:none;text-wrap:balance}
  html[data-okg-design] .public-select-menu {max-height:min(240px,42dvh)}
}
@media(max-width:560px) {
  html[data-okg-design] .appbar .brand-word,
  html[data-okg-design] .appbar .brand-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html[data-okg-design] .appbar .brand {min-width:44px;padding-inline:2px}
  html[data-okg-design] .appbar .app-actions {width:auto;flex-wrap:nowrap}
}
@media(max-width:400px) {
  /* Keep the complete comparison labels legible with wider system fonts too. */
  html[data-okg-design] .model-key-summary {grid-template-columns:minmax(0,1fr)}
  html[data-okg-design] .model-key-summary li,
  html[data-okg-design] .model-key-summary li:nth-child(even) {padding:9px 0;border-left:0}
}
@media(max-width:360px) {
  /* The six concrete differences below already carry the plan scope. On the
     narrowest supported viewport, omit the repeated teaser sentences while
     retaining each plan, its purpose and its 44px action. */
  html[data-okg-design] .model-summary article>p {display:none}
  html[data-okg-design] .model-summary article {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:8px 0}
  html[data-okg-design] .model-summary article :is(.model-plan-label,h3) {grid-column:1;margin:0}
  html[data-okg-design] .model-summary article .model-entry {grid-column:2;grid-row:1 / span 2;max-width:116px;padding-inline:8px}
}
/* A user choice has the same priority as the OS setting, including later,
   more specific disclosure and pseudo-element rules. Content remains visible. */
html[data-okg-reduced-motion="true"],
html[data-okg-reduced-motion="true"] *,
html[data-okg-reduced-motion="true"] *::before,
html[data-okg-reduced-motion="true"] *::after {
  scroll-behavior:auto!important;
  animation:none!important;
  transition:none!important;
}