/* Independent design experiment. Uses the same home markup and no new animation. */
body.cdh-dark[data-view="home"][data-route="home-design"]{
  --design-ink:#11172f;
  --design-blue:#243b75;
  --design-pink:#f257ab;
  --design-rim:rgba(199,206,255,.23);
}
body[data-route="home-design"] #app{display:block}
body[data-route="home-design"] .cde-home{padding-top:50px;padding-bottom:84px}
body[data-route="home-design"] .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-design"] .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-design"] .cd-design-compare>span{font-size:11px;font-weight:850;letter-spacing:.13em;color:#a9c4ff}
body[data-route="home-design"] .cd-design-compare div{display:flex;flex-wrap:wrap;gap:7px}
body[data-route="home-design"] .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-design"] .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-design"] .cd-design-compare a:hover{color:#fff;background:rgba(94,96,170,.24)}
html:root body.cdh-dark[data-view="home"][data-route="home-design"] :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-design"] .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-design"] .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-design"] .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-design"] .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-design"] .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-design"] .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-design"] .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-design"] .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-design"] .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-design"] .cde-option.is-right{border-color:#69dca9!important}
html:root body.cdh-dark[data-view="home"][data-route="home-design"] .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-design"] .cde-cta:hover{
  filter:brightness(1.13);transform:translateY(-2px);
}
body[data-route="home-design"] .cde-copy h1 span{color:#ff74b5}
body[data-route="home-design"] .cde-kicker{color:#9abfff}
body[data-route="home-design"] .cde-mode-picker-label>span{color:#ffa6d2}
@media(max-width:700px){body[data-route="home-design"] .cd-design-compare{margin-top:12px}body[data-route="home-design"] .cde-home{padding-top:44px}}
@media(prefers-reduced-transparency:reduce){
 html:root body.cdh-dark[data-view="home"][data-route="home-design"] :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}
}