:root{
  --mc-navy:#0D1B2A;--mc-navy-2:#14283D;--mc-blue:#2F6F8F;--mc-gold:#D8A31A;--mc-gold-2:#F2C94C;--mc-sand:#F6F1E8;--mc-sand-2:#FBF8F1;--mc-white:#FFFFFF;--mc-text:#122033;--mc-muted:#667085;--mc-border:#DDE5EA;--mc-green:#5E8C73;--mc-red:#B85C5C;--mc-shadow:0 20px 50px rgba(13,27,42,.10);--radius:22px;--radius-sm:14px;--wrap:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mc-sand-2);color:var(--mc-text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}h1,h2,h3{line-height:1.08;margin:0 0 .75rem;color:var(--mc-navy)}h1{font-size:clamp(2.35rem,5vw,4.8rem);letter-spacing:-.055em;max-width:920px}h2{font-size:clamp(1.8rem,3.5vw,3.1rem);letter-spacing:-.04em;max-width:860px}h3{font-size:1.18rem;letter-spacing:-.015em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:1000}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,248,241,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,229,234,.85)}.nav-wrap{display:flex;align-items:center;gap:22px;min-height:78px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;min-width:230px}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mc-navy);color:var(--mc-gold);font-size:2.1rem;line-height:1;font-weight:800}.brand small{display:block;color:var(--mc-muted);font-size:.78rem;margin-top:1px}.main-nav{display:flex;gap:16px;align-items:center;margin-left:auto}.main-nav a{font-weight:650;text-decoration:none;color:#24364b}.main-nav a:hover{color:var(--mc-blue)}.lang{display:flex;gap:8px;margin-left:4px}.lang a{font-size:.82rem;text-decoration:none;color:var(--mc-muted);font-weight:700}.nav-toggle{display:none}.section{padding:76px 0}.hero{padding:86px 0 70px;background:linear-gradient(135deg,#fff 0%,var(--mc-sand) 70%,#f3e4ba 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:52px;align-items:center}.eyebrow{font-weight:800;color:var(--mc-blue);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin:0 0 .75rem}.lead,.section-lead{font-size:1.18rem;color:#35465a;max-width:780px;margin:0 0 1.25rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--mc-navy);color:#fff}.btn-primary:hover{background:#07111d}.btn-secondary{background:#fff;color:var(--mc-navy);border-color:var(--mc-border)}.btn-secondary:hover{border-color:var(--mc-gold);box-shadow:0 8px 28px rgba(216,163,26,.18)}.hero-panel{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);border-radius:var(--radius);box-shadow:var(--mc-shadow);padding:28px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.hero-panel p{grid-column:1/-1;color:#405168;margin:12px 0 0}.mini-card{background:var(--mc-sand);border:1px solid var(--mc-border);border-radius:16px;padding:16px 10px;text-align:center;font-weight:800}.mini-card.strong{background:#e9f2f4}.mini-card.accent{background:#fff5d4}.arrow{color:var(--mc-gold);font-weight:900;font-size:1.35rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--mc-border);border-radius:var(--radius-sm);padding:22px;box-shadow:0 10px 28px rgba(13,27,42,.055)}.card:hover{transform:translateY(-2px);transition:.16s ease;box-shadow:var(--mc-shadow)}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--mc-blue)}.card p{margin:.35rem 0 0;color:#46576b}.meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--mc-green);margin:0 0 .6rem!important}.soft{background:var(--mc-sand)}.check-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;max-width:850px}.check-list li{background:#fff;border:1px solid var(--mc-border);border-radius:14px;padding:14px 16px}.check-list li:before{content:'✓';font-weight:900;color:var(--mc-green);margin-right:10px}.info-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.info-strip span,.service-meta div{background:#fff;border:1px solid var(--mc-border);border-radius:14px;padding:14px 16px}.service-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.service-meta strong{display:block;color:var(--mc-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.service-meta span{font-weight:800;color:var(--mc-navy)}.mc-test{display:grid;gap:16px;max-width:820px}.mc-test fieldset{border:1px solid var(--mc-border);background:#fff;border-radius:16px;padding:18px}.mc-test legend{font-weight:800;color:var(--mc-navy)}.mc-test label{display:block;margin:.55rem 0;color:#34465a}.test-result{margin-top:10px;border-radius:16px;padding:18px;background:#fff;border:1px solid var(--mc-border);display:none}.test-result.is-visible{display:block}.pricing-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-top:24px}.pricing-table td,.pricing-table th{background:#fff;border-top:1px solid var(--mc-border);border-bottom:1px solid var(--mc-border);padding:15px;text-align:left}.pricing-table td:first-child,.pricing-table th:first-child{border-left:1px solid var(--mc-border);border-radius:14px 0 0 14px}.pricing-table td:last-child,.pricing-table th:last-child{border-right:1px solid var(--mc-border);border-radius:0 14px 14px 0}.site-footer{background:var(--mc-navy);color:#dfe8f1;padding:34px 0;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr auto;gap:28px;align-items:start}.site-footer a{color:#fff}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.form-shell{background:#fff;border:1px solid var(--mc-border);border-radius:var(--radius);padding:24px;box-shadow:var(--mc-shadow);max-width:840px}.form-shell label{font-weight:800;display:block;margin-top:14px}.form-shell input,.form-shell textarea,.form-shell select{width:100%;padding:12px 14px;border:1px solid var(--mc-border);border-radius:12px;margin-top:5px;font:inherit}.form-shell textarea{min-height:120px}@media(max-width:920px){.hero-grid,.footer-grid{grid-template-columns:1fr}.card-grid,.card-grid.four,.service-meta{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:18px 22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--mc-border)}.main-nav.is-open{display:flex}.nav-toggle{display:inline-flex;margin-left:auto;border:1px solid var(--mc-border);border-radius:999px;background:#fff;padding:9px 13px;font-weight:800}.lang{margin-left:0}.hero-panel{grid-template-columns:1fr}.arrow{display:none}}@media(max-width:620px){.section{padding:54px 0}.nav-wrap{min-height:68px}.brand{min-width:auto}.brand small{display:none}.card-grid,.card-grid.four,.service-meta{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}.pricing-table,.pricing-table tbody,.pricing-table tr,.pricing-table td,.pricing-table th{display:block;width:100%}.pricing-table th{display:none}.pricing-table td{border:1px solid var(--mc-border);border-bottom:0;border-radius:0}.pricing-table td:first-child{border-radius:14px 14px 0 0}.pricing-table td:last-child{border-bottom:1px solid var(--mc-border);border-radius:0 0 14px 14px;margin-bottom:10px}}


/* 10/10 client-path polish patch — 2026-06-21 */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.form-note,
.section-note {
  color: var(--muted);
  font-size: 0.96rem;
  line-height: 1.55;
}

.pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1rem;
}

.pill-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 2.55rem;
  padding: .65rem .9rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--blue);
  text-decoration: none;
  font-weight: 700;
}

