/* CleanGlo Aurora Glass - Mobile First */
:root{
  --cg-blue:#58BDD8;
  --cg-pink:#E26CA6;
  --cg-silver:#EAF0FF;
  --cg-glow:#1FB6C1; /* header/nav glow */

  --cg-bg:#050913;
  --cg-bg2:#071426;
  --cg-text:rgba(234,240,255,0.92);
  --cg-dim:rgba(234,240,255,0.70);
  --cg-border:rgba(234,240,255,0.16);

  --cg-radius:22px;
  --cg-pill:999px;
  --cg-shadow:0 14px 44px rgba(0,0,0,0.55);
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:radial-gradient(1200px 600px at 50% -100px, rgba(88,189,216,0.10), transparent 60%),
             radial-gradient(900px 500px at 10% 0%, rgba(226,108,166,0.10), transparent 55%),
             var(--cg-bg);
  color:var(--cg-text);
  overflow-x:hidden; /* your saved fix */
}

a{color:inherit; text-decoration:none;}
a:hover{text-decoration:underline;}

.cg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.cg-wrap{width:min(1120px, calc(100% - 40px)); margin:0 auto;}

/* Typography */
.cg-h1{font-size:clamp(28px,4.2vw,44px); line-height:1.1; margin:0 0 10px;}
.cg-h2{font-size:clamp(18px,2.2vw,24px); line-height:1.2; margin:0 0 10px;}
.cg-sub{color:var(--cg-dim); margin:0;}
.cg-pink{color:var(--cg-pink);} .cg-blue{color:var(--cg-blue);} .cg-silver{color:var(--cg-silver);} 

/* Header (pill nav look from your screenshots) */
.cg-header{
  position:sticky; top:0; z-index:99;
  background:linear-gradient(to bottom, rgba(10,14,22,0.86), rgba(10,14,22,0.72));
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(234,240,255,0.10);
}
.cg-header__inner{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:14px;
}

.cg-brand__link{display:flex; align-items:center; gap:12px;}
.cg-brand__text{font-weight:800; letter-spacing:0.3px; color:var(--cg-blue);}

/* If WP outputs a custom logo, keep it clean */
.custom-logo{height:52px; width:auto; display:block; filter:drop-shadow(0 0 12px rgba(31,182,193,0.16));}

.cg-nav-toggle{
  margin-left:auto;
  background:rgba(234,240,255,0.06);
  border:1px solid rgba(234,240,255,0.14);
  border-radius:var(--cg-pill);
  padding:10px 12px;
  color:rgba(255,255,255,0.96);
}
.cg-nav-toggle__icon{display:block;width:18px;height:2px;background:var(--cg-silver);position:relative;}
.cg-nav-toggle__icon:before,.cg-nav-toggle__icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--cg-silver);} 
.cg-nav-toggle__icon:before{top:-6px;} .cg-nav-toggle__icon:after{top:6px;}

.cg-nav{display:none; width:100%; padding:10px 0 16px;}
.cg-nav.is-open{display:block;}
.cg-nav__list{list-style:none; padding:0; margin:10px 0 0; display:flex; flex-direction:column; gap:10px;}

/* Pills */
.cg-nav__list a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:var(--cg-pill);
  background:linear-gradient(180deg, rgba(234,240,255,0.08), rgba(234,240,255,0.04));
  border:1px solid rgba(234,240,255,0.14);
  color:rgba(255,255,255,0.96);
  font-weight:700;
  letter-spacing:0.2px;
  text-decoration:none;
}
.cg-nav__list a:hover,
.cg-nav__list a:focus{
  text-decoration:none;
  box-shadow:0 0 0 2px rgba(31,182,193,0.18), 0 0 20px rgba(31,182,193,0.22);
  border-color:rgba(31,182,193,0.30);
}

/* Active pill uses light silver glass + controlled glow */
.cg-nav__list .current-menu-item > a,
.cg-nav__list .current_page_item > a{
  background:linear-gradient(180deg, rgba(234,240,255,0.16), rgba(234,240,255,0.08));
  border-color:rgba(234,240,255,0.22);
  box-shadow:0 0 0 2px rgba(31,182,193,0.14), 0 0 18px rgba(31,182,193,0.16);
}

