:root{--h-navy:#062746;--h-pink:#ed1451;--h-text:#263d52;--h-muted:#5a6d7e;--h-line:#dce5ec;--h-soft:#f5f8fb;--h-link:#7d0634;--h-teal:#147b82}
.hiw-page{background:#fff;color:var(--h-text)}.hiw-wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.hiw-breadcrumb{border-top:1px solid #edf1f4;border-bottom:1px solid #e5ebf0}.hiw-breadcrumb .hiw-wrap{display:flex;gap:9px;padding:12px 0;font-size:.88rem;color:#5c6d7e}.hiw-breadcrumb a,.hiw-page a:not(.hiw-primary):not(.hiw-secondary){color:var(--h-link);text-decoration:underline;text-underline-offset:3px}
.hiw-hero{background:linear-gradient(125deg,#fff6f8 0,#fff 47%,#eef7f8 100%);padding:72px 0}.hiw-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.hiw-eyebrow{font-size:.77rem;font-weight:900;letter-spacing:.18em;color:#9a0b42;margin:0 0 12px}.hiw-hero h1{font-size:clamp(3rem,5vw,4.7rem);line-height:.98;letter-spacing:-.045em;color:var(--h-navy);margin:0 0 20px}.hiw-lead{font-size:1.22rem;line-height:1.6;max-width:690px;margin:0 0 26px}.hiw-actions{display:flex;gap:12px;flex-wrap:wrap}.hiw-primary,.hiw-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:800;text-decoration:none}.hiw-primary{background:#c70b43;color:#fff}.hiw-secondary{border:2px solid var(--h-navy);color:var(--h-navy)}
.hiw-hero-card{background:var(--h-navy);color:#fff;border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(6,39,70,.14);display:flex;flex-direction:column;gap:8px}.hiw-hero-card span{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:#b9d9dd}.hiw-hero-card b{font-size:1.08rem;line-height:1.35}.hiw-hero-card i{text-align:center;font-style:normal;color:#ff7da2;font-size:1.4rem;margin:4px 0}
.hiw-section,.hiw-filter-section,.hiw-photo-section,.hiw-ranking,.hiw-related{padding:78px 0}.hiw-heading{max-width:760px;margin-bottom:38px}.hiw-heading h2,.hiw-two-col h2,.hiw-blind-grid h2,.hiw-ranking h2,.hiw-related h2,.hiw-launch h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;letter-spacing:-.035em;color:var(--h-navy);margin:0 0 18px}.hiw-heading>p:last-child,.hiw-two-col p,.hiw-blind-grid p,.hiw-ranking p,.hiw-launch p{line-height:1.7}
.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hiw-steps article,.hiw-match-grid article{border:1px solid var(--h-line);border-radius:18px;padding:25px;background:#fff}.hiw-steps article>span{display:flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#fbe6ed;color:#a20c43;font-weight:900;margin-bottom:17px}.hiw-steps h3,.hiw-match-grid h3{color:var(--h-navy);margin:0 0 10px}.hiw-steps p,.hiw-match-grid p{line-height:1.6;margin:0}
.hiw-filter-section{background:#f5f8fb}.hiw-two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hiw-example{background:#fff;border:1px solid var(--h-line);border-radius:24px;padding:30px}.example-label{font-size:.75rem!important;font-weight:900;letter-spacing:.15em;color:#8a1742}.person{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.person b{width:100%;color:var(--h-navy)}.person span{background:#eef4f7;padding:8px 12px;border-radius:999px;font-size:.9rem}.mutual{text-align:center;color:#9a0b42;font-weight:900;padding:15px}.example-result{background:#edf8f3;padding:13px 15px;border-radius:12px;color:#245a46!important;font-weight:700;margin-bottom:0!important}
.hiw-blind-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.hiw-blind-card{min-height:330px;border-radius:28px;background:linear-gradient(145deg,#062746,#174c68);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.blind-icon{width:92px;height:92px;border:2px dashed #ff8aae;border-radius:50%;display:grid;place-items:center;font-size:3rem;font-weight:800;margin-bottom:20px}.hiw-blind-card p{font-size:.72rem;letter-spacing:.18em;color:#c9e2e5;margin:0 0 8px}.hiw-blind-card strong{font-size:1.5rem;line-height:1.35}
.hiw-photo-section{background:#fff7f9}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-grid>div{height:140px;border:2px dashed #c7d2db;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#667887}.photo-grid .main-photo{grid-row:span 2;height:auto;border-color:#e4a6bb}.photo-grid span{font-size:.72rem;font-weight:900;letter-spacing:.12em}.photo-grid b{color:var(--h-navy);margin-top:6px}.photo-grid p{grid-column:1/-1;background:#fff;border-radius:12px;padding:12px;text-align:center;font-weight:700;color:#285c48;margin:0}
.hiw-match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hiw-match-grid .astrology{background:#f8f5fb;border-color:#ddd3e7}
.hiw-ranking{background:var(--h-navy);color:#fff}.hiw-ranking-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.hiw-ranking h2{color:#fff}.hiw-ranking .hiw-eyebrow{color:#ff92b2}.patience{display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.09);border-left:4px solid #ff4d82;padding:18px 20px;border-radius:10px;margin-top:25px}.patience span{line-height:1.55;color:#d9e5eb}.rank-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.rank-list li{background:#fff;color:var(--h-navy);border-radius:16px;padding:18px;display:flex;gap:16px;align-items:center}.rank-list li>span{font-weight:900;color:#c10d48;font-size:1.2rem}.rank-list div{display:flex;flex-direction:column}.rank-list small{color:#607284;margin-top:3px}
.hiw-launch{padding-top:78px}.hiw-launch-box{text-align:center;background:linear-gradient(120deg,#f4fafb,#fff3f7);border:1px solid var(--h-line);border-radius:28px;padding:55px}.hiw-launch-box p{max-width:760px;margin:0 auto 25px}.hiw-related{padding-top:0}.hiw-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hiw-related-grid a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--h-line);border-radius:15px;padding:20px;text-decoration:none!important}.hiw-related-grid strong{color:var(--h-navy)}.hiw-related-grid span{color:#4e6376;font-size:.9rem;line-height:1.45}
@media(max-width:900px){.hiw-hero-grid,.hiw-two-col,.hiw-blind-grid,.hiw-ranking-grid{grid-template-columns:1fr}.hiw-hero-grid,.hiw-two-col,.hiw-blind-grid,.hiw-ranking-grid{gap:38px}.hiw-steps,.hiw-match-grid{grid-template-columns:1fr 1fr}.hiw-hero{padding:55px 0}.hiw-blind-card{min-height:280px}}
@media(max-width:650px){.hiw-wrap{width:calc(100% - 32px)}.hiw-hero{padding:44px 0}.hiw-hero h1{font-size:2.75rem}.hiw-section,.hiw-filter-section,.hiw-photo-section,.hiw-ranking,.hiw-related{padding:55px 0}.hiw-steps,.hiw-match-grid,.hiw-related-grid{grid-template-columns:1fr}.hiw-actions{flex-direction:column}.hiw-primary,.hiw-secondary{width:100%;box-sizing:border-box}.hiw-launch-box{padding:35px 22px}.photo-grid>div{height:115px}.photo-grid .main-photo{min-height:242px}.hiw-heading h2,.hiw-two-col h2,.hiw-blind-grid h2,.hiw-ranking h2,.hiw-related h2,.hiw-launch h2{font-size:2.25rem}}

.hiw-reciprocal{padding:78px 0;background:linear-gradient(125deg,#f2f8fa,#fff7f9)}
.hiw-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hiw-share-grid article{background:#fff;border:1px solid var(--h-line);border-radius:18px;padding:23px}
.share-mark{width:42px;height:42px;border-radius:13px;background:#fbe6ed;color:#9f0c42;display:grid;place-items:center;font-weight:900;font-size:1.15rem;margin-bottom:15px}
.hiw-share-grid h3{color:var(--h-navy);margin:0 0 9px}
.hiw-share-grid p{line-height:1.6;margin:0}
.hiw-share-note{margin-top:22px;background:var(--h-navy);color:#fff;border-radius:18px;padding:25px 28px}
.hiw-share-note strong{font-size:1.12rem}
.hiw-share-note p{line-height:1.65;margin:7px 0 0;color:#e2ebf0}
.hiw-basic-note{margin:18px 0 0;line-height:1.65;color:#42596d}
@media(max-width:900px){.hiw-share-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hiw-reciprocal{padding:55px 0}.hiw-share-grid{grid-template-columns:1fr}}

/* Accessibility: CTA uses a darker brand pink so white normal-size text
   comfortably exceeds WCAG AA contrast. */
.hiw-primary:hover,
.hiw-primary:focus-visible{background:#a00035;color:#fff}
.hiw-primary:focus-visible{outline:3px solid #062746;outline-offset:3px}

/* Deep links from the homepage slider land with the section heading visible. */
#member-only-profiles,#share-to-see,#photo-visibility,#matching-methods,#blind-date{scroll-margin-top:110px}