.pill-nav a:hover,
.pill-nav a:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(216,163,26,.18);
  outline: none;
}

.text-link {
  font-weight: 800;
  color: var(--blue);
  text-decoration-thickness: .12em;
  text-underline-offset: .18em;
}

.anchor-target {
  position: relative;
  top: -5rem;
}

.mc-inquiry-form textarea {
  min-height: 8.5rem;
}

.mc-inquiry-form select,
.mc-inquiry-form input,
.mc-inquiry-form textarea {
  font-size: 1rem;
}

@media (max-width: 720px) {
  .pill-nav {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pill-nav a {
    justify-content: center;
    text-align: center;
  }

  .card {
    padding: 1rem;
  }

  .form-shell {
    padding: 1rem;
  }

  .section {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

/* 2026-06-22 More Clarity brand + homepage hero restoration */
.brand-logo-link{
  gap:10px;
  flex-direction:column;
  align-items:flex-start;
  min-width:280px;
}
.brand-logo-img{
  display:block;
  width:260px;
  max-width:100%;
  height:auto;
}
.brand-tagline{
  display:block;
  font-size:.78rem;
  line-height:1.2;
  font-weight:750;
  color:var(--mc-muted);
  letter-spacing:.01em;
  margin-top:-4px;
}
.hero-photo-card{
  margin:0;
  background:#fff;
  border:1px solid var(--mc-border);
  border-radius:var(--radius);
  box-shadow:var(--mc-shadow);
  overflow:hidden;
}
.hero-photo-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  object-position:center;
}
.hero-photo-card figcaption{
  padding:12px 16px;
  font-size:.92rem;
  color:var(--mc-muted);
  background:#fff;
}
@media(max-width:920px){
  .brand-logo-link{min-width:220px}
  .brand-logo-img{width:220px}
  .hero-photo-card img{min-height:260px}
}
@media(max-width:620px){
  .brand-logo-img{width:190px}
  .brand-tagline{display:none}
}

/* 2026-06-22 homepage visual refinement: clearer premium first screen */
.site-header{
  background:rgba(251,248,241,.96);
  border-bottom:1px solid rgba(13,27,42,.08);
}
.nav-wrap{
  min-height:88px;
  align-items:center;
}
.brand-logo-link{
  min-width:245px;
  gap:0;
}
.brand-logo-img{
  width:230px;
}
.brand-tagline{
  display:none !important;
}
.main-nav{
  gap:18px;
}
.main-nav a{
  font-size:.95rem;
  font-weight:760;
}
.lang a{
  font-size:.78rem;
  font-weight:800;
}

.hero{
  padding:76px 0 74px;
  background:
    radial-gradient(circle at 82% 18%, rgba(216,163,26,.20), transparent 30%),
    linear-gradient(135deg,#fffaf0 0%, #f7efe0 48%, #eef5f6 100%);
  border-bottom:1px solid rgba(13,27,42,.06);
}
.hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);
  gap:64px;
  align-items:center;
}
.hero h1{
  font-size:clamp(3.1rem,5.7vw,5.45rem);
  line-height:.98;
  letter-spacing:-.065em;
  max-width:900px;
  margin-bottom:20px;
}
.hero .lead{
  font-size:1.22rem;
  line-height:1.55;
  max-width:735px;
  color:#33475d;
}
.hero .eyebrow{
  color:#1E6B82;
  letter-spacing:.16em;
  margin-bottom:18px;
}
.hero .actions{
  margin-top:30px;
  gap:14px;
}
.hero .btn{
  min-height:54px;
  padding:14px 22px;
  box-shadow:0 10px 26px rgba(13,27,42,.08);
}
.hero .btn-primary{
  background:#0D1B2A;
}
.hero .btn-secondary{
  background:rgba(255,255,255,.78);
}

.hero-photo-card{
  position:relative;
  border-radius:30px;
  transform:translateY(2px);
  box-shadow:0 24px 70px rgba(13,27,42,.16);
  border:1px solid rgba(255,255,255,.95);
}
.hero-photo-card:before{
  content:"";
  position:absolute;
  inset:-16px -16px auto auto;
  width:118px;
  height:118px;
  border-radius:999px;
  background:rgba(216,163,26,.22);
  z-index:-1;
}
.hero-photo-card img{
  min-height:360px;
  max-height:390px;
  object-fit:cover;
}
.hero-photo-card figcaption{
  font-weight:760;
  color:#33475d;
  background:rgba(255,255,255,.92);
  border-top:1px solid rgba(13,27,42,.06);
}

@media(max-width:1080px){
  .nav-wrap{min-height:82px}
  .brand-logo-img{width:205px}
  .main-nav{gap:13px}
  .main-nav a{font-size:.88rem}
  .hero-grid{gap:42px}
}
@media(max-width:920px){
  .hero{
    padding:52px 0 56px;
  }
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero h1{
    font-size:clamp(2.55rem,9vw,4.2rem);
  }
  .hero-photo-card img{
    min-height:280px;
    max-height:340px;
  }
}
@media(max-width:620px){
  .nav-wrap{
    min-height:72px;
  }
  .brand-logo-img{
    width:178px;
  }
  .hero{
    padding:40px 0 46px;
  }
  .hero h1{
    font-size:2.55rem;
    letter-spacing:-.055em;
  }
  .hero .lead{
    font-size:1.05rem;
  }
  .hero-photo-card{
    border-radius:22px;
  }
  .hero-photo-card img{
    min-height:220px;
  }
}

/* 2026-06-22 PREMIUM HERO v2 — no stock image, stronger brand, clearer first screen */
.site-header{
  background:rgba(252,248,239,.985) !important;
  border-bottom:1px solid rgba(13,27,42,.075) !important;
  box-shadow:0 10px 34px rgba(13,27,42,.035);
}
.nav-wrap{
  min-height:118px !important;
  gap:28px !important;
}
.brand-logo-link{
  min-width:430px !important;
  max-width:460px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
}
.brand-logo-img{
  width:430px !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
}
.brand-tagline{
  display:none !important;
}
.main-nav{
  gap:18px !important;
  margin-left:auto !important;
}
.main-nav a{
  font-size:.96rem !important;
  font-weight:780 !important;
  letter-spacing:-.01em;
  color:#17283a !important;
}
.lang{
  gap:7px !important;
}
.lang a{
  font-size:.78rem !important;
  font-weight:850 !important;
}

.premium-hero{
  min-height:calc(100vh - 118px);
  display:flex;
  align-items:center;
  padding:78px 0 86px !important;
  background:
    radial-gradient(circle at 83% 16%, rgba(216,163,26,.18), transparent 26%),
    radial-gradient(circle at 18% 80%, rgba(30,107,130,.10), transparent 28%),
    linear-gradient(135deg,#fffaf0 0%,#f7efdf 46%,#eef5f5 100%) !important;
  border-bottom:1px solid rgba(13,27,42,.07);
}
.premium-hero-grid{
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.86fr) !important;
  gap:72px !important;
  align-items:center !important;
}
.premium-hero-copy{
  max-width:820px;
}
.premium-hero .eyebrow{
  color:#1E6B82 !important;
  letter-spacing:.17em !important;
  font-size:.82rem !important;
  margin-bottom:20px !important;
}
.premium-hero h1{
  font-size:clamp(4rem,6.35vw,6.7rem) !important;
  line-height:.91 !important;
  letter-spacing:-.078em !important;
  max-width:860px !important;
  margin-bottom:26px !important;
  color:#0D1B2A !important;
}
.premium-hero .lead{
  max-width:680px !important;
  font-size:1.25rem !important;
  line-height:1.6 !important;
  color:#31485c !important;
}
.premium-hero .actions{
  margin-top:34px !important;
  gap:15px !important;
}
.premium-hero .btn{
  min-height:58px !important;
  padding:15px 24px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  box-shadow:0 14px 34px rgba(13,27,42,.10);
}
.premium-hero .btn-primary{
  background:#0D1B2A !important;
  color:#fff !important;
}
.premium-hero .btn-secondary{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(13,27,42,.10) !important;
}
.hero-proofline{
  margin-top:22px;
  color:#5d6f82;
  font-size:.98rem;
  font-weight:720;
}

.clarity-board{
  position:relative;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.92);
  border-radius:34px;
  box-shadow:0 32px 90px rgba(13,27,42,.16);
  padding:28px;
  overflow:hidden;
  backdrop-filter:blur(14px);
}
.clarity-board:before{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:190px;
  height:190px;
  background:rgba(216,163,26,.22);
  border-radius:50%;
}
.clarity-board:after{
  content:"";
  position:absolute;
  left:-80px;
  bottom:-90px;
  width:230px;
  height:230px;
  background:rgba(30,107,130,.10);
  border-radius:50%;
}
.clarity-board-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
  color:#5b6c7d;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}
