/* Product explanations share the site's dark and warm paper surfaces. */
.experience-section { padding-block:clamp(64px,8vw,112px);scroll-margin-top:104px; }
.visually-hidden { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.experience-heading { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:end;margin-bottom:40px; }
.experience-kicker { display:block;margin-bottom:20px;font-size:12px;line-height:1.5;letter-spacing:.04em;color:#625868; }
.experience-section h2 { margin:0;max-width:850px;font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.045em;font-weight:500; }
.experience-heading p { margin:0;font-size:16px;line-height:1.75;max-width:46ch;color:#68626c; }
.product-demo-section { background:#151318;color:#f7f4fa; }
.product-demo-section .experience-kicker,.product-demo-section .experience-heading p { color:#bcb4c5; }
.demo-industries { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px; }
.demo-industries button { padding:12px 20px;min-height:48px;border:1px solid #ffffff30;border-radius:999px;color:#c9c1d2;background:transparent;font:inherit;font-size:14px;cursor:pointer; }
.demo-industries button[aria-pressed=true] { background:#eee8f5;border-color:#eee8f5;color:#211d27; }
.demo-workspace { display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch; }
.demo-client,.demo-team { min-width:0;border-radius:20px;padding:32px; }
.demo-client { background:#f4f0e9;color:#29242e; }
.demo-team { background:#201c26;border:1px solid #ffffff20;display:flex;flex-direction:column; }
.demo-panel-label { display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:22px;border-bottom:1px solid #29242e22;font-size:12px;line-height:1.5;color:#736977; }
.demo-team .demo-panel-label { color:#c2b7ce;border-color:#ffffff20; }
.demo-progress { display:flex;list-style:none;margin:24px 0 28px;padding:0;gap:20px;font-size:13px;color:#695c6d; }
.demo-progress li { display:flex;align-items:center;gap:7px; }
.demo-progress li span { font-size:12px; }
.demo-progress li[aria-current=step],.demo-progress li.is-complete { color:#45314f; }
.demo-client h3,.demo-team h3 { margin:0 0 24px;font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.035em;font-weight:500; }
.demo-client h3 { scroll-margin-top:112px; }
.demo-client h3:focus { outline:none; }
.demo-options { min-height:250px; }
.demo-options p { font-size:16px;line-height:1.75; }
.demo-options fieldset { padding:0;margin:0;border:0;display:grid;gap:10px;min-width:0; }
.demo-choice { padding:15px 16px;display:flex;align-items:center;gap:14px;min-height:76px;background:#fff9;border:1px solid #b9b0c2;border-radius:12px;cursor:pointer; }
.demo-choice:has(input:checked) { border-color:#6d4c82;background:#ece2f2; }
.demo-choice:focus-within { outline:2px solid #755987;outline-offset:3px; }
.demo-choice input { width:18px;height:18px;flex:0 0 18px;accent-color:#6c4a80; }
.demo-choice span { display:block;min-width:0; }
.demo-choice strong { display:block;font-weight:500;font-size:16px;line-height:1.4; }
.demo-choice small { display:block;margin-top:4px;color:#6a606f;font-size:13px;line-height:1.5; }
.demo-controls { display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px; }
.demo-controls button { min-height:48px;padding:12px 18px;font:inherit;font-size:14px;border-radius:999px;cursor:pointer; }
.demo-primary { border:1px solid #29242e;background:#29242e;color:#fff; }
.demo-primary:disabled { cursor:default;background:#ded7df;border-color:#ded7df;color:#726875; }
.demo-secondary { border:1px solid #b9b0c2;background:transparent;color:#29242e; }
.demo-controls[hidden],.demo-controls [hidden],.demo-options[hidden],.demo-result[hidden] { display:none; }
.demo-team-head { display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:28px 0 24px; }
.demo-reference { color:#a99db6;font-size:12px; }
.demo-status { font-size:12px;color:#d5c2e3;border:1px solid #b090c23d;background:#b090c212;border-radius:999px;padding:7px 12px; }
.demo-team-summary { min-height:164px; }
.demo-team-summary p { font-size:16px;line-height:1.75;color:#c2b7ce; }
.demo-team-summary dl { margin:0; }
.demo-team-summary dl>div { border-bottom:1px solid #ffffff18;padding:16px 0; }
.demo-team-summary dt { font-size:12px;color:#ab9cb7;margin-bottom:6px; }
.demo-team-summary dd { margin:0;font-size:16px;line-height:1.6;color:#ece4f3; }
.demo-team-note { display:flex;gap:12px;margin-top:auto;padding-top:24px;border-top:1px solid #ffffff20; }
.demo-team-note p { font-size:14px;line-height:1.7;color:#c2b7ce;margin:0; }
.demo-link-dot { flex:0 0 6px;height:6px;margin-top:8px;background:#b8a2c8;border-radius:50%; }
.demo-announcement { font-size:14px;line-height:1.65;color:#c7b9d0;margin:16px 0 0; }
.demo-announcement:empty { display:none; }
.demo-result { min-height:250px;display:grid;align-content:center;gap:20px; }
.demo-result p { font-size:18px;line-height:1.7;max-width:32ch; }
.demo-discuss { display:inline-flex;align-items:center;min-height:48px;justify-self:start;font-size:14px;line-height:1.6;text-underline-offset:5px; }
.support-scope { margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px; }
.support-scope>div { border-top:1px solid #29252d38;padding-top:24px;min-width:0; }
.support-scope dt { font-size:20px;line-height:1.4;margin-bottom:12px; }
.support-scope dd { margin:0;font-size:16px;line-height:1.75;color:#67606b; }
.demo-check { width:48px;height:48px;display:grid;place-items:center;border:1px solid #8a729b;border-radius:50%;font-size:24px;color:#66477b; }
.demo-footnote { display:flex;justify-content:space-between;align-items:start;gap:28px;margin-top:24px; }
.demo-footnote p,.demo-noscript { margin:0;color:#bcb4c5;font-size:13px;line-height:1.65;max-width:66ch; }
.demo-footnote a { flex-shrink:0;color:#eee6f5;font-size:14px;line-height:1.6;min-height:44px;display:flex;align-items:center;text-underline-offset:5px; }
.scope-section { background:#ebe7df;color:#29252d; }
.scope-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px; }
.scope-grid article { min-width:0;display:flex;flex-direction:column;border-top:1px solid #29252d38;padding-top:24px; }
.scope-label { font-size:12px;color:#635765;margin-bottom:24px; }
.scope-grid h3,.scope-estimate h3,.scope-acceptance h3,.industry-checks h3 { margin:0 0 16px;font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:500; }
.scope-grid p,.scope-estimate p,.scope-acceptance p,.industry-checks p { margin:0;font-size:16px;line-height:1.75;color:#67606b; }
.scope-detail { display:block;font-size:13px;line-height:1.65;color:#625568;border-top:1px solid #29252d22;margin-top:28px;padding-top:20px; }
.scope-estimate { display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:48px;margin-top:48px;border-top:1px solid #29252d38; }
.scope-estimate dl { margin:0; }
.scope-estimate dl>div { display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding:18px 0;border-bottom:1px solid #29252d22; }
.scope-estimate dl>div:first-child { padding-top:0; }
.scope-estimate dt { font-size:14px;line-height:1.6; }
.scope-estimate dd { margin:0;font-size:14px;line-height:1.7;color:#67606b; }
.scope-acceptance { max-width:800px;padding-top:40px;margin-top:40px;border-top:1px solid #29252d38; }
.scope-acceptance a,.experience-inline-link { display:inline-flex;min-height:44px;align-items:center;margin-top:20px;color:inherit;font-size:14px;text-underline-offset:5px; }
.industry-details,.launch-agreements { background:#f6f3ee;color:#29252d; }
.industry-checks { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px; }
.industry-checks article { min-width:0;border-top:1px solid #29252d30;padding-top:24px; }
.experience-page-hero { padding-block:clamp(56px,7vw,96px);background:#151318;color:#f7f4fa; }
.experience-page-hero h1 { font-size:clamp(38px,5vw,68px);line-height:1.1;letter-spacing:-.045em;max-width:900px;margin:28px 0 24px; }
.experience-page-hero p { max-width:64ch;font-size:18px;line-height:1.75;color:#bcb4c5;margin:0; }
.form-extra { grid-column:1/-1; }
.form-extra summary { display:flex;gap:12px;align-items:center;cursor:pointer;font-size:14px;line-height:1.6;min-height:44px;color:#c5bfce;list-style:none; }
.form-extra summary:before { content:'+';font-size:20px; }
.form-extra[open] summary:before { content:'−'; }
.form-extra label { margin-top:12px; }
.new-contact .form-extra summary { color:#4f425f; }
.new-contact .form-extra summary small { color:#665b74; }
.final-cta-grid { grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start; }
.final-cta h2 { font-size:clamp(36px,4.8vw,64px);line-height:1.1;letter-spacing:-.045em;max-width:14ch; }
.final-cta-grid>div:first-child>p { font-size:16px;line-height:1.75;max-width:48ch; }
.home-page .experience-section h2 { font-size:clamp(32px,4vw,54px);line-height:1.1; }
.home-page .contact-layout h2 { line-height:1.1;letter-spacing:-.045em; }
@media(min-width:761px) and (prefers-reduced-motion:no-preference) {
  .demo-choice { transition:border-color .2s,background .2s; }
  .demo-industries button,.demo-primary { transition:background .2s,color .2s; }
  .demo-options>fieldset,.demo-result>*,.demo-team-summary>dl { animation:demo-settle .25s ease-out; }
  @keyframes demo-settle { from { opacity:.7;transform:translateY(4px); } to { opacity:1;transform:none; } }
}
@media(max-width:1000px) {
  .final-cta-grid { grid-template-columns:1fr;gap:32px; }
  .final-cta h2 { max-width:20ch; }
  .experience-heading { gap:28px;grid-template-columns:1.2fr .8fr; }
  .demo-client,.demo-team { padding:24px; }
  .scope-grid,.industry-checks { gap:24px; }
  .scope-estimate { gap:32px; }
}
@media(max-width:760px) {
  .home-page .manifesto-bottom p,.home-page .editorial-heading p,.home-page .brand-story p,.home-page .launch-steps p,.home-page .contact-layout>div>p { font-size:16px;line-height:1.75; }
  .experience-heading,.demo-workspace,.scope-grid,.scope-estimate,.industry-checks,.final-cta-grid,.support-scope { grid-template-columns:1fr;gap:28px; }
  .experience-heading { margin-bottom:28px; }
  .experience-heading p { max-width:56ch; }
  .demo-client,.demo-team { padding:24px 20px; }
  .demo-progress { gap:16px; }
  .demo-team-summary { min-height:0; }
  .demo-team-note { margin-top:24px; }
  .demo-footnote { display:block; }
  .demo-footnote a { margin-top:12px; }
  .scope-estimate { padding-top:32px;margin-top:32px; }
  .scope-estimate dl>div { gap:20px; }
  .scope-grid h3,.industry-checks h3 { font-size:23px; }
  .experience-page-hero h1 { font-size:clamp(34px,8vw,48px); }
  .final-cta h2 { font-size:clamp(34px,8vw,46px); }
}
@media(max-width:370px) {
  .demo-industries button { padding-inline:14px; }
  .demo-progress { gap:12px;font-size:12px; }
  .demo-panel-label { gap:8px; }
  .scope-estimate dl>div { grid-template-columns:1fr;gap:6px; }
}