/* BuyCell / Studio White design language — preserve original component hooks and checkout */
:root{--ink:#182129;--green:#e5edf6;--cream:#fff;--line:#e7eaf0;--accent:#3467ab}
body{background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.058em}
h2{font-size:clamp(32px,4.2vw,65px)}
i,em{font-family:Georgia,serif;color:#7f9ab9;font-style:italic;letter-spacing:-.06em}
.announcement{height:33px;background:#f2f6fb;color:#42607c;font-size:10px;letter-spacing:.045em;gap:14px}
.announcement span{color:#a4b6c8}.announcement button{font-size:10px;color:#315d8a;letter-spacing:0}
.header{height:79px;background:#ffffffef;backdrop-filter:blur(18px);border-bottom:1px solid #e9edf2;padding-inline:clamp(22px,5vw,100px)}
.brand{letter-spacing:-.055em;font-size:24px;color:#152336}.brand small{color:#8492a0;font-weight:600;font-size:7px}
.mark{background:#eff5fc;color:#1e496f;border-radius:14px;font-size:28px}.mark span{color:#7c9cbf}
.header nav{color:#41546a;font-size:12px}.cart-launch{background:#162638;color:white}.cart-launch span{background:#f3f6fb;color:#1b3249}
.hero{min-height:675px;display:grid;grid-template-columns:minmax(0,49%) minmax(0,51%);margin:0 clamp(12px,2.2vw,36px);border-radius:0 0 32px 32px;overflow:hidden;background:linear-gradient(125deg,#fff 15%,#f8fbff 100%)}
.hero-copy{padding:clamp(78px,8.2vw,133px) 10px 85px clamp(28px,6.6vw,110px);display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:10px;letter-spacing:.16em;color:#6e89a9;font-weight:750}.pulse{background:#4c7bac;box-shadow:0 0 0 5px #e9f2fb}
.hero h1{font-size:clamp(49px,5.2vw,89px);font-weight:700;line-height:1.09;letter-spacing:-.073em;margin:28px 0 25px;white-space:nowrap}
.hero h1 em{color:#8fa7c4;font-weight:400}
.hero-copy>p{font-size:15px;line-height:1.85;color:#687a8c;max-width:505px}
.hero-ctas{margin:33px 0 48px}.button{font-weight:700;font-size:12px;letter-spacing:0;padding:17px 26px;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{box-shadow:0 13px 28px #233e5c25}.button.dark{background:#162638}.button.plain{color:#23486f}.button.light{background:white;color:#152638}
.microtrust{color:#8291a1;text-transform:none;font-weight:600;letter-spacing:0;font-size:10px;gap:19px;line-height:1.6}
.hero-art{background:radial-gradient(ellipse at 52% 37%,#fff 0%,#f0f5fb 50%,#e5edf6 100%);min-height:635px;isolation:isolate;overflow:visible}
.hero-art:before{content:'';width:70%;height:65%;position:absolute;z-index:-1;top:15%;left:15%;border-radius:50%;background:#ffffff98;filter:blur(60px)}
.hero-art .orb,.hero-art .phone-shadow{display:none}
.halo{position:absolute;border:1px solid #fff9;border-radius:50%;width:73%;aspect-ratio:1;top:10%;left:14%;box-shadow:0 5px 60px #9fb3cc14}
.halo-two{width:54%;top:19%;left:24%;border:1px solid #dae6f3;opacity:.7}
.hero-platform{position:absolute;bottom:11%;left:14%;right:14%;height:17%;background:radial-gradient(ellipse,#b4c4d74d,transparent 73%);filter:blur(15px)}
.hero-art>img{display:block;position:relative;z-index:2;width:82%;height:78%;max-height:540px;object-fit:contain;object-position:center;filter:drop-shadow(22px 30px 30px #33496335);animation:float 8s ease-in-out infinite}
.art-label{color:#617a91;font-weight:500;left:7%;bottom:7%;font-size:11px;letter-spacing:.02em;line-height:1.6}.art-label b{color:#1d3b55;font-size:12px}
.floating-pill{right:6%;top:8%;background:#fff;color:#537696;border:1px solid #e5ecf2;box-shadow:0 10px 36px #748da02b;padding:12px 18px;font-weight:750;letter-spacing:.03em;transform:rotate(5deg)}
.hero-index{bottom:22px;left:6.6vw;color:#8c9aab}
.benefit-bar{padding:25px clamp(22px,7vw,110px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border-bottom:1px solid #edf0f4;color:#597086;font-size:11px;font-weight:650}
.category-strip{margin:35px clamp(22px,7vw,110px) 0;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:33px 0 12px}.category-heading span{font-size:10px;letter-spacing:.16em;color:#8a9cad;font-weight:700}.category-heading h2{font-size:clamp(30px,3.5vw,50px);margin:10px 0}.category-links{display:flex;gap:13px;flex-wrap:wrap}.category-links a{border:1px solid #e1e9f2;border-radius:999px;padding:16px 21px;background:#fff;box-shadow:0 9px 26px #7f9fbb0d;font-size:12px;font-weight:700}.category-links a span{color:#82a1bf;margin-left:16px}.category-links a:hover{background:#eef5fb}
.section{padding-top:clamp(65px,7vw,112px);padding-bottom:clamp(65px,7vw,112px)}.intro{padding-top:65px}.intro h2 span{color:#9baec1}.intro-grid>p{color:#718092}
.kicker{color:#7892ac;font-size:10px;letter-spacing:.16em}
.finder{background:linear-gradient(135deg,#f2f7fc,#eaf2fb 70%,#f5f8fc)}.finder-top>p,.section-header>p{color:#758394}
.finder-body{background:#fff;border:1px solid #e1e9f1;border-radius:28px;box-shadow:0 22px 70px #69839f15}
input[type=range]{accent-color:#507fae}.match{background:#f8fbff;border:1px solid #eaf0f7;border-radius:16px}.match img{object-fit:contain}.match:hover{background:#eaf3ff}
.shop{background:white}.searchbox,.shop-tools select{border-radius:14px;border-color:#e0e7ef}.result-count{color:#8595a4}
.products{gap:20px}.product{border:1px solid #e8edf3;border-radius:22px;box-shadow:0 8px 35px #4d718a09}.product:hover{box-shadow:0 25px 65px #526b8930;transform:translateY(-8px)}
.product-img{background:radial-gradient(circle at 48% 45%,#fff 0%,#f5f8fc 68%,#edf3fa 100%);height:285px;padding:32px;overflow:hidden}
.product-img img{object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 14px 14px #263c5122)}.product:hover img{transform:translateY(-5px) scale(1.035)}
.tag{background:#fff;color:#527395;border:1px solid #e7eef7}.product-body{padding:20px}.product-body small{color:#95a3b1}.product h3{font-size:17px}.spec{color:#8493a1}.product-price{color:#172e48}.product-actions button{border:1px solid #dbe6f2;border-radius:11px}.product-actions button.add{background:#1b3650;border-color:#1b3650}
.editorial{background:#fff;min-height:470px;gap:0}.editorial-image{background:#f1f6fb}.editorial-image img{object-fit:contain;padding:30px;max-height:520px}.editorial-copy{background:#edf4fb;color:#203951}.editorial-copy h2{color:#203951}.editorial-copy p:not(.kicker){color:#6e8297}.editorial-copy .button{background:#fff;color:#1a3855}
.grade-cards article{border:1px solid #e6edf4;box-shadow:0 12px 35px #3760820b;border-radius:24px}.grade-number span{color:#90a8bd}.grade-cards p,.disclaimer{color:#7c8a99}
.faq{background:#f6f9fd}.faq-rows details{border-color:#dce6ef}.faq-rows details p{color:#758596}
.last-cta{background:linear-gradient(140deg,#e5eff9,#f8fbff);padding:100px 20px}.last-cta>p{color:#7191b1}.last-cta h2{font-weight:700}.last-cta .button{background:#1c3550;color:white}
footer{background:#182a3c;color:#fff}.footer-brand span{color:#b7d1e9}footer p,footer a{color:#b7c7d5}.footer-bottom{border-color:#3b5268;color:#93a8b9}
.drawer{background:#fff}.shade{background:#10213781}.notice{background:#edf5fc;color:#506c86}
@media(max-width:1120px){.hero h1{font-size:clamp(44px,5.2vw,70px)}.category-strip{flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:760px){.header{height:68px}.header nav{background:white;top:68px}.hero{margin:0 10px;border-radius:0 0 23px 23px;display:flex;flex-direction:column}.hero-copy{padding:55px 25px 28px}.hero h1{font-size:clamp(43px,9.5vw,69px);white-space:normal;margin:23px 0}.hero-art{min-height:405px;overflow:hidden}.hero-art>img{height:330px;width:75%;max-height:80%}.hero-ctas{margin:27px 0 25px}.hero-index{display:none}.floating-pill{top:6%;right:5%;font-size:8px}.art-label{bottom:5%;left:5%}.benefit-bar{justify-content:center;text-align:center;padding:17px 10px;gap:12px;font-size:10px}.category-strip{margin:27px 22px 0}.category-links{gap:8px}.category-links a{padding:13px;font-size:11px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-img{height:205px;padding:17px}.product-body{padding:13px}.editorial-image{height:330px}.editorial-image img{padding:20px}.microtrust{gap:9px}.last-cta{padding:65px 20px}}
@media(max-width:390px){.hero h1{font-size:40px}.product-img{height:175px}.benefit-bar span{width:45%}.category-links a{width:100%}}

/* Preserve the original BuyCell brand identity */
.header .brand .original-buycell-logo{display:block;width:auto;max-width:175px;height:52px;object-fit:contain;object-position:left center}
@media(max-width:760px){.header .brand .original-buycell-logo{max-width:135px;height:43px}}