/* A prominent explanation, using ART's existing dark and mint palette. */
#about.art-about{display:block;background:linear-gradient(125deg,#142e30,#101c27 65%);border:1px solid #42655e;border-radius:22px;padding:36px;margin:25px 0 32px;scroll-margin-top:110px;color:var(--ink);width:100%;max-width:none}
.art-about-heading{max-width:850px}.art-about h2{font:600 clamp(26px,3vw,40px)/1.2 Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em;margin:12px 0 16px}.art-about-intro{font-size:15px;line-height:1.85;color:#cadbdc;margin:0}.art-about-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:30px 0}.art-about-benefits article{border-top:1px solid #41605e;padding-top:17px}.art-about-number{font-size:12px;letter-spacing:.1em;color:var(--green)}.art-about h3{font-size:16px;line-height:1.4;margin:10px 0}.art-about-benefits p,.art-about-note p{font-size:13px;line-height:1.8;color:#b9cdce;margin:0}.art-about-steps{border-block:1px solid #344f52;padding:16px 0}.art-about-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-inline-start:20px;margin:15px 0}.art-about-steps li{font-size:13px;line-height:1.8;padding-inline-start:5px}.art-about-steps li::marker{color:var(--green);font-weight:700}.art-about-note{background:#0b171f;border:1px solid #2c464a;border-radius:12px;padding:20px;margin-top:24px}.art-about-note strong{font-size:14px;display:block;margin-bottom:8px}.art-about-text-link{color:#8eeed4;text-decoration:underline;text-underline-offset:5px;font-size:12px;display:inline-block;padding:8px 0}.art-about-footnote{font-size:11px!important;line-height:1.7!important;color:#a9bdc1!important;margin:18px 0!important;max-width:none!important}.art-about-actions{display:flex}.hero-actions{flex-wrap:wrap;row-gap:12px}header .art-about-nav{color:var(--green);font-weight:700}#art-cashback-details{scroll-margin-top:95px}
@media(max-width:1000px){.art-about-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.art-about-steps ol{grid-template-columns:1fr;gap:12px}header nav{gap:16px}}
@media(max-width:600px){#about.art-about{padding:24px 20px;border-radius:16px;margin-top:20px}.art-about-intro{font-size:14px}.art-about-benefits{gap:20px;grid-template-columns:1fr}.art-about h3{font-size:15px}.art-about-benefits p{font-size:13px}.art-about-note{padding:16px}.hero-actions{column-gap:18px}.art-about-actions .primary{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}