#wl-heart-test {font-size:16px;line-height:1.5;text-align:left;letter-spacing:normal;}
#wl-heart-test button {text-transform:none;letter-spacing:normal;font-family:inherit;}
#wl-heart-test p {margin:0 0 1em;}
#wl-heart-test img {max-width:100%;border:0;border-radius:0;box-shadow:none;}
#wl-heart-test {
--green:#0f5c63;--green-dark:#093f44;--pink:#d32378;--cream:#f8f6ef;--ink:#173b3e;--muted:#657678;--white:#fff;--line:#dce6e4;--shadow:0 24px 70px rgba(15,92,99,.14)}#wl-heart-test * {
box-sizing:border-box}#wl-heart-test {
margin:0;min-height:100vh;font-family:Inter,Aptos,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(211,35,120,.08),transparent 28rem),radial-gradient(circle at 90% 90%,rgba(15,92,99,.12),transparent 34rem),var(--cream)}#wl-heart-test button,
#wl-heart-test a {
font:inherit}#wl-heart-test button {
cursor:pointer}#wl-heart-test {
min-height:100vh;display:grid;place-items:center;padding:24px}#wl-heart-test .app {
width:min(760px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(15,92,99,.12);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}#wl-heart-test .brandbar {
height:8px;background:linear-gradient(90deg,var(--green) 0 72%,var(--pink) 72%)}#wl-heart-test .top {
display:flex;align-items:center;justify-content:space-between;padding:22px 30px 0;gap:20px}#wl-heart-test .logo {
font-weight:850;letter-spacing:.08em;color:var(--green);font-size:20px}#wl-heart-test .logo span {
color:var(--pink)}#wl-heart-test .step {
font-size:14px;color:var(--muted);font-weight:650}#wl-heart-test .progress-wrap {
padding:15px 30px 0}#wl-heart-test .progress {
height:7px;background:#e9efee;border-radius:999px;overflow:hidden}#wl-heart-test .progress>span {
display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#17838d,var(--pink));transition:width .35s ease}#wl-heart-test main {
padding:36px 46px 42px}#wl-heart-test .eyebrow {
text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800;color:var(--pink);margin:0 0 14px}#wl-heart-test h1,
#wl-heart-test h2 {
margin:0;color:var(--green-dark);letter-spacing:-.035em}#wl-heart-test h1 {
font-size:clamp(34px,6vw,58px);line-height:1.02;max-width:650px}#wl-heart-test h2 {
font-size:clamp(27px,4vw,38px);line-height:1.12}#wl-heart-test .lead {
font-size:18px;line-height:1.65;color:var(--muted);max-width:620px;margin:22px 0 28px}#wl-heart-test .meta {
display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}#wl-heart-test .pill {
padding:9px 13px;background:var(--cream);border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700;color:var(--green)}#wl-heart-test .primary,
#wl-heart-test .secondary {
border:0;border-radius:14px;padding:15px 22px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}#wl-heart-test .primary {
background:var(--pink);color:#fff;box-shadow:0 10px 25px rgba(211,35,120,.22)}#wl-heart-test .primary:hover {
transform:translateY(-2px);box-shadow:0 14px 30px rgba(211,35,120,.28)}#wl-heart-test .secondary {
background:#edf4f3;color:var(--green)}#wl-heart-test .question {
min-height:355px}#wl-heart-test .options {
display:grid;gap:12px;margin-top:28px}#wl-heart-test .option {
width:100%;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px;color:var(--ink);line-height:1.42;transition:.18s ease}#wl-heart-test .option:hover {
border-color:#80b0ad;background:#f9fcfb;transform:translateY(-1px)}#wl-heart-test .option.selected {
border-color:var(--pink);background:rgba(211,35,120,.055);box-shadow:0 0 0 3px rgba(211,35,120,.09)}#wl-heart-test .radio {
width:20px;height:20px;border:2px solid #a9bfbd;border-radius:50%;flex:0 0 auto;margin-top:1px;display:grid;place-items:center}#wl-heart-test .selected .radio {
border-color:var(--pink)}#wl-heart-test .selected .radio:after {
content:"";width:10px;height:10px;border-radius:50%;background:var(--pink)}#wl-heart-test .nav {
display:flex;justify-content:space-between;gap:12px;margin-top:28px}#wl-heart-test .back {
border:0;background:transparent;color:var(--muted);font-weight:750;padding:14px 4px}#wl-heart-test .next:disabled {
opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}#wl-heart-test .result-tag {
display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(211,35,120,.09);color:var(--pink);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:15px}#wl-heart-test .result-copy {
font-size:17px;line-height:1.68;color:#536668;margin:22px 0}#wl-heart-test .recommend {
border-left:5px solid var(--pink);background:var(--cream);padding:19px 20px;border-radius:4px 16px 16px 4px;margin:22px 0}#wl-heart-test .recommend small {
display:block;color:var(--muted);font-weight:700;margin-bottom:6px}#wl-heart-test .recommend strong {
font-size:20px;color:var(--green)}#wl-heart-test .extra {
border:1px solid var(--line);background:#fff;padding:18px 20px;border-radius:16px;margin:16px 0}#wl-heart-test .extra strong {
color:var(--green)}#wl-heart-test .actions {
display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}#wl-heart-test .fineprint {
font-size:13px;line-height:1.55;color:#7a898a;margin-top:26px}#wl-heart-test .emergency {
margin-top:20px;padding:15px 17px;border-radius:14px;background:#fff4f4;color:#7a3030;font-size:14px;line-height:1.5;border:1px solid #f0d0d0}#wl-heart-test .hidden {
display:none}
    @media(max-width:620px){#wl-heart-test {
padding:0}#wl-heart-test .app {
min-height:100vh;border-radius:0;border:0}#wl-heart-test .top {
padding:19px 20px 0}#wl-heart-test .progress-wrap {
padding:13px 20px 0}#wl-heart-test main {
padding:28px 20px 34px}#wl-heart-test .question {
min-height:auto}#wl-heart-test .option {
padding:15px}#wl-heart-test .nav {
position:sticky;bottom:0;background:linear-gradient(transparent,#fff 25%);padding-top:24px}#wl-heart-test .actions {
display:grid}#wl-heart-test .actions a,
#wl-heart-test .actions button {
width:100%}}
    @media(prefers-reduced-motion:reduce){#wl-heart-test * {
scroll-behavior:auto!important;transition:none!important}}