/* Local refinements to the three steps and scenario cards; the original palette stays intact. */
.getting-started-steps{gap:22px}
.getting-started-steps>li{position:relative;display:flex;flex-direction:column;gap:16px;padding:0;border:0;border-radius:0;background:transparent}
.getting-started-steps>li:not(:last-child):after{content:"";position:absolute;top:20px;left:calc(50% + 32px);width:calc(100% + 22px - 64px);height:1px;background:#a3aca0}
.getting-started-number{text-align:center;font-size:34px;font-weight:500;line-height:1.2;letter-spacing:0}
.getting-started-card{flex:1;padding:24px 28px;border:1px solid #d3d9ce;border-radius:14px;background:#f8faf7}
.getting-started-steps h3{text-align:center;font-size:24px;line-height:1.5;margin:0}
.getting-started-description{min-height:0;margin-top:12px;font-size:16px;line-height:1.8;color:var(--muted)}
.steps-action{margin-top:32px}
.site-header .nav-action{color:#9b4227;border-color:#c96a50;background:transparent}
.site-header .nav-action:hover{background:#fcebe4}
.site-header .nav-action:focus-visible{outline:2px solid #9b4227;outline-offset:3px}
#experience .demo-note-heading{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.5;color:var(--detail-ink)}
#experience .demo-note-heading svg{width:19px;height:19px}
#experience .demo-note-description{margin:8px 0 16px;font-size:14px;line-height:1.7;color:var(--detail-text)}
#experience .demo-note-composer{display:grid;gap:10px}
#experience .demo-note-composer textarea{resize:vertical;width:100%;min-height:112px;padding:12px;font:inherit;font-size:16px;line-height:1.7;color:var(--detail-ink);border:1px solid var(--detail-line);border-radius:8px;background:#fafbf9}
#experience .demo-note-submit{position:relative;isolation:isolate;justify-self:end;min-height:44px;padding:0 16px;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;cursor:pointer}
#experience .demo-note-submit:before{content:"";position:absolute;inset:4px 0;border-radius:8px;background:var(--detail-ink);z-index:-1}
#experience .demo-note-submit:disabled{cursor:not-allowed}
#experience .demo-note-submit:disabled:before{background:#929691}
#experience .demo-note-composer :focus-visible{outline:2px solid #687e39;outline-offset:2px}
#experience #highlight-status{margin-top:8px}

.scenario-grid{gap:24px}
.scenario-card{padding:30px 32px 26px;border-color:#e1e5e9}
.scenario-category{font-size:15px;gap:10px}
.scenario-card h3{min-height:3em;font-size:24px;line-height:1.5;margin-top:16px}
.scenario-description{max-width:28em;margin-top:18px;font-size:16px;line-height:1.8;text-wrap:pretty}
.scenario-description strong{font-weight:500;color:#505a4d;white-space:nowrap}

.feature-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.feature-group{min-width:0;display:grid;grid-template-rows:auto 1fr}
.feature-group>h3{margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #b9c1b5;font-size:15px;line-height:1.6;font-weight:500;color:#505a4d}
.feature-groups .features-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:26px}
.feature-groups .features-grid>li{border:0;padding:0}
.feature-groups .feature-title h4{font-size:19px;line-height:1.6;font-weight:600;letter-spacing:-.3px;text-wrap:balance}

@media(max-width:900px){
  .getting-started-steps{gap:16px}
  .getting-started-steps>li{gap:10px;padding:0}
  .getting-started-steps>li:not(:last-child):after{display:none}
  .getting-started-number{text-align:left;font-size:28px}
  .getting-started-card{padding:20px 22px}
  .getting-started-steps h3{text-align:left;font-size:22px}
  .getting-started-description{margin-top:10px}
  .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .scenario-card{padding:24px}
  .scenario-card h3{font-size:22px}
  .feature-groups{grid-template-columns:minmax(0,1fr);gap:36px}
  .feature-groups .features-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:24px}
  .feature-group>h3{margin-bottom:20px}
}
@media(max-width:700px){
  .getting-started-steps>li{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:12px;padding:0}
  .getting-started-card{display:contents;padding:20px}
  .getting-started-steps h3{font-size:21px}
  .getting-started-description{margin-top:0;padding:20px;border:1px solid #d3d9ce;border-radius:14px;background:#f8faf7;font-size:15px;line-height:1.8}
  .scenario-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .scenario-card{padding:22px 24px}
  .scenario-card h3{font-size:22px;margin-top:14px}
  .scenario-description{margin-top:12px;font-size:15px;line-height:1.8}
  .feature-groups .features-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .feature-groups .feature-title h4{font-size:18px}
  .site-header .nav-action:before{border-color:#c96a50;background:transparent}
  .site-header .nav-action:hover:before{background:#fcebe4}
}
@media(max-width:355px){
  .scenario-card{padding:20px}
}