.clarity-board-top strong{
  color:#0D1B2A;
  background:#F6D987;
  border-radius:999px;
  padding:7px 11px;
  letter-spacing:0;
}
.clarity-flow{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
}
.clarity-step{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(13,27,42,.08);
  border-radius:20px;
  padding:18px 18px;
  display:grid;
  grid-template-columns:46px 1fr;
  column-gap:14px;
  row-gap:4px;
}
.clarity-step small{
  grid-row:1 / span 2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#EEF5F5;
  color:#1E6B82;
  font-weight:950;
}
.clarity-step strong{
  color:#0D1B2A;
  font-size:1.07rem;
}
.clarity-step span{
  color:#526477;
  font-size:.96rem;
}
.clarity-step.is-strong{
  border-color:rgba(30,107,130,.28);
  box-shadow:0 14px 32px rgba(30,107,130,.08);
}
.clarity-step.is-accent{
  border-color:rgba(216,163,26,.45);
  background:#fff9e7;
}
.clarity-step.is-accent small{
  background:#F6D987;
  color:#0D1B2A;
}
.clarity-board-bottom{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.clarity-board-bottom span{
  background:#0D1B2A;
  color:#fff;
  border-radius:999px;
  padding:8px 11px;
  font-size:.82rem;
  font-weight:850;
}

@media(max-width:1200px){
  .nav-wrap{min-height:104px !important}
  .brand-logo-link{min-width:350px !important;max-width:370px !important}
  .brand-logo-img{width:360px !important}
  .main-nav{gap:12px !important}
  .main-nav a{font-size:.88rem !important}
  .premium-hero-grid{gap:48px !important}
}
@media(max-width:980px){
  .nav-wrap{min-height:88px !important}
  .brand-logo-link{min-width:300px !important}
  .brand-logo-img{width:300px !important}
  .premium-hero{
    min-height:auto;
    padding:56px 0 62px !important;
  }
  .premium-hero-grid{
    grid-template-columns:1fr !important;
  }
  .premium-hero h1{
    font-size:clamp(3.1rem,10vw,5rem) !important;
  }
}
@media(max-width:760px){
  .brand-logo-link{min-width:245px !important}
  .brand-logo-img{width:245px !important}
  .main-nav.is-open{
    top:88px;
  }
}
@media(max-width:620px){
  .nav-wrap{min-height:76px !important}
  .brand-logo-link{min-width:210px !important}
  .brand-logo-img{width:210px !important}
  .premium-hero{
    padding:42px 0 48px !important;
  }
  .premium-hero h1{
    font-size:2.75rem !important;
    letter-spacing:-.06em !important;
  }
  .premium-hero .lead{
    font-size:1.06rem !important;
  }
  .clarity-board{
    padding:20px;
    border-radius:26px;
  }
}

/* 2026-06-22 TOP HERO v3 — readable brand, no weak right panel, no stock photo */
.site-header{
  background:rgba(252,248,239,.985) !important;
  border-bottom:1px solid rgba(13,27,42,.075) !important;
  box-shadow:0 8px 28px rgba(13,27,42,.035) !important;
}
.nav-wrap{
  min-height:124px !important;
  gap:34px !important;
  align-items:center !important;
}
.mc-readable-brand{
  min-width:520px !important;
  max-width:560px !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  text-decoration:none !important;
}
.mc-brand-symbol{
  width:82px !important;
  height:82px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}
.mc-brand-text strong{
  display:block !important;
  font-size:38px !important;
  line-height:.9 !important;
  letter-spacing:-.055em !important;
  color:#0D1B2A !important;
  font-weight:900 !important;
}
.mc-brand-text small{
  display:block !important;
  margin-top:8px !important;
  font-size:14px !important;
  line-height:1.25 !important;
  color:#46586b !important;
  font-weight:750 !important;
  letter-spacing:.01em !important;
}
.main-nav{
  margin-left:auto !important;
  gap:18px !important;
}
.main-nav a{
  font-size:.96rem !important;
  font-weight:800 !important;
  color:#142437 !important;
}
.lang a{
  font-size:.8rem !important;
  font-weight:850 !important;
}

.mc-top-hero{
  min-height:calc(100vh - 124px) !important;
  display:flex !important;
  align-items:center !important;
  padding:74px 0 78px !important;
  background:
    radial-gradient(circle at 86% 14%, rgba(216,163,26,.20), transparent 28%),
    radial-gradient(circle at 14% 80%, rgba(30,107,130,.11), transparent 30%),
    linear-gradient(135deg,#fffaf0 0%,#f6eddb 48%,#eef5f5 100%) !important;
  border-bottom:1px solid rgba(13,27,42,.07) !important;
}
.mc-top-hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:42px !important;
}
.mc-top-copy{
  max-width:1120px !important;
}
.mc-top-hero .eyebrow{
  color:#1E6B82 !important;
  letter-spacing:.18em !important;
  font-size:.86rem !important;
  margin-bottom:22px !important;
}
.mc-top-hero h1{
  max-width:1080px !important;
  font-size:clamp(4.6rem,7vw,7.9rem) !important;
  line-height:.88 !important;
  letter-spacing:-.085em !important;
  color:#0D1B2A !important;
  margin-bottom:28px !important;
}
.mc-top-hero .lead{
  max-width:760px !important;
  font-size:1.28rem !important;
  line-height:1.62 !important;
  color:#33475d !important;
}
.mc-top-hero .actions{
  margin-top:34px !important;
  gap:15px !important;
}
.mc-top-hero .btn{
  min-height:60px !important;
  padding:16px 26px !important;
  border-radius:999px !important;
  font-weight:920 !important;
  box-shadow:0 16px 34px rgba(13,27,42,.11) !important;
}
.mc-top-hero .btn-primary{
  background:#0D1B2A !important;
  color:#fff !important;
}
.mc-top-hero .btn-secondary{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(13,27,42,.10) !important;
}

.mc-hero-signals{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  max-width:1180px !important;
}
.mc-hero-signals a{
  display:block !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(13,27,42,.08) !important;
  border-radius:24px !important;
  padding:22px 22px 20px !important;
  box-shadow:0 18px 45px rgba(13,27,42,.075) !important;
  backdrop-filter:blur(12px) !important;
  min-height:172px !important;
}
.mc-hero-signals a:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 26px 58px rgba(13,27,42,.12) !important;
  border-color:rgba(216,163,26,.45) !important;
}
.mc-hero-signals span{
  display:inline-grid !important;
  place-items:center !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  background:#0D1B2A !important;
  color:#F6D987 !important;
  font-weight:950 !important;
  font-size:.86rem !important;
  margin-bottom:16px !important;
}
.mc-hero-signals strong{
  display:block !important;
  color:#0D1B2A !important;
  font-size:1.28rem !important;
  line-height:1.1 !important;
  letter-spacing:-.025em !important;
  margin-bottom:10px !important;
}
.mc-hero-signals small{
  display:block !important;
  color:#4d6073 !important;
  font-size:.98rem !important;
  line-height:1.42 !important;
}

