/* ── Connect page styles (was the <style> block inside connect.html) ── */
.stats-bar-5{grid-template-columns:repeat(5,1fr);}
.stat-platform{font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);margin-top:4px;display:block;}
.platforms-section{background:var(--cream);padding:79px 44px;}
.platforms-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px;}
.platform-card{background:var(--white);border:1px solid var(--border);border-radius:2px;overflow:hidden;transition:border-color .2s;}
.platform-card:hover{border-color:var(--gold);}
.platform-header{padding:28px 28px 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border-alt);}
.p-icon{width:52px;height:52px;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.p-icon svg{width:24px;height:24px;}
.p-icon.li{background:#0077b5;} .p-icon.yt{background:#ff0000;} .p-icon.tw{background:#000;} .p-icon.fb{background:#1877f2;} .p-icon.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.p-meta{flex:1;}
.p-name{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--navy);margin-bottom:3px;}
.p-handle{font-size:12px;color:var(--text-muted);font-weight:300;}
.p-count-wrap{text-align:right;flex-shrink:0;}
.p-count{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--navy);display:block;line-height:1;}
.p-count span{color:var(--gold);font-size:18px;}
.p-flabel{font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;display:block;}
.platform-body{padding:22px 28px 28px;}
.p-desc{font-size:13px;color:#666;line-height:1.8;font-weight:300;margin-bottom:20px;}
.p-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.p-pill{border:1px solid var(--border);color:var(--text-mid);padding:4px 12px;font-size:10px;letter-spacing:0.06em;text-transform:uppercase;border-radius:1px;}
.p-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:2px;font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;transition:opacity .2s;font-family:var(--sans);}
.p-cta:hover{opacity:.88;}
.p-cta.li-btn{background:#0077b5;color:#fff;} .p-cta.yt-btn{background:#ff0000;color:#fff;} .p-cta.tw-btn{background:#000;color:#fff;} .p-cta.fb-btn{background:#1877f2;color:#fff;} .p-cta.ig-btn{background:#000;color:#fff;}
.p-cta svg{width:14px;height:14px;fill:#fff;}
.yt-feature{background:var(--navy);display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.yt-feature-left{padding:79px 44px;}
.yt-feature-right{background:#0d1926;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(200,185,122,0.1);min-height:340px;padding:28px;}
.yt-feature-right > *{width:100%;}
.yt-sub-row{display:flex;align-items:center;gap:16px;margin-top:22px;padding:16px 20px;background:rgba(255,255,255,0.04);border:1px solid rgba(200,185,122,0.1);border-radius:2px;}
.yt-sub-icon{width:40px;height:40px;background:#ff0000;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.yt-sub-icon svg{width:18px;height:18px;fill:#fff;}
.yt-sub-title{font-size:13px;font-weight:500;color:#fff;margin-bottom:3px;}
.yt-sub-detail{font-size:11px;color:rgba(255,255,255,.4);font-weight:300;}
.yt-sub-btn{background:#ff0000;color:#fff;border:none;padding:9px 18px;font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;border-radius:2px;cursor:pointer;flex-shrink:0;font-family:var(--sans);text-decoration:none;}
.ig-section{background:var(--white);padding:79px 44px;}
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:44px;}
.ig-item{aspect-ratio:1;background:var(--navy-mid);border-radius:2px;overflow:hidden;cursor:pointer;display:block;transition:opacity .2s;}
.ig-item:hover{opacity:.8;}
.ig-item-inner{width:100%;height:100%;background:var(--navy-deep);display:flex;align-items:center;justify-content:center;}
.ig-item-inner svg{width:22px;height:22px;stroke:rgba(200,185,122,0.2);fill:none;stroke-width:1;}
.ig-follow-row{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding:20px 24px;border:1px solid var(--border);border-radius:2px;background:var(--cream);flex-wrap:wrap;gap:14px;}
.ig-follow-text{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--navy);}
.ig-follow-handle{font-size:12px;color:var(--text-muted);margin-top:3px;}
.ig-follow-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:#000;color:#fff;border-radius:2px;font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;}
.all-platforms{background:var(--navy);padding:66px 44px;}
.all-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;}
.ap-card{background:#162840;border:1px solid rgba(200,185,122,0.1);border-radius:2px;padding:22px 24px;display:flex;align-items:center;gap:18px;transition:border-color .2s;text-decoration:none;}
.ap-card:hover{border-color:rgba(200,185,122,0.35);}
.ap-icon{width:44px;height:44px;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ap-name{font-size:14px;font-weight:500;color:#fff;margin-bottom:3px;}
.ap-handle{font-size:11px;color:rgba(255,255,255,.4);font-weight:300;}
.ap-arrow{color:rgba(200,185,122,.5);font-size:18px;margin-left:auto;}
@media(max-width:1024px){
  .platforms-grid{grid-template-columns:1fr;}
  .yt-feature{grid-template-columns:1fr;}
  .yt-feature-right{display:none;}
  .ig-grid{grid-template-columns:repeat(4,1fr);}
  .all-grid{grid-template-columns:1fr 1fr;}
  .stats-bar-5{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .platforms-section,.ig-section,.all-platforms{padding:44px 20px;}
  .yt-feature-left{padding:44px 20px;}
  .platform-header{flex-wrap:wrap;gap:12px;}
  .ig-grid{grid-template-columns:repeat(3,1fr);}
  .ig-follow-row{flex-direction:column;gap:14px;}
  .all-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .ig-grid{grid-template-columns:repeat(3,1fr);}
  .stats-bar-5{grid-template-columns:repeat(2,1fr);}
  .p-count{font-size:22px;}
}