/* career-compass.php — standalone tool, self-contained visual system
   (deliberately uses its own --navy/--gold tokens rather than the site's
   --ink/--ember tokens, since this page was designed with its own
   cohesive dark-navy/gold palette; kept as-is to avoid re-theming it). */
:root{
  --cc-navy:#0b1220;
  --cc-navy2:#0f1830;
  --cc-navy3:#141f3d;
  --cc-card:#111a33;
  --cc-border:#243057;
  --cc-gold:#e8a230;
  --cc-gold-soft:rgba(232,162,48,.14);
  --cc-teal:#2dd4bf;
  --cc-violet:#8b7cf6;
  --cc-text:#eef1fb;
  --cc-text-dim:#a7b0cc;
  --cc-text-faint:#6b7599;
  --cc-radius:16px;
}
#cc-app{color:var(--cc-text);font-family:'Plus Jakarta Sans',sans-serif;line-height:1.5;}
#cc-app *{box-sizing:border-box;}
#cc-app h1,#cc-app h2,#cc-app h3,#cc-app .serif{font-family:'DM Serif Display',serif;font-weight:400;}
#cc-app .screen{display:none;min-height:70vh;padding:28px 20px 60px;}
#cc-app .screen.active{display:block;animation:ccFadeIn .4s ease;}
@keyframes ccFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#cc-app .wrap{max-width:640px;margin:0 auto;}
#cc-app .wrap-wide{max-width:900px;margin:0 auto;}

#cc-app .brand{display:flex;align-items:center;gap:10px;margin-bottom:34px;}
#cc-app .brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--cc-gold),#c9791f);display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:18px;color:#1a1206;flex-shrink:0;}
#cc-app .brand .name{font-size:15px;font-weight:700;letter-spacing:.02em;}
#cc-app .brand .name span{color:var(--cc-gold);}

#cc-app .eyebrow{color:var(--cc-gold);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;}
#cc-app .hero-title{font-size:clamp(32px,7vw,54px);line-height:1.08;margin-bottom:16px;}
#cc-app .hero-title em{font-style:normal;background:linear-gradient(100deg,var(--cc-gold),#f5cf7a 60%,var(--cc-gold));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#cc-app .hero-sub{color:var(--cc-text-dim);font-size:16.5px;max-width:520px;margin-bottom:26px;}
#cc-app .cc-trust-badge{display:inline-flex;align-items:center;gap:6px;background:var(--cc-gold-soft);border:1px solid rgba(232,162,48,.35);color:var(--cc-text-dim);font-size:13px;padding:8px 16px;border-radius:99px;margin-bottom:28px;}
#cc-app .cc-trust-badge strong{color:var(--cc-gold);}

/* ── Hero: two-column on desktop, stacked on mobile ── */
#cc-app .cc-landing-wrap{max-width:1100px;}
#cc-app .cc-hero-grid{display:block;}
#cc-app .cc-hero-right{display:flex;justify-content:center;}
#cc-app .cc-start-btn{position:relative;overflow:hidden;box-shadow:0 0 0 0 rgba(232,162,48,.5);animation:ccStartPulse 2.8s ease-in-out infinite;}
@keyframes ccStartPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(232,162,48,.38);}
  50%{box-shadow:0 0 0 9px rgba(232,162,48,0);}
}

#cc-app .compass-visual{width:100%;max-width:220px;aspect-ratio:1;margin:16px auto 34px;position:relative;}
#cc-app .compass-ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--cc-border);}
#cc-app .compass-ring.r2{inset:22px;border-color:#2c3a68;}
#cc-app .compass-ring.r3{inset:44px;border-color:#37457a;}
#cc-app .compass-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cc-gold);box-shadow:0 0 14px var(--cc-gold);}
#cc-app .compass-needle{position:absolute;top:50%;left:50%;width:3px;height:40%;background:linear-gradient(to top,transparent,var(--cc-gold));transform-origin:bottom center;animation:ccSpin 8s linear infinite;}
@keyframes ccSpin{
  0%{transform:translate(-50%,-100%) rotate(0deg);}
  100%{transform:translate(-50%,-100%) rotate(360deg);}
}
#cc-app .compass-center{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--cc-text);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px var(--cc-navy);}

/* Orbiting cluster badges -- displaying on both mobile and desktop.
   Adjusted sizing for mobile to fit elegantly around the smaller compass. */
