/* Genie-inspired visual refresh. Existing content and interactions remain in the published HTML. */
:root{--bg:#fff;--green:#171b28;--ink:#121520;--muted:#596170;--line:#e6e9ef;--lime:#dfeefb;--accent:#728dc4;--space:clamp(22px,4vw,64px)}
body{background:#fff;color:var(--ink)}
a:hover{color:#526db4}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:#7792d2}
h1,h2,h3{letter-spacing:-.035em}
h2{font-weight:650}
.button{border-radius:999px;background:#171b28;border-color:#171b28;padding-inline:28px;box-shadow:0 3px 0 #d3d8e4;transition:transform .2s,background .2s}
.button:hover{background:#313b56;transform:translateY(-2px)}
.button.outline{background:#171b28;color:white;border-color:#171b28}
.button.outline:hover{background:#313b56}
.button.lime{background:#fff;color:#171b28;border-color:#fff}
.text-link{border-color:currentColor}
.site-header{background:#f7fbfe;padding:22px 0 0}
.header-inner{background:#fff;border:1px solid #f0f1f5;border-radius:999px;min-height:76px;max-width:1320px;padding:9px 14px 9px 26px;box-shadow:0 2px 3px #12152005}
.brand{color:#171b28;font-size:25px;letter-spacing:-.06em}
.brand svg{color:#91b4e5;width:32px;height:32px}
.desktop-nav{gap:clamp(16px,2vw,32px);font-size:15px;color:#707888}
.desktop-nav a:hover{color:#171b28}
.header-cta{font-size:14px;min-height:48px}
.hero.container{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:0;max-width:none;width:100%;min-height:680px;padding:100px 24px 170px;background:radial-gradient(ellipse at 50% 57%,#e5f4ff 0,#f3faff 47%,#f7fbfe 80%);overflow:hidden}
.hero.container:before,.hero.container:after{content:"";position:absolute;z-index:-1;bottom:-205px;width:51%;height:380px;background:#fff;border-radius:50%;box-shadow:160px 70px 0 30px white,-130px 110px 0 20px white}
.hero.container:before{left:-8%}.hero.container:after{right:-8%;bottom:-220px}
.hero-copy{position:relative;z-index:1;max-width:900px;padding:0}
.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.3;letter-spacing:-.045em;font-weight:700}
.hero h1 span{font-weight:700;color:#789cda}
.hero p{font-size:18px;line-height:1.85;max-width:700px;margin:25px auto 0;color:#596170}
.hero-actions{justify-content:center;gap:28px;margin-top:30px;font-size:16px}
.hero picture{position:absolute;right:8%;bottom:62px;width:155px;transform:rotate(8deg);z-index:1}
.hero-media{aspect-ratio:1;object-fit:cover;border:7px solid white;border-radius:50%;box-shadow:0 14px 40px #8ba7c42e}
.topics{max-width:1180px;border:0;display:block;text-align:center;padding-block:95px 85px}
.topics h2{font-size:clamp(30px,3.5vw,48px);margin-bottom:45px}
.topic-links{grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}
.topic-link,.topic-link:first-child{border:0;border-radius:26px;padding:28px;background:#f1f7ff;min-height:160px;transition:transform .2s}
.topic-link:nth-child(2){background:#f8f2fc}.topic-link:nth-child(3){background:#eff8f3}
.topic-link:hover{transform:translateY(-5px)}
.topic-link>span{color:#728fc9;margin-bottom:20px}.topic-link a{border:0;white-space:normal;font-size:18px;font-weight:650}
.section{padding-block:90px}.section-heading{align-items:center;margin-bottom:45px}.section-heading h2{max-width:700px}
.feature-article img,.skin-feature img,.service-feature img{border-radius:24px!important}
.feature-article img{margin-bottom:22px}
.category{color:#748fc3;font-weight:600}
.article-row{border-color:#e4e8f0}.article-row h3{font-size:22px}
body .service-feature[data-astro-cid-lcdefpme]{background:#f7f4fc;border:0;border-radius:30px;padding:35px;margin-block:30px 60px}
body .skin-feature[data-astro-cid-lcdefpme],body .evidence-home[data-astro-cid-lcdefpme]{border-top:1px solid #e8ebf1;padding-block:80px}
body .evidence-home[data-astro-cid-lcdefpme]{background:#f7faff;border:0;border-radius:32px;padding:55px;max-width:calc(1392px - var(--space)*2)}
.checklist-band{background:#eaf4ff;color:#171b28;border-radius:32px}
.checklist-band p{color:#596170}.checklist-band .button{background:#171b28;color:white;border-color:#171b28;font-size:16px}
.checklist-band-inner{padding:55px}
.faq{padding-block:95px}.faq-intro h2{font-size:clamp(38px,4vw,55px)}
.site-footer{background:#f7f8fc;border:0;padding:50px 0 30px}
.progress-panel{background:#edf5ff;border-radius:20px}.editorial-note,.checklist-noscript{background:#f2f6fd;border-color:#a4bbe2}
th{background:#f0f5fb}.table-wrap{border-radius:14px}
@media(max-width:1200px){.header-inner{padding-left:20px}.hero picture{right:5%;width:125px}.topics{padding-block:70px}}
@media(max-width:900px){.site-header{padding-top:14px}.header-inner{min-height:68px}.mobile-menu nav{top:85px;border-radius:0 0 24px 24px}.hero.container{min-height:600px;padding-top:80px;padding-bottom:150px}.hero h1{font-size:clamp(38px,7vw,60px)}}
@media(max-width:600px){.header-inner{width:calc(100% - 32px)}.brand{font-size:23px}.hero.container{min-height:570px;padding:70px 22px 135px}.hero h1{font-size:38px}.hero p{font-size:16px;line-height:1.8;margin-top:20px}.hero-actions{flex-direction:column;gap:12px;margin-top:24px}.hero picture{width:86px;right:5%;bottom:38px}.hero-media{border-width:4px}.hero.container:before,.hero.container:after{width:80%;height:200px;bottom:-150px}.hero.container:after{bottom:-155px}.topics{padding-block:65px}.topics h2{margin-bottom:28px}.topic-links{grid-template-columns:1fr;gap:12px}.topic-link,.topic-link:first-child{min-height:0;padding:22px}.topic-link>span{margin-bottom:10px}.section{padding-block:55px}.section-heading{align-items:flex-start;gap:15px}.feature-article h3{font-size:25px}.article-row h3{font-size:20px}body .service-feature[data-astro-cid-lcdefpme]{padding:22px;margin-block:20px 40px}body .skin-feature[data-astro-cid-lcdefpme],body .evidence-home[data-astro-cid-lcdefpme]{padding-block:45px}body .evidence-home[data-astro-cid-lcdefpme]{max-width:none;padding:25px}.checklist-band-inner{padding:30px}.checklist-band h2{font-size:30px}.faq{padding-block:60px}.site-footer{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.topic-link{transition:none}}
@media print{.site-header{padding:0}.header-inner{border:0;box-shadow:none}.checklist-band,.progress-panel{background:#fff}.button{box-shadow:none}}

/* Gentle motion echoes the floating, playful feel of the reference. */
@media (prefers-reduced-motion: no-preference) {
  .hero-copy h1,
  .hero-copy p,
  .hero-actions {
    animation: hero-arrive 650ms cubic-bezier(.2,.7,.2,1) both;
  }
  .hero-copy p { animation-delay: 90ms; }
  .hero-actions { animation-delay: 160ms; }
  .hero picture { animation: hero-float 7s ease-in-out infinite; }
  .topic-link a svg { transition: transform 220ms ease; }
  .topic-link:hover a svg,
  .topic-link:focus-within a svg { transform: translateX(4px); }
}
@keyframes hero-arrive {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hero-float {
  0%, 100% { transform: translateY(0) rotate(8deg); }
  50% { transform: translateY(-7px) rotate(6deg); }
}