.builder-invite { position:relative; display:flex; align-items:center; gap:30px; margin:0 7% 36px; padding:30px 35px; background:#e4edf0; color:#405d71; border:1px solid #cbd8dc; box-shadow:1px 4px 5px #77877026; transform:rotate(-.6deg); }
.builder-invite:before { content:''; position:absolute; inset:8px; border:1px solid #ffffff80; pointer-events:none; }
.builder-invite-magnet { position:absolute; top:-12px; right:45px; width:25px; height:25px; border-radius:50%; background:radial-gradient(circle at 35% 25%,#d1aa86,#b77756 70%); box-shadow:1px 3px 3px #5c65533d; }
.builder-invite-art { flex:0 0 125px; }
.builder-invite-art svg { width:100%; display:block; }
.builder-invite-copy { max-width:650px; position:relative; }
.builder-invite-kicker { font-size:8px; letter-spacing:1.4px; color:#72858b; margin:0 0 12px; }
.builder-invite h2 { font-size:30px; font-weight:500; line-height:1.15; letter-spacing:-1px; margin:0 0 12px; }
.builder-invite h2+p { font-size:12px; line-height:1.85; margin:0 0 20px; }
.builder-invite-link { display:inline-flex; gap:18px; align-items:center; background:#4e6e85; color:white; padding:12px 16px; border-radius:4px; font-size:11px; }
.builder-invite-link:hover { background:#405e74; }
.builder-invite small { display:block; font-size:9px; color:#72858b; margin-top:12px; }
@media(max-width:1000px) { .site-header nav { gap:18px; } .builder-invite { margin-left:6%; margin-right:6%; padding:27px; gap:22px; } .builder-invite-art { flex-basis:95px; } }
@media(max-width:700px) { .site-header nav { flex-wrap:wrap; justify-content:flex-start; gap:12px 20px; } .builder-invite { flex-direction:column; align-items:flex-start; margin:0 7% 25px; padding:24px; gap:12px; } .builder-invite-art { flex:none; width:90px; } .builder-invite h2 { font-size:27px; } .builder-invite h2+p { font-size:12px; } .builder-invite-link { font-size:11px; gap:12px; } }