/* ============================================================
   polish.css — additions over the OG homepage. Loaded LAST.
   Only two things: the Command Center band, and showing the
   social buttons in the mobile top navbar. Nothing else, so the
   OG's own review/founders/hero styling is untouched.
   ============================================================ */

/* ---------- Command Center band (the $399 product weave) ---------- */
.ccc-band{position:relative;overflow:hidden;padding:clamp(3.5rem,7vw,5.5rem) 0;
  background:linear-gradient(135deg,#0F172A 0%,#123244 55%,#0F172A 100%);color:#fff}
.ccc-band .cb-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;pointer-events:none}
.ccc-band .cb-orb.a{width:420px;height:420px;background:rgba(46,125,138,.55);top:-160px;right:-80px}
.ccc-band .cb-orb.b{width:360px;height:360px;background:rgba(16,185,129,.32);bottom:-170px;left:-70px}
.ccc-band .container{position:relative;z-index:2}
.ccc-band-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.ccc-band .cb-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#5ec8d6}
.ccc-band h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08;letter-spacing:-.02em;margin:.7rem 0 0;color:#fff;text-wrap:balance}
.ccc-band h2 .cb-grad{background:linear-gradient(120deg,#5ec8d6,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ccc-band p.cb-lead{margin:1rem 0 0;color:#b9c6d6;font-size:1.08rem;line-height:1.65;max-width:46ch}
.ccc-band .cb-feats{margin:1.5rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.4rem;padding:0;list-style:none}
.ccc-band .cb-feats li{display:flex;align-items:flex-start;gap:.5rem;font-size:.96rem;color:#dbe6f1;line-height:1.4}
.ccc-band .cb-feats i{color:#34d399;margin-top:.15rem;flex:0 0 auto}
.ccc-band .cb-cta{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.ccc-band .cb-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem;padding:.95rem 1.8rem;border-radius:9999px;text-decoration:none;background:#fff;color:#0f1b2e;transition:transform .25s ease,box-shadow .25s ease}
.ccc-band .cb-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px -14px rgba(0,0,0,.5)}
.ccc-band .cb-price{color:#9fb1c4;font-size:.95rem}
.ccc-band .cb-price b{color:#fff;font-family:'Space Grotesk',sans-serif;font-size:1.3rem}
.ccc-band .cb-visual{position:relative;display:flex;justify-content:center}
.ccc-band .cb-phone{width:230px;aspect-ratio:9/19.3;border-radius:36px;background:linear-gradient(160deg,#222c3d,#0a0f18);padding:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1.5px rgba(255,255,255,.05) inset}
.ccc-band .cb-screen{width:100%;height:100%;border-radius:27px;overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,rgba(46,125,138,.18),transparent 55%),#0b1322;padding:30px 12px 12px;display:flex;flex-direction:column;gap:8px}
.ccc-band .cb-srow{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.ccc-band .cb-srow .av{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,rgba(46,125,138,.6),rgba(16,185,129,.45));display:grid;place-items:center;font-size:.66rem;font-weight:700;color:#fff;flex:0 0 auto}
.ccc-band .cb-srow .ln{flex:1;min-width:0}
.ccc-band .cb-srow .ln b{display:block;font-size:.72rem;color:#eaf1f8;font-weight:600}
.ccc-band .cb-srow .ln span{display:block;font-size:.6rem;color:#8092a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccc-band .cb-srow .tag{font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#0b1322;background:#34d399;padding:3px 6px;border-radius:6px;flex:0 0 auto}
.ccc-band .cb-srow .tag.t{background:linear-gradient(135deg,#4AABB8,#2E7D8A);color:#fff}
.ccc-band .cb-float{position:absolute;top:8%;right:-6px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.95);box-shadow:0 16px 40px -16px rgba(0,0,0,.5);font-size:.7rem}
.ccc-band .cb-float i{color:#10B981;font-size:1rem}
.ccc-band .cb-float b{color:#0c1320;display:block;font-size:.72rem}
.ccc-band .cb-float span{color:#64748b;display:block;font-size:.62rem}
@media(max-width:860px){
  .ccc-band-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}
  .ccc-band .cb-eyebrow,.ccc-band .cb-cta,.ccc-band .cb-feats{justify-content:center;margin-inline:auto}
  .ccc-band p.cb-lead{margin-inline:auto}
  .ccc-band .cb-feats{max-width:440px;text-align:left}
}
@media(max-width:480px){.ccc-band .cb-feats{grid-template-columns:1fr}}

/* ---------- Mobile: social buttons in the top navbar (up top) ---------- */
@media(max-width:768px){
  .navbar .nav-social{display:flex !important;align-items:center;gap:.4rem;margin-left:auto;margin-right:.6rem;order:0}
  .navbar .nav-social a{width:36px;height:36px;display:grid;place-items:center;font-size:1rem}
  .navbar .menu-toggle{margin-left:0}
}
@media(max-width:380px){
  .navbar .nav-social{gap:.25rem;margin-right:.45rem}
  .navbar .nav-social a{width:32px;height:32px;font-size:.95rem}
}