.connect-hero{padding-bottom:clamp(3.5rem,7vw,6rem)}
.connect-section{padding-top:clamp(3rem,7vw,6.5rem);padding-bottom:clamp(5rem,9vw,8rem)}
.connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.75rem)}
.connect-card{min-width:0;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:2rem;border:1px solid rgba(198,153,49,.28);background:linear-gradient(145deg,rgba(38,42,49,.96),rgba(23,26,31,.98));text-decoration:none;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}
.connect-card::after{content:"";position:absolute;inset:auto -20% -48% 34%;height:180px;border:1px solid rgba(86,65,111,.25);border-radius:50%;pointer-events:none}
.connect-card:hover,.connect-card:focus-visible{transform:translateY(-3px);border-color:rgba(216,175,76,.72);outline:none}
.connect-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(216,175,76,.38);border-radius:50%;color:#d6b65d;background:rgba(12,14,17,.46);position:relative;z-index:1}
.connect-icon svg{width:28px;height:28px;fill:currentColor}
.gumroad-mark{font-family:Georgia,'Times New Roman',serif;font-size:1.9rem;font-weight:700}
.connect-card .connect-name{display:block;max-width:100%;font-family:Georgia,'Times New Roman',serif;font-size:.9rem!important;line-height:1.15!important;font-weight:700;color:#ead27a;white-space:nowrap;overflow-wrap:normal!important;word-break:normal!important;position:relative;z-index:1}
.connect-action{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;color:#f3f1ea;position:relative;z-index:1}
.connect-card:hover .connect-action span{transform:translateX(3px)}
.connect-action span{transition:transform .2s ease}
@media (min-width:1100px){.connect-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.connect-card{min-height:320px}.connect-card .connect-name{font-size:.9rem!important}}
@media (max-width:680px){.connect-grid{grid-template-columns:1fr}.connect-card{min-height:250px}.connect-card .connect-name{font-size:.9rem!important}}
@media (prefers-reduced-motion:reduce){.connect-card,.connect-action span{transition:none}.connect-card:hover,.connect-card:focus-visible{transform:none}}

.connect-card:last-child .connect-name{white-space:normal;max-width:10rem;}