#cc-app .cc-orbit-badge{
  display:flex;position:absolute;align-items:center;justify-content:center;flex-direction:column;
  width:44px;height:44px;border-radius:50%;background:var(--cc-navy2);border:1px solid var(--cc-border);
  font-size:15px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);
  animation:ccOrbitFloat 3.6s ease-in-out infinite;
}
#cc-app .cc-orbit-badge .cc-ob-label{position:absolute;top:100%;margin-top:6px;font-size:9.5px;font-weight:700;color:var(--cc-text-faint);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;}
@keyframes ccOrbitFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
#cc-app .cc-ob-1{top:-10%;left:50%;margin-left:-22px;animation-delay:0s;}
#cc-app .cc-ob-2{top:8%;right:-16%;animation-delay:.3s;}
#cc-app .cc-ob-3{top:50%;right:-24%;margin-top:-22px;animation-delay:.6s;}
#cc-app .cc-ob-4{bottom:8%;right:-16%;animation-delay:.9s;}
#cc-app .cc-ob-5{bottom:-10%;left:50%;margin-left:-22px;animation-delay:1.2s;}
#cc-app .cc-ob-6{bottom:8%;left:-16%;animation-delay:1.5s;}
#cc-app .cc-ob-7{top:50%;left:-24%;margin-top:-22px;animation-delay:1.8s;}
#cc-app .cc-ob-8{top:8%;left:-16%;animation-delay:2.1s;}
@media(min-width:960px){
  #cc-app .cc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
  #cc-app .cc-hero-right{padding:0 56px;}
  #cc-app .compass-visual{max-width:260px;margin:8px auto;}
  #cc-app .cc-orbit-badge{width:52px;height:52px;font-size:18px;}
  #cc-app .cc-ob-1{margin-left:-26px;}
  #cc-app .cc-ob-3{margin-top:-26px;}
  #cc-app .cc-ob-5{margin-left:-26px;}
  #cc-app .cc-ob-7{margin-top:-26px;}
}
@media(min-width:1100px){
  #cc-app .cc-hero-right{padding:0 74px;}
}

#cc-app .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--cc-gold);color:#1a1206;border:none;border-radius:12px;
  padding:16px 26px;font-size:15.5px;font-weight:700;cursor:pointer;
  width:100%;transition:transform .15s ease, box-shadow .15s ease;
  font-family:'Plus Jakarta Sans',sans-serif;
}
#cc-app .btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(232,162,48,.55);}
#cc-app .btn:active{transform:translateY(0);}
#cc-app .btn-ghost{background:transparent;border:1px solid var(--cc-border);color:var(--cc-text);}
#cc-app .btn-ghost:hover{border-color:var(--cc-gold);box-shadow:none;}
#cc-app .btn-wa{background:#25D366;color:#06210f;}
#cc-app .btn-wa:hover{box-shadow:0 10px 26px -8px rgba(37,211,102,.5);}
#cc-app .meta-row{display:flex;gap:18px;margin-top:18px;color:var(--cc-text-faint);font-size:13px;flex-wrap:wrap;}
#cc-app .meta-row span{display:flex;align-items:center;gap:6px;}
#cc-app .dot{width:5px;height:5px;border-radius:50%;background:var(--cc-teal);}

#cc-app .cluster-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;}
#cc-app .chip{border:1px solid var(--cc-border);background:var(--cc-card);padding:8px 13px 8px 11px;border-radius:99px;font-size:12.5px;color:var(--cc-text-dim);display:inline-flex;align-items:center;gap:7px;transition:border-color .2s ease,color .2s ease;}
#cc-app .chip:hover{border-color:var(--cc-gold);color:var(--cc-text);}
#cc-app .chip .chip-dot{width:6px;height:6px;border-radius:50%;background:var(--cc-gold);flex-shrink:0;}

#cc-app .card{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:26px;}
#cc-app .field{margin-bottom:16px;}
#cc-app .field label{display:block;font-size:12.5px;font-weight:600;color:var(--cc-text-dim);margin-bottom:7px;letter-spacing:.02em;}
#cc-app .field input, #cc-app .field select{
  width:100%;background:var(--cc-navy3);border:1px solid var(--cc-border);border-radius:10px;
  padding:13px 14px;color:var(--cc-text);font-size:15px;font-family:inherit;
}
#cc-app .field input:focus, #cc-app .field select:focus{outline:none;border-color:var(--cc-gold);}
#cc-app .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#cc-app .disclaimer{font-size:12px;color:var(--cc-text-faint);margin-top:18px;line-height:1.6;}

