.cmg-hl-matcher-landing,
.cmg-hl-matcher-landing * { box-sizing:border-box; }
.cmg-hl-matcher-landing {
  --ink:#102b31;
  --ink-deep:#0c242a;
  --muted:#5e716f;
  --teal:#0c7167;
  --teal-dark:#075d55;
  --mint:#e4f4ed;
  --aqua:#bfe6d9;
  --gold:#f3d66e;
  --cream:#f4f7f5;
  --line:#d6e1dc;
  --white:#fff;
  color:var(--ink);
  font-family:"DM Sans",system-ui,-apple-system,sans-serif;
}
.cmg-hl-matcher-landing .entry-header,
.cmg-hl-matcher-landing .entry-title,
.cmg-hl-matcher-landing .wp-block-post-title { display:none!important; }
.cmg-hl-matcher-landing .site-content,
.cmg-hl-matcher-landing .ast-container,
.cmg-hl-matcher-landing .content-area,
.cmg-hl-matcher-landing .site-main,
.cmg-hl-matcher-landing article,
.cmg-hl-matcher-landing .entry-content,
.cmg-hl-matcher-landing main.wp-block-group,
.cmg-hl-matcher-landing .wp-block-post-content { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
.cmg-hl-matcher-landing .wp-block-group.alignfull { width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; }
.cmg-hl-matcher-landing [hidden] { display:none!important; }
.cmg-hl-matcher-landing .screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

.cmg-hl-top { position:relative; z-index:5; border-bottom:1px solid #dfe8e4; background:rgba(255,255,255,.97); backdrop-filter:blur(10px); }
.cmg-hl-top__in { width:min(1180px,calc(100% - 40px)); min-height:58px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cmg-hl-brand { flex:0 0 auto; color:#10272c; text-decoration:none; letter-spacing:.025em; line-height:1; }
.cmg-hl-brand strong { display:block; font:800 15px/1.2 "Manrope",sans-serif; }
.cmg-hl-brand span { display:block; margin-top:5px; color:var(--teal); font:700 9px/1.1 "DM Sans",sans-serif; letter-spacing:.21em; }
.cmg-hl-top__paid { min-width:0; margin-left:auto; color:#405b57; font:600 12px/1.35 "DM Sans",sans-serif; text-align:right; white-space:nowrap; }
.cmg-hl-top__paid strong { color:#173c3a; font-weight:800; }

.cmg-hl { min-height:calc(100vh - 58px); padding:18px 20px 62px; background:radial-gradient(circle at 7% 5%,rgba(191,230,217,.48),transparent 27rem),radial-gradient(circle at 95% 18%,rgba(243,214,110,.2),transparent 25rem),var(--cream); }
.cmg-hl { width:100vw!important; max-width:none!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; }
.cmg-hl-shell { width:min(1180px,100%); margin:0 auto; container-type:inline-size; }
.cmg-hl-intro { width:min(820px,100%); margin:0 0 16px; }
.cmg-hl-intro > span { color:var(--teal); font:800 11px/1.2 "Manrope",sans-serif; letter-spacing:.16em; }
.cmg-hl-intro h2 { margin:8px 0 8px; color:var(--ink-deep); font:800 clamp(34px,4.6vw,52px)/1.02 "Manrope",sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.cmg-hl-intro p { max-width:730px; margin:0; color:#516964; font-size:15px; line-height:1.48; }
.cmg-hl-trustline { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:11px; color:#355d56; font:800 11px/1.25 "DM Sans",sans-serif; }
.cmg-hl-trustline span:before { content:"✓"; margin-right:6px; color:var(--teal); }
.cmg-hl-layout { display:grid; grid-template-columns:minmax(0,770px) minmax(290px,370px); align-items:start; gap:24px; }
.cmg-hl-card { overflow:hidden; border:1px solid rgba(20,67,60,.18); border-radius:22px; background:rgba(255,255,255,.99); box-shadow:0 22px 64px rgba(24,62,55,.11); }

.cmg-hl-progress { padding:16px 28px 13px; border-bottom:1px solid #e3ebe7; }
.cmg-hl-progress__row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:9px; }
.cmg-hl-kicker { display:flex; align-items:center; gap:8px; color:#416a63; font:800 12px/1.2 "Manrope",sans-serif; letter-spacing:.09em; }
.cmg-hl-progress__label { color:#637672; font:800 12px/1.2 "Manrope",sans-serif; white-space:nowrap; }
.cmg-hl-progress__track { display:block; overflow:hidden; height:5px; border-radius:999px; background:#e3ebe7; }
.cmg-hl-progress__track span { display:block; width:33.333%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--teal),#48a58f); transition:width .24s ease; }
.cmg-hl-preview { margin:12px 34px -4px; padding:9px 11px; border:1px solid #d8c978; border-radius:9px; background:#fff9dc; color:#6b5b1e; font-size:11px; line-height:1.35; }

.cmg-hl-form { padding:24px 28px 23px; }
.cmg-hl-question-top { min-height:24px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:10px; scroll-margin-top:76px; }
.cmg-hl-step-eyebrow { color:var(--teal); font:800 13px/1.2 "Manrope",sans-serif; }
.cmg-hl-back,.cmg-hl-edit,.cmg-hl-restart { appearance:none; min-height:44px; border:0; background:transparent; color:#48645f; font:700 13px/1.2 "Manrope",sans-serif; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.cmg-hl-back { margin:-10px 0; padding:10px 4px; }
.cmg-hl-back:focus-visible,.cmg-hl-edit:focus-visible,.cmg-hl-restart:focus-visible,.cmg-hl-shop:focus-visible,.cmg-hl-result-details summary:focus-visible { outline:3px solid #72aef0; outline-offset:3px; border-radius:6px; }
.cmg-hl-step { margin:0; padding:0; border:0; }
.cmg-hl-step legend { width:100%; margin:0; padding:0; color:var(--ink-deep); font:800 clamp(27px,3.7vw,38px)/1.07 "Manrope",sans-serif; letter-spacing:-.038em; text-wrap:balance; }
.cmg-hl-hint { margin:10px 0 16px; color:var(--muted); font-size:14px; line-height:1.45; }
.cmg-hl-options { display:grid; grid-template-columns:1fr; gap:10px; }
.cmg-hl-option { position:relative; display:grid; grid-template-columns:1fr 22px; align-items:center; gap:14px; min-height:68px; margin:0; padding:11px 15px; border:1.5px solid #d8e1dd; border-radius:14px; background:#fff; color:var(--ink); cursor:pointer; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease; }
.cmg-hl-option:hover { transform:translateY(-1px); border-color:#84b8aa; box-shadow:0 8px 23px rgba(21,78,66,.075); }
.cmg-hl-option:has(input:checked) { border-color:var(--teal); background:#eff9f5; box-shadow:0 0 0 2px rgba(12,113,103,.1); }
.cmg-hl[data-advancing="1"] .cmg-hl-option:has(input:checked) { transform:scale(.995); }
.cmg-hl-option input { position:absolute; width:1px; height:1px; opacity:0; }
.cmg-hl-option:has(input:focus-visible) { outline:3px solid #72aef0; outline-offset:2px; }
.cmg-hl-option strong { display:block; color:#17322f; font:800 16px/1.25 "Manrope",sans-serif; }
.cmg-hl-option small { display:block; margin-top:4px; color:#657873; font-size:13px; line-height:1.35; }
.cmg-hl-option i { position:relative; width:21px; height:21px; border:1.5px solid #aebdb8; border-radius:50%; }
.cmg-hl-option:has(input:checked) i { border-color:var(--teal); background:var(--teal); }
.cmg-hl-option:has(input:checked) i:after { content:"✓"; position:absolute; inset:0; display:grid; place-items:center; color:#fff; font:800 12px/1 sans-serif; }
.cmg-hl-auto-note { margin:14px 0 0; color:#59716c; font-size:12px; line-height:1.4; }
.cmg-hl-auto-note span { color:var(--teal); font-weight:800; }
.cmg-hl-error { margin:13px 0 0; color:#9e2f2f; font-size:13px; }

.cmg-hl-aside { position:sticky; top:18px; display:grid; gap:14px; }
.cmg-hl-scorecard,.cmg-hl-context,.cmg-hl-clarity { overflow:hidden; border-radius:20px; }
.cmg-hl-scorecard { padding:25px; border:1px solid #d3e0da; background:rgba(255,255,255,.82); }
.cmg-hl-scorecard > span,.cmg-hl-context > span,.cmg-hl-clarity > span { color:#4d6a64; font:800 11px/1.2 "Manrope",sans-serif; letter-spacing:.15em; }
.cmg-hl-scorecard > div { display:grid; grid-template-columns:36px 1fr; gap:12px; margin-top:18px; padding-top:17px; border-top:1px solid #dfe7e3; }
.cmg-hl-scorecard i { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--mint); color:var(--teal); font:800 13px/1 "Manrope",sans-serif; font-style:normal; }
.cmg-hl-scorecard p { margin:0; }
.cmg-hl-scorecard strong { display:block; color:#173631; font:800 14px/1.3 "Manrope",sans-serif; }
.cmg-hl-scorecard small { display:block; margin-top:5px; color:#657a75; font-size:12px; line-height:1.45; }
.cmg-hl-context { padding:26px; background:var(--ink-deep); color:#fff; }
.cmg-hl-context > span { color:#9ed9c9; }
.cmg-hl-context h2 { margin:17px 0 10px; color:#fff; font:800 24px/1.15 "Manrope",sans-serif; letter-spacing:-.026em; }
.cmg-hl-context p { margin:0; color:#c8d9d4; font-size:14px; line-height:1.58; }
.cmg-hl-clarity { padding:23px; border:1px solid #d3dfda; background:rgba(255,255,255,.72); }
.cmg-hl-clarity p { margin:14px 0; color:#5c716c; font-size:13px; line-height:1.58; }
.cmg-hl-clarity nav { display:flex; gap:17px; }
.cmg-hl-clarity a { color:#245e52; font:700 12px/1.2 "DM Sans",sans-serif; text-underline-offset:3px; }

.cmg-hl-result { padding:29px 32px 25px; scroll-margin-top:18px; }
.cmg-hl-result__eyebrow { margin-bottom:10px; color:var(--teal); font:800 11px/1.2 "Manrope",sans-serif; letter-spacing:.15em; }
.cmg-hl-result h2 { margin:0; color:var(--ink-deep); font:800 clamp(31px,4.2vw,42px)/1.04 "Manrope",sans-serif; letter-spacing:-.038em; text-wrap:balance; }
.cmg-hl-result > p { margin:10px 0 0; color:#4f6862; font-size:15px; line-height:1.48; }
.cmg-hl-result__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:13px 0 16px; }
.cmg-hl-result__facts > div { min-height:76px; padding:12px 13px; border:1px solid #dbe5e0; border-radius:12px; background:#f6faf8; }
.cmg-hl-result__facts span { display:block; color:#607770; font:800 9px/1.25 "Manrope",sans-serif; letter-spacing:.08em; }
.cmg-hl-result__facts strong { display:block; margin-top:8px; color:#173731; font:800 14px/1.3 "Manrope",sans-serif; }
.cmg-hl-result__facts small { display:block; margin-top:5px; color:#526861; font-size:11px; line-height:1.4; }
.cmg-hl-result__reasons { display:flex; flex-wrap:wrap; gap:7px; margin:13px 0; padding:0; list-style:none; }
.cmg-hl-result__reasons li { position:relative; flex:1 1 245px; padding:9px 11px 9px 34px; border:1px solid #dce6e1; border-radius:10px; background:#f8faf9; color:#405c55; font-size:12px; line-height:1.35; }
.cmg-hl-result__reasons li:before { content:"✓"; position:absolute; left:10px; top:9px; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#dcefe8; color:var(--teal); font:800 10px/1 sans-serif; }
.cmg-hl-offer { margin-top:13px; padding:17px; border:1px solid #bfd8ce; border-radius:15px; background:linear-gradient(145deg,#edf8f3,#f8fbf9); box-shadow:0 14px 34px rgba(17,87,72,.08); }
.cmg-hl-result__price { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 11px; }
.cmg-hl-result__price span { flex:1 0 100%; color:#54716a; font:800 9px/1.2 "Manrope",sans-serif; letter-spacing:.1em; }
.cmg-hl-result__price strong { color:#12352f; font:800 26px/1.1 "Manrope",sans-serif; letter-spacing:-.025em; }
.cmg-hl-result__price small { color:#61756f; font-size:11px; }
.cmg-hl-trial { margin:8px 0 0!important; color:#3f5e57!important; font-size:11.5px!important; line-height:1.42!important; }
.cmg-hl-shop { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:59px; margin-top:12px; padding:16px 19px; border-radius:13px; background:var(--gold); color:#302900; font:800 15px/1.25 "Manrope",sans-serif; text-align:center; text-decoration:none; box-shadow:0 10px 25px rgba(92,76,10,.15); transition:transform .15s ease,filter .15s ease; }
.cmg-hl-shop:hover { transform:translateY(-1px); filter:saturate(1.08) brightness(.98); color:#221d00; }
.cmg-hl-shop[aria-busy="true"] { opacity:.78; pointer-events:none; }
.cmg-hl-shop[aria-disabled="true"] { background:#dfe5e1; color:#74817c; box-shadow:none; cursor:not-allowed; pointer-events:none; }
.cmg-hl-shop-note { margin:8px 0 0!important; color:#3e5952!important; font-size:12.5px!important; line-height:1.42!important; text-align:center; }
.cmg-hl-result-details { margin:15px 0 0; border-top:1px solid #e0e7e3; border-bottom:1px solid #e0e7e3; }
.cmg-hl-result-details summary { padding:15px 3px; color:#304f48; font:800 13px/1.35 "Manrope",sans-serif; cursor:pointer; }
.cmg-hl-result__grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:3px 0 14px; }
.cmg-hl-result__grid > div { padding:16px; border-radius:12px; background:#f3f7f5; }
.cmg-hl-result__grid h3 { margin:0 0 9px; color:var(--ink); font:800 13px/1.25 "Manrope",sans-serif; }
.cmg-hl-result__grid ul { margin:0; padding:0; list-style:none; color:#536a64; font-size:12px; line-height:1.45; }
.cmg-hl-result__grid li { position:relative; margin:7px 0; padding-left:16px; }
.cmg-hl-result__grid li:before { content:"✓"; position:absolute; left:0; color:var(--teal); font-weight:800; }
.cmg-hl-result-actions { display:flex; justify-content:center; gap:14px; margin-top:10px; }
.cmg-hl-edit,.cmg-hl-restart { padding:10px 8px; }

.cmg-hl-foot { padding:32px 20px; background:#102a27; color:#fff; }
.cmg-hl-foot__in { width:min(1080px,100%); margin:0 auto; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:20px; }
.cmg-hl-foot strong { font:800 15px/1.2 "Manrope",sans-serif; }
.cmg-hl-foot p { margin:6px 0 0; color:#b9ccc6; font-size:12px; }
.cmg-hl-foot nav { display:flex; flex-wrap:wrap; gap:10px 22px; }
.cmg-hl-foot a { color:#e7f0ed; font-size:12px; }
.cmg-hl-foot__fine { flex:1 0 100%; padding-top:15px; border-top:1px solid rgba(255,255,255,.12); line-height:1.5; }

@media (max-width:920px) {
  .cmg-hl-layout { grid-template-columns:1fr; }
  .cmg-hl-aside { position:static; grid-template-columns:1fr 1fr; }
  .cmg-hl-scorecard { grid-row:span 2; }
  .cmg-hl:not(.cmg-hl-is-result) .cmg-hl-aside { display:none; }
}

@container (max-width:920px) {
  .cmg-hl-layout { grid-template-columns:1fr; }
  .cmg-hl-aside { position:static; grid-template-columns:1fr 1fr; }
  .cmg-hl-scorecard { grid-row:span 2; }
  .cmg-hl:not(.cmg-hl-is-result) .cmg-hl-aside { display:none; }
}

@container (max-width:680px) {
  .cmg-hl-aside { grid-template-columns:1fr; }
  .cmg-hl-scorecard { grid-row:auto; }
}

@media (max-width:680px) {
  .cmg-hl-top__in { width:min(100% - 28px,1180px); min-height:50px; gap:10px; }
  .cmg-hl-top__paid { display:block; max-width:118px; font-size:11px; line-height:1.25; white-space:normal; }
  .cmg-hl { min-height:calc(100vh - 50px); padding:10px 10px 40px; }
  .cmg-hl-intro { margin-bottom:8px; }
  .cmg-hl-intro > span { font-size:9px; }
  .cmg-hl-intro h2 { margin:4px 0 5px; font-size:28px; line-height:1.02; }
  .cmg-hl-intro p { font-size:12.5px; line-height:1.36; }
  .cmg-hl-trustline { display:none; }
  .cmg-hl-layout { gap:10px; }
  .cmg-hl-card { border-radius:18px; }
  .cmg-hl-progress { padding:10px 14px 9px; }
  .cmg-hl-progress__row { margin-bottom:6px; }
  .cmg-hl-kicker { font-size:10px; }
  .cmg-hl-progress__label { font-size:11px; }
  .cmg-hl-preview { margin:6px 14px -1px; padding:5px 8px; font-size:10px; }
  .cmg-hl-form { padding:13px 14px 16px; }
  .cmg-hl-question-top { min-height:24px; margin-bottom:3px; scroll-margin-top:56px; }
  .cmg-hl-step-eyebrow { font-size:11px; }
  .cmg-hl-step legend { font-size:25px; line-height:1.04; }
  .cmg-hl-hint { margin:7px 0 10px; font-size:12px; line-height:1.35; }
  .cmg-hl-options { gap:7px; }
  .cmg-hl-option { min-height:61px; grid-template-columns:1fr 20px; gap:10px; padding:9px 11px; }
  .cmg-hl-option strong { font-size:15px; }
  .cmg-hl-option small { margin-top:2px; font-size:11.5px; line-height:1.28; }
  .cmg-hl-auto-note { margin-top:9px; font-size:11px; }
  .cmg-hl-aside { grid-template-columns:1fr; }
  .cmg-hl-scorecard { grid-row:auto; }
  .cmg-hl-scorecard,.cmg-hl-context,.cmg-hl-clarity { border-radius:16px; padding:20px; }
  .cmg-hl-context h2 { margin-top:12px; font-size:21px; }
  .cmg-hl-result { padding:20px 15px 18px; }
  .cmg-hl-result h2 { font-size:30px; }
  .cmg-hl-result > p { margin-top:7px; font-size:13px; line-height:1.4; }
  .cmg-hl-result__reasons { display:grid; gap:5px; margin:9px 0; }
  .cmg-hl-result__reasons li { padding:7px 9px 7px 31px; font-size:11.5px; }
  .cmg-hl-result__reasons li:before { left:9px; top:7px; }
  .cmg-hl-offer { margin-top:9px; padding:13px; }
  .cmg-hl-result__price strong { font-size:23px; }
  .cmg-hl-trial { margin-top:5px!important; }
  .cmg-hl-shop { min-height:56px; margin-top:9px; padding:14px 12px; font-size:14px; }
  .cmg-hl-shop-note { margin-top:6px!important; font-size:12px!important; }
  .cmg-hl-result__facts { grid-template-columns:1fr; }
  .cmg-hl-result__facts > div { min-height:0; }
  .cmg-hl-result__grid { grid-template-columns:1fr; gap:9px; }
}

@media (max-width:359px) {
  .cmg-hl { padding-left:8px; padding-right:8px; }
  .cmg-hl-form { padding-left:12px; padding-right:12px; }
  .cmg-hl-intro h2 { font-size:25px; }
  .cmg-hl-step legend { font-size:23px; }
  .cmg-hl-option { grid-template-columns:1fr 19px; gap:9px; padding:9px 10px; }
}

@media (max-width:680px) and (max-height:850px) {
  .cmg-hl-brand span { display:none; }
  .cmg-hl-intro h2 { font-size:26px; }
  .cmg-hl-auto-note { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .cmg-hl-matcher-landing * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
