:root{--pink:#ef1d71;--navy:#06153c;--white:#fff}
*{box-sizing:border-box}
html{background:var(--pink)}
body{margin:0;background:var(--pink);color:var(--white);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.landing{min-height:100svh;width:100%;padding:clamp(20px,4vw,54px) clamp(24px,6vw,88px) clamp(38px,6vw,80px);display:flex;flex-direction:column}
.topbar{width:100%;display:flex;align-items:flex-start;justify-content:space-between}
.brand{display:inline-flex;flex-direction:column;align-items:center;font-weight:900;line-height:.78}
.brand strong{font-size:clamp(28px,3.1vw,46px);letter-spacing:.025em}
.brand span{font-size:clamp(8px,.72vw,11px);letter-spacing:.24em;margin-top:9px}
.top-cta{border:1.5px solid rgba(255,255,255,.9);border-radius:999px;padding:13px 24px;font-family:Georgia,serif;font-weight:700;font-size:16px;transition:background .2s,color .2s,transform .2s}
.top-cta:hover{background:var(--white);color:var(--pink);transform:translateY(-2px)}
.hero{width:min(760px,100%);margin:auto 0;display:flex;flex-direction:column;padding:clamp(62px,10vh,120px) 0 clamp(20px,4vh,50px)}
.eyebrow{font-size:13px;font-weight:900;letter-spacing:.25em;margin:0 0 26px}
h1{font-size:clamp(68px,10.8vw,158px);line-height:.76;letter-spacing:-.075em;margin:0 0 clamp(44px,7vh,76px);font-weight:900}
h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}
.intro{font-family:Georgia,serif;font-size:clamp(17px,2vw,25px);line-height:1.55;margin:0 0 clamp(34px,5vh,58px);max-width:720px}
.download{width:100%;min-height:56px;border-radius:999px;background:var(--navy);padding:17px 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-family:Georgia,serif;font-size:clamp(16px,1.5vw,20px);font-weight:700;box-shadow:0 12px 32px rgba(6,21,60,.14);transition:transform .2s,box-shadow .2s}
.download span:first-child{grid-column:2}.download span:last-child{grid-column:3;justify-self:end;font-family:Arial,Helvetica,sans-serif;font-size:20px}
.download:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(6,21,60,.24)}
.note{font-size:13px;margin:14px 0 0}
@media(min-width:1000px){.landing{padding-right:max(8vw,100px)}.hero{margin-left:8vw}}
@media(max-width:520px){.landing{padding:20px 24px 42px}.brand strong{font-size:28px}.brand span{font-size:8px}.top-cta{padding:11px 21px;font-size:15px}.hero{padding:66px 0 18px;margin:0}.eyebrow{margin-bottom:27px}.intro{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;margin-bottom:34px}.download{padding:16px 24px}.note{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}