/* Keep the approved cloud pricing isolated from the original phone hero. */
.restored-pricing { padding: 76px 0; scroll-margin-top: 105px; }
.restored-pricing .section-heading { margin-bottom: 34px; }
.restored-pricing .eyebrow { color: #9ca7b5; font-size: 11px; font-weight: 700; letter-spacing: 1.7px; margin: 0 0 22px; }
.restored-pricing h2 { font-size: clamp(30px,3.4vw,44px); letter-spacing: -1.4px; line-height: 1.15; margin: 0 0 15px; }
.restored-pricing p { color: #9ca7b5; line-height: 1.7; font-size: 15px; }
.restored-pricing .plans { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.restored-pricing .plans:focus-visible { outline: 2px solid #5ee7ef; outline-offset: 5px; border-radius: 18px; }
.restored-pricing .swipe-hint { display: none; }
.restored-pricing .plan { padding: 32px; background: #0e1118; border: 1px solid #ffffff12; border-radius: 18px; }
.restored-pricing .plan { position: relative; padding-top: 56px; }
.restored-pricing .plan-free { --plan-accent: #b9bec8; --plan-border: #747b8738; background: linear-gradient(150deg,#25282f,#13151b 75%); border-color: var(--plan-border); }
.restored-pricing .plan-boost { --plan-accent: #80e1e3; --plan-border: #6bd9df55; background: radial-gradient(ellipse at 50% 0,#224e53 0,transparent 70%),#101c22; border-color: #72d9df99; box-shadow: 0 0 28px #57d4dc17,inset 0 0 30px #6de2e607; }
.restored-pricing .plan-eclair { --plan-accent: #c2a7ef; --plan-border: #b190e94d; background: linear-gradient(150deg,#30283f,#18151f 75%); border-color: var(--plan-border); }
.restored-pricing .plan-recommended { position: absolute; inset: 0 0 auto; height: 29px; display: flex; align-items: center; justify-content: center; border-radius: 17px 17px 0 0; background: linear-gradient(100deg,#067a80,#09b1ba,#067a80); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; }
.restored-pricing .plan .pill { color: var(--plan-accent); border-color: var(--plan-border); }
.restored-pricing .plan li::before { color: var(--plan-accent); }
.restored-pricing .plan .button { background: var(--plan-accent); color: #11151d; transition: filter .18s,box-shadow .18s; }
.restored-pricing .plan .button:hover { background: var(--plan-accent); filter: brightness(1.08); }
.restored-pricing .plan-boost .button { box-shadow: 0 4px 20px #66d4dc26; }
.restored-pricing .plan-free .button { background: #353a44; color: #edf0f4; }
.restored-pricing .plan-free .button:hover { background: #414752; }
.restored-pricing .pill { display: inline-block; border: 1px solid #09b1ba35; padding: 5px 9px; border-radius: 5px; color: #5ee7ef; font-size: 9px; font-weight: 700; letter-spacing: 1px; }
.restored-pricing .pill.muted { color: #9ca7b5; border-color: #ffffff12; }
.restored-pricing h3 { font-size: 22px; margin: 24px 0 18px; }
.restored-pricing .price { font-size: 46px; font-weight: 650; letter-spacing: -2px; margin-bottom: 28px; }
.restored-pricing .price small { font-size: 13px; letter-spacing: 0; color: #9ca7b5; font-weight: 400; }
.restored-pricing ul { list-style: none; padding: 0; margin: 0 0 28px; }
.restored-pricing li { font-size: 13px; padding: 8px 0; color: #c3cad5; }
.restored-pricing li::before { content: '✓'; color: #5ee7ef; margin-right: 10px; }
.restored-pricing .button { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-radius: 11px; background: #09b1ba; color: #051012; font-size: 13px; font-weight: 750; text-decoration: none; }
.restored-pricing .button:hover { background: #5ee7ef; }
.restored-pricing .button:focus-visible { outline: 2px solid #eef0f4; outline-offset: 4px; }
.restored-pricing .hint { font-size: 11px; margin: 16px 0 0; }
.restored-pricing .plan-promise { font-size: 31px; font-weight: 600; letter-spacing: -1px; line-height: 1.25; max-width: 230px; margin: 26px 0; }
@media(max-width:900px) { .restored-pricing .plan { padding: 56px 23px 23px; } .restored-pricing .plans { gap: 14px; } }
@media(max-width:700px) {
  .restored-pricing { padding: 45px 0; }
  /* Mobile : les offres s'empilent, Boost (recommandée) en premier. */
  .restored-pricing .plans { grid-template-columns: 1fr; gap: 16px; }
  .restored-pricing .plan-boost { order: -1; }
  .restored-pricing .plan { min-width: 0; padding: 52px 22px 22px; }
  .restored-pricing .swipe-hint { display: none; }
}