.personalized-page .page-hero{padding:36px 0 23px;background:radial-gradient(ellipse at 83% 0,#e9f5f3 0,transparent 46%),#fff}
.personalized-page .page-hero .breadcrumb{margin-bottom:20px}
.personalized-page .page-hero .eyebrow{margin-bottom:13px}
.personalized-page .page-hero h1{font-size:clamp(2.65rem,4.6vw,4.8rem)}
.personalized-page .page-hero .lead{max-width:830px;margin-top:17px;font-size:1.03rem}
.personalized-page .section-generators{padding:18px 0 82px;background:linear-gradient(180deg,#fff 0%,#f6fbfa 43%,#fff 100%)}
.personalized-page .gen-instruction{max-width:750px;margin:0 0 27px;color:var(--muted);font-size:.88rem}
.personalized-page .gen-grid{align-items:start;grid-auto-rows:650px}
.personalized-page .gen-card{align-self:start;z-index:1;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.personalized-page .gen-hit{height:auto;min-height:365px}
.personalized-page .gen-card:hover,.personalized-page .gen-card:focus-within{z-index:3}
@media (hover:hover) and (pointer:fine){
  .personalized-page .gen-card:hover .gen-hit,.personalized-page .gen-card:focus-within .gen-hit{transform:translateY(-7px) scale(1.045)}
  .personalized-page .gen-card:has(+ .gen-card:hover) .gen-hit,
  .personalized-page .gen-card:hover + .gen-card .gen-hit,
  .personalized-page .gen-card:has(+ .gen-card:focus-within) .gen-hit,
  .personalized-page .gen-card:focus-within + .gen-card .gen-hit{transform:translateY(-2px) scale(1.012)}
}
.personalized-page .section-process{background:#fff}
@media(min-width:1100px){.personalized-page .gen-grid{grid-auto-rows:700px}}
@media(max-width:780px){
  .personalized-page .page-hero{padding:27px 0 16px}
  .personalized-page .section-generators{padding:12px 0 76px}
  .personalized-page .gen-instruction{margin-bottom:21px}
  .personalized-page .gen-grid{grid-auto-rows:auto;gap:25px}
  .personalized-page .gen-hit{min-height:0}
  .personalized-page .gen-hit{transition-duration:.26s,.26s,.2s}
  .personalized-page .gen-detail{transition:max-height .28s cubic-bezier(.22,1,.36,1),opacity .18s ease,margin-top .25s ease}
  .personalized-page .gen-aura{filter:blur(12px);transition-duration:.26s}
  .personalized-page .gen-card.is-current .gen-hit{transform:scale(1.012);border-color:#bcd7d3;box-shadow:0 17px 34px rgba(20,50,51,.13)}
  .personalized-page .gen-card.is-nearby .gen-hit{transform:scale(1.005)}
  .personalized-page .gen-card.is-open{position:relative;inset:auto;z-index:3;display:block}
  .personalized-page .gen-card.is-open .gen-hit{height:auto;overflow:clip;overscroll-behavior:auto;touch-action:pan-y;box-shadow:0 20px 40px rgba(20,50,51,.17);transform:scale(1.018)}
  .personalized-page .gen-card.is-open .gen-media{aspect-ratio:4/3;flex:none;min-height:0}
  .personalized-page .gen-card.is-open .gen-detail{max-height:420px;opacity:1;margin-top:6px}
  .personalized-page .gen-card.is-open .gen-close{top:9px;right:9px}
  .personalized-page .gen-card.is-open .gen-go{margin-top:14px}
}
@media(max-width:480px){.personalized-page .page-hero h1{font-size:clamp(2.45rem,11vw,3.15rem)}.personalized-page .page-hero .lead{font-size:.98rem}}
@media(prefers-reduced-motion:reduce){.personalized-page .gen-card,.personalized-page .gen-hit,.personalized-page .gen-detail{transition:none!important}}