#cc-app .progress-outer{display:flex;align-items:center;gap:12px;margin-bottom:30px;}
#cc-app .progress-track{flex:1;height:5px;background:var(--cc-navy3);border-radius:99px;overflow:hidden;}
#cc-app .progress-fill{height:100%;background:linear-gradient(90deg,var(--cc-gold),var(--cc-teal));border-radius:99px;transition:width .35s ease;}
#cc-app .progress-label{font-size:12.5px;color:var(--cc-text-faint);white-space:nowrap;font-weight:600;}
#cc-app .section-tag{color:var(--cc-violet);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;}
#cc-app .question-text{font-size:22px;line-height:1.35;margin-bottom:28px;font-family:'DM Serif Display',serif;}
#cc-app .options{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;}
#cc-app .opt{
  border:1px solid var(--cc-border);background:var(--cc-navy3);border-radius:12px;
  padding:15px 16px;cursor:pointer;font-size:14.5px;transition:all .15s ease;
  display:flex;align-items:center;gap:12px;
}
#cc-app .opt:hover{border-color:#3a4a80;}
#cc-app .opt.selected{border-color:var(--cc-gold);background:var(--cc-gold-soft);}
#cc-app .opt .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--cc-text-faint);flex-shrink:0;position:relative;}
#cc-app .opt.selected .radio{border-color:var(--cc-gold);}
#cc-app .opt.selected .radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--cc-gold);}
#cc-app .nav-row{display:flex;gap:10px;}
#cc-app .nav-row .btn{width:auto;flex:1;}

#cc-app .result-hero{text-align:center;padding:36px 20px 30px;}
#cc-app .badge-personality{
  display:inline-block;background:var(--cc-gold-soft);border:1px solid var(--cc-gold);color:var(--cc-gold);
  font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 16px;border-radius:99px;margin-bottom:18px;
}
#cc-app .personality-name{font-size:clamp(28px,6vw,40px);margin-bottom:12px;}
#cc-app .personality-desc{color:var(--cc-text-dim);max-width:480px;margin:0 auto;font-size:15px;}

#cc-app .match-card{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:22px;margin-bottom:14px;position:relative;overflow:hidden;}
#cc-app .match-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
#cc-app .match-left{display:flex;align-items:center;gap:10px;min-width:0;}
#cc-app .match-card .rank{
  position:static;flex-shrink:0;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;
  color:var(--cc-gold);background:var(--cc-gold-soft);border:1px solid var(--cc-border);
}
#cc-app .match-cluster{font-size:19px;font-weight:700;}
#cc-app .match-score{font-family:'DM Serif Display',serif;font-size:26px;color:var(--cc-gold);}
#cc-app .match-bar-track{height:7px;background:var(--cc-navy3);border-radius:99px;overflow:hidden;margin-bottom:10px;}
#cc-app .match-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cc-teal),var(--cc-gold));}
#cc-app .match-why{color:var(--cc-text-dim);font-size:13.5px;line-height:1.6;}

#cc-app .lock-overlay{position:relative;border-radius:var(--cc-radius);overflow:hidden;}
#cc-app .lock-overlay .blur-content{filter:blur(7px);pointer-events:none;user-select:none;}
#cc-app .lock-badge{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(11,18,32,.55);gap:8px;text-align:center;padding:20px;
}
#cc-app .lock-icon{width:38px;height:38px;border-radius:10px;background:var(--cc-gold-soft);border:1px solid var(--cc-gold);display:flex;align-items:center;justify-content:center;font-size:17px;}

#cc-app .unlock-cta{
  background:linear-gradient(135deg,var(--cc-navy3),var(--cc-navy2));border:1px solid var(--cc-gold);border-radius:var(--cc-radius);
  padding:24px;text-align:center;margin:26px 0;
}
#cc-app .unlock-cta h3{font-size:21px;margin-bottom:8px;}
#cc-app .unlock-cta p{color:var(--cc-text-dim);font-size:13.5px;margin-bottom:18px;}

