:root{
  --bg1:#0b1020; --bg2:#071224; --acc:#58a6ff; --text:#ffffff; --muted:#c7d2fe;
  --card:rgba(255,255,255,0.06); --border:rgba(255,255,255,0.12); --shadow:0 10px 30px rgba(0,0,0,.5);
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:'Poppins',system-ui,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--text);
  background:radial-gradient(1200px 600px at 80% -10%, rgba(120,150,255,0.15), transparent 60%),
             radial-gradient(1000px 700px at -10% 120%, rgba(120,255,200,0.08), transparent 60%),
             linear-gradient(160deg,var(--bg1),var(--bg2));background-attachment:fixed}
a{color:var(--acc);text-decoration:none} a:hover{text-decoration:underline}
h1{font-size:clamp(1.8rem,3.2vw,3rem);margin:.2rem 0 1rem}
h2{font-size:clamp(1.2rem,2.2vw,1.6rem);margin:.2rem 0 .8rem}
.lead{color:var(--muted);max-width:1000px}
.topbar{position:sticky;top:0;z-index:20;display:flex;gap:1rem;align-items:center;justify-content:space-between;
  padding:14px 20px;background:linear-gradient(180deg, rgba(5,10,24,.78), rgba(5,10,24,.28));
  backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(124,170,255,0.10)}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:700}