@media(max-width:1180px){
  .nav-wrap{min-height:108px !important}
  .mc-readable-brand{min-width:420px !important;max-width:440px !important}
  .mc-brand-symbol{width:68px !important;height:68px !important}
  .mc-brand-text strong{font-size:32px !important}
  .mc-brand-text small{font-size:12.5px !important}
  .main-nav{gap:12px !important}
  .main-nav a{font-size:.88rem !important}
  .mc-hero-signals{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:920px){
  .nav-wrap{min-height:92px !important}
  .mc-readable-brand{min-width:auto !important;max-width:330px !important}
  .mc-brand-symbol{width:58px !important;height:58px !important}
  .mc-brand-text strong{font-size:27px !important}
  .mc-brand-text small{display:none !important}
  .mc-top-hero{
    min-height:auto !important;
    padding:52px 0 58px !important;
  }
  .mc-top-hero h1{
    font-size:clamp(3.15rem,10vw,5.4rem) !important;
  }
}
@media(max-width:620px){
  .nav-wrap{min-height:78px !important}
  .mc-brand-symbol{width:48px !important;height:48px !important}
  .mc-brand-text strong{font-size:24px !important}
  .mc-top-hero{
    padding:40px 0 44px !important;
  }
  .mc-top-hero h1{
    font-size:2.8rem !important;
    letter-spacing:-.065em !important;
  }
  .mc-top-hero .lead{
    font-size:1.06rem !important;
  }
  .mc-hero-signals{
    grid-template-columns:1fr !important;
  }
  .mc-hero-signals a{
    min-height:auto !important;
  }
}

/* 2026-06-22 restore full More Clarity logo only */
.mc-full-logo-link{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:420px !important;
  max-width:460px !important;
  text-decoration:none !important;
}
.mc-full-logo-img{
  display:block !important;
  width:420px !important;
  max-width:100% !important;
  height:auto !important;
}
@media(max-width:1180px){
  .mc-full-logo-link{
    min-width:340px !important;
    max-width:360px !important;
  }
  .mc-full-logo-img{
    width:350px !important;
  }
}
@media(max-width:920px){
  .mc-full-logo-link{
    min-width:260px !important;
    max-width:300px !important;
  }
  .mc-full-logo-img{
    width:290px !important;
  }
}
@media(max-width:620px){
  .mc-full-logo-link{
    min-width:210px !important;
    max-width:230px !important;
  }
  .mc-full-logo-img{
    width:220px !important;
  }
}

/* 2026-06-22 FINAL HEADER STACK — logo above, full menu below */
@media (min-width:981px){

  .site-header{
    background:rgba(252,248,239,.985) !important;
    border-bottom:1px solid rgba(13,27,42,.08) !important;
    box-shadow:0 8px 28px rgba(13,27,42,.035) !important;
  }

  .site-header .nav-wrap{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "brand brand"
      "nav lang" !important;
    justify-items:center !important;
    align-items:center !important;
    row-gap:10px !important;
    column-gap:22px !important;
    min-height:178px !important;
    padding:18px 24px 14px !important;
  }

  .site-header .mc-full-logo-link{
    grid-area:brand !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:620px !important;
    max-width:72vw !important;
    min-width:0 !important;
    height:auto !important;
    flex:none !important;
    text-decoration:none !important;
    position:relative !important;
    z-index:1 !important;
  }

  .site-header .mc-full-logo-img{
    display:block !important;
    width:100% !important;
    max-width:620px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .site-header .main-nav{
    grid-area:nav !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:20px !important;
    margin:0 !important;
    width:100% !important;
    position:static !important;
    z-index:2 !important;
  }

  .site-header .main-nav a{
    font-size:.96rem !important;
    font-weight:850 !important;
    color:#142437 !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
  }

  .site-header .lang{
    grid-area:lang !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    position:static !important;
    z-index:2 !important;
  }

  .site-header .lang a{
    font-size:.78rem !important;
    font-weight:850 !important;
    white-space:nowrap !important;
  }

  .site-header .nav-toggle{
    display:none !important;
  }

  .mc-top-hero{
    min-height:calc(100vh - 178px) !important;
  }
}

/* kitsam desktop */
@media (min-width:981px) and (max-width:1240px){

  .site-header .nav-wrap{
    min-height:164px !important;
    row-gap:8px !important;
  }

  .site-header .mc-full-logo-link{
    width:540px !important;
    max-width:66vw !important;
  }

  .site-header .mc-full-logo-img{
    max-width:540px !important;
  }

  .site-header .main-nav{
    gap:14px !important;
  }

  .site-header .main-nav a{
    font-size:.88rem !important;
  }

  .mc-top-hero{
    min-height:calc(100vh - 164px) !important;
  }
}

/* tahvel ja mobiil: kompaktne päis */
@media (max-width:980px){

  .site-header .nav-wrap{
    display:flex !important;
    min-height:86px !important;
    padding:12px 22px !important;
    align-items:center !important;
    gap:14px !important;
  }

  .site-header .mc-full-logo-link{
    width:300px !important;
    min-width:0 !important;
    max-width:300px !important;
    flex:0 0 auto !important;
  }

  .site-header .mc-full-logo-img{
    width:300px !important;
    max-width:100% !important;
    height:auto !important;
  }
}

@media (max-width:620px){

  .site-header .nav-wrap{
    min-height:76px !important;
    padding:10px 16px !important;
  }

  .site-header .mc-full-logo-link{
    width:220px !important;
    max-width:220px !important;
  }

  .site-header .mc-full-logo-img{
    width:220px !important;
  }
}

/* 2026-06-22 FINAL VISUAL TUNE — logo left, calmer headline, stronger eyebrow */

/* Logo slightly left on desktop */
@media (min-width:981px){
  .site-header .mc-full-logo-link{
    transform:translateX(-72px) !important;
  }

  .site-header .nav-wrap{
    min-height:162px !important;
    padding-top:14px !important;
    padding-bottom:12px !important;
    row-gap:8px !important;
  }

  .mc-top-hero{
    min-height:auto !important;
    padding:58px 0 52px !important;
  }

  .mc-top-hero .eyebrow{
    font-size:1rem !important;
    line-height:1.35 !important;
    letter-spacing:.15em !important;
    margin-bottom:20px !important;
    color:#1E6B82 !important;
    font-weight:900 !important;
  }

  .mc-top-hero h1{
    font-size:clamp(3.7rem,5.35vw,6.15rem) !important;
    line-height:.97 !important;
    letter-spacing:-.065em !important;
    max-width:980px !important;
    margin-bottom:24px !important;
  }

  .mc-top-hero .lead{
    max-width:760px !important;
    font-size:1.22rem !important;
    line-height:1.62 !important;
  }

  .mc-top-hero .actions{
    margin-top:28px !important;
  }

  .mc-top-hero .btn{
    min-height:56px !important;
    padding:14px 24px !important;
  }

  .mc-hero-signals{
    margin-top:2px !important;
  }
}

/* Medium desktop: avoid cramped header */
@media (min-width:981px) and (max-width:1240px){
  .site-header .mc-full-logo-link{
    transform:translateX(-42px) !important;
  }

  .site-header .nav-wrap{
    min-height:150px !important;
  }

  .mc-top-hero h1{
    font-size:clamp(3.4rem,5.1vw,5.45rem) !important;
    line-height:.99 !important;
  }

  .mc-top-hero .eyebrow{
    font-size:.94rem !important;
  }
}

/* Tablet/mobile: keep readable, not huge */
@media (max-width:980px){
  .site-header .mc-full-logo-link{
    transform:none !important;
  }

  .mc-top-hero{
    padding:44px 0 42px !important;
  }

  .mc-top-hero .eyebrow{
    font-size:.86rem !important;
    letter-spacing:.13em !important;
  }

  .mc-top-hero h1{
    font-size:clamp(2.75rem,8.4vw,4.6rem) !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
  }

  .mc-top-hero .lead{
    font-size:1.08rem !important;
  }
}

@media (max-width:620px){
  .mc-top-hero h1{
    font-size:2.45rem !important;
    line-height:1.02 !important;
  }

  .mc-top-hero .eyebrow{
    font-size:.78rem !important;
  }
}


/* 2026-06-25 HOTFIX: mobile header language buttons must fit on screen.
   Keeps logo, language buttons and menu on one row without EN/FI overflowing. */
@media (max-width:620px){
  .site-header .nav-wrap{
    padding-left:10px !important;
    padding-right:10px !important;
    gap:7px !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
  }

  .site-header .mc-full-logo-link{
    width:178px !important;
    max-width:48vw !important;
    flex:0 1 178px !important;
  }

  .site-header .mc-full-logo-img{
    width:178px !important;
    max-width:100% !important;
  }

  .site-header .lang{
    order:2 !important;
    display:flex !important;
    gap:4px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    transform:translateX(-4px) !important;
  }

  .site-header .lang a{
    padding:6px 7px !important;
    font-size:.72rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .site-header .nav-toggle{
    order:3 !important;
    margin-left:0 !important;
    padding:8px 10px !important;
    font-size:.86rem !important;
    flex:0 0 auto !important;
  }
}

@media (max-width:380px){
  .site-header .mc-full-logo-link{
    width:160px !important;
    max-width:45vw !important;
    flex-basis:160px !important;
  }

  .site-header .mc-full-logo-img{
    width:160px !important;
  }

  .site-header .lang a{
    padding:5px 6px !important;
    font-size:.68rem !important;
  }

  .site-header .nav-toggle{
    padding:7px 9px !important;
    font-size:.82rem !important;
  }
}

/* 2026-06-25 HOTFIX: radio buttons and answer text aligned horizontally. */
.mc-test label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  line-height:1.35 !important;
}

.mc-test label input[type="radio"]{
  margin:0 !important;
  flex:0 0 auto !important;
}

/* 2026-06-25 REGRESSION FIX — final override.
   Purpose: remove old /lahendused/ hero feel, keep mobile header language buttons inside viewport,
   and align test radio controls. */
@media (max-width: 620px) {
  .site-header .nav-wrap {
    display: grid !important;
    grid-template-columns: minmax(118px, 1fr) auto auto !important;
    align-items: center !important;
    column-gap: 5px !important;
    min-height: 62px !important;
    padding: 7px 8px !important;
    overflow: visible !important;
  }

  .site-header .mc-full-logo-link {
    grid-column: 1 !important;
    justify-self: start !important;
    width: min(150px, 41vw) !important;
    max-width: 41vw !important;
    min-width: 0 !important;
    flex: none !important;
    transform: none !important;
  }

  .site-header .mc-full-logo-img {
    width: 100% !important;
    max-width: 150px !important;
    height: auto !important;
  }

  .site-header .lang {
    grid-column: 2 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    transform: translateX(-8px) !important;
    flex: none !important;
    min-width: 0 !important;
  }

  .site-header .lang a {
    padding: 5px 5px !important;
    font-size: .66rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .site-header .nav-toggle {
    grid-column: 3 !important;
    justify-self: end !important;
    margin: 0 !important;
    padding: 7px 8px !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    min-width: auto !important;
    flex: none !important;
  }

  .site-header .main-nav {
    top: 62px !important;
  }
}

@media (max-width: 380px) {
  .site-header .mc-full-logo-link {
    width: min(136px, 38vw) !important;
    max-width: 38vw !important;
  }

  .site-header .mc-full-logo-img {
    max-width: 136px !important;
  }

  .site-header .lang {
    transform: translateX(-10px) !important;
    gap: 1px !important;
  }

  .site-header .lang a {
    padding: 4px 4px !important;
    font-size: .62rem !important;
  }

  .site-header .nav-toggle {
    padding: 6px 7px !important;
    font-size: .74rem !important;
  }
}

.mc-current-journey-hero {
  padding: 62px 0 48px !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(216,163,26,.12), transparent 30%),
    linear-gradient(135deg, #fffaf0 0%, #f7f1e7 54%, #f4f8f8 100%) !important;
  border-bottom: 1px solid rgba(13,27,42,.07) !important;
}

.mc-current-journey-hero h1 {
  max-width: 980px !important;
  font-size: clamp(3rem, 5.1vw, 5.25rem) !important;
  line-height: 1 !important;
  letter-spacing: -.06em !important;
  color: #0D1B2A !important;
}

.mc-current-journey-hero .lead {
  max-width: 800px !important;
  font-size: 1.18rem !important;
  line-height: 1.6 !important;
  color: #33475d !important;
}

.mc-current-path-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 28px !important;
}

.mc-current-path-card {
  background: #fff !important;
  border: 1px solid rgba(13,27,42,.09) !important;
  border-radius: 24px !important;
  padding: 22px 20px !important;
  box-shadow: 0 14px 36px rgba(13,27,42,.06) !important;
}

.mc-current-path-card span {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  background: #0D1B2A !important;
  color: #F6D987 !important;
  font-weight: 950 !important;
  font-size: .82rem !important;
  margin-bottom: 14px !important;
}

.mc-current-path-card h3 {
  font-size: 1.24rem !important;
  line-height: 1.16 !important;
  letter-spacing: -.02em !important;
}

.mc-current-path-card p {
  color: #46576b !important;
  line-height: 1.48 !important;
}

.mc-current-path-card strong {
  display: block !important;
  margin-top: 12px !important;
  color: #0D1B2A !important;
  font-size: .94rem !important;
  line-height: 1.42 !important;
}

.mc-test label,
.mc-tools-question label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1.35 !important;
}

.mc-test label input[type="radio"],
.mc-tools-question input[type="radio"] {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1180px) {
  .mc-current-path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .mc-current-journey-hero {
    padding: 38px 0 34px !important;
  }

  .mc-current-journey-hero h1 {
    font-size: 2.35rem !important;
    letter-spacing: -.045em !important;
  }

  .mc-current-journey-hero .lead {
    font-size: 1rem !important;
  }

  .mc-current-path-grid {
    grid-template-columns: 1fr !important;
  }
}


/* 2026-06-25 COHESION FIX: main menu pages must look like one site, not mixed eras. */
.note-box{
  background:#fff;
  border:1px solid var(--line, #DDD6C8);
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 30px rgba(13,27,42,.06);
}

.anchor-target{
  scroll-margin-top:120px;
}

.site-header .main-nav a,
.site-header .lang a{
  white-space:nowrap;
}

/* Stronger mobile language/header fit. */
@media (max-width: 720px){
  .site-header .nav-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding-left:8px !important;
    padding-right:8px !important;
    overflow:hidden !important;
  }

  .site-header .mc-full-logo-link{
    width:150px !important;
    max-width:40vw !important;
    flex:0 1 150px !important;
    min-width:122px !important;
  }

  .site-header .mc-full-logo-img{
    width:150px !important;
    max-width:100% !important;
    display:block !important;
  }

  .site-header .lang{
    display:flex !important;
    gap:3px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    order:2 !important;
    transform:none !important;
  }

  .site-header .lang a{
    padding:5px 5px !important;
    font-size:.66rem !important;
    line-height:1 !important;
    border-radius:999px !important;
  }

  .site-header .nav-toggle{
    order:3 !important;
    flex:0 0 auto !important;
    margin-left:0 !important;
    padding:7px 8px !important;
    font-size:.78rem !important;
  }
}

@media (max-width: 380px){
  .site-header .mc-full-logo-link{
    width:132px !important;
    max-width:38vw !important;
    min-width:112px !important;
  }

  .site-header .mc-full-logo-img{
    width:132px !important;
  }

  .site-header .lang a{
    padding:4px 4px !important;
    font-size:.62rem !important;
  }

  .site-header .nav-toggle{
    padding:6px 7px !important;
    font-size:.74rem !important;
  }
}


/* 2026-06-25 PUBLIC SAFETY FIX: maintain readable contrast on public cards. */
.note-box{
  background:#fff !important;
  color:var(--text, #16202A) !important;
}


/* More Clarity stabiliseerimiskiht 2026-06-28 */
:root{--mc-bg-warm:#fbf7ed;--mc-bg-warm-2:#f6efe2;--mc-line:#e2d7c6;--mc-green:#153f3a;--mc-green-hover:#0f332f;--mc-gold:#996515;}
body{background:radial-gradient(circle at 18% -8%, rgba(184,135,47,.18), transparent 30%), linear-gradient(180deg,var(--mc-bg-warm) 0%, var(--mc-bg-warm-2) 55%, #fbfaf7 100%);}
.site-header{background:rgba(251,247,237,.94);border-bottom:1px solid var(--mc-line);box-shadow:0 12px 36px rgba(21,35,53,.08);backdrop-filter:blur(18px);}
.site-footer{background:#152335;color:#fff;}
.site-footer a{color:#fff;}
.btn-primary{background:linear-gradient(135deg,var(--mc-green),var(--mc-green-hover));color:#fff;}
.btn-secondary{background:#fffaf1;color:var(--mc-green);border-color:var(--mc-line);}
.mc-light-label{font-size:.72em;font-weight:650;opacity:.78;}

/* More Clarity header/footer struktuuriparandus 2026-06-28 v2
   Eesmärk: sama header, menüü, footer ja soe rahulik visuaal nii uutel kui legacy ET lehtedel. */
:root{
  --mc-public-bg:#fbf4e7;
  --mc-public-bg-2:#f7eddd;
  --mc-public-card:#fffdf8;
  --mc-public-line:#e4d7c4;
  --mc-public-text:#152335;
  --mc-public-muted:#52606b;
  --mc-public-green:#153f3a;
  --mc-public-green-2:#0f332f;
  --mc-public-gold:#a67821;
  --mc-public-shadow:0 18px 50px rgba(21,35,53,.09);
}
body.lang-et, body.mc-page, body.mc-tools-page, body{
  background:radial-gradient(circle at 15% -10%,rgba(184,135,47,.18),transparent 28%),linear-gradient(180deg,var(--mc-public-bg) 0%,var(--mc-public-bg-2) 48%,#fbfaf7 100%) !important;
  color:var(--mc-public-text);
}
.site-header,
header.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
  background:rgba(251,244,231,.96) !important;
  border-bottom:1px solid var(--mc-public-line) !important;
  box-shadow:0 10px 30px rgba(21,35,53,.07) !important;
  backdrop-filter:blur(16px) !important;
}
.site-header .wrap.nav-wrap,
.site-header .container.nav,
.site-header .nav-wrap,
.site-header .nav{
  width:min(1180px,calc(100% - 40px)) !important;
  margin-inline:auto !important;
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:0 !important;
}
.site-header .brand,
.site-header .site-logo,
.site-header .mc-full-logo-link{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:clamp(230px,25vw,350px) !important;
  min-width:210px !important;
  max-width:350px !important;
  overflow:visible !important;
  text-decoration:none !important;
}
.site-header .mc-full-logo-img,
.site-header .site-logo__image,
.site-header img[src*="moreclarity_logo"]{
  display:block !important;
  width:100% !important;
  max-width:350px !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
}
.site-header .main-nav,
.site-header .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  margin-left:auto !important;
  font-size:15px !important;
  font-weight:760 !important;
}
.site-header .main-nav a,
.site-header .nav-links a{
  color:var(--mc-public-text) !important;
  text-decoration:none !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
.site-header .main-nav a:hover,
.site-header .nav-links a:hover{
  background:#fff8ea !important;
  color:var(--mc-public-green) !important;
}
.site-header .lang{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-left:0 !important;
  flex:0 0 auto !important;
}
.site-header .lang a{
  color:var(--mc-public-muted) !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  padding:6px 7px !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.site-header .lang a:hover,
.site-header .lang .active{
  color:var(--mc-public-green) !important;
  background:#fffaf1 !important;
  border-color:var(--mc-public-line) !important;
}
.site-header .nav-toggle{
  display:none !important;
}
.site-footer,
.footer,
footer.site-footer,
footer.footer{
  background:#152335 !important;
  color:#e8eef5 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  margin-top:48px !important;
  padding:34px 0 !important;
}
.site-footer .wrap,
.footer .container,
.site-footer .footer-grid,
footer.footer .container{
  width:min(1180px,calc(100% - 40px)) !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:1.05fr 1.45fr auto !important;
  gap:24px !important;
  align-items:start !important;
}
.site-footer p,
.footer span,
.footer p,
.site-footer span{
  color:#dfe8f1 !important;
  margin:.2rem 0 !important;
  line-height:1.5 !important;
}
.site-footer strong,
.footer strong{
  color:#fff !important;
}
.site-footer a,
.footer a{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}
.footer-links{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.btn-primary,
.hero-actions .btn-primary,
.actions .btn-primary{
  background:linear-gradient(135deg,var(--mc-public-green),var(--mc-public-green-2)) !important;
  color:#fff !important;
  border-color:transparent !important;
}
.btn-secondary,
.hero-actions .btn-secondary,
.actions .btn-secondary{
  background:#fffaf1 !important;
  color:var(--mc-public-green) !important;
  border-color:var(--mc-public-line) !important;
}
.card,.hero-panel,.form-shell,.mc-feedback-card,.mc-mvp-note{
  background:var(--mc-public-card) !important;
  border-color:var(--mc-public-line) !important;
  box-shadow:var(--mc-public-shadow) !important;
}
.mc-feedback-shell,.mc-feedback-layout{
  display:grid !important;
  grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr) !important;
  gap:28px !important;
  align-items:start !important;
}
.mc-feedback-form,
.mc-feedback-panel,
.mc-feedback-card{
  background:#fffdf8 !important;
  border:1px solid var(--mc-public-line) !important;
  border-radius:24px !important;
  box-shadow:var(--mc-public-shadow) !important;
  padding:24px !important;
}
.mc-feedback-side,
.mc-feedback-note,
.mc-feedback-box{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.mc-light-label{font-size:.72em !important;font-weight:650 !important;opacity:.76 !important;}
@media(max-width:980px){
  .site-header .wrap.nav-wrap,
  .site-header .container.nav,
  .site-header .nav-wrap,
  .site-header .nav{
    min-height:76px !important;
    gap:10px !important;
  }
  .site-header .brand,
  .site-header .site-logo,
  .site-header .mc-full-logo-link{
    width:clamp(180px,42vw,280px) !important;
    min-width:160px !important;
  }
  .site-header .main-nav,
  .site-header .nav-links{
    display:none !important;
  }
  .site-header .nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid var(--mc-public-line) !important;
    background:#fffaf1 !important;
    border-radius:999px !important;
    padding:8px 12px !important;
    font-weight:800 !important;
    color:var(--mc-public-green) !important;
  }
  .site-header .main-nav.is-open,
  .site-header .nav-links.is-open{
    display:flex !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:76px !important;
    background:#fffaf1 !important;
    border-bottom:1px solid var(--mc-public-line) !important;
    padding:18px 22px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    box-shadow:0 20px 35px rgba(21,35,53,.10) !important;
  }
  .site-footer .wrap,
  .footer .container,
  .site-footer .footer-grid,
  footer.footer .container{
    grid-template-columns:1fr !important;
  }
  .mc-feedback-shell,.mc-feedback-layout{grid-template-columns:1fr !important;}
}
@media(max-width:560px){
  .site-header .wrap.nav-wrap,
  .site-header .container.nav,
  .site-header .nav-wrap,
  .site-header .nav{
    width:min(100% - 24px,1180px) !important;
  }
  .site-header .brand,
  .site-header .site-logo,
  .site-header .mc-full-logo-link{
    width:172px !important;
    min-width:150px !important;
  }
  .site-header .mc-full-logo-img,
  .site-header .site-logo__image,
  .site-header img[src*="moreclarity_logo"]{
    max-height:52px !important;
  }
  .site-header .lang a{font-size:11px !important;padding:5px !important;}
}


/* 2026-06-28 COMBINED STRUCTURE FIX — More Clarity unified shell */
:root{
  --mc-warm-bg:#f7efe0;
  --mc-warm-bg-2:#fbf7ee;
  --mc-card-bg:#fffdf8;
  --mc-shell-line:#dfd5c3;
  --mc-deep:#152335;
  --mc-calm:#153f3a;
  --mc-gold-soft:#c99a3f;
  --mc-soft-shadow:0 12px 34px rgba(21,35,53,.07);
}
html,body{background:var(--mc-warm-bg-2)!important;}
body{color:var(--mc-deep)!important;}
.site-header,.mc-header{
  background:rgba(251,247,238,.96)!important;
  border-bottom:1px solid rgba(21,35,53,.08)!important;
  box-shadow:0 6px 22px rgba(21,35,53,.045)!important;
  z-index:100!important;
}
.site-header .wrap.nav-wrap,.site-header .container.nav,.site-header .nav-wrap,.mc-header .mc-container.mc-nav{
  width:min(1180px,calc(100% - 40px))!important;
  margin-inline:auto!important;
  padding:10px 0 9px!important;
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  grid-template-areas:"empty brand lang" "nav nav nav"!important;
  align-items:center!important;
  gap:6px 18px!important;
}
.site-header .brand,.site-header .mc-full-logo-link,.site-header .site-logo,.mc-header .mc-logo{
  grid-area:brand!important;
  justify-self:center!important;
  width:min(420px,56vw)!important;
  min-width:0!important;
  max-width:420px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-decoration:none!important;
}
.site-header .brand img,.site-header .mc-full-logo-img,.site-header .site-logo__image,.site-header img[src*="moreclarity_logo"],.mc-header .mc-logo img{
  display:block!important;
  width:100%!important;
  max-width:420px!important;
  height:auto!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.site-header .main-nav,.site-header .nav-links,.mc-header .mc-links{
  grid-area:nav!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  margin:0!important;
  flex-wrap:wrap!important;
}
.site-header .main-nav a,.site-header .nav-links a,.mc-header .mc-links a{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:var(--mc-deep)!important;
  text-decoration:none!important;
  padding:6px 0!important;
}
.site-header .lang,.site-header .language-switcher,.mc-header .mc-lang{
  grid-area:lang!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
.site-header .lang a,.site-header .language-switcher a,.mc-header .mc-lang a{
  font-size:12px!important;
  font-weight:800!important;
  color:var(--mc-deep)!important;
  opacity:.8!important;
  text-decoration:none!important;
}
.nav-toggle{display:none!important;}
.hero,.premium-hero,.mc-page-hero,.mc-hero,.mc-top-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(201,154,63,.14),transparent 32%),
    linear-gradient(135deg,#fffaf0 0%,#f6ecda 54%,#f8f2e7 100%)!important;
  border-bottom:1px solid rgba(21,35,53,.06)!important;
}
.hero{padding:64px 0 58px!important;}
h1,.hero h1,.mc-page-hero h1,.mc-hero h1,.mc-top-hero h1{
  font-size:clamp(2.35rem,4.25vw,4.45rem)!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
}
h2,.mc-section h2,.section h2{font-size:clamp(1.7rem,3vw,2.75rem)!important;line-height:1.12!important;}
.lead,.section-lead,.mc-lead,.mc-section-lead{font-size:clamp(1.02rem,1.35vw,1.18rem)!important;line-height:1.58!important;color:#394a57!important;}
.card,.mc-card,.hero-panel,.form-shell,.mc-feedback-block,.mc-feedback-info-card,.mc-guide-aside,.panel,.mc-current-path-card{
  background:var(--mc-card-bg)!important;
  border:1px solid var(--mc-shell-line)!important;
  border-radius:22px!important;
  box-shadow:var(--mc-soft-shadow)!important;
}
.card:hover,.mc-card:hover{transform:none!important;}
.card-grid,.mc-card-grid,.mc-current-path-grid{gap:22px!important;}
.mc-feedback-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr)!important;
  gap:30px!important;
  align-items:start!important;
}
.mc-feedback-intro{display:block!important;}
.mc-feedback-info-card{box-shadow:none!important;background:transparent!important;border:0!important;padding:0 0 18px!important;border-radius:0!important;}
.mc-feedback-info-card+ .mc-feedback-info-card{border-top:1px solid var(--mc-shell-line)!important;padding-top:18px!important;}
.mc-feedback-form-panel,.mc-feedback-block{
  background:var(--mc-card-bg)!important;
  border:1px solid var(--mc-shell-line)!important;
  border-radius:24px!important;
  box-shadow:var(--mc-soft-shadow)!important;
  padding:26px!important;
}
.mc-feedback-form-panel .mc-feedback-block{box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;}
.mc-feedback-buttons label{
  background:#fffaf1!important;
  border:1px solid var(--mc-shell-line)!important;
  border-radius:16px!important;
}
.mc-feedback-form input,.mc-feedback-form select,.mc-feedback-form textarea{
  border-radius:14px!important;
  border:1px solid #d9cfbd!important;
  background:#fff!important;
}
.mc-footer,.site-footer,.footer,footer.site-footer,footer.footer{
  background:var(--mc-deep)!important;
  color:#e8eef5!important;
  margin-top:54px!important;
  padding:34px 0!important;
}
.mc-footer-grid,.site-footer .footer-grid,.site-footer .wrap,.footer .container,footer.footer .container{
  width:min(1180px,calc(100% - 40px))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr auto!important;
  gap:24px!important;
  align-items:start!important;
}
.mc-footer strong,.site-footer strong,.footer strong{color:#fff!important;}
.mc-footer p,.site-footer p,.footer p{color:#dfe8f1!important;margin:.2rem 0!important;}
.mc-footer a,.site-footer a,.footer a{color:#fff!important;}
.mc-light-label{font-size:.72em!important;font-weight:650!important;opacity:.78!important;white-space:nowrap!important;}
@media(max-width:980px){
  .site-header .wrap.nav-wrap,.site-header .container.nav,.site-header .nav-wrap,.mc-header .mc-container.mc-nav{
    width:min(100% - 28px,1180px)!important;
    min-height:78px!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-areas:"brand empty lang"!important;
    padding:9px 0!important;
  }
  .site-header .brand,.site-header .mc-full-logo-link,.site-header .site-logo,.mc-header .mc-logo{justify-self:start!important;width:min(260px,48vw)!important;}
  .site-header .brand img,.site-header .mc-full-logo-img,.site-header .site-logo__image,.site-header img[src*="moreclarity_logo"],.mc-header .mc-logo img{max-height:58px!important;}
  .site-header .main-nav,.site-header .nav-links,.mc-header .mc-links{display:none!important;}
  .nav-toggle{display:inline-flex!important;grid-area:empty!important;justify-self:end!important;border:1px solid var(--mc-shell-line)!important;background:#fffaf1!important;border-radius:999px!important;padding:8px 12px!important;font-weight:800!important;color:var(--mc-calm)!important;}
  .main-nav.is-open,.nav-links.is-open,.mc-links.is-open{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:78px!important;flex-direction:column!important;align-items:flex-start!important;background:#fffaf1!important;border-bottom:1px solid var(--mc-shell-line)!important;padding:18px 22px!important;}
  .mc-feedback-layout{grid-template-columns:1fr!important;}
  .mc-footer-grid,.site-footer .footer-grid,.site-footer .wrap,.footer .container,footer.footer .container{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  .site-header .brand,.site-header .mc-full-logo-link,.site-header .site-logo,.mc-header .mc-logo{width:185px!important;}
  .site-header .brand img,.site-header .mc-full-logo-img,.site-header .site-logo__image,.site-header img[src*="moreclarity_logo"],.mc-header .mc-logo img{max-height:48px!important;}
  .site-header .lang a,.site-header .language-switcher a,.mc-header .mc-lang a{font-size:11px!important;}
  h1,.hero h1,.mc-page-hero h1,.mc-hero h1,.mc-top-hero h1{font-size:clamp(2.05rem,11vw,3.1rem)!important;}
  .hero{padding:42px 0 42px!important;}
}