:root { --ink: #06142d; --navy: #4A1725; --navy-2: #713548; --blue: #9E4357; --cyan: #F5D3B4; --gold: #BD9355; --purple: var(--blue); --purple-dark: var(--navy); --violet: var(--navy-2); --green: #2fbd57; --green-dark: #178536; --cream: #f7f9fc; --muted: #5d6878; --line: #dfe6ef; --white: #fff; --shadow: 0 22px 60px rgba(4, 25, 61, .16); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--ink); background: var(--cream); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.55; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } img { display: block; max-width: 100%; height: auto; } a { color: inherit; } h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { line-height: 1.08; letter-spacing: -.035em; } h1 { font-size: clamp(2.15rem, 10vw, 4.1rem); margin-bottom: 1.25rem; } h1 em { color: var(--cyan); font-style: normal; } h2 { font-size: clamp(1.9rem, 8vw, 3.3rem); margin-bottom: 1rem; } h3 { font-size: 1.35rem; } .wrap { width: min(1120px, calc(100% - 32px)); margin-inline: auto; } .narrow { max-width: 820px; } section { padding: 72px 0; } .section-dark { color: var(--white); background: radial-gradient(circle at 90% 8%, rgba(255, 201, 222, .34) 0, transparent 34%), radial-gradient(circle at 10% 70%, rgba(235, 126, 170, .2) 0, transparent 32%), linear-gradient(145deg, var(--navy-2), var(--navy)); } .section-purple { color: var(--white); background: linear-gradient(150deg, #3d0064 0%, #63139a 100%); } .section-blue { color: #fff; background: linear-gradient(145deg, #8f315c, #c95a83); } .section-light { background: var(--cream); } .urgency { position: relative; z-index: 20; padding: 9px 12px; color: #fff; background: linear-gradient(90deg, #9f0712, #e32636, #9f0712); text-align: center; font-weight: 800; font-size: .79rem; letter-spacing: .02em; } .urgency p { margin: 0; } .eyebrow, .kicker { display: block; margin-bottom: .9rem; color: var(--purple); font-size: .78rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } .kicker-light { color: #e4b8ff; } .hero { padding-top: 52px; overflow: hidden; } .hero-inner { max-width: 920px; text-align: center; } .secure-top { display: inline-block; margin: 0 auto 18px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #cceeff; background: rgba(255,255,255,.08); font-size: .73rem; font-weight: 900; } .hero h1 { max-width: 900px; margin-inline: auto; text-align: center; } .hero h1 em { color: #ffe1a6; text-shadow: 0 4px 18px rgba(80, 12, 45, .42); } .lead { max-width: 780px; margin-inline: auto; color: #dceafa; font-size: 1.06rem; text-align: center; } .inline-price { color: var(--cyan); white-space: nowrap; } .cta { display: flex; align-items: center; justify-content: center; min-height: 58px; padding: 14px 18px; border-radius: 12px; color: var(--white); background: linear-gradient(180deg, #50bd5a, var(--green)); box-shadow: 0 9px 0 var(--green-dark), 0 18px 30px rgba(0, 0, 0, .2); font-size: .95rem; font-weight: 900; text-align: center; text-decoration: none; transition: transform .2s ease, filter .2s ease; } .cta:active { transform: translateY(4px); box-shadow: 0 5px 0 var(--green-dark); } .hero-cta { max-width: 560px; margin: 30px auto 0; } .delivery { margin: 20px 0 0; color: #e7dceb; text-align: center; font-size: .9rem; } .delivery span { display: inline-flex; align-items: center; gap: 5px; font-weight: 800; white-space: nowrap; } .delivery img { display: inline-block; width: 21px; height: 21px; object-fit: contain; } .hero-product { width: min(620px, 100%); margin: -4px auto 40px; border-radius: 22px; filter: drop-shadow(0 28px 38px rgba(0, 0, 0, .42)); } .hero-delivery { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: clamp(.66rem, 3vw, .86rem); white-space: nowrap; } .hero-delivery .plain { display: inline; font-weight: 400; line-height: 18px; } .hero-delivery span { line-height: 18px; } .hero-delivery img { width: 18px; height: 18px; } .student-proof { width: 100%; margin: 24px auto 0; text-align: center; } .student-proof img { width: clamp(160px, 49vw, 272px); margin: 0 auto 12px; padding: 2px; border: 1px solid rgba(255,255,255,.34); border-radius: 999px; background: rgba(255,255,255,.16); filter: drop-shadow(0 10px 18px rgba(0,0,0,.24)); } .student-proof p { width: fit-content; margin: 0 auto; padding: 8px 15px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.1); font-size: .76rem; font-weight: 900; text-transform: uppercase; } .section-intro { color: var(--muted); } .center-title { max-width: 900px; margin-inline: auto; text-align: center; } .showcase { overflow: hidden; } .showcase .center-title { margin-bottom: 40px; } .marquee { width: 100%; overflow: hidden; padding: 8px 0 18px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); } .marquee-track { display: flex; width: max-content; gap: 14px; animation: marquee-left 30s linear infinite; will-change: transform; } .marquee-reverse .marquee-track { animation-name: marquee-right; } .marquee-persona { padding-top: 14px; } .marquee-persona .marquee-track { animation-duration: 34s; } .marquee img { width: clamp(210px, 58vw, 350px); border-radius: 14px; box-shadow: 0 12px 30px rgba(34,0,53,.18); } @keyframes marquee-left { to { transform: translateX(calc(-50% - 7px)); } } @keyframes marquee-right { from { transform: translateX(calc(-50% - 7px)); } to { transform: translateX(0); } } .slider { display: flex; gap: 14px; margin: 28px -16px 0; padding: 5px 16px 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .slider::-webkit-scrollbar { display: none; } .slider img { flex: 0 0 76%; max-width: 300px; border-radius: 16px; box-shadow: var(--shadow); scroll-snap-align: center; } .swipe-hint { margin: 0; color: var(--muted); text-align: center; font-size: .8rem; } .section-statement { margin-bottom: 30px; font-size: clamp(2.15rem, 9vw, 4rem); text-align: center; } .card-grid { display: grid; gap: 14px; } .card-grid article { position: relative; padding: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(255,255,255,.08); } .card-grid article > span { color: var(--cyan); font-size: 2rem; font-weight: 900; opacity: .65; } .card-grid h3 { margin: 12px 0 8px; text-transform: uppercase; } .card-grid p { margin-bottom: 0; color: #dceafa; } .before-after-image { width: min(780px, 100%); margin: 28px auto; border-radius: 18px; box-shadow: var(--shadow); } .compare-grid { display: grid; gap: 16px; } .compare-card { position: relative; padding: 32px 20px 22px; overflow: hidden; border-radius: 22px; box-shadow: 0 24px 60px rgba(29, 4, 33, .16); } .compare-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 6px; } .compare-card h3 { position: relative; z-index: 1; margin: -8px -4px 22px; padding: 15px 16px; border-radius: 13px; color: #fff; box-shadow: 0 10px 22px rgba(30,8,35,.16); font-size: 1.38rem; letter-spacing: -.02em; text-align: left; } .compare-card ul, .check-list, .price-card ul { list-style: none; padding: 0; margin: 0; } .compare-card li, .check-list li, .price-card li { position: relative; padding: 10px 0 10px 38px; border-bottom: 1px solid var(--line); } .compare-card li { display: flex; align-items: center; min-height: 62px; margin-bottom: 9px; padding: 13px 13px 13px 44px; border: 1px solid rgba(255,255,255,.72); border-radius: 13px; background: rgba(255,255,255,.58); box-shadow: 0 6px 15px rgba(30,10,35,.035); } .compare-card li:last-child { border-bottom: 1px solid rgba(255,255,255,.72); } .compare-card li:last-child, .price-card li:last-child { border-bottom: 0; } .compare-card li::before { position: absolute; top: 50%; left: 1px; transform: translateY(-50%); font-size: 1.8rem; line-height: 1; font-weight: 1000; } .check-list li::before, .price-card li::before { position: absolute; left: 0; font-weight: 900; } .before { border: 1px solid #efabb2; background: linear-gradient(145deg, #fff8f8, #ffdfe2); } .before::before { background: linear-gradient(90deg, #b70e20, #f05565); } .before h3 { background: linear-gradient(120deg, #8f0a18, #df3142); } .before li { border-color: rgba(214,24,42,.13); } .before li::before { content: "×"; color: #d6182a; } .after { border: 1px solid #8bd494; background: linear-gradient(145deg, #f7fff8, #dcf6e0); } .after::before { background: linear-gradient(90deg, #178b2d, #54c667); } .after h3 { background: linear-gradient(120deg, #126f25, #36ad4a); } .after li { border-color: rgba(23,139,45,.13); } .after li::before, .check-list li::before, .price-card li::before { content: "✓"; color: var(--green); } .open-book-image { width: min(600px, 100%); margin: 32px auto 0; border-radius: 18px; box-shadow: var(--shadow); } .cta-center { margin: 30px auto 0; max-width: 440px; } .included-stack { max-width: 820px; text-align: center; } .included-stack h2 { max-width: 760px; margin-inline: auto; } .devices-image { width: min(620px, 100%); margin: 28px auto; border-radius: 18px; box-shadow: 0 24px 55px rgba(0,0,0,.35); } .included-stack .check-list { max-width: 680px; margin: 0 auto; text-align: left; } .included-delivery { display: flex; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; } .included-delivery .plain { display: inline; font-weight: 400; line-height: 21px; } .included-delivery span { line-height: 21px; } .check-list li { border-color: rgba(255,255,255,.13); } .included-grid img { width: 100%; max-width: 520px; margin: auto; } .bonus-subtitle { margin-bottom: 14px; color: var(--muted); text-align: center; font-size: 1.15rem; font-weight: 700; } .bonus-banner, .offer-alert { width: fit-content; margin: 0 auto 34px; padding: 11px 20px; border-radius: 10px; color: #fff; background: linear-gradient(90deg, #ad0815, #e52b3b); box-shadow: 0 10px 24px rgba(173,8,21,.25); font-weight: 1000; letter-spacing: .04em; text-align: center; } .bonus-grid { display: grid; gap: 16px; } .bonus-grid article { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); } .bonus-grid article > div { padding: 20px; } .bonus-grid small { display: block; width: fit-content; margin-bottom: 11px; padding: 7px 11px; border: 1px solid #d997ff; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #53107b, #9a39d1); box-shadow: 0 7px 16px rgba(83,16,123,.2); font-size: 1.04rem; font-weight: 1000; letter-spacing: .025em; text-transform: uppercase; } .bonus-grid h3 { margin: 6px 0 8px; } .bonus-grid p { margin: 0; color: var(--muted); } .bonus-grid .bonus-value { margin-top: 18px; padding: 9px 10px; border: 1px solid #ead9ee; border-radius: 9px; color: var(--ink); background: #faf4fc; text-align: center; font-weight: 800; } .bonuses { padding-bottom: 36px; } .showcase-repeat { padding-top: 36px; } .bonus-value s { margin: 0 5px; color: #d21d32; text-decoration-thickness: 2px; } .bonus-value strong { color: #16852a; font-size: 1.15rem; } .offer { color: var(--ink); background: linear-gradient(180deg, #f5f4f7, #fff); text-align: center; } .offer-alert { width: min(620px, 100%); margin-bottom: 34px; padding: 18px 16px; font-size: clamp(.88rem, 3.5vw, 1.15rem); } .offer-alert p { margin: 0; } .countdown { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; } .countdown div { display: grid; width: 82px; padding: 10px; border: 1px solid rgba(255,255,255,.3); border-radius: 12px; background: rgba(95,0,8,.28); } .countdown strong { font-size: 2rem; line-height: 1; } .countdown span { font-size: .67rem; text-transform: uppercase; } .pricing-grid { display: grid; gap: 22px; margin-top: 36px; color: var(--ink); text-align: left; } .price-card { position: relative; padding: 28px 22px; border-radius: 20px; background: #fff; box-shadow: 0 28px 70px rgba(0,0,0,.25); } .price-card.featured { color: #fff; border: 3px solid #50c960; background: radial-gradient(circle at 50% 0, #d66a96 0, #a43e6b 46%, #762647 100%); box-shadow: 0 30px 80px rgba(55,0,83,.3); } .popular { margin: -28px -22px 24px; padding: 11px; border-radius: 16px 16px 0 0; color: #fff; background: linear-gradient(180deg, #55db68, #22a93a); box-shadow: 0 0 24px rgba(66,216,88,.55); text-align: center; font-weight: 1000; letter-spacing: .035em; } .price-card h3 { margin-bottom: 7px; font-size: 2rem; } .last-chance { color: var(--violet); font-size: .75rem; font-weight: 900; text-transform: uppercase; } .featured .last-chance { width: fit-content; margin: 0 auto 20px; padding: 9px 12px; border: 1px solid #ff7a86; border-radius: 9px; color: #fff; background: linear-gradient(90deg, #a80716, #e32b3a); text-align: center; } .featured h3 { margin-bottom: 14px; color: #fff; font-size: clamp(2rem, 9vw, 2.75rem); text-align: center; } .included-badge { width: fit-content; margin: 0 auto 18px; padding: 9px 13px; border-radius: 9px; color: #fff; background: linear-gradient(180deg, #50c961, #259f39); font-size: .83rem; font-weight: 1000; text-align: center; } .package-mockup { width: min(520px, 100%) !important; margin: 4px auto 12px !important; border-radius: 22px; filter: drop-shadow(0 20px 28px rgba(0,0,0,.35)); } .content-badge { width: fit-content; margin: 6px auto 20px; padding: 7px 12px; border: 1px solid #94dca0; border-radius: 10px; color: #176d25; background: #ecfff0; font-size: .78rem; font-weight: 1000; letter-spacing: .03em; } .plan-detail { color: var(--muted); } .old-price { margin: 20px 0 0; color: var(--muted); text-decoration: line-through; } .current-price { margin: 0; color: var(--purple); font-size: 1.5rem; font-weight: 800; } .current-price strong { font-size: 3.55rem; } .featured ul { margin-top: 0; } .featured li { border-color: rgba(255,255,255,.16); color: #fff; } .featured li::before { color: #5deb72; } .featured .old-price { color: #f1d9f7; font-size: 1.05rem; font-weight: 900; text-align: center; text-decoration: none; } .featured .old-price s { margin-inline: 5px; color: #fff; font-size: 1.48rem; text-decoration-color: #ff6574; text-decoration-thickness: 1.25px; } .featured .current-price { color: #57ec6d; font-size: 1.8rem; text-align: center; text-shadow: 0 0 20px rgba(87,236,109,.28); } .featured .current-price strong { font-size: 4.15rem; } .featured .current-price + p { margin-bottom: 12px; text-align: center; } .savings { width: fit-content; margin: 0 auto; padding: 8px 12px; border-radius: 999px; color: #9cffaa; background: rgba(77,213,98,.14); font-weight: 900; } .checkout { margin: 20px 0 16px; } .cta-pulse { animation: cta-pulse 1.65s ease-in-out infinite; } @keyframes cta-pulse { 0%, 100% { transform: scale(.98); filter: brightness(1); } 50% { transform: scale(1.035); filter: brightness(1.12); } } .price-card > img:not(.basic-cover) { width: 230px; margin: auto; } .featured > img:not(.package-mockup) { opacity: .5; } .basic-cover { width: 130px; margin: 10px auto; } .basic-plan h3 { margin-bottom: 18px; text-align: center; } .basic-plan ul { margin-top: 18px; } .basic-plan .excluded { color: #aaa5ad; text-decoration: line-through; text-decoration-color: rgba(170,165,173,.45); } .basic-plan .excluded::before { content: "×"; color: #d64552; font-size: 1.35rem; } .basic-plan .old-price, .basic-plan .current-price { text-align: center; } .basic-plan .current-price { color: #87a98e; text-shadow: none; } .basic-plan .current-price strong { font-size: 3.55rem; } .basic-cta { border: 2px solid #7d9e84; color: #7d9e84; background: #fff; box-shadow: none; } .guarantee-stack { max-width: 820px; text-align: center; } .guarantee-stack > img { width: min(300px, 72vw); margin: 0 auto 6px; } .guarantee-stack h2 { margin: 0 auto 14px; } .guarantee-stack > div > p { max-width: 740px; margin: 0 auto; color: var(--muted); } .secure-payment { display: grid; gap: 2px; width: min(390px, 100%); margin: 28px auto 0; padding: 14px 20px; border: 1px solid var(--blue); border-radius: 13px; color: #fff; background: linear-gradient(135deg, var(--navy), var(--blue)); box-shadow: 0 14px 30px rgba(61,0,100,.2); font-size: .82rem; font-weight: 1000; letter-spacing: .025em; } .secure-payment strong { color: #fff; font-size: 1.02rem; } .steps-grid { display: grid; gap: 14px; padding: 0; list-style: none; } .steps-grid li { padding: 24px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(255,255,255,.07); } .steps-grid span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--purple); background: #e0b5ff; font-weight: 900; } .steps-grid h3 { margin: 18px 0 6px; } .steps-grid p { margin: 0; color: #ded3e4; } .steps-cta { margin-top: 32px; } details { margin-bottom: 10px; border: 1px solid var(--line); border-radius: 14px; background: #fff; } summary { position: relative; padding: 18px 48px 18px 18px; cursor: pointer; font-weight: 800; list-style: none; } summary::-webkit-details-marker { display: none; } summary::after { content: "+"; position: absolute; right: 18px; top: 12px; color: var(--purple); font-size: 1.6rem; } details[open] summary::after { content: "−"; } details p { padding: 0 18px 18px; margin: 0; color: var(--muted); } footer { padding: 42px 0; color: #b9aebd; background: #15001f; text-align: center; font-size: .75rem; } footer p { margin-bottom: 8px; } .disclaimer { max-width: 760px; margin-inline: auto; } @media (min-width: 720px) { section { padding: 96px 0; } .bonuses { padding-bottom: 48px; } .showcase-repeat { padding-top: 48px; } .wrap { width: min(1120px, calc(100% - 64px)); } .hero-grid, .included-grid { grid-template-columns: 1.05fr .95fr; align-items: center; } .hero-product { margin: 0 auto; } .card-grid { grid-template-columns: repeat(2, 1fr); } .compare-grid, .pricing-grid { grid-template-columns: repeat(2, 1fr); } .bonus-grid { grid-template-columns: repeat(2, 1fr); } .steps-grid { grid-template-columns: repeat(3, 1fr); } .slider img { flex-basis: 30%; } footer { padding-bottom: 42px; } } @media (min-width: 1040px) { .hero { min-height: 800px; display: grid; align-items: center; } .card-grid { grid-template-columns: repeat(4, 1fr); } .bonus-grid { grid-template-columns: repeat(4, 1fr); } .bonus-grid article > div { padding: 16px; } .bonus-grid h3 { font-size: 1.08rem; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .marquee { overflow-x: auto; } .marquee-track, .cta-pulse { animation: none !important; } *, *::before, *::after { transition-duration: .01ms !important; } } .hero-product { animation: none !important; transform: none !important; } .basic-cta:active { box-shadow: none; } :root{--ink:#51383f;--navy:#f7e9e6;--navy-2:#f0d9d6;--blue:#bd8092;--cyan:#8b4059;--gold:#ac875b;--green:#55775e;--green-dark:#3b5d44;--cream:#fffaf6;--muted:#705b61;--line:#e9d9d5;--shadow:0 16px 40px rgba(100,65,75,.12)} .section-dark,.section-blue,.section-purple{color:var(--ink);background:linear-gradient(145deg,#faeeea,#f0d9df)} .hero h1 em{display:block;color:#8b4059;text-shadow:none} .hero h1 .headline-promise{display:block;margin-top:12px;font-size:.56em;line-height:1.16;letter-spacing:-.025em;color:#51383f} .secure-top{color:#634650;border-color:#d7b5bd;background:#fff8f3} .lead,.card-grid p,.delivery{color:#634e55} .hero-delivery,.included-delivery{color:#634e55} .card-grid article{background:#fff8f3;border-color:#e4c9cf} .card-grid article>span{color:#a7667b;opacity:1} .urgency,.bonus-banner,.offer-alert,.featured .last-chance{background:linear-gradient(100deg,#a35f75,#b57588);box-shadow:0 8px 18px rgba(130,65,87,.15);border-color:#c694a4} .cta{background:linear-gradient(#688b71,#55775e);box-shadow:0 6px 0 #3b5d44,0 12px 24px rgba(65,90,70,.14)} .cta:hover{background:#48694f} .before{background:linear-gradient(#fff8f6,#f5dfe0);border-color:#dbafb5} .before h3,.before::before{background:#a35f70} .before li::before{color:#9b4c62} .after{background:linear-gradient(#f9fcf5,#e3edde);border-color:#acbfa5} .after h3,.after::before{background:#55775e} .check-list li{border-color:#dec6ca} .bonus-grid small{background:#a35f75;border-color:#d3a2b2;box-shadow:none} .bonus-grid .bonus-value{background:#fff3ee;border-color:#ead5cf} .offer{background:linear-gradient(#fff8f4,#f9eeeb)} .countdown div{background:rgba(75,35,48,.15)} .price-card{box-shadow:0 18px 40px rgba(100,65,75,.15)} .price-card.featured{color:#51383f;border-color:#9eb69a;background:linear-gradient(#fae8e8,#efced9);box-shadow:0 18px 40px rgba(100,65,75,.17)} .popular,.included-badge{background:#55775e;box-shadow:none} .featured h3,.featured li,.featured .old-price,.featured .old-price s{color:#51383f} .featured li{border-color:#dab7c1} .featured li::before{color:#55775e} .featured .current-price{color:#3b6545;text-shadow:none} .content-badge,.savings{color:#3b6545;background:#e5eddf;border-color:#aec3a7} .basic-plan .current-price{color:#55775e} .basic-cta,.basic-cta:hover{color:#55775e;border-color:#55775e;background:#fffaf6;box-shadow:none} .package-mockup{filter:drop-shadow(0 10px 15px rgba(100,65,75,.12))} .student-proof{color:#51383f} .student-proof p{color:#634650;background:#fff3ee;border-color:#dbbcc5} .devices-image{box-shadow:var(--shadow)} .steps-grid li{background:#fff8f3;border-color:#e4c9cf} .steps-grid span{color:#8b4059;background:#efccd6} .steps-grid p{color:#634e55} .secure-payment,.secure-payment strong{color:#51383f;background:#f5e2e1;box-shadow:var(--shadow)} footer{color:#705b61;background:#f1dedf} .cta{background:linear-gradient(180deg,#50bd5a,#2fbd57);box-shadow:0 9px 0 #178536,0 18px 30px rgba(0,0,0,.2)} .cta:hover{background:linear-gradient(180deg,#44b950,#23a849)} .basic-cta,.basic-cta:hover{color:#55775e;border-color:#55775e;background:#fffaf6;box-shadow:none} .offer-alert{background:linear-gradient(90deg,#ad0815,#e52b3b);box-shadow:0 10px 24px rgba(173,8,21,.25)} .featured .last-chance{background:linear-gradient(90deg,#a80716,#e32b3a);border-color:#ff7a86} .countdown div{background:rgba(95,0,8,.28)} .price-card.featured{color:#fff;border-color:#50c960;background:radial-gradient(circle at 50% 0,#d66a96 0,#a43e6b 46%,#762647 100%);box-shadow:0 30px 80px rgba(55,0,83,.3)} .popular{background:linear-gradient(180deg,#55db68,#22a93a);box-shadow:0 0 24px rgba(66,216,88,.35)} .included-badge{background:linear-gradient(180deg,#50c961,#259f39)} .featured h3,.featured li,.featured .old-price s{color:#fff} .featured .old-price{color:#f1d9f7} .featured li{border-color:rgba(255,255,255,.16)} .featured li::before{color:#5deb72} .featured .current-price{color:#57ec6d;text-shadow:0 0 20px rgba(87,236,109,.28)} .savings{color:#9cffaa;background:rgba(77,213,98,.14)} .card-grid p strong{font-weight:800} .hero h1{color:#51383f} .hero h1 em,.hero h1 .headline-promise{display:inline;font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0} .hero h1 em{color:#8b4059} .hero h1 .headline-promise::before{content:" "} body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}