:root {
  color-scheme: light;
  --ink: #081321;
  --ink-soft: #243349;
  --muted: #718097;
  --blue: #3978f6;
  --blue-strong: #2264e8;
  --blue-pale: #eaf1ff;
  --line: #e7ecf4;
  --paper: #ffffff;
  --wash: #f5f8fc;
  --font-en: 'Manrope', Arial, sans-serif;
  font-family: var(--font-en);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  scroll-padding-top: 84px;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--paper); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font-en); line-height: 1.65; -webkit-font-smoothing: antialiased; }
body { font-family: var(--font-en); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
svg { display: block; width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.page-shell { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }

.site-header { position: relative; z-index: 10; background: #fff; border-bottom: 1px solid rgba(13, 32, 58, .06); }
.nav-shell { width: min(1280px, calc(100% - 64px)); min-height: 80px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.brand-mark { display: block; border-radius: 13px; }
.brand-name { font-family: var(--font-en); font-weight: 800; letter-spacing: -.065em; font-size: 17px; color: #101b2a; }
.brand-name span { color: var(--blue); }
.main-nav { display: flex; align-items: center; gap: clamp(20px, 3.4vw, 44px); margin-inline-start: auto; margin-inline-end: 3vw; }
.main-nav a { position: relative; color: #5c6878; font-size: 14px; font-weight: 600; transition: color .2s ease; }
.main-nav a::after { position: absolute; content: ''; inset-inline-start: 0; bottom: -7px; width: 0; height: 2px; background: var(--blue); border-radius: 4px; transition: width .22s ease; }
.main-nav a:hover { color: var(--blue-strong); }
.main-nav a:hover::after { width: 100%; }
.nav-actions { display: flex; align-items: center; gap: 13px; }
.nav-contact { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border-radius: 9px; color: #fff; background: var(--ink); font-size: 12px; font-weight: 700; transition: background .2s ease, transform .2s ease; }
.nav-contact:hover { background: var(--blue-strong); transform: translateY(-1px); }
.nav-contact svg { width: 16px; height: 16px; }

.hero { position: relative; overflow: hidden; color: #fff; background: #07111f; isolation: isolate; }
.hero::before { position: absolute; z-index: -1; content: ''; inset: 0; opacity: .16; background-image: linear-gradient(rgba(159, 193, 255, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(159, 193, 255, .13) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(90deg, transparent 2%, #000 68%); }
.hero::after { position: absolute; z-index: -1; content: ''; width: 620px; height: 620px; top: -240px; inset-inline-start: -180px; border-radius: 50%; border: 1px solid rgba(115, 161, 255, .08); box-shadow: 0 0 0 54px rgba(115, 161, 255, .025), 0 0 0 108px rgba(115, 161, 255, .018); }
.hero-inner { position: relative; min-height: 600px; padding-block: 72px 84px; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(380px, .94fr); align-items: center; gap: clamp(42px, 8vw, 112px); }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.hero-glow-one { width: 420px; height: 420px; inset-inline-start: 7%; top: 6%; background: radial-gradient(circle, rgba(38, 105, 255, .2), transparent 68%); }
.hero-glow-two { width: 340px; height: 340px; inset-inline-end: 28%; bottom: -58%; background: radial-gradient(circle, rgba(48, 121, 246, .12), transparent 70%); }
.hero-copy { position: relative; z-index: 2; max-width: 630px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 23px; color: #a8c7ff; font-size: 13px; font-weight: 700; }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: #65a0ff; box-shadow: 0 0 0 5px rgba(83, 142, 255, .14); }
.hero h1 { max-width: 630px; margin: 0; color: #fff; font-size: clamp(37px, 4.45vw, 59px); line-height: 1.36; letter-spacing: -.035em; font-weight: 800; }
body .hero h1 { font-family: var(--font-en); max-width: 620px; font-size: clamp(36px, 4.15vw, 54px); line-height: 1.18; letter-spacing: -.055em; }
.hero-description { max-width: 570px; margin: 20px 0 0; color: #b1bed1; font-size: 16px; line-height: 2; }
body .hero-description { line-height: 1.85; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border: 1px solid transparent; border-radius: 9px; font-weight: 700; font-size: 14px; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 18px; height: 18px; }
.button-blue { color: #fff; background: var(--blue); box-shadow: 0 10px 26px rgba(38, 103, 230, .22); }
.button-blue:hover { background: #4b88ff; box-shadow: 0 14px 28px rgba(38, 103, 230, .34); }
.button-outline { border-color: rgba(190, 208, 235, .26); color: #e0e8f6; background: rgba(255,255,255,.025); }
.button-outline:hover { border-color: rgba(190, 208, 235, .52); background: rgba(255,255,255,.07); }
.hero-footnote { display: flex; align-items: center; gap: 12px; margin-top: 34px; color: #8391a6; font-size: 12px; }
.hero-footnote i { padding-inline: 4px; color: #5b8ce9; font-style: normal; }
.footnote-line { width: 24px; height: 1px; background: #4c83e5; flex: 0 0 auto; }

.hero-visual { position: relative; width: min(100%, 470px); min-height: 390px; justify-self: center; display: grid; place-items: center; isolation: isolate; }
.visual-orbit { position: absolute; z-index: -1; aspect-ratio: 1; border: 1px solid rgba(161, 193, 255, .1); border-radius: 50%; }
.orbit-one { width: 330px; }
.orbit-two { width: 430px; border-style: dashed; border-color: rgba(161, 193, 255, .07); transform: rotate(24deg) scaleY(.72); }
.visual-orbit::before, .visual-orbit::after { position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #7aa9ff; box-shadow: 0 0 16px #6d9cff; }
.orbit-one::before { top: 17%; inset-inline-end: 14%; }
.orbit-one::after { bottom: 18%; inset-inline-start: 12%; opacity: .6; }
.visual-spark { position: absolute; z-index: 2; color: #78aaff; font-size: 25px; animation: float 5s ease-in-out infinite; }
.spark-one { top: 6%; inset-inline-start: 26%; }
.spark-two { inset-inline-end: 11%; bottom: 24%; color: #bacfff; font-size: 17px; animation-delay: -1.8s; }
.showcase-card { position: relative; width: 280px; min-height: 342px; padding: 19px 20px 22px; border: 1px solid rgba(220, 232, 255, .16); border-radius: 20px; background: linear-gradient(145deg, rgba(29, 48, 77, .9), rgba(15, 28, 49, .94)); box-shadow: 0 32px 84px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.09); transform: rotate(-3deg); }
.showcase-card::before { position: absolute; z-index: -1; content: ''; inset: 14px -13px -12px 14px; border: 1px solid rgba(119, 163, 255, .12); border-radius: inherit; background: rgba(54, 89, 145, .13); transform: rotate(7deg); }
.showcase-top { display: flex; align-items: center; justify-content: space-between; color: #d3e0f4; font-size: 11px; font-weight: 700; }
.showcase-dot { width: 8px; height: 8px; border-radius: 50%; background: #73a6ff; box-shadow: 0 0 0 5px rgba(115, 166, 255, .12); }
.showcase-symbol { position: relative; height: 190px; display: grid; place-items: center; margin-top: 7px; }
.showcase-symbol svg { position: relative; z-index: 1; width: 150px; height: 150px; filter: drop-shadow(0 16px 20px rgba(39, 101, 220, .28)); stroke: none; }
.symbol-halo { position: absolute; width: 142px; height: 142px; border: 1px solid rgba(143, 181, 255, .2); border-radius: 50%; background: radial-gradient(circle at 50% 40%, rgba(77, 133, 247, .25), rgba(37, 71, 125, .08) 62%, transparent 63%); box-shadow: 0 0 55px rgba(46, 112, 240, .15); }
.showcase-bottom { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.showcase-stars { color: #80adff; letter-spacing: 5px; font-size: 11px; }
.showcase-bottom strong { color: #fff; font-size: 17px; font-weight: 700; }
.showcase-sub { color: #91a4c1; font-size: 11px; }
.showcase-sub i { padding-inline: 4px; color: #6499f4; font-style: normal; }
.float-chip { position: absolute; z-index: 3; min-width: 185px; display: flex; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid rgba(228, 237, 255, .18); border-radius: 13px; background: rgba(19, 33, 55, .92); box-shadow: 0 14px 38px rgba(0,0,0,.22); backdrop-filter: blur(14px); animation: float 6s ease-in-out infinite; }
.float-chip b, .float-chip small { display: block; }
.float-chip b { color: #eff5ff; font-size: 11px; line-height: 1.5; }
.float-chip small { color: #94a6bf; font-size: 10px; line-height: 1.5; }
.chip-left { inset-inline-start: -4%; top: 20%; }
.chip-right { inset-inline-end: -5%; bottom: 16%; animation-delay: -2.5s; }
.chip-icon { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; }
.chip-icon svg { width: 18px; height: 18px; }
.chip-icon-blue { color: #bcd4ff; background: rgba(54, 116, 233, .22); }
.chip-icon-light { color: #d3e2ff; background: rgba(141, 172, 222, .14); }
.visual-caption { position: absolute; bottom: -15px; inset-inline-start: 8%; display: flex; align-items: center; gap: 9px; color: #7f91ab; font-size: 11px; }
.caption-dash { width: 18px; height: 1px; background: #5990f4; }
.scroll-cue { position: absolute; z-index: 1; bottom: 20px; inset-inline-start: 50%; width: 22px; height: 34px; display: grid; place-items: start center; padding-top: 7px; border: 1px solid rgba(217, 230, 255, .28); border-radius: 20px; opacity: .68; }
.scroll-cue span { width: 3px; height: 6px; border-radius: 4px; background: #c9dcff; animation: scroll 1.7s ease-in-out infinite; }

.section-space { padding-block: 96px; }
.offers-section { position: relative; overflow: hidden; }
.offers-section::after { position: absolute; content: ''; width: 270px; height: 270px; top: 8%; inset-inline-end: -190px; border: 1px solid #eaf0f8; border-radius: 50%; box-shadow: 0 0 0 35px #f9fbfe, 0 0 0 70px #fbfcfe; pointer-events: none; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 45px; margin-bottom: 37px; }
.section-kicker { margin: 0 0 8px; color: var(--blue-strong); font-size: 13px; font-weight: 700; letter-spacing: .01em; }
.section-heading h2, .contact-inner h2 { margin: 0; color: var(--ink); font-size: clamp(29px, 3vw, 40px); line-height: 1.4; font-weight: 800; letter-spacing: -.025em; }
.section-intro { max-width: 430px; margin: 0 0 4px; color: var(--muted); font-size: 14px; line-height: 1.95; }
.offer-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.offer-card { min-height: 244px; padding: 24px 25px 22px; border-radius: 13px; transition: transform .24s ease, box-shadow .24s ease; }
.offer-card:hover { transform: translateY(-5px); box-shadow: 0 18px 48px rgba(25, 51, 94, .1); }
.offer-card-blue { color: #fff; background: linear-gradient(145deg, #1d5fd8, #367df3); box-shadow: 0 18px 40px rgba(41, 104, 226, .2); }
.offer-card-white { border: 1px solid var(--line); background: #fff; }
.offer-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px; }
.offer-index { font-family: var(--font-en); color: rgba(255,255,255,.62); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.offer-card-white .offer-index { color: #aab6c7; }
.offer-icon { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.13); color: #fff; }
.offer-icon svg { width: 23px; height: 23px; }
.offer-icon-outline { border: 1px solid #e6edf7; background: #f7f9fd; color: var(--blue); }
.offer-card h3 { margin: 0 0 7px; font-size: 18px; font-weight: 800; }
.offer-card p { min-height: 48px; margin: 0; color: #d3e2ff; font-size: 13px; line-height: 1.8; }
.offer-card-white p { color: var(--muted); }
.text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; color: #fff; font-size: 12px; font-weight: 800; }
.offer-card-white .text-link { color: var(--blue-strong); }
.text-link svg { width: 15px; height: 15px; transition: transform .2s ease; }
.text-link:hover svg { transform: translateX(-3px); }

.products-section { position: relative; overflow: hidden; background: #f4f7fb; }
.products-backdrop { position: absolute; width: 500px; height: 500px; inset-inline-start: -275px; top: 22%; border: 1px solid #e7edf6; border-radius: 50%; box-shadow: 0 0 0 36px rgba(255,255,255,.4), 0 0 0 72px rgba(255,255,255,.3); }
.products-inner { position: relative; z-index: 1; }
.products-heading { margin-bottom: 34px; }
.category-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.category-card { position: relative; min-height: 334px; padding: 21px 21px 25px; border: 1px solid #e7edf6; border-radius: 13px; background: #fff; transition: box-shadow .25s ease, transform .25s ease; }
.category-card:hover { transform: translateY(-4px); box-shadow: 0 17px 45px rgba(24, 51, 94, .09); }
.category-number { display: flex; align-items: center; gap: 10px; font-family: var(--font-en); color: #96a3b6; font-size: 11px; font-weight: 800; }
.category-number span { width: 33px; height: 1px; background: #d8e1ee; }
.category-visual { position: relative; height: 134px; display: grid; place-items: center; margin-block: 9px 16px; overflow: hidden; border-radius: 9px; background: #f2f6ff; }
.category-visual::before { position: absolute; content: ''; width: 112px; height: 112px; border: 1px solid rgba(52, 107, 222, .12); border-radius: 50%; box-shadow: 0 0 0 15px rgba(255,255,255,.4); }
.category-visual svg { position: relative; z-index: 1; width: 92px; height: 92px; stroke: #3475ed; stroke-width: 1.5; }
.category-home { background: #eef7ff; }
.category-home svg { stroke: #2365d8; }
.category-style { background: #f1f4fa; }
.category-style svg { stroke: #172b49; }
.category-glint { position: absolute; width: 7px; height: 7px; top: 26px; inset-inline-start: 29%; border-radius: 50%; background: #76a4f4; box-shadow: 0 0 0 7px rgba(108, 154, 235, .1); }
.category-copy { padding-inline-end: 28px; }
.category-label { margin: 0 0 3px; color: var(--blue-strong); font-size: 11px; font-weight: 700; }
.category-copy h3 { margin: 0; color: var(--ink); font-size: 18px; font-weight: 800; }
.category-copy > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.category-arrow { position: absolute; inset-inline-end: 20px; bottom: 27px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #e3ebf6; border-radius: 50%; color: var(--blue-strong); transition: color .2s ease, background .2s ease, border-color .2s ease; }
.category-arrow:hover { color: #fff; background: var(--blue); border-color: var(--blue); }
.category-arrow svg { width: 16px; height: 16px; }

.contact-section { position: relative; overflow: hidden; color: #fff; background: #081321; isolation: isolate; }
.contact-section::before { position: absolute; content: ''; inset: 0; opacity: .11; background-image: radial-gradient(rgba(159,193,255,.65) .7px, transparent .7px); background-size: 23px 23px; mask-image: radial-gradient(ellipse at center, #000 0%, transparent 80%); }
.contact-orb { position: absolute; z-index: -1; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(48,111,231,.25), transparent 68%); }
.contact-orb-one { top: -210px; inset-inline-start: -100px; }
.contact-orb-two { bottom: -245px; inset-inline-end: -100px; }
.contact-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding-block: 78px 82px; text-align: center; }
.contact-mark { display: grid; place-items: center; width: 70px; height: 70px; margin-bottom: 22px; border: 1px solid rgba(195, 216, 255, .16); border-radius: 20px; background: rgba(255,255,255,.06); box-shadow: 0 12px 32px rgba(0,0,0,.2); }
.contact-mark img { width: 49px; height: 49px; }
.contact-kicker { color: #92b8ff; }
.contact-inner h2 { color: #fff; font-size: clamp(30px, 3.2vw, 43px); }
.contact-copy { max-width: 570px; margin: 13px 0 25px; color: #aab8cb; font-size: 14px; line-height: 1.9; }
.contact-button { min-height: 52px; padding-inline: 24px; }
.contact-button svg { width: 19px; height: 19px; }
.contact-number { margin: 15px 0 0; color: #94a4ba; font-family: var(--font-en); font-size: 12px; letter-spacing: .09em; }

.site-footer { background: #fff; }
.footer-inner { min-height: 91px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.footer-brand .brand-mark { width: 36px; height: 36px; border-radius: 11px; }
.footer-brand .brand-name { font-size: 14px; }
.footer-inner > p { margin: 0; color: #8390a2; font-size: 11px; }
.footer-link { display: inline-flex; align-items: center; gap: 6px; color: #4f627d; font-size: 11px; font-weight: 700; }
.footer-link:hover { color: var(--blue-strong); }
.footer-link svg { width: 14px; height: 14px; }
.footer-copy { color: #9aa5b4; font-family: var(--font-en); font-size: 10px; }
.floating-whatsapp { position: fixed; z-index: 20; inset-inline-end: 24px; bottom: 22px; min-width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; gap: 9px; padding-inline: 17px; border: 1px solid rgba(255,255,255,.2); border-radius: 50px; color: #fff; background: #168c63; box-shadow: 0 11px 30px rgba(10, 97, 67, .32); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.floating-whatsapp:hover { transform: translateY(-3px); background: #0c9d6d; box-shadow: 0 15px 35px rgba(10, 97, 67, .4); }
.floating-whatsapp svg { width: 24px; height: 24px; }
.floating-label { font-size: 12px; font-weight: 700; }

body .main-nav { margin-inline-end: auto; margin-inline-start: 3vw; }
body .hero h1, body .section-heading h2, body .contact-inner h2, body .category-copy h3, body .offer-card h3 { letter-spacing: -.04em; }
body .showcase-card { transform: rotate(3deg); }
body .chip-left { inset-inline-end: -4%; inset-inline-start: auto; }
body .chip-right { inset-inline-start: -5%; inset-inline-end: auto; }
body .text-link svg, body .button-blue svg, body .category-arrow svg, body .footer-link svg { transform: scaleX(-1); }
body .text-link:hover svg { transform: scaleX(-1) translateX(-3px); }

@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes scroll { 0%, 100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(8px); opacity: 1; } }

@media (max-width: 970px) {
  .nav-shell { gap: 16px; }
  .main-nav { margin-inline-end: 0; gap: 20px; }
  body .main-nav { margin-inline-start: 0; }
  .nav-contact { padding-inline: 12px; }
  .hero-inner { min-height: 560px; grid-template-columns: minmax(0, 1fr) minmax(330px, .82fr); gap: 24px; }
  .hero h1 { font-size: clamp(35px, 5vw, 49px); }
  .hero-visual { transform: scale(.9); }
  .chip-left { inset-inline-start: -6%; }
  .chip-right { inset-inline-end: -6%; }
}
@media (max-width: 760px) {
  .page-shell, .nav-shell { width: min(100% - 40px, 570px); }
  .nav-shell { min-height: 72px; gap: 10px; }
  .brand { gap: 7px; }
  .brand-mark { width: 36px; height: 36px; }
  .brand-name { font-size: 15px; }
  .main-nav { position: absolute; top: 71px; inset-inline: 0; width: 100%; justify-content: center; gap: 34px; margin: 0; padding: 11px 18px; border-top: 1px solid #eff2f6; background: #fff; }
  body .main-nav { margin: 0; }
  .main-nav a { font-size: 12px; }
  .nav-actions { gap: 7px; }
  .nav-contact { min-height: 37px; padding-inline: 10px; gap: 6px; font-size: 11px; }
  .nav-contact svg { width: 14px; height: 14px; }
  .hero-inner { min-height: auto; grid-template-columns: 1fr; gap: 17px; padding-block: 64px 70px; }
  .hero-copy { max-width: 580px; }
  .hero h1 { max-width: 570px; font-size: clamp(35px, 8.3vw, 51px); line-height: 1.42; }
  body .hero h1 { font-size: clamp(35px, 8vw, 49px); }
  .hero-description { font-size: 14px; }
  .hero-visual { min-height: 340px; width: min(100%, 440px); transform: scale(.89); margin-top: -8px; }
  .showcase-card { width: 255px; min-height: 318px; }
  .showcase-symbol { height: 174px; }
  .showcase-symbol svg { width: 135px; height: 135px; }
  .visual-orbit.orbit-one { width: 295px; }
  .visual-orbit.orbit-two { width: 380px; }
  .chip-left { inset-inline-start: 0; }
  .chip-right { inset-inline-end: 0; }
  .scroll-cue { display: none; }
  .section-space { padding-block: 70px; }
  .offers-section::after { display: none; }
  .section-heading { display: block; margin-bottom: 27px; }
  .section-intro { max-width: 540px; margin-top: 12px; }
  .offer-strip { grid-template-columns: 1fr; gap: 12px; }
  .offer-card { min-height: auto; padding: 21px 22px; }
  .offer-card-top { margin-bottom: 14px; }
  .offer-card p { min-height: auto; }
  .offer-card-white .text-link, .offer-card-blue .text-link { margin-top: 11px; }
  .category-list { grid-template-columns: 1fr; gap: 12px; }
  .category-card { min-height: 214px; display: grid; grid-template-columns: 115px 1fr; grid-template-rows: auto 1fr; column-gap: 15px; align-items: center; padding: 15px; }
  .category-number { grid-column: 1 / -1; align-self: start; }
  .category-visual { grid-column: 1; grid-row: 2; height: 135px; margin: 7px 0 0; }
  .category-visual::before { width: 90px; height: 90px; }
  .category-visual svg { width: 77px; height: 77px; }
  .category-copy { grid-column: 2; grid-row: 2; align-self: center; padding-inline-end: 34px; }
  .category-copy h3 { font-size: 16px; }
  .category-copy > p:last-child { font-size: 11px; }
  .category-arrow { inset-inline-end: 14px; bottom: 15px; width: 29px; height: 29px; }
  .category-arrow svg { width: 14px; height: 14px; }
  .contact-inner { padding-block: 65px 70px; }
  .footer-inner { min-height: auto; display: grid; grid-template-columns: 1fr auto; padding-block: 23px; gap: 11px 20px; }
  .footer-inner > p { grid-column: 1; grid-row: 2; }
  .footer-copy { grid-column: 2; grid-row: 2; text-align: end; }
  .footer-link { display: none; }
  .floating-whatsapp { inset-inline-end: 15px; bottom: 15px; width: 51px; min-width: 51px; height: 51px; padding: 0; }
  .floating-whatsapp svg { width: 23px; height: 23px; }
  .floating-label { display: none; }
}
@media (max-width: 420px) {
  .page-shell, .nav-shell { width: calc(100% - 32px); }
  .brand-name { font-size: 14px; }
  .main-nav { gap: 27px; }
  .main-nav a { font-size: 11px; }
  .nav-actions { gap: 3px; }
  .nav-contact { min-width: 37px; width: 37px; padding: 0; font-size: 0; }
  .nav-contact svg { width: 17px; height: 17px; }
  .hero-inner { padding-top: 57px; }
  .eyebrow { margin-bottom: 16px; font-size: 11px; }
  .hero h1 { font-size: 34px; }
  body .hero h1 { font-size: 33px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { min-height: 49px; }
  .hero-footnote { font-size: 10px; gap: 8px; }
  .hero-visual { width: 110%; margin-inline: -5%; transform: scale(.79); margin-block: -30px; }
  .float-chip { min-width: 163px; gap: 8px; padding: 8px 9px; }
  .chip-left { inset-inline-start: 1%; }
  .chip-right { inset-inline-end: 0; }
  .section-heading h2, .contact-inner h2 { font-size: 27px; }
  .category-card { grid-template-columns: 95px 1fr; column-gap: 11px; padding: 12px; }
  .category-copy { padding-inline-end: 31px; }
  .category-copy h3 { font-size: 14px; }
  .category-copy > p:last-child { font-size: 10px; }
  .category-visual { height: 124px; }
  .footer-inner > p { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Calm sky-blue palette and static text. */
:root {
  --ink: #123248;
  --ink-soft: #35566a;
  --muted: #668090;
  --blue: #61c3e4;
  --blue-strong: #147ca4;
  --blue-pale: #e6f8fd;
  --line: #d8edf5;
  --paper: #ffffff;
  --wash: #f3fbfe;
  scroll-behavior: auto;
}

body { color: var(--ink); background: #fafdff; }
.site-header { background: #fbfeff; border-bottom-color: #dceef5; }
.brand-name { color: #18394d; }
.main-nav a { color: #587383; }
.nav-contact { color: #fff; background: #11799f; }
.nav-contact:hover { background: #0b6c91; transform: none; }

.hero {
  color: var(--ink);
  background: linear-gradient(125deg, #e4f7fc 0%, #effaff 58%, #dff4fb 100%);
}
.hero::before {
  opacity: .48;
  background-image: linear-gradient(rgba(83, 155, 182, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(83, 155, 182, .09) 1px, transparent 1px);
}
.hero::after { border-color: rgba(63, 155, 187, .12); box-shadow: 0 0 0 54px rgba(75, 171, 203, .035), 0 0 0 108px rgba(75, 171, 203, .025); }
.hero-glow-one { background: radial-gradient(circle, rgba(81, 192, 223, .2), transparent 68%); }
.hero-glow-two { background: radial-gradient(circle, rgba(99, 196, 222, .18), transparent 70%); }
.eyebrow { color: #187da1; }
.eyebrow-dot { background: #4aafd0; box-shadow: 0 0 0 5px rgba(83, 172, 199, .14); }
.hero h1 { color: #123248; }
.hero-description { color: #527082; }
.hero-footnote { color: #607b8b; }
.hero-footnote i, .footnote-line { color: #1984a8; background: #57b4d1; }
.visual-orbit { border-color: rgba(53, 146, 176, .15); }
.orbit-two { border-color: rgba(53, 146, 176, .11); }
.visual-orbit::before, .visual-orbit::after { background: #64b9d5; box-shadow: 0 0 12px rgba(77, 173, 204, .55); }
.visual-spark { color: #2389ad; animation: none !important; }
.showcase-card {
  transform: none;
  border-color: #cce8f1;
  background: linear-gradient(145deg, #ffffff, #eaf8fc);
  box-shadow: 0 28px 64px rgba(42, 103, 126, .16), inset 0 1px 0 rgba(255,255,255,.9);
}
.showcase-card::before { border-color: rgba(75, 157, 184, .18); background: rgba(208, 241, 249, .55); }
.showcase-top { color: #49697a; }
.showcase-dot { background: #54b7d7; box-shadow: 0 0 0 5px rgba(84, 183, 215, .13); }
.symbol-halo { border-color: rgba(65, 154, 183, .2); background: radial-gradient(circle at 50% 40%, rgba(104, 204, 229, .2), rgba(84, 165, 190, .06) 62%, transparent 63%); box-shadow: 0 0 45px rgba(67, 160, 190, .12); }
.showcase-bottom strong { color: #173b4e; }
.showcase-sub { color: #668293; }
.showcase-stars { color: #2186a7; }
.float-chip {
  border-color: #d2eaf2;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 28px rgba(41, 99, 120, .13);
  animation: none !important;
}
.float-chip b { color: #173b4e; }
.float-chip small { color: #64808e; }
.chip-icon-blue { color: #167ea3; background: #e2f6fc; }
.chip-icon-light { color: #287f9c; background: #eaf7fb; }
.visual-caption { color: #5c7888; }
.caption-dash { background: #4aa9c8; }
.scroll-cue { border-color: rgba(52, 138, 166, .34); }
.scroll-cue span { background: #2c91b4; animation: none !important; }

.offers-section::after { border-color: #e1f0f5; box-shadow: 0 0 0 35px #f8fcfe, 0 0 0 70px #fbfdfe; }
.section-heading h2, .contact-inner h2, .category-copy h3 { color: #123248; }
.offer-card-blue { color: #173b4e; background: linear-gradient(145deg, #dff5fb, #c9edf7); box-shadow: 0 16px 34px rgba(59, 145, 173, .12); }
.offer-card-blue .offer-index { color: #638291; }
.offer-card-blue .offer-icon { color: #167ea3; background: rgba(255,255,255,.78); }
.offer-card-blue p { color: #4e6e7d; }
.offer-card-blue .text-link { color: #11799f; }
.offer-card-white { border-color: #dfedf2; background: #fff; }
.offer-card-white .offer-icon-outline { border-color: #d8edf4; background: #f2fbfe; }
.products-section { background: #f0f9fc; }
.products-backdrop { border-color: #deedf2; box-shadow: 0 0 0 36px rgba(255,255,255,.48), 0 0 0 72px rgba(255,255,255,.36); }
.category-card { border-color: #dcecf2; background: #fff; }
.category-visual { background: #e8f7fc; }
.category-home { background: #e3f5fb; }
.category-style { background: #edf8fb; }
.category-visual svg { stroke: #2585a6; }
.category-home svg { stroke: #167b9e; }
.category-style svg { stroke: #31586c; }
.category-glint { background: #66bad3; box-shadow: 0 0 0 7px rgba(108, 184, 207, .13); }
.category-arrow { border-color: #d9eaf0; color: #147ca4; }

.contact-section {
  color: var(--ink);
  background: linear-gradient(125deg, #dff5fb 0%, #effaff 56%, #d9f1f8 100%);
}
.contact-section::before { opacity: .2; background-image: radial-gradient(rgba(82, 160, 185, .45) .7px, transparent .7px); }
.contact-orb-one, .contact-orb-two { background: radial-gradient(circle, rgba(74, 183, 213, .18), transparent 68%); }
.contact-mark { border-color: #d2eaf2; background: rgba(255,255,255,.72); box-shadow: 0 10px 26px rgba(45, 118, 142, .1); }
.contact-kicker { color: #167da1; }
.contact-inner h2 { color: #123248; }
.contact-copy { color: #587585; }
.contact-number { color: #557687; }
.site-footer { background: #fbfeff; }
.footer-inner > p, .footer-copy { color: #6c8592; }
.footer-link { color: #426779; }

/* No animations or transitions; text and elements remain static. */
*, *::before, *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
.button:hover, .offer-card:hover, .category-card:hover, .nav-contact:hover, .floating-whatsapp:hover,
.text-link:hover svg, .main-nav a:hover::after {
  transform: none !important;
}

.hero-footnote i { color: #1984a8; background: transparent; }
.footnote-line { background: #57b4d1; }
.button-outline { border-color: #bfdce6; color: #31596b; background: rgba(255,255,255,.56); }
.button-outline:hover { border-color: #9bcedd; background: #f7fdff; }


/* U.S. giveaway page: centered layout, readable disclosures, and reduced motion. */
html[lang='en'] { font-family: var(--font-en); }
body { font-family: var(--font-en); }
.site-header { position: sticky; top: 0; backdrop-filter: blur(10px); background: rgba(251, 254, 255, .96); }
.nav-shell { min-height: 76px; }
.main-nav { margin-inline: auto; }
.hero-inner { min-height: 580px; padding-block: 60px 68px; gap: clamp(34px, 7vw, 92px); }
.hero h1 { max-width: 640px; font-size: clamp(42px, 5vw, 64px); line-height: 1.16; letter-spacing: -.055em; }
.hero-description { max-width: 610px; font-size: 16px; line-height: 1.8; }
.hero-actions { margin-top: 22px; }
.giveaway-button { min-height: 58px; padding-inline: 28px; border-radius: 12px; font-size: 16px; font-weight: 800; background: #167ca2; box-shadow: 0 12px 28px rgba(25, 123, 158, .2); }
.giveaway-button:hover { background: #116b8c; box-shadow: 0 12px 28px rgba(25, 123, 158, .2); }
.eligibility-badges { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.eligibility-badges span { padding: 6px 11px; border: 1px solid #cae6ef; border-radius: 999px; color: #315b6e; background: rgba(255,255,255,.72); font-size: 11px; font-weight: 800; }
.hero-disclosure { max-width: 590px; margin: 18px 0 0; color: #587483; font-size: 11px; line-height: 1.8; }
.hero-visual { min-height: 370px; }
.showcase-card { width: 292px; min-height: 350px; }
.gift-card-art { position: relative; z-index: 1; width: 190px; height: 120px; display: flex; flex-direction: column; justify-content: space-between; padding: 15px 17px; overflow: hidden; border: 1px solid rgba(255,255,255,.7); border-radius: 16px; color: #fff; background: linear-gradient(135deg, #38a9cf 0%, #167ca4 72%, #126c91 100%); box-shadow: 0 18px 35px rgba(27, 128, 160, .24); transform: rotate(-5deg); }
.gift-card-art::after { position: absolute; content: ''; width: 110px; height: 110px; right: -36px; bottom: -48px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; box-shadow: 0 0 0 15px rgba(255,255,255,.07), 0 0 0 30px rgba(255,255,255,.05); }
.gift-card-art span, .gift-card-art small { position: relative; z-index: 1; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.gift-card-art strong { position: relative; z-index: 1; align-self: flex-end; font-family: var(--font-en); font-size: 40px; line-height: 1; letter-spacing: -.06em; }
.showcase-stars { font-family: var(--font-en); font-size: 10px; letter-spacing: .08em; }
.showcase-bottom strong { font-size: 18px; }
.float-chip { animation: none !important; }
.section-space { padding-block: 78px; }
.section-heading { align-items: end; gap: 28px; margin-bottom: 28px; }
.section-heading h2 { font-size: clamp(28px, 3.3vw, 38px); }
.section-intro { max-width: 440px; }
.offer-strip { grid-template-columns: minmax(0, 780px); justify-content: center; }
.giveaway-card { min-height: auto; padding: 30px 32px; border: 1px solid #bfe4ef; border-radius: 18px; }
.giveaway-card .offer-card-top { margin-bottom: 16px; }
.giveaway-card .offer-index { color: #517486; }
.giveaway-card .offer-icon { color: #147ca4; background: rgba(255,255,255,.86); }
.giveaway-label { margin: 0 0 7px; color: #147ca4 !important; font-size: 12px !important; font-weight: 800; letter-spacing: .04em; }
.giveaway-card h3 { max-width: 690px; margin: 0 0 12px; color: #123248; font-family: var(--font-en); font-size: clamp(23px, 3vw, 31px); line-height: 1.28; letter-spacing: -.035em; }
.giveaway-card .giveaway-description { min-height: 0; margin: 0; color: #355b6d; font-family: var(--font-en); font-size: 15px; line-height: 1.8; }
.offer-terms { margin: 18px 0 0; padding: 13px 15px; border-inline-start: 3px solid #4cb1d0; border-radius: 6px; color: #476777 !important; background: #eef9fc; font-size: 11px !important; line-height: 1.8 !important; }
.giveaway-link { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; padding: 0 21px; border-radius: 9px; color: #fff !important; background: #167ca2; font-family: var(--font-en); font-size: 14px; font-weight: 800; }
.giveaway-link:hover { background: #116b8c; }
.site-footer { border-top: 1px solid #e0edf2; }
.footer-inner { min-height: 86px; gap: 16px; }
.footer-disclosure { max-width: 560px; color: #587483 !important; font-size: 11px !important; text-align: center; }
.footer-copy { white-space: nowrap; }

@media (max-width: 760px) {
  .nav-shell { min-height: 68px; }
  .hero-inner { min-height: auto; padding-block: 55px 60px; gap: 10px; }
  .hero h1 { font-size: clamp(36px, 9vw, 49px); line-height: 1.22; }
  .hero-description { font-size: 14px; }
  .hero-visual { width: min(100%, 430px); min-height: 330px; margin-top: 6px; transform: scale(.92); }
  .showcase-card { width: 262px; min-height: 320px; }
  .showcase-symbol { height: 166px; }
  .gift-card-art { width: 174px; height: 108px; }
  .float-chip { min-width: 165px; }
  .section-space { padding-block: 62px; }
  .section-heading { display: block; margin-bottom: 22px; }
  .section-intro { margin-top: 10px; }
  .giveaway-card { padding: 23px 21px; }
  .giveaway-card h3 { font-size: 23px; }
  .giveaway-card .giveaway-description { font-size: 14px; }
  .footer-inner { min-height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding-block: 20px; }
  .footer-disclosure { order: 3; width: 100%; max-width: none; margin: 2px 0 0; text-align: start; }
}
@media (max-width: 420px) {
  .page-shell, .nav-shell { width: calc(100% - 32px); }
  .hero-inner { padding-top: 45px; }
  .eyebrow { margin-bottom: 16px; font-size: 11px; }
  .hero h1 { font-size: 35px; }
  .giveaway-button { width: 100%; min-height: 54px; font-size: 14px; }
  .hero-disclosure { font-size: 10px; }
  .hero-visual { width: 110%; margin-inline: -5%; transform: scale(.8); margin-block: -20px; }
  .float-chip { min-width: 154px; gap: 7px; padding: 8px; }
  .float-chip b { font-size: 10px; }
  .float-chip small { font-size: 9px; }
  .giveaway-card { padding: 20px 17px; }
  .giveaway-card h3 { font-size: 21px; }
  .giveaway-card .giveaway-description { font-size: 13px; }
  .footer-brand .brand-name { font-size: 13px; }
  .footer-copy { font-size: 9px; }
}


/* Soft pink palette for the AARP membership offer page. */
:root {
  --ink: #33212b;
  --ink-soft: #57404c;
  --muted: #806d77;
  --blue: #d65b86;
  --blue-strong: #ad3b68;
  --blue-pale: #fff0f4;
  --line: #f1d9e2;
  --paper: #ffffff;
  --wash: #fff8fa;
}
body { color: var(--ink); background: #fff9fb; }
.site-header { background: rgba(255, 251, 252, .97); border-bottom-color: #f3dfe6; }
.brand-name { color: #36232c; }
.brand-name span { color: #c34e79; }
.main-nav a { color: #715966; }
.main-nav a::after { background: #c34e79; }
.main-nav a:hover { color: #a83d67; }
.hero { color: var(--ink); background: linear-gradient(125deg, #fff0f4 0%, #fff7f9 55%, #ffe6ee 100%); }
.hero::before { opacity: .5; background-image: linear-gradient(rgba(185, 100, 135, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(185, 100, 135, .08) 1px, transparent 1px); }
.hero::after { border-color: rgba(197, 95, 137, .12); box-shadow: 0 0 0 54px rgba(221, 132, 164, .035), 0 0 0 108px rgba(221, 132, 164, .025); }
.hero-glow-one { background: radial-gradient(circle, rgba(244, 170, 194, .35), transparent 68%); }
.hero-glow-two { background: radial-gradient(circle, rgba(230, 144, 173, .2), transparent 70%); }
.eyebrow { color: #a7426a; }
.eyebrow-dot { background: #d65b86; box-shadow: 0 0 0 5px rgba(214, 91, 134, .14); }
.hero h1 { color: #33212b; }
.hero-description { color: #705966; }
.visual-orbit { border-color: rgba(185, 92, 130, .15); }
.orbit-two { border-color: rgba(185, 92, 130, .11); }
.visual-orbit::before, .visual-orbit::after { background: #d46a91; box-shadow: 0 0 12px rgba(212, 106, 145, .5); }
.showcase-card { transform: none; border-color: #f0d2dd; background: linear-gradient(145deg, #fff, #fff0f4); box-shadow: 0 28px 64px rgba(133, 66, 91, .13), inset 0 1px 0 rgba(255,255,255,.9); }
.showcase-card::before { border-color: rgba(197, 104, 141, .18); background: rgba(250, 218, 229, .48); }
.showcase-top { color: #765664; }
.showcase-dot { background: #cf5a84; box-shadow: 0 0 0 5px rgba(207, 90, 132, .12); }
.symbol-halo { border-color: rgba(193, 99, 137, .2); background: radial-gradient(circle at 50% 40%, rgba(244, 185, 204, .42), rgba(220, 153, 177, .07) 62%, transparent 63%); box-shadow: 0 0 45px rgba(197, 101, 140, .12); }
.membership-art { color: #fff; background: linear-gradient(135deg, #d96d94 0%, #bc456f 72%, #9e345c 100%); box-shadow: 0 18px 35px rgba(171, 57, 101, .23); }
.membership-art::after { border-color: rgba(255,255,255,.28); }
.showcase-bottom strong { color: #3a2430; }
.showcase-sub { color: #846b78; }
.showcase-stars { color: #ad3b68; }
.float-chip { border-color: #f0d9e2; background: rgba(255,255,255,.96); box-shadow: 0 12px 28px rgba(124, 66, 89, .12); animation: none !important; }
.float-chip b { color: #452d38; }
.float-chip small { color: #806a76; }
.chip-icon-blue { color: #a83d67; background: #fff0f4; }
.chip-icon-light { color: #a83d67; background: #fff4f7; }
.visual-caption { color: #765d69; }
.caption-dash { background: #c9547f; }
.offers-section { background: #fff; }
.offers-section::after { border-color: #f4e1e7; box-shadow: 0 0 0 35px #fff9fb, 0 0 0 70px #fffcfd; }
.section-kicker { color: #ad3b68; }
.section-heading h2 { color: #33212b; }
.section-intro { color: #806d77; }
.offer-card-blue { color: #452d38; background: linear-gradient(145deg, #fff1f5, #fce2eb); box-shadow: 0 16px 34px rgba(168, 69, 105, .1); }
.offer-card-blue .offer-index { color: #927b86; }
.offer-card-blue .offer-icon { color: #ad3b68; background: rgba(255,255,255,.84); }
.offer-card-blue p { color: #684f5b; }
.giveaway-card { border-color: #f0d2dd; }
.giveaway-card .giveaway-label { color: #a83d67 !important; }
.giveaway-card h3 { color: #392430; }
.giveaway-card .giveaway-description { color: #664d5a; }
.offer-terms { border-inline-start-color: #ce5c86; color: #674f5a !important; background: #fff7f9; }
.giveaway-button, .giveaway-link { color: #fff !important; background: #b8406d; box-shadow: 0 10px 25px rgba(165, 51, 94, .2); }
.giveaway-button:hover, .giveaway-link:hover { background: #a3345f; }
.site-footer { background: #fff9fb; border-top-color: #f1dfe6; }
.footer-inner > p, .footer-copy, .footer-disclosure { color: #806d77 !important; }
@media (max-width: 760px) {
  .hero { background: linear-gradient(160deg, #fff0f4, #fff8fa 72%, #ffe8ef); }
  .giveaway-card { padding: 23px 21px; }
}