#cc-app .radar-wrap{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:24px;margin-bottom:20px;display:flex;justify-content:center;}
#cc-app .radar-wrap > div{width:100%;max-width:520px;}
@media(max-width:560px){#cc-app .radar-wrap{padding:16px;}}
#cc-app .dim-row{margin-bottom:14px;}
#cc-app .dim-row:last-child{margin-bottom:0;}
#cc-app .dim-row-top{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;}
#cc-app .dim-label{color:var(--cc-text);font-weight:600;}
#cc-app .dim-pct{color:var(--cc-gold);font-weight:700;}
#cc-app .dim-bar-track{height:6px;background:var(--cc-navy3);border-radius:99px;overflow:hidden;}
#cc-app .dim-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cc-violet),var(--cc-gold));}
#cc-app .section-heading{font-size:22px;margin:34px 0 16px;}
#cc-app .section-heading small{display:block;color:var(--cc-text-faint);font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;}

#cc-app .exam-chip-row{display:flex;flex-wrap:wrap;gap:10px;}
#cc-app .exam-chip{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;
  font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .15s ease,border-color .15s ease;
}
#cc-app a.exam-chip{background:var(--cc-gold-soft);border:1px solid var(--cc-gold);color:var(--cc-text);}
#cc-app a.exam-chip:hover{transform:translateY(-2px);}
#cc-app a.exam-chip .exam-chip-badge{font-size:10px;font-weight:800;color:var(--cc-gold);text-transform:uppercase;letter-spacing:.03em;}
#cc-app div.exam-chip{background:var(--cc-navy3);border:1px solid var(--cc-border);color:var(--cc-text-dim);}
#cc-app .exam-note{color:var(--cc-text-faint);font-size:12px;margin-top:12px;line-height:1.6;}

#cc-app .roadmap{display:flex;flex-direction:column;}
#cc-app .rm-step{display:flex;gap:16px;position:relative;padding-bottom:26px;}
#cc-app .rm-step:last-child{padding-bottom:0;}
#cc-app .rm-line{width:2px;background:var(--cc-border);position:absolute;left:15px;top:34px;bottom:0;}
#cc-app .rm-step:last-child .rm-line{display:none;}
#cc-app .rm-dot{width:32px;height:32px;border-radius:50%;background:var(--cc-navy3);border:1px solid var(--cc-gold);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--cc-gold);flex-shrink:0;z-index:1;}
#cc-app .rm-body h4{font-size:15.5px;margin-bottom:4px;}
#cc-app .rm-body p{color:var(--cc-text-dim);font-size:13.5px;}

#cc-app .cta-block{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:22px;margin-top:18px;}
#cc-app .cta-block h4{font-size:17px;margin-bottom:6px;}
#cc-app .cta-block p{color:var(--cc-text-dim);font-size:13.5px;margin-bottom:16px;}
#cc-app .btn-row{display:flex;gap:10px;flex-wrap:wrap;}
#cc-app .btn-row .btn{width:auto;flex:1;min-width:150px;}

#cc-app .footer-note{text-align:center;color:var(--cc-text-faint);font-size:12px;margin-top:34px;line-height:1.7;}

#cc-app .cc-counsel-highlight{
  position:relative;text-align:center;margin-top:20px;padding:30px 24px 26px;
  border-radius:var(--cc-radius);
  background:linear-gradient(160deg,rgba(232,162,48,.16),rgba(232,162,48,.05));
  border:1.5px solid var(--cc-gold);
  box-shadow:0 0 0 4px rgba(232,162,48,.08), 0 14px 40px -12px rgba(232,162,48,.35);
  animation:ccCounselGlow 2.6s ease-in-out infinite;
}
@keyframes ccCounselGlow{
  0%,100%{box-shadow:0 0 0 4px rgba(232,162,48,.08), 0 14px 40px -12px rgba(232,162,48,.35);}
  50%{box-shadow:0 0 0 7px rgba(232,162,48,.14), 0 18px 48px -10px rgba(232,162,48,.5);}
}
#cc-app .cc-counsel-badge{
  display:inline-block;background:var(--cc-gold);color:#1a1206;font-size:11.5px;font-weight:800;
  letter-spacing:.04em;padding:5px 14px;border-radius:99px;margin-bottom:14px;
}
#cc-app .cc-counsel-highlight h4{font-size:20px;margin-bottom:8px;font-family:'DM Serif Display',serif;}
#cc-app .cc-counsel-highlight p{color:var(--cc-text-dim);font-size:13.5px;max-width:440px;margin:0 auto 20px;line-height:1.6;}
#cc-app .cc-counsel-highlight p strong{color:var(--cc-gold);}
#cc-app .cc-counsel-btn{width:auto;min-width:260px;font-size:16px;padding:17px 30px;box-shadow:0 10px 30px -8px rgba(232,162,48,.6);}

