/* SellMacBook V10.2 — colorful homepage presentation only.
   Scoped to marketing page; leave customer quote, admin and pricing UI intact. */
:root{--purple:#6940dd;--ink:#111936;--muted:#68748b}
body{background:#fff;color:#111936}
.announcement{min-height:34px;height:auto;padding:7px 14px;background:linear-gradient(105deg,#f18c99 0%,#8244db 17%,#292b8c 47%,#137bd5 74%,#04bda9 100%);color:#fff;font-size:11px;letter-spacing:.025em}
.announcement .pulse-dot{background:#ffe084;box-shadow:0 0 0 4px #ffe08422}
.announcement .announcement-divider{opacity:.65}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #eae9fb;box-shadow:0 4px 24px rgba(41,47,95,.04)}
.site-header .brand-mark{background:linear-gradient(145deg,#382176,#7441dc 65%,#3557d9);box-shadow:0 5px 14px #6846d133}
.site-header .brand-domain{color:#6843df}
.site-header .btn-dark,.mobile-cta .btn-dark{background:linear-gradient(112deg,#7637d7,#21144e);box-shadow:0 7px 18px #5530ab30;border-radius:15px}
.site-header .location-trigger{background:linear-gradient(115deg,#f8f3ff,#eef2ff);border-color:#e4dcff;border-radius:999px}
.site-header .support-link{background:linear-gradient(105deg,#eefdf7,#f1f9ff);padding:10px 12px;border-radius:999px;color:#145b57}
/* Hero slides are existing real category banners: introduce colorful framing without cropping them */
.smb-carousel{padding:17px 0 9px;background:radial-gradient(ellipse at 7% 65%,#ffe6f080,transparent 40%),radial-gradient(ellipse at 94% 15%,#bcefff80,transparent 45%),linear-gradient(180deg,#fff,#fcfaff)}
.smb-carousel-container{max-width:1200px}
.smb-slider{border:1px solid #e6dcff;border-radius:24px;box-shadow:0 20px 48px rgba(74,43,127,.11);background:linear-gradient(115deg,#f9edff,#e9faff)}
.smb-slider-arrow{border:1px solid #d7dfff;color:#4d39a9;background:linear-gradient(140deg,#fff,#f6f2ff);box-shadow:0 4px 14px #43399c13}
.smb-slider-dot.is-active{background:linear-gradient(90deg,#7a40e0,#02a9dc)}
/* Category cards: distinct accents make navigation easy to scan */
.smb-category-chooser{background:linear-gradient(180deg,#fcfaff 0%,#fff 100%)!important;padding:24px 0 33px!important}
.smb-category-chooser .smb-category-heading h2{font-size:clamp(25px,2.7vw,34px);letter-spacing:-1.1px}
.smb-category-chooser .category-grid{gap:12px}
.smb-category-chooser .category-card{border:1px solid var(--cat-border,#e0d9fc)!important;background:var(--cat-bg,linear-gradient(145deg,#f6ecff,#e9e0ff))!important;box-shadow:0 8px 18px var(--cat-shadow,#6b42d414)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-height:150px!important;padding:15px 8px 13px!important;overflow:hidden;position:relative}
.smb-category-chooser .category-card:before{content:"";position:absolute;width:95px;height:95px;right:-40px;top:-44px;border-radius:50%;background:#ffffff88;pointer-events:none}
.smb-category-chooser .category-card:hover{transform:translateY(-4px);box-shadow:0 13px 26px var(--cat-shadow,#6b42d425)!important}
.smb-category-chooser .category-card:nth-child(1){--cat-bg:linear-gradient(145deg,#f7ebff,#eae1ff);--cat-border:#e5d4ff;--cat-shadow:#8953c71f}
.smb-category-chooser .category-card:nth-child(2){--cat-bg:linear-gradient(145deg,#eaf8ff,#d9edff);--cat-border:#c8e4ff;--cat-shadow:#269fdb1f}
.smb-category-chooser .category-card:nth-child(3){--cat-bg:linear-gradient(145deg,#e7fff7,#d8f7f0);--cat-border:#b9f0e0;--cat-shadow:#15b9971f}
.smb-category-chooser .category-card:nth-child(4){--cat-bg:linear-gradient(145deg,#fff1ed,#ffe2d7);--cat-border:#ffd9cc;--cat-shadow:#f28f6a24}
.smb-category-chooser .category-card:nth-child(5){--cat-bg:linear-gradient(145deg,#ebf6ff,#d8eaff);--cat-border:#c8e2ff;--cat-shadow:#5193d621}
.smb-category-chooser .category-card:nth-child(6){--cat-bg:linear-gradient(145deg,#e9fff7,#d4f8eb);--cat-border:#c2eddb;--cat-shadow:#28ba9721}
.smb-category-chooser .category-card:nth-child(7){--cat-bg:linear-gradient(145deg,#fff0f8,#ffe0f1);--cat-border:#ffd2e9;--cat-shadow:#e16ea921}
.smb-category-chooser .category-card:nth-child(8){--cat-bg:linear-gradient(145deg,#f0f0ff,#e0e4ff);--cat-border:#d7daff;--cat-shadow:#8582e021}
.smb-category-chooser .category-card .category-art{height:82px!important;filter:drop-shadow(0 6px 5px #2d286318)}
.smb-category-chooser .category-card .device-svg{height:76px!important;width:100px!important}
.smb-category-chooser .category-card strong{font-size:13px!important;color:#15172e}
.smb-category-chooser .category-card .category-sub{font-size:10px!important;color:#5b667c}
.smb-category-chooser .category-card .cat-arrow{color:#6543d9;font-size:16px}
/* Benefits strip added between categories and process */
.smb-trust-wrap{padding:0 0 26px;background:#fff}
.smb-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e9e3ff;border-radius:20px;background:linear-gradient(105deg,#f7f3ff,#f4fcff 48%,#f7f8ff);box-shadow:0 10px 28px #4740a80c;overflow:hidden}
.smb-trust-item{display:flex;align-items:center;gap:12px;padding:17px 20px;min-width:0}
.smb-trust-item+.smb-trust-item{border-left:1px solid #e7e7f6}
.smb-trust-icon{font-size:21px;width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:12px;background:#eee2ff;color:#7043d5}
.smb-trust-item:nth-child(2) .smb-trust-icon{background:#d9fbf2;color:#079c7a}
.smb-trust-item:nth-child(3) .smb-trust-icon{background:#fff0e2;color:#ea7f39}
.smb-trust-item:nth-child(4) .smb-trust-icon{background:#ddebff;color:#1681e1}
.smb-trust-item strong{font-size:12px;display:block;color:#14213d}
.smb-trust-item small{font-size:10px;color:#68748b;display:block;line-height:1.5;margin-top:3px}
/* Process area */
.statement-band{background:linear-gradient(100deg,#f9f4ff,#f3fbff,#f6fff9)!important;border-top:1px solid #f0eaff;border-bottom:1px solid #edf3fa}
.statement-star{color:#38acbc!important}
.how-section{background:linear-gradient(180deg,#fff 20%,#f9faff)!important;padding-top:58px;padding-bottom:67px}
.how-section .section-heading h2{font-size:clamp(30px,3.3vw,42px)}
.how-section .step-card{border:1px solid #e7e5f4;border-radius:20px;box-shadow:0 10px 26px #39347d0b;background:#fff;transition:transform .2s}
.how-section .step-card:hover{transform:translateY(-3px)}
.how-section .step-card:nth-child(1){background:linear-gradient(160deg,#fff,#f4efff);border-color:#e7dcff}
.how-section .step-card:nth-child(2){background:linear-gradient(160deg,#fff,#eafdf8);border-color:#d0f5e7}
.how-section .step-card:nth-child(3){background:linear-gradient(160deg,#fff,#fff3eb);border-color:#ffe3d2}
.how-section .step-card:nth-child(4){background:linear-gradient(160deg,#fff,#edf6ff);border-color:#d5e7ff}
.how-section .step-card:nth-child(2) .step-illustration{background:#d9f8e9;color:#059c77}
.how-section .step-card:nth-child(3) .step-illustration{background:#ffebdb;color:#df7c3d}
.how-section .step-card:nth-child(4) .step-illustration{background:#dceeff;color:#087cda}
.feature-section{background:radial-gradient(ellipse at 2% 75%,#e9ecff 0%,transparent 40%),radial-gradient(ellipse at 99% 5%,#dcfff2 0%,transparent 32%),#fff}
.feature-content .benefit-icon{background:linear-gradient(145deg,#e9fbff,#e8dfff);color:#5542c9}
.feature-content .benefit:nth-of-type(3) .benefit-icon{background:#e0fbf1;color:#0ca586}
.eligibility-section{background:linear-gradient(125deg,#f7f4ff,#f2fcff,#f2fff8)}
.eligible-card{box-shadow:0 8px 20px #443c9510}
.final-cta{background:linear-gradient(115deg,#30206d,#6940bd 42%,#1183c0 82%,#0db9ac)!important;box-shadow:0 18px 45px #5032a925}
.site-footer{background:linear-gradient(116deg,#111b43,#27215f 52%,#211753 75%,#073c5b 100%)!important}
@media(min-width:1100px){.smb-category-chooser .category-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.smb-category-chooser .category-card{min-height:148px!important}.smb-category-chooser .category-card .device-svg{width:88px!important}}
@media(max-width:900px){.smb-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.smb-trust-item:nth-child(3){border-left:none;border-top:1px solid #e7e7f6}.smb-trust-item:nth-child(4){border-top:1px solid #e7e7f6}}
@media(max-width:760px){.announcement{font-size:9px}.smb-category-chooser .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.smb-category-chooser .category-card{min-height:143px!important}.smb-category-chooser .category-card .category-art{height:73px!important}.smb-category-chooser .category-card .device-svg{height:68px!important;width:92px!important}.smb-trust-item{padding:12px 10px;gap:8px}.smb-trust-icon{height:32px;width:32px;font-size:17px}.smb-trust-item strong{font-size:10px}.smb-trust-item small{font-size:9px}.smb-carousel{padding-top:11px}.smb-slider{border-radius:16px}.how-section{padding-top:42px}}
@media(min-width:560px) and (max-width:760px){.smb-category-chooser .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.smb-category-chooser .category-card,.how-section .step-card{transition:none}}