/* DriveReady Plans & Pricing (1.3.7) — adapted from the owner's Pricing
   Design Kit starter CSS. Everything is scoped under .dr-pricing so no
   other page or component is affected. */
.dr-pricing{--dr-blue:#1455f5;--dr-navy:#101f3b;--dr-muted:#526581;--dr-line:#d7e2f1;--dr-bg:#f6f9ff;--dr-green:#008944;color:var(--dr-navy);background:var(--dr-bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.55;border-radius:24px}
.dr-pricing *{box-sizing:border-box}
.dr-pricing .container{max-width:1200px;margin:auto;padding:48px 24px}
.dr-pricing .hero{text-align:center;max-width:850px;margin:0 auto 32px;padding:0;background:none}
.dr-pricing h1{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:16px 0 12px;color:var(--dr-navy)}
.dr-pricing h2{font-size:22px;line-height:1.25;margin:0;color:var(--dr-navy)}
.dr-pricing .subtitle{font-size:18px;color:var(--dr-muted);margin:0}
.dr-pricing .eyebrow{color:var(--dr-blue);background:#eaf1ff;border-radius:8px;padding:6px 12px;font-size:12px;letter-spacing:.12em;font-weight:700}
.dr-pricing .notice{font-size:16px;background:#fff8e5;border:1px solid #f1cf73;color:#6a460b;padding:12px 18px;border-radius:12px;max-width:700px;margin:24px auto 36px;display:flex;align-items:center;gap:12px}
.dr-pricing .notice svg{color:#b97f0e}
.dr-pricing .notice p{margin:0;font-weight:600}
.dr-pricing .placeholder-note{max-width:700px;margin:0 auto 24px}
.dr-pricing .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dr-pricing .plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px;background:#fff;border:1px solid var(--dr-line);border-radius:20px;box-shadow:0 6px 20px rgba(16,32,72,.03)}
.dr-pricing .plan.featured{border:2px solid var(--dr-blue);box-shadow:0 8px 28px rgba(20,85,245,.07)}
.dr-pricing .badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;background:var(--dr-blue);color:#fff;padding:5px 16px;border-radius:99px;font-size:13px;font-weight:700}
.dr-pricing .plan-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.dr-pricing .icon-tile{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#edf3ff;color:var(--dr-blue)}
.dr-pricing svg{flex-shrink:0;width:24px;height:24px}
.dr-pricing .price{font-size:42px;font-weight:800;letter-spacing:-.035em;line-height:1.2;color:var(--dr-navy)}
.dr-pricing .period{font-size:16px;font-weight:500;color:var(--dr-muted);letter-spacing:0}
.dr-pricing .billing{font-size:16px;margin:6px 0 0;color:var(--dr-navy)}
.dr-pricing .features{list-style:none;padding:20px 0 4px;margin:20px 0 0;border-top:1px solid #edf1f7}
.dr-pricing .features li{display:flex;align-items:flex-start;gap:9px;margin:8px 0}
.dr-pricing .features svg{color:var(--dr-green);width:20px;height:24px}
.dr-pricing .plan-bottom{margin-top:auto;padding-top:16px;border-top:1px solid #edf1f7}
.dr-pricing .terms{font-size:14.5px;color:var(--dr-muted);margin:0 0 8px}
.dr-pricing .terms--cancel{margin-bottom:16px}
.dr-pricing .button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:10px;background:var(--dr-blue);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.dr-pricing .button svg{width:20px;height:20px}
.dr-pricing .button:hover{background:#0f46d8}
.dr-pricing .button:disabled{background:#e1e6ee;color:#465670;cursor:not-allowed}
.dr-pricing .button--light{background:#fff;color:var(--dr-blue);border-color:#b8ccf8}
.dr-pricing .button--light:hover{background:#eaf1ff}
.dr-pricing .help{display:flex;align-items:center;gap:20px;padding:24px;background:#eaf2ff;border-radius:16px;margin-top:32px}
.dr-pricing .help p{margin:6px 0 0;color:var(--dr-muted)}
.dr-pricing .help .button{width:auto;margin-left:auto;white-space:nowrap}
.dr-pricing a{color:var(--dr-blue)}
.dr-pricing :focus-visible{outline:3px solid #1455f5;outline-offset:4px}
@media(max-width:1000px){.dr-pricing .plans{grid-template-columns:1fr;max-width:620px;margin:auto;gap:28px}.dr-pricing .plan{padding:24px}.dr-pricing .container{padding:32px 20px}}
@media(max-width:719px){.dr-pricing .hero-pre{display:none}.dr-pricing .help{flex-direction:column;align-items:flex-start}.dr-pricing .help .button{margin-left:0;width:100%}}
@media (prefers-reduced-motion: reduce){.dr-pricing *{transition:none !important;animation:none !important}}