/* Shared editorial layout: simple steps, readable examples and restrained accents. */
.service-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;color:#6453cd;background:#f4f1ff;border-radius:10px;margin-bottom:22px}.service-icon .visual-icon{width:22px;height:22px}.card{box-shadow:none;border-radius:12px;padding:28px;background:#fff;transition:border-color .2s}.card:hover{transform:none;box-shadow:none;border-color:#b4a6e6}.card h3{font-size:19px;margin:0 0 12px}.card .button.secondary{padding:6px 0;border:0;min-height:32px;border-radius:0;background:transparent;color:var(--purple)}.card .button.secondary:hover{transform:none;text-decoration:underline}.dark .service-icon{background:#ffffff15;color:#ece6ff}.dark .card .button.secondary{color:#eee8ff;background:transparent}.plain-visual{margin:0;padding:28px;background:#fff;border:1px solid #e6e1ef;border-radius:16px;color:var(--ink);text-align:left;min-width:0;box-shadow:none}.plain-visual figcaption{font-size:17px;font-weight:600;line-height:1.5;padding-bottom:20px;border-bottom:1px solid #e9e5f0}.plain-visual ol{padding:0;margin:0;list-style:none}.plain-visual li{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #eeeaf5}.plain-visual-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#f5f2ff;color:#7560c9}.plain-visual-icon .visual-icon{width:19px;height:19px}.plain-visual strong{display:block;font-size:14px;font-weight:500;line-height:1.55}.plain-visual li p{font-size:12px!important;line-height:1.75!important;margin:5px 0 0!important;color:var(--muted)}.plain-visual-note{font-size:11px!important;color:var(--muted);line-height:1.7!important;margin:17px 0 0!important}.hero .plain-visual{background:#faf9fd}.hero .plain-visual .plain-visual-note{margin-bottom:0}.illustrated-hero .hero-content{gap:60px}.visual-split{align-items:center}.method-step{padding:50px 0;background:#fff}.method-step+.method-step{border-top:1px solid var(--line)}.method-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.method-layout h2{font-size:30px;line-height:1.3;letter-spacing:-.8px;font-weight:500;margin:0;max-width:390px}.method-layout .eyebrow{font-size:10px;margin-bottom:14px}.method-copy>p{font-size:15px;line-height:1.85;margin:0 0 18px}.method-copy>p:last-child{margin-bottom:0}.method-copy .feature-list{margin-bottom:0}.method-copy .feature-list li{font-size:13px}.method-copy .note{font-size:12px!important}.content-section .plain-visual+.cards{margin-top:30px}.content-section>.container>.plain-visual{max-width:760px;margin:30px 0}.dark .plain-visual{background:#fff;color:var(--ink)}.dark .plain-visual p{color:var(--muted)}
@media(max-width:1000px){.method-layout{gap:42px}.plain-visual{padding:24px}.illustrated-hero .hero-content{gap:35px}}
@media(max-width:900px){.hero .plain-visual,.visual-split .plain-visual{max-width:600px;width:100%;margin:0 auto}.content-section:nth-child(even) .visual-split>.plain-visual{order:initial}}
@media(max-width:760px){.method-layout{grid-template-columns:1fr;gap:22px}.method-step{padding:35px 0}.method-layout h2{font-size:27px;max-width:none}.method-copy .feature-list{grid-template-columns:1fr}.plain-visual{padding:22px}.plain-visual figcaption{font-size:16px}.plain-visual li{padding:17px 0;gap:12px}.card{padding:25px}.plain-visual strong{font-size:13px}}

@media(min-width:1400px){
  .method-step{padding-block:clamp(58px,4vw,82px)}
  .method-layout{grid-template-columns:1fr 1.25fr;gap:clamp(90px,7vw,145px)}
  .method-layout h2{font-size:clamp(30px,1.85vw,40px);max-width:500px}
  .method-layout .eyebrow{font-size:clamp(10px,.68vw,14px)}
  .method-copy>p{font-size:clamp(15px,1vw,20px);max-width:690px}
  .method-copy .feature-list{gap-inline:clamp(36px,3vw,62px)}
  .method-copy .feature-list li{font-size:clamp(13px,.82vw,17px);padding-block:clamp(17px,1.15vw,23px)}
  .method-copy .note{font-size:clamp(12px,.76vw,15px)!important}
  .plain-visual figcaption{font-size:clamp(17px,1vw,21px)}
  .plain-visual strong{font-size:clamp(14px,.86vw,18px)}
  .plain-visual li p{font-size:clamp(12px,.76vw,15px)!important}
}
@media(prefers-reduced-motion:reduce){.card{transition:none}}
