.unified-card{position:relative;overflow:hidden;padding:56px;border:1px solid #f0e7eb;border-radius:38px;background:linear-gradient(180deg,#fff 0%,#fffafd 100%);color:var(--text);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);grid-template-areas:"copy visual" "cta visual" "note visual";gap:22px 48px;align-items:center;box-shadow:0 24px 70px rgba(52,38,62,.08)}
.unified-card::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-120px;background:radial-gradient(circle,rgba(255,79,123,.12),rgba(255,79,123,0) 70%);pointer-events:none}
.unified-copy{grid-area:copy;position:relative;z-index:1}.unified-card .eyebrow{color:var(--hot);margin-bottom:14px}.unified-card h2{color:var(--text);font-size:clamp(38px,4.4vw,58px)}.unified-card p{color:var(--muted)}.unified-copy p{max-width:520px;font-size:18px;line-height:1.55;margin:22px 0 0}
.sync-visual{grid-area:visual;position:relative;z-index:1;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 110px}
.sync-visual::before{content:"";position:absolute;inset:54px 42px;border:1px solid rgba(255,79,123,.16);border-radius:50%;pointer-events:none}
.sync-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:122px;height:112px;border-radius:30px;background:#23232a;color:#fff;font-size:18px;font-weight:800;box-shadow:0 16px 34px rgba(22,22,29,.14)}
.sync-node.hot{width:138px;height:126px;background:linear-gradient(135deg,var(--hot),var(--hot2));box-shadow:0 22px 48px rgba(255,79,123,.24)}.sync-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#bbbcc6;line-height:1}.sync-icon svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.sync-icon svg circle{fill:currentColor;stroke:none}.sync-heart{font-size:34px;color:#fff;line-height:1}.sync-arrow{position:relative;z-index:2;color:#9293a0;font-size:28px;line-height:1.15;margin:2px 0}
.sync-chip{position:absolute;z-index:2;padding:9px 14px;border-radius:999px;background:#fff2f6;color:#555765;font-size:13px;box-shadow:0 8px 22px rgba(255,79,123,.07);white-space:nowrap}.chip-likes{left:8px;top:126px}.chip-matches{right:0;top:180px}.chip-settings{left:4px;bottom:82px}
.unified-cta{grid-area:cta;justify-self:start;min-width:280px;gap:12px}.unified-note{grid-area:note;margin:0!important;font-size:14px!important;color:#9293a0!important}
@media(max-width:800px){.unified{padding-top:58px;padding-bottom:58px}.unified-card{padding:34px 20px 28px;border-radius:30px;grid-template-columns:1fr;grid-template-areas:"copy" "visual" "cta" "note";gap:20px;text-align:center}.unified-copy{display:flex;flex-direction:column;align-items:center}.unified-card .eyebrow{font-size:11px;margin-bottom:11px}.unified-card h2{font-size:clamp(34px,9.3vw,44px);line-height:1.02;max-width:9.5em}.unified-copy p{font-size:16px;line-height:1.45;max-width:31em;margin-top:16px}.sync-visual{min-height:500px;padding:28px 0 20px}.sync-visual::before{inset:54px 30px;border-radius:50%;border-color:rgba(255,79,123,.14)}.sync-node{width:116px;height:106px;border-radius:28px;font-size:17px}.sync-node.hot{width:128px;height:118px;border-radius:30px}.sync-icon{width:32px;height:32px}.sync-icon svg{width:30px;height:30px}.sync-arrow{font-size:27px;margin:3px 0}.sync-chip{font-size:12px;padding:8px 12px}.chip-likes{left:4px;top:132px}.chip-matches{right:0;top:206px}.chip-settings{left:-14px;bottom:78px}.unified-cta{justify-self:stretch;min-width:0;width:100%;min-height:56px;border-radius:18px;font-size:17px}.unified-note{text-align:center;font-size:13px!important}}
@media(max-width:420px){.unified-card{padding:30px 16px 25px;border-radius:28px}.unified-card h2{font-size:clamp(31px,9vw,38px)}.unified-copy p{font-size:15px}.sync-visual{min-height:470px}.sync-visual::before{inset:48px 22px}.sync-node{width:104px;height:98px;border-radius:25px;font-size:16px}.sync-node.hot{width:116px;height:108px}.sync-icon{width:30px;height:30px}.sync-icon svg{width:28px;height:28px}.sync-chip{font-size:11px;padding:7px 10px}.chip-likes{left:0;top:126px}.chip-matches{right:0;top:194px}.chip-settings{left:-12px;bottom:74px}}