#cc-app .cc-benefits{margin-top:48px;}
#cc-app .cc-benefits-title{font-size:22px;margin-bottom:4px;}
#cc-app .cc-benefits-sub{color:var(--cc-text-faint);font-size:13.5px;margin-bottom:20px;}
#cc-app .cc-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
#cc-app .cc-benefit-item{
  background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px;padding:18px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#cc-app .cc-benefit-item:hover{transform:translateY(-3px);border-color:rgba(232,162,48,.4);box-shadow:0 14px 28px -14px rgba(0,0,0,.5);}
#cc-app .cc-benefit-icon{
  width:38px;height:38px;border-radius:10px;margin-bottom:12px;
  display:flex;align-items:center;justify-content:center;
  background:var(--cc-gold-soft);border:1px solid rgba(232,162,48,.3);color:var(--cc-gold);
}
#cc-app .cc-benefit-title{font-weight:700;font-size:13.5px;margin-bottom:5px;}
#cc-app .cc-benefit-desc{color:var(--cc-text-dim);font-size:12.5px;line-height:1.55;}
@media(max-width:560px){#cc-app .cc-benefits-grid{grid-template-columns:1fr;}}
@media(min-width:900px){#cc-app .cc-benefits-grid{grid-template-columns:repeat(3,1fr);}}

#cc-app .cc-faq{margin-top:40px;}
#cc-app .cc-faq-title{font-size:19px;margin-bottom:14px;}
#cc-app .cc-faq-item{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:12px;padding:16px 18px;margin-bottom:10px;}
#cc-app .cc-faq-q{font-weight:700;font-size:14px;margin-bottom:6px;}
#cc-app .cc-faq-a{color:var(--cc-text-dim);font-size:13.5px;line-height:1.6;}

/* WhatsApp float widget -- same component used sitewide (see home.css),
   duplicated here since this page intentionally keeps its own
   self-contained stylesheet rather than pulling in unrelated page CSS. */
.wa-float{position:fixed;bottom:28px;left:28px;z-index:400;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.wa-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:100px;padding:13px 22px 13px 16px;box-shadow:0 6px 24px rgba(37,211,102,.38);cursor:pointer;border:none;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:13.5px;font-weight:700;transition:all .25s;text-decoration:none;white-space:nowrap;position:relative;}
.wa-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 36px rgba(37,211,102,.52);}
.wa-icon{width:32px;height:32px;flex-shrink:0;}
.wa-pulse{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#25d366;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:waPulse 2.2s infinite;}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.wa-tooltip{background:var(--panel2);border:1px solid var(--edge2);border-radius:10px;padding:9px 14px;font-size:12px;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.4);max-width:200px;line-height:1.5;opacity:0;pointer-events:none;transform:translateY(4px);transition:all .22s;}
.wa-float:hover .wa-tooltip{opacity:1;transform:translateY(0);pointer-events:auto;}
@media(max-width:640px){.wa-float{bottom:20px;left:16px}.wa-btn{padding:10px 14px 10px 12px;font-size:12px}.wa-tooltip{display:none}}
@media(max-width:480px){.wa-float{display:none}}

@media(max-width:480px){
  #cc-app .field-row{grid-template-columns:1fr;}
  #cc-app .btn-row .btn{min-width:100%;}
  #cc-app .cc-counsel-btn{min-width:0;width:100%;padding:16px 18px;font-size:14.5px;}
  #cc-app .cc-counsel-highlight{padding:24px 18px 22px;}
}

@media(max-width:959px){
  /* Fix Trust Badge text forcing columns on mobile due to inline-flex */
  #cc-app .cc-trust-badge{
    display:block;
    text-align:center;
    padding:12px 18px;
    border-radius:16px;
    line-height:1.5;
  }
  
  /* Add vertical spacing between feature text and compass so orbital badges do not overlap the text */
  #cc-app .meta-row{
    margin-bottom:24px;
    justify-content:center;
  }
  #cc-app .compass-visual{
    margin-top:54px;
  }
}