/* ============================================================
   Header dan footer bersama Space Coil.
   Dipakai di /coil, /panduan, /ground-station, 404, register, partner.
   Semua kelas diawali sc- supaya tidak bentrok dengan CSS bawaan
   halaman register dan partner yang sudah punya .bar, .wrap, footer.
   ============================================================ */

/* ---------- header kapsul melayang ---------- */
.sc-top{position:sticky;top:0;z-index:60;padding:14px clamp(12px,3vw,24px) 6px;margin:0 0 6px}
.sc-pill{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 10px 9px 20px;border-radius:100px;
  background:linear-gradient(120deg, rgba(20,28,58,.78), rgba(9,13,30,.82) 55%, rgba(16,22,46,.78));
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 12px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.25)}
.sc-brand{display:flex;align-items:center;gap:10px;color:var(--txt);flex:0 0 auto;text-decoration:none}
.sc-brand:hover{text-decoration:none}
.sc-brand img{width:30px;height:30px;border-radius:9px;display:block}
.sc-brand b{font-family:var(--hd);font-size:13.5px;letter-spacing:.2em;font-weight:600;white-space:nowrap;color:var(--txt)}
.sc-navwrap{display:flex;align-items:center;gap:10px;min-width:0}
.sc-nav{display:flex;gap:2px;min-width:0}
.sc-nav a{font-family:var(--hd);font-size:12.5px;letter-spacing:.04em;color:var(--mut);padding:9px 15px;
  border-radius:100px;transition:color .2s,background .2s;white-space:nowrap;text-decoration:none}
.sc-nav a:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.sc-nav a[aria-current]{color:#fff}
.sc-cta{flex:0 0 auto;font-family:var(--hd);font-size:12.5px;font-weight:600;letter-spacing:.04em;
  padding:10px 20px;border-radius:100px;text-decoration:none;
  background:linear-gradient(135deg,#fff,#C7D4EA);color:#04060f;transition:box-shadow .25s,transform .25s;white-space:nowrap}
.sc-cta:hover{box-shadow:0 8px 26px rgba(199,212,234,.35);transform:translateY(-1px);text-decoration:none;color:#04060f}
.sc-nav .sm{display:none}
@media(max-width:820px){
  .sc-top{padding:10px 10px 4px}
  .sc-pill{padding:7px 8px 7px 14px;gap:8px}
  .sc-brand img{width:26px;height:26px}
  .sc-brand b{font-size:11px;letter-spacing:.13em}
  .sc-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .sc-nav::-webkit-scrollbar{display:none}
  .sc-nav a{padding:7px 10px;font-size:11.5px}
  .sc-cta{padding:8px 14px;font-size:11.5px}
  .sc-nav .lg{display:none}
  .sc-nav .sm{display:inline}
}
@media(max-width:460px){.sc-brand b{display:none}}

/* ---------- footer ---------- */
.sc-foot{position:relative;margin-top:72px;border-top:1px solid rgba(255,255,255,.09)}
.sc-foot::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  width:min(440px,64%);height:1px;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ac2) 62%, transparent), transparent)}
.sc-foot::after{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  width:min(300px,46%);height:70px;pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--ac) 16%, transparent), transparent 72%)}
.sc-foot-in{position:relative;max-width:1120px;margin:0 auto;
  padding:34px clamp(18px,4vw,32px) 46px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.sc-fb{display:flex;align-items:center;gap:14px}
.sc-fb img{width:40px;height:40px;border-radius:12px;display:block;opacity:.95}
.sc-fb b{display:block;font-family:var(--disp);font-size:12.5px;letter-spacing:.22em;color:#fff;font-weight:400}
.sc-fb em{display:block;font-style:normal;font-family:var(--hd);font-size:11px;letter-spacing:.04em;
  color:var(--dim);margin-top:6px}
.sc-fm{text-align:right;font-family:var(--hd);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dim);line-height:2.1}
.sc-fm s{display:block;text-decoration:none;color:var(--mut)}
@media(max-width:620px){
  .sc-foot-in{align-items:flex-start;padding-bottom:38px}
  .sc-fm{text-align:left}
}