.brand-logo{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(100,160,255,.6))}
.nav-right{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.nav-item{display:inline-flex;align-items:center;gap:.5rem;padding:10px 12px;border-radius:14px;color:#cfe8ff;
  font-weight:600;transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
  border:1px solid transparent}
.nav-item svg{width:18px;height:18px;fill:#8ec8ff;opacity:.95;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.nav-item:hover{background:rgba(88,166,255,0.12);color:#fff;transform:translateY(-1px);border-color:rgba(134,185,255,0.18)} .nav-item:hover svg{fill:#fff}
.nav-item.active{background:rgba(88,166,255,0.15);border-color:rgba(134,185,255,0.22);color:#fff}
.nav-item.nav-cta{background:linear-gradient(180deg, rgba(88,166,255,0.22), rgba(34,100,220,0.18));border-color:rgba(134,185,255,0.28)}
.nav-menu-toggle{display:none;align-items:center;justify-content:center;gap:4px;flex-direction:column;width:48px;height:48px;
  border-radius:16px;border:1px solid rgba(134,185,255,0.22);background:rgba(8,16,34,0.74);cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.28)}
.nav-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#d6ebff;transition:transform .2s ease, opacity .2s ease}
.topbar[data-nav-open="true"] .nav-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.topbar[data-nav-open="true"] .nav-menu-toggle span:nth-child(2){opacity:0}
.topbar[data-nav-open="true"] .nav-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
body.xp-nav-open{overflow:hidden}
@media(max-width:980px){
  .topbar{padding:14px 16px}
  .nav-menu-toggle{display:inline-flex}
  .nav-right{position:absolute;top:calc(100% + 12px);left:16px;right:16px;display:grid;gap:10px;padding:14px;
    border-radius:20px;background:rgba(6,14,30,.96);border:1px solid rgba(124,170,255,0.18);
    box-shadow:0 18px 54px rgba(0,0,0,.42);backdrop-filter:saturate(160%) blur(18px);
    opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease, transform .2s ease, visibility .2s ease}
  .topbar[data-nav-open="true"] .nav-right{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .nav-item{width:100%;justify-content:flex-start;padding:12px 14px;border-color:rgba(124,170,255,0.10);background:rgba(255,255,255,0.03)}
}

.hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg, rgba(5,10,20,0) 0%, rgba(5,10,20,.25) 50%, rgba(5,10,20,.55) 70%, rgba(5,10,20,.75) 100%);
  z-index:0}
#hyperlane{position:absolute;inset:0;z-index:0}
.hero-inner{position:relative;z-index:1;display:grid;gap:2.4rem;padding:140px 20px 100px}
.two-col-hero{align-items:start}
@media(min-width:1000px){ .two-col-hero{grid-template-columns:1.2fr .9fr} }
.slogan-left{max-width:760px}
.slogan.only-text h1{background:linear-gradient(90deg,#ffffff,#9ed0ff 55%,#58a6ff);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 6px 24px rgba(40,110,200,0.25)}
.slogan.only-text p{color:#d8e9ff}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.login.emphasized{position:relative;background:linear-gradient(180deg, rgba(18,28,55,0.95), rgba(10,16,32,0.92));
  border:1px solid rgba(160,210,255,0.5); box-shadow:0 14px 42px rgba(0,0,0,.6)}
.login-logo{width:40px;height:40px; margin-right:8px; vertical-align:middle}
.login-head{display:flex; gap:8px; align-items:center; margin-bottom:8px}
.hint{color:#cfe8ff;font-size:.9rem}
.field{display:grid;gap:.4rem;margin:10px 0} .field.inline{grid-auto-flow:column;align-items:center;justify-content:space-between}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.04);
  border:1px solid var(--border);color:#ffffff;outline:none;transition:color .15s ease,border-color .15s ease}
.field textarea{resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#9ed0ff;opacity:.85}
.field select{color:#9ed0ff}
.field.filled input,.field.filled select,.field.filled textarea{color:#ffffff}
.field.filled select option{color:#ffffff}
.field:not(.filled) label{color:#b9ddff}
.error{color:#ffb4b4;font-size:.85rem;min-height:1ch}
.small-link{color:#b9ddff} .alt{margin-top:10px;color:#b9ddff}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid var(--border);color:#fff;font-weight:600}
.btn:hover{background:rgba(255,255,255,0.12)} .btn.btn-primary{background:linear-gradient(180deg,#4e9cff,#2563eb);border:none}
.btn.btn-primary:hover{filter:brightness(1.08)}
.page{max-width:1200px;margin:40px auto;padding:0 20px;display:grid;gap:20px}
.two-col{display:grid;grid-template-columns:1fr;gap:20px} @media(min-width:900px){.two-col{grid-template-columns:1fr 1fr}}
.steps-grid,.cards-3{display:grid;gap:20px;grid-template-columns:1fr} @media(min-width:900px){.steps-grid{grid-template-columns:repeat(4,1fr)} .cards-3{grid-template-columns:repeat(3,1fr)}}
.form-wide{max-width:980px} .grid-2{display:grid;gap:16px;grid-template-columns:1fr} @media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}
.grid-3{display:grid;gap:12px;grid-template-columns:1fr} @media(min-width:900px){ .grid-3{ grid-template-columns:repeat(3,1fr) } }
.bullets{line-height:1.8} .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px} .small-note{color:var(--muted);font-size:.9rem}

.fab-bottom-right{list-style:none;position:fixed;right:18px;bottom:18px;display:grid;gap:6px;z-index:9;padding:0;margin:0}
.fab-item{display:flex;align-items:center;gap:.5rem;padding:10px 12px;border-radius:999px;background:rgba(22,38,78,0.65);
  border:1px solid rgba(140,200,255,0.25);color:#d9efff;transition:transform .15s ease, background .2s ease, box-shadow .2s ease; cursor:pointer}
.fab-item svg{width:18px;height:18px;fill:#9ed0ff}
.fab-item:hover{background:rgba(70,120,200,0.25);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.35)}

.cookie-consent.cookie-left{position:fixed;left:22px;top:50%;transform:translateY(-50%);
  width:min(380px, 92vw);display:grid;gap:10px;align-items:flex-start;
  padding:14px 14px;border-radius:14px;background:linear-gradient( to bottom right, rgba(20,35,70,.85), rgba(10,15,30,.85) );
  border:1px solid rgba(140,200,255,.35);box-shadow:0 24px 80px rgba(0,0,0,.55);z-index:10}
.cookie-head{display:flex; align-items:center; gap:10px}
.cookie-logo{width:20px;height:20px;object-fit:contain; filter:drop-shadow(0 1px 4px rgba(100,160,255,.5))}
.cookie-body{color:#e6f3ff}
.cookie-consent a{color:#cfe8ff}
.cookie-actions{display:flex; gap:8px}
.cookie-consent .btn{background:rgba(255,255,255,0.06); border:1px solid rgba(160,210,255,.4)}
.cookie-consent .btn.btn-primary{background:linear-gradient(180deg,#66b3ff,#2563eb); border:none}

.legal h2{margin-top:18px} .form-msg{min-height:1.2em}

.dash-header{display:grid; gap:14px}
.dash-title{display:flex; gap:12px; align-items:center}
.dash-logo{width:40px;height:40px; object-fit:contain; filter:drop-shadow(0 1px 4px rgba(100,160,255,.6))}
.filters .field span{display:block; font-size:.85rem; color:#cfe8ff; margin-bottom:4px}
.kpis-pro{display:grid; gap:14px; grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){ .kpis-pro{ grid-template-columns:repeat(6,1fr) } }
.kpi{position:relative;background:var(--card); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:var(--shadow); overflow:hidden}
.kpi h3{margin:0 0 6px; font-size:0.95rem; color:#cfe8ff}
.kpi .big{font-size:1.8rem; font-weight:700}
.kpi .trend{font-size:.9rem; color:#9ed0ff}
.kpi.flash::after{content:''; position:absolute; inset:6px; border-radius:12px; border:2px solid rgba(120,200,255,0.6);
  animation:squarePop .9s ease; pointer-events:none}
@keyframes squarePop{ 0%{opacity:0; transform:scale(0.9)} 20%{opacity:1} 100%{opacity:0; transform:scale(1.05)} }

.dash-grid.pro{display:grid; gap:18px}
.dash-grid.pro .wide{grid-column:1/-1}
@media(min-width:1100px){ .dash-grid.pro{ grid-template-columns:1.6fr 1fr } }
@media(min-width:1400px){ .dash-grid.pro{ grid-template-columns:1.2fr 1.2fr 1fr } }

.chart-card{background:var(--card); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:var(--shadow)}
.chart{width:100%; height:260px} .chart svg{width:100%; height:100%}
.table-card{background:var(--card); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:var(--shadow)}
.table-card table{width:100%; border-collapse:collapse}
.table-card th, .table-card td{padding:10px 8px; border-bottom:1px solid rgba(255,255,255,0.1)}
.table-card th{color:#cfe8ff; text-align:left; font-weight:600}
.badge{display:inline-block; padding:4px 8px; border-radius:999px; border:1px solid rgba(140,200,255,0.25); background:rgba(22,38,78,0.4)}
.green{color:#9ef7b3} .yellow{color:#ffe18a} .red{color:#ffb4b4}
.feed{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.feed li{padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,0.04)}

.toast-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(16,24,48,.9);border:1px solid rgba(150,200,255,.4);
  padding:14px 16px;border-radius:12px;z-index:20;box-shadow:0 16px 50px rgba(0,0,0,.6)}

.site-footer{margin-top:40px; border-top:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03)}
.footer-inner{max-width:1200px; margin:0 auto; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
.brand-logo-foot{width:20px;height:20px; object-fit:contain; margin-right:6px; filter:drop-shadow(0 1px 3px rgba(100,160,255,.5))}
.brand-foot{display:flex; align-items:center; gap:6px; color:#e6f3ff; font-weight:700}
.copy{color:#cfe8ff; font-size:.9rem}
.foot-links{display:flex; gap:12px}
.foot-links a{color:#cfe8ff}

/* Copilot modal */
.copilot-modal{display:none; position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,90vw);
  background:linear-gradient(180deg, rgba(20,35,70,.92), rgba(10,15,30,.92));border:1px solid rgba(140,200,255,.35);
  border-radius:16px; box-shadow:0 28px 90px rgba(0,0,0,.6); z-index:12; grid-template-rows:auto 1fr auto auto; overflow:hidden}
.copilot-modal.open{display:grid}
/* Docked variant for demo page */
.copilot-modal.dock-right{left:auto; top:auto; transform:none; right:18px; bottom:120px; width:min(420px, 92vw); z-index:12}
.copilot-head{display:flex; align-items:center; gap:8px; padding:10px 12px; background:rgba(255,255,255,0.03); border-bottom:1px solid rgba(255,255,255,0.08)}
.bot-icon{filter:drop-shadow(0 1px 4px rgba(100,160,255,.6))} .copilot-close{margin-left:auto;background:transparent;border:0;color:#e6f3ff;font-size:18px;cursor:pointer}
.copilot-body{padding:12px;display:grid;gap:8px;max-height:50vh;overflow:auto}
.bubble{padding:10px 12px;border-radius:12px;max-width:92%}
.bubble.bot{background:rgba(255,255,255,0.06);border:1px solid rgba(140,200,255,0.25)}
.bubble.user{background:rgba(88,166,255,0.18);border:1px solid rgba(140,200,255,0.45);justify-self:end}
.copilot-input{display:flex; gap:8px; padding:10px 12px; border-top:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03)}
.copilot-input input{flex:1;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(140,200,255,0.25);color:#fff}
.copilot-input .send{border:0;border-radius:10px;padding:10px 12px;background:linear-gradient(180deg,#66b3ff,#2563eb);color:#fff;font-weight:700;cursor:pointer}
.copilot-foot{padding:8px 12px;color:#cfe8ff;font-size:.85rem;border-top:1px dashed rgba(255,255,255,0.08);background:rgba(255,255,255,0.02)}
@media (max-width:640px){ .copilot-modal{top:52%;} .copilot-modal.dock-right{right:10px; bottom:110px; width:92vw;} }

/* Starfield canvas speed nicely reduced */

/* --- Solar Journey Hero (home-fix) --- */
.hero-solar{
  place-items:center;
}
.hero.hero-solar::after{
  background:
    radial-gradient(980px 520px at 60% 52%, rgba(255,255,255,0.03), rgba(0,0,0,0.40) 60%, rgba(0,0,0,0.62) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.34));
}
#hyperlane[data-hero="solar"]{
  position:absolute; inset:0; z-index:0;
  pointer-events:auto;
  filter:none;
}
.solar-hero-inner{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  z-index:1;
  pointer-events:none; /* keep planets clickable */
}
.solar-hud{
  position:absolute;
  left:0; top:0;
  width:min(640px, 92vw);

  transform: translate3d(var(--hud-x, 22px), var(--hud-y, 86px), 0) scale(var(--hud-s, 1));
  opacity: var(--hud-a, 1);
  transform-origin: 50% 50%;
  transition: transform .55s cubic-bezier(.16,.92,.18,1), opacity .28s ease;
  will-change: transform, opacity;
  pointer-events:auto;

  background:linear-gradient(135deg, rgba(10,12,16,0.70), rgba(0,0,0,0.42));
  border:1px solid rgba(255,255,255,0.16);
  border-radius:22px;
  padding:22px 22px 18px;
  box-shadow:0 18px 60px rgba(0,0,0,.68);
  backdrop-filter: blur(14px) saturate(115%);
}

.solar-hud.hud-min{
  width:auto;
  max-width:calc(100vw - 44px);
  padding:12px 14px;
  border-radius:999px;
  box-shadow:0 18px 50px rgba(0,0,0,.62);
}

/* Hide feature content until the planet is at (near) maximum size */
.solar-hud.hud-min .solar-title,
.solar-hud.hud-min .solar-subtitle,
.solar-hud.hud-min .solar-bullets,
.solar-hud.hud-min .solar-cta,
.solar-hud.hud-min .solar-progress,
.solar-hud.hud-min .solar-tip{
  display:none !important;
}

.solar-hud.hud-min .solar-hud-top{
  margin-bottom:0;
  align-items:center;
}

.solar-hud-top{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  margin-bottom:10px;
}
.solar-kicker{
  display:flex; align-items:center; gap:12px;
  color:rgba(240,250,255,0.95);
  font-weight:700;
  font-size:16.5px;
  letter-spacing:0.3px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 14px 40px rgba(0,0,0,0.55);
  backdrop-filter: blur(10px) saturate(120%);
}
.solar-kicker-dot{
  width:11px;height:11px;border-radius:999px;
  background:rgba(140,220,255,0.92);
  box-shadow:0 0 0 7px rgba(140,220,255,0.12), 0 0 18px rgba(140,220,255,0.32);
}
.solar-kicker-text strong{
  background:linear-gradient(90deg, #ffffff, #bfe6ff 45%, #58a6ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter: drop-shadow(0 10px 26px rgba(88,166,255,0.22));
}
.solar-controls{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end;
}
.hud-btn{
  appearance:none;
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(160,210,255,0.28);
  color:#e8f4ff;
  font-weight:700;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.hud-btn:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.10); border-color:rgba(160,210,255,0.42); }
.hud-btn:active{ transform:translateY(0px); }
.hud-btn.hud-toggle{
  font-weight:700;
  padding:10px 14px;
  background:linear-gradient(180deg, rgba(88,166,255,0.18), rgba(255,255,255,0.06));
}
.solar-title{
  margin:10px 0 8px;
  font-size:clamp(1.6rem, 3.0vw, 2.6rem);
  line-height:1.12;
  background:linear-gradient(90deg,#ffffff,#bfe3ff 45%,#58a6ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 12px 40px rgba(40,110,200,0.18);
}
.solar-subtitle{
  margin:0 0 12px;
  color:#d8e9ff;
  max-width:64ch;
  line-height:1.55;
}
.solar-bullets{
  list-style:none;
  padding:0;
  margin:12px 0 14px;
  display:grid;
  gap:8px;
}
.solar-bullets li{
  display:flex;
  gap:10px;
  color:#eaf6ff;
  line-height:1.45;
}
.solar-bullets li::before{
  content:'✦';
  color:#8ec8ff;
  opacity:0.95;
  transform:translateY(1px);
}
.solar-cta{
  margin-top:10px;
}
.solar-cta .btn{
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.solar-progress{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:16px;
}
.solar-dot{
  width:10px; height:10px;
  border-radius:999px;
  border:1px solid rgba(140,200,255,0.34);
  background:rgba(140,200,255,0.18);
  cursor:pointer;
  padding:0;
}
.solar-dot.active{
  background:rgba(88,166,255,0.95);
  border-color:rgba(160,220,255,0.72);
  box-shadow:0 0 0 7px rgba(88,166,255,0.14), 0 0 26px rgba(88,166,255,0.55);
}
.solar-dot:focus-visible{
  outline:2px solid rgba(255,255,255,0.8);
  outline-offset:3px;
}
.solar-tip{
  margin-top:14px;
  color:#bfe3ff;
  font-size:0.92rem;
  opacity:0.92;
}
@media(max-width:640px){
  .solar-hud{ padding:18px 16px 14px; }
  .solar-hud-top{ flex-direction:column; align-items:flex-start; }
  .solar-controls{ width:100%; justify-content:flex-start; }
}


@media(max-width: 980px){
  .solar-kicker{font-size:15px; padding:8px 12px;}

  .solar-hero-inner{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  z-index:1;
  pointer-events:none; /* keep planets clickable */
}
  .solar-hud{width:min(860px, 94vw);}
}



/* --- Public unified footer (shared across all public pages) --- */
.public-footer{
  position:relative;
  z-index:2;
  padding:18px 18px 10px;
}
.public-footer-inner{
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 18px;
  border-radius:16px;
  background:rgba(6,10,22,0.62);
  border:1px solid rgba(148,163,184,0.18);
  backdrop-filter: blur(12px) saturate(160%);
}
.pf-left{min-width:220px;}
.pf-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:rgba(235,247,255,0.96);
}
.pf-logo{width:28px;height:28px;object-fit:contain}
.pf-name{font-weight:700; letter-spacing:0.2px}
.pf-center{
  flex:1;
  text-align:center;
  color:rgba(210,235,255,0.86);
}
.pf-copy{font-weight:600; color:rgba(235,247,255,0.94)}
.pf-meta{margin-top:4px; font-size:.92rem}
.pf-meta a{color:rgba(210,235,255,0.92); text-decoration:none}
.pf-meta a:hover{text-decoration:underline}
.pf-dot{opacity:.55; padding:0 6px}
.pf-links{
  min-width:220px;
  display:flex;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
}
.pf-links a{
  color:rgba(210,235,255,0.92);
  text-decoration:none;
}
.pf-links a:hover{text-decoration:underline}

.pf-extra{
  margin-top:10px;
  text-align:center;
  font-size:.92rem;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  color:rgba(185,221,255,0.82);
}
.pf-extra a{
  color:rgba(210,235,255,0.92);
  text-decoration:none;
  border-bottom:1px dashed rgba(210,235,255,0.28);
}
.pf-extra a:hover{border-bottom-color: rgba(210,235,255,0.60);}

@media (max-width: 980px){
  .public-footer-inner{flex-direction:column; align-items:center;}
  .pf-left, .pf-links{min-width:unset; width:100%;}
  .pf-links{justify-content:center;}
  .pf-center{text-align:center;}
}