/* Approved preview's Product Tour and How It Works compositions.
   Structural source: app.567d6883fb.js; materials: active site-liquid-finish.
   Only ap-* page components are scoped here. Load after approved-layout.css. */
.ap-page {
  --ap-ink:var(--opt-ink,#f6f9ff);
  --ap-muted:var(--opt-muted,#d0e0f6);
  --ap-line:#a9c8f63d;
  color:var(--ap-ink);
  padding-bottom:88px;
  overflow-wrap:break-word;
}
.ap-wrap {width:min(1180px,90%);margin-inline:auto;min-width:0;}
:where(.ap-page) :is(h1,h2,h3,p,blockquote,dl,dd):where(:not(#review-architecture *)) {margin:0;}
.ap-page :is(h1,h2,h3):where(:not(#review-architecture *)) {font-weight:500;text-wrap:balance;color:var(--ap-ink);}
.ap-page h1 {font-size:clamp(40px,5.7vw,76px);line-height:1.05;letter-spacing:-.065em;}
.ap-page h2:where(:not(#review-architecture *)) {font-size:clamp(31px,3.6vw,49px);line-height:1.12;letter-spacing:-.055em;}
.ap-page h3:where(:not(#review-architecture *)) {font-size:30px;line-height:1.2;letter-spacing:-.035em;}
.ap-page p:where(:not(#review-architecture *)) {color:var(--ap-muted);line-height:1.7;}
.ap-page h1 em {font-style:normal;color:#bcc8ff;background:linear-gradient(100deg,#ecf5ff 0%,#a8c4ff 52%,#bda9fa 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ap-page-hero {text-align:center;padding:64px 0 42px;max-width:820px;margin:auto;}
.ap-page-hero .ap-eyebrow {margin-bottom:23px;}
.ap-page-hero>.ap-intro {max-width:490px;margin:23px auto 0;font-size:16px;}
.ap-eyebrow {display:block;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:#b4c9ed;}
.ap-section {padding-block:88px;}
.ap-split {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center;}
.ap-split>div {min-width:0;}
.ap-split p:not(.ap-eyebrow) {margin-top:22px;}
.ap-actions {margin-top:28px;}
.ap-primary {display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;max-width:100%;padding:13px 21px;border:1px solid #c4ebff8f;border-radius:12px;color:#f6fbff;background:linear-gradient(160deg,#d8f6ff38,#72c4ff15 44%,#7f78ef33),#184679;box-shadow:inset 0 1px #fff8,inset 0 -1px #143f7899,0 6px 20px #07152b38;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;}
.ap-primary:hover {border-color:#d3f2ff;filter:brightness(1.1);}
.ap-primary>span {flex:none;}
.ap-page :is(a,button,summary,[tabindex]):focus-visible {outline:2px solid #a8deff;outline-offset:5px;}
.ap-glass {position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #afdfff8c;border-radius:24px;background:var(--opt-fill);box-shadow:var(--opt-shadow),inset 0 -10px 22px #03091d38;backdrop-filter:blur(40px) saturate(165%);-webkit-backdrop-filter:blur(40px) saturate(165%);}
.ap-glass::before {content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--opt-edge);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;}
.ap-liquid-face {position:absolute;inset:1px;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1;box-shadow:inset 0 1px 1px #ffffff66,inset 0 -8px 20px #03091d30;}
.ap-liquid-face i {position:absolute;left:-12%;right:-12%;top:-48%;height:98%;border-radius:0 0 48% 48%;background:linear-gradient(163deg,#f2feff66,#d7f9ff26 46%,#80e6ff04 80%);box-shadow:0 1px 1px #e8ffff18;transform:rotate(-5deg);}
.ap-liquid-face b {position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 8% 8%,#ffffff18,transparent 48%),radial-gradient(ellipse at 100% 100%,#d7a6ff20,transparent 55%);}
.ap-tour-tabs {display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:28px;}
.ap-tour-tabs[hidden],.ap-tour-panel[hidden] {display:none!important;}
.ap-tab {min-height:44px;padding:10px 18px;border:1px solid #879cce64;border-radius:30px;background:#13224066;font:inherit;font-size:12px;font-weight:500;line-height:1.5;color:#bbceeb;cursor:pointer;}
.ap-tab[aria-selected="true"] {background:#aca1ff25;color:#f2f3ff;border-color:#b4a7ff87;box-shadow:inset 0 1px #eeeaff40;}
.ap-stage {position:relative;isolation:isolate;padding:38px 0 55px;margin-bottom:30px;}
.ap-widepreview {min-height:440px;padding:36px;}
.ap-tourcontent {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:50px;align-items:center;}
.ap-tourcontent .ap-scene-copy>p:not(.ap-eyebrow) {margin:20px 0;font-size:14px;}
.ap-scene-copy>.ap-eyebrow {margin-bottom:18px;}
.ap-scene-copy h2 {font-size:clamp(30px,3.2vw,43px);}
.ap-document {min-width:0;background:#a8bcff0a;border:1px solid #8dabe659;border-radius:12px;padding:27px;}
.ap-document-top {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ap-document .ap-source-reference {margin-top:15px;font-size:12px;color:#c3d4ee;}
.ap-docline {height:6px;border-radius:4px;background:#aec5f52c;margin:12px 0;}
.ap-docline.ap-short {width:65%;}
.ap-quote {padding:16px;border-left:2px solid #a08bff;background:#ac91ff13;color:#e2e9fa;font-size:13px;line-height:1.7;margin:22px 0;}
.ap-document .ap-note {background:#8b78ee0c;border-left:2px solid #a38cff;padding:15px 19px;font-size:12px;color:#c1d0e9;margin-top:27px;}
.ap-badge {display:inline-block;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.025em;padding:4px 8px;border-radius:6px;border:1px solid #a7bcf64d;background:#a19df91c;color:#dfe6ff;}
.ap-badge.ap-warning {border-color:rgb(var(--status-amber-rgb) / 0.6);background:linear-gradient(125deg,rgb(var(--status-amber-rgb) / 0.070588235),rgb(var(--status-amber-rgb) / 0.031372549)),#182538;color:var(--status-amber-accent);box-shadow:inset 2px 0 var(--status-amber-edge);}
.ap-demo-boundary {max-width:660px;margin:-23px auto 0!important;text-align:center;font-size:12px;}
.ap-plate {padding:40px;min-height:310px;}
.ap-plate>.ap-eyebrow {margin-bottom:25px;}
.ap-record {margin-top:20px;}
.ap-record>div {display:flex;justify-content:space-between;gap:22px;font-size:11px;line-height:1.65;border-bottom:1px solid #a9bafb35;padding:16px 0;color:#c1d2ec;}
.ap-record>div:last-child {border-bottom:0;}
.ap-record dt {flex-shrink:0;font-weight:400;}
.ap-record dd {text-align:right;max-width:65%;color:#eff4ff;}
.ap-workflow {position:relative;list-style:none;margin:0;padding:0 0 50px;}
.ap-flow-step {display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1.2fr);gap:38px;align-items:center;padding:55px 0;border-bottom:1px solid #99afe125;}
.ap-step-number {white-space:nowrap;font-variant-numeric:tabular-nums;font-size:58px;line-height:1;color:#acbde875;letter-spacing:-5px;font-weight:400;}
.ap-step-copy h2 {font-size:30px;line-height:1.2;letter-spacing:-.035em;}
.ap-step-copy p {font-size:14px;margin-top:16px;}
.ap-miniwork {padding:25px;}
.ap-flowchip {display:flex;align-items:center;gap:12px;margin:12px 0!important;padding:15px;border-radius:10px;background:#d3e3ff09;border:1px solid #acb8ec38;font-size:12px;}
.ap-boundary-split .ap-eyebrow {margin-bottom:23px;}
.ap-boundary-split>div>p:not(.ap-eyebrow) {margin-top:0;}
.ap-how-page #review-architecture {padding:12px 0 72px;}
.ap-how-page #review-architecture .ra-container {width:100%;max-width:none;}
.ap-supporting {border-top:1px solid var(--ap-line);padding-top:24px;}
.ap-supporting-detail {border-bottom:1px solid var(--ap-line);}
.ap-supporting-detail>summary {cursor:pointer;min-height:56px;display:list-item;padding:17px 8px;font-size:14px;color:var(--ap-muted);}
.ap-supporting-detail>summary::marker {color:#aebafa;}
.ap-supporting-body {padding-block:20px 40px;}
.ap-supporting-body>section {padding-block:30px!important;}
.ap-supporting-body .container {width:100%!important;max-width:none!important;}
.ap-supporting-body :is(h2,h3) {font-size:clamp(24px,3vw,36px)!important;}
@media (max-width:1000px) {
  .ap-split {gap:45px;}
  .ap-tourcontent {gap:25px;}
  .ap-flow-step {grid-template-columns:55px minmax(0,1fr) minmax(0,1.1fr);gap:25px;}
  .ap-primary {gap:16px;}
}
@media (max-width:760px) {
  .ap-page {padding-bottom:60px;}
  .ap-page h1 {font-size:44px;}
  .ap-page h2:where(:not(#review-architecture *)) {font-size:33px;}
  .ap-page-hero {padding:43px 5% 22px;}
  .ap-page-hero>.ap-intro {font-size:14px;margin-top:22px;}
  .ap-eyebrow {font-size:9px;}
  .ap-section {padding-block:60px;}
  .ap-split {grid-template-columns:minmax(0,1fr);gap:32px;}
  .ap-plate {padding:27px;min-height:270px;}
  .ap-stage {padding:25px 0 55px;margin:0;}
  .ap-tourcontent {grid-template-columns:minmax(0,1fr);gap:18px;}
  .ap-widepreview {min-height:0;padding:25px 20px;}
  .ap-tour-tabs {gap:7px;margin-bottom:20px;}
  .ap-tab {padding-inline:13px;}
  .ap-document {padding:19px;}
  .ap-document .ap-note {padding:13px 14px;}
  .ap-demo-boundary {margin-top:-22px!important;}
  .ap-flow-step {grid-template-columns:48px minmax(0,1fr);gap:18px;padding:35px 0;}
  .ap-step-number {font-size:38px;letter-spacing:-2px;}
  .ap-step-copy h2 {font-size:28px;}
  .ap-miniwork {grid-column:1/-1;}
  .ap-how-page #review-architecture {padding-bottom:35px;}
}
@media (max-width:360px) {
  .ap-page h1 {font-size:39px;}
  .ap-page-hero {padding-inline:0;}
  .ap-tab {padding-inline:10px;font-size:11px;}
  .ap-document {padding:16px;}
  .ap-record>div {gap:12px;}
}
body[data-theme="light"] .ap-page,
body[data-appearance="light"] .ap-page,
html[data-theme="light"] .ap-page {
  --ap-ink:#15253f;--ap-muted:#344c6d;--ap-line:#49689340;
}
body[data-theme="light"] .ap-page h1 em,
body[data-appearance="light"] .ap-page h1 em,
html[data-theme="light"] .ap-page h1 em {background:none;-webkit-text-fill-color:currentColor;color:#3b4d90;}
body[data-theme="light"] .ap-page :is(.ap-eyebrow,.ap-record>div,.ap-source-reference,.ap-note),
body[data-appearance="light"] .ap-page :is(.ap-eyebrow,.ap-record>div,.ap-source-reference,.ap-note),
html[data-theme="light"] .ap-page :is(.ap-eyebrow,.ap-record>div,.ap-source-reference,.ap-note) {color:#344c6d;}
body[data-theme="light"] .ap-glass,
body[data-appearance="light"] .ap-glass,
html[data-theme="light"] .ap-glass {background:linear-gradient(145deg,#ffffffbf,#f0f4ffb8 47%,#e1ddf8aa);border-color:#7896bd88;box-shadow:inset 0 1px #fff,0 15px 55px #304f7920;}
body[data-theme="light"] .ap-page :is(.ap-quote,.ap-record dd,.ap-badge),
body[data-appearance="light"] .ap-page :is(.ap-quote,.ap-record dd,.ap-badge),
html[data-theme="light"] .ap-page :is(.ap-quote,.ap-record dd,.ap-badge) {color:#263859;}
body[data-theme="light"] .ap-tab,
body[data-appearance="light"] .ap-tab,
html[data-theme="light"] .ap-tab {color:#324b70;background:#dce5f333;border-color:#6682b35f;}
body[data-theme="light"] .ap-tab[aria-selected="true"],
body[data-appearance="light"] .ap-tab[aria-selected="true"],
html[data-theme="light"] .ap-tab[aria-selected="true"] {color:#29326c;background:#b7b6ed40;border-color:#706fba;}
body[data-theme="light"] .ap-warning,
body[data-appearance="light"] .ap-warning,
html[data-theme="light"] .ap-warning {background:var(--status-amber-base);color:var(--status-amber-accent);border-color:var(--status-amber-edge);}
@media (prefers-reduced-transparency:reduce) {
  .ap-glass {background:#14213b;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .ap-liquid-face {display:none;}
}
@media (forced-colors:active) {
  .ap-glass,.ap-document,.ap-tab,.ap-primary,.ap-badge {background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none;}
  .ap-page h1 em {-webkit-text-fill-color:CanvasText;background:none;color:CanvasText;}
  .ap-liquid-face,.ap-glass::before,.ap-docline {display:none;}
  .ap-tab[aria-selected="true"] {border:2px solid Highlight;color:Highlight;}
  .ap-page :is(a,button,summary,[tabindex]):focus-visible {outline-color:Highlight;}
}
@media print {
  .ap-page {--ap-ink:#15253f;--ap-muted:#344c6d;--ap-line:#49689340;}
  .ap-glass,.ap-document,.ap-quote,.ap-note,.ap-flowchip,.ap-primary,.ap-badge {background:white!important;color:#15253f!important;box-shadow:none!important;backdrop-filter:none!important;border-color:#496893!important;}
  .ap-liquid-face,.ap-glass::before,.ap-tour-tabs {display:none!important;}
  .ap-tour-panel[hidden] {display:block!important;}
  .ap-page h1 em {background:none;-webkit-text-fill-color:currentColor;color:#15253f;}
  .ap-stage {break-inside:avoid;padding-block:20px;}
  .ap-flow-step {break-inside:avoid;}
}