:root{
  --color-primary:#0071E3;
  --color-primary-light:#EAF3FF;
  --color-secondary:#111827;
  --color-secondary-dark:#1D1D1F;
  --color-cream:#F5F5F7;
  --color-surface:#FFFFFF;
  --color-surface-muted:#EEF2F7;
  --color-border:#DDE4EE;
}
html{scroll-behavior:smooth}
body{background-color:var(--color-cream)}
.img-ph{
  background:linear-gradient(135deg,#EAF3FF,#F5F9FF);
  display:flex;align-items:center;justify-content:center;
  color:#0071E3;
}
.img-ph svg{width:15%;height:15%;opacity:.55}
.accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.accordion-panel.open{max-height:600px}
.accordion-icon{transition:transform .3s ease}
.accordion-icon.rotate{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer.open{max-height:400px}
.faq-icon{transition:transform .3s ease}
.faq-icon.rotate{transform:rotate(45deg)}
.plan-card{transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}
.plan-card:hover{transform:translateY(-2px)}
.plan-card.selected{border-color:var(--color-primary);box-shadow:0 8px 24px -8px rgba(0,113,227,.26)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{background:#C9DDF6;border-radius:8px}

.star-icon{
  display:inline-block;
  width:1.5rem;
  height:1.5rem;
  background-color:#FFC83D;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18.4C311.6 7.5 300.4 0 288 0s-23.6 7.5-28.9 18.4L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 471.4c-2.1 12 2.8 24.2 12.6 31.3s22.8 8 33.5 2.4L288 439.6l128.7 65.5c10.7 5.5 23.8 4.6 33.5-2.4s14.7-19.3 12.6-31.3L438.2 329l104.2-102.9c8.6-8.5 11.6-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381 150.3 316.9 18.4z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18.4C311.6 7.5 300.4 0 288 0s-23.6 7.5-28.9 18.4L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 471.4c-2.1 12 2.8 24.2 12.6 31.3s22.8 8 33.5 2.4L288 439.6l128.7 65.5c10.7 5.5 23.8 4.6 33.5-2.4s14.7-19.3 12.6-31.3L438.2 329l104.2-102.9c8.6-8.5 11.6-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381 150.3 316.9 18.4z'/%3E%3C/svg%3E");

  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center;
  mask-position:center;
}

.star-rating{
  display:flex;
  align-items:center;
  gap:2px;
}

.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}
.plan-radio-dot::after{content:"";position:absolute;inset:3px;border-radius:9999px;background:transparent}
.plan-radio-dot.is-checked::after{background:var(--color-primary)}
 
.myth-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.myth-answer.open{max-height:300px}
.myth-icon.rotate{transform:rotate(180deg)}
.privacy-toggle.is-on{background:var(--color-primary)}
.privacy-dot.is-on{transform:translateX(16px)}

[data-cart-backdrop]{transition:opacity .3s ease}
[data-cart-panel]{transition:transform .3s ease}

.cookie-toggle{transition:background-color .2s ease}
.cookie-toggle.is-on{background:var(--color-primary)}
.cookie-dot{transition:transform .2s ease}
.cookie-toggle.is-on .cookie-dot{transform:translateX(20px)}
.cookie-toggle.is-locked{opacity:.6;cursor:not-allowed}

/* Mobile sticky CTA on the advertorial article. */
.mobile-sticky-cta{display:none}

@media (max-width:767.98px){
  .article-with-mobile-sticky-cta{
    padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-sticky-cta{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    display:block;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background:#fff;
    box-shadow:0 -8px 24px rgba(15,23,42,.12);
  }

  .mobile-sticky-cta__button{
    display:flex;
    width:100%;
    min-height:52px;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:9999px;
    background:var(--color-primary);
    color:#fff;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:16px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    box-shadow:0 4px 12px rgba(0,113,227,.22);
    transition:filter .2s ease,transform .2s ease;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-sticky-cta__button:active{
    transform:translateY(1px);
    filter:brightness(.96);
  }
}

body{
  background:linear-gradient(180deg,#f5f5f7 0%,#ffffff 240px);
  color:#1d1d1f;
}
header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(17,24,39,.82)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#mobile-nav{background:rgba(17,24,39,.96)!important}
footer{background:#111827!important}
.bg-gray-100,.bg-white,.plan-card,.rounded-2xl,.rounded-3xl{
  box-shadow:0 12px 40px rgba(15,23,42,.06);
}
img.rounded-2xl,img.rounded-3xl{box-shadow:0 22px 60px rgba(15,23,42,.10)}
.plan-card.selected{border-color:var(--color-primary);box-shadow:0 16px 42px rgba(0,113,227,.18)}
button[data-action='tabswitch.select'],button[data-action='accordion.toggle'],button[data-action='faq.toggle']{
  transition:all .22s ease;
}
button[data-action='tabswitch.select']{
  border-radius:16px;
}
button[data-action='tabswitch.select']:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 25px rgba(15,23,42,.08);
}
button[data-action='tabswitch.select'].bg-secondary{
  background:linear-gradient(135deg,#0f172a 0%,#1f2937 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 24px rgba(15,23,42,.16);
}
button[data-action='tabswitch.select'].bg-white{
  background:rgba(255,255,255,.92)!important;
  border:1px solid var(--color-border)!important;
}
.faq-answer p,.accordion-panel p,#switchText{color:#475569!important}
section.bg-secondary{
  background:linear-gradient(135deg,#0f172a 0%,#1f2937 55%,#243b67 100%)!important;
}
section.bg-cream{background:#f5f5f7!important}
input,select,textarea{
  border-radius:16px!important;
  border:1px solid var(--color-border)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 18px rgba(15,23,42,.04);
}
a.bg-primary,button.bg-primary,.mobile-sticky-cta__button,
[class*='bg-[var(--color-primary)]']{
  box-shadow:0 10px 24px rgba(0,113,227,.22);
}
.text-white\/75,.text-white\/80{color:rgba(255,255,255,.88)!important}
.border-white\/25{border-color:rgba(255,255,255,.18)!important}
@media (min-width:768px){
  .grid.md\:grid-cols-2.gap-16.items-start,
  .max-w-7xl.mx-auto.px-5.sm\:px-8.md\:px-12.grid.md\:grid-cols-2.gap-16.items-start{
    align-items:start;
  }
}

.hero-title-shadow{text-shadow:0 8px 28px rgba(0,0,0,.46)}
.hero-copy-shadow{text-shadow:0 3px 16px rgba(0,0,0,.40)}


/* Premium iOS blue system */
:root{
  --ios-blue:#0071E3;
  --ios-blue-dark:#005BB5;
  --ios-blue-soft:#EAF3FF;
  --ios-ink:#111827;
  --ios-muted:#5B6472;
  --ios-bg:#F5F7FB;
  --ios-card:rgba(255,255,255,.90);
  --ios-border:rgba(100,116,139,.18);
  --ios-shadow:0 18px 55px rgba(20,76,140,.10);
  --ios-shadow-hover:0 24px 68px rgba(0,113,227,.16);
}
html{background:var(--ios-bg)}
body{
  background:
    radial-gradient(circle at 12% 4%,rgba(0,113,227,.075),transparent 30%),
    radial-gradient(circle at 88% 10%,rgba(60,130,246,.055),transparent 28%),
    linear-gradient(180deg,#F7F9FC 0%,#FFFFFF 32%,#F6F8FC 100%)!important;
  color:var(--ios-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
header{
  background:rgba(8,35,72,.86)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 8px 32px rgba(0,40,90,.14)!important;
  backdrop-filter:saturate(155%) blur(22px)!important;
  -webkit-backdrop-filter:saturate(155%) blur(22px)!important;
}
#mobile-nav{
  background:rgba(8,35,72,.96)!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
footer{
  background:linear-gradient(145deg,#081E3A 0%,#0B315D 100%)!important;
  border-top:1px solid rgba(255,255,255,.08);
}

/* Unified iOS CTA */
.ios-cta,
a[class*="bg-primary"],button[class*="bg-primary"],
a[class*="bg-[var(--color-primary)]"],button[class*="bg-[var(--color-primary)]"],
a[style*="background-color:var(--color-primary)"],button[style*="background-color:var(--color-primary)"]{
  background:linear-gradient(180deg,#1688F5 0%,#0071E3 58%,#0066CF 100%)!important;
  color:#fff!important;
  border:1px solid rgba(0,91,181,.28)!important;
  box-shadow:0 10px 24px rgba(0,113,227,.22),inset 0 1px 0 rgba(255,255,255,.25)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.ios-cta:hover,
a[class*="bg-primary"]:hover,button[class*="bg-primary"]:hover,
a[class*="bg-[var(--color-primary)]"]:hover,button[class*="bg-[var(--color-primary)]"]:hover,
a[style*="background-color:var(--color-primary)"]:hover,button[style*="background-color:var(--color-primary)"]:hover{
  background:linear-gradient(180deg,#0879EB 0%,#005BB5 100%)!important;
  box-shadow:0 14px 32px rgba(0,113,227,.30),inset 0 1px 0 rgba(255,255,255,.20)!important;
  transform:translateY(-1px);
  filter:saturate(1.03);
}
.ios-cta:active,
a[class*="bg-primary"]:active,button[class*="bg-primary"]:active{
  transform:translateY(0) scale(.99);
  box-shadow:0 6px 16px rgba(0,113,227,.22)!important;
}
.ios-secondary-btn:hover{
  background:#EAF3FF!important;
  border-color:#9CC9F8!important;
  box-shadow:0 8px 20px rgba(0,113,227,.10)!important;
}

/* iOS surfaces and cards */
[class*="bg-white"][class*="rounded-xl"],
[class*="bg-white"][class*="rounded-2xl"],
[class*="bg-white"][class*="rounded-3xl"],
[class*="bg-gray-50"][class*="rounded-2xl"],
[class*="bg-gray-50"][class*="rounded-3xl"],
[class*="bg-brand-50"][class*="rounded-2xl"],
[class*="bg-brand-50"][class*="rounded-3xl"]{
  background:var(--ios-card)!important;
  border-color:var(--ios-border)!important;
  box-shadow:var(--ios-shadow)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.group[class*="rounded-xl"],.group[class*="rounded-2xl"],.group[class*="rounded-3xl"],.plan-card{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.group[class*="rounded-xl"]:hover,.group[class*="rounded-2xl"]:hover,.group[class*="rounded-3xl"]:hover,.plan-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--ios-shadow-hover)!important;
  border-color:rgba(0,113,227,.24)!important;
}
.plan-card.selected{
  border-color:rgba(0,113,227,.72)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F2F7FF 100%)!important;
  box-shadow:0 18px 46px rgba(0,113,227,.18)!important;
}

/* Soft blue rather than unrelated green/orange status accents */
.bg-primary-light{background:#EAF3FF!important}
.text-primary{color:#0071E3!important}
.border-blue-100{border-color:#CFE5FF!important}
.img-ph{background:linear-gradient(135deg,#EAF3FF,#F7FAFF)!important;color:#0071E3!important}
::-webkit-scrollbar-thumb{background:#BFD9F6!important}
.cookie-toggle.is-on,.privacy-toggle.is-on{background:var(--ios-blue)!important}

/* Controls */
input,select,textarea{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(100,116,139,.22)!important;
  border-radius:16px!important;
  color:#111827!important;
  box-shadow:0 6px 18px rgba(20,76,140,.055),inset 0 1px 0 rgba(255,255,255,.7)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:rgba(0,113,227,.62)!important;
  box-shadow:0 0 0 4px rgba(0,113,227,.11),0 8px 22px rgba(20,76,140,.07)!important;
}

/* Accordions & tabs */
button[data-action="accordion.toggle"],button[data-action="faq.toggle"]{
  border-radius:14px;
}
button[data-action="tabswitch.select"]{
  min-height:78px;
  border-radius:18px!important;
  border:1px solid rgba(100,116,139,.18)!important;
  box-shadow:0 8px 24px rgba(20,76,140,.06)!important;
}
button[data-action="tabswitch.select"].bg-secondary{
  background:linear-gradient(145deg,#0A376B 0%,#075FAF 100%)!important;
  border-color:rgba(52,142,230,.35)!important;
  box-shadow:0 14px 30px rgba(0,94,180,.22)!important;
}
button[data-action="tabswitch.select"].bg-white{
  background:rgba(255,255,255,.92)!important;
}
button[data-action="tabswitch.select"].bg-white:hover{
  border-color:rgba(0,113,227,.32)!important;
  background:#F7FBFF!important;
}

/* Consistent section treatments */
section.bg-secondary{
  background:linear-gradient(145deg,#081E3A 0%,#0A376B 52%,#0A4E91 100%)!important;
  position:relative;
  overflow:hidden;
}
section.bg-secondary:before{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-260px;
  background:radial-gradient(circle,rgba(64,156,255,.25),rgba(64,156,255,0) 68%);pointer-events:none;
}
section.bg-secondary>*{position:relative;z-index:1}
section.bg-cream{background:linear-gradient(180deg,#F4F7FB 0%,#EEF4FB 100%)!important}

/* Policy/contact pages get a clean iOS sheet surface */
main > section[class*="max-w-3xl"],
main > section[class*="max-w-4xl"]{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(100,116,139,.16);
  border-radius:30px;
  box-shadow:0 20px 62px rgba(20,76,140,.085);
  margin-top:26px;
  margin-bottom:26px;
}

/* Image presentation */
img[class*="rounded-2xl"],img[class*="rounded-3xl"]{
  box-shadow:0 18px 48px rgba(20,76,140,.11)!important;
}
.gallery-thumb{
  border-radius:14px!important;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease!important;
}
.gallery-thumb:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,113,227,.14)}

/* Utility shadow harmonization: blue-tinted, subtle, not gray/orange */
.shadow-md{box-shadow:0 12px 30px rgba(20,76,140,.09)!important}
.shadow-lg{box-shadow:0 16px 38px rgba(20,76,140,.11)!important}
.shadow-xl{box-shadow:0 20px 48px rgba(20,76,140,.13)!important}
.shadow-2xl{box-shadow:0 26px 66px rgba(0,91,181,.16)!important}
.hover\:shadow-2xl:hover{box-shadow:0 28px 72px rgba(0,113,227,.17)!important}

/* Readability */
.text-gray-500{color:#667085!important}
.text-gray-600{color:#536071!important}
.text-gray-700{color:#344054!important}
.text-brand-900\/70{color:rgba(17,24,39,.74)!important}
.text-brand-900\/65{color:rgba(17,24,39,.70)!important}

@media(max-width:767.98px){
  main > section[class*="max-w-3xl"],main > section[class*="max-w-4xl"]{
    border-radius:24px;margin-left:12px;margin-right:12px;
  }
  .ios-cta{min-height:50px}
}

/* Final Prostanel contrast tuning */
.hero-title-shadow{color:#fff!important;text-shadow:0 8px 34px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.45)!important}
.hero-copy-shadow{color:#f8fbff!important;text-shadow:0 4px 18px rgba(0,0,0,.58)!important;font-weight:500!important}