/* Adaptations demandées, appliquées au format exact de la PR #719. */
.hero{padding-top:88px}.hero-copy{max-width:1050px;margin:auto}.hero .kicker{margin-bottom:27px}.hero h1{font-size:clamp(64px,7.2vw,98px);line-height:.94;letter-spacing:-5.4px;font-family:Geist,Arial,sans-serif;font-weight:470}.hero h1 .heritage-gradient{display:inline-block;padding-right:.06em;background:linear-gradient(100deg,#0071e3 8%,#7250d7 58%,#c34b82 98%);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-4px}.hero-copy>p{max-width:680px;font-size:16px;line-height:1.65}.hero .actions{gap:32px}.hero .btn{min-width:221px;min-height:52px;justify-content:space-between;padding:0 22px;border:0;border-radius:999px;background:#414145;color:#fff;font-size:14px;font-weight:600}.hero .btn:hover{background:#56565d}.hero .text-link{padding:8px 0;border-bottom:1px solid #b9b9be;color:#37373b;font-size:14px;font-weight:600}.hero .text-link .icon{width:15px;height:15px}.demo-wrap{margin-top:62px}.light-field{top:145px;height:820px}.hero-orbit{top:510px}
.product-story .section-head{align-items:start}.product-story .section-head h2{max-width:990px}.story-tabs button>span:first-child{font-size:12px;font-weight:550;letter-spacing:.7px}.story-tabs button strong{min-height:48px}.story-tabs .feature-description{font-size:12px;line-height:1.65;min-height:62px;color:#767d91}
.performance-section .section-head h2{max-width:1000px}.performance-actions{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.performance-actions .performance-tabs{margin-bottom:0}.performance-cta{display:inline-flex;min-width:220px;min-height:52px;align-items:center;justify-content:space-between;gap:28px;padding:0 22px;border-radius:999px;background:#414145;color:#fff;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.performance-cta:hover{background:#56565d;transform:translateY(-2px)}.profile-rate>span,.profile-assets>span{font-size:11px;line-height:1.65;color:#747c92}.profile-top,.profile-top strong{font-size:9px}.profile-assets li{font-size:9px}
.original-differenceHeader h2{max-width:990px}.original-comparisonCard>strong{display:flex;flex-direction:column;gap:8px}.original-comparisonCard>strong small{font-size:10px;line-height:1;letter-spacing:1.3px;text-transform:uppercase;color:#8e94a7;font-weight:550}.original-comparisonFeatured>strong small{color:#728fb2}.original-comparisonCard>p{font-size:13px;line-height:1.55;color:#858c9f}.original-comparisonFeatured>p{color:#7188a5}
.closing .actions{gap:32px}.closing .btn{min-width:221px;min-height:52px;justify-content:space-between;padding:0 22px;border:0;border-radius:999px;background:#414145;color:#fff;font-size:14px;font-weight:600}.closing .btn:hover{background:#56565d}.closing .text-link{min-height:52px;padding:0 0;border-bottom:1px solid #b9b9be;color:#37373b;font-size:14px;font-weight:600}.closing .text-link .icon{width:15px;height:15px}
.hero .btn,.hero .text-link,.closing .btn,.closing .text-link{font-family:Geist,Arial,sans-serif;font-style:normal;letter-spacing:0}
.nav-links{font-size:13px}.products-menu>summary>span{display:inline-block;width:7px;height:7px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;font-size:0;transform:translateY(-2px) rotate(45deg);transform-origin:center;transition:transform .18s ease}.products-menu[open]>summary>span{transform:translateY(2px) rotate(225deg)}.products-dropdown{width:330px;padding:12px}.products-dropdown a{padding:15px 13px}.products-dropdown strong{font-size:14px}.products-dropdown small{max-width:285px;margin-top:6px;font-size:12px;line-height:1.55}
@media(max-width:820px){.hero h1{font-size:clamp(55px,10vw,78px);letter-spacing:-3.8px}.demo-wrap{margin-top:48px}.story-tabs button strong{min-height:72px}}
@media(max-width:560px){.hero{padding-top:58px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.demo-wrap{margin-top:38px}.story-tabs button strong{min-height:0}.story-tabs .feature-description{min-height:0}.performance-actions{align-items:stretch;flex-direction:column}.performance-cta{width:100%}.closing .actions{align-items:stretch;flex-direction:column}.closing .btn,.closing .text-link{width:100%}}

/* L’aperçu du hero reste du HTML éditable et reprend la hiérarchie du dashboard réel. */
.demo-wrap {
  max-width: 1180px;
  border-radius: 10px;
  background: linear-gradient(115deg, #a8c8ef, #c5b4e7 40%, #e2e5ef 67%, #cbb9d9);
  box-shadow: 0 20px 75px #54638a22;
}

.light-field { height: 920px; }
.hero-orbit { top: 555px; }
.dashboard-preview {
  display: grid;
  grid-template-columns: 194px minmax(0, 1fr);
  min-height: 590px;
  overflow: hidden;
  border-radius: 9px;
  background: #fff;
  color: #111;
  font-size: 11px;
  text-align: left;
}
.dashboard-sidebar {
  display: flex;
  flex-direction: column;
  padding: 25px 14px 18px;
  background: #f5f5f4;
}
.dashboard-logo {
  width: 119px;
  height: auto;
  margin: 0 8px 28px;
  filter: none;
}
.dashboard-sidebar nav { display: flex; flex-direction: column; gap: 6px; }
.dashboard-sidebar nav span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 12px;
  border-radius: 9px;
  color: #666b70;
  font-size: 12px;
  font-weight: 500;
}
.dashboard-sidebar nav span.active {
  color: #0878e8;
  background: #e5f1ff;
  font-weight: 600;
}
.dashboard-sidebar nav .icon { width: 17px; height: 17px; }
.dashboard-sidebar > small { margin: auto 10px 0; color: #92979d; font-size: 8px; }
.dashboard-main { min-width: 0; padding: 27px 36px 30px; }
.dashboard-heading { display: flex; align-items: flex-start; justify-content: space-between; }
.dashboard-heading > div > span {
  color: #0878e8;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.dashboard-heading h2 {
  margin-top: 5px;
  color: #090909;
  font-size: 27px;
  font-weight: 600;
  letter-spacing: -1px;
}
.dashboard-heading > small {
  padding: 5px 8px;
  border: 1px solid #e0e5ea;
  border-radius: 4px;
  color: #858a90;
  font-size: 8px;
}
.dashboard-advisor {
  display: flex;
  align-items: center;
  gap: 34px;
  padding: 22px 0 25px;
  border-bottom: 1px solid #e7e8e9;
}
.dashboard-advisor-identity { display: flex; min-width: 190px; align-items: center; gap: 12px; }
.dashboard-advisor-identity > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  color: #0878e8;
  background: #e8f3ff;
  font-size: 14px;
  font-style: normal;
}
.dashboard-advisor p { display: flex; flex-direction: column; margin: 0; }
.dashboard-advisor p span {
  color: #74797d;
  font-size: 8px;
  font-weight: 650;
  letter-spacing: .6px;
  text-transform: uppercase;
}
.dashboard-advisor p strong { margin-top: 2px; font-size: 12px; font-weight: 600; }
.dashboard-advisor dl { display: flex; gap: 23px; margin: 0; }
.dashboard-advisor dl div { display: grid; grid-template-columns: 1fr; gap: 2px; }
.dashboard-advisor dt { color: #6f7378; }
.dashboard-advisor dd { margin: 0; color: #151515; }
.dashboard-advisor dl div:last-child dd { color: #aa6200; }
.dashboard-actions { display: flex; gap: 8px; margin-left: auto; white-space: nowrap; }
.dashboard-actions span,
.dashboard-actions strong {
  padding: 10px 14px;
  border: 1px solid #cce4ff;
  border-radius: 999px;
  color: #0878e8;
  font-weight: 600;
}
.dashboard-actions strong { border-color: #0878e8; color: #fff; background: #0878e8; }
.dashboard-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
  border: 1px solid #e5e6e7;
  border-radius: 8px;
}
.dashboard-kpis article {
  display: flex;
  min-height: 176px;
  flex-direction: column;
  padding: 20px 21px;
  border-right: 1px solid #e5e6e7;
}
.dashboard-kpis article:last-child { border-right: 0; }
.dashboard-kpis article > span { color: #686d72; font-size: 11px; }
.dashboard-kpis article > strong {
  margin-top: 13px;
  font-size: 31px;
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1;
}
.dashboard-kpis article > strong.score { color: #ad5d08; }
.dashboard-kpis article > strong.potential { color: #16865f; }
.dashboard-kpis article > strong em {
  color: #6e7378;
  font-size: 14px;
  font-style: normal;
  letter-spacing: 0;
}
.dashboard-kpis article > small { margin-top: 10px; color: #85898d; font-size: 9px; }
.dashboard-kpis article > b { margin-top: auto; font-size: 10px; font-weight: 500; }
.dashboard-progress {
  margin-top: 27px;
  overflow: hidden;
  border: 1px solid #e5e6e7;
  border-radius: 8px;
}
.dashboard-progress > div {
  display: grid;
  grid-template-columns: 24px minmax(145px, 1fr) 180px 40px 85px;
  gap: 9px;
  align-items: center;
  min-height: 52px;
  padding: 0 20px;
  border-bottom: 1px solid #e8e9ea;
}
.dashboard-progress > div:last-child { border-bottom: 0; }
.dashboard-progress span,
.dashboard-progress small { color: #8b9095; font-size: 9px; }
.dashboard-progress strong { font-size: 11px; font-weight: 500; }
.dashboard-progress i {
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(to right, var(--tone) var(--progress), #e7e8e9 var(--progress));
  font-style: normal;
}
.dashboard-progress b { color: #72777b; font-size: 9px; font-weight: 400; text-align: right; }

@media (max-width: 980px) {
  .dashboard-preview { grid-template-columns: 150px minmax(0, 1fr); min-height: 540px; }
  .dashboard-sidebar { padding-inline: 10px; }
  .dashboard-logo { width: 104px; }
  .dashboard-sidebar nav span { gap: 8px; padding: 11px 9px; font-size: 10px; }
  .dashboard-main { padding: 24px; }
  .dashboard-advisor { gap: 20px; }
  .dashboard-advisor-identity { min-width: 165px; }
  .dashboard-advisor dl div:first-child { display: none; }
  .dashboard-progress > div {
    grid-template-columns: 22px minmax(120px, 1fr) 130px 35px 72px;
    padding-inline: 15px;
  }
}

@media (max-width: 820px) {
  .dashboard-preview { grid-template-columns: 1fr; }
  .dashboard-sidebar { display: none; }
  .dashboard-main { padding: 25px; }
  .dashboard-advisor { gap: 20px; }
  .dashboard-advisor dl { display: none; }
  .dashboard-kpis article { min-height: 162px; padding: 18px; }
  .dashboard-kpis article > strong { font-size: 26px; }
  .dashboard-progress > div { grid-template-columns: 22px minmax(120px, 1fr) 120px 35px; }
  .dashboard-progress b { display: none; }
}

@media (max-width: 560px) {
  .dashboard-preview { min-height: 0; }
  .dashboard-main { padding: 19px 15px; }
  .dashboard-heading h2 { font-size: 23px; }
  .dashboard-heading > small { display: none; }
  .dashboard-advisor { padding: 17px 0; }
  .dashboard-advisor-identity { min-width: 0; }
  .dashboard-advisor-identity > i { width: 34px; height: 34px; }
  .dashboard-actions span { display: none; }
  .dashboard-actions strong { padding: 9px 11px; font-size: 9px; }
  .dashboard-kpis { grid-template-columns: 1fr; margin-top: 20px; }
  .dashboard-kpis article {
    min-height: 126px;
    border-right: 0;
    border-bottom: 1px solid #e5e6e7;
  }
  .dashboard-kpis article:last-child { border-bottom: 0; }
  .dashboard-kpis article > strong { font-size: 28px; }
  .dashboard-kpis article > b { margin-top: 13px; }
  .dashboard-progress { margin-top: 20px; }
  .dashboard-progress > div {
    grid-template-columns: 20px minmax(95px, 1fr) 70px 30px;
    min-height: 45px;
    padding: 0 11px;
  }
  .dashboard-progress strong { font-size: 10px; }
  .dashboard-progress > div:nth-child(n + 4) { display: none; }
}

/* Aperçu fidèle de la page /comptes actuelle, conservé en HTML/CSS éditable. */
.accounts-dashboard-shell .platform-body { grid-template-columns:194px minmax(0,1fr); min-height:0; }
.accounts-dashboard-shell .platform-main { min-width:0; padding:27px 36px 30px; }
.accounts-page-sidebar { display:flex; min-width:0; flex-direction:column; padding:25px 14px 18px; background:#f5f5f4; }
.accounts-page-sidebar>img { width:119px; height:auto; margin:0 8px 28px; filter:none; }
.accounts-page-sidebar nav { display:flex; flex-direction:column; gap:6px; }
.accounts-page-sidebar nav span { display:flex; align-items:center; gap:12px; padding:13px 12px; border-radius:9px; color:#666b70; font-size:12px; font-weight:500; }
.accounts-page-sidebar nav span.active { color:#0878e8; background:#e5f1ff; font-weight:600; }
.accounts-page-sidebar nav .icon { width:17px; height:17px; }
.accounts-page-sidebar>small { margin:auto 10px 0; color:#92979d; font-size:8px; }
.accounts-preview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }
.accounts-preview-heading small { color:#0878e8; font-size:8px; font-weight:650; letter-spacing:1px; }
.accounts-preview-heading h3 { margin-top:4px; color:#111; font-size:24px; font-weight:600; }
.accounts-preview-actions { display:flex; gap:8px; }
.accounts-preview-actions span,.accounts-preview-actions strong { padding:9px 13px; border:1px solid #cde3fb; border-radius:5px; color:#0878e8; font-size:9px; font-weight:600; }
.accounts-preview-actions strong { border-color:#0878e8; color:#fff; background:#0878e8; }
.accounts-allocation { margin-top:18px; padding:17px 19px 18px; border:1px solid #e5e7eb; border-radius:6px; }
.accounts-allocation h4,.accounts-category h4 { color:#171717; font-size:13px; font-weight:600; letter-spacing:-.2px; }
.accounts-allocation-body { display:grid; grid-template-columns:180px 1fr; align-items:center; gap:28px; margin-top:15px; padding-top:15px; border-top:1px solid #eef0f2; }
.accounts-donut { display:grid; width:112px; height:112px; margin:auto; place-items:center; border-radius:50%; background:conic-gradient(#0878e8 0 10%,#16a39b 10% 17%,#f78b43 17% 100%); }
.accounts-donut:before { content:""; grid-area:1/1; width:72px; height:72px; border-radius:50%; background:#fff; }
.accounts-donut>div { z-index:1; grid-area:1/1; display:flex; flex-direction:column; align-items:center; }
.accounts-donut strong { color:#202020; font-size:13px; font-weight:600; }
.accounts-donut span { color:#777d82; font-size:6px; letter-spacing:.5px; }
.accounts-legend { display:grid; grid-template-columns:1fr 1fr; gap:0 26px; }
.accounts-legend p { display:grid; grid-template-columns:7px 1fr auto; gap:6px; align-items:center; padding:10px 0; border-bottom:1px solid #edf0f2; color:#111; }
.accounts-legend p>i { width:6px; height:6px; border-radius:50%; background:#0878e8; }
.accounts-legend p>i.property { background:#f78b43; }.accounts-legend p>i.cash { background:#16a39b; }
.accounts-legend p>strong,.accounts-legend p>b { font-size:9px; font-weight:600; }.accounts-legend p>span { grid-column:2; color:#898e94; font-size:7px; }
.accounts-category { margin-top:18px; overflow:hidden; border:1px solid #e5e7eb; border-radius:6px; }
.accounts-category>header { display:flex; align-items:center; justify-content:space-between; min-height:39px; padding:0 16px; border-bottom:1px solid #e8eaed; }
.accounts-category>header h4 { display:flex; align-items:center; gap:8px; }.accounts-category>header h4 i { width:6px; height:6px; border-radius:50%; background:#0878e8; }.accounts-category.property>header h4 i { background:#f78b43; }
.accounts-category>header>span { color:#777d84; font-size:8px; }.accounts-category>header>span strong { color:#262626; font-size:10px; }
.accounts-subtitle { display:flex; justify-content:space-between; padding:9px 16px 5px; color:#777e85; font-size:6px; font-weight:650; letter-spacing:.7px; }
.accounts-row { display:grid; grid-template-columns:30px minmax(0,1fr) 100px auto; gap:10px; align-items:center; min-height:54px; padding:7px 16px; border-top:1px solid #eef0f2; }
.accounts-row>i { display:grid; width:29px; height:29px; place-items:center; border-radius:6px; color:#5e6de0; background:#eeebff; font-size:13px; font-style:normal; }.accounts-category.property .accounts-row>i { color:#d66c2e; background:#fff1e8; }
.accounts-row>p { display:flex; min-width:0; flex-direction:column; color:#151515; }.accounts-row>p strong { overflow:hidden; font-size:9px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.accounts-row>p small { color:#7d8389; font-size:7px; }
.accounts-row>span { display:flex; flex-direction:column; align-items:flex-end; }.accounts-row>span small { color:#7d8389; font-size:6px; letter-spacing:.5px; }.accounts-row>span b { color:#111; font-size:13px; font-weight:600; }
.accounts-row>em { padding:4px 7px; border-radius:999px; color:#7162dc; background:#f0edff; font-size:7px; font-style:normal; white-space:nowrap; }.accounts-category.property .accounts-row>em { color:#cc6b32; background:#fff0e7; }

@media(max-width:980px){.accounts-dashboard-shell .platform-body{grid-template-columns:150px minmax(0,1fr)}.accounts-dashboard-shell .platform-main{padding:24px}.accounts-page-sidebar{padding-inline:10px}.accounts-page-sidebar>img{width:104px}.accounts-page-sidebar nav span{gap:8px;padding:11px 9px;font-size:10px}}
@media(max-width:820px){.accounts-dashboard-shell .platform-body{grid-template-columns:1fr}.accounts-page-sidebar{display:none}.accounts-allocation-body{grid-template-columns:145px 1fr}.accounts-row{grid-template-columns:30px minmax(0,1fr) 90px auto;padding-inline:12px}}
@media(max-width:560px){.accounts-preview-heading{align-items:center}.accounts-preview-actions span{display:none}.accounts-preview-actions strong{padding:8px 10px}.accounts-allocation{padding-inline:13px}.accounts-allocation-body{grid-template-columns:1fr;gap:12px}.accounts-legend{grid-template-columns:1fr}.accounts-row{grid-template-columns:29px minmax(0,1fr) 82px;padding-inline:10px}.accounts-row>em{display:none}.accounts-row>p strong{font-size:8px}.accounts-row>span b{font-size:11px}}

/* Aperçu éditable de /comptes/:id/evaluation?horizon=8. */
.accounts-dashboard-shell.showing-evaluation .platform-main { padding:22px 28px 29px; }
.evaluation-preview { color:#14171a; }
.evaluation-back { margin:0 0 15px; color:#6f7479; font-size:8px; }
.evaluation-score-card { display:flex; align-items:center; gap:24px; min-height:100px; padding:17px 25px; border:1px solid #e5e7e9; border-radius:7px; }
.evaluation-score { display:grid; width:62px; height:62px; flex:none; place-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle at center,#fff 58%,transparent 60%),conic-gradient(#b77c13 0 64%,#eef0f1 64% 100%); }
.evaluation-score strong { color:#111; font-size:17px; line-height:1; font-weight:650; }
.evaluation-score small { color:#686d72; font-size:6px; line-height:1; }
.evaluation-score-card>div:last-child>small { display:block; color:#8d9093; font-size:6px; font-weight:650; letter-spacing:1.3px; }
.evaluation-score-card h3 { margin-top:6px; color:#111; font-size:17px; font-weight:550; letter-spacing:-.7px; }
.evaluation-cards { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:12px; }
.evaluation-card { min-width:0; padding:12px 14px 10px; border:1px solid #e5e7e9; border-radius:6px; }
.evaluation-card h5 { display:flex; justify-content:space-between; margin:0 0 11px; color:#202326; font-size:9px; font-weight:600; }
.evaluation-card h5 span { color:#73777b; font-size:8px; }
.evaluation-values { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.evaluation-values p { display:flex; flex-direction:column; color:#111; }
.evaluation-values small { color:#8a8e92; font-size:6px; }
.evaluation-values strong { font-size:17px; line-height:1.2; font-weight:500; letter-spacing:-.5px; }
.evaluation-difference { display:flex; justify-content:space-between; gap:10px; margin-top:9px; font-size:6px; }
.evaluation-difference b { color:#34383b; font-weight:550; }
.evaluation-difference em { color:#b76f18; font-style:normal; }.evaluation-card:has(.evaluation-scale.good) .evaluation-difference em { color:#25834d; }.evaluation-card:has(.evaluation-scale.bad) .evaluation-difference em { color:#bd3d36; }
.evaluation-scale { position:relative; height:3px; margin-top:8px; background:#eef0f1; }
.evaluation-scale:before { content:""; position:absolute; left:50%; top:-2px; width:1px; height:7px; background:#aeb2b5; }
.evaluation-scale i { position:absolute; top:0; left:min(50%,var(--position)); width:abs(calc(var(--position) - 50%)); height:3px; background:#b77c13; }
.evaluation-scale span { position:absolute; left:var(--position); top:50%; width:6px; height:6px; border-radius:50%; background:#b77c13; transform:translate(-50%,-50%); }
.evaluation-scale.good i,.evaluation-scale.good span { background:#2e8651; }.evaluation-scale.bad i,.evaluation-scale.bad span { background:#ba3e38; }
.evaluation-scale-labels { display:flex; justify-content:space-between; margin-top:5px; color:#969a9d; font-size:5px; }.evaluation-scale-labels b { color:#24272a; font-weight:550; }

@media(max-width:980px){.evaluation-card{padding-inline:10px}}
@media(max-width:820px){.accounts-dashboard-shell.showing-evaluation .platform-main{padding:22px}.evaluation-score-card h3{font-size:15px}}
@media(max-width:560px){.accounts-dashboard-shell.showing-evaluation .platform-main{padding:15px}.evaluation-score-card{gap:14px;padding:14px}.evaluation-score{width:54px;height:54px}.evaluation-score-card h3{font-size:13px}.evaluation-cards{grid-template-columns:1fr}.evaluation-card:nth-child(n+4){display:none}.evaluation-values strong{font-size:16px}}

/* Aperçu éditable de l’introduction méthodologique de /resultats. */
.accounts-dashboard-shell.showing-method .platform-main { padding:29px 31px 31px; background:radial-gradient(circle at 50% 9%,#eaf4ff 0,rgba(234,244,255,.45) 25%,transparent 58%),#fbfcfd; }
.method-preview { color:#111; }
.method-preview-heading { max-width:720px; margin:0 auto 27px; text-align:center; }
.method-preview-heading>small { color:#0878e8; font-size:8px; font-weight:650; letter-spacing:1.5px; }
.method-preview-heading h3 { margin-top:9px; color:#080a0c; font-size:30px; line-height:1.04; font-weight:600; letter-spacing:-1.3px; }
.method-preview-heading p { max-width:625px; margin:14px auto 0; color:#6e7479; font-size:9px; line-height:1.65; }
.method-preview-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.method-preview-cards article { display:flex; min-width:0; min-height:245px; flex-direction:column; padding:19px 17px 16px; border:1px solid #e2e5e8; border-radius:9px; background:#fff; box-shadow:0 7px 20px rgba(36,55,76,.045); }
.method-card-top { display:flex; align-items:center; justify-content:space-between; }
.method-card-top>b { color:#0878e8; font-size:9px; font-weight:650; letter-spacing:.8px; }
.method-card-top>i { display:grid; width:31px; height:31px; place-items:center; border-radius:7px; color:#0878e8; background:#e8f3ff; }
.method-card-top svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.method-preview-cards h4 { max-width:205px; margin-top:17px; color:#111; font-size:15px; line-height:1.12; font-weight:600; letter-spacing:-.45px; }
.method-preview-cards p { margin-top:12px; color:#72787d; font-size:9px; line-height:1.58; }
.method-preview-cards article>div:last-child { display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; padding-top:15px; }
.method-preview-cards article>div:last-child span { padding:4px 7px; border:1px solid #eceeef; border-radius:999px; color:#70757a; background:#f7f7f7; font-size:7px; line-height:1; }
.method-preview-warning { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:16px; color:#777c81; font-size:7px; }
.method-preview-warning span { color:#b77913; font-size:12px; }

@media(max-width:980px){.accounts-dashboard-shell.showing-method .platform-main{padding:25px 22px}.method-preview-heading{margin-bottom:22px}.method-preview-heading h3{font-size:26px}.method-preview-cards{gap:9px}.method-preview-cards article{min-height:235px;padding-inline:13px}.method-preview-cards h4{font-size:13px}}
@media(max-width:820px){.accounts-dashboard-shell.showing-method .platform-main{padding:24px}.method-preview-cards article{min-height:225px}}
@media(max-width:560px){.accounts-dashboard-shell.showing-method .platform-main{padding:20px 15px}.method-preview-heading{margin-bottom:20px}.method-preview-heading h3{font-size:24px}.method-preview-heading p{font-size:8px}.method-preview-cards{grid-template-columns:1fr}.method-preview-cards article{min-height:190px}.method-preview-warning{align-items:flex-start;text-align:left}}