:root{--ink:#173A36;--text:#294B47;--muted:#617A76;--brand:#2D9D8E;--brand-dark:#1E7469;--soft:#EEF9F6;--line:#D7E7E3;--surface:#fff;--warm:#F7A65C;--shadow:0 18px 48px rgba(25,67,61,.12);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{color-scheme:light;background:#F5FBF9;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,#DDF4EF 0,transparent 35%),#F5FBF9;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;padding:10px 14px;border-radius:12px;background:#fff;color:var(--ink);font-weight:800}.skip-link:focus{top:12px}.demo-app{min-height:100dvh}.demo-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + var(--safe-top)) clamp(16px,4vw,42px) 12px;border-bottom:1px solid rgba(215,231,227,.82);background:rgba(245,251,249,.9);backdrop-filter:blur(18px)}.demo-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.demo-brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 8px 22px rgba(45,157,142,.2)}.demo-brand strong,.demo-brand small{display:block}.demo-brand strong{color:var(--ink);font-size:1.08rem}.demo-brand small{color:var(--muted);font-size:.76rem;font-weight:750}.demo-header-actions{display:flex;gap:8px}.button,.icon-button,.text-button,.back-button,.outcome-button{font:inherit;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:14px;font-weight:850;text-decoration:none}.button.primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(45,157,142,.22)}.button.quiet{border-color:var(--line);background:#fff;color:var(--ink)}.button:disabled{opacity:.48;cursor:not-allowed}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-weight:900}.text-button,.back-button{border:0;background:transparent;color:var(--brand-dark);font-weight:850}.sample-banner{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:9px 16px;background:#173A36;color:#fff;text-align:center;font-size:.83rem}.sample-banner span{opacity:.86}.demo-main{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:22px 0 calc(54px + var(--safe-bottom));outline:none}.demo-role-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:9px 12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.78)}.demo-role-banner>span{color:var(--ink);font-size:.77rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.demo-screen{min-height:65vh}.screen-shell{display:grid;gap:18px}.screen-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#fff,#EBF8F5);box-shadow:var(--shadow)}.screen-heading.compact{align-items:start}.eyebrow{display:block;color:var(--brand-dark);font-size:.73rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.screen-heading h1,.client-phone-frame h1{margin:5px 0 0;color:var(--ink);font-size:clamp(1.75rem,5vw,3rem);line-height:1.02;letter-spacing:-.045em}.screen-heading p,.client-phone-frame>p{margin:9px 0 0;color:var(--muted);max-width:58ch}.report-card,.diff-card,.privacy-card,.success-banner,.guided-banner,.side-explainer,.completion-card{padding:18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(25,67,61,.06)}.report-card h2,.diff-card h2,.completion-card h2,.side-explainer h2{margin:7px 0 0;color:var(--ink);font-size:1.08rem;line-height:1.18;letter-spacing:-.025em}.report-card p,.diff-card p,.privacy-card p,.guided-banner p,.completion-card p,.side-explainer p{margin:5px 0 0;color:var(--muted);font-size:.87rem}.status-chip,.version-chip,.diff-label{display:inline-flex;min-height:25px;align-items:center;padding:4px 9px;border-radius:999px;background:#FFF2E7;color:#8A4B17;font-size:.68rem;font-weight:950}.version-chip{background:#EFF5F3;color:#526A66;white-space:nowrap}.privacy-card{background:#173A36;color:#fff}.privacy-card strong{font-size:.95rem}.privacy-card p{color:rgba(255,255,255,.82)}.guided-banner{display:flex;align-items:center;gap:13px;border-color:rgba(247,166,92,.46);background:#FFF7EF}.guided-banner span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#F7A65C;color:#4C2A0C;font-size:.7rem;font-weight:950}.guided-banner p{margin:0;color:#694827}.back-button{justify-self:start;padding:6px 0}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-card{position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#7E9D97}.report-card.helpful:before{background:#2D9D8E}.report-card.attention:before{background:#D56C54}.report-card.notTried:before{background:#8B99A5}.report-card strong{display:block;margin-top:12px;color:var(--ink)}.report-card blockquote{margin:12px 0 0;padding:10px 12px;border-left:3px solid #D56C54;background:#FFF5F2;color:#6B3C32;font-size:.84rem}.success-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;border-color:rgba(45,157,142,.5);background:#EAF8F4}.success-banner strong{color:var(--ink)}.success-banner span{color:var(--muted);font-size:.82rem}.primary-row{display:flex;justify-content:flex-end}.diff-list{display:grid;gap:12px}.diff-card{display:grid;gap:10px;grid-template-columns:minmax(130px,.3fr) 1fr;align-items:start}.diff-card .diff-label{justify-self:start}.diff-card h2{grid-column:1}.diff-line{grid-column:2}.diff-line small{color:var(--muted);font-size:.69rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.diff-line p{color:var(--ink);font-size:.94rem}.diff-card.changed{border-left:6px solid #D56C54}.diff-card.added{border-left:6px solid #2D9D8E}.diff-card.unchanged{border-left:6px solid #8B99A5}.client-shell{grid-template-columns:minmax(0,520px) minmax(260px,1fr);align-items:start}.client-phone-frame{display:grid;gap:15px;padding:clamp(20px,4vw,30px);border:1px solid var(--line);border-radius:34px;background:#fff;box-shadow:var(--shadow)}.client-phone-frame h1{font-size:clamp(1.6rem,4vw,2.4rem)}.client-notice{padding:13px;border-radius:18px;background:#EEF8F5}.client-notice strong{color:var(--ink)}.client-notice p{margin:5px 0 0;color:var(--muted);font-size:.84rem}.client-support-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.client-support-list li,.client-support-focus,.client-diff-list>div,.disclosure-list>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:17px;background:#FAFCFB}.client-support-list strong,.client-support-focus strong,.client-diff-list strong{color:var(--ink)}.client-support-list span,.client-support-focus span,.client-diff-list p{color:var(--muted);font-size:.81rem}.client-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-explainer,.completion-card{position:sticky;top:112px}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.outcome-button{min-height:45px;padding:9px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);font-weight:780}.outcome-button.selected{border-color:var(--brand);background:var(--soft);color:var(--brand-dark)}.nothing-sent{margin:0;color:var(--muted);font-size:.82rem}.disclosure-list{display:grid;gap:8px;margin:0}.disclosure-list>div{grid-template-columns:minmax(110px,.4fr) 1fr}.disclosure-list dt{color:var(--muted);font-size:.75rem;font-weight:900}.disclosure-list dd{margin:0;color:var(--ink);font-size:.85rem;font-weight:780}.client-diff-list{display:grid;gap:8px}.client-diff-list span{color:var(--brand-dark);font-size:.68rem;font-weight:950;text-transform:uppercase}.completion-card{display:grid;gap:11px}.welcome-layer,.info-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(17,45,41,.56);backdrop-filter:blur(10px)}.welcome-layer[hidden],.info-layer[hidden]{display:none!important}.welcome-card,.info-card{position:relative;width:min(570px,100%);padding:clamp(22px,5vw,38px);border:1px solid rgba(255,255,255,.5);border-radius:30px;background:#fff;box-shadow:0 28px 90px rgba(12,35,32,.28)}.welcome-card h1,.info-card h2{margin:7px 0 0;color:var(--ink);font-size:clamp(2rem,7vw,3.4rem);line-height:1;letter-spacing:-.05em}.info-card h2{font-size:1.65rem}.welcome-card p,.info-card p{color:var(--muted)}.welcome-close{position:absolute;right:14px;top:14px}.welcome-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}.welcome-card small{color:var(--muted);font-weight:750}.info-head{display:flex;justify-content:space-between;gap:16px}.info-card>.button{width:100%}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:3px solid #173A36;outline-offset:3px}@media(max-width:850px){.report-grid{grid-template-columns:1fr}.client-shell{grid-template-columns:1fr}.side-explainer,.completion-card{position:static}.diff-card{grid-template-columns:1fr}.diff-card h2,.diff-line{grid-column:1}}@media(max-width:620px){.demo-header{padding-inline:14px}.demo-header .button.quiet{padding-inline:10px;font-size:.78rem}.demo-main{width:min(100% - 20px,1180px);padding-top:14px}.screen-heading{display:grid;padding:18px;border-radius:24px}.screen-heading>.button{width:100%}.success-banner{display:grid}.client-actions,.outcome-grid{grid-template-columns:1fr}.demo-role-banner{align-items:flex-start}.demo-role-banner .text-button{text-align:right}.sample-banner{font-size:.76rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--line:#47605C}.report-card,.diff-card,.screen-heading,.client-phone-frame{box-shadow:none;border-width:2px}}@media(forced-colors:active){.button,.icon-button,.report-card,.diff-card,.screen-heading,.client-phone-frame,.privacy-card{forced-color-adjust:auto;border:1px solid ButtonText}}
.plan-support-list{display:grid;gap:11px}.plan-support-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;padding:17px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 9px 24px rgba(25,67,61,.06)}.plan-support-card h2{margin:0;color:var(--ink);font-size:1.04rem}.plan-support-card p{margin:5px 0 0;color:var(--muted);font-size:.84rem}.plan-support-card p strong{color:var(--ink)}.support-order{display:grid;place-items:center;width:31px;height:31px;border-radius:999px;background:var(--soft);color:var(--brand-dark);font-weight:950}@media(max-width:620px){.plan-support-card{grid-template-columns:auto 1fr}.plan-support-card>.button{grid-column:1/-1;width:100%}}

