@media(min-width:1440px){.hero{padding-top:95px;padding-bottom:100px}.connection-visual{min-height:460px}}
@media(max-width:1000px){.page-width{width:calc(100% - 64px)}.hero{gap:40px;padding-top:60px;padding-bottom:65px}h1{font-size:76px}.hero-description{font-size:14px}.hero-actions{gap:20px}.button{padding-inline:20px;gap:24px}.connection-visual{min-height:410px;padding-inline:15px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.steps{gap:22px}.steps li{padding-left:30px}}
@media(max-width:700px){.page-width{width:calc(100% - 48px)}.site-header{height:82px}.site-header .brand .hynk-wordmark{width:92px;height:30px}.header-actions{gap:18px}.header-link{font-size:12px;gap:8px}.theme-toggle{width:34px;height:34px}.hero{grid-template-columns:1fr;gap:38px;padding-top:47px;padding-bottom:42px}.hero-copy{max-width:480px}.eyebrow{font-size:9px;letter-spacing:.14em}h1{font-size:76px;line-height:1.02;margin:20px 0 22px}.hero-description{font-size:14px;line-height:1.75;max-width:360px}.hero-actions{margin-top:26px;gap:24px}.button{font-size:13px;min-height:54px;padding:15px 22px;gap:27px}.access-note{font-size:10px}.connection-visual{min-height:300px;padding:24px 18px 22px;border-radius:22px}.visual-caption{font-size:8px}.connection-art{height:174px}.match-label{font-size:7px;letter-spacing:.1em}.visual-message p{font-size:29px;line-height:1.2;margin-top:8px}.how-section{padding-top:34px;padding-bottom:25px}.section-heading{gap:12px;margin-bottom:28px}.section-heading h2{font-size:24px;line-height:1.3;max-width:310px}.steps{grid-template-columns:1fr;gap:24px}.steps li{padding-left:37px}.steps h3{font-size:15px;margin-bottom:4px}.steps p{font-size:12px;max-width:none}.privacy-note{display:grid;grid-template-columns:18px 1fr;gap:7px 12px;padding:12px 0 24px}.privacy-note p{font-size:11px}.privacy-note>a{grid-column:2;margin:0;justify-self:start;font-size:10px;min-height:35px}.site-footer{align-items:flex-start;flex-direction:column;gap:8px;padding:24px 0;min-height:0}.site-footer nav{gap:18px}.site-footer a{min-height:35px}.landing-page::before{height:740px;opacity:.1}}
@media(max-width:360px){.page-width{width:calc(100% - 36px)}.header-actions{gap:12px}.header-link{font-size:11px}.header-link>[aria-hidden]{font-size:17px}h1{font-size:66px}.hero-actions{gap:18px}.quiet-link{font-size:11px;gap:7px}.button{padding-inline:18px;gap:20px}.access-note{font-size:9px}.connection-visual{min-height:285px}.site-footer nav{gap:15px}}

@media(max-width:700px){.connection-visual .hush-symbol{width:154px;height:175px}}