@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap');
:root{font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;color:#0c1424;background:#edf1f7}
body{background:#edf1f7;color:#0c1424}
button,a,input,select,textarea{font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif}
h1,h2,h3,.brandtext,.hero-bottom strong,.stat strong,.plan-price strong{font-family:Outfit,'DM Sans',sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #76a6ff;outline-offset:3px}
.shell{max-width:1440px;background:#f7f9fc;box-shadow:0 28px 90px #10223915}
.rail{background:#0c1424;border-right:1px solid #243347;padding:30px 18px;gap:30px}
.brand{padding:0 9px;gap:12px}.brandmark{width:52px;height:52px;border-radius:15px;background:#fff}.brandtext{font-size:1.16rem;letter-spacing:-.02em}.brandtext small{font-family:'DM Sans',sans-serif;color:#b6ee53;font-size:.66rem;letter-spacing:.17em;margin-top:4px}
.nav{gap:6px}.nav button{min-height:49px;padding:13px 15px;border-radius:14px;color:#dbe5f2;font-size:.9rem;line-height:1.3;transition:background .15s,transform .15s}.nav button.active{background:#ef321e;color:#fff;box-shadow:0 8px 17px #ef321e30}.nav button:hover:not(.active){background:#26364e}.railfoot{border-top:1px solid #334158;padding:18px 10px 2px;font-size:.83rem}.railfoot strong{color:#b6ee53}
.page{padding:22px clamp(22px,3.7vw,54px) 94px}.top{background:#fff;border:1px solid #e6ecf4;border-radius:21px;padding:8px 20px 8px 12px;margin-bottom:29px;box-shadow:0 5px 20px #10234108}.logo{width:135px;height:120px;mix-blend-mode:normal}.avatar{background:#0c1424}.tag{background:#eaf3d9;color:#315117;border:1px solid #c8e896;font-size:.75rem}.owner-button{border-color:#cfdceb;color:#223953}.owner-button.active{border-color:#ef321e;color:#df2a1b}
.eyebrow{color:#d63825;letter-spacing:.16em;font-size:.79rem}.heading{font-size:clamp(2.3rem,4vw,3.45rem);color:#0c1424;letter-spacing:-.05em}.sub{color:#596a80;font-size:1rem;line-height:1.55}.section-head h2{font-size:1.37rem;color:#14223a}.section-head button{color:#1357bb}
.card{border:1px solid #e0e8f2;border-radius:23px;box-shadow:0 8px 24px #0f234010}.hero{background:#0c1424;min-height:238px;padding:32px;border-radius:26px;box-shadow:0 17px 32px #0b1d3930}.hero:before{width:270px;height:270px;right:-30px;top:-92px;border-color:#b6ee5355;box-shadow:0 0 0 55px #b6ee530a,0 0 0 110px #b6ee5307}.hero:after{height:6px;background:linear-gradient(90deg,#b6ee53,#4ec9b3)}.hero-label{color:#b6ee53;font-size:.81rem}.hero h2{font-size:2.25rem;line-height:1.08}.hero p{color:#dae5f5}.tier-pill{border-color:#b6ee53;color:#b6ee53;background:#b6ee5317}.hero-bottom strong{font-size:3.65rem}.hero-bottom span{color:#dbe7f7}.spark{color:#b6ee53}
.showcase{min-height:320px;margin-top:24px;border-radius:27px;box-shadow:0 13px 30px #10234124}.showcase:before{background:linear-gradient(0deg,#09182bc9 0%,#09182b00 58%)}.showcase h2{font-family:Outfit,sans-serif;font-weight:800;background:#0c1424cf;font-size:clamp(1.45rem,2.6vw,2rem);padding:8px 13px}.showcase-controls button{min-width:36px;min-height:36px}.showcase-controls .showcase-pause{height:36px;min-width:64px}.showcase-controls .showcase-dot.active{background:#b6ee53}
.review-card{border-radius:20px;padding:22px 25px;border-left-color:#f3b700}.review-card h2{font-size:1.2rem}.review-card p{font-size:.91rem}.review-pending{background:#eaf1fc;color:#274773}
.service-prompt{margin-top:30px}.service-prompt h2{font-size:1.66rem;color:#0c1424}.service-prompt p{font-size:.96rem}.home-service-columns{gap:15px}.home-service-column{gap:13px}.home-service-columns .service-action{min-height:72px;border:0;border-radius:16px;font-family:Outfit,'DM Sans',sans-serif;font-size:1.07rem;font-weight:800;letter-spacing:.005em;box-shadow:0 10px 21px #1023411c;transition:transform .16s,filter .16s,box-shadow .16s}.home-service-columns .service-action:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 15px 24px #10234127}.home-service-columns .service-book{background:#e43221}.home-service-columns .service-quote{background:#087789}.home-service-columns .service-unlock{background:#3154a1}.home-service-columns .service-learn{background:#904166}.home-service-columns #internetEntry{background:#5137ac}.home-service-columns .service-shop{background:#a24f16}.home-service-columns #roadsideEntry{background:#148247;color:#fff}
.action{border-radius:14px;font-weight:800}.action.primary{background:#ef321e;border-color:#ef321e}.home-text-link{border-color:#b9c9df;color:#14233a!important}.offer,.reward,.product,.info-card,.repair-detail{transition:transform .15s,box-shadow .15s}.offer:hover,.reward:hover,.product:hover{transform:translateY(-2px);box-shadow:0 13px 27px #10234116}.offer.feature{background:#fff4ee}.offer.lav{background:#f0f3ff}.offer h3,.reward h3{font-size:1.27rem}.offer p,.reward p{font-size:.91rem}.reward .amount{font-size:.82rem}.reward .status{font-size:.83rem}
.demo-control{border-radius:19px;background:#f0f5fc}.demo-control p,.footer-note{font-size:.85rem;line-height:1.6}.notice{font-size:.91rem}.info-card p,.repair-detail p,.policy-list p{font-size:.96rem}.internet-faq-item p,.roadside-service p,.unlock-gallery p{font-size:.95rem}
.bottomnav{box-shadow:0 -9px 28px #1023411d}.bottomnav button.active{color:#e43221}
@media(max-width:850px){.shell{box-shadow:none}.page{padding:13px 17px 112px}.top{margin:0 0 22px;padding:5px 12px}.logo{width:112px;height:94px}.heading{font-size:2.45rem}.hero{min-height:224px}.bottomnav{padding:7px 8px max(10px,env(safe-area-inset-bottom));border-top:1px solid #dfe7f1}.bottomnav button{font-size:.76rem;min-height:52px;font-weight:800}.bottomnav svg{width:24px;height:24px}}
@media(max-width:620px){.top-right{gap:7px}.owner-button{padding:7px 9px;font-size:.73rem}.tag{font-size:.67rem;padding:7px 8px}.showcase{min-height:310px}.review-card{padding:18px}.service-prompt h2{font-size:1.48rem}.home-service-columns{gap:10px}.home-service-column{gap:10px}.home-service-columns .service-action{min-height:70px;font-size:.95rem;padding:10px}.hero{padding:24px}.hero h2{font-size:1.95rem}.hero-bottom strong{font-size:3rem}}
@media(max-width:380px){.logo{width:95px;height:88px}.tag{display:none}.home-service-columns .service-action{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.home-service-columns .service-action,.offer,.reward,.product{transition:none}}
.home-service-columns .service-sell{background:#365f82;border-color:#365f82;color:#fff}
.home-service-columns .service-sell:hover{filter:brightness(1.08)}
.home-service-columns > #roadsideEntry{grid-column:1/-1;justify-self:center;width:calc(50% - 7.5px)}
#sell .sell-section{margin-top:0}
.home-service-columns .service-cars{background:#243b67;color:#fff;border-color:#243b67}
.cars-coming{min-height:460px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,5vw,52px);border-radius:26px;background:linear-gradient(130deg,#111d34,#223b66 70%,#30548a);color:#fff;overflow:hidden}
.cars-coming-top,.cars-coming-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:.8rem;font-weight:900;letter-spacing:.12em}
.cars-coming-top span:last-child{color:#b6ee53}
.cars-overline{text-transform:uppercase;color:#b6ee53;font-size:.9rem;font-weight:900;letter-spacing:.16em;margin:0 0 9px}
.cars-coming h1{font-size:clamp(3rem,7vw,5.8rem);letter-spacing:-.06em;line-height:1.05;margin:0 0 16px;color:#fff}
.cars-coming p:not(.cars-overline){font-size:1.12rem;line-height:1.5;max-width:420px;color:#e3ecf8;margin:0}
.cars-coming-bottom{border-top:1px solid #ffffff42;padding-top:18px;color:#d7e5fa;letter-spacing:0}
#cars .repair-back{margin-top:20px}
@media(max-width:620px){.cars-coming{min-height:390px}.cars-coming-top{font-size:.7rem}.cars-coming h1{font-size:3.2rem}}
.cars-coming .cars-browse{margin-top:24px;width:max-content;max-width:100%;padding:0 23px;background:#fff;border-color:#fff;color:#193254}
.cars-coming .cars-browse:hover{background:#edf5ff}
.shop-tabs{display:flex;gap:10px;overflow-x:auto;margin:12px 0 22px;padding:4px 1px 8px}
.shop-tabs button{min-width:128px;min-height:50px;padding:10px 20px;border:1px solid #cbd8e8;border-radius:14px;background:#fff;color:#294563;font-size:.98rem;font-weight:850;white-space:nowrap}
.shop-tabs button[aria-selected="true"]{background:#203b68;border-color:#203b68;color:#fff;box-shadow:0 8px 18px #203b6833}
.shop-panel[hidden]{display:none}
.shop-empty{min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,5vw,48px);border-radius:24px;background:#eaf1fa;color:#193250}
.shop-empty span{font-weight:900;font-size:.78rem;letter-spacing:.14em;color:#315a9d}
.shop-empty h2{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.05em;margin:15px 0 8px}
.shop-empty p{font-size:1rem;line-height:1.5;max-width:520px;margin:5px 0}
.cars-shop-empty{background:linear-gradient(125deg,#17243d,#2b4a7a);color:#fff}
.cars-shop-empty span{color:#c9e58e}
@media(max-width:620px){.home-service-columns > #roadsideEntry{width:calc(50% - 5px)}.shop-tabs button{min-width:112px;padding:9px 13px}.shop-empty{min-height:300px}}
.device-unlock-section{margin:30px 0 34px;padding:clamp(20px,3.4vw,34px);border:1px solid #ded4f1;border-top:5px solid #6646a6;border-radius:22px;background:#f1ecf9;box-shadow:0 10px 25px #2c1d5c0d}
.device-unlock-head .unlock-number{color:#6646a6}
.device-unlock-head h2{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.04em;margin:8px 0;color:#35245d}
.device-unlock-head p{color:#554d69;font-size:1rem;line-height:1.5;max-width:650px;margin:0 0 18px}
.device-unlock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.device-unlock-grid article{padding:22px;border:1px solid #ddd4ef;border-left:4px solid #7759ad;border-radius:18px;background:#fff;box-shadow:0 6px 20px #2c1d5c0d}
.device-unlock-grid article strong{display:block;font:800 1.16rem Outfit,'DM Sans',sans-serif;color:#3e2b6e;line-height:1.25}
.device-unlock-grid article p{color:#52647c;font-size:.95rem;line-height:1.5;margin:9px 0 0}
.icloud-note{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;margin-top:13px;padding:17px 20px;border:2px solid #c72924;border-radius:14px;background:#fff3f2;color:#87302d}
.icloud-note strong{font-size:1.1rem;font-weight:900;color:#9f1f1c}
.icloud-note span{font-size:.9rem;line-height:1.4}
#unlock .gen-dealer{margin-top:24px}
@media(max-width:650px){.device-unlock-grid{grid-template-columns:1fr}.device-unlock-grid article{padding:18px}.icloud-note{align-items:flex-start}}
.review-card.review-spotlight{display:block;padding:23px 26px;border-left:5px solid #efb91f}
.review-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.google-wordmark{display:flex;align-items:baseline;font:700 1.46rem 'DM Sans',sans-serif;letter-spacing:-.08em;white-space:nowrap}
.google-wordmark span:nth-child(1),.google-wordmark span:nth-child(4){color:#4285f4}
.google-wordmark span:nth-child(2),.google-wordmark span:nth-child(6){color:#ea4335}
.google-wordmark span:nth-child(3){color:#fbbc05}
.google-wordmark span:nth-child(5){color:#34a853}
.google-wordmark small{margin-left:9px;color:#405472;font-size:.7rem;font-weight:850;letter-spacing:0}
.review-spotlight .review-stars{font-size:1.22rem;letter-spacing:.1em;color:#e6a400}
.review-spotlight h2{font-size:1.13rem;line-height:1.3;margin:12px 0 0;color:#1b2b43}
.review-spotlight .review-invite{font-size:.95rem;font-weight:800;color:#305b96;margin:2px 0 0}
.review-spotlight .review-carousel{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.review-spotlight .review-example{min-height:67px;padding:13px 0 0}
.review-example[hidden]{display:none}
.review-spotlight .review-example p{font-size:1rem;line-height:1.45;color:#3b4d67;margin:0}
.review-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9eef6;padding-top:10px}
.review-sample{font-size:.74rem;color:#697a90;font-weight:800}
.review-controls{display:flex;align-items:center;gap:10px}
.review-controls button{width:32px;height:32px;border:1px solid #c2d0e4;border-radius:50%;background:#fff;color:#1d477e;font-size:1.25rem;line-height:1}
.review-controls span{font-size:.78rem;color:#576b85;font-weight:800;white-space:nowrap}
.review-spotlight .review-pending{display:inline-block;margin:10px 0 0;padding:0;background:none;color:#5c6d83;font-size:.75rem}
.review-spotlight .action:not([hidden]){display:inline-flex;margin:12px 0 0}
@media(max-width:680px){.review-card.review-spotlight{padding:18px}.review-top{flex-wrap:wrap;gap:8px}.review-spotlight .review-stars{width:auto}.review-spotlight .review-example{min-height:82px}.review-sample{max-width:110px;line-height:1.3}}
.guest-only{display:none}
body.guest-mode .guest-only{display:block}
body.guest-mode .member-only,body.guest-mode .owner-button,body.guest-mode .nav [data-view="owner"]{display:none!important}
.mode-toggle{border:1px solid #cbd8e9;border-radius:12px;padding:9px 13px;background:#fff;color:#23446f;font-size:.82rem;font-weight:850}
.guest-intro{padding:24px 26px;margin:0 0 22px;border-radius:22px;background:#162642;color:#fff}
.guest-intro .eyebrow{color:#b6ee53}.guest-intro h1{color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem)}
.guest-intro p{color:#deebfa;font-size:.96rem;line-height:1.5;max-width:630px;margin:10px 0 0}
.guest-rewards{padding:25px;border-radius:20px;background:#eaf1fa;color:#243954}
.guest-rewards strong{font-size:1.2rem}.guest-rewards p{line-height:1.5;max-width:500px}
.guest-rewards .action{width:max-content;padding:0 18px;border-color:#203b68;background:#203b68;color:#fff}
.guest-gate{width:min(440px,calc(100% - 32px));border:0;border-radius:20px;padding:27px;box-shadow:0 24px 65px #0a172744;color:#152843}
.guest-gate::backdrop{background:#091b34a8}
.guest-gate h2{font-size:1.65rem;margin:0 0 11px}
.guest-gate p{line-height:1.5;color:#50627a;margin:0 0 22px}
.guest-gate>div{display:flex;gap:9px;flex-wrap:wrap}
.guest-gate button{min-height:45px;border:1px solid #223d69;border-radius:11px;padding:9px 15px;background:#fff;color:#223d69;font-weight:850}
.guest-gate #gatePreview{background:#223d69;color:#fff}
.guest-gate small{display:block;color:#6b798b;margin-top:14px}
@media(max-width:620px){.mode-toggle{font-size:.72rem;padding:8px}.guest-intro{padding:21px}.guest-gate>div{display:grid}.guest-gate button{width:100%}}
.member-id-home{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 4px;color:#556a86;font-size:.86rem;font-weight:750}
.member-id-home strong{color:#183d75;letter-spacing:.04em}
.member-id small{display:block;color:#36639c;font-size:.76rem;text-transform:uppercase;font-weight:900;letter-spacing:.1em;margin-bottom:9px}
.member-id button,.member-booking-id button{margin-top:15px;border:1px solid #214d85;border-radius:10px;background:#fff;color:#214d85;padding:9px 14px;font-size:.85rem;font-weight:850}
.member-booking-id{margin:25px 0 14px;padding:20px 24px;border:1px solid #cbdcf1;border-radius:17px;background:#eff5ff}
.member-booking-id strong{color:#173c70;font-size:1.03rem}
.member-booking-id p{color:#526681;line-height:1.48;margin:8px 0 0}
.member-lookup{display:grid;grid-template-columns:1fr minmax(170px,240px) auto;align-items:end;gap:16px;padding:23px;margin:24px 0}
.member-lookup h2{font-size:1.45rem;margin:7px 0}
.member-lookup p{color:#5a6c83;line-height:1.45;margin:0;font-size:.92rem}
.member-lookup .lookup-setup{margin-top:10px;color:#315b93}
.member-lookup label{font-size:.86rem;font-weight:850;color:#253c5c}
.member-lookup input{display:block;width:100%;min-height:49px;margin-top:7px;padding:11px;border:1px solid #b9cae0;border-radius:10px;font:inherit}
.member-lookup .action{padding:0 18px;white-space:nowrap}
.member-lookup-result{grid-column:1/-1;padding:15px;border-radius:12px;background:#e9f2ff;color:#234776;font-size:.92rem;line-height:1.5}
.member-lookup-result[hidden]{display:none}
@media(max-width:900px){.member-lookup{grid-template-columns:1fr}.member-lookup .action{width:100%}}
#home .offers{grid-template-columns:1fr}
.offer.advertise{min-height:170px;padding:24px 27px;border-color:#243d69;background:linear-gradient(125deg,#1c2c4c,#344d83);color:#fff}
.offer.advertise .label{color:#b6ee53}
.offer.advertise h3{max-width:none;color:#fff;margin:12px 0 7px}
.offer.advertise p{max-width:570px;color:#e1eafa;margin:0 0 17px}
.offer.advertise .promo-contact{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:10px 15px;min-height:43px;border-radius:11px;background:#b6ee53;color:#193552;font-size:.87rem;font-weight:900;text-decoration:none}
.offer.advertise .promo-contact:hover{filter:brightness(1.06)}
.gen-existing-customer{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin:1.25rem 0;padding:1.35rem 1.5rem;border:1px solid #bcd4e7;background:linear-gradient(110deg,#f4faff,#fff)}
.gen-existing-customer h2{margin:.3rem 0 .4rem;font-size:1.3rem;color:#17304b}
.gen-existing-customer p{margin:0;max-width:38rem;line-height:1.5;color:#44566c}
.gen-existing-customer .action{flex:none;text-align:center}
.gen-phoneboss-pay{display:grid;gap:.25rem;margin-top:.85rem;padding:.8rem .95rem;border-radius:.65rem;background:#eaf6ed;color:#1e5132}
.gen-phoneboss-pay strong{font-size:1rem}
.gen-phoneboss-pay span{font-size:.9rem;line-height:1.45}
.gen-pay-request{justify-self:start;margin-top:.45rem;padding:.65rem .9rem;border:0;border-radius:.55rem;background:#176b38;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.gen-pay-request:focus-visible{outline:3px solid #58af71;outline-offset:2px}
.gen-bill-dialog{width:min(94vw,530px);max-height:88vh;overflow:auto;border:0;border-radius:1rem;padding:0;box-shadow:0 20px 70px #102b4b55;color:#1b3048}
.gen-bill-dialog::backdrop{background:#0b1b34aa}
.gen-bill-dialog form{display:grid;gap:.85rem;padding:1.5rem;position:relative}
.gen-bill-dialog h2{margin:0;font-size:1.55rem}
.gen-bill-dialog p{margin:0;line-height:1.5}
.gen-bill-dialog label{display:grid;gap:.35rem;font-weight:750}
.gen-bill-dialog label span{font-size:.82rem;color:#5a6c7b}
.gen-bill-dialog input{width:100%;padding:.75rem;border:1px solid #aebed0;border-radius:.55rem;background:#fff;color:#1b3048;font:inherit}
.gen-bill-dialog .action{display:block;text-align:center;cursor:pointer}
.gen-bill-close{position:absolute;right:1rem;top:.75rem;border:0;background:none;font-size:1.8rem;cursor:pointer}
.gen-bill-estimate{padding:.75rem;background:#edf7f0;border-radius:.55rem;color:#215b35;font-weight:700}
.gen-bill-ready{padding:1rem;border:1px solid #b5d8c1;border-radius:.65rem;background:#f3faf5}
.gen-bill-ready .action{margin-top:.75rem}
.gen-bill-footnote{font-size:.84rem;color:#5c6d7f}
@media(max-width:650px){.gen-existing-customer{display:block;padding:1.15rem}.gen-existing-customer .action{display:block;margin-top:1rem;width:100%}}
/* Personal member referral preview */
.member-referral{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;padding:25px;margin:20px 0;align-items:center;background:linear-gradient(135deg,#fff 0%,#f4f8ff 100%);border-color:#d9e4f4}
.member-referral h2{font-size:1.55rem;margin:8px 0}.member-referral-copy>p{color:#526176;line-height:1.55;margin:0 0 16px}.member-referral-rewards{display:flex;gap:10px;flex-wrap:wrap}.member-referral-rewards span{display:grid;gap:4px;background:#fff;border:1px solid #dce6f3;border-radius:13px;padding:12px 16px;min-width:145px}.member-referral-rewards strong{font-size:.75rem;color:#52647f;text-transform:uppercase;letter-spacing:.07em}.member-referral-rewards b{font-size:1rem;color:#172b4b}.member-referral .member-referral-draft{font-size:.78rem;margin:8px 0 16px}.member-referral-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.member-referral-actions button,.member-referral-actions a{border:0;border-radius:10px;background:#e83c27;color:#fff;font-weight:800;padding:11px 15px}.member-referral-actions a{background:#e9eff8;color:#172b4b}.member-referral-copy>small{display:block;color:#617187;overflow-wrap:anywhere}.member-referral-qr{text-align:center;background:#fff;border:1px solid #dce6f3;border-radius:17px;padding:14px}.member-referral-qr img{display:block;width:220px;max-width:100%;height:auto;aspect-ratio:1;margin:auto;object-fit:contain}.member-referral-qr span,.member-referral-qr small{display:block;font-size:.78rem;font-weight:750;color:#53637b;margin-top:6px}.member-referral-note{grid-column:1/-1;color:#66758b;font-size:.8rem;line-height:1.5;margin:0}.member-referral-invite{border:1px solid #cbdcf5;background:#eef5ff;border-radius:15px;padding:17px 20px;margin:18px 0;color:#19375c}.member-referral-invite strong,.member-referral-invite span{display:block}.member-referral-invite span{font-weight:800;margin-top:4px}.member-referral-invite p{margin:8px 0 0;font-size:.84rem;line-height:1.45}
@media(max-width:680px){.member-referral{grid-template-columns:1fr;padding:19px;gap:16px}.member-referral-qr{max-width:260px;width:100%;margin:auto}.member-referral-rewards span{flex:1;min-width:125px}.member-referral-note{grid-column:auto}}
/* Keep the referral card visible above the account detail rows. */
.account-summary{padding:0;margin:14px 0 16px}.account-summary summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;cursor:pointer;color:#192d49;font-size:1.05rem;font-weight:850}.account-summary summary::-webkit-details-marker{display:none}.account-summary summary span{display:flex;align-items:center;gap:12px}.account-summary summary span:before{content:'+';display:grid;place-items:center;width:28px;height:28px;flex:none;background:#e3effe;color:#1e4f9b;border-radius:8px;font-size:1.25rem;font-weight:700}.account-summary[open] summary span:before{content:'−'}.account-summary summary small{font-size:.77rem;color:#657792;font-weight:650;text-align:right}.account-summary summary:focus-visible{outline:3px solid #2368bc;outline-offset:-3px;border-radius:20px}.account-summary-body{padding:0 22px 22px;border-top:1px solid #dce7f5}.account-summary-body .account-fields{margin-top:18px}@media(max-width:680px){.account-summary summary{padding:15px 17px}.account-summary-body{padding:0 17px 17px}.account-summary summary small{max-width:120px}}
/* Referral signup: an uncluttered new-member welcome with the logo on white. */
.join-hero{background:#fff;border:1px solid #dce9da;color:#172b4b;box-shadow:0 8px 26px #16263c0b}.join-hero .eyebrow{color:#28743b}.join-hero p{color:#4e6079}.join-hero img{background:#fff;mix-blend-mode:multiply}.join-page.referred .join-paths{grid-template-columns:1fr}.join-page.referred .join-path.signin{display:none}.join-page.referred .join-path.signup{min-height:0}.join-page.referred .join-path.signup button{background:#e83c27;color:#fff}.referral-services{display:none;padding:23px;margin:18px 0}.join-page.referred .referral-services{display:block}.referral-services h2{font-size:1.4rem;margin:7px 0}.referral-services p{color:#526176;line-height:1.55;margin:0 0 12px}.referral-services ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;margin:15px 0 16px;padding:0;list-style:none}.referral-services li{background:#f3f8f2;border:1px solid #dceada;border-radius:11px;padding:11px 13px;color:#20354a;font-weight:700}.referral-services li:before{content:'✓';color:#288047;font-weight:900;margin-right:9px}@media(max-width:680px){.join-hero{padding:21px}.join-hero img{max-height:130px}.referral-services ul{grid-template-columns:1fr}.referral-services{padding:19px}}
/* One schedule card, with business and travel hours aligned by day. */
.info-grid .hours-combined{grid-column:1/-1;border-left-color:#16803c}.hours-table-wrap{width:100%;overflow-x:auto}.hours-table{width:100%;border-collapse:collapse;text-align:left;color:#213049}.hours-table th,.hours-table td{padding:10px 12px;border-top:1px solid #e0e8f1}.hours-table thead th{font-size:.86rem;color:#2b5c40;background:#f0f8f1;border-top:0}.hours-table tbody th{font-weight:750;color:#46576c}.hours-table tbody td{font-weight:700;white-space:nowrap}.hours-table th:first-child{padding-left:0}.hours-table th:last-child,.hours-table td:last-child{padding-right:0}@media(max-width:550px){.hours-table{font-size:.79rem}.hours-table th,.hours-table td{padding:9px 3px}.hours-table thead th{font-size:.74rem;line-height:1.2}.info-grid .hours-combined{padding:18px}}
/* After-hours repair booking prompt, based on Baltimore business time. */
.repair-hours-dialog{border:0;border-radius:20px;padding:25px;width:min(480px,calc(100vw - 30px));box-shadow:0 24px 70px #13223d58;color:#18283e}.repair-hours-dialog::backdrop{background:#101e36a8}.repair-hours-head{display:flex;align-items:center;justify-content:space-between}.repair-hours-head button{border:0;background:#eef2f7;border-radius:9px;width:33px;height:33px;font-size:1.4rem;color:#233650}.repair-hours-dialog h2{font-size:1.7rem;line-height:1.15;margin:15px 0 10px}.repair-hours-dialog p{color:#52627a;line-height:1.55;margin:0 0 20px}.repair-hours-actions{display:grid;gap:10px}.repair-hours-actions .action{min-height:48px}.repair-hours-dialog small{display:block;margin-top:14px;color:#617086;line-height:1.4}
/* Member ID and direct Gen Mobile support access. */
.account-id-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 15px;padding:13px 16px;border:1px solid #d8e5f4;border-radius:13px;background:#f4f8ff;color:#243854}.account-id-top span{font-size:.79rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.account-id-top strong{font-size:1.07rem;letter-spacing:.04em}.account-id-top button{margin-left:auto;border:1px solid #c8d8ec;border-radius:8px;background:#fff;color:#24518a;padding:7px 11px;font-weight:800}.gen-account-actions{display:grid;gap:9px;min-width:225px}.gen-account-actions .action{width:100%;padding:11px 13px;font-size:.85rem}.gen-account-actions .gen-support-call{background:#fff;color:#205180;border:1px solid #a9c5e3}.gen-account-actions small{font-size:.78rem;color:#556c83;text-align:center}@media(max-width:650px){.gen-account-actions{min-width:0;margin-top:16px}.gen-account-actions .action{margin-top:0}.account-id-top{gap:8px;padding:11px 13px}.account-id-top strong{font-size:.98rem}}
/* The original member card style, shortened and moved above referral. */
.member-id-feature{padding:19px 22px;margin:0 0 16px;background:#fff}.member-id-feature h2{font-size:1.25rem;margin:0 0 3px;color:#1d2d43}.member-id-feature>p{margin:0;color:#64728a;font-size:.89rem}.member-id-feature .member-id{display:flex;align-items:center;gap:10px 17px;flex-wrap:wrap;margin:12px 0 0;padding:15px 18px;background:#f8fafd;border:1px dashed #cdd5e1;text-align:left}.member-id-feature .member-id small{color:#64738b;font-size:.75rem;font-weight:800}.member-id-feature .member-id strong{font-size:1.55rem;line-height:1.1;letter-spacing:.06em}.member-id-feature .member-id button{margin:0 0 0 auto;white-space:nowrap}@media(max-width:650px){.member-id-feature{padding:17px}.member-id-feature .member-id{display:grid;grid-template-columns:1fr auto;padding:13px;gap:6px 8px}.member-id-feature .member-id small{grid-column:1/-1}.member-id-feature .member-id strong{font-size:1.35rem}.member-id-feature .member-id button{margin:0;padding:8px 10px;font-size:.78rem}}
/* Make the member card easy to spot without adding height. */
.member-id-feature{background:#172d4a;border-color:#2e6380;box-shadow:0 10px 25px #10233d20}.member-id-feature h2{color:#fff}.member-id-feature>p{color:#d1dfed}.member-id-feature .member-id{background:#f3fff2;border:2px dashed #5bbe51}.member-id-feature .member-id small{color:#276639}.member-id-feature .member-id strong{color:#142b43}.member-id-feature .member-id button{background:#1e7039;border-color:#1e7039;color:#fff}.member-id-feature .member-id button:focus-visible{outline:3px solid #f7d859;outline-offset:2px}
/* Service request intake and optional member point credit. */
.repair-quote{padding:25px;margin:20px 0;border-left:5px solid #e83c27}.repair-quote>h2{margin:8px 0;color:#172b4b}.repair-quote>p{line-height:1.5;color:#52647a;margin:0 0 18px}.repair-quote>.action{display:inline-flex;width:auto;max-width:100%;justify-content:center;padding:12px 20px}
.service-intake-fields,.service-points-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;margin:17px 0}
.service-intake-fields label,.service-points-fields label{display:grid;align-content:start;gap:6px;color:#263d5c;font-size:.87rem;font-weight:800}
.service-intake-fields input,.service-intake-fields select,.service-points-fields input,.service-points-fields select{width:100%;min-width:0;min-height:45px;padding:10px 12px;border:1px solid #bacbe0;border-radius:10px;background:#fff;color:#1d304b;font:inherit;font-weight:500}
.service-intake-fields input:focus,.service-intake-fields select:focus,.service-points-fields input:focus,.service-points-fields select:focus{outline:3px solid #a7d1fa;outline-offset:1px}
.service-points-fields label small{font-weight:500;color:#64768c}.service-points{margin:18px 0;padding:20px;border:1px solid #b8d7be;background:#f2faf3;border-radius:16px;box-shadow:none}
.service-points h3{margin:8px 0 4px;color:#183d2b;font-size:1.26rem}.service-points>p{margin:5px 0;color:#335541}.service-points [data-points-preview]{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #d0e8d5;color:#24543b}
.service-points [data-points-preview] strong{font-size:1.05rem}.service-points [data-points-preview] span{font-size:.84rem;line-height:1.4}.service-points [data-request-service-points]{border:0;border-radius:10px;background:#176b38;color:#fff;padding:11px 15px;min-height:44px;font:inherit;font-size:.87rem;font-weight:850;cursor:pointer}.service-points [data-request-service-points]:disabled{opacity:.55;cursor:not-allowed}
.service-points .service-points-status{font-size:.84rem;font-weight:750;line-height:1.4;margin:10px 0}.service-points-status:empty{display:none}.service-points-note{display:block;margin-top:11px;color:#557064;line-height:1.5;font-size:.77rem}
.service-message-wrap{margin-top:20px}.service-message-wrap>label{display:block;font-weight:850;color:#263d5c;margin-bottom:7px}.service-message-wrap textarea{width:100%;min-height:135px;padding:12px;border:1px solid #b8c9de;border-radius:10px;background:#f8fafd;color:#293b55;font:inherit;font-size:.85rem;line-height:1.5;resize:vertical}.service-message-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.service-message-actions .action{min-height:45px;cursor:pointer}.service-message-wrap>small{display:block;color:#63758b;line-height:1.5}
@media(max-width:650px){.repair-quote{padding:18px}.service-intake-fields,.service-points-fields{grid-template-columns:1fr;gap:12px}.service-points{padding:16px}.service-message-actions{display:grid}.service-message-actions .action{width:100%;text-align:center}}
/* Highlight price matching at the top of the member home page. */
.price-match-note{background:linear-gradient(115deg,#9f1822,#d62e32);border:2px solid #ffb6ad;box-shadow:0 9px 22px #9b26352e;padding:16px 19px}
.price-match-note strong{color:#fff;font-size:1.18rem;line-height:1.2;text-transform:uppercase;letter-spacing:.035em}
.price-match-note span{color:#fff4f2;font-size:.98rem;font-weight:750}
.join-advertise-offer{margin:19px 0}.join-advertise-offer .offer.advertise{width:100%}
@media(max-width:550px){.price-match-note{padding:14px 15px}.price-match-note strong{font-size:1.06rem}.price-match-note span{font-size:.91rem}}
/* Quiet price matching callout and balanced visit metric. */
.price-match-note{background:#fff7f6;border:1px solid #e7ada9;box-shadow:0 4px 14px #64243112;padding:13px 17px;color:#293d55}
.price-match-note strong{color:#a5222a;font-size:.95rem;letter-spacing:.025em}
.price-match-note span{color:#4c596b;font-size:.89rem;font-weight:600}
.hero-visits{text-align:right;padding:4px 0}.hero-visits strong,.hero-visits span{display:block}.hero-visits strong{font-size:2.2rem;line-height:1;color:#fff}.hero-visits span{font-size:.75rem;color:#d5e7f7;max-width:140px;line-height:1.3;margin-top:4px}
@media(max-width:550px){.price-match-note{padding:12px 14px}.price-match-note strong{font-size:.87rem}.price-match-note span{font-size:.83rem}.hero-visits strong{font-size:1.9rem}.hero-visits span{font-size:.7rem;max-width:105px}}
/* A single points choice without asking customers for a quote. */
.service-points-choice{display:grid;gap:7px;margin:17px 0 12px;font-size:.87rem;font-weight:800;color:#263d5c}
.service-points-choice select{width:100%;min-height:48px;padding:11px 12px;border:1px solid #a9cbb1;border-radius:10px;background:#fff;color:#183f2a;font:inherit;font-weight:700}
.service-points-choice select:focus{outline:3px solid #b8e5c2;outline-offset:1px}
/* Clear meetup and delivery choices ahead of the hours table. */
.info-grid .ways-operation{grid-column:1/-1;min-height:0;border-left-color:#16803c}
.ways-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:13px}
.ways-operation-grid>div{padding:17px;border:1px solid #d8e5de;border-radius:13px;background:#f8fcf8}
.ways-operation-grid strong{display:block;color:#1b5130;font-size:1rem}.ways-operation-grid p{margin:8px 0 0;line-height:1.52}.ways-operation-grid a{color:#176b38;text-decoration:underline;font-weight:800}
@media(max-width:700px){.ways-operation-grid{grid-template-columns:1fr}.ways-operation-grid>div{padding:15px}}
/* Member and influencer suggestion links open an editable email draft. */
.suggestions-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:22px 25px;border:1px solid #d5e3da;background:#f5faf5}
.suggestions-card h2{font-size:1.25rem;color:#1f3c2b;margin:8px 0 5px}.suggestions-card p{margin:0;color:#52677a;line-height:1.5;max-width:560px}
.suggestions-card .action{flex:none;min-height:45px;padding:10px 16px;background:#176b38;border-color:#176b38;color:#fff;font-size:.87rem;font-weight:850}
.influencer-suggestions[hidden]{display:none!important}
@media(max-width:680px){.suggestions-card{display:block;padding:19px}.suggestions-card .action{display:flex;margin-top:16px;width:100%;text-align:center}}
/* Public sale listings are published from one small data file. */
.sale-listings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:18px 0}.sale-listings>.shop-empty,.sale-unavailable{grid-column:1/-1}
.sale-listing{overflow:hidden;border:1px solid #d5e0eb;border-radius:19px;background:#fff;box-shadow:0 5px 19px #1427420b}.sale-listing.is-sold{background:#f7f8fa}
.sale-listing-gallery{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;background:#e7edf4;min-height:220px}.sale-listing-gallery img{display:block;width:100%;min-width:100%;height:250px;object-fit:cover;scroll-snap-align:start}.sale-no-photo{display:grid;place-items:center;width:100%;min-height:220px;color:#4d6280;font-size:.9rem;font-weight:800}
.sale-swipe-hint{display:block;padding:7px 18px 0;color:#51657d;font-size:.73rem;font-weight:750}
.member-work{margin:28px 0 22px}.member-work-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.member-work-head h2{margin:5px 0 0;color:#182d4b;font-size:clamp(1.35rem,2.8vw,1.8rem);letter-spacing:-.035em}.member-work-controls{display:flex;gap:8px}.member-work-controls button{width:39px;height:39px;border:1px solid #cbd8e8;border-radius:50%;background:#fff;color:#183c68;font-size:1.4rem;line-height:1}.member-work-controls button:focus-visible{outline:3px solid #77a7ff;outline-offset:2px}.member-work-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:thin;overscroll-behavior-inline:contain;padding:4px 8px 16px}.member-work-track figure{flex:0 0 min(76%,520px);margin:0;overflow:hidden;border:1px solid #dbe5ef;border-radius:16px;background:#eef3f8;scroll-snap-align:center;box-shadow:0 4px 13px #122b480a}.member-work-track img{display:block;width:100%;height:460px;object-fit:cover;object-position:center 42%;background:#eef3f8}.member-work-track img[src*="member-customer"],.member-work-track img[src*="member-phoneboss-team"]{object-position:center 15%}.member-work-track figcaption{padding:11px 13px;min-height:50px;color:#253c59;font-size:.88rem;font-weight:850;line-height:1.3}
.sale-member-price{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%;margin:12px 0 4px;padding:10px 18px;border:2px solid #24934c;border-radius:999px;background:#ecf9ef;box-shadow:0 0 0 4px #d9f0df;color:#125c32;font-size:1.16rem;font-weight:950;line-height:1.25}.sale-member-price small{display:block;color:#216b3d;font-size:.73rem;text-transform:uppercase;letter-spacing:.07em;line-height:1.35}.sale-obo{font-size:.75em;font-weight:850;color:#596d84}
@media(max-width:700px){.member-work{margin:24px 0 18px}.member-work-track figure{flex-basis:calc(100% - 16px);max-width:none}.member-work-track img{height:450px}}
.sale-listing-content{padding:19px}.sale-listing-content h2{font-size:1.25rem;line-height:1.25;margin:10px 0 6px;color:#172b45}.sale-listing-content p{font-size:.88rem;line-height:1.5;color:#53657a;margin:10px 0}.sale-listing-content ul{padding-left:19px;color:#42556c;font-size:.84rem;line-height:1.5;margin:12px 0}.sale-price{display:block;color:#173d6b;font-size:1.25rem}.sale-status{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.sale-status.available{background:#e5f6e9;color:#23693a}.sale-status.sold{background:#ffe5e3;color:#9f2d2a}.sale-closed{display:block;margin-top:13px;color:#8b3333;font-weight:850}.sale-listing .sale-inquiry{display:inline-flex;min-height:43px;margin-top:11px;padding:9px 15px;background:#1d5b37;color:#fff;border-color:#1d5b37;font-size:.85rem;font-weight:850}.sale-unavailable{padding:18px;border:1px solid #e1c9c0;border-radius:12px;background:#fff8f4;color:#725242}
@media(max-width:700px){.sale-listings{grid-template-columns:1fr}.sale-listing-gallery img{height:235px}.sale-listing-content{padding:17px}.sale-listing .sale-inquiry{width:100%;justify-content:center}}

/* Distinct appointment paths on the Book Repair page. */
#repair .repair-path-grid>div:nth-child(1){background:#fff0e9;border:2px solid #e7a994;border-left:7px solid #c83a28}
#repair .repair-path-grid>div:nth-child(1) h3{color:#8b2a20}
#repair .repair-path-grid>div:nth-child(1) .action{background:#b83325;color:#fff}
#repair .repair-path-grid>div:nth-child(2){background:#fff7dd;border:2px solid #e4c16b;border-left:7px solid #ab7515}
#repair .repair-path-grid>div:nth-child(2) h3{color:#76500d}
#repair .repair-path-grid>div:nth-child(2) .action{background:#805711;color:#fff}
#repair .repair-path-grid>div:nth-child(3){background:#f0f7e9;border:2px solid #a9c895;border-left:7px solid #357443}
#repair .repair-path-grid>div:nth-child(3) h3{color:#285b36}
#repair .repair-path-grid>div:nth-child(3) .action{background:#357443;color:#fff}