/* Independent design experiment. Uses the same home markup and no new animation. */
body.cdh-dark[data-view="home"][data-route="home-mist-test"]{
  --design-ink:#11172f;
  --design-blue:#243b75;
  --design-pink:#f257ab;
  --design-rim:rgba(199,206,255,.23);
}
body[data-route="home-mist-test"] #app{display:block}
body[data-route="home-mist-test"] .cde-home{padding-top:50px;padding-bottom:84px}
body[data-route="home-mist-test"] .cde-home::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:0 -14vw;
  background:
    radial-gradient(ellipse 30% 48% at 15% 37%,rgba(37,101,199,.18),transparent 78%),
    radial-gradient(ellipse 35% 52% at 82% 58%,rgba(50,103,184,.12),transparent 82%);
}
body[data-route="home-mist-test"] .cd-design-compare{
  position:relative;z-index:4;max-width:1280px;width:100%;margin:18px auto 0;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;border-radius:15px;
  border:1px solid rgba(178,187,244,.19);
  background:linear-gradient(115deg,rgba(23,38,79,.55),rgba(61,30,75,.33));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
body[data-route="home-mist-test"] .cd-design-compare>span{font-size:11px;font-weight:850;letter-spacing:.13em;color:#a9c4ff}
body[data-route="home-mist-test"] .cd-design-compare div{display:flex;flex-wrap:wrap;gap:7px}
body[data-route="home-mist-test"] .cd-design-compare a{padding:8px 12px;color:#e9ddec;text-decoration:none;font-size:12px;font-weight:750;border:1px solid rgba(208,202,250,.19);border-radius:9px}
body[data-route="home-mist-test"] .cd-design-compare a[aria-current="page"]{color:#fff;background:rgba(248,81,164,.17);border-color:rgba(248,127,190,.45)}
body[data-route="home-mist-test"] .cd-design-compare a:hover{color:#fff;background:rgba(94,96,170,.24)}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] :is(.site-header,.site-footer){
  border-color:rgba(192,204,252,.16)!important;
  background:
    radial-gradient(ellipse 25% 24% at 25% 0%,rgba(236,245,255,.12),transparent 100%),
    linear-gradient(115deg,rgba(20,36,79,.14),rgba(56,30,77,.11))!important;
  -webkit-backdrop-filter:blur(11px) saturate(135%)!important;
  backdrop-filter:blur(11px) saturate(135%)!important;
  box-shadow:inset 0 1px rgba(242,246,255,.12)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-live-availability.cd-glass--rimless{
  border-color:transparent!important;
  background:
    radial-gradient(ellipse 48% 26% at 26% 0%,rgba(239,248,255,.23),transparent),
    linear-gradient(113deg,rgba(25,59,114,.16),rgba(83,31,78,.10))!important;
  -webkit-backdrop-filter:blur(12px) saturate(140%)!important;backdrop-filter:blur(12px) saturate(140%)!important;
  box-shadow:inset 0 1px rgba(245,248,255,.16)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-mode-links.cd-glass--rimless{
  border-color:transparent!important;
  background:linear-gradient(115deg,rgba(27,53,101,.13),rgba(80,28,85,.12))!important;
  -webkit-backdrop-filter:blur(12px) saturate(140%)!important;backdrop-filter:blur(12px) saturate(140%)!important;
  box-shadow:inset 0 1px rgba(210,235,255,.10)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-preview.cd-glass--framed{
  border:1px solid rgba(181,191,253,.31)!important;border-radius:22px;
  background:
    radial-gradient(ellipse 44% 19% at 33% 0%,rgba(234,242,255,.18),transparent 100%),
    linear-gradient(125deg,rgba(16,31,77,.47),rgba(25,29,70,.48) 56%,rgba(111,36,94,.40))!important;
  -webkit-backdrop-filter:blur(17px) saturate(140%)!important;backdrop-filter:blur(17px) saturate(140%)!important;
  box-shadow:inset 0 1px rgba(241,243,255,.23)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-preview.cd-glass--framed::before{
  background:radial-gradient(ellipse 56% 23% at 31% -4%,rgba(240,247,255,.26),transparent 89%)!important;
  opacity:.78!important;
}
body[data-route="home-mist-test"] .cde-preview .cde-quiz{
  background:linear-gradient(120deg,rgba(12,30,66,.17),rgba(60,26,77,.10));
  border-top:1px solid rgba(183,201,250,.16);
  border-radius:0 0 14px 14px;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-quiz h2{
  border-color:rgba(196,207,255,.14)!important;
  background:
    radial-gradient(ellipse 48% 28% at 38% 0%,rgba(245,248,255,.15),transparent),
    linear-gradient(115deg,rgba(25,50,103,.25),rgba(65,29,83,.15))!important;
  box-shadow:inset 0 1px rgba(231,239,255,.13)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-option{
  border-color:rgba(177,199,255,.21)!important;border-radius:11px;
  background:linear-gradient(110deg,rgba(20,47,96,.20),rgba(80,35,83,.17))!important;
  box-shadow:inset 0 1px rgba(239,246,255,.07)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-option:hover:not(:disabled){
  border-color:rgba(251,151,204,.74)!important;
  background:linear-gradient(110deg,rgba(33,65,119,.30),rgba(128,43,103,.26))!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-option.is-selected{
  border-color:#ff8ec5!important;background:linear-gradient(110deg,rgba(51,60,116,.36),rgba(159,48,112,.34))!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-option.is-right{border-color:#69dca9!important}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-cta{
  border:1px solid rgba(255,159,208,.50)!important;border-radius:11px;
  background:
    radial-gradient(ellipse 50% 24% at 32% 0%,rgba(255,255,255,.24),transparent),
    linear-gradient(107deg,rgba(230,55,140,.72),rgba(157,51,132,.59))!important;
  -webkit-backdrop-filter:blur(13px) saturate(145%)!important;backdrop-filter:blur(13px) saturate(145%)!important;
  box-shadow:inset 0 1px rgba(255,245,253,.22)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-cta:hover{
  filter:brightness(1.13);transform:translateY(-2px);
}
body[data-route="home-mist-test"] .cde-copy h1 span{color:#ff74b5}
body[data-route="home-mist-test"] .cde-kicker{color:#9abfff}
body[data-route="home-mist-test"] .cde-mode-picker-label>span{color:#ffa6d2}
@media(max-width:700px){body[data-route="home-mist-test"] .cd-design-compare{margin-top:12px}body[data-route="home-mist-test"] .cde-home{padding-top:44px}}
@media(prefers-reduced-transparency:reduce){
 html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] :is(.site-header,.site-footer,.cde-preview.cd-glass--framed,.cde-live-availability.cd-glass--rimless,.cde-mode-links.cd-glass--rimless,.cde-quiz h2,.cde-option,.cde-cta){background:rgba(25,30,61,.95)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
/* Three-part hero: restored original content widths with a central status column. */
body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-home{
  width:100%;flex-direction:row;align-items:flex-start;justify-content:flex-start;
  padding-top:22px;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-layout{
  width:min(100%,1450px);max-width:1450px;
  grid-template-columns:minmax(0,1fr) minmax(0,225px) minmax(0,620px);
  gap:clamp(20px,2.2vw,37px);
  align-items:start;
}
body.cdh-dark[data-route="home-mist-test"] .cde-layout>.cde-copy{min-width:0}
body.cdh-dark[data-route="home-mist-test"] .cde-layout>.cde-preview{width:100%;max-width:620px;justify-self:end;min-width:0}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-live-availability.cd-home-status-center{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  justify-self:center;align-self:start;
  width:100%;min-width:0;max-width:225px;box-sizing:border-box;
  margin:0;padding:19px 12px;text-align:center;gap:9px;
  border-radius:17px;
  background:
    radial-gradient(ellipse 66% 24% at 33% 0%,rgba(240,247,255,.17),transparent),
    linear-gradient(110deg,rgba(27,52,100,.19),rgba(99,35,89,.14))!important;
  border:1px solid rgba(185,202,250,.14)!important;
  box-shadow:inset 0 1px rgba(242,245,255,.15)!important;
}
body.cdh-dark[data-route="home-mist-test"] .cd-home-status-center>span:last-child{
  display:grid;justify-items:center;gap:5px;min-width:0;
}
body.cdh-dark[data-route="home-mist-test"] .cd-home-status-center .cde-beta-testers{
  white-space:normal;line-height:1.55;overflow-wrap:anywhere;
}
@media(max-width:1240px){
  html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-layout{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(26px,3.6vw,42px);
    max-width:1100px;
  }
  body.cdh-dark[data-route="home-mist-test"] .cde-layout>.cde-copy{grid-column:1;grid-row:1}
  body.cdh-dark[data-route="home-mist-test"] .cde-layout>.cde-preview{grid-column:2;grid-row:1}
  html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-live-availability.cd-home-status-center{
    grid-column:1/-1;grid-row:2;
    flex-direction:row;width:min(100%,520px);max-width:520px;margin-top:6px;padding:12px 18px;
  }
}
@media(max-width:780px){
  html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-layout{
    grid-template-columns:minmax(0,1fr);gap:25px;max-width:650px;
  }
  body.cdh-dark[data-route="home-mist-test"] .cde-layout>.cde-copy{grid-column:1;grid-row:1}
  html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-live-availability.cd-home-status-center{
    grid-column:1;grid-row:2;width:min(100%,520px);max-width:520px;margin:0;
  }
  body.cdh-dark[data-route="home-mist-test"] .cde-layout>.cde-preview{grid-column:1;grid-row:3;justify-self:center}
}

/* Unified desktop measure for header, hero and footer on the approved homepage. */
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] :is(.site-header,.site-footer){
  width:min(100%,1400px)!important;
  max-width:1400px!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home-mist-test"] .cde-layout{
  width:min(100%,1400px);
  max-width:1400px;
}

/* Side-by-side quality check without altering the actual #home route. */
body[data-route="home-mist-test"] .cd-mist-compare{
  position:relative;z-index:12;width:min(100%,1400px);box-sizing:border-box;
  margin:4px auto 0;padding:13px 19px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;flex-wrap:wrap;
  color:#f6eefb;border:1px solid rgba(201,205,250,.25);border-radius:16px;
  background:linear-gradient(120deg,rgba(25,37,80,.62),rgba(94,28,78,.47));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
body[data-route="home-mist-test"] .cd-mist-compare>div{display:grid;gap:5px}
body[data-route="home-mist-test"] .cd-mist-compare strong{font-size:12px;letter-spacing:.13em;color:#ffc0e6}
body[data-route="home-mist-test"] .cd-mist-compare small{font-size:12px;color:#bab5d0}
body[data-route="home-mist-test"] .cd-mist-compare nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body[data-route="home-mist-test"] .cd-mist-compare button,
body[data-route="home-mist-test"] .cd-mist-compare a{
  cursor:pointer;border:1px solid rgba(211,207,249,.31);border-radius:9px;
  padding:9px 15px;background:rgba(32,34,73,.56);color:#f9eaf7;
  text-decoration:none;font:inherit;font-size:12px;font-weight:750;
}
body[data-route="home-mist-test"] .cd-mist-compare button[aria-pressed="true"]{
  border-color:rgba(255,161,209,.72);background:rgba(220,65,146,.36);color:white;
}
body[data-route="home-mist-test"] .cde-home{padding-top:22px!important}