.connections-hero{padding:62px 0;background:radial-gradient(circle at 8% 15%,rgba(74,134,255,.14),transparent 28%),radial-gradient(circle at 90% 20%,rgba(244,75,134,.12),transparent 28%),#fff}.connections-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}.connections-badge{display:inline-flex;padding:7px 11px;border-radius:999px;color:#d93670;background:#fff0f6;font-size:.58rem;font-weight:900;letter-spacing:.1em}.connections-copy h1{max-width:570px;margin:18px 0;font:800 clamp(3rem,5vw,5rem)/.97 "Outfit",sans-serif;letter-spacing:-.055em}.connections-copy>p{max-width:540px;color:var(--muted)}.scroll-plans{display:flex;align-items:center;justify-content:space-between;max-width:360px;margin-top:25px;padding:15px 18px;border-radius:16px;color:#fff;background:linear-gradient(120deg,var(--blue),#7354e8,var(--pink));font-size:.75rem;font-weight:800}.chat-stays-free{display:block;margin-top:14px;color:var(--muted);font-size:.64rem}.connections-photo{position:relative;margin:0;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.connections-photo img{width:100%;height:520px;object-fit:cover}.connections-photo figcaption{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:11px;padding:15px 18px;border-radius:17px;color:var(--ink);background:rgba(255,255,255,.93);backdrop-filter:blur(10px)}.connections-photo figcaption span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--pink))}.connections-photo figcaption strong{font:800 .85rem "Outfit",sans-serif}.plans-section{padding:85px 0;background:#f7f9ff}.plans-heading{max-width:720px;margin:0 auto 38px;text-align:center}.plans-heading>span{color:var(--blue);font-size:.62rem;font-weight:900;letter-spacing:.14em}.plans-heading h2{margin:9px 0 10px;font:800 clamp(2.2rem,4vw,3.6rem)/1 "Outfit",sans-serif;letter-spacing:-.04em}.plans-heading p{color:var(--muted)}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:950px;margin:auto}.plan-card{position:relative;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 15px 40px rgba(35,68,132,.1);overflow:hidden}.plan-plus{border:2px solid #5c69ee;box-shadow:0 18px 50px rgba(80,83,220,.18)}.plan-photo{height:175px;background-image:url('../img/mixly-connections-hero-v1.png');background-size:cover}.plan-photo-free{background-position:20% 43%}.plan-photo-plus{background-position:81% 43%}.plan-card-body{padding:27px}.plan-label{display:inline-flex;padding:5px 9px;border-radius:999px;color:var(--blue);background:#eef3ff;font-size:.55rem;font-weight:900;letter-spacing:.1em}.plan-plus .plan-label{color:#d93670;background:#fff0f6}.plan-card h3{display:flex;align-items:end;gap:9px;margin:13px 0 4px;font:800 2.3rem "Outfit",sans-serif}.plan-card h3 small{margin-bottom:7px;color:var(--muted);font:600 .65rem "Plus Jakarta Sans",sans-serif}.plan-card-body>p{color:var(--muted);font-size:.75rem}.plan-card ul{display:grid;gap:10px;margin:20px 0 24px;padding:0;list-style:none}.plan-card li{padding-bottom:9px;border-bottom:1px solid var(--line);font-size:.73rem;font-weight:600}.plan-card-body>a{display:block;padding:14px 18px;border:1px solid var(--blue);border-radius:14px;color:var(--blue);font-size:.75rem;font-weight:900;text-align:center}.plan-plus .plan-card-body>a{border:0;color:#fff;background:linear-gradient(120deg,var(--blue),var(--pink))}.popular{position:absolute;z-index:2;right:15px;top:15px;padding:6px 9px;border-radius:999px;color:#fff;background:linear-gradient(120deg,var(--blue),var(--pink));font-size:.48rem;font-weight:900;letter-spacing:.08em}.plans-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:950px;margin:20px auto 0}.plans-trust span{padding:12px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:#fff;font-size:.64rem;text-align:center}.plans-trust b{color:var(--ink)}.connections-final{padding:45px 0;background:#edf2ff}.connections-final .container{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:22px;padding:28px 32px;border-radius:25px;background:#fff}.connections-final img{width:65px;height:65px;object-fit:contain}.connections-final small{color:var(--blue);font-size:.55rem;font-weight:900;letter-spacing:.12em}.connections-final h2{margin:3px 0;font:800 1.55rem "Outfit",sans-serif}.connections-final p{margin:0;color:var(--muted);font-size:.7rem}.connections-final a{padding:13px 17px;border-radius:999px;color:#fff;background:var(--blue);font-size:.7rem;font-weight:800}[data-theme="night"] .connections-hero,[data-theme="night"] .plans-section{background:#10152a}[data-theme="night"] .plan-card,[data-theme="night"] .plans-trust span,[data-theme="night"] .connections-final .container{background:#171e37}[data-theme="night"] .connections-final{background:#131b33}[data-theme="night"] .connections-photo figcaption{background:rgba(23,30,55,.94)}@media(max-width:850px){.connections-hero-grid{grid-template-columns:1fr}.connections-copy{text-align:center}.connections-copy h1,.connections-copy>p,.scroll-plans{margin-inline:auto}.plans-grid{grid-template-columns:1fr}.plans-trust{grid-template-columns:1fr 1fr}.connections-final .container{grid-template-columns:65px 1fr}.connections-final a{grid-column:1/-1;text-align:center}}@media(max-width:560px){.connections-hero{padding:38px 0}.connections-copy h1{font-size:2.8rem}.connections-photo img{height:380px}.plans-section{padding:62px 0}.plan-photo{height:145px}.plans-trust{grid-template-columns:1fr}.connections-final .container{grid-template-columns:1fr;padding:23px;text-align:center}.connections-final img{margin:auto}}