/* Main */
.cg-main{padding:0 0 40px;}

/* Hero panel to match your screenshot */
.cg-hero{padding:44px 0 34px;}
.cg-hero__panel{
  border-radius:28px;
  border:1px solid rgba(234,240,255,0.10);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.20), var(--cg-shadow);
  background:
    radial-gradient(1200px 600px at 80% 0%, rgba(31,182,193,0.22), transparent 60%),
    linear-gradient(90deg, rgba(5,10,18,0.75), rgba(10,60,70,0.62) 55%, rgba(10,80,80,0.45));
  padding:38px 0;
}
.cg-hero__title{
  font-size:clamp(36px,5.4vw,72px);
  line-height:1.02;
  margin:0 0 14px;
  font-weight:900;
  letter-spacing:-0.8px;
}
.cg-hero__sub{color:rgba(234,240,255,0.78); font-size:clamp(16px,1.8vw,22px); margin:0 0 22px; max-width:70ch;}
.cg-hero__cta{display:flex; gap:14px; flex-wrap:wrap;}

/* Button rules: primary gradient (cg-cta), secondary subtle glass */
.cg-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:14px;
  font-weight:800;
  color:rgba(255,255,255,0.98);
  text-decoration:none;
  background:linear-gradient(90deg, rgba(226,108,166,0.95), rgba(88,189,216,0.90));
  border:1px solid rgba(234,240,255,0.16);
  box-shadow:0 0 24px rgba(226,108,166,0.22), 0 0 18px rgba(88,189,216,0.16);
}
.cg-cta:hover,.cg-cta:focus{ text-decoration:none; box-shadow:0 0 0 2px rgba(31,182,193,0.18), 0 0 28px rgba(31,182,193,0.22), 0 0 22px rgba(226,108,166,0.16); }

.cg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:14px;
  font-weight:800;
  color:rgba(255,255,255,0.96);
  text-decoration:none;
  background:rgba(234,240,255,0.06);
  border:1px solid rgba(234,240,255,0.14);
}
.cg-btn:hover,.cg-btn:focus{ text-decoration:none; box-shadow:0 0 0 2px rgba(31,182,193,0.14), 0 0 18px rgba(31,182,193,0.14); }

/* Cards/grid (services style basis) */
.cg-grid{display:grid; grid-template-columns:1fr; gap:16px; padding:26px 0 0;}
.cg-card{
  background:linear-gradient(180deg, rgba(234,240,255,0.07), rgba(234,240,255,0.04));
  border:1px solid rgba(234,240,255,0.12);
  border-radius:26px;
  box-shadow:0 18px 48px rgba(0,0,0,0.50);
  padding:18px;
}
.cg-meta{color:var(--cg-dim); font-size:13px; margin:6px 0 0;}
.cg-content{line-height:1.65; color:rgba(234,240,255,0.90);}
.cg-excerpt{color:rgba(234,240,255,0.82); line-height:1.55;}

.cg-pagehead{padding:28px 0 8px;}

/* Footer */
.cg-footer{border-top:1px solid rgba(234,240,255,0.10); padding:28px 0;}
.cg-footer__inner{width:min(1120px, calc(100% - 40px)); margin:0 auto; display:grid; gap:14px;}
.cg-footer__name{font-weight:800; color:rgba(234,240,255,0.92);} 
.cg-footer__tag{color:var(--cg-dim); margin-left:10px;}
.cg-footer__list{list-style:none; padding:0; margin:0; display:flex; gap:14px; flex-wrap:wrap;}
.cg-footer__list a{color:rgba(255,255,255,0.90);}

/* Desktop enhancements (nav pills on one row like your screenshot) */
@media (min-width: 900px){
  .cg-nav-toggle{display:none;}
  .cg-nav{display:block; margin-left:auto; width:auto; padding:0;}
  .cg-nav__list{margin:0; flex-direction:row; align-items:center; gap:14px;}
  .cg-nav__list a{padding:12px 22px;}
  .cg-hero{padding:72px 0 54px;}
  .cg-hero__panel{padding:64px 0;}
  .cg-grid{grid-template-columns:repeat(3, 1fr);}
  .cg-footer__inner{grid-template-columns:1.2fr 1fr 1fr; align-items:center;}
}