.cross-device-demo-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px;border:1px solid rgba(45,157,142,.5);border-radius:25px;background:linear-gradient(145deg,#fff,#eaf8f4);box-shadow:0 14px 34px rgba(45,157,142,.12)}.cross-device-demo-card h2{margin:6px 0 0;color:var(--ink);font-size:1.25rem}.cross-device-demo-card p{margin:6px 0 0;color:var(--muted)}.cross-device-qr{grid-row:1/4;grid-column:2;display:grid;place-items:center;padding:10px;border-radius:16px;background:#fff}.cross-device-qr svg{display:block;width:min(32vw,290px);height:auto}.cross-device-status{grid-column:1;padding:10px 12px;border-radius:13px;background:#fff;font-weight:750}.cross-device-actions{grid-column:1;display:flex;gap:8px;flex-wrap:wrap}.cross-device-demo-card .client-notice{grid-column:1/-1}.cross-device-demo-card .nothing-sent{grid-column:1/-1}@media(max-width:760px){.cross-device-demo-card{grid-template-columns:1fr}.cross-device-qr{grid-column:1;grid-row:auto}.cross-device-qr svg{width:min(100%,300px)}.cross-device-status,.cross-device-actions{grid-column:1}}

/* SC-SSP-09D demo parity: flatter professional workflow */
.demo-builder{gap:20px}.demo-builder-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.demo-builder-top h1{margin:5px 0 0;color:var(--ink);font-size:clamp(1.7rem,4vw,2.6rem)}.demo-builder-top p{margin:5px 0 0;color:var(--muted)}.demo-step-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line)}.demo-step-nav button{display:flex;align-items:center;gap:8px;justify-content:center;padding:11px 8px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:800}.demo-step-nav button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef4f2;font-size:.75rem}.demo-step-nav button.active{border-bottom-color:var(--brand);color:var(--ink)}.demo-step-nav button.active span,.demo-step-nav button.done span{background:var(--brand);color:#fff}.demo-builder-body{padding:6px 0 4px}.demo-builder-fields{display:grid;gap:16px;max-width:760px}.demo-builder-fields label,.demo-config-fields label{display:grid;gap:7px;color:var(--ink);font-weight:850}.demo-builder-fields input,.demo-builder-fields textarea,.demo-config-fields input,.demo-config-fields textarea,.demo-expiry select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfa;color:var(--text);font:inherit}.demo-builder-fields textarea,.demo-config-fields textarea{min-height:100px;resize:vertical}.demo-moment-list,.demo-pick-list,.demo-config-list{display:grid;max-width:820px}.demo-moment,.demo-pick-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:inherit;font-weight:800}.demo-moment span,.demo-pick-row b{color:var(--brand-dark);font-size:.8rem}.demo-pick-row span{display:grid;gap:3px}.demo-pick-row small{color:var(--muted);font-weight:650}.demo-pick-row.selected{color:var(--brand-dark)}.demo-source-tabs{display:flex;gap:4px;max-width:650px;padding:4px;border-radius:14px;background:#eef4f2}.demo-source-tabs button{flex:1;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:800}.demo-source-tabs button.active{background:#fff;color:var(--brand-dark);box-shadow:0 2px 7px rgba(25,67,61,.08)}.demo-inline-note{color:var(--muted)}.demo-config-row{border-bottom:1px solid var(--line)}.demo-config-row summary{display:flex;justify-content:space-between;gap:15px;padding:16px 2px;cursor:pointer}.demo-config-row summary span{display:grid;gap:3px}.demo-config-row summary small{color:var(--muted);font-weight:650}.demo-config-row summary b{color:var(--brand-dark);font-size:.8rem}.demo-config-fields{display:grid;gap:14px;padding:0 0 18px 34px;max-width:760px}.demo-builder-actions{position:sticky;bottom:10px;display:flex;justify-content:space-between;gap:10px;padding:10px 0;background:linear-gradient(180deg,rgba(245,251,249,0),#f5fbf9 28%)}.demo-share-flat{display:grid;gap:10px;padding:4px 0 20px;border-bottom:1px solid var(--line)}.demo-share-flat h2{margin:0;color:var(--ink);font-size:1.35rem}.demo-share-flat p{margin:0 0 7px;color:var(--muted)}.demo-share-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-expiry,.demo-delete{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;margin-top:6px}.demo-expiry select{width:auto;padding:9px 35px 9px 11px}.demo-delete input{width:20px;height:20px;accent-color:var(--brand)}.demo-security{padding:4px 0;border-bottom:1px solid var(--line)}.demo-security summary{padding:12px 0;color:var(--ink);font-weight:850;cursor:pointer}.demo-security dl{margin:0 0 12px}.demo-security dl>div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:8px 0}.demo-security dt{color:var(--muted);font-weight:750}.demo-security dd{margin:0;color:var(--ink)}
/* flatten high-frequency demo cards to match production hierarchy */
.report-grid,.report-card{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.plan-support-list{gap:0;border-top:1px solid var(--line)}.plan-support-card{padding:16px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.privacy-card,.guided-banner,.success-banner{border-radius:16px;box-shadow:none}.diff-list{gap:0;border-top:1px solid var(--line)}.diff-card{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.diff-card.changed,.diff-card.added,.diff-card.unchanged{border-left:4px solid}.cross-device-demo-card{border-radius:18px;box-shadow:none}
@media(max-width:760px){.demo-builder-top{align-items:stretch;display:grid}.demo-step-nav{display:flex;overflow-x:auto;justify-content:flex-start}.demo-step-nav button{min-width:118px;justify-content:flex-start}.demo-builder-actions{bottom:0}.demo-builder-actions .button{flex:1}.demo-share-actions{display:grid}.demo-security dl>div{grid-template-columns:1fr;gap:3px}}


/* SC-SSP-09F demo parity: reusable custom supports + dedicated support editor */
.demo-custom-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin:14px 0 4px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.demo-custom-head strong,.demo-custom-head small{display:block}
.demo-custom-head small{margin-top:3px;color:var(--muted);font-weight:650}
.demo-config-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0 10px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
}
.demo-config-summary strong{color:var(--ink)}
.demo-config-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:13px 2px;
  border-bottom:1px solid var(--line);
}
.demo-config-row>div{display:grid;gap:3px;min-width:0}
.demo-config-row>div strong{color:var(--ink)}
.demo-config-row>div small{overflow:hidden;color:var(--muted);font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.demo-edit-button{min-height:38px;padding:7px 12px}
.demo-more-menu{position:relative}
.demo-more-menu>summary{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  list-style:none;
  border:1px solid var(--line);
  border-radius:12px;
  color:var(--ink);
  font-weight:950;
  cursor:pointer;
}
.demo-more-menu>summary::-webkit-details-marker{display:none}
.demo-more-menu>div{
  position:absolute;
  top:46px;
  right:0;
  z-index:10;
  display:grid;
  width:170px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 14px 32px rgba(25,67,61,.16);
}
.demo-more-menu button{
  min-height:38px;
  padding:8px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:.76rem;
  font-weight:800;
  text-align:left;
}
.demo-more-menu button:disabled{opacity:.4}
.demo-more-menu button.danger{color:#9B352F}
.demo-support-editor-layer{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  justify-items:end;
}
.demo-support-editor-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(12,30,28,.34);
  backdrop-filter:blur(3px);
}
.demo-support-editor{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(560px,72vw);
  height:100dvh;
  background:#fff;
  box-shadow:-22px 0 55px rgba(25,67,61,.18);
}
.demo-support-editor header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:22px;
  border-bottom:1px solid var(--line);
}
.demo-support-editor h2{margin:4px 0 2px;color:var(--ink);font-size:1.25rem}
.demo-support-editor header p{margin:0;color:var(--muted);font-size:.78rem}
.demo-support-editor-body{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  overflow:auto;
  padding:20px 22px 26px;
}
.demo-support-editor-body label{display:grid;gap:7px;color:var(--ink);font-weight:850}
.demo-support-editor-body label.wide{grid-column:1/-1}
.demo-support-editor-body input,
.demo-support-editor-body textarea,
.demo-support-editor-body select{
  width:100%;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#F8FBFA;
  color:var(--text);
  font:inherit;
}
.demo-support-editor-body textarea{min-height:120px;resize:vertical}
.demo-editor-more{
  grid-column:1/-1;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.demo-editor-more>summary{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;
  color:var(--ink);
  font-weight:850;
  cursor:pointer;
}
.demo-editor-more>summary span{color:var(--muted);font-size:.72rem;font-weight:650}
.demo-editor-more>div{display:grid;gap:12px;padding-bottom:16px}
.demo-safety-note{
  margin:0;
  padding:12px 14px;
  border-left:4px solid #D5A958;
  border-radius:10px;
  background:#FFF9EF;
  color:#5D4930;
}
.demo-support-editor footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 22px calc(12px + var(--safe-bottom));
  border-top:1px solid var(--line);
}
.demo-support-editor footer span{color:var(--muted);font-size:.74rem;font-weight:750}

@media(max-width:1024px){
  .demo-support-editor{width:min(540px,82vw)}
}
@media(max-width:700px){
  .demo-custom-head{display:grid}
  .demo-custom-head .button{width:100%}
  .demo-config-row{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px}
  .demo-config-row .support-order{width:28px;height:28px}
  .demo-edit-button{padding-inline:9px;font-size:.75rem}
  .demo-support-editor-layer{align-items:end}
  .demo-support-editor{
    width:100%;
    height:min(90dvh,860px);
    border-radius:24px 24px 0 0;
    box-shadow:0 -18px 50px rgba(25,67,61,.22);
  }
  .demo-support-editor header{padding:17px 16px 14px}
  .demo-support-editor-body{grid-template-columns:1fr;padding:16px}
  .demo-support-editor-body label.wide,.demo-editor-more{grid-column:auto}
  .demo-editor-more>summary{display:grid;gap:2px}
  .demo-support-editor footer{padding:10px 16px calc(10px + var(--safe-bottom))}
  .demo-support-editor footer span{display:none}
  .demo-support-editor footer .button{width:100%}
}
@media(forced-colors:active){
  .demo-config-row,.demo-config-summary,.demo-more-menu>summary,.demo-more-menu>div,.demo-support-editor,.demo-support-editor header,.demo-support-editor footer,.demo-editor-more{border-color:ButtonText}
}

/* SC-SSP-09G — demo client surfaces mirror the flatter production recipient experience. */
.client-phone-frame{gap:16px;box-shadow:0 14px 38px rgba(25,67,61,.08)}
.client-notice{padding:11px 13px;border-radius:0 12px 12px 0;border-left:4px solid var(--brand);background:#EEF8F5}
.client-support-list{gap:0;border-top:1px solid var(--line)}
.client-support-list li{
  padding:13px 0;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.client-support-focus{padding:13px 0;border:0;border-block:1px solid var(--line);border-radius:0;background:transparent}
.client-diff-list{gap:0;border-top:1px solid var(--line)}
.client-diff-list>div{padding:13px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.disclosure-list{gap:0;border-top:1px solid var(--line)}
.disclosure-list>div{padding:11px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
@media(min-width:900px){
  .client-phone-frame{max-width:620px}
}
@media(max-width:620px){
  .client-phone-frame{padding:18px 16px;border-radius:24px;box-shadow:0 8px 26px rgba(25,67,61,.07)}
}

/* SC-SSP-09H PR1 demo parity — canonical SensyCues moments */
.demo-moment-step{display:grid;gap:14px;max-width:820px}.demo-moment-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-moment-mode button{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);text-align:left;font:inherit}.demo-moment-mode button strong{font-weight:850}.demo-moment-mode button span{color:var(--muted);font-size:.82rem}.demo-moment-mode button.active{border-color:var(--brand);background:#f4fbf8}.demo-moment-step .demo-inline-note{margin:0;padding:11px 13px;border-left:3px solid var(--brand);background:#f8fbfa;line-height:1.45}@media(max-width:700px){.demo-moment-mode{grid-template-columns:1fr}.demo-moment-step .demo-inline-note{font-size:.92rem}}

/* SC-SSP-09H PR2: canonical client moment + Today-view parity */
.client-moment-note{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}
.client-moment-list{display:grid;gap:0;border-top:1px solid var(--line)}
.client-moment-group{display:grid;gap:0;padding:14px 0;border-bottom:1px solid var(--line)}
.client-moment-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:6px}
.client-moment-heading strong{color:var(--brand-dark);font-size:.76rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.client-moment-heading span{color:var(--muted);font-size:.72rem;font-weight:760}
.client-moment-support{display:grid;gap:4px;padding:10px 0}
.client-moment-support+ .client-moment-support{border-top:1px solid var(--line)}
.client-moment-support>strong{color:var(--ink)}
.client-moment-support>span{color:var(--muted);font-size:.81rem}
.demo-today-view{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:11px 0;border-block:1px solid var(--line)}
.demo-today-view>span{color:var(--muted);font-size:.75rem;font-weight:850}
.demo-today-view>strong{color:var(--ink);font-size:.86rem}
.demo-today-view>small{grid-column:1/-1;color:var(--muted);font-size:.74rem;line-height:1.4}
.client-support-secondary{opacity:.92}
@media(min-width:700px){.client-moment-group{grid-template-columns:minmax(125px,.27fr) minmax(0,1fr);column-gap:18px}.client-moment-heading{display:grid;align-content:start;justify-content:stretch}.client-moment-support{grid-column:2}.client-moment-support:first-of-type{padding-top:0}}


/* SC-SSP-09I — demo client reuse parity */
.demo-client-choice-list{display:grid;gap:0;border-top:1px solid var(--line)}.demo-client-choice{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.demo-client-choice h2{margin:5px 0 2px;font-size:1rem}.demo-client-choice p{margin:0;color:var(--muted);font-size:.84rem}.demo-client-choice>.button{min-width:145px}.demo-new-client-form{display:grid;gap:12px;max-width:620px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-new-client-form label{display:grid;gap:6px;font-weight:850}.demo-new-client-form input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;font:inherit}.demo-new-client-form small{color:var(--muted);line-height:1.4}
@media(max-width:680px){.demo-client-choice{grid-template-columns:1fr auto}.demo-client-choice>.button{grid-column:1 / -1;width:100%}}

/* Professional UX PR6 — three-stage builder and same-stage share parity */
.demo-builder[data-builder-step="2"] .demo-builder-body{padding-top:14px}
.demo-build-plan-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  align-items:start;
  gap:clamp(24px,3.5vw,42px);
}
.demo-build-plan-main{display:grid;gap:15px;min-width:0}
.demo-flat-heading{display:grid;gap:4px}
.demo-flat-heading h2{
  margin:0;
  overflow-wrap:anywhere;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.3;
}
.demo-flat-heading p{margin:0;max-width:70ch;color:var(--muted);font-size:.82rem;line-height:1.48}
.demo-selected-moments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.demo-available-moments{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}
.demo-selected-heading{margin-top:10px;padding-top:17px;border-top:1px solid var(--line)}
.demo-build-plan-main .demo-config-list{max-width:none}
.demo-build-plan-main .demo-config-summary{display:none}
.demo-support-picker{
  display:grid;
  gap:14px;
  min-width:0;
  padding-left:clamp(22px,3vw,38px);
  border-left:1px solid var(--line);
}
.demo-picker-destination{
  display:grid;
  grid-template-columns:minmax(115px,.38fr) minmax(0,.62fr);
  align-items:center;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  font-size:.78rem;
  font-weight:850;
}
.demo-picker-destination select{
  min-width:0;
  width:100%;
  min-height:43px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#F8FBFA;
  color:var(--text);
  font:inherit;
}
.demo-review-stage{display:grid;gap:20px;max-width:980px}
.demo-review-plan-copy{
  display:grid;
  gap:5px;
  padding:2px 0 15px;
  border-bottom:1px solid var(--line);
}
.demo-review-plan-copy>strong{color:var(--ink);font-size:1.08rem}
.demo-review-plan-copy>p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.48}
.demo-review-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:0;
  margin:0;
  border-block:1px solid var(--line);
}
.demo-review-summary>div{min-width:0;padding:11px 12px;border-right:1px solid var(--line)}
.demo-review-summary>div:last-child{border-right:0}
.demo-review-summary dt{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.demo-review-summary dd{margin:4px 0 0;overflow-wrap:anywhere;color:var(--ink);font-size:.82rem;font-weight:850;line-height:1.35}
.demo-review-groups{display:grid;gap:18px}
.demo-review-groups>section{display:grid;gap:0}
.demo-review-groups h3{margin:0;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:.9rem}
.demo-review-groups article{display:grid;grid-template-columns:minmax(150px,.3fr) minmax(0,.7fr);gap:3px 18px;padding:13px 0;border-bottom:1px solid var(--line)}
.demo-review-groups article strong{color:var(--ink)}
.demo-review-groups article small{grid-column:1;color:var(--muted)}
.demo-review-groups article p{grid-column:2;grid-row:1 / span 2;margin:0;color:var(--muted);line-height:1.48}
.demo-exact-preview{justify-self:start}
.demo-publish-success{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px 0 17px;border-bottom:1px solid var(--line)}
.demo-publish-success>span{display:grid;place-items:center;width:31px;height:31px;border-radius:999px;background:var(--brand);color:#fff;font-weight:950}
.demo-publish-success h2{margin:0;color:var(--ink);font-size:1.15rem}
.demo-publish-success p{margin:4px 0 0;color:var(--muted);line-height:1.45}
.demo-link-options{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:0;border-block:1px solid var(--line)}
.demo-link-options>label{min-height:82px;align-content:center;padding:12px 0;margin:0}
.demo-link-options>label+label{padding-left:18px;border-left:1px solid var(--line)}
.demo-share-flat>.cross-device-demo-card{
  grid-template-columns:1fr auto;
  padding:16px 0 0;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.demo-file-fallback,
.demo-client-preview-entry{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px 22px;
  padding:17px 0;
  border-top:1px solid var(--line);
}
.demo-file-fallback h2,.demo-client-preview-entry h2{margin:3px 0 0;color:var(--ink);font-size:1rem}
.demo-file-fallback p,.demo-client-preview-entry p{margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}
.demo-continuity{margin:0;padding:10px 0 10px 13px;border-left:3px solid var(--brand);color:var(--muted);font-size:.82rem;line-height:1.48}
.demo-continuity strong{color:var(--ink)}
.demo-builder-published .demo-builder-actions{position:static}

@media(max-width:1024px){
  .demo-build-plan-layout{grid-template-columns:1fr}
  .demo-support-picker{padding:26px 0 0;border-top:1px solid var(--line);border-left:0}
}
@media(max-width:700px){
  .demo-review-groups article{grid-template-columns:1fr;gap:4px}
  .demo-review-groups article small,.demo-review-groups article p{grid-column:1;grid-row:auto}
  .demo-link-options{grid-template-columns:1fr}
  .demo-link-options>label{min-height:0;padding:11px 0}
  .demo-link-options>label+label{padding-left:0;border-top:1px solid var(--line);border-left:0}
  .demo-file-fallback,.demo-client-preview-entry{grid-template-columns:1fr;gap:10px}
  .demo-file-fallback .button,.demo-client-preview-entry .button{width:100%}
}
@media(max-width:520px){
  .demo-selected-moments{grid-template-columns:1fr}
  .demo-picker-destination{grid-template-columns:1fr;gap:6px}
  .demo-review-summary{grid-template-columns:1fr 1fr}
  .demo-review-summary>div:nth-child(2n){border-right:0}
  .demo-review-summary>div:nth-child(n+3){border-top:1px solid var(--line)}
  .demo-share-flat>.cross-device-demo-card{grid-template-columns:1fr}
}
@media(max-width:360px){
  .demo-review-summary{grid-template-columns:1fr}
  .demo-review-summary>div{border-right:0;border-top:1px solid var(--line)}
  .demo-review-summary>div:first-child{border-top:0}
}
@media(forced-colors:active){
  .demo-build-plan-layout,.demo-support-picker,.demo-review-plan-copy,.demo-review-summary,.demo-review-summary>div,.demo-review-groups h3,.demo-review-groups article,.demo-publish-success,.demo-link-options,.demo-link-options>label,.demo-file-fallback,.demo-client-preview-entry,.demo-continuity{border-color:ButtonText}
}

/* Professional UX PR7 — demo release matrix lock */
body,.demo-app,.demo-main,.demo-screen,.screen-shell{min-width:0;overflow-wrap:anywhere}
body{overflow-x:hidden}
@supports(overflow:clip){body{overflow-x:clip}}
.demo-screen :is(button,.button,.text-button,.back-button,a){
  max-width:100%;
  white-space:normal;
}
@media(max-width:1024px){
  .demo-main{width:min(100% - 24px,1180px)}
}
@media(max-width:768px){
  .demo-builder-actions{
    padding-bottom:calc(10px + var(--safe-bottom));
  }
}
@media(max-width:430px){
  .demo-header{gap:8px}
  .demo-brand span{min-width:0}
  .demo-header-actions{flex:0 0 auto}
  .demo-builder-actions{position:static;display:grid}
  .demo-builder-actions .button{width:100%}
}
@media(max-width:390px){
  .demo-brand img{width:42px;height:42px}
  .demo-brand strong{font-size:.94rem}
  .demo-brand small{font-size:.68rem}
}
@media(max-width:375px){
  .demo-main{width:min(100% - 18px,1180px)}
  .demo-header .button.quiet{padding-inline:8px;font-size:.72rem}
}
@media(max-width:320px){
  .demo-header{padding-inline:9px}
  .demo-brand{gap:7px}
  .demo-brand img{width:38px;height:38px;border-radius:12px}
  .demo-header .button.quiet{max-width:86px}
}
@media(max-height:480px) and (orientation:landscape){
  .demo-header{position:relative}
  .demo-builder-actions{position:static}
  .demo-support-editor{height:100dvh;max-height:100dvh}
}
@media(prefers-contrast:more){
  :root{--line:CanvasText}
  .demo-screen :is(button,.button,input,select,textarea,summary){border-width:2px}
}
@media(forced-colors:active){
  .demo-screen :is(button,.button,input,select,textarea,summary),
  .demo-header,.sample-banner{
    forced-color-adjust:auto;
    border-color:ButtonText!important;
  }
}


/* Professional client-record navigation cleanup */
.demo-builder-context{
  position:sticky;
  top:calc(73px + var(--safe-top));
  z-index:18;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0 10px;
  border-bottom:1px solid var(--line);
  background:rgba(245,251,249,.96);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.demo-builder-context .back-button{min-height:38px;padding:5px 0;text-align:left}
.demo-builder-save-status{flex:0 0 auto;color:var(--muted);font-size:.75rem;font-weight:850}
.demo-builder-top{align-items:flex-start}
.demo-builder-client-record{max-width:900px}
.demo-client-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.demo-client-record-heading h1{margin:5px 0 0;color:var(--ink);font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.03;letter-spacing:-.045em}
.demo-client-record-heading p{max-width:62ch;margin:8px 0 0;color:var(--muted)}
.demo-client-record-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.demo-client-record-tabs :is(span,button){padding:11px 8px;color:var(--muted);font-size:.78rem;font-weight:900;text-align:center}
.demo-client-record-tabs .active{border-bottom:3px solid var(--brand);color:var(--brand-dark)}
.demo-client-record-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.demo-client-record-plan h2{margin:7px 0 0;color:var(--ink);font-size:1.18rem}
.demo-client-record-plan p{margin:5px 0 0;color:var(--muted)}
@media(max-width:620px){
  .demo-builder-context{top:calc(69px + var(--safe-top))}
  .demo-client-record-heading{display:grid}
  .demo-client-record-plan{grid-template-columns:1fr}
  .demo-client-record-plan .button{width:100%}
}
@media(max-width:430px){
  .demo-builder-context{gap:8px}
  .demo-builder-context .back-button{font-size:.8rem}
  .demo-builder-save-status{font-size:.68rem}
}
@media(max-height:480px) and (orientation:landscape){
  .demo-builder-context{position:static}
}

/* Professional Step 2 moment-first builder parity */
.demo-build-plan-summary{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;padding:0 0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem;font-weight:800}.demo-build-plan-summary strong{color:var(--ink);font-size:.86rem}
.demo-build-plan-layout{grid-template-columns:1fr;gap:0}.demo-build-plan-layout.picker-open{grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:clamp(26px,3.5vw,48px)}.demo-build-plan-main{gap:clamp(26px,3vw,38px)}
.demo-plan-moments{display:grid;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.demo-plan-moments-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.demo-plan-moments-head h2,.demo-plan-groups h2{margin:0;color:var(--ink);font-size:1.05rem}.demo-plan-moments-head p{margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.demo-all-moments{min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--brand-dark);font:inherit;font-size:.75rem;font-weight:900}.demo-all-moments.active{border-color:var(--brand);background:#eaf7f3}.demo-moment-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.demo-moment-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font:inherit;font-size:.76rem;font-weight:850;text-align:left}.demo-moment-chip small{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#eef5f3;color:var(--brand-dark);font-size:.66rem;font-weight:950}.demo-moment-chip.active{border-color:var(--brand);background:#f0f9f6;color:var(--brand-dark)}.demo-moment-chip.active small{background:var(--brand);color:#fff}
.demo-plan-groups{display:grid;gap:14px}.demo-plan-group-list{border-top:1px solid var(--line)}.demo-plan-group{padding:17px 0 3px;border-bottom:1px solid var(--line)}.demo-plan-group>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px 8px}.demo-plan-group>header>div{display:flex;align-items:baseline;gap:8px}.demo-plan-group h3{margin:0;color:var(--ink);font-size:.96rem}.demo-plan-group header span{color:var(--muted);font-size:.7rem;font-weight:850}.demo-add-support{min-height:36px;padding:7px 10px;font-size:.72rem}.demo-empty-moment{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:10px 3px 13px;border:0;background:transparent;color:var(--muted);font:inherit;text-align:left}.demo-empty-moment span{font-size:.76rem}.demo-empty-moment strong{color:var(--brand-dark);font-size:.76rem}.demo-plan-group .demo-config-list{max-width:none}.demo-plan-group .demo-config-row:last-child{border-bottom:0}
.demo-picker-backdrop{display:none}.demo-build-plan-layout.picker-open .demo-support-picker{position:sticky;top:calc(84px + var(--safe-top));align-self:start;display:flex;flex-direction:column;gap:13px;max-height:calc(100dvh - 104px - var(--safe-top));padding-left:clamp(22px,3vw,38px);overflow:hidden;border-top:0;border-left:1px solid var(--line)}.demo-picker-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:13px;border-bottom:1px solid var(--line)}.demo-picker-head h2{margin:3px 0 0;color:var(--ink);font-size:1.08rem}.demo-picker-head p{margin:4px 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}.demo-picker-head .icon-button{width:38px;height:38px}.demo-picker-note{display:grid;gap:3px;padding:8px 0 8px 11px;border-left:3px solid var(--brand)}.demo-picker-note strong{color:var(--ink);font-size:.82rem}.demo-picker-note span{color:var(--muted);font-size:.74rem}.demo-library-catalog-note{display:grid;gap:3px;margin-top:13px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#f8fcfb}.demo-library-catalog-note strong{color:var(--ink);font-size:.82rem}.demo-library-catalog-note span{color:var(--muted);font-size:.72rem;line-height:1.4}.demo-build-plan-layout.picker-open .demo-pick-list{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1180px){.demo-moment-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.demo-moment-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.demo-build-plan-layout.picker-open{display:block}.demo-picker-backdrop{display:block;position:fixed;inset:0;z-index:79;border:0;background:rgba(18,45,41,.28);backdrop-filter:blur(2px)}.demo-build-plan-layout.picker-open .demo-support-picker{position:fixed;inset:0;z-index:80;width:100%;max-height:100dvh;padding:calc(12px + var(--safe-top)) 24px calc(18px + var(--safe-bottom));overflow:hidden;border:0;background:#f5fbf9}.demo-build-plan-layout.picker-open .demo-pick-list{flex:1 1 auto;overflow-y:auto;padding-bottom:18px}}
@media(max-width:520px){.demo-plan-moments-head{grid-template-columns:1fr;align-items:start}.demo-all-moments{justify-self:start}.demo-moment-chips{grid-template-columns:1fr 1fr;gap:7px}.demo-moment-chip{min-height:43px;padding:8px 9px;font-size:.72rem}.demo-plan-group>header{align-items:flex-start}.demo-plan-group>header>div{display:grid;gap:2px}.demo-build-plan-layout.picker-open .demo-support-picker{padding-inline:18px}}
@media(max-width:360px){.demo-moment-chips{grid-template-columns:1fr}}
@media(forced-colors:active){.demo-moment-chip,.demo-all-moments,.demo-plan-group,.demo-picker-head{border-color:ButtonText}.demo-moment-chip.active,.demo-all-moments.active{outline:2px solid Highlight}}
@media(max-width:820px){body.demo-picker-open{overflow:hidden}}

/* Step 2 mobile action bar stays available while the professional builds. */
@media(max-width:430px){
  .demo-builder[data-builder-step="2"] .demo-builder-actions{
    position:sticky;
    bottom:0;
    z-index:30;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    gap:8px;
    margin-inline:calc((100vw - 100%) / -2);
    padding:10px max(9px,calc((100vw - 100%) / 2)) calc(10px + var(--safe-bottom));
    border-top:1px solid var(--line);
    background:linear-gradient(180deg,rgba(245,251,249,.94),#f5fbf9 34%);
    backdrop-filter:blur(12px);
  }
  .demo-builder[data-builder-step="2"] .demo-builder-actions .button{width:100%;min-width:0}
}

/* Step 2 v3 — compact professional Today-view selector */
.demo-today-scope{gap:10px}
.demo-scope-selector{position:relative;width:min(100%,480px);margin-top:2px}
.demo-scope-selector>summary{list-style:none}.demo-scope-selector>summary::-webkit-details-marker{display:none}
.demo-scope-selector-control{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(18,45,41,.03)}
.demo-scope-selector-control>span:first-child{display:grid;gap:2px;min-width:0}.demo-scope-selector-control strong{overflow-wrap:anywhere;font-size:.88rem;line-height:1.2}.demo-scope-selector-control small{color:var(--muted);font-size:.67rem;font-weight:800;line-height:1.25}.demo-scope-selector-chevron{flex:0 0 auto;color:var(--brand-dark);font-size:1.25rem;font-weight:900;line-height:1;transition:transform .16s ease}.demo-scope-selector[open] .demo-scope-selector-chevron{transform:rotate(180deg)}.demo-scope-selector-control:focus-visible{outline:3px solid rgba(45,157,142,.28);outline-offset:2px}
.demo-scope-selector-backdrop{display:none}.demo-scope-selector-panel{position:absolute;z-index:45;top:calc(100% + 7px);left:0;width:min(480px,calc(100vw - 40px));max-height:min(560px,70vh);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(18,45,41,.16)}.demo-scope-selector-panel-head{display:none}.demo-scope-selector-options{display:grid;gap:2px}
.demo-scope-selector-option{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;min-height:52px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.demo-scope-selector-option>span{display:grid;gap:2px;min-width:0}.demo-scope-selector-option strong{font-size:.79rem;line-height:1.25}.demo-scope-selector-option small{color:var(--muted);font-size:.67rem;font-weight:700;line-height:1.3}.demo-scope-selector-option b{color:var(--brand-dark);font-size:.86rem;text-align:center}.demo-scope-selector-option:hover{background:#f3f9f7}.demo-scope-selector-option.active{background:#eef8f5}.demo-scope-selector-option.active strong{color:var(--brand-dark)}.demo-scope-selector-option:focus-visible{outline:3px solid rgba(45,157,142,.28);outline-offset:-1px}.demo-scope-selected-help{max-width:620px;color:var(--muted);font-size:.73rem;font-weight:760;line-height:1.4}
.demo-custom-moment-panel{display:grid;gap:9px;padding-top:5px}.demo-custom-moment-panel>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.demo-custom-moment-panel>div:first-child strong{color:var(--ink);font-size:.8rem}.demo-custom-moment-panel>div:first-child span{color:var(--muted);font-size:.67rem;font-weight:850}
@media(max-width:820px){body:has(.demo-scope-selector[open]){overflow:hidden}.demo-scope-selector-panel{position:fixed;z-index:10001;top:auto;right:0;bottom:0;left:0;width:100%;max-height:min(78dvh,690px);padding:12px 18px calc(16px + var(--safe-bottom));overflow:auto;border:0;border-top:1px solid var(--line);border-radius:20px 20px 0 0;background:#f5fbf9;box-shadow:0 -16px 45px rgba(18,45,41,.18)}.demo-scope-selector-backdrop{display:block;position:fixed;z-index:10000;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(18,45,41,.34);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.demo-scope-selector-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 10px;border-bottom:1px solid var(--line)}.demo-scope-selector-panel-head>div{display:grid;gap:2px}.demo-scope-selector-panel-head span{color:var(--muted);font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.demo-scope-selector-panel-head strong{color:var(--ink);font-size:1rem}.demo-scope-selector-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:1.2rem;line-height:1}.demo-scope-selector-options{gap:0;padding-top:3px}.demo-scope-selector-option{min-height:58px;padding:10px 4px;border-bottom:1px solid var(--line);border-radius:0}.demo-scope-selector-option:last-child{border-bottom:0}.demo-scope-selector-option.active{padding-inline:10px;border-bottom-color:transparent;border-radius:11px;background:#eef8f5}}
@media(max-width:520px){.demo-scope-selector{width:100%}.demo-scope-selector-control{min-height:56px;padding:9px 12px;border-radius:13px}.demo-scope-selected-help{font-size:.7rem}}
@media(max-width:820px){.demo-picker-backdrop.demo-picker-portal-backdrop{display:block;position:fixed;inset:0;z-index:9998;border:0;background:rgba(18,45,41,.34);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.demo-support-picker.demo-picker-portal-panel{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;gap:13px;width:100%;max-width:none;max-height:100dvh;padding:calc(12px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));overflow:hidden;border:0;background:#f5fbf9}.demo-picker-portal-panel .demo-pick-list{min-height:0;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:18px}}

/* Professional picker cleanup: one add action per moment + workspace-owned favorites */
.demo-pick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:15px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:inherit;font-weight:800}
.demo-pick-actions{display:flex;align-items:center;gap:8px}
.demo-favorite{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font:inherit;font-size:1.08rem;line-height:1}
.demo-favorite.active{background:#eef7f4;color:var(--brand-dark);border-color:#bfd8d2}
.demo-favorite:focus-visible{outline:3px solid rgba(54,171,156,.28);outline-offset:2px}
.demo-pick-add{min-width:62px;min-height:42px;padding:8px 12px}
.demo-picker-empty{display:grid;gap:4px;padding:16px 2px;color:var(--muted)}
.demo-picker-empty strong{color:var(--ink)}
.demo-empty-moment{cursor:default;justify-content:flex-start}
@media(max-width:390px){.demo-pick-row{grid-template-columns:1fr}.demo-pick-actions{justify-content:stretch}.demo-pick-add{flex:1 1 auto}}


/* Professional builder single-back navigation cleanup */
.demo-builder-top .demo-builder-save-status{
  align-self:flex-start;
  justify-self:end;
  padding-top:3px;
}
@media(max-width:760px){
  .demo-builder-top .demo-builder-save-status{
    justify-self:start;
    padding-top:0;
  }
}

/* Professional Step 2 v5 — premium hierarchy + non-destructive Today views */
.demo-build-plan-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,auto));
  justify-content:start;
  gap:0;
  padding:13px 16px;
  overflow:hidden;
  border:1px solid #CFE1DD;
  border-radius:17px;
  background:linear-gradient(135deg,#F9FCFB 0%,#EEF8F5 100%);
  box-shadow:0 7px 22px rgba(24,67,61,.055);
}
.demo-build-plan-summary>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:5px;min-width:0;padding:2px 14px;border-right:1px solid rgba(36,91,82,.14);color:var(--muted)}
.demo-build-plan-summary>div:first-child{padding-left:0}
.demo-build-plan-summary>div:last-child{padding-right:0;border-right:0}
.demo-build-plan-summary>div strong{color:var(--ink);font-size:.9rem;line-height:1.15}
.demo-build-plan-summary>div span{overflow-wrap:anywhere;font-size:.7rem;font-weight:800;line-height:1.3}
.demo-build-plan-summary .demo-build-plan-summary-primary strong{color:var(--brand-dark);font-size:1.14rem}
.demo-build-plan-summary .demo-build-plan-summary-away strong{color:#8A5A20}
.demo-build-plan-summary .demo-build-plan-ready{grid-template-columns:22px auto;align-items:center;color:var(--brand-dark)}
.demo-build-plan-summary .demo-build-plan-ready>span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--brand);color:#fff;font-size:.7rem}
.demo-build-plan-summary .demo-build-plan-ready strong{color:var(--brand-dark);font-size:.72rem}

.demo-section-kicker{color:var(--brand-dark);font-size:.65rem;font-weight:950;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}
.demo-plan-moments{gap:14px;padding:20px;border:1px solid #CFE1DD;border-radius:19px;background:linear-gradient(160deg,#FFFFFF 0%,#F8FCFB 100%);box-shadow:0 12px 34px rgba(24,67,61,.08),0 2px 7px rgba(24,67,61,.04)}
.demo-plan-moments-head{display:block}
.demo-plan-moments-head>div{display:grid;gap:4px}
.demo-plan-moments-head h2{font-size:1.08rem}
.demo-plan-moments-head p{max-width:54ch;margin:0;font-size:.77rem}
.demo-scope-selector{width:100%;margin-top:2px}
.demo-scope-selector-control{display:grid;grid-template-columns:38px minmax(0,1fr) auto;min-height:66px;padding:10px 13px;border-color:#BED6D1;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(24,67,61,.065)}
.demo-scope-selector-control>span:first-child{display:grid}
.demo-scope-selector-icon{position:relative;display:grid!important;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#DDF2EC,#CBE9E1);box-shadow:inset 0 0 0 1px rgba(30,101,91,.09)}
.demo-scope-selector-icon:before{content:"";width:13px;height:13px;border:2px solid var(--brand-dark);border-radius:999px;opacity:.9}
.demo-scope-selector-icon:after{content:"";position:absolute;width:2px;height:6px;margin:-4px 0 0 1px;border-radius:999px;background:var(--brand-dark);transform:rotate(35deg);transform-origin:bottom center}
.demo-scope-selector-control>span:nth-child(2){display:grid;gap:2px;min-width:0}
.demo-scope-selector-control>span:nth-child(2) small{grid-row:1;color:var(--muted);font-size:.63rem;letter-spacing:.04em;text-transform:uppercase}
.demo-scope-selector-control>span:nth-child(2) strong{grid-row:2;font-size:.93rem}
.demo-scope-selector-panel{padding:9px;border-color:#C6DCD7;border-radius:17px;box-shadow:0 24px 58px rgba(18,45,41,.19)}
.demo-scope-selector-option{min-height:56px;padding:10px 11px}
.demo-scope-selector-option.active{background:linear-gradient(135deg,#EAF7F3,#F3FAF8)}
.demo-scope-selected-help{padding-left:2px;color:#466863;font-size:.71rem}
.demo-view-preservation-note{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #D8C9AE;border-radius:13px;background:#FFF9EE}
.demo-view-preservation-note>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#F4E4C7;color:#6E4A1F;font-size:.72rem;font-weight:950}
.demo-view-preservation-note strong{display:block;color:#5D4326;font-size:.74rem}
.demo-view-preservation-note p{margin:2px 0 0;color:#755D42;font-size:.67rem;line-height:1.35}
.demo-view-preservation-note button{min-height:34px;padding:6px 9px;border:1px solid #D2BE9B;border-radius:9px;background:#fff;color:#66471F;font:inherit;font-size:.67rem;font-weight:900;cursor:pointer}
.demo-custom-moment-panel{padding-top:2px}

.demo-plan-groups{gap:14px}
.demo-plan-groups>.demo-flat-heading{gap:4px;padding:2px 2px 0}
.demo-plan-groups>.demo-flat-heading h2{font-size:1.08rem}
.demo-plan-groups>.demo-flat-heading p{font-size:.77rem}
.demo-plan-group-list{display:grid;gap:14px;border-top:0}
.demo-plan-group{min-width:0;padding:0;overflow:visible;border:1px solid #CFE1DD;border-radius:17px;background:#fff;box-shadow:0 12px 34px rgba(24,67,61,.08),0 2px 7px rgba(24,67,61,.04)}
.demo-plan-group>header{min-height:66px;padding:13px 14px;border-bottom:1px solid #DCE9E6;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#F6FBF9,#EDF7F4)}
.demo-plan-group>header>div{display:grid;gap:2px}
.demo-plan-group h3{font-size:.99rem}
.demo-plan-group header span{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}
.demo-add-support{min-height:38px;padding:7px 11px;border:1px solid #BFD8D2!important;border-radius:10px;background:#fff!important;color:var(--brand-dark)!important;box-shadow:0 2px 7px rgba(24,67,61,.045)!important}
.demo-plan-group .demo-config-list{padding:0 13px 7px}
.demo-empty-moment{min-height:64px;padding:15px 15px;color:#6A827E}
.demo-empty-moment span:before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:999px;background:#B8D1CB}

@media(min-width:1100px){
  .demo-build-plan-layout:not(.picker-open) .demo-build-plan-main{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:start;gap:clamp(22px,2.8vw,38px)}
  .demo-build-plan-layout:not(.picker-open) .demo-today-scope{position:sticky;top:calc(92px + var(--safe-top))}
  .demo-build-plan-layout:not(.picker-open) .demo-plan-group-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media(min-width:850px) and (max-width:1099px){
  .demo-build-plan-layout:not(.picker-open) .demo-plan-group-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media(max-width:900px){
  .demo-build-plan-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}
  .demo-build-plan-summary>div{padding:5px 10px}
  .demo-build-plan-summary>div:nth-child(3){border-right:0}
  .demo-build-plan-summary>div:nth-child(n+4){margin-top:7px;padding-top:9px;border-top:1px solid rgba(36,91,82,.12)}
}
@media(max-width:620px){
  .demo-build-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:15px}
  .demo-build-plan-summary>div{grid-template-columns:auto 1fr;padding:5px 9px;border-right:1px solid rgba(36,91,82,.12)}
  .demo-build-plan-summary>div:nth-child(2n){border-right:0}
  .demo-build-plan-summary>div:nth-child(n+3){margin-top:6px;padding-top:9px;border-top:1px solid rgba(36,91,82,.12)}
  .demo-build-plan-summary .demo-build-plan-ready{grid-column:1/-1;border-right:0}
  .demo-plan-moments{padding:16px;border-radius:17px}
  .demo-view-preservation-note{grid-template-columns:28px minmax(0,1fr)}
  .demo-view-preservation-note button{grid-column:2;justify-self:start}
  .demo-plan-group>header{padding:12px}
  .demo-plan-group .demo-config-list{padding-inline:11px}
}
@media(max-width:390px){
  .demo-build-plan-summary>div{grid-template-columns:1fr;gap:2px}
  .demo-build-plan-summary .demo-build-plan-ready{grid-template-columns:22px minmax(0,1fr)}
  .demo-scope-selector-control{grid-template-columns:34px minmax(0,1fr) auto;padding-inline:10px}
  .demo-scope-selector-icon{width:32px;height:32px}
  .demo-plan-group>header{gap:8px}
  .demo-add-support{padding-inline:8px;font-size:.69rem}
}
@media(forced-colors:active){
  .demo-build-plan-summary,.demo-plan-moments,.demo-plan-group,.demo-view-preservation-note{box-shadow:none;border-color:ButtonText}
}

/* Premium responsive support picker parity */
.demo-build-plan-layout.picker-open{grid-template-columns:minmax(0,1fr) minmax(400px,.92fr);gap:clamp(24px,3vw,40px)}
.demo-build-plan-layout.picker-open .demo-support-picker{
  position:sticky;
  top:calc(84px + var(--safe-top));
  align-self:start;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:0;
  width:100%;
  height:min(720px,calc(100dvh - 112px - var(--safe-top)));
  min-height:min(520px,calc(100dvh - 112px - var(--safe-top)));
  max-height:calc(100dvh - 112px - var(--safe-top));
  padding:0;
  overflow:hidden;
  border:1px solid #D4E4E0;
  border-radius:21px;
  background:#fff;
  box-shadow:0 18px 46px rgba(20,62,56,.11);
}
.demo-support-picker.is-custom-create{grid-template-rows:auto minmax(0,1fr)}
.demo-picker-head{padding:18px 18px 15px;border-bottom:1px solid #DCE9E6;background:linear-gradient(135deg,#FBFEFD,#F3FAF8)}
.demo-picker-title-row{display:flex;align-items:center;gap:8px;min-width:0}
.demo-picker-title-row .eyebrow{flex:0 0 auto;color:#52716C;font-size:.63rem;letter-spacing:.08em}
.demo-picker-moment{min-width:0;padding:4px 8px;overflow:hidden;border:1px solid #C7DDD8;border-radius:999px;background:#fff;color:var(--brand-dark);font-size:.66rem;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.demo-picker-head h2{margin:7px 0 0;font-size:1.24rem;letter-spacing:-.02em}
.demo-picker-head p{max-width:46ch;margin:5px 0 0;font-size:.73rem;line-height:1.45}
.demo-picker-head .icon-button{width:40px;height:40px;border:1px solid #D5E3E0;border-radius:12px;background:#fff;color:#315650;box-shadow:0 3px 10px rgba(20,62,56,.06)}
.demo-source-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px;max-width:none;padding:7px 10px;border:0;border-bottom:1px solid #DCE9E6;border-radius:0;background:#F3F8F6}
.demo-source-tabs button{min-width:0;min-height:40px;padding:7px 5px;border:1px solid transparent;border-radius:10px;font-size:.67rem;line-height:1.15}
.demo-source-tabs button.active{border-color:#D6E5E1;background:#fff;color:var(--brand-dark);box-shadow:0 4px 12px rgba(22,65,58,.07)}
.demo-picker-body{min-width:0;min-height:0;padding:0 17px 18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}
.demo-picker-body>.demo-picker-note{margin-top:13px}
.demo-picker-body .demo-pick-list{max-width:none;min-height:auto!important;overflow:visible!important}
.demo-pick-row{min-height:82px;padding:14px 1px;transition:background .15s ease}
.demo-pick-row.selected{margin-inline:-8px;padding-inline:9px;border-radius:13px;background:#F1F9F6;color:var(--brand-dark)}
.demo-pick-row small{line-height:1.4}
.demo-pick-add{min-width:78px}
.button.selected{border:1px solid #BFD8D2;background:#E8F6F2;color:#1D6F64;box-shadow:none}
.demo-picker-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid #DCE9E6;background:rgba(250,253,252,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.demo-picker-footer>div{display:grid;gap:2px;min-width:0}.demo-picker-footer strong{color:var(--ink);font-size:.78rem}.demo-picker-footer span{overflow:hidden;color:var(--muted);font-size:.67rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.demo-picker-footer>.button{min-width:112px;min-height:44px;border-radius:12px}
.demo-custom-library{display:grid;gap:13px;padding-top:15px}
.demo-custom-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:0 0 13px;border-bottom:1px solid #DCE9E6}
.demo-custom-head strong{font-size:.96rem}.demo-custom-head small{max-width:44ch;font-size:.7rem}.demo-custom-head .button{min-height:40px;padding-inline:12px;border-radius:11px}
.demo-custom-local-note{display:flex;align-items:center;gap:7px;margin:13px 0 0;padding:11px 12px;border-radius:12px;background:#F4F8F7;color:#5A746F;font-size:.68rem;font-weight:760}.demo-custom-local-note span{color:var(--brand-dark);font-weight:950}
.demo-custom-create-view{display:grid;gap:13px;padding-top:13px}
.demo-custom-back{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 9px;border:0;border-radius:10px;background:#F1F7F5;color:var(--brand-dark);font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}
.demo-custom-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.42fr);gap:14px;min-width:0}.demo-custom-create-form>p,.demo-custom-instructions,.demo-custom-create-form>details,.demo-custom-form-actions{grid-column:1/-1}.demo-custom-create-form>p{margin:0;padding:10px 12px;border-left:3px solid var(--brand);background:#F5FAF8;color:#58726D;font-size:.72rem;line-height:1.45}.demo-custom-create-form>label,.demo-custom-create-form details label{display:grid;gap:7px;color:var(--ink);font-size:.78rem;font-weight:850}.demo-custom-create-form label small{color:var(--muted);font-size:.66rem}.demo-custom-create-form input,.demo-custom-create-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);font:inherit}.demo-custom-create-form textarea{min-height:104px;resize:vertical}
.demo-custom-create-form details{overflow:hidden;border:1px solid #D8E6E2;border-radius:14px;background:#FAFCFB}.demo-custom-create-form summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;list-style:none;cursor:pointer}.demo-custom-create-form summary::-webkit-details-marker{display:none}.demo-custom-create-form summary span{display:grid;gap:2px}.demo-custom-create-form summary strong{color:var(--ink);font-size:.78rem}.demo-custom-create-form summary small{color:var(--muted);font-size:.66rem;font-weight:700}.demo-custom-create-form summary b{color:var(--brand-dark);transition:transform .15s ease}.demo-custom-create-form details[open] summary b{transform:rotate(180deg)}.demo-custom-create-form details>div{display:grid;gap:13px;padding:14px;border-top:1px solid #E0EBE8;background:#fff}
.demo-custom-form-actions{position:sticky;bottom:-18px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);gap:9px;margin:2px -17px -18px;padding:12px 17px calc(12px + var(--safe-bottom));border-top:1px solid #DCE9E6;background:rgba(250,253,252,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.demo-custom-form-actions .button{min-height:44px;border-radius:12px}

@media(min-width:821px) and (max-width:1099px){.demo-build-plan-layout.picker-open{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:22px}.demo-build-plan-layout.picker-open .demo-support-picker{position:sticky;top:calc(78px + var(--safe-top))}}
@media(max-width:820px){
  body.demo-picker-open{overflow:hidden!important;overscroll-behavior:none}
  .demo-picker-backdrop.demo-picker-portal-backdrop{display:block;position:fixed;inset:0;z-index:2147483000;border:0;background:rgba(18,45,41,.38)}
  .demo-support-picker.demo-picker-portal-panel{position:fixed!important;inset:0!important;z-index:2147483001;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0!important;width:100%!important;height:100dvh!important;min-height:0!important;max-width:none!important;max-height:100dvh!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
  .demo-support-picker.demo-picker-portal-panel.is-custom-create{grid-template-rows:auto minmax(0,1fr)}
  .demo-picker-portal-panel .demo-picker-head{padding:calc(13px + var(--safe-top)) 16px 13px;background:linear-gradient(135deg,#F8FCFB,#EEF8F5)}
  .demo-picker-portal-panel .demo-picker-head h2{font-size:1.18rem}.demo-picker-portal-panel .demo-picker-head p{font-size:.7rem}
  .demo-picker-portal-panel .demo-source-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px;padding:6px 10px 8px}.demo-picker-portal-panel .demo-source-tabs button{min-width:0;min-height:40px;padding-inline:3px;font-size:clamp(.58rem,2.7vw,.68rem)}
  .demo-picker-portal-panel .demo-picker-body{min-height:0;padding:0 16px 18px;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.demo-picker-portal-panel .demo-pick-list{min-height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:0!important}
  .demo-picker-portal-panel .demo-picker-footer{padding:10px 14px calc(10px + var(--safe-bottom))}.demo-picker-portal-panel .demo-picker-footer>.button{min-width:108px}
}
@media(max-width:430px){.demo-custom-create-form{grid-template-columns:1fr}.demo-custom-create-form>p,.demo-custom-instructions,.demo-custom-create-form>details,.demo-custom-form-actions{grid-column:auto}.demo-picker-head{gap:9px}.demo-picker-title-row{gap:6px}.demo-picker-moment{max-width:52vw}.demo-picker-head .icon-button{width:38px;height:38px}.demo-source-tabs,.demo-picker-portal-panel .demo-source-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.demo-pick-row{grid-template-columns:minmax(0,1fr) auto}.demo-pick-actions{gap:6px}.demo-favorite{width:38px;height:38px;flex-basis:38px;border-radius:11px}.demo-pick-add{min-width:72px;padding-inline:8px}.demo-custom-head{grid-template-columns:1fr}.demo-custom-head .button{width:100%}.demo-custom-form-actions{grid-template-columns:1fr 1.25fr}}
@media(max-width:350px){.demo-picker-title-row{display:grid;gap:4px}.demo-picker-moment{max-width:70vw;justify-self:start}.demo-picker-portal-panel .demo-source-tabs button{font-size:.55rem}.demo-pick-row{grid-template-columns:1fr}.demo-pick-actions{justify-content:stretch}.demo-pick-add{flex:1 1 auto}}
@media(forced-colors:active){.demo-support-picker,.demo-picker-head,.demo-source-tabs,.demo-picker-footer,.demo-custom-create-form details,.demo-custom-form-actions{border-color:ButtonText!important;box-shadow:none}.demo-source-tabs button.active,.button.selected{outline:2px solid Highlight}}


/* Premium Review & Share parity */
.demo-review-premium,.demo-share-premium{width:min(100%,1080px);max-width:none;gap:clamp(18px,2.4vw,28px)}
.demo-review-command-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.44fr);align-items:center;gap:20px 28px;padding:clamp(18px,2.4vw,26px);border:1px solid #CFE2DD;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#F0FAF7 72%,#E7F6F2 100%);box-shadow:0 14px 34px rgba(22,65,58,.09)}
.demo-review-ready-label{display:inline-flex;align-items:center;gap:7px;color:var(--brand-dark);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.065em}.demo-review-ready-label>span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--brand);color:#fff;font-size:.68rem}.demo-review-command-card h2{margin:10px 0 0;color:var(--ink);font-size:clamp(1.2rem,2.2vw,1.62rem);line-height:1.1;letter-spacing:-.03em}.demo-review-command-card p{max-width:64ch;margin:8px 0 0;color:var(--muted);font-size:.83rem;line-height:1.5}
.demo-review-preview-action{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:76px;padding:12px 13px;border:1px solid #C8DDD8;border-radius:16px;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 7px 18px rgba(22,65,58,.07);font:inherit;text-align:left;cursor:pointer}.demo-review-preview-action:hover{border-color:#91BEB4;background:#fff;transform:translateY(-1px)}.demo-review-preview-action:focus-visible{outline:3px solid rgba(45,157,142,.32);outline-offset:3px}.demo-review-preview-icon,.demo-share-option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#E7F5F1;color:var(--brand-dark);font-size:1rem;font-weight:950}.demo-review-preview-action>span:nth-child(2){display:grid;gap:2px;min-width:0}.demo-review-preview-action strong{font-size:.82rem}.demo-review-preview-action small{color:var(--muted);font-size:.68rem;font-weight:760}.demo-review-preview-action>b{color:var(--brand-dark);font-size:1.4rem}
.demo-review-overview{overflow:hidden;border:1px solid #D5E5E1;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(22,65,58,.055)}.demo-review-premium .demo-review-plan-copy,.demo-share-premium .demo-review-plan-copy{gap:6px;padding:20px clamp(18px,2.4vw,26px);border:0}.demo-review-overview-label{color:var(--brand-dark);font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.065em}.demo-review-premium .demo-review-plan-copy>strong,.demo-share-premium .demo-review-plan-copy>strong{font-size:clamp(1.05rem,1.8vw,1.28rem)}.demo-review-premium .demo-review-summary,.demo-share-premium .demo-review-summary{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));border-top:1px solid #DCE9E6;border-bottom:0}.demo-review-premium .demo-review-summary>div,.demo-share-premium .demo-review-summary>div{min-height:80px;padding:14px 16px;border:0;border-right:1px solid #E0EBE8;background:#FAFCFB}.demo-review-premium .demo-review-summary>div:last-child,.demo-share-premium .demo-review-summary>div:last-child{border-right:0}
.demo-review-assurance{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;border:1px solid #D3E5E0;border-radius:16px;background:#F2F9F7}.demo-review-assurance>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;font-weight:950}.demo-review-assurance strong{color:var(--ink);font-size:.84rem}.demo-review-assurance p{margin:4px 0 0;color:var(--muted);font-size:.73rem}
.demo-review-outline{display:grid;gap:13px}.demo-review-outline>header h3{margin:4px 0 0;color:var(--ink);font-size:1.05rem}.demo-review-outline>header p{margin:5px 0 0;color:var(--muted);font-size:.75rem}.demo-review-premium .demo-review-groups{display:grid;gap:10px}.demo-review-group{overflow:hidden;border:1px solid #D5E5E1;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(22,65,58,.045)}.demo-review-group>summary{display:grid;grid-template-columns:minmax(0,1fr) 30px 20px;align-items:center;gap:10px;min-height:68px;padding:13px 15px;list-style:none;background:linear-gradient(135deg,#FBFEFD,#F5FAF8);cursor:pointer}.demo-review-group>summary::-webkit-details-marker{display:none}.demo-review-group>summary>span{display:grid;gap:3px;min-width:0}.demo-review-group>summary strong{color:var(--ink);font-size:.9rem}.demo-review-group>summary small{overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.demo-review-group>summary>b{display:grid;place-items:center;width:29px;height:29px;border-radius:999px;background:#E8F4F1;color:var(--brand-dark);font-size:.7rem}.demo-review-group>summary>i{color:var(--brand-dark);font-style:normal;transition:transform .15s ease}.demo-review-group[open]>summary>i{transform:rotate(180deg)}.demo-review-group>div{display:grid;padding:0 15px 5px;border-top:1px solid #E0EBE8}.demo-review-group article{display:grid;grid-template-columns:minmax(160px,.36fr) minmax(0,.64fr);gap:6px 18px;padding:14px 1px;border-bottom:1px solid #E5EEEC}.demo-review-group article:last-child{border-bottom:0}.demo-review-group article>div{display:grid;gap:4px}.demo-review-group article p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.48}
.demo-share-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px 17px;padding:18px 20px;border:1px solid #C8E1DB;border-radius:20px;background:linear-gradient(135deg,#F8FDFC,#EAF8F4);box-shadow:0 12px 30px rgba(22,65,58,.07)}.demo-share-hero-mark{display:grid!important;place-items:center;width:48px!important;height:48px!important;border-radius:15px!important;background:var(--brand)!important;color:#fff!important;font-size:1.15rem!important}.demo-share-hero-kicker{display:block;color:var(--brand-dark);font-size:.65rem;font-weight:950;text-transform:uppercase;letter-spacing:.065em}.demo-share-hero h2{margin:4px 0 0}.demo-share-nothing-sent,.demo-share-channel-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#fff;color:var(--brand-dark);font-size:.66rem;font-weight:950;white-space:nowrap;box-shadow:inset 0 0 0 1px #C9DED9}
.demo-share-primary-card{display:grid;gap:15px;padding:clamp(17px,2.4vw,24px);border:1px solid #CFE1DD;border-radius:21px;background:#fff;box-shadow:0 12px 30px rgba(22,65,58,.06)}.demo-share-title{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px}.demo-share-title>div{min-width:0}.demo-share-title h2{margin:4px 0 0}.demo-share-title p{margin:5px 0 0}.demo-share-channel-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;font-size:.8rem;font-weight:950}.demo-share-primary-card .demo-link-options{border-radius:15px;overflow:hidden}.demo-share-primary-card>.cross-device-demo-card{padding:16px;border:1px solid #D5E5E1;border-radius:16px;background:#F8FBFA}
.demo-share-other-ways{display:grid;gap:11px}.demo-share-other-ways>header h2{margin:4px 0 0;color:var(--ink);font-size:1rem}.demo-share-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-share-premium .demo-file-fallback,.demo-share-premium .demo-client-preview-entry{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px 14px;padding:17px;border:1px solid #D5E5E1;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(22,65,58,.045)}.demo-share-premium .demo-file-fallback .button,.demo-share-premium .demo-client-preview-entry .button{grid-column:1/-1;width:100%;min-height:43px;border-radius:12px}.demo-share-premium .demo-continuity{padding:12px 15px;border:1px solid #D5E5E1;border-left:4px solid var(--brand);border-radius:13px;background:#FAFCFB}.demo-share-premium .demo-security{overflow:hidden;padding:0;border:1px solid #D7E7E3;border-radius:15px;background:#fff}.demo-share-premium .demo-security summary{padding:13px 15px}.demo-share-premium .demo-security dl{padding:0 15px 12px}
@media(max-width:768px){.demo-review-command-card{grid-template-columns:1fr;gap:16px;padding:18px}.demo-review-premium .demo-review-summary,.demo-share-premium .demo-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-review-premium .demo-review-summary>div,.demo-share-premium .demo-review-summary>div{min-height:76px;border-right:1px solid #E0EBE8;border-bottom:1px solid #E0EBE8}.demo-review-premium .demo-review-summary>div:nth-child(2n),.demo-share-premium .demo-review-summary>div:nth-child(2n){border-right:0}.demo-review-group article{grid-template-columns:1fr;gap:7px}.demo-share-hero{grid-template-columns:44px minmax(0,1fr)}.demo-share-nothing-sent{grid-column:2;justify-self:start}.demo-share-title{grid-template-columns:38px minmax(0,1fr)}.demo-share-channel-badge{grid-column:2;justify-self:start}.demo-share-secondary-grid{grid-template-columns:1fr}}
@media(max-width:430px){.demo-review-command-card h2{font-size:1.22rem}.demo-review-preview-action{grid-template-columns:38px minmax(0,1fr) auto;padding:10px}.demo-review-preview-icon,.demo-share-option-icon{width:38px;height:38px}.demo-review-premium .demo-review-plan-copy,.demo-share-premium .demo-review-plan-copy{padding:17px 15px}.demo-review-group>summary{grid-template-columns:minmax(0,1fr) 28px 18px;padding:12px}.demo-review-group>div{padding-inline:12px}.demo-share-primary-card{padding:16px}.demo-share-premium .demo-file-fallback,.demo-share-premium .demo-client-preview-entry{padding:15px}}
@media(prefers-reduced-motion:reduce){.demo-review-preview-action,.demo-review-group>summary>i{transition:none!important}.demo-review-preview-action:hover{transform:none}}
@media(forced-colors:active){.demo-review-command-card,.demo-review-overview,.demo-review-assurance,.demo-review-group,.demo-share-hero,.demo-share-primary-card,.demo-file-fallback,.demo-client-preview-entry,.demo-continuity,.demo-security{border-color:ButtonText!important;box-shadow:none!important}.demo-review-ready-label>span,.demo-share-hero-mark,.demo-share-channel-number{background:Highlight!important;color:HighlightText!important}}

/* Premium Client Preview parity */
.demo-client-preview-premium{
  --preview-ink:#173A36;
  --preview-text:#294B47;
  --preview-muted:#617A76;
  --preview-brand:#2D9D8E;
  --preview-brand-dark:#1E7469;
  --preview-line:#D7E7E3;
  grid-template-columns:minmax(0,820px) minmax(250px,.34fr);
  gap:22px;
  align-items:start;
  width:min(100%,1120px);
  max-width:none;
  padding-bottom:84px;
}
.demo-client-preview-stage{
  display:grid;
  gap:12px;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.demo-client-preview-command{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:8px 2px 13px;
}
.demo-client-preview-command>div{display:grid;gap:2px;min-width:0}
.demo-client-preview-command>div>strong{overflow:hidden;color:var(--preview-ink);font-size:.76rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.demo-client-preview-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:7px 10px;
  border:1px solid #D5E5E1;
  border-radius:12px;
  background:#fff;
  color:var(--preview-brand-dark);
  box-shadow:0 5px 14px rgba(22,65,58,.04);
  font:inherit;
  font-size:.7rem;
  font-weight:900;
  cursor:pointer;
}
.demo-preview-only-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #C9DFDA;border-radius:999px;background:#F7FBFA;color:var(--preview-brand-dark);font-size:.65rem;font-weight:900;white-space:nowrap}
.demo-client-plan-canvas{overflow:hidden;border:1px solid #CFE2DD;border-radius:26px;background:#fff;box-shadow:0 18px 52px rgba(22,65,58,.095)}
.demo-client-plan-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.56fr);align-items:end;gap:20px 26px;padding:clamp(22px,3.4vw,34px);border-bottom:1px solid #DCEAE6;background:radial-gradient(circle at 94% 8%,rgba(45,157,142,.15),transparent 34%),linear-gradient(135deg,#fff 0%,#F4FBF9 64%,#EAF7F4 100%)}
.demo-client-plan-copy{display:grid;gap:8px;min-width:0}
.demo-client-plan-copy h1{margin:0;color:var(--preview-ink);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.02;letter-spacing:-.052em}
.demo-client-plan-copy>p{max-width:58ch;margin:0;color:var(--preview-muted);font-size:.86rem;line-height:1.53}
.demo-client-plan-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;overflow:hidden;border:1px solid rgba(190,218,211,.9);border-radius:16px;background:rgba(255,255,255,.8);box-shadow:0 8px 22px rgba(22,65,58,.04)}
.demo-client-plan-metrics>div{display:grid;gap:4px;min-height:70px;padding:12px 13px;border-right:1px solid #DCE9E6;border-bottom:1px solid #DCE9E6}.demo-client-plan-metrics>div:nth-child(2n){border-right:0}.demo-client-plan-metrics>div:nth-last-child(-n+2){border-bottom:0}
.demo-client-plan-metrics dt{color:var(--preview-muted);font-size:.58rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.demo-client-plan-metrics dd{margin:0;color:var(--preview-ink);font-size:.82rem;font-weight:900}
.demo-client-preview-notice{margin:17px clamp(16px,3vw,26px) 0;border:1px solid #D3E8E2;border-left:4px solid var(--preview-brand);border-radius:14px;background:#F4FAF8}
.demo-client-moment-note{margin:12px clamp(16px,3vw,26px) 0!important;padding:0;color:var(--preview-muted);font-size:.72rem!important;line-height:1.48!important}
.demo-client-moment-nav{display:grid;gap:8px;padding:18px clamp(16px,3vw,26px) 1px}.demo-client-moment-nav>span{color:var(--preview-muted);font-size:.59rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase}.demo-client-moment-nav>div{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 6px;scroll-snap-type:x proximity}.demo-client-moment-nav a{scroll-snap-align:start;display:inline-flex;align-items:center;gap:9px;min-height:39px;padding:8px 10px 8px 12px;border:1px solid #D5E5E1;border-radius:12px;background:#fff;color:var(--preview-ink);font-size:.7rem;font-weight:850;text-decoration:none;white-space:nowrap}.demo-client-moment-nav a b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#E8F4F1;color:var(--preview-brand-dark);font-size:.61rem}
.demo-client-preview-groups{display:grid!important;gap:25px!important;padding:22px clamp(16px,3vw,26px) 30px;border-top:0!important}
.demo-client-preview-group{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;padding:0!important;border:0!important;scroll-margin-top:100px}
.demo-client-preview-group-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:0!important}
.demo-client-moment-number{display:grid!important;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#EAF7F4,#DFF1EC);color:var(--preview-brand-dark)!important;font-size:.64rem!important;font-weight:950!important}
.demo-client-preview-group-head>div{display:grid;gap:1px}.demo-client-preview-group-head>div small{color:var(--preview-muted);font-size:.56rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.demo-client-preview-group-head>div strong{color:var(--preview-ink);font-size:1rem;letter-spacing:0;text-transform:none}.demo-client-preview-group-head>b{padding:6px 9px;border-radius:999px;background:#F1F7F5;color:var(--preview-muted);font-size:.61rem;font-weight:900;white-space:nowrap}
.demo-client-preview-supports{display:grid;gap:10px}
.demo-client-preview-support{display:grid!important;grid-template-columns:minmax(145px,.33fr) minmax(0,1fr);gap:8px 18px!important;padding:16px!important;border:1px solid #D8E7E3!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 20px rgba(22,65,58,.04)}
.demo-client-preview-support+ .demo-client-preview-support{border-top:1px solid #D8E7E3!important}
.demo-client-preview-support>header{grid-row:1/3;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:9px}.demo-client-preview-support>header>div{display:grid;gap:6px}.demo-client-preview-support>header strong{color:var(--preview-ink);font-size:.88rem;line-height:1.25}.demo-client-preview-support>header small{justify-self:start;padding:4px 8px;border-radius:999px;background:#F2F6F5;color:var(--preview-muted);font-size:.59rem;font-weight:850}
.demo-client-support-number{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#EEF7F4;color:var(--preview-brand-dark);font-size:.57rem;font-weight:950}
.demo-client-preview-support>section{display:grid;gap:4px}.demo-client-preview-support>section>span{color:var(--preview-brand-dark);font-size:.57rem;font-weight:950;letter-spacing:.065em;text-transform:uppercase}.demo-client-preview-support>section>p{margin:0;color:var(--preview-text);font-size:.74rem;line-height:1.48}
.demo-client-preview-actions{position:sticky;bottom:0;z-index:8;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px clamp(14px,3vw,24px) calc(12px + var(--safe-bottom));border-top:1px solid #D7E7E3;background:rgba(250,253,252,.96);box-shadow:0 -10px 28px rgba(22,65,58,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.demo-client-preview-actions>p{display:grid;gap:1px;margin:0}.demo-client-preview-actions>p strong{color:var(--preview-ink);font-size:.69rem}.demo-client-preview-actions>p span{color:var(--preview-muted);font-size:.61rem;font-weight:700}.demo-client-preview-actions .button{min-height:46px;border-radius:13px}
.demo-client-preview-explainer{display:grid;gap:10px;padding:18px;border:1px solid #D5E5E1;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(22,65,58,.045)}.demo-client-preview-explainer h2{margin:4px 0 0;color:var(--preview-ink);font-size:1.05rem;line-height:1.24}.demo-client-preview-explainer p{margin:0;color:var(--preview-muted);font-size:.78rem;line-height:1.5}.demo-client-preview-explainer .button{width:100%;margin-top:3px}
@media(max-width:850px){.demo-client-preview-premium{grid-template-columns:1fr}.demo-client-preview-explainer{position:static;order:-1}.demo-client-plan-hero{grid-template-columns:1fr}.demo-client-plan-metrics{width:100%}}
@media(max-width:620px){.demo-client-preview-premium{width:100%;padding-bottom:70px}.demo-client-preview-command{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:4px 0 9px}.demo-client-preview-command>div>strong{font-size:.66rem}.demo-client-preview-back{min-height:36px;padding:6px 8px;font-size:.66rem}.demo-preview-only-chip{min-height:30px;padding:5px 8px;font-size:.58rem}.demo-client-plan-canvas{margin-inline:-1px;border-radius:20px;box-shadow:0 11px 32px rgba(22,65,58,.075)}.demo-client-plan-hero{padding:21px 17px}.demo-client-plan-copy h1{font-size:1.75rem}.demo-client-plan-copy>p{font-size:.78rem}.demo-client-plan-metrics>div{min-height:64px;padding:10px 11px}.demo-client-preview-notice{margin:14px 13px 0}.demo-client-moment-note{margin-inline:13px!important}.demo-client-moment-nav{padding-inline:13px}.demo-client-preview-groups{padding:20px 13px 25px}.demo-client-preview-group-head{grid-template-columns:auto minmax(0,1fr)!important}.demo-client-preview-group-head>b{grid-column:2;justify-self:start;margin-top:-5px}.demo-client-preview-support{grid-template-columns:1fr;gap:12px!important;padding:14px!important}.demo-client-preview-support>header{grid-row:auto}.demo-client-preview-actions{grid-template-columns:1fr;padding-inline:13px}.demo-client-preview-actions>p{display:none}.demo-client-preview-actions .button{width:100%}.demo-client-preview-explainer{display:none}}
@media(max-width:400px){.demo-client-preview-command>div>strong{display:none}.demo-preview-only-chip{width:34px;justify-content:center;padding:0;font-size:0}.demo-preview-only-chip>span{font-size:.7rem}.demo-client-plan-copy h1{font-size:1.6rem}.demo-client-preview-support>header>div{grid-template-columns:1fr}.demo-client-preview-support>header small{justify-self:start}}
@media(prefers-reduced-motion:reduce){.demo-client-moment-nav>div{scroll-behavior:auto}}
@media(forced-colors:active){.demo-client-plan-canvas,.demo-client-plan-metrics,.demo-client-plan-metrics>div,.demo-client-moment-nav a,.demo-client-preview-support,.demo-client-preview-actions,.demo-client-preview-explainer{border-color:ButtonText!important;box-shadow:none!important}.demo-client-moment-number,.demo-client-support-number,.demo-client-moment-nav a b{background:Highlight!important;color:HighlightText!important}}
@media(max-width:620px){.demo-client-plan-hero{gap:13px;padding:18px 15px}.demo-client-plan-copy{gap:6px}.demo-client-plan-copy h1{font-size:1.62rem}.demo-client-plan-copy>p{font-size:.75rem;line-height:1.45}.demo-client-plan-metrics{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));border-radius:14px}.demo-client-plan-metrics>div,.demo-client-plan-metrics>div:nth-child(2n),.demo-client-plan-metrics>div:nth-last-child(-n+2){min-height:58px;padding:9px 8px;border-right:1px solid #DCE9E6;border-bottom:0}.demo-client-plan-metrics>div:last-child{border-right:0}.demo-client-plan-metrics dt{font-size:.52rem}.demo-client-plan-metrics dd{font-size:.72rem}.demo-client-preview-notice{margin:10px 11px 0;padding:9px 10px}.demo-client-preview-notice p{font-size:.67rem}.demo-client-moment-note{margin:9px 11px 0!important;font-size:.68rem!important}.demo-client-moment-nav{gap:6px;padding:13px 11px 0}.demo-client-moment-nav a{min-height:37px;padding-block:7px}.demo-client-preview-groups{gap:21px;padding:17px 11px 24px}}

/* Final Professional demo parity and accessibility. */
.demo-language-boundary{display:block;margin-top:8px;color:var(--muted);font-size:.72rem;font-weight:760}
.demo-report-review-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.demo-shared-custom-support{display:grid;gap:7px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#F8FBFA}
.demo-shared-custom-support p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}
.demo-shared-custom-support .button{justify-self:start}
.demo-app :is(.button,.text-button,.back-button,.outcome-button),
.demo-app input:not([type="checkbox"]):not([type="radio"]),
.demo-app select{min-block-size:44px}
.demo-app :is(button,a[href],input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid rgba(45,157,142,.48);outline-offset:3px}
.welcome-layer,.info-layer,.demo-support-editor,.demo-scope-selector-panel[role="dialog"]{max-block-size:100dvh;overflow:auto;overscroll-behavior:contain;padding-bottom:max(1rem,env(safe-area-inset-bottom))}
@media(max-width:620px){.demo-report-review-actions{display:grid;grid-template-columns:1fr}.demo-report-review-actions .button,.demo-shared-custom-support .button{width:100%}.welcome-layer,.info-layer,.demo-support-editor,.demo-scope-selector-panel[role="dialog"]{max-block-size:calc(100dvh - env(safe-area-inset-top));scroll-padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.demo-app *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}


/* Professional demo client workspace and focused plan-client picker repair. */
.demo-workspace-client-section{display:grid;gap:15px}
.demo-workspace-client-section .demo-flat-heading{padding:0 2px}
.demo-workspace-client-section .demo-flat-heading h2{margin:4px 0 0;color:var(--ink);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.08;letter-spacing:-.035em}
.demo-workspace-client-section .demo-flat-heading p{max-width:62ch;margin:7px 0 0;color:var(--muted);font-size:.86rem}
.demo-client-choice.featured{border-left:4px solid var(--brand);padding-left:14px;background:linear-gradient(90deg,#EEF9F6,transparent 72%)}
.demo-client-choice>div>small{display:block;margin-top:6px;color:var(--muted);font-size:.72rem;font-weight:760}
.demo-workspace-add-client{justify-self:start}
.demo-client-picker-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.72fr);gap:15px 22px;align-items:end;padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(25,67,61,.06)}
.demo-client-picker-card h2{margin:5px 0 0;color:var(--ink);font-size:1.25rem;line-height:1.15;letter-spacing:-.03em}
.demo-client-picker-card>div>p{max-width:55ch;margin:7px 0 0;color:var(--muted);font-size:.84rem}
.demo-client-picker-label{display:grid;gap:7px;color:var(--ink);font-size:.78rem;font-weight:900}
.demo-client-picker-label select{width:100%;min-height:48px;padding:0 42px 0 13px;border:1px solid var(--line);border-radius:14px;background:#FAFCFB;color:var(--ink);font:inherit;font-weight:780}
.demo-client-picker-help{grid-column:2;margin:0;color:var(--muted);font-size:.71rem;line-height:1.4}
.demo-client-picker-card>.button{grid-column:2;width:100%}
.demo-client-picker-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.demo-client-picker-divider:before,.demo-client-picker-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.demo-add-client-button{justify-self:start;min-width:210px}
.demo-client-workspace{gap:16px}
.demo-client-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fff,#EBF8F5);box-shadow:var(--shadow)}
.demo-client-workspace-heading h1{margin:5px 0 0;color:var(--ink);font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.02;letter-spacing:-.045em}
.demo-client-workspace-heading p{max-width:58ch;margin:9px 0 0;color:var(--muted)}
.demo-client-workspace-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.45fr);gap:15px 24px;align-items:start;padding:20px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.demo-client-workspace-copy h2{margin:7px 0 0;color:var(--ink);font-size:1.35rem;letter-spacing:-.03em}
.demo-client-workspace-copy p{max-width:58ch;margin:6px 0 0;color:var(--muted);font-size:.87rem}
.demo-client-workspace-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--line)}
.demo-client-workspace-meta>div{padding:11px;background:#fff}
.demo-client-workspace-meta dt{color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.demo-client-workspace-meta dd{margin:3px 0 0;color:var(--ink);font-size:.78rem;font-weight:900}
.demo-client-workspace-note{grid-column:1 / -1;margin:0;padding:12px 13px;border-left:4px solid var(--brand);border-radius:12px;background:#F0F8F6;color:var(--text);font-size:.8rem;line-height:1.48}
.demo-client-workspace-plan>.button{grid-column:1 / -1;justify-self:start;min-width:220px}
@media(max-width:680px){
  .demo-client-choice{grid-template-columns:minmax(0,1fr) auto;padding-block:17px}
  .demo-client-choice>.button{grid-column:1 / -1;width:100%}
  .demo-workspace-add-client,.demo-add-client-button{width:100%}
  .demo-client-picker-card{grid-template-columns:1fr;padding:17px}
  .demo-client-picker-help,.demo-client-picker-card>.button{grid-column:1}
  .demo-client-workspace-heading{display:grid;padding:19px;border-radius:23px}
  .demo-client-workspace-heading .version-chip{justify-self:start}
  .demo-client-workspace-plan{grid-template-columns:1fr;padding-block:17px}
  .demo-client-workspace-plan>.button{width:100%;min-width:0}
}
@media(forced-colors:active){.demo-client-picker-card,.demo-client-workspace-heading,.demo-client-workspace-meta,.demo-client-workspace-meta>div{border-color:ButtonText;box-shadow:none}}


/* Functional Professional demo client Plan / Reports / Versions tabs. */
.demo-client-record-tabs button{position:relative;min-height:48px;border:0;border-radius:0;background:transparent;font:inherit;cursor:pointer}
.demo-client-record-tabs button:after{content:"";position:absolute;right:10px;bottom:-1px;left:10px;height:3px;border-radius:999px 999px 0 0;background:transparent}
.demo-client-record-tabs button.active{border-bottom:0}
.demo-client-record-tabs button.active:after{background:var(--brand)}
.demo-client-record-tabs button:hover{background:rgba(45,157,142,.055);color:var(--brand-dark)}
.demo-client-workspace-panel{min-height:230px;outline:0}
.demo-client-workspace-panel:focus-visible{border-radius:18px;outline:3px solid rgba(45,157,142,.35);outline-offset:4px}
.demo-client-history-surface{display:grid;gap:20px;padding:21px 2px 4px;border-bottom:1px solid var(--line)}
.demo-client-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.demo-client-history-heading h2{margin:5px 0 0;color:var(--ink);font-size:1.35rem;line-height:1.12;letter-spacing:-.03em}
.demo-client-history-heading p{max-width:58ch;margin:6px 0 0;color:var(--muted);font-size:.84rem;line-height:1.48}
.demo-history-count{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border-radius:999px;background:#EAF7F3;color:var(--brand-dark);font-size:.76rem;font-weight:950}
.demo-client-history-group{display:grid;gap:9px}
.demo-client-history-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}
.demo-client-history-group>header h3{margin:0;color:var(--ink);font-size:.84rem;letter-spacing:.01em}
.demo-client-history-group>header span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#EEF4F2;color:var(--muted);font-size:.66rem;font-weight:950}
.demo-client-history-list{display:grid;border-top:1px solid var(--line)}
.demo-client-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line)}
.demo-client-history-row-copy{min-width:0}
.demo-client-history-row-copy h4{margin:7px 0 0;color:var(--ink);font-size:1rem;line-height:1.2;letter-spacing:-.015em}
.demo-client-history-row-copy p{margin:5px 0 0;color:var(--text);font-size:.78rem;line-height:1.45}
.demo-client-history-row-copy small{display:block;margin-top:5px;color:var(--muted);font-size:.68rem;font-weight:760}
.demo-client-history-row>.button{min-width:154px}
.demo-client-empty-state{display:grid;justify-items:start;gap:7px;min-height:220px;align-content:center;padding:30px 24px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(234,247,243,.72),rgba(255,255,255,0) 70%)}
.demo-client-empty-state h2,.demo-client-empty-state h1{margin:0;color:var(--ink);font-size:1.35rem;letter-spacing:-.03em}
.demo-client-empty-state p{max-width:58ch;margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}
.status-chip.received{background:#FFF0E4;color:#805024}
.status-chip.reviewed{background:#EEF4F2;color:#536C67}
.status-chip.draft{background:#EEF4F2;color:#496762}
.status-chip.published{background:#E7F7F1;color:#216A5F}
.demo-client-version-preview{gap:18px}
.demo-client-version-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fff,#EBF8F5);box-shadow:var(--shadow)}
.demo-client-version-hero h1{margin:5px 0 0;color:var(--ink);font-size:clamp(1.75rem,5vw,2.65rem);line-height:1.03;letter-spacing:-.045em}
.demo-client-version-hero p{max-width:58ch;margin:8px 0 0;color:var(--muted)}
.demo-client-version-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}
.demo-client-version-meta>div{padding:14px;background:#fff}
.demo-client-version-meta dt{color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.demo-client-version-meta dd{margin:4px 0 0;color:var(--ink);font-size:.8rem;font-weight:900}
@media(max-width:680px){
  .demo-client-record-tabs button{min-height:46px;padding-inline:5px}
  .demo-client-history-surface{padding-top:18px}
  .demo-client-history-row{grid-template-columns:1fr;padding-block:15px}
  .demo-client-history-row>.button{width:100%;min-width:0}
  .demo-client-empty-state{min-height:240px;padding:24px 15px}
  .demo-client-version-hero{display:grid;padding:19px;border-radius:23px}
  .demo-client-version-hero .version-chip{justify-self:start}
  .demo-client-version-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){.demo-client-record-tabs :is(span,button){font-size:.72rem}.demo-client-version-meta{grid-template-columns:1fr}}
@media(forced-colors:active){.demo-client-record-tabs button,.demo-client-workspace-panel,.demo-client-history-row,.demo-client-empty-state,.demo-client-version-hero,.demo-client-version-meta,.demo-client-version-meta>div{border-color:ButtonText!important;box-shadow:none!important}.demo-client-record-tabs button.active:after{background:Highlight!important}}

/* Professional overview first-screen hierarchy — live workspace parity. */
.demo-overview{gap:clamp(16px,2.2vw,24px)}
.demo-overview-hero[data-density="compact"]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,34px);padding:clamp(20px,2.7vw,30px);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#eff9f6 100%);box-shadow:0 14px 36px rgba(23,58,54,.08)}
.demo-overview-hero h1{font-size:clamp(1.8rem,4vw,2.55rem)}
.demo-overview-hero p{max-width:62ch;font-size:clamp(.91rem,1.3vw,1rem);line-height:1.5}
.demo-overview-primary{min-width:220px;min-height:50px;gap:8px;white-space:nowrap}
.demo-overview-primary>span{font-size:1.15rem;font-weight:700;line-height:1}
.demo-overview-context{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:17px;background:#f3faf8}
.demo-overview-context>span{display:grid;place-items:center;width:31px;height:31px;border-radius:999px;background:var(--brand-dark);color:#fff;font-size:.86rem;font-weight:900}
.demo-overview-context strong{display:block;color:var(--ink);font-size:.94rem;line-height:1.3}
.demo-overview-context p{max-width:78ch;margin:3px 0 0;color:var(--muted);font-size:.8rem;line-height:1.42}
.demo-workspace-client-section{gap:14px}
.demo-workspace-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:0 4px}
.demo-workspace-section-heading>div{min-width:0}
.demo-workspace-section-heading h2{margin:0;color:var(--ink);font-size:clamp(1.45rem,3vw,2rem);line-height:1.08;letter-spacing:-.035em}
.demo-workspace-section-heading p{max-width:68ch;margin:8px 0 0;color:var(--muted);font-size:.87rem;line-height:1.5}
.demo-workspace-section-heading>span{flex:0 0 auto;padding-bottom:3px;color:var(--muted);font-size:.75rem;font-weight:900}
.demo-workspace-section-heading .eyebrow{margin-bottom:6px}
.demo-workspace-add-client{min-width:170px}
.demo-overview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:3px 2px 0;border-top:1px solid var(--line)}
.demo-overview-footer p{margin:0;color:var(--muted);font-size:.72rem;font-weight:760}
.demo-overview-footer .text-button{min-height:44px;font-size:.77rem}
@media(max-width:820px){.demo-overview-hero[data-density="compact"]{grid-template-columns:minmax(0,1fr) auto;align-items:end}.demo-overview-primary{min-width:190px}.demo-overview-footer{display:grid;justify-content:stretch;gap:2px}.demo-overview-footer .text-button{justify-self:start;padding:0}}
@media(max-width:640px){.demo-overview{gap:16px}.demo-overview-hero[data-density="compact"]{grid-template-columns:1fr;gap:17px;padding:19px;border-radius:21px}.demo-overview-hero h1{font-size:1.85rem}.demo-overview-hero p{margin-top:8px;font-size:.9rem}.demo-overview-primary{width:100%;min-width:0}.demo-overview-context{align-items:start;gap:11px;padding:13px}.demo-overview-context strong{font-size:.9rem}.demo-overview-context p{font-size:.78rem}.demo-workspace-section-heading{display:grid;align-items:start;gap:5px}.demo-workspace-section-heading h2{font-size:1.65rem}.demo-workspace-section-heading>span{justify-self:start}.demo-workspace-add-client{width:100%}}
@media(max-width:360px){.demo-overview-hero[data-density="compact"]{padding:16px}.demo-overview-context{grid-template-columns:1fr}}
@media(forced-colors:active){.demo-overview-hero[data-density="compact"],.demo-overview-context{border-color:ButtonText;box-shadow:none}}

/* Backup-before-share demo parity */
.demo-backup-before-share{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:start;
  gap:18px;
  padding:clamp(20px,3vw,30px);
  border:1px solid #d7b27e;
  border-radius:22px;
  background:linear-gradient(135deg,#fffaf3,#fffdf9);
  box-shadow:0 14px 34px rgba(71,48,24,.07);
}
.demo-backup-before-share-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:17px;
  background:var(--ink);
  color:#fff;
  font-size:1.35rem;
  font-weight:950;
}
.demo-backup-before-share h2{
  margin:5px 0 0;
  color:var(--ink);
  font-size:clamp(1.18rem,2.1vw,1.48rem);
  line-height:1.25;
}
.demo-backup-before-share p{
  max-width:76ch;
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.55;
}
.demo-backup-before-share ul{
  display:grid;
  gap:9px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.demo-backup-before-share li{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:start;
  gap:9px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
}
.demo-backup-before-share li>span:first-child{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#e5f3ef;
  color:var(--brand-dark);
  font-weight:950;
}
.demo-backup-before-share-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.demo-backup-before-share-actions .button{
  min-height:48px;
}
.demo-backup-lock-note{
  padding:11px 13px;
  border:1px solid #ead7bc;
  border-radius:13px;
  background:rgba(255,255,255,.72);
}
@media(max-width:640px){
  .demo-backup-before-share{
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    padding:18px 16px;
    border-radius:19px;
  }
  .demo-backup-before-share-icon{
    width:44px;
    height:44px;
    border-radius:14px;
    font-size:1.1rem;
  }
  .demo-backup-before-share-actions{
    display:grid;
    grid-column:1/-1;
  }
  .demo-backup-before-share-actions .button{
    width:100%;
  }
}
@media(max-width:400px){
  .demo-backup-before-share{
    grid-template-columns:1fr;
  }
}
@media(forced-colors:active){
  .demo-backup-before-share,
  .demo-backup-lock-note{
    border-color:ButtonText;
    box-shadow:none;
  }
  .demo-backup-before-share-icon,
  .demo-backup-before-share li>span:first-child{
    background:Highlight;
    color:HighlightText;
  }
}


/* Professional backup and device-transfer guidance parity. */
.demo-device-transfer-guide{
  display:grid;
  gap:12px;
  margin:14px 0;
  padding:16px;
  border:1px solid rgba(45,112,103,.24);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f1f8f6);
}
.demo-device-transfer-guide h3,
.demo-device-transfer-guide p{margin:0}
.demo-device-transfer-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.demo-device-transfer-columns>section{
  padding:12px;
  border:1px solid rgba(45,112,103,.18);
  border-radius:14px;
  background:#fff;
}
.demo-device-transfer-columns strong{color:#163f3a}
.demo-device-transfer-columns ol{
  display:grid;
  gap:6px;
  margin:9px 0 0;
  padding-left:20px;
  color:#526964;
  font-size:.84rem;
  line-height:1.45;
}
.demo-overview-footer>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media(max-width:640px){
  .demo-device-transfer-columns{grid-template-columns:1fr}
  .demo-overview-footer>div{display:grid;width:100%;justify-content:stretch}
  .demo-overview-footer>div .text-button{width:100%}
}

/* Professional demo new-client value loop. */
.demo-client-use-groups{
  display:grid;
  gap:14px;
}
.demo-client-use-groups .client-moment-group{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#FAFCFB;
}
.demo-client-use-groups .client-moment-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 4px;
}
.demo-client-use-groups .client-moment-heading strong{
  color:var(--ink);
}
.demo-client-use-groups .client-moment-heading span{
  color:var(--muted);
  font-size:.76rem;
  font-weight:850;
}
.demo-client-use-groups .client-support-focus{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.demo-client-use-groups .client-support-focus.selected{
  border-color:rgba(45,157,142,.72);
  background:var(--soft);
  box-shadow:0 8px 20px rgba(45,157,142,.10);
}
.demo-client-use-groups .client-support-focus>div{
  display:grid;
  gap:4px;
  min-width:0;
}
.demo-client-use-groups .client-support-focus small{
  color:var(--brand-dark);
  font-size:.75rem;
  font-weight:850;
  text-transform:capitalize;
}
.demo-client-outcome-panel{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid rgba(45,157,142,.30);
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#F0FAF7);
  box-shadow:0 10px 24px rgba(25,67,61,.06);
}
.demo-client-outcome-panel h2{
  margin:0;
  color:var(--ink);
  font-size:1.08rem;
  line-height:1.2;
}
@media(max-width:620px){
  .demo-client-use-groups .client-support-focus{
    grid-template-columns:1fr;
  }
  .demo-client-use-groups .client-support-focus .button{
    width:100%;
  }
  .demo-client-use-groups .client-moment-heading{
    align-items:flex-start;
  }
  .demo-client-outcome-panel{
    padding:14px;
  }
}
@media(forced-colors:active){
  .demo-client-use-groups .client-moment-group,
  .demo-client-use-groups .client-support-focus,
  .demo-client-outcome-panel{
    border-color:ButtonText;
    box-shadow:none;
  }
}

/* Professional demo guided isolated-session framing — full feature access remains available. */
.demo-role-context{
  display:grid;
  gap:2px;
  min-width:0;
}
.demo-role-context>span{
  color:var(--ink);
  font-size:.77rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.demo-role-context>small{
  color:var(--muted);
  font-size:.72rem;
  font-weight:750;
}
.demo-role-banner .text-button{
  flex:0 0 auto;
  min-height:40px;
  padding:7px 9px;
  border-radius:11px;
}
.demo-role-banner .text-button:hover,
.demo-role-banner .text-button:focus-visible{
  background:var(--soft);
}
.demo-journey{
  display:grid;
  gap:10px;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid rgba(45,157,142,.28);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,249,246,.92));
  box-shadow:0 10px 28px rgba(25,67,61,.06);
}
.demo-journey[hidden]{display:none!important}
.demo-journey-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.demo-journey-head>div{
  display:grid;
  gap:2px;
  min-width:0;
}
.demo-journey-head strong{
  color:var(--ink);
  font-size:.83rem;
}
.demo-journey-head span{
  overflow:hidden;
  color:var(--muted);
  font-size:.72rem;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.demo-journey-head em{
  flex:0 0 auto;
  padding:4px 9px;
  border-radius:999px;
  background:#fff;
  color:var(--brand-dark);
  font-size:.68rem;
  font-style:normal;
  font-weight:950;
}
.demo-journey ol{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.demo-journey li{
  position:relative;
  display:grid;
  justify-items:center;
  gap:5px;
  min-width:0;
  text-align:center;
}
.demo-journey li:not(:last-child):after{
  content:"";
  position:absolute;
  top:14px;
  left:calc(50% + 18px);
  width:calc(100% - 30px);
  height:2px;
  background:var(--line);
}
.demo-journey li>span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:.72rem;
  font-weight:950;
}
.demo-journey li>small{
  color:var(--muted);
  font-size:.64rem;
  font-weight:800;
  line-height:1.2;
}
.demo-journey li.done>span,
.demo-journey li.active>span{
  border-color:var(--brand);
  background:var(--brand);
  color:#fff;
}
.demo-journey li.done:not(:last-child):after{background:var(--brand)}
.demo-journey li.active>small,
.demo-journey li.done>small{color:var(--ink)}
.demo-journey p{
  margin:0;
  color:var(--muted);
  font-size:.7rem;
  text-align:center;
}
.record-origin-chip{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:3px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:.62rem;
  font-weight:900;
  white-space:nowrap;
}
.record-origin-chip.session{
  border-color:rgba(45,157,142,.34);
  background:var(--soft);
  color:var(--brand-dark);
}
.demo-record-origin{margin-top:7px}
.demo-client-row-chips{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.reset-layer{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(17,45,41,.62);
  backdrop-filter:blur(10px);
}
.reset-layer[hidden]{display:none!important}
.reset-card{
  width:min(540px,100%);
  padding:clamp(22px,5vw,34px);
  border:1px solid rgba(255,255,255,.5);
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 90px rgba(12,35,32,.3);
}
.reset-card h2{
  margin:7px 0 0;
  color:var(--ink);
  font-size:clamp(1.55rem,6vw,2.2rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.reset-card>p{
  margin:16px 0;
  color:var(--muted);
}
.reset-summary{
  display:grid;
  gap:3px;
  padding:13px 14px;
  border-left:4px solid var(--brand);
  border-radius:0 14px 14px 0;
  background:var(--soft);
}
.reset-summary strong{color:var(--ink)}
.reset-summary span{color:var(--muted);font-size:.8rem}
.reset-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:20px;
}
@media(max-width:620px){
  .sample-banner{font-size:.75rem}
  .demo-role-banner{
    align-items:flex-start;
  }
  .demo-role-context>small{font-size:.66rem}
  .demo-role-banner .text-button{
    max-width:46%;
    padding-inline:6px;
    font-size:.73rem;
    text-align:right;
  }
  .demo-journey{
    padding:12px 10px;
    border-radius:17px;
  }
  .demo-journey-head{
    align-items:flex-start;
  }
  .demo-journey-head span{
    max-width:230px;
  }
  .demo-journey ol{gap:2px}
  .demo-journey li:not(:last-child):after{
    top:12px;
    left:calc(50% + 14px);
    width:calc(100% - 22px);
  }
  .demo-journey li>span{
    width:25px;
    height:25px;
    font-size:.65rem;
  }
  .demo-journey li>small{
    font-size:.56rem;
  }
  .demo-journey p{display:none}
  .reset-actions{display:grid}
  .reset-actions .button{width:100%}
}
@media(max-width:390px){
  .demo-journey-head span{max-width:180px}
  .demo-journey li>small{font-size:.52rem}
}
@media(forced-colors:active){
  .demo-journey,
  .demo-journey li>span,
  .record-origin-chip,
  .reset-card{
    border-color:ButtonText;
    box-shadow:none;
  }
  .demo-journey li.done>span,
  .demo-journey li.active>span{
    background:Highlight;
    color:HighlightText;
  }
}


/* Professional demo complete value-loop walkthrough — non-gating guided main event. */
.welcome-value-loop{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  counter-reset:welcome-loop;
}
.welcome-value-loop li{
  display:grid;
  gap:6px;
  min-width:0;
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  line-height:1.2;
  text-align:center;
}
.welcome-value-loop li:before{
  counter-increment:welcome-loop;
  content:counter(welcome-loop);
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  margin:auto;
  border-radius:999px;
  background:var(--soft);
  color:var(--brand-dark);
  font-size:.75rem;
  font-weight:950;
}
.demo-journey.walkthrough{
  gap:12px;
  border-color:rgba(45,157,142,.42);
  background:linear-gradient(145deg,#fff,#edf9f6);
}
.demo-journey.walkthrough ol{
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.demo-walkthrough-instruction{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 14px;
  border:1px solid rgba(45,157,142,.24);
  border-radius:15px;
  background:#fff;
}
.demo-walkthrough-instruction>div:first-child{
  display:grid;
  gap:3px;
  min-width:0;
}
.demo-walkthrough-instruction>div:first-child>span{
  color:var(--brand-dark);
  font-size:.64rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.demo-walkthrough-instruction strong{
  color:var(--ink);
  font-size:.9rem;
  line-height:1.2;
}
.demo-walkthrough-instruction p{
  margin:0;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.45;
  text-align:left;
}
.demo-walkthrough-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.demo-walkthrough-actions .button{
  min-height:40px;
  padding:8px 12px;
  font-size:.74rem;
}
.demo-walkthrough-freedom{
  margin:0;
  color:var(--muted);
  font-size:.68rem;
  text-align:center;
}
.demo-walkthrough-target{
  position:relative;
  z-index:2;
  outline:3px solid rgba(247,166,92,.88)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 7px rgba(247,166,92,.14)!important;
}
@media(max-width:720px){
  .demo-journey.walkthrough ol{
    grid-template-columns:repeat(7,minmax(0,1fr));
  }
  .demo-journey.walkthrough li>small{display:none}
  .demo-walkthrough-instruction p{display:block}
  .demo-walkthrough-instruction{
    display:grid;
    gap:11px;
  }
  .demo-walkthrough-actions{
    display:grid;
    grid-template-columns:1fr auto;
  }
  .demo-walkthrough-actions .button{width:100%}
  .demo-walkthrough-freedom{display:none!important}
}
@media(max-width:520px){
  .welcome-value-loop{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:2px;
  }
  .welcome-value-loop li{
    font-size:.56rem;
  }
  .welcome-value-loop li:before{
    width:25px;
    height:25px;
    font-size:.66rem;
  }
  .demo-walkthrough-instruction{
    padding:12px;
  }
  .demo-walkthrough-actions{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce){
  .demo-walkthrough-target{scroll-behavior:auto}
}
@media(forced-colors:active){
  .demo-walkthrough-instruction,
  .demo-walkthrough-target{
    border-color:ButtonText;
    outline-color:Highlight!important;
    box-shadow:none!important;
  }
}

/* Professional demo guided path — decision-led, full-feature walkthrough. */
.welcome-layer{
  background:
    radial-gradient(circle at 18% 14%,rgba(91,207,187,.22),transparent 30%),
    radial-gradient(circle at 84% 84%,rgba(247,166,92,.18),transparent 32%),
    rgba(10,34,31,.78);
}
.welcome-story-card{
  width:min(720px,100%);
  overflow:hidden;
  padding:clamp(26px,5vw,48px);
  border:1px solid rgba(255,255,255,.68);
  background:
    radial-gradient(circle at 100% 0,rgba(45,157,142,.12),transparent 34%),
    linear-gradient(150deg,#fff 0%,#fbfefd 62%,#edf9f6 100%);
  box-shadow:0 36px 110px rgba(5,30,27,.42);
}
.welcome-story-card:after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-92px;
  width:230px;
  height:230px;
  border:44px solid rgba(45,157,142,.06);
  border-radius:999px;
  pointer-events:none;
}
.welcome-story-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:6px 10px;
  border:1px solid rgba(45,157,142,.28);
  border-radius:999px;
  background:rgba(238,249,246,.9);
  color:var(--brand-dark);
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.welcome-story-kicker span{
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--brand);
  box-shadow:0 0 0 5px rgba(45,157,142,.12);
}
.welcome-story-card h1{
  max-width:13ch;
  font-size:clamp(2.35rem,7vw,4.35rem);
}
.welcome-story-card>p{
  max-width:62ch;
  margin:16px 0 0;
  font-size:clamp(.96rem,2.2vw,1.08rem);
  line-height:1.6;
}
.welcome-story-promise{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  padding:13px 15px;
  border-left:4px solid var(--warm);
  border-radius:0 15px 15px 0;
  background:#fff8f1;
}
.welcome-story-promise strong{color:var(--ink);font-size:.86rem}
.welcome-story-promise span{color:#725339;font-size:.8rem}
.welcome-value-loop{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:24px;
  counter-reset:none;
}
.welcome-value-loop li{
  position:relative;
  display:grid;
  justify-items:start;
  gap:2px;
  min-height:94px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.86);
  text-align:left;
}
.welcome-value-loop li:before{content:none!important}
.welcome-value-loop li>span{
  color:var(--brand-dark);
  font-size:.65rem;
  font-weight:950;
  letter-spacing:.06em;
}
.welcome-value-loop li>strong{color:var(--ink);font-size:.88rem}
.welcome-value-loop li>small{color:var(--muted);font-size:.68rem;line-height:1.25}
.welcome-story-card .welcome-actions{position:relative;z-index:1;margin-top:24px}
.welcome-story-primary{min-width:250px;background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important}
.welcome-story-card>small{position:relative;z-index:1;display:block}

.demo-app[data-demo-role="client"] .demo-role-banner{
  border-color:rgba(75,132,186,.28);
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,247,255,.9));
}
.demo-app[data-demo-role="client"] .demo-role-context>span{color:#315f86}

.demo-journey.walkthrough.premium-story{
  position:sticky;
  top:calc(86px + var(--safe-top));
  z-index:14;
  display:block;
  margin:0 0 20px;
  padding:0;
  border:0;
  border-radius:24px;
  background:transparent;
  box-shadow:0 18px 50px rgba(16,51,47,.18);
}
.demo-story-guide{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:
    radial-gradient(circle at 8% 0,rgba(82,196,177,.22),transparent 32%),
    linear-gradient(135deg,#173a36 0%,#1c4a44 58%,#20584f 100%);
  color:#fff;
}
.demo-app[data-demo-role="client"] .demo-story-guide{
  background:
    radial-gradient(circle at 92% 0,rgba(104,174,222,.22),transparent 34%),
    linear-gradient(135deg,#183a45 0%,#214d5c 60%,#245b67 100%);
}
.demo-story-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 16px 10px;
}
.demo-story-identity{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.demo-story-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#e9fffa;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.demo-story-live i{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#8de2d0;
  box-shadow:0 0 0 4px rgba(141,226,208,.15);
}
.demo-story-identity>div{display:grid;min-width:0}
.demo-story-identity strong{overflow:hidden;color:#fff;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}
.demo-story-identity small{color:rgba(255,255,255,.68);font-size:.67rem;font-weight:700}
.demo-story-exit{
  flex:0 0 auto;
  padding:6px 0;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.72);
  font:inherit;
  font-size:.69rem;
  font-weight:850;
  cursor:pointer;
}
.demo-story-exit:hover,.demo-story-exit:focus-visible{color:#fff;text-decoration:underline}
.demo-journey.walkthrough .demo-story-chapters{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0 16px 11px;
  list-style:none;
}
.demo-journey.walkthrough .demo-story-chapters li{
  position:relative;
  display:flex;
  align-items:center;
  justify-items:initial;
  gap:8px;
  min-width:0;
  padding:6px 8px;
  border-radius:12px;
  text-align:left;
}
.demo-journey.walkthrough .demo-story-chapters li:not(:last-child):after{
  top:50%;
  left:calc(100% - 3px);
  width:6px;
  height:1px;
  background:rgba(255,255,255,.2);
}
.demo-journey.walkthrough .demo-story-chapters li>span{
  flex:0 0 auto;
  width:23px;
  height:23px;
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.7);
  font-size:.61rem;
}
.demo-journey.walkthrough .demo-story-chapters li>div{display:grid;min-width:0}
.demo-journey.walkthrough .demo-story-chapters li strong{
  color:rgba(255,255,255,.78);
  font-size:.7rem;
  line-height:1.1;
}
.demo-journey.walkthrough .demo-story-chapters li small{
  overflow:hidden;
  color:rgba(255,255,255,.48);
  font-size:.56rem;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.demo-journey.walkthrough .demo-story-chapters li.done>span,
.demo-journey.walkthrough .demo-story-chapters li.active>span{
  border-color:#93e3d2;
  background:#93e3d2;
  color:#143a35;
}
.demo-journey.walkthrough .demo-story-chapters li.active{
  background:rgba(255,255,255,.09);
}
.demo-journey.walkthrough .demo-story-chapters li.done strong,
.demo-journey.walkthrough .demo-story-chapters li.active strong{color:#fff}
.demo-story-progress{
  height:3px;
  background:rgba(255,255,255,.12);
}
.demo-story-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#77d9c5,#f5bd82);
  transition:width .32s ease;
}
.demo-story-command{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:15px 16px;
  background:rgba(6,27,24,.18);
}
.demo-story-copy{display:grid;gap:3px;min-width:0}
.demo-story-copy>span{
  color:#9ee6d7;
  font-size:.61rem;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.demo-app[data-demo-role="client"] .demo-story-copy>span{color:#a9d9f3}
.demo-story-copy>strong{color:#fff;font-size:1rem;line-height:1.2}
.demo-story-copy p{
  margin:1px 0 0;
  max-width:72ch;
  color:rgba(255,255,255,.72);
  font-size:.75rem;
  line-height:1.45;
  text-align:left;
}
.demo-story-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
  max-width:460px;
}
.demo-story-actions .button{
  min-height:41px;
  padding:8px 13px;
  font-size:.73rem;
  white-space:nowrap;
}
.demo-story-actions .button.primary{
  background:linear-gradient(135deg,#55baa9,#2d9d8e);
  box-shadow:0 10px 28px rgba(0,0,0,.2);
}
.demo-story-actions .button.quiet{
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.09);
  color:#fff;
}
.demo-story-actions .demo-story-alt{border-color:rgba(247,166,92,.5);color:#ffe3c7}
.demo-story-guide>footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 16px 10px;
  border-top:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.55);
  font-size:.61rem;
  font-weight:750;
}
.demo-story-guide>footer span:first-child{color:rgba(255,255,255,.74)}
.demo-story-guide>footer b{color:#93e3d2}
.demo-walkthrough-target{
  outline:2px solid rgba(45,157,142,.9)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 7px rgba(45,157,142,.13)!important;
}
.demo-version-two-actions{gap:8px;flex-wrap:wrap}
.demo-version-two-actions .button{min-width:180px}

@media(max-width:760px){
  .welcome-layer{
    place-items:start center;
    overflow-y:auto;
    padding-top:calc(14px + var(--safe-top));
    padding-bottom:calc(14px + var(--safe-bottom));
  }
  .welcome-story-card{margin:auto 0;padding:26px 20px}
  .welcome-story-card h1{max-width:15ch;font-size:clamp(2.2rem,10.5vw,3.2rem)}
  .welcome-story-promise{display:grid;gap:2px}
  .welcome-value-loop{gap:5px}
  .welcome-value-loop li{min-height:84px;padding:10px}
  .welcome-value-loop li>small{font-size:.61rem}
  .welcome-story-card .welcome-actions{display:grid}
  .welcome-story-card .welcome-actions .button{width:100%}
  .demo-journey.walkthrough.premium-story{
    position:sticky;
    top:calc(78px + var(--safe-top));
    border-radius:18px;
  }
  .demo-story-guide{border-radius:18px}
  .demo-story-head{padding:10px 12px 8px}
  .demo-story-live{padding:4px 7px;font-size:.55rem}
  .demo-story-identity{gap:8px}
  .demo-story-identity small{display:none}
  .demo-story-exit{font-size:.62rem}
  .demo-journey.walkthrough .demo-story-chapters{padding:0 9px 8px}
  .demo-journey.walkthrough .demo-story-chapters li{justify-content:center;gap:5px;padding:5px 3px}
  .demo-journey.walkthrough .demo-story-chapters li>span{width:21px;height:21px}
  .demo-journey.walkthrough .demo-story-chapters li>div{display:none}
  .demo-story-command{grid-template-columns:1fr;gap:10px;padding:12px}
  .demo-story-copy>strong{font-size:.9rem}
  .demo-story-copy p{font-size:.7rem;line-height:1.38}
  .demo-story-actions{display:grid;grid-template-columns:1fr;max-width:none}
  .demo-story-actions .button{width:100%;white-space:normal}
  .demo-story-guide>footer{display:none}
}
@media(max-width:420px){
  .welcome-value-loop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .welcome-value-loop li{min-height:72px}
  .demo-main{width:min(100% - 20px,1180px)}
  .demo-story-copy p{display:none}
  .demo-story-command{gap:8px}
  .demo-story-actions .button{min-height:39px}
}
@media(prefers-reduced-motion:reduce){
  .demo-story-progress span{transition:none}
}
@media(forced-colors:active){
  .welcome-story-card,.demo-story-guide{border:2px solid ButtonText;background:Canvas;color:CanvasText}
  .demo-story-copy>strong,.demo-story-identity strong,.demo-story-chapters li strong{color:CanvasText!important}
  .demo-story-copy p,.demo-story-identity small,.demo-story-guide>footer{color:CanvasText}
  .demo-story-actions .button.quiet{border-color:ButtonText;background:ButtonFace;color:ButtonText}
}

/* Step 2 v6 — streamlined hierarchy and natural page flow. */
.demo-builder[data-builder-step="2"]{
  gap:15px;
}
.demo-builder[data-builder-step="2"] .demo-builder-top{
  padding-bottom:13px;
}
.demo-builder[data-builder-step="2"] .demo-builder-top h1{
  font-size:clamp(1.35rem,3vw,1.75rem);
}
.demo-builder[data-builder-step="2"] .demo-builder-body{
  padding-top:4px;
}
.demo-builder[data-builder-step="2"] .demo-build-plan-main{
  gap:clamp(16px,2.2vw,24px);
}
.demo-builder[data-builder-step="2"] .demo-plan-moments{
  gap:10px;
  padding:0 0 17px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.demo-builder-view-heading{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
}
.demo-builder-view-heading h2{
  margin:0;
  color:var(--ink);
  font-size:.93rem;
  line-height:1.25;
}
.demo-builder[data-builder-step="2"] .demo-scope-selector{
  margin-top:0;
}
.demo-builder[data-builder-step="2"] .demo-scope-selector-control{
  min-height:58px;
  padding:9px 12px;
  border-radius:14px;
  box-shadow:0 2px 8px rgba(24,67,61,.045);
}
.demo-builder[data-builder-step="2"] .demo-plan-groups{
  gap:0;
}
.demo-builder[data-builder-step="2"] .demo-plan-group-list{
  gap:12px;
}
.demo-builder[data-builder-step="2"] .demo-builder-actions{
  position:static;
  bottom:auto;
  z-index:auto;
  margin:0;
  padding:18px 0 calc(8px + var(--safe-bottom));
  border-top:1px solid var(--line);
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
@media(min-width:1100px){
  .demo-builder[data-builder-step="2"] .demo-build-plan-layout:not(.picker-open) .demo-today-scope{
    position:static;
    top:auto;
  }
}
@media(max-width:620px){
  .demo-builder[data-builder-step="2"] .demo-step-nav button{
    min-width:0;
    min-height:52px;
    justify-content:center;
    padding:6px 3px;
    font-size:.68rem;
    text-align:center;
  }
  .demo-builder[data-builder-step="2"] .demo-plan-moments{
    padding-bottom:15px;
  }
  .demo-builder[data-builder-step="2"] .demo-scope-selector-control{
    min-height:56px;
  }
  .demo-builder[data-builder-step="2"] .demo-builder-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    gap:8px;
    margin-inline:0;
    padding:16px 0 calc(10px + var(--safe-bottom));
  }
}
@media(max-width:430px){
  .demo-builder[data-builder-step="2"] .demo-builder-actions{
    position:static;
    margin-inline:0;
    padding-inline:0;
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}
@media(forced-colors:active){
  .demo-builder[data-builder-step="2"] .demo-plan-moments{
    border-bottom-color:ButtonText;
  }
}

/* Review & Share v2 parity — compact professional hierarchy */
.demo-review-premium{gap:clamp(15px,2vw,21px)}
.demo-review-premium .demo-review-command-card{grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:14px 22px;padding:0 0 15px;border:0;border-bottom:1px solid #D9E7E3;border-radius:0;background:transparent;box-shadow:none}
.demo-review-premium .demo-review-command-card>div{display:grid;gap:5px;align-content:center}.demo-review-premium .demo-review-command-card p{margin:0;font-size:.76rem;line-height:1.45}.demo-review-premium .demo-review-command-card p strong{color:var(--ink);font-size:.88rem}
.demo-review-premium .demo-review-preview-action{min-height:60px;padding:9px 11px;border-radius:14px;box-shadow:none}.demo-review-premium .demo-review-preview-icon{width:38px;height:38px;border-radius:11px}
.demo-review-snapshot{border-radius:18px;box-shadow:0 7px 20px rgba(22,65,58,.045)}.demo-review-premium .demo-review-snapshot .demo-review-plan-copy{padding:17px clamp(16px,2.2vw,22px) 15px}
.demo-review-record-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.demo-review-record-line span{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;background:#EFF6F4;color:var(--muted);font-size:.63rem;font-weight:850;line-height:1.2}.demo-review-record-line span:first-child{background:#E4F3EF;color:var(--brand-dark)}
.demo-review-premium .demo-review-key-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-review-premium .demo-review-key-facts>div{min-height:67px;padding:11px 14px}
.demo-review-included-moments{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px 14px;padding:12px clamp(16px,2.2vw,22px);border-top:1px solid #E0EBE8;background:#F8FBFA}.demo-review-included-moments>span{color:var(--muted);font-size:.63rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.demo-review-included-moments p{margin:0;color:var(--ink);font-size:.75rem;font-weight:800;line-height:1.45}
.demo-review-outline>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-review-outline-total{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 10px;border-radius:999px;background:#E8F4F1;color:var(--brand-dark);font-size:.68rem;font-weight:950;white-space:nowrap}
.demo-review-premium .demo-review-group{border-radius:15px;box-shadow:none}.demo-review-premium .demo-review-group>summary{min-height:60px;padding:11px 13px;background:#FBFDFC}.demo-review-premium .demo-review-group article{padding:12px 1px}
@media(max-width:768px){.demo-review-premium .demo-review-command-card{grid-template-columns:1fr;padding-bottom:13px}.demo-review-premium .demo-review-key-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-review-premium .demo-review-key-facts>div:nth-child(4){grid-column:1/-1}}
@media(max-width:430px){.demo-review-premium{gap:14px}.demo-review-premium .demo-review-command-card{gap:11px}.demo-review-premium .demo-review-preview-action{min-height:58px}.demo-review-premium .demo-review-key-facts>div{min-height:62px;padding:10px 11px}.demo-review-included-moments{grid-template-columns:1fr;gap:4px;padding:11px 14px}.demo-review-outline>header{align-items:end}.demo-review-outline>header p{max-width:28ch}.demo-review-outline-total{min-height:27px;padding-inline:9px}}
@media(max-width:350px){.demo-review-premium .demo-review-key-facts{grid-template-columns:1fr 1fr}.demo-review-premium .demo-review-key-facts>div:nth-child(3),.demo-review-premium .demo-review-key-facts>div:nth-child(4){grid-column:1/-1}}
@media(forced-colors:active){.demo-review-record-line span,.demo-review-outline-total{border:1px solid ButtonText}}

/* Published plan completion hierarchy parity */
.demo-builder-published{
  gap:15px;
}
.demo-builder-published .demo-builder-top{
  padding-bottom:13px;
}
.demo-builder-published .demo-builder-body{
  padding-top:2px;
}
.demo-publication-status{
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:10px 13px;
  padding:14px 16px;
  border-radius:16px;
  background:#F7FCFA;
  box-shadow:none;
}
.demo-publication-status .demo-share-hero-mark{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  font-size:1rem!important;
}
.demo-publication-status h2{
  font-size:1rem;
  line-height:1.25;
}
.demo-publication-status p{
  margin-top:3px;
  font-size:.74rem;
}
.demo-publication-status .demo-share-nothing-sent{
  min-height:26px;
  padding:4px 9px;
  font-size:.63rem;
}
.demo-published-plan-details{
  box-shadow:none;
}
.demo-published-plan-details>summary{
  list-style:none;
}
.demo-published-plan-details>summary::-webkit-details-marker{
  display:none;
}
.demo-published-plan-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px;
  align-items:center;
  gap:12px;
  min-height:76px;
  padding:15px clamp(15px,2vw,20px);
  background:#fff;
  cursor:pointer;
}
.demo-published-plan-summary>span{
  display:grid;
  gap:3px;
  min-width:0;
}
.demo-published-plan-summary strong{
  overflow-wrap:anywhere;
  color:var(--ink);
  font-size:1rem;
  line-height:1.25;
}
.demo-published-plan-summary small{
  color:var(--muted);
  font-size:.68rem;
  font-weight:760;
  line-height:1.4;
}
.demo-published-plan-summary>b{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:#EEF7F4;
  color:var(--brand-dark);
  font-size:1rem;
  transition:transform .16s ease;
}
.demo-published-plan-details[open] .demo-published-plan-summary>b{
  transform:rotate(180deg);
}
.demo-published-plan-detail-body{
  border-top:1px solid #DCE9E6;
}
.demo-share-premium .demo-published-plan-detail-body .demo-review-plan-copy{
  padding:14px clamp(15px,2vw,20px);
}
.demo-share-premium .demo-published-plan-detail-body .demo-review-plan-copy p{
  margin:0;
  font-size:.78rem;
}
.demo-backup-before-share{
  grid-template-columns:46px minmax(0,1fr);
  gap:15px;
  padding:clamp(18px,2.5vw,24px);
  border-color:#C9DDD8;
  border-radius:19px;
  background:#fff;
  box-shadow:0 8px 24px rgba(22,65,58,.055);
}
.demo-backup-before-share-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  font-size:1.12rem;
}
.demo-backup-before-share h2{
  margin-top:4px;
  font-size:clamp(1.12rem,2vw,1.35rem);
}
.demo-backup-before-share p{
  margin-top:6px;
  font-size:.8rem;
  line-height:1.5;
}
.demo-backup-before-share ul{
  gap:8px;
  margin-top:15px;
}
.demo-backup-before-share li{
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  font-size:.76rem;
}
.demo-backup-before-share li>span:first-child{
  width:22px;
  height:22px;
  font-size:.72rem;
}
.demo-backup-before-share li>span:last-child{
  display:grid;
  gap:1px;
}
.demo-backup-before-share li strong{
  color:var(--ink);
}
.demo-backup-before-share li small{
  color:var(--muted);
  font-size:.69rem;
  line-height:1.4;
}
.demo-backup-before-share-actions{
  display:grid;
  grid-template-columns:minmax(220px,1.35fr) minmax(170px,.85fr);
  gap:9px;
  margin-top:17px;
}
.demo-backup-before-share-actions .button{
  width:100%;
  min-height:46px;
  border-radius:13px;
}
.demo-backup-lock-note{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:8px;
  margin-top:11px!important;
  padding:10px 12px;
  border-color:#D9E5E1;
  background:#F8FBFA;
  font-size:.72rem!important;
  line-height:1.42!important;
}
.demo-backup-lock-note strong{
  color:var(--ink);
}
.demo-builder-published .demo-builder-actions{
  position:static;
  padding-top:14px;
  background:transparent;
}
@media(max-width:768px){
  .demo-publication-status{
    grid-template-columns:40px minmax(0,1fr);
  }
  .demo-publication-status .demo-share-nothing-sent{
    grid-column:2;
    justify-self:start;
  }
  .demo-backup-before-share-actions{
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  .demo-builder-published .demo-builder-top h1{
    font-size:1.45rem;
  }
  .demo-publication-status{
    padding:13px 14px;
  }
  .demo-published-plan-summary{
    min-height:72px;
    padding:14px;
  }
  .demo-backup-before-share{
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    padding:16px 14px;
    border-radius:17px;
  }
  .demo-backup-before-share-icon{
    width:40px;
    height:40px;
    border-radius:12px;
    font-size:1rem;
  }
  .demo-backup-before-share h2{
    font-size:1.12rem;
  }
  .demo-builder-published .demo-builder-actions{
    display:grid;
  }
  .demo-builder-published .demo-builder-actions .button{
    width:100%;
  }
}
@media(max-width:350px){
  .demo-publication-status,
  .demo-backup-before-share{
    grid-template-columns:1fr;
  }
  .demo-publication-status .demo-share-nothing-sent{
    grid-column:1;
  }
}
@media(prefers-reduced-motion:reduce){
  .demo-published-plan-summary>b{transition:none}
}
@media(forced-colors:active){
  .demo-publication-status,
  .demo-published-plan-details,
  .demo-backup-before-share,
  .demo-backup-lock-note{
    border-color:ButtonText!important;
    box-shadow:none!important;
  }
  .demo-published-plan-summary>b,
  .demo-backup-before-share-icon,
  .demo-backup-before-share li>span:first-child{
    background:Highlight!important;
    color:HighlightText!important;
  }
}

/* Demo PR1 — Workspace state and Clients parity. */
.demo-workspace-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(23,58,54,.055);
  overflow-x:auto;
}
.demo-workspace-tab{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:.82rem;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.demo-workspace-tab.active{
  border-color:rgba(45,157,142,.32);
  background:#fff;
  color:var(--ink);
  box-shadow:0 6px 16px rgba(23,58,54,.07);
}
.demo-workspace-tab-count{
  display:inline-grid;
  place-items:center;
  min-width:24px;
  min-height:24px;
  padding:2px 7px;
  border-radius:999px;
  background:var(--soft);
  color:var(--brand-dark);
  font-size:.72rem;
  font-weight:950;
}
.demo-work-queue{display:grid;gap:12px}
.demo-overview-client-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.demo-overview,
.demo-clients-page{gap:clamp(16px,2.4vw,24px)}
.demo-clients-action-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  padding:clamp(20px,3vw,28px);
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(135deg,#fff 0%,#eef9f6 100%);
  box-shadow:0 14px 36px rgba(23,58,54,.08);
}
.demo-clients-action-header h1{margin:5px 0 0;color:var(--ink);font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.03;letter-spacing:-.045em}
.demo-clients-action-header p{max-width:66ch;margin:8px 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}
.demo-clients-controls{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 9px 24px rgba(25,67,61,.05);
}
.demo-clients-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.demo-client-search-field,.demo-client-status-select-field{display:grid;gap:6px;color:var(--ink);font-size:.78rem;font-weight:900}
.demo-client-search-field input,.demo-client-status-select-field select{
  width:100%;
  min-height:48px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#FAFCFB;
  color:var(--ink);
  font:inherit;
  font-weight:780;
}
.demo-client-status-filters{display:flex;flex-wrap:wrap;gap:8px}
.demo-client-status-filters button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#FAFCFB;
  color:var(--text);
  font:inherit;
  font-size:.76rem;
  font-weight:850;
  cursor:pointer;
}
.demo-client-status-filters button.active{
  border-color:rgba(45,157,142,.38);
  background:var(--soft);
  color:var(--brand-dark);
}
.demo-client-status-filters span{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  min-height:22px;
  padding:1px 6px;
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font-size:.68rem;
  font-weight:950;
}
.demo-client-status-select-field{display:none}
.demo-client-directory{display:grid;gap:12px}
.demo-client-row-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.demo-client-name-button{
  appearance:none;
  display:inline;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-weight:900;
  text-align:left;
  cursor:pointer;
}
.demo-client-name-button:hover{text-decoration:underline;text-underline-offset:3px}
.record-origin-chip{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  background:#F2F7F5;
  color:#526A66;
  font-size:.68rem;
  font-weight:950;
  white-space:nowrap;
}
.record-origin-chip.session{background:#E8F6F2;color:#1E7469}
.status-chip.reportReceived{background:#FFF0E4;color:#805024}
.status-chip.updateReady{background:#EEF4F2;color:#496762}
.status-chip.reviewDue{background:#FFF2E7;color:#8A4B17}
.status-chip.shared{background:#E7F7F1;color:#216A5F}
.status-chip.noPlan{background:#F2F6F5;color:#617A76}
.demo-clients-clear{min-width:118px}
@media(max-width:700px){
  .demo-workspace-tabs{padding:3px;gap:6px}
  .demo-workspace-tab{flex:1 0 auto;min-width:124px}
  .demo-clients-action-header{grid-template-columns:1fr;padding:19px;border-radius:21px}
  .demo-clients-action-header .button{width:100%}
  .demo-clients-search-row{grid-template-columns:1fr}
  .demo-clients-clear{width:100%}
  .demo-client-status-filters{display:none}
  .demo-client-status-select-field{display:grid}
  .demo-overview-client-actions{display:grid;grid-template-columns:1fr}
  .demo-overview-client-actions .button{width:100%}
}
@media(forced-colors:active){
  .demo-workspace-tabs,.demo-workspace-tab,.demo-clients-action-header,.demo-clients-controls,.demo-client-status-filters button,.record-origin-chip{border-color:ButtonText!important;box-shadow:none!important}
  .demo-workspace-tab.active,.demo-client-status-filters button.active{background:Highlight!important;color:HighlightText!important}
}
.status-chip.archived{background:#F2F3F3;color:#5D6A67}

/* Demo PR2 — Overview and safety hierarchy parity. */
.demo-recovery-required-notice{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:clamp(16px,2.4vw,22px);
  border:1px solid #D9B17C;
  border-radius:21px;
  background:linear-gradient(135deg,#FFF8ED,#FFFDF8);
  box-shadow:0 12px 28px rgba(91,61,27,.07);
}
.demo-recovery-required-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:15px;
  background:#173A36;
  color:#fff;
  font-size:1.05rem;
  font-weight:950;
}
.demo-recovery-required-notice h2{
  margin:4px 0 0;
  color:var(--ink);
  font-size:clamp(1.08rem,2vw,1.28rem);
  line-height:1.2;
  letter-spacing:-.02em;
}
.demo-recovery-required-notice p{
  max-width:78ch;
  margin:6px 0 0;
  color:#765334;
  font-size:.85rem;
  line-height:1.5;
}
.demo-work-row-list{
  display:grid;
  gap:10px;
}
.demo-work-row{
  appearance:none;
  display:grid;
  grid-template-columns:74px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  width:100%;
  min-height:76px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  color:inherit;
  font:inherit;
  text-align:left;
  box-shadow:0 9px 24px rgba(25,67,61,.045);
  cursor:pointer;
}
.demo-work-row:hover,.demo-work-row:focus-visible{
  border-color:rgba(45,157,142,.42);
  background:#F4FBF9;
}
.demo-work-row>strong{
  display:grid;
  place-items:center;
  min-width:62px;
  min-height:48px;
  border-radius:15px;
  background:var(--soft);
  color:var(--ink);
  font-size:clamp(1.7rem,3vw,2.25rem);
  line-height:1;
  letter-spacing:-.05em;
}
.demo-work-row span{
  display:grid;
  gap:3px;
  min-width:0;
}
.demo-work-row b{
  color:var(--ink);
  font-size:1rem;
  line-height:1.25;
}
.demo-work-row small{
  color:var(--muted);
  font-size:.8rem;
  line-height:1.4;
}
.demo-work-row em{
  align-self:center;
  color:var(--brand-dark);
  font-size:.76rem;
  font-style:normal;
  font-weight:950;
  white-space:nowrap;
}
.demo-overview-safety{
  display:grid;
  gap:12px;
  padding-top:2px;
  border-top:1px solid var(--line);
}
.demo-overview-safety .demo-workspace-section-heading h2{
  font-size:clamp(1.1rem,2.1vw,1.38rem);
}
.demo-overview-safety-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.demo-overview-safety-grid article{
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.62);
}
.demo-overview-safety-grid strong{
  display:block;
  color:var(--ink);
  font-size:.78rem;
  line-height:1.3;
}
.demo-overview-safety-grid p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:.74rem;
  line-height:1.45;
}
.demo-overview-safety>.text-button{
  justify-self:start;
  min-height:38px;
  padding:0;
  font-size:.76rem;
}
@media(max-width:860px){
  .demo-recovery-required-notice{grid-template-columns:auto minmax(0,1fr)}
  .demo-recovery-required-notice .button{grid-column:2;justify-self:start}
  .demo-overview-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .demo-recovery-required-notice{grid-template-columns:1fr;gap:12px;padding:16px;border-radius:18px}
  .demo-recovery-required-icon{width:38px;height:38px;border-radius:13px}
  .demo-recovery-required-notice .button{grid-column:1;width:100%}
  .demo-work-row{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:13px;min-height:82px}
  .demo-work-row>strong{min-width:52px;min-height:46px;font-size:1.85rem}
  .demo-work-row em{grid-column:2;justify-self:start}
  .demo-overview-safety-grid{grid-template-columns:1fr}
}
@media(forced-colors:active){
  .demo-recovery-required-notice,.demo-work-row,.demo-overview-safety-grid article{border-color:ButtonText!important;box-shadow:none!important}
  .demo-recovery-required-icon,.demo-work-row>strong{background:Highlight!important;color:HighlightText!important}
}

/* Demo PR3 — guided-story rebase and release lock. Overview routes through Clients, reports, client workspace, and Versions; retired shortcut styles were removed. */

/* Reusable Professional plan templates demo parity */
.demo-overview-primary-actions,.demo-client-chooser-secondary,.demo-client-plan-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.demo-overview-primary-actions{justify-content:flex-end}
.demo-client-chooser-secondary{justify-content:flex-start}
.demo-client-plan-actions{grid-column:1/-1}
.demo-client-plan-actions .button{min-width:210px}
.demo-templates-page,.demo-template-use-page{gap:clamp(16px,3vw,28px)}
.demo-templates-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  padding:clamp(21px,4vw,36px);
  border:1px solid var(--line);
  border-radius:25px;
  background:linear-gradient(135deg,#fff 0%,#eef9f6 70%,#f8fcfb 100%);
  box-shadow:0 14px 34px rgba(21,68,60,.065);
}
.demo-templates-hero h1{margin:6px 0 0;color:var(--ink);font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.05;letter-spacing:-.04em}
.demo-templates-hero p{max-width:67ch;margin:9px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}
.demo-template-notice,.demo-template-safety,.demo-template-backup,.demo-template-applied{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:11px;
  padding:13px 15px;
  border:1px solid #cfe2dc;
  border-radius:16px;
  background:#f4faf8;
}
.demo-template-notice{display:block}
.demo-template-notice strong,.demo-template-safety strong,.demo-template-backup strong{color:var(--ink);font-size:.8rem}
.demo-template-notice p,.demo-template-safety p,.demo-template-backup p,.demo-template-applied p{margin:3px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.demo-template-safety>span,.demo-template-backup>span,.demo-template-applied>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#dff2ec;color:var(--brand-dark);font-weight:950}
.demo-template-section{display:grid;gap:13px}
.demo-template-section>header{display:flex;align-items:end;justify-content:space-between;gap:14px}
.demo-template-section>header h2{margin:4px 0 0;color:var(--ink);font-size:1.35rem;line-height:1.15}
.demo-template-section>header p{max-width:65ch;margin:5px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}
.demo-template-section>header>b{display:grid;place-items:center;min-width:34px;height:30px;padding-inline:9px;border-radius:999px;background:var(--soft);color:var(--brand-dark);font-size:.72rem}
.demo-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo-template-card{display:grid;align-content:start;gap:11px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(20,62,55,.045)}
.demo-template-card>header{display:flex;align-items:start;justify-content:space-between;gap:9px}
.demo-template-card>header>div>span{color:var(--brand-dark);font-size:.58rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.demo-template-card h2{margin:4px 0 0;color:var(--ink);font-size:.98rem;line-height:1.25}
.demo-template-card>header>b{flex:none;padding:5px 8px;border-radius:999px;background:#edf6f3;color:var(--muted);font-size:.59rem;white-space:nowrap}
.demo-template-card>p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.5}
.demo-template-card dl{display:grid;gap:7px;margin:0}.demo-template-card dl>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:7px}.demo-template-card dt{color:var(--muted);font-size:.59rem;font-weight:900;text-transform:uppercase}.demo-template-card dd{margin:0;color:var(--ink);font-size:.67rem;font-weight:780;line-height:1.4}
.demo-template-card details{padding-top:9px;border-top:1px solid var(--line)}.demo-template-card summary{color:var(--brand-dark);font-size:.67rem;font-weight:900;cursor:pointer}.demo-template-card ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:.66rem;line-height:1.5}
.demo-template-card>footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.demo-template-card>footer .button{min-height:36px;padding:7px 11px;font-size:.69rem}
.demo-template-context-hint{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border-radius:999px;background:#f1f7f5;color:var(--muted);font-size:.65rem;font-weight:850;line-height:1.25}
.demo-builder-template-button{justify-self:start;margin:-7px 0 4px}
.demo-template-empty{padding:21px;border:1px dashed #cbded9;border-radius:18px;background:#fbfdfc}.demo-template-empty h2{margin:0;color:var(--ink);font-size:1rem}.demo-template-empty p{margin:5px 0 0;color:var(--muted);font-size:.75rem}
.demo-template-use-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:15px;align-items:start}
.demo-template-selection,.demo-template-destination{display:grid;gap:12px;padding:17px;border:1px solid var(--line);border-radius:20px;background:#fff}
.demo-template-selection>header h2,.demo-template-destination>header h2{margin:4px 0 0;color:var(--ink);font-size:1.1rem}.demo-template-selection>header p,.demo-template-destination>header p{margin:5px 0 0;color:var(--muted);font-size:.74rem;line-height:1.45}
.demo-template-destination{position:sticky;top:12px}
.demo-template-moments{display:grid;gap:9px}.demo-template-moments>section{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.demo-template-moments>section>header{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border-bottom:1px solid var(--line)}.demo-template-moments>section>header>div{display:grid;gap:2px}.demo-template-moments>section>header strong{color:var(--ink);font-size:.76rem}.demo-template-moments>section>header small{color:var(--muted);font-size:.61rem}.demo-template-moments>section>header .button{min-height:31px;padding:5px 8px;font-size:.61rem}
.demo-template-moments label,.demo-template-targets label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:53px;padding:9px 10px;border-bottom:1px solid var(--line);background:#fff;cursor:pointer}.demo-template-moments label:last-child,.demo-template-targets label:last-child{border-bottom:0}.demo-template-moments label.selected,.demo-template-targets label.selected{background:#eff9f6}.demo-template-moments input,.demo-template-targets input{width:17px;height:17px;accent-color:var(--brand)}.demo-template-moments label>span,.demo-template-targets label>span{display:grid;gap:2px}.demo-template-moments label strong,.demo-template-targets label strong{color:var(--ink);font-size:.72rem}.demo-template-moments label small,.demo-template-targets label small{color:var(--muted);font-size:.62rem;line-height:1.4}.demo-template-moments label>b,.demo-template-targets label>b{color:var(--brand-dark)}
.demo-template-targets{overflow:hidden;border:1px solid var(--line);border-radius:14px}.demo-template-add-note{margin:0;padding:10px 11px;border-radius:12px;background:#f7faf9;color:var(--muted);font-size:.67rem;line-height:1.45}.demo-template-add-note strong{color:var(--ink)}
.demo-template-use-actions{position:sticky;z-index:2;bottom:10px;display:flex;justify-content:flex-end;gap:8px;padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(20,62,55,.1);backdrop-filter:blur(10px)}
.demo-review-template-action{appearance:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:60px;padding:9px 11px;border:1px solid #c8ddd8;border-radius:14px;background:#f8fcfb;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.demo-review-template-action>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e7f5f1;color:var(--brand-dark);font-weight:950}.demo-review-template-action>span:nth-child(2){display:grid;gap:2px}.demo-review-template-action strong{font-size:.8rem}.demo-review-template-action small{color:var(--muted);font-size:.65rem;font-weight:760}.demo-review-template-action>b{color:var(--brand-dark);font-size:1.35rem}
@media(min-width:769px){.demo-review-premium .demo-review-command-card{grid-template-columns:minmax(0,1fr) minmax(210px,270px) minmax(210px,270px)}}
@media(max-width:960px){.demo-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.demo-templates-hero,.demo-template-use-layout{grid-template-columns:1fr}.demo-templates-hero>.button{justify-self:start}.demo-template-destination{position:static}.demo-overview-primary-actions{justify-content:flex-start}}
@media(max-width:560px){.demo-builder-template-button{width:100%;margin:-4px 0 2px}.demo-template-grid{grid-template-columns:1fr}.demo-template-use-actions{display:grid;grid-template-columns:1fr;bottom:max(8px,env(safe-area-inset-bottom))}.demo-template-use-actions .button{width:100%}.demo-template-use-actions .button.primary{grid-row:1}.demo-client-plan-actions,.demo-client-plan-actions .button,.demo-client-chooser-secondary,.demo-client-chooser-secondary .button,.demo-overview-primary-actions,.demo-overview-primary-actions .button{width:100%}}
@media(forced-colors:active){.demo-templates-hero,.demo-template-notice,.demo-template-safety,.demo-template-backup,.demo-template-applied,.demo-template-card,.demo-template-empty,.demo-template-selection,.demo-template-destination,.demo-template-moments>section,.demo-template-targets,.demo-template-use-actions,.demo-review-template-action,.demo-template-context-hint{border-color:ButtonText!important;box-shadow:none!important}.demo-template-safety>span,.demo-template-backup>span,.demo-template-applied>span{background:Highlight!important;color:HighlightText!important}}

/* Demo PR4 — calm professional demo: remove oversized story chrome and keep guidance out of the way. */
.welcome-story-card{
  width:min(640px,100%);
  padding:clamp(20px,4vw,30px);
  border-radius:26px;
}
.welcome-story-card:after{opacity:.45}
.welcome-story-kicker{
  margin-bottom:12px;
  color:var(--brand-dark);
  font-size:.68rem;
}
.welcome-story-card h1{
  max-width:16em;
  font-size:clamp(1.85rem,5.6vw,2.85rem);
  line-height:1.06;
}
.welcome-story-card>p{
  max-width:48rem;
  margin-top:12px;
  font-size:clamp(.9rem,2vw,1rem);
  line-height:1.52;
}
.welcome-story-promise{
  margin-top:16px;
  padding:11px 13px;
}
.welcome-value-loop{
  margin-top:18px;
  gap:7px;
}
.welcome-value-loop li{
  min-height:72px;
  padding:11px;
  border-radius:15px;
}
.welcome-story-card .welcome-actions{margin-top:18px}

.demo-journey.walkthrough.premium-story{
  position:static;
  top:auto;
  z-index:1;
  margin:0 0 14px;
  border-radius:18px;
  box-shadow:none;
}
.demo-story-guide{
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#f3fbf8 100%);
  color:var(--text);
  box-shadow:0 8px 24px rgba(25,67,61,.06);
}
.demo-app[data-demo-role="client"] .demo-story-guide{
  background:linear-gradient(135deg,#fff 0%,#f4f9fd 100%);
}
.demo-story-head{
  padding:10px 12px 7px;
}
.demo-story-live{
  padding:4px 8px;
  border-color:#cfe8e2;
  background:#eef8f5;
  color:var(--brand-dark);
  font-size:.58rem;
}
.demo-story-live i{
  background:var(--brand);
  box-shadow:0 0 0 4px rgba(45,157,142,.13);
}
.demo-story-identity strong{color:var(--ink);font-size:.82rem}
.demo-story-identity small{color:var(--muted);font-size:.65rem}
.demo-story-exit{color:var(--brand-dark);font-size:.68rem}
.demo-story-exit:hover,.demo-story-exit:focus-visible{color:var(--ink)}
.demo-journey.walkthrough .demo-story-chapters{
  padding:0 12px 7px;
}
.demo-journey.walkthrough .demo-story-chapters li{
  padding:5px 6px;
  border-radius:10px;
}
.demo-journey.walkthrough .demo-story-chapters li:not(:last-child):after{background:rgba(23,58,54,.16)}
.demo-journey.walkthrough .demo-story-chapters li>span{
  width:22px;
  height:22px;
  border-color:#cfdfdb;
  background:#fff;
  color:var(--muted);
}
.demo-journey.walkthrough .demo-story-chapters li strong{color:var(--muted)}
.demo-journey.walkthrough .demo-story-chapters li small{color:#7d918d}
.demo-journey.walkthrough .demo-story-chapters li.done>span,
.demo-journey.walkthrough .demo-story-chapters li.active>span{
  border-color:var(--brand);
  background:var(--brand);
  color:#fff;
}
.demo-journey.walkthrough .demo-story-chapters li.active{background:#eef8f5}
.demo-journey.walkthrough .demo-story-chapters li.done strong,
.demo-journey.walkthrough .demo-story-chapters li.active strong{color:var(--ink)}
.demo-story-progress{height:2px;background:#e6f0ed}
.demo-story-progress span{background:linear-gradient(90deg,var(--brand),var(--warm))}
.demo-story-command{
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:10px 12px;
  border-top:1px solid rgba(215,231,227,.72);
  background:rgba(255,255,255,.66);
}
.demo-story-copy>span{color:var(--brand-dark);font-size:.56rem}
.demo-story-copy>strong{color:var(--ink);font-size:.88rem;line-height:1.22}
.demo-story-copy p{
  margin-top:0;
  color:var(--muted);
  font-size:.68rem;
  line-height:1.35;
}
.demo-story-actions{gap:6px;max-width:420px}
.demo-story-actions .button{
  min-height:38px;
  padding:7px 11px;
  border-radius:12px;
  font-size:.7rem;
}
.demo-story-actions .button.primary{box-shadow:none}
.demo-story-actions .button.quiet{
  border-color:var(--line);
  background:#fff;
  color:var(--ink);
}
.demo-story-actions .demo-story-alt{border-color:#f4ca9c;color:#7d4a18}
.demo-story-guide>footer{display:none}

@media(max-width:760px){
  .welcome-layer{
    place-items:start center;
    padding:calc(10px + var(--safe-top)) 18px calc(10px + var(--safe-bottom));
  }
  .welcome-story-card{
    margin:auto 0;
    padding:21px 18px;
    border-radius:24px;
  }
  .welcome-story-card h1{
    max-width:none;
    font-size:clamp(1.8rem,8vw,2.4rem);
  }
  .welcome-story-card>p{font-size:.9rem;line-height:1.48}
  .welcome-story-promise{display:grid;gap:2px;margin-top:14px}
  .welcome-value-loop{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
  .welcome-value-loop li{min-height:66px;padding:9px}
  .welcome-story-card .welcome-actions{display:grid;margin-top:15px}
  .welcome-story-card .welcome-actions .button{width:100%}

  .demo-journey.walkthrough.premium-story{
    position:static;
    top:auto;
    margin-bottom:12px;
    border-radius:16px;
  }
  .demo-story-guide{border-radius:16px}
  .demo-story-head{padding:9px 10px 6px}
  .demo-story-live{font-size:.53rem}
  .demo-story-identity{gap:7px}
  .demo-story-identity small{display:block;font-size:.6rem}
  .demo-story-exit{font-size:.62rem}
  .demo-journey.walkthrough .demo-story-chapters{display:none}
  .demo-story-command{grid-template-columns:1fr;gap:8px;padding:10px}
  .demo-story-copy>strong{font-size:.85rem}
  .demo-story-copy p{font-size:.66rem;line-height:1.32}
  .demo-story-actions{display:grid;grid-template-columns:1fr;max-width:none}
  .demo-story-actions .button{width:100%;white-space:normal}
}
@media(max-width:420px){
  .demo-story-copy p{display:none}
  .demo-story-command{gap:7px}
  .demo-story-actions .button{min-height:38px}
}
@media(forced-colors:active){
  .demo-story-guide{border:2px solid ButtonText;background:Canvas;color:CanvasText;box-shadow:none}
  .demo-story-copy>strong,.demo-story-identity strong,.demo-story-chapters li strong{color:CanvasText!important}
  .demo-story-copy p,.demo-story-identity small{color:CanvasText}
}

/* ------------------------------------------------------------------
   30-second Professional Demo Aha Reset
   ------------------------------------------------------------------ */
.sample-banner{display:none!important}
.demo-role-banner.demo-role-banner-aha{
  margin-bottom:12px;
  border-color:rgba(45,157,142,.25);
  background:rgba(255,255,255,.68);
  box-shadow:0 8px 24px rgba(25,67,61,.045);
}
.demo-role-banner.demo-role-banner-aha .text-button{white-space:nowrap}
.welcome-story-card{
  width:min(620px,100%);
  overflow:hidden;
}
.welcome-story-card h1{max-width:12ch}
.welcome-story-card>p{max-width:34rem;font-size:1.05rem;line-height:1.5}
.welcome-value-loop.welcome-value-loop-aha{grid-template-columns:repeat(3,minmax(0,1fr))}
.welcome-value-loop.welcome-value-loop-aha li{min-height:92px}
.welcome-feature-strip{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.welcome-feature-strip span{
  padding:7px 10px;
  border:1px solid rgba(45,157,142,.2);
  border-radius:999px;
  background:#eef8f5;
  color:var(--brand-dark);
  font-size:.75rem;
  font-weight:900;
}
.aha-shell{
  gap:14px;
  width:min(1020px,100%);
  margin:0 auto;
}
.aha-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  padding:clamp(18px,4vw,34px);
  border:1px solid rgba(215,231,227,.92);
  border-radius:clamp(24px,4vw,34px);
  background:
    radial-gradient(circle at 88% 8%,rgba(45,157,142,.13),transparent 30%),
    linear-gradient(145deg,#fff,#edf8f5);
  box-shadow:0 18px 44px rgba(25,67,61,.10);
}
.aha-hero-copy h1{
  margin:6px 0 0;
  max-width:13ch;
  color:var(--ink);
  font-size:clamp(2.25rem,6.6vw,5.1rem);
  line-height:.92;
  letter-spacing:-.065em;
}
.aha-hero-copy p{
  margin:12px 0 0;
  max-width:47rem;
  color:var(--muted);
  font-size:clamp(1rem,2vw,1.18rem);
  line-height:1.45;
}
.aha-stepper{
  display:flex;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.aha-stepper li{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:7px 10px;
  border:1px solid rgba(215,231,227,.95);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:.74rem;
  font-weight:900;
}
.aha-stepper li span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#eef7f4;
  color:var(--brand-dark);
  font-size:.72rem;
}
.aha-stepper li.active,
.aha-stepper li.done{border-color:rgba(45,157,142,.38);color:var(--ink)}
.aha-stepper li.active span,
.aha-stepper li.done span{background:var(--brand);color:#fff}
.aha-stage{display:grid;gap:14px}
.aha-signal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.aha-signal-card,
.aha-diff-card,
.aha-client-preview-card,
.aha-client-side-note,
.aha-done-card{
  position:relative;
  overflow:hidden;
  padding:clamp(18px,3.2vw,28px);
  border:1px solid var(--line);
  border-radius:26px;
  background:#fff;
  box-shadow:0 12px 32px rgba(25,67,61,.065);
}
.aha-signal-card{min-height:188px;display:grid;align-content:end;gap:8px}
.aha-signal-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:8px;
  background:#8b99a5;
}
.aha-signal-card.helpful:before{background:var(--brand)}
.aha-signal-card.attention:before{background:#D56C54}
.aha-signal-card.not-tried:before{background:#8B99A5}
.aha-signal-card span,
.aha-diff-card span{
  color:var(--brand-dark);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.aha-signal-card.attention span{color:#9d4738}
.aha-signal-card h2,
.aha-diff-card h2,
.aha-client-preview-card h2,
.aha-done-card h2{
  margin:0;
  color:var(--ink);
  font-size:clamp(1.32rem,2.7vw,2rem);
  line-height:1;
  letter-spacing:-.04em;
}
.aha-signal-card p,
.aha-diff-card p,
.aha-client-preview-card p,
.aha-done-card p{
  margin:0;
  color:var(--muted);
  font-size:.96rem;
}
.aha-privacy-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 16px;
  border:1px solid rgba(215,231,227,.92);
  border-radius:20px;
  background:#173A36;
  color:#fff;
}
.aha-privacy-line strong{font-size:.9rem;white-space:nowrap}
.aha-privacy-line span{color:rgba(255,255,255,.82);font-size:.84rem;line-height:1.35}
.aha-decision-line{background:#fff7ef;color:var(--ink);border-color:rgba(247,166,92,.4)}
.aha-decision-line span{color:#6f5542}
.aha-diff-stack{display:grid;gap:10px}
.aha-diff-card{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  align-items:center;
  gap:10px 18px;
  padding:16px 18px;
}
.aha-diff-card span{grid-row:1 / span 2;align-self:start;justify-self:start;padding:5px 10px;border-radius:999px;background:#eef7f4}
.aha-diff-card.changed span{background:#fff0ed;color:#9d4738}
.aha-diff-card.added span{background:#eaf8f4;color:var(--brand-dark)}
.aha-diff-card.unchanged span{background:#f1f5f6;color:#546866}
.aha-diff-card h2{font-size:clamp(1.15rem,2.2vw,1.55rem)}
.aha-diff-card p{font-size:.9rem;line-height:1.36}
.aha-diff-card b{color:var(--ink)}
.aha-client-preview-card{
  width:min(640px,100%);
  margin:0 auto;
  border-radius:34px;
  box-shadow:0 20px 52px rgba(25,67,61,.12);
}
.aha-client-preview-card>p{margin-top:8px}
.aha-client-change-list{
  display:grid;
  gap:8px;
  margin:18px 0;
}
.aha-client-change-list>div,
.aha-done-grid>div{
  display:grid;
  gap:3px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fafdfc;
}
.aha-client-change-list strong,
.aha-done-grid strong{color:var(--ink)}
.aha-client-change-list span,
.aha-done-grid span{color:var(--muted);font-size:.86rem}
.aha-client-choice-actions,
.aha-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.aha-actions{padding-top:2px}
.aha-actions .button,
.aha-client-choice-actions .button{min-width:min(100%,220px)}
.aha-client-side-note{
  width:min(640px,100%);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-color:rgba(45,157,142,.28);
  background:#eef8f5;
  box-shadow:none;
}
.aha-client-side-note strong{color:var(--ink)}
.aha-client-side-note span{color:var(--muted);font-size:.85rem}
.aha-done-card{text-align:center;padding:clamp(24px,4vw,42px)}
.aha-done-card h2{font-size:clamp(2rem,5vw,4rem)}
.aha-done-card>p{max-width:42rem;margin:12px auto 0;font-size:1.05rem}
.aha-done-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;text-align:left}
.aha-footnote{
  margin:0 auto;
  max-width:54rem;
  color:var(--muted);
  text-align:center;
  font-size:.83rem;
  font-weight:750;
}

.aha-feature-note{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:13px 16px;
  border:1px solid rgba(45,157,142,.2);
  border-radius:20px;
  background:#f3fbf8;
}
.aha-feature-note div{display:grid;gap:3px}
.aha-feature-note strong{color:var(--ink);font-size:.95rem;line-height:1.25}
.aha-feature-note p{margin:0;max-width:28rem;color:var(--muted);font-size:.84rem;line-height:1.35}
.aha-diff-card em{
  align-self:start;
  justify-self:start;
  width:max-content;
  padding:4px 8px;
  border-radius:999px;
  background:#f5faf8;
  color:var(--brand-dark);
  font-style:normal;
  font-size:.7rem;
  font-weight:900;
}
.aha-phone-handoff{
  display:grid;
  gap:12px;
  padding:clamp(18px,3vw,26px);
  border:1px solid rgba(45,157,142,.24);
  border-radius:28px;
  background:linear-gradient(145deg,#ffffff,#eef8f5);
  box-shadow:0 14px 36px rgba(25,67,61,.07);
  text-align:center;
}
.aha-phone-handoff h2{
  margin:4px 0 0;
  color:var(--ink);
  font-size:clamp(1.35rem,3vw,2.1rem);
  line-height:1;
  letter-spacing:-.04em;
}
.aha-phone-handoff p{margin:0 auto;max-width:42rem;color:var(--muted);line-height:1.42}
.aha-phone-status{font-weight:800;color:var(--brand-dark)!important}
.aha-phone-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.aha-phone-actions .button{min-width:min(100%,180px)}
.aha-phone-qr{
  display:grid;
  place-items:center;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:12px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
}
.aha-phone-qr svg{display:block;max-width:min(58vw,260px);height:auto}
.aha-phone-handoff small{color:var(--muted);font-weight:750;line-height:1.35}


@media(max-width:900px){
  .aha-hero{grid-template-columns:1fr;align-items:start}
  .aha-stepper{justify-content:start;overflow-x:auto;padding-bottom:2px}
  .aha-signal-grid{grid-template-columns:1fr}
  .aha-signal-card{min-height:132px}
  .aha-diff-card{grid-template-columns:1fr}
  .aha-diff-card span{grid-row:auto}
  .aha-done-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .demo-brand img{width:42px;height:42px}
  .demo-brand strong{font-size:1rem}
  .demo-brand small{font-size:.7rem}
  .demo-header-actions .icon-button{display:none}
  .demo-role-banner.demo-role-banner-aha{align-items:center;padding:8px 10px}
  .demo-role-banner.demo-role-banner-aha .text-button{font-size:.74rem;text-align:right}
  .aha-shell{gap:12px}
  .aha-hero{padding:18px;border-radius:24px}
  .aha-hero-copy h1{max-width:12ch;font-size:clamp(2.28rem,13vw,3.35rem)}
  .aha-hero-copy p{font-size:.96rem;line-height:1.42}
  .aha-stepper{gap:5px;width:100%}
  .aha-stepper li{flex:1;justify-content:center;padding:6px 7px;font-size:.64rem}
  .aha-stepper li span{width:21px;height:21px;font-size:.63rem}
  .aha-signal-card,.aha-diff-card,.aha-client-preview-card,.aha-done-card{border-radius:22px;padding:16px}
  .aha-signal-card{min-height:112px}
  .aha-signal-card h2{font-size:1.36rem}
  .aha-privacy-line,.aha-client-side-note{display:grid;gap:5px;border-radius:18px}
  .aha-privacy-line strong{white-space:normal}
  .aha-client-choice-actions,.aha-actions{display:grid;grid-template-columns:1fr;width:100%}
  .aha-actions .button,.aha-client-choice-actions .button{width:100%;min-width:0}
  .welcome-story-card h1{max-width:10ch}
  .welcome-value-loop.welcome-value-loop-aha{grid-template-columns:1fr}
  .welcome-value-loop.welcome-value-loop-aha li{min-height:58px}
  .welcome-feature-strip{display:grid;grid-template-columns:1fr 1fr}
  .welcome-feature-strip span{text-align:center}
  .aha-feature-note{display:grid}
  .aha-phone-actions{display:grid;grid-template-columns:1fr;width:100%}
  .aha-phone-actions .button{width:100%;min-width:0}
}

@media(max-width:390px){
  .aha-hero-copy h1{font-size:2.14rem}
  .aha-stepper li strong{display:none}
  .aha-stepper li span{width:24px;height:24px}
}
@media(forced-colors:active){
  .aha-hero,.aha-signal-card,.aha-diff-card,.aha-client-preview-card,.aha-client-side-note,.aha-done-card,.aha-feature-note,.aha-phone-handoff{border:2px solid ButtonText;background:Canvas;color:CanvasText;box-shadow:none}
  .aha-privacy-line{border:2px solid ButtonText;background:Canvas;color:CanvasText}
  .aha-privacy-line span,.aha-client-side-note span,.aha-signal-card p,.aha-diff-card p,.aha-feature-note p,.aha-phone-handoff p,.aha-phone-handoff small{color:CanvasText}
}

/* Guided client handoff PR1 — clear change review + device-neutral preview. */
.aha-client-change-summary{
  display:grid;
  gap:12px;
  margin:18px 0 14px;
  padding:16px;
  border:1px solid rgba(45,157,142,.22);
  border-radius:20px;
  background:#f5fbf9;
}
.aha-client-change-heading{display:grid;gap:3px}
.aha-client-change-heading>span{
  color:var(--brand-dark);
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.aha-client-change-heading h3{
  margin:0;
  color:var(--ink);
  font-size:clamp(1.45rem,3vw,2rem);
  line-height:1;
  letter-spacing:-.04em;
}
.aha-client-change-list>div[data-kind="removed"] strong{color:#9d4738}
.aha-client-change-list>div[data-kind="added"]{border-color:rgba(45,157,142,.28);background:#fff}
.aha-client-preserved{display:grid;gap:3px;padding-top:2px}
.aha-client-preserved strong{color:var(--ink);font-size:.9rem}
.aha-client-preserved span{color:var(--muted);font-size:.83rem;line-height:1.4}
.aha-client-full-plan{
  margin:0 0 18px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.aha-client-full-plan summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 2px;
  color:var(--ink);
  font-weight:900;
  cursor:pointer;
}
.aha-client-full-plan summary small{color:var(--muted);font-size:.76rem;font-weight:800;white-space:nowrap}
.aha-client-full-plan-list{display:grid;gap:0;padding:0 0 8px}
.aha-client-full-plan-list article{display:grid;gap:4px;padding:13px 2px;border-top:1px solid var(--line)}
.aha-client-full-plan-list strong{color:var(--ink);font-size:.95rem}
.aha-client-full-plan-list span{color:var(--muted);font-size:.86rem;line-height:1.48}
.aha-phone-handoff-optional{box-shadow:none;background:#fbfefd}
.aha-phone-handoff-optional .aha-phone-actions .button{min-width:min(100%,220px)}
@media(max-width:620px){
  .aha-client-change-summary{padding:14px;border-radius:18px}
  .aha-client-full-plan summary{padding-block:14px}
}

/* Guided 90-second value loop PR2 — client use, explicit share, Professional payoff. */
.aha-client-use-card,
.aha-share-review-card,
.aha-received-report,
.aha-payoff-card{
  padding:clamp(18px,3.2vw,30px);
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
  box-shadow:0 14px 36px rgba(25,67,61,.07);
}
.aha-time-jump{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:-4px 0 20px;
  padding:11px 13px;
  border:1px solid rgba(45,157,142,.2);
  border-radius:16px;
  background:#f3fbf8;
}
.aha-time-jump span{color:var(--brand-dark);font-size:.72rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.aha-time-jump strong{color:var(--ink);font-size:.9rem;text-align:right}
.aha-client-use-copy{display:grid;gap:7px}
.aha-client-use-copy h2,
.aha-share-review-card h2,
.aha-payoff-card h2{
  margin:0;
  color:var(--ink);
  font-size:clamp(1.7rem,4vw,2.7rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.aha-client-use-copy p,
.aha-share-review-card>p,
.aha-payoff-card>p{margin:0;color:var(--muted);line-height:1.5}
.aha-client-outcome-choice{display:grid;gap:10px;margin-top:22px}
.aha-client-outcome-choice>strong{color:var(--ink);font-size:1rem}
.aha-client-outcome-choice>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.aha-client-outcome-choice .outcome-button{min-height:48px;padding:8px 10px}
.aha-client-private-status{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-top:18px;
  padding:13px 14px;
  border:1px solid rgba(45,157,142,.2);
  border-radius:17px;
  background:#f5fbf9;
}
.aha-client-private-status>span{
  display:grid;
  place-items:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  border-radius:50%;
  background:var(--brand);
  color:#fff;
  font-weight:950;
}
.aha-client-private-status p{display:grid;gap:2px;margin:0}
.aha-client-private-status strong{color:var(--ink);font-size:.9rem}
.aha-client-private-status p span{color:var(--muted);font-size:.82rem;line-height:1.4}
.aha-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.aha-inline-actions .button{min-width:190px}
.aha-disclosure-list{display:grid;gap:0;margin:20px 0 0;border-top:1px solid var(--line)}
.aha-disclosure-list>div{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1.45fr);gap:16px;padding:13px 2px;border-bottom:1px solid var(--line)}
.aha-disclosure-list dt{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.aha-disclosure-list dd{margin:0;color:var(--ink);font-weight:850;line-height:1.4}
.aha-received-report{display:grid;gap:18px}
.aha-received-report>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.aha-received-report h2{margin:3px 0 4px;color:var(--ink);font-size:clamp(1.9rem,4vw,3rem);line-height:1;letter-spacing:-.05em}
.aha-received-report header p{margin:0;color:var(--muted)}
.aha-received-badge{padding:7px 10px;border-radius:999px;background:#eef8f5;color:var(--brand-dark);font-size:.75rem;font-weight:950;white-space:nowrap}
.aha-received-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 18px;padding:18px;border:1px solid rgba(45,157,142,.2);border-radius:20px;background:#f8fcfb}
.aha-received-result>span{grid-column:1/-1;color:var(--muted);font-size:.72rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.aha-received-result h3{margin:0;color:var(--ink);font-size:clamp(1.25rem,3vw,1.8rem);letter-spacing:-.03em}
.aha-received-result>strong{grid-row:2/4;grid-column:2;padding:8px 12px;border-radius:999px;background:#fff;color:var(--brand-dark);border:1px solid rgba(45,157,142,.24);font-size:.9rem}
.aha-received-result p{margin:0;color:var(--muted);font-size:.84rem}
.aha-payoff-card{display:grid;gap:13px;background:linear-gradient(145deg,#fff,#eef8f5);border-color:rgba(45,157,142,.24)}
.aha-payoff-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.aha-payoff-points span{padding:7px 10px;border:1px solid rgba(45,157,142,.19);border-radius:999px;background:#fff;color:var(--ink);font-size:.78rem;font-weight:850}
.aha-payoff-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.aha-payoff-actions .button{min-width:240px}
.aha-payoff-card>small{color:var(--muted);font-size:.8rem;line-height:1.42;font-weight:700}

@media(max-width:900px){
  .aha-client-outcome-choice>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .aha-stepper{scrollbar-width:none}
  .aha-stepper::-webkit-scrollbar{display:none}
  .aha-stepper li{flex:0 0 auto;min-width:42px}
  .aha-stepper li strong{display:none}
  .aha-client-use-card,.aha-share-review-card,.aha-received-report,.aha-payoff-card{padding:16px;border-radius:22px}
  .aha-time-jump{display:grid;gap:3px}
  .aha-time-jump strong{text-align:left}
  .aha-client-outcome-choice>div{grid-template-columns:1fr 1fr}
  .aha-inline-actions,.aha-payoff-actions{display:grid;grid-template-columns:1fr;width:100%}
  .aha-inline-actions .button,.aha-payoff-actions .button{width:100%;min-width:0}
  .aha-disclosure-list>div{grid-template-columns:1fr;gap:4px}
  .aha-received-report>header{display:grid}
  .aha-received-badge{justify-self:start}
  .aha-received-result{grid-template-columns:1fr}
  .aha-received-result>strong{grid-row:auto;grid-column:auto;justify-self:start}
}
@media(forced-colors:active){
  .aha-client-use-card,.aha-share-review-card,.aha-received-report,.aha-payoff-card,.aha-time-jump,.aha-client-private-status,.aha-received-result{border:2px solid ButtonText;background:Canvas;color:CanvasText;box-shadow:none}
  .aha-client-use-copy p,.aha-share-review-card>p,.aha-payoff-card>p,.aha-client-private-status p span,.aha-received-report header p,.aha-received-result p,.aha-payoff-card>small{color:CanvasText}
}


/* Demo release polish + lock PR3 — responsive hierarchy, touch targets, focus, and reduced motion. */
.demo-screen,
.screen-shell,
.demo-overview,
.demo-clients-page,
.demo-templates-page,
.demo-client-workspace,
.demo-template-use-page,
.demo-builder,
.demo-workspace-section-heading > div,
.demo-clients-action-header > div,
.demo-templates-hero > div,
.demo-client-workspace-heading > div,
.screen-heading > div{min-width:0}

.demo-screen h1,
.demo-screen h2,
.demo-screen h3,
.demo-screen h4,
.demo-screen p,
.demo-screen strong,
.demo-screen small,
.demo-workspace-tab,
.demo-client-name-button{overflow-wrap:anywhere}

.text-button,
.back-button,
.demo-workspace-tab,
.demo-client-status-filters button,
.demo-client-record-tabs button,
.demo-story-exit,
.demo-story-actions .button,
.demo-template-card > footer .button,
.demo-template-moments header .button,
.demo-scope-selector-control,
.demo-moment-chip{min-height:44px}

.demo-workspace-tabs,
.demo-client-record-tabs{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.demo-workspace-tabs::-webkit-scrollbar,
.demo-client-record-tabs::-webkit-scrollbar{display:none}
.demo-workspace-tab,
.demo-client-record-tabs button{flex:0 0 auto}

.demo-client-status-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.demo-client-status-filters::-webkit-scrollbar{display:none}

.demo-workspace-tab:focus-visible,
.demo-client-record-tabs button:focus-visible,
.demo-client-status-filters button:focus-visible,
.demo-client-name-button:focus-visible,
.demo-scope-selector-control:focus-visible,
.demo-template-card summary:focus-visible,
.aha-client-full-plan summary:focus-visible{
  outline:3px solid #173A36;
  outline-offset:3px;
}

@media (max-width:1024px){
  .demo-overview-hero,
  .demo-clients-action-header,
  .demo-client-workspace-heading,
  .demo-templates-hero{gap:16px}
  .demo-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  .demo-header{gap:10px}
  .demo-header-actions{flex:0 0 auto}
  .demo-brand span{min-width:0}
  .demo-role-banner{align-items:flex-start;gap:8px}
  .demo-role-context{min-width:0}
  .demo-workspace-tabs{margin-inline:-4px;padding:2px 4px 6px}
  .demo-clients-action-header,
  .demo-client-workspace-heading,
  .demo-templates-hero,
  .demo-workspace-section-heading{align-items:flex-start}
  .demo-template-grid{grid-template-columns:1fr}
  .demo-template-section > header{align-items:flex-start;gap:10px}
  .demo-template-section > header > b{align-self:flex-start}
  .demo-client-choice{min-width:0}
}

@media (max-width:520px){
  .demo-header{padding-inline:14px}
  .demo-header .button.quiet[data-demo-action="reset"]{padding-inline:12px}
  .demo-role-banner{display:grid;grid-template-columns:minmax(0,1fr);}
  .demo-role-banner .text-button{justify-self:start;text-align:left}
  .demo-workspace-tabs{gap:6px}
  .demo-workspace-tab{padding-inline:12px}
  .demo-client-record-tabs{gap:6px}
  .demo-client-record-tabs button{padding-inline:13px}
  .demo-template-use-actions{display:grid;grid-template-columns:1fr;width:100%}
  .demo-template-use-actions .button{width:100%}
}

@media (prefers-reduced-motion: reduce){
  .welcome-layer,
  .info-layer,
  .reset-layer,
  .demo-picker-portal-backdrop,
  .demo-picker-portal-panel,
  .guided-banner,
  .aha-shell,
  .receiver-card{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}

/* Published-share cleanup v62 — preview stays with the primary share method. */
.demo-share-preview-utility{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:13px;border-top:1px solid var(--line)}
.demo-share-preview-utility>span{display:grid;gap:2px;min-width:0}.demo-share-preview-utility strong{color:var(--ink);font-size:.78rem}.demo-share-preview-utility small{color:var(--muted);font-size:.69rem;font-weight:720;line-height:1.4}.demo-share-preview-utility .button{flex:0 0 auto;min-height:42px}
.demo-security-body{display:grid;gap:8px;padding:0 15px 13px}.demo-security-body p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}.demo-security-body strong{color:var(--ink)}
@media(max-width:520px){.demo-share-preview-utility{align-items:stretch;flex-direction:column}.demo-share-preview-utility .button{width:100%}}
@media(forced-colors:active){.demo-share-preview-utility{border-color:ButtonText}}

/* Published-share explicit navigation parity v63 */
.demo-published-top-nav{
  display:flex;
  align-items:center;
  min-height:34px;
}
.demo-published-top-nav .back-button{margin:0}
.demo-builder-published .demo-published-completion-actions{
  display:grid;
  grid-template-columns:minmax(240px,auto) minmax(110px,auto);
  justify-content:end;
  gap:10px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
@media(max-width:760px){
  .demo-builder-published .demo-published-completion-actions{
    grid-template-columns:1fr;
  }
}
@media(forced-colors:active){
  .demo-builder-published .demo-published-completion-actions{border-top-color:ButtonText}
}


/* Client Plan parity PR3 v66 — full demo uses the production client-plan presentation. */
.demo-client-plan-parity .demo-client-preview-stage,
.demo-client-update-parity .demo-client-preview-stage{gap:16px;padding:18px}
.demo-client-handoff-heading{display:grid;gap:5px;padding:4px 2px 0}
.demo-client-handoff-heading h1{margin:0;color:var(--ink);font-size:clamp(1.55rem,4vw,2.15rem);line-height:1.08;letter-spacing:-.035em}
.demo-client-handoff-heading p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}
.demo-client-plan-parity .client-plan-document,
.demo-client-update-parity .client-plan-document{box-shadow:0 14px 34px rgba(25,67,61,.07)}
.demo-client-plan-parity .demo-client-preview-notice{margin:0}
.demo-client-decision-parity{display:grid;gap:12px;padding-top:4px}
.demo-client-decision-parity>div:first-child{display:grid;gap:4px}
.demo-client-decision-parity h2{margin:0;color:var(--ink);font-size:1.12rem;line-height:1.2}
.demo-client-decision-parity p{margin:0;color:var(--muted);font-size:.84rem}
@media(max-width:620px){
  .demo-client-plan-parity .demo-client-preview-stage,
  .demo-client-update-parity .demo-client-preview-stage{padding:12px;border-radius:24px}
  .demo-client-plan-parity .client-plan-document,
  .demo-client-update-parity .client-plan-document{border-radius:18px}
  .demo-client-handoff-heading{padding-inline:2px}
}
@media(prefers-reduced-motion:reduce){
  .demo-client-plan-parity .client-plan-document *,
  .demo-client-update-parity .client-plan-document *{transition:none!important;animation:none!important}
}
@media(forced-colors:active){
  .demo-client-plan-parity .client-plan-document,
  .demo-client-update-parity .client-plan-document{box-shadow:none!important}
  .demo-client-decision-parity{border-color:ButtonText}
}

/* Professional Progress & Support Summary PR6 — demo parity and value story. */
.demo-client-record-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.demo-summary-workspace,.demo-summary-open,.demo-summary-safe-print-preview,.aha-summary-payoff{display:grid;gap:18px;min-width:0}
.demo-summary-primary-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.demo-summary-primary-actions small{color:var(--muted);font-weight:720}
.demo-summary-open,.demo-summary-safe-print-preview,.aha-summary-payoff{padding:clamp(15px,3vw,24px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(25,67,61,.06)}
.demo-summary-open>header,.demo-summary-safe-print-preview>header,.aha-summary-payoff>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.demo-summary-open>header>div,.demo-summary-safe-print-preview>header>div,.aha-summary-payoff>header>div{display:grid;gap:5px;min-width:0}
.demo-summary-open h3,.demo-summary-safe-print-preview h3,.aha-summary-payoff h2{margin:0;color:var(--ink);line-height:1.15}
.demo-summary-open header p,.demo-summary-safe-print-preview header p,.aha-summary-payoff header p{margin:0;color:var(--muted)}
.demo-summary-actions,.aha-summary-actions{display:flex;flex-wrap:wrap;gap:9px}
.demo-summary-document{display:grid;gap:20px;min-width:0;padding:clamp(17px,3vw,28px);border:1px solid #cbded9;border-radius:16px;background:#fff;color:#243a36;line-height:1.5}
.demo-summary-document.compact{max-height:560px;overflow:auto;padding:18px}
.demo-summary-document-header{display:grid;gap:10px;padding-bottom:15px;border-bottom:2px solid #315f54}
.demo-summary-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#315f54;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.demo-summary-brand span{color:var(--muted)}
.demo-summary-document-header h2{margin:0;color:var(--ink);font-size:clamp(1.45rem,4vw,2rem);line-height:1.08}
.demo-summary-document-header dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.demo-summary-document-header dl>div{display:grid;grid-template-columns:minmax(88px,.42fr) minmax(0,1fr);gap:8px;padding:8px 10px;border-top:1px solid var(--line)}
.demo-summary-document-header dl>div:nth-child(-n+2){border-top:0}
.demo-summary-document-header dl>div:nth-child(even){border-left:1px solid var(--line)}
.demo-summary-document dt{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.03em;text-transform:uppercase}
.demo-summary-document dd{margin:0;font-size:.78rem;font-weight:760;overflow-wrap:anywhere}
.demo-summary-document-sections{display:grid;gap:18px}
.demo-summary-document-section{min-width:0}
.demo-summary-document-section h3{margin:0 0 7px;padding-bottom:5px;border-bottom:1px solid var(--line);color:#294e46;font-size:1rem}
.demo-summary-document-section p{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.demo-summary-document footer{display:grid;gap:7px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.73rem}
.demo-summary-document footer p{margin:0}
.demo-summary-overlap{padding:8px 10px;border-left:3px solid var(--brand);background:var(--soft);color:var(--text)}
.aha-summary-bridge{display:grid;justify-items:start;gap:9px;padding:clamp(18px,3vw,28px);border:1px solid rgba(45,157,142,.34);border-radius:22px;background:linear-gradient(135deg,#f2fbf8,#fff)}
.aha-summary-bridge h2{max-width:720px;margin:0;color:var(--ink);font-size:clamp(1.35rem,3.5vw,1.85rem);line-height:1.12}
.aha-summary-bridge p{max-width:700px;margin:0;color:var(--muted)}
.aha-summary-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.aha-summary-value-grid article{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}
.aha-summary-value-grid strong{color:var(--ink);font-size:.8rem}.aha-summary-value-grid span{color:var(--muted);font-size:.72rem;line-height:1.4}
@media(max-width:760px){
  .demo-summary-primary-actions,.demo-summary-open>header,.demo-summary-safe-print-preview>header,.aha-summary-payoff>header{align-items:stretch;flex-direction:column}
  .demo-summary-document-header dl,.aha-summary-value-grid{grid-template-columns:1fr}
  .demo-summary-document-header dl>div:nth-child(n){border-top:1px solid var(--line);border-left:0}
  .demo-summary-document-header dl>div:first-child{border-top:0}
  .demo-summary-actions,.aha-summary-actions{display:grid;grid-template-columns:1fr}
  .demo-summary-actions .button,.aha-summary-actions .button{width:100%}
}
@media(max-width:520px){.demo-client-record-tabs{display:flex}.demo-summary-document{padding:14px}.demo-summary-document-header dl>div{grid-template-columns:1fr;gap:2px}}
@media(prefers-reduced-motion:reduce){.demo-summary-document,.aha-summary-bridge{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.demo-summary-primary-actions,.demo-summary-open,.demo-summary-safe-print-preview,.aha-summary-payoff,.demo-summary-document,.demo-summary-document-header,.demo-summary-document-section h3,.demo-summary-document footer,.aha-summary-bridge,.aha-summary-value-grid article{border-color:ButtonText!important;box-shadow:none!important}.demo-summary-overlap{border-color:Highlight;background:Canvas;color:CanvasText}}

/* Full demo story rebuild v80: purposeful case cues, exact payoffs, and responsive summary value. */
.demo-client-choice.story-client{grid-template-columns:minmax(0,1fr) auto minmax(150px,auto);align-items:center;border-color:#c7ded8;background:linear-gradient(135deg,#fff 0%,#f7fcfa 100%)}
.demo-client-story-title{display:block;margin-top:5px;color:#315f54;font-size:.78rem;font-weight:900;letter-spacing:.01em}
.demo-client-story-purpose{max-width:720px!important;margin:5px 0 0!important;color:var(--muted)!important;font-size:.74rem!important;line-height:1.46!important}
.demo-case-story-cue{display:grid;gap:14px;padding:clamp(16px,2.4vw,22px);border:1px solid #badbd2;border-radius:20px;background:linear-gradient(135deg,#eef9f6,#fff 58%);box-shadow:0 12px 30px rgba(25,67,61,.07)}
.demo-case-story-cue>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.demo-case-story-cue>header>div{display:grid;gap:5px;min-width:0}
.demo-case-story-cue h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2.4vw,1.35rem);line-height:1.16}
.demo-case-story-cue p{margin:0;color:var(--muted);line-height:1.5}
.demo-story-payoff{max-width:260px;padding:8px 10px;border:1px solid #c7ded8;border-radius:999px;background:#fff;color:#315f54;font-size:.68rem;font-weight:850;line-height:1.35;text-align:center}
.demo-case-story-cue ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.demo-case-story-cue li{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.76);color:var(--muted)}
.demo-case-story-cue li span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e7efed;color:#496762;font-size:.68rem;font-weight:900}
.demo-case-story-cue li strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.demo-case-story-cue li.current{border-color:#66b9aa;background:#fff;color:var(--ink);box-shadow:0 6px 16px rgba(45,157,142,.09)}
.demo-case-story-cue li.current span,.demo-case-story-cue li.complete span{background:var(--brand);color:#fff}
.demo-case-story-cue li.complete{color:#315f54}
.demo-case-story-next{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}
.demo-case-story-next p{font-size:.75rem}
.demo-case-story-next .button{flex:0 0 auto;min-width:190px}
.demo-case-story-cue>small{color:var(--muted);font-size:.67rem;font-weight:720}
.demo-summary-story-payoff{display:grid;gap:4px;padding:12px 14px;border:1px solid #c7ded8;border-radius:14px;background:#f5fbf9;text-align:left}
.demo-summary-story-payoff strong{color:#315f54;font-size:.78rem}.demo-summary-story-payoff span{color:var(--muted);font-size:.72rem;line-height:1.45}
.demo-summary-value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.demo-summary-value-strip article{display:grid;align-content:start;gap:5px;min-width:0;padding:12px;border:1px solid #d4e5e1;border-radius:12px;background:#f8fcfb}
.demo-summary-value-strip span{color:#54716b;font-size:.64rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.demo-summary-value-strip strong{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:.74rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.demo-version-client-parity{display:grid;gap:13px;padding:clamp(14px,2.4vw,20px);border:1px solid var(--line);border-radius:18px;background:#f8fbfa}
.demo-version-client-parity>header{display:grid;gap:5px}.demo-version-client-parity h2,.demo-version-client-parity p{margin:0}.demo-version-client-parity p{color:var(--muted);font-size:.78rem}
.demo-client-story-completion{display:grid;gap:8px;margin-top:14px;padding:16px;border:1px solid #9ecfc4;border-radius:16px;background:linear-gradient(135deg,#eef9f6,#fff)}
.demo-client-story-completion h2,.demo-client-story-completion p{margin:0}.demo-client-story-completion h2{color:var(--ink);font-size:1.05rem}.demo-client-story-completion p{color:var(--muted);font-size:.77rem;line-height:1.48}
.demo-case-story-cue :focus-visible,.demo-client-story-completion :focus-visible{outline:3px solid rgba(45,157,142,.52);outline-offset:3px}
@media(max-width:820px){.demo-client-choice.story-client{grid-template-columns:minmax(0,1fr) auto}.demo-client-choice.story-client>.button{grid-column:1/-1;width:100%}.demo-case-story-cue>header,.demo-case-story-next{align-items:stretch;flex-direction:column}.demo-story-payoff{max-width:none;text-align:left}.demo-case-story-next .button{width:100%;min-width:0}.demo-case-story-cue ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.demo-case-story-cue{padding:14px;border-radius:16px}.demo-case-story-cue ol,.demo-summary-value-strip{grid-template-columns:1fr}.demo-case-story-cue li strong{white-space:normal}.demo-client-choice.story-client{grid-template-columns:1fr}.demo-client-choice.story-client>.version-chip{justify-self:start}}
@media(prefers-reduced-motion:reduce){.demo-case-story-cue,.demo-client-choice.story-client,.demo-summary-value-strip article{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.demo-client-choice.story-client,.demo-case-story-cue,.demo-case-story-cue li,.demo-story-payoff,.demo-summary-story-payoff,.demo-summary-value-strip article,.demo-version-client-parity,.demo-client-story-completion{border-color:ButtonText!important;background:Canvas!important;box-shadow:none!important}.demo-case-story-cue li.current span,.demo-case-story-cue li.complete span{background:Highlight!important;color:HighlightText!important}}


/* v81 truth fix: functional Library search in the Professional demo picker. */
.demo-library-search-field{display:grid;gap:6px;margin-top:12px;color:var(--ink);font-size:.76rem;font-weight:900}
.demo-library-search-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:700;box-shadow:none}
.demo-library-search-field input:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:2px;border-color:var(--brand)}
.demo-library-result-summary{display:grid;gap:3px;margin:10px 0 2px;color:var(--muted);font-size:.7rem;line-height:1.4}
.demo-library-result-summary strong{color:var(--ink);font-size:.78rem}
@media(forced-colors:active){.demo-library-search-field input{border-color:ButtonText}.demo-library-search-field input:focus-visible{outline-color:Highlight}}

/* v82 — demo builder hierarchy parity: same step-first command structure as the real Professional builder. */
.demo-builder:not(.demo-builder-published){
  gap:clamp(12px,1.7vw,18px);
}
.demo-builder:not(.demo-builder-published) .demo-builder-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:10px 18px;
  padding:0 0 14px;
  border-bottom:0;
}
.demo-builder:not(.demo-builder-published) .demo-builder-top>div{
  display:grid;
  gap:4px;
  min-width:0;
}
.demo-builder:not(.demo-builder-published) .demo-builder-top .eyebrow{
  color:var(--brand-dark);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.075em;
}
.demo-builder:not(.demo-builder-published) .demo-builder-top h1{
  margin:0;
  color:var(--ink);
  font-size:clamp(1.75rem,4vw,2.45rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.demo-builder:not(.demo-builder-published) .demo-builder-top p{
  max-width:66ch;
  margin:4px 0 0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
}
.demo-builder:not(.demo-builder-published) .demo-builder-save-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  margin-top:2px;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#F8FBFA;
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
}
.demo-builder:not(.demo-builder-published) .demo-builder-save-status::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--brand);
}
.demo-builder:not(.demo-builder-published) .demo-step-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:visible;
  padding:0 0 12px;
  border-bottom:1px solid var(--line);
}
.demo-builder:not(.demo-builder-published) .demo-step-nav button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:42px;
  padding:6px 8px 9px;
  border:0;
  background:transparent;
  color:var(--muted);
  text-align:center;
}
.demo-builder:not(.demo-builder-published) .demo-step-nav button::after{
  content:'';
  position:absolute;
  right:0;
  bottom:-13px;
  left:0;
  height:3px;
  border-radius:999px;
  background:transparent;
}
.demo-builder:not(.demo-builder-published) .demo-step-nav button span{
  flex:0 0 25px;
  width:25px;
  height:25px;
  background:#EEF4F2;
  color:#637B76;
  font-size:.68rem;
}
.demo-builder:not(.demo-builder-published) .demo-step-nav button strong{
  font-size:.72rem;
  line-height:1.15;
}
.demo-builder:not(.demo-builder-published) .demo-step-nav button.active{
  border-bottom-color:transparent;
  color:var(--ink);
}
.demo-builder:not(.demo-builder-published) .demo-step-nav button.active::after{background:var(--brand)}
.demo-builder:not(.demo-builder-published) .demo-step-nav button.active span,
.demo-builder:not(.demo-builder-published) .demo-step-nav button.done span{background:var(--brand);color:#fff}
.demo-builder-utility-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:34px;
  margin-top:-2px;
}
.demo-builder .demo-builder-template-button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:auto;
  min-height:34px;
  margin:0;
  padding:6px 10px;
  border:0;
  background:transparent;
  color:var(--brand-dark);
  font-size:.72rem;
  font-weight:900;
}
.demo-builder .demo-builder-template-button:hover{background:#EEF8F5}
.demo-template-applied.demo-template-applied-compact{
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:8px;
  max-width:780px;
  padding:8px 10px;
  border-radius:12px;
  background:#F5FAF8;
}
.demo-template-applied.demo-template-applied-compact>span{
  width:24px;
  height:24px;
  border-radius:8px;
  font-size:.7rem;
}
.demo-template-applied.demo-template-applied-compact p{
  margin:0;
  font-size:.68rem;
  line-height:1.4;
}
.demo-builder:not(.demo-builder-published) .demo-builder-body{padding:0}
/* Step 1 */
.demo-basics-step{
  display:grid;
  gap:22px;
  width:min(100%,820px);
}
.demo-basics-primary{
  display:grid;
  gap:18px;
}
.demo-basics-primary label,
.demo-basics-detail-grid label{
  display:grid;
  gap:7px;
  color:var(--ink);
  font-weight:850;
}
.demo-basics-primary label>span,
.demo-basics-detail-grid label>span{font-size:.82rem}
.demo-basics-primary label>span small,
.demo-basics-detail-grid label>span small{color:var(--muted);font-size:.67rem;font-weight:750}
.demo-basics-primary input,
.demo-basics-primary textarea,
.demo-basics-detail-grid input{
  width:100%;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font:inherit;
}
.demo-basics-primary input{
  min-height:54px;
  font-size:1rem;
  font-weight:800;
}
.demo-basics-primary textarea{min-height:118px;resize:vertical}
.demo-basics-details{
  display:grid;
  gap:13px;
  padding:16px 0 0;
  border-top:1px solid var(--line);
}
.demo-basics-details>header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px 18px;
}
.demo-basics-details>header>div{display:grid;gap:3px}
.demo-basics-details h2{margin:0;color:var(--ink);font-size:.96rem;line-height:1.2}
.demo-basics-details>header p{max-width:46ch;margin:0;color:var(--muted);font-size:.7rem;line-height:1.4;text-align:right}
.demo-basics-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
/* Step 2 */
.demo-builder[data-builder-step="2"] .demo-plan-moments{
  gap:10px;
  padding:0 0 16px;
}
.demo-builder-view-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px 18px;
}
.demo-builder-view-heading>div{display:grid;gap:2px;min-width:0}
.demo-builder-view-heading h2{margin:0;color:var(--ink);font-size:1rem;line-height:1.18}
.demo-builder-view-heading>p{max-width:48ch;margin:0;color:var(--muted);font-size:.7rem;line-height:1.4;text-align:right}
.demo-builder[data-builder-step="2"] .demo-scope-selector-control{
  min-height:52px;
  padding:8px 11px;
  border-radius:13px;
  background:#fff;
  box-shadow:none;
}
.demo-builder[data-builder-step="2"] .demo-scope-selector-control small{font-size:.59rem;letter-spacing:.06em;text-transform:uppercase}
.demo-builder[data-builder-step="2"] .demo-scope-selector-control strong{font-size:.86rem}
.demo-custom-moment-panel>div:first-child{align-items:baseline}
.demo-custom-moment-panel>div:first-child strong{font-size:.78rem}
.demo-custom-moment-panel>div:first-child span{font-size:.66rem}
.demo-builder[data-builder-step="2"] .demo-plan-group-list{gap:11px}
.demo-builder[data-builder-step="2"] .demo-plan-group{border-radius:16px;box-shadow:0 5px 16px rgba(22,65,58,.035)}
.demo-builder[data-builder-step="2"] .demo-plan-group>header{min-height:58px;padding:11px 13px}
.demo-builder[data-builder-step="2"] .demo-plan-group>header h3{font-size:.93rem}
.demo-builder[data-builder-step="2"] .demo-add-support{min-height:34px;padding:6px 9px}
/* Step 3 */
.demo-builder[data-builder-step="3"] .demo-review-premium{gap:clamp(14px,1.8vw,19px)}
.demo-builder[data-builder-step="3"] .demo-review-command-card{
  grid-template-columns:minmax(0,1fr) minmax(205px,260px) minmax(205px,260px);
  gap:10px 12px;
  padding:0 0 14px;
}
.demo-builder[data-builder-step="3"] .demo-review-command-card>div{gap:4px}
.demo-builder[data-builder-step="3"] .demo-review-ready-label{font-size:.65rem}
.demo-builder[data-builder-step="3"] .demo-review-command-card p{font-size:.74rem}
.demo-builder[data-builder-step="3"] .demo-review-preview-action,
.demo-builder[data-builder-step="3"] .demo-review-template-action{min-height:56px;padding:8px 10px;border-radius:13px}
.demo-builder[data-builder-step="3"] .demo-review-snapshot{border-radius:17px}
@media(max-width:760px){
  .demo-builder:not(.demo-builder-published) .demo-builder-top{
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px 10px;
    padding-bottom:10px;
  }
  .demo-builder:not(.demo-builder-published) .demo-builder-top h1{font-size:clamp(1.72rem,8vw,2.05rem)}
  .demo-builder:not(.demo-builder-published) .demo-builder-top p{max-width:42ch;font-size:.76rem}
  .demo-builder:not(.demo-builder-published) .demo-builder-save-status{min-height:29px;padding:5px 8px}
  .demo-builder:not(.demo-builder-published) .demo-step-nav{padding-bottom:10px}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button{min-height:48px;gap:5px;padding:5px 3px 8px}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button::after{bottom:-11px}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button strong{font-size:.66rem}
  .demo-builder-utility-row{justify-content:flex-start;min-height:30px}
  .demo-builder .demo-builder-template-button{padding-left:2px}
  .demo-basics-details>header,
  .demo-builder-view-heading{align-items:start;flex-direction:column;gap:4px}
  .demo-basics-details>header p,
  .demo-builder-view-heading>p{max-width:54ch;text-align:left}
  .demo-basics-detail-grid{grid-template-columns:1fr}
  .demo-builder[data-builder-step="3"] .demo-review-command-card{grid-template-columns:1fr 1fr}
  .demo-builder[data-builder-step="3"] .demo-review-command-card>div{grid-column:1/-1}
}
@media(max-width:430px){
  .demo-builder:not(.demo-builder-published){gap:11px}
  .demo-builder:not(.demo-builder-published) .demo-builder-top .eyebrow{font-size:.62rem}
  .demo-builder:not(.demo-builder-published) .demo-builder-top h1{font-size:1.78rem}
  .demo-builder:not(.demo-builder-published) .demo-builder-top p{font-size:.72rem;line-height:1.4}
  .demo-builder:not(.demo-builder-published) .demo-builder-save-status{font-size:.62rem}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button{
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    justify-content:start;
    min-height:54px;
    padding-inline:3px;
    text-align:left;
  }
  .demo-builder:not(.demo-builder-published) .demo-step-nav button span{width:24px;height:24px}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button strong{font-size:.62rem}
  .demo-basics-step{gap:19px}
  .demo-basics-primary input{min-height:50px}
  .demo-basics-details{padding-top:14px}
  .demo-builder[data-builder-step="2"] .demo-scope-selector-control{min-height:50px}
  .demo-builder[data-builder-step="2"] .demo-moment-chips{grid-template-columns:1fr 1fr}
  .demo-builder[data-builder-step="2"] .demo-plan-group>header{align-items:center;gap:8px;padding:10px 11px}
  .demo-builder[data-builder-step="2"] .demo-add-support{font-size:.68rem}
  .demo-builder[data-builder-step="3"] .demo-review-command-card{grid-template-columns:1fr;gap:8px}
  .demo-builder[data-builder-step="3"] .demo-review-command-card>div{grid-column:auto}
  .demo-builder[data-builder-step="3"] .demo-review-preview-action,
  .demo-builder[data-builder-step="3"] .demo-review-template-action{min-height:54px}
}
@media(max-width:350px){
  .demo-builder:not(.demo-builder-published) .demo-builder-top{grid-template-columns:1fr}
  .demo-builder:not(.demo-builder-published) .demo-builder-save-status{justify-self:start}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button{grid-template-columns:22px minmax(0,1fr)}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button span{width:22px;height:22px}
}
@media(forced-colors:active){
  .demo-builder:not(.demo-builder-published) .demo-builder-save-status,
  .demo-basics-details,
  .demo-builder[data-builder-step="2"] .demo-plan-moments,
  .demo-builder[data-builder-step="2"] .demo-plan-group,
  .demo-template-applied.demo-template-applied-compact,
  .demo-builder[data-builder-step="3"] .demo-review-command-card{border-color:ButtonText!important;box-shadow:none!important}
  .demo-builder:not(.demo-builder-published) .demo-step-nav button.active::after,
  .demo-builder:not(.demo-builder-published) .demo-step-nav button.active span,
  .demo-builder:not(.demo-builder-published) .demo-step-nav button.done span{background:Highlight!important;color:HighlightText!important}
}