:root{color-scheme:dark;--bg:#0b1020;--surface:#141d32;--line:#344059;--muted:#b7c4d9;--ink:#f5f7ff;--gold:#f9c66b;--blue:#83c9ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.commerce-seo{margin:0;background:radial-gradient(ellipse at 15% 0%,#243c63 0%,transparent 39%),radial-gradient(ellipse at 90% 13%,#392c5b 0%,transparent 40%),var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
body.commerce-seo a{color:inherit}
body.commerce-seo .mc-site-global-header{position:relative;z-index:10}
.commerce-page{max-width:1150px;margin:auto;padding:22px 24px 85px}
.commerce-breadcrumb{font-size:.89rem;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;padding:22px 0 5px}
.commerce-breadcrumb a:hover{color:var(--gold)}
.commerce-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:32px;align-items:center;padding:45px 0 54px}
.commerce-kicker{font-size:.76rem;letter-spacing:.16em;color:var(--gold);font-weight:750;text-transform:uppercase}
.commerce-hero h1{font-family:Georgia,serif;line-height:1.1;letter-spacing:-.035em;font-size:clamp(2.5rem,5.3vw,4.7rem);margin:15px 0 20px}
.commerce-lead{font-size:clamp(1.08rem,1.5vw,1.25rem);color:#d5dfef;max-width:65ch}
.commerce-visual{min-height:330px;display:grid;place-items:center;position:relative;border-radius:28px;border:1px solid #51658d;background:linear-gradient(140deg,#1d3152,#362a51 50%,#13263e);overflow:hidden;box-shadow:0 20px 70px #0005}
.commerce-visual:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff44;border-radius:28px;transform:rotate(-15deg);box-shadow:0 0 65px #65b9ff44;background:linear-gradient(145deg,#b9dcff30,transparent)}
.commerce-visual:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffc97666;border-radius:50%;transform:translate(55px,-15px)}
.commerce-visual span{z-index:1;font-weight:850;font-size:clamp(2.5rem,5vw,4.2rem);letter-spacing:.06em;text-shadow:0 5px 25px #08101d}
.commerce-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
a.commerce-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;min-height:50px;border-radius:12px;text-decoration:none;font-weight:750;border:1px solid #8495b8;background:#1d2c46;color:white;transition:transform .15s}
a.commerce-button:hover{transform:translateY(-2px);border-color:#fff}
a.commerce-button.primary{background:linear-gradient(120deg,#f5d18d,#f1b75d);border-color:#f5d18d;color:#1c1a22}
.commerce-section{padding:32px 0}
.commerce-section h2{font:normal clamp(1.8rem,3.4vw,2.7rem)/1.2 Georgia,serif;margin:0 0 12px}
.commerce-intro{color:var(--muted);max-width:75ch;margin:0 0 24px}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.commerce-card{background:linear-gradient(150deg,#1b2942,#121b2d);border:1px solid #3d4d6b;border-radius:20px;padding:23px;min-height:185px}
.commerce-card h3{font-size:1.12rem;line-height:1.35;margin:0 0 12px}
.commerce-card p{margin:0;color:#c8d3e7}
.commerce-card a{color:var(--gold)!important;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.commerce-card .eyebrow{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.commerce-steps{counter-reset:steps}
.commerce-step{position:relative;padding-left:45px}
.commerce-step:before{counter-increment:steps;content:counter(steps);position:absolute;top:20px;left:15px;border:1px solid #f0c47b;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#f7d18c;font-weight:750;font-size:.8rem}
.commerce-callout{border:1px solid #8c7451;border-radius:22px;background:linear-gradient(120deg,#302a31,#1d2a3d);padding:25px}
.commerce-callout p{color:#e1dfdf;max-width:80ch}
.commerce-faq details{padding:17px 20px;background:#131f33;border:1px solid #364760;border-radius:13px;margin:12px 0}
.commerce-faq summary{cursor:pointer;font-weight:750}
.commerce-faq details p{color:var(--muted)}
.commerce-foot{padding:28px 0;border-top:1px solid #34445f;color:#bdc8d9;font-size:.91rem}
.commerce-foot a{color:var(--gold)!important}
@media(max-width:790px){.commerce-page{padding:12px 17px 65px}.commerce-hero{grid-template-columns:1fr;padding:30px 0;gap:20px}.commerce-visual{min-height:210px}.commerce-grid{grid-template-columns:1fr}.commerce-card{min-height:unset}.commerce-hero h1{font-size:clamp(2.2rem,9vw,3.7rem)}}