@layer experience {
  :root { --paper:#f7f8f5; --ink:#202d28; --green:#1b6650; --muted:#626c65; --line:#dce1da; }
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
  .site-header { background:#f7f8f5; backdrop-filter:none; border-color:#dce1da; }
  .nav-shell { min-height:80px; }
  nav .nav-cta { background:var(--ink); color:white; border-color:var(--ink); border-radius:4px; }
  .button { border-radius:4px; padding:13px 21px; font-size:.875rem; }
  .button-primary { background:var(--ink); box-shadow:none; }
  .button-secondary { background:transparent; border:1px solid #cbd3cb; color:var(--ink); }
  .button-secondary:hover { background:#e9eee8; box-shadow:none; }
  .button-primary:hover { background:var(--green); box-shadow:none; }
  .hero-upgraded { display:block; position:relative; isolation:isolate; min-height:0; padding:62px 0 48px; gap:0; max-width:1200px; }
  .hero-upgraded .hero-copy { text-align:left; max-width:100%; }
  .hero-upgraded .hero-eyebrow { display:flex; gap:10px; padding:0; border:0; background:none; border-radius:0; font-size:.8125rem; margin-bottom:30px; letter-spacing:.05em; color:var(--ink); }
  .hero-upgraded h1 { font-size:clamp(3rem,4.5vw,4.15rem); line-height:1.34; letter-spacing:-.055em; font-weight:600; }
  .hero-upgraded h1 em { display:inline; padding:0; color:var(--green); }
  .hero-upgraded .hero-description { max-width:100%; margin:0; font-size:1rem; line-height:1.95; white-space:normal; color:var(--muted); }
  .hero-upgraded .hero-actions { justify-content:flex-start; flex-wrap:wrap; margin-top:23px; gap:10px; }
  .hero-upgraded .hero-footnote { justify-content:flex-start; gap:0; margin-top:19px; font-size:.75rem; }
  .hero-upgraded .hero-footnote>span+span::before { content:'/'; margin-inline:12px; color:#a7b1a8; }
  .hero-upgraded .hero-visual { width:100%; margin:54px auto 0; padding:0; perspective:1400px; }
  .hero-upgraded .workbench { transform:none; border:1px solid #ccd5cc; border-radius:8px; box-shadow:0 12px 30px -20px #20332735; }
  .hero-upgraded .window-bar { min-height:44px; background:#e9eee7; border-color:#dce2d9; font-size:.75rem; color:#536258; }
  .hero-workspace { display:grid; grid-template-columns:165px minmax(0,1.25fr) minmax(0,.9fr); background:#fff; }
  .hero-shops { padding:24px 12px 12px; background:#f2f4ef; border-right:1px solid #e4ece4; }
  .hero-shops>.overline { margin:0 10px 21px; font-size:.75rem; letter-spacing:.03em; }
  .hero-shop { display:flex; align-items:center; gap:9px; padding:12px 9px; border-radius:7px; margin-bottom:9px; font-size:.8125rem; }
  .hero-shop.selected { background:white; box-shadow:0 3px 10px #27473207; border:1px solid #e2ebe0; }
  .hero-shop .text-mark { width:26px; height:26px; flex-shrink:0; border-radius:6px; }
  .hero-shop small { font-size:.75rem; display:block; color:#60705b; margin-top:2px; }
  .hero-shop i { width:5px; height:5px; border-radius:50%; background:#64a173; margin-left:auto; }
  .hero-shop-note { display:block; font-size:.75rem; color:#60705b; line-height:1.7; margin:28px 9px 0; }
  .hero-conversation { padding:25px 24px; min-width:0; }
  .hero-panel-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
  .hero-panel-heading h2 { font-size:1rem; font-weight:550; margin-top:4px; }
  .hero-panel-heading .overline { letter-spacing:.03em; font-size:.75rem; }
  .hero-panel-heading>.sample-label { white-space:nowrap; }
  .hero-message { text-align:left; margin-top:22px; padding:0; background:transparent; width:auto; }
  .message-who { display:flex; align-items:center; gap:6px; font-size:.75rem; color:#60705b; margin-bottom:8px; }
  .hero-message>p { padding:11px 15px; background:#f1f4f1; border-radius:2px 10px 10px; font-size:.875rem; width:fit-content; line-height:1.8; }
  .hero-message.merchant { margin-left:0; background:transparent; }
  .hero-message.merchant>p { background:#eaf0e9; border:1px solid #dbead7; }
  .hero-retrieval { margin:16px 0 0; border:none; padding:0; gap:7px; background:transparent; color:#649776; }
  .hero-retrieval strong { font-size:.75rem; font-weight:400; }
  .hero-retrieval small { font-size:.75rem; color:#60705b; }
  .retrieval-line { width:36px; height:1px; background:#b1d3b6; margin-left:8px!important; }
  .hero-proof-link { display:inline-flex; align-items:center; gap:12px; font-size:.75rem; margin-top:9px; color:#528969; }
  .hero-evidence { background:#fafbf8; border-left:1px solid #e9eee6; padding:25px 21px; min-width:0; }
  .evidence-dot { width:6px; height:6px; border-radius:50%; background:#85b985; }
  .hero-source-card { border:1px solid #dbe8d8; border-radius:5px; padding:19px 17px; margin-top:20px; background:#fff; }
  .source-mini-title { font-size:.75rem; color:#60705b; line-height:1.7; }
  .hero-source-card h3 { font-size:.9375rem; font-weight:550; margin:9px 0 12px; }
  .hero-source-card>p { font-size:.8125rem; line-height:2; }
  .hero-source-card mark { background:#e4eddf; color:#4a714c; box-decoration-break:clone; padding:3px 4px; }
  .hero-source-divider { height:1px; background:#edf1e9; margin:18px 0 12px; }
  .hero-source-card .other-knowledge { color:#60705b; font-size:.75rem; margin-top:5px; }
  .hero-evidence-footer { display:block; margin-top:16px; color:#60705b; font-size:.75rem; }
  .hero-evidence-footer>span { margin-left:8px; }
  .hero-workflow { display:flex; align-items:center; justify-content:center; gap:17px; padding:15px 20px; border-top:1px solid #e2ebe0; background:#f5f7f2; color:#60705b; font-size:.75rem; }
  .workflow-label { margin-right:auto; color:#60705b; }
  .hero-flow-step { white-space:nowrap; }
  .hero-workflow>i { position:relative; width:26px; height:1px; background:#bad4b8; }
  .hero-workflow>i::after { content:''; position:absolute; inset:-1px auto auto 0; width:7px; height:3px; background:#539669; border-radius:3px; animation:service-line 2.8s infinite ease-in-out; animation-play-state:paused; }
  .hero-upgraded.is-in-view .hero-workflow>i::after { animation-play-state:running; }
  .platform-section { border-top:0; padding-block:14px 64px; }
  .platform-intro { padding-bottom:22px; border-bottom:1px solid #e2eade; }
  .platform-grid { gap:30px; }
  .platform-item .platform-mark { background:transparent; }
  .platform-note { text-align:left; margin-top:27px; }
  .product-section { background:#f1f4ee; border-block:1px solid #dce2d8; }
  .section-heading h2 { font-size:2.8rem; font-weight:550; }
  .story-step h3 { font-weight:550; }
  .story-sticky { top:105px; }
  .download-panel { position:relative; overflow:hidden; background:#25382e; border-radius:8px; }
  .download-panel::after { content:none; }
  .download-retry { border:0; padding:0; background:transparent; color:#e0eee5; font-size:.8125rem; text-decoration:underline; text-underline-offset:4px; }
  #client-download[aria-disabled="true"] { cursor:not-allowed; }
  .download-authorization { display:block; margin-top:5px; }
  .footer { padding-block:35px; }
  .brand-pip { width:7px; height:7px; background:var(--green); }
  .hero-edition { margin-left:auto; font-size:.6875rem; letter-spacing:.14em; color:#6c796f; }
  .hero-heading-row { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); align-items:end; gap:44px; }
  .hero-intro { padding-bottom:8px; }
  .workbench-label,.hero-bottom-caption { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:.75rem; color:#647166; }
  .workbench-label { margin-bottom:13px; letter-spacing:.08em; }
  .workbench-label>span:first-child { font-size:.6875rem; }
  .hero-bottom-caption { padding:15px 0; border-bottom:1px solid var(--line); }
  .hero-bottom-caption a { color:var(--ink); }
  .hero-bottom-caption a>span { margin-left:18px; }
  .demo-window,.scenario-panel { border-radius:6px; box-shadow:none; }
  .mock-chat { background:#fff; }
  .scenario-illustration { background:#eef2eb; }
  .commerce-art { filter:grayscale(.55); opacity:.7; }
  .flow-canvas { background-image:none; }
  @keyframes service-line { 0%,10% { transform:translateX(0); opacity:0; } 30%,70% { opacity:1; } 90%,100% { transform:translateX(20px); opacity:0; } }
  @media(max-width:1150px) {
    .hero-heading-row { grid-template-columns:1.6fr 1fr; gap:25px; }
    .hero-upgraded h1 { font-size:3.1rem; }
    .hero-upgraded .hero-visual { width:100%; }
    .hero-workspace { grid-template-columns:135px minmax(0,1.2fr) minmax(0,.85fr); }
    .hero-conversation { padding:22px 17px; }
    .hero-evidence { padding:22px 16px; }
    .hero-shops { padding-inline:8px; }
    .hero-panel-heading>.sample-label { display:none; }
    .hero-workflow { gap:13px; }
  }
  @media(max-width:850px) {
    .hero-heading-row { grid-template-columns:1fr; gap:25px; }
    .hero-intro { max-width:540px; }
    .hero-edition { font-size:.625rem; }
    .hero-upgraded { padding-top:45px; width:calc(100% - 48px); }
    .hero-upgraded h1 { font-size:3.2rem; }
    .hero-upgraded .hero-description { font-size:1rem; }
    .hero-upgraded .hero-visual { margin-top:34px; }
    .hero-workspace { grid-template-columns:118px minmax(0,1fr); }
    .hero-evidence { display:none; }
    .hero-upgraded .workbench { transform:none; }
    .hero-workflow { flex-wrap:wrap; gap:10px; }
    .workflow-label { width:100%; text-align:center; margin:0; }
    .hero-shop-note { margin-top:18px; }
    .section-heading h2 { font-size:2.25rem; }
    .story-sticky { position:static; }
  }
  @media(max-width:600px) {
    .nav-shell { min-height:72px; }
    .hero-upgraded { width:calc(100% - 40px); padding-top:34px; padding-bottom:45px; }
    .hero-upgraded .hero-eyebrow { font-size:.75rem; padding:0; gap:8px; margin-bottom:24px; }
    .hero-edition { display:none; }
    .hero-heading-row { gap:19px; }
    .workbench-label>span:last-child { display:none; }
    .hero-bottom-caption { font-size:.6875rem; }
    .hero-eyebrow .badge-divider { display:none; }
    .hero-upgraded h1 { font-size:2.25rem; letter-spacing:-.06em; line-height:1.25; }
    .hero-upgraded h1 em { max-width:100%; }
    .hero-upgraded .hero-description { margin-top:0; line-height:1.85; }
    .hero-upgraded .hero-actions { gap:8px; flex-wrap:wrap; margin-top:23px; }
    .hero-upgraded .button { padding:12px 17px; gap:11px; font-size:.875rem; }
    .hero-upgraded .hero-footnote { gap:12px; font-size:.75rem; margin-top:19px; }
    .hero-upgraded .hero-footnote>span::before { margin-right:4px; }
    .hero-upgraded .hero-visual { margin-top:31px; }
    .hero-workspace { grid-template-columns:1fr; }
    .hero-shops { display:none; }
    .hero-conversation { padding:20px 17px; }
    .hero-panel-heading h2 { font-size:1rem; }
    .hero-message>p { font-size:.875rem; }
    .hero-workflow { padding:12px 8px; gap:6px; font-size:.75rem; }
    .hero-workflow>i { width:12px; }
    .hero-workflow>i::after { width:3px; animation-name:none; }
    .hero-upgraded .window-bar { flex-wrap:wrap; min-height:42px; }
    .hero-upgraded .window-bar>.sample-label { display:none; }
    .platform-section { padding-bottom:40px; }
    .platform-note { text-align:left; }
    .section-heading h2 { font-size:1.9rem; }
    .download-panel { padding:32px 25px; }
  }
  .large-text .hero-heading-row { grid-template-columns:1fr; gap:25px; }
  .large-text .hero-edition { display:none; }
  .large-text .hero-intro { max-width:none; }
  .large-text .hero-upgraded .hero-visual { width:100%; }
  .large-text .hero-float { display:none; }
  .large-text .hero-workspace { grid-template-columns:1fr; }
  .large-text .hero-shops,.large-text .hero-evidence { display:none; }
  .large-text .hero-workflow { flex-wrap:wrap; }
  .large-text .hero-upgraded h1 { font-size:2.25rem; }
  .large-text .hero-upgraded .hero-eyebrow { flex-wrap:wrap; }
  @media(max-width:600px) {
    .large-text .hero-upgraded h1 { font-size:1.7rem; }
    .large-text .hero-upgraded .hero-eyebrow { max-width:100%; font-size:.75rem; }
    .large-text .hero-upgraded .hero-footnote { gap:10px; }
    .large-text .hero-workflow .workflow-label { width:100%; }
  }
  @media(prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation:none!important; transition:none!important; }
  }
}