/* Original cinematic layout, with the retained amethyst palette. */
:root{--page:#0b0517;--ink:#f5efff;--muted:#afa0bf;--accent:#d7b6ff;--line:#ead5ff1c}
body{background:var(--page)}
body::before{background:radial-gradient(ellipse at 20% 40%,#55247520,transparent 55%),radial-gradient(ellipse at 90% 80%,#5d23751a,transparent 50%)}
.cosmic-sky{background:radial-gradient(ellipse at 50% 25%,#36104f 0%,#1a092d 35%,#0b0517 73%)}
.cosmic-sky::after{background:linear-gradient(180deg,transparent 55%,#0b0517 95%)}
.sky-haze{background:radial-gradient(ellipse at 40% 28%,#bf31f426,transparent 42%),radial-gradient(ellipse at 75% 38%,#923cc41a,transparent 38%)}
.sky-star{background:#edcbff;box-shadow:0 0 7px #dba8ff55}
.hero>h1>span{background:linear-gradient(105deg,#f2dfff 4%,#cf9df1 50%,#b889e0 97%);background-clip:text;color:transparent}
.orbital-core{background:radial-gradient(ellipse,#bb39e525,transparent 67%)}
.primary,.hero-actions .primary{background:linear-gradient(115deg,#f0d8ff,#d6abea 65%,#c79dde);border-color:#f1d8ff;color:#29103e;box-shadow:0 0 28px #ac42de30,inset 0 1px 0 #fff8}
.primary:hover,.hero-actions .primary:hover{background:#f5e3ff;box-shadow:0 0 40px #bd59f455}
.studio-preview{background:#130c20;border-color:#b58ac53d;box-shadow:0 0 0 5px #ffffff02,0 -12px 80px #9122c018,0 50px 100px #0006}
.preview-bar{background:#1c112b}.preview-sidebar{background:#10091b}
.concept-art{background:radial-gradient(ellipse at 45% 40%,#7935a04d,transparent 65%),linear-gradient(135deg,#251337,#180d28)}
.feature{background:linear-gradient(130deg,#1b1029,#10091b);border-color:#d3a5ed1a}
.feature-wide,.ai-feature{background:radial-gradient(ellipse at 90% 0,#843cb326,transparent 65%),#160d23}
.price-card{background:linear-gradient(145deg,#1e112c,#10091b);border-color:#d1ace322}
.pro-card{background:radial-gradient(ellipse at 80% 0,#963dc32d,transparent 65%),#190e27;border-color:#be7ce75e}
.final-cta{background:radial-gradient(ellipse at 50% 110%,#a630d63d,transparent 65%)}
#motion-toggle{background:#160a23e6;border-color:#d1a3f132;color:#c1abc8}

/* Crystal finish for the marketing actions, matching the studio controls. */
.button.primary{position:relative;overflow:hidden;isolation:isolate;color:#2b1240;
  background:
    radial-gradient(circle at 16% 24%,#fff 0 .7px,transparent 2px),
    linear-gradient(180deg,#ffffffb8 0%,#ffffff40 38%,transparent 54%),
    linear-gradient(152deg,#f7ebff 0%,#e7ccfc 38%,#d0a9f1 72%,#bc8fe6 100%);
  border:1px solid #f6e8ff;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #7d4fa14d,0 10px 26px -12px #b057e680,0 0 20px #c084fc33;
  text-shadow:0 1px 0 #ffffffa6}
.button.primary::after{content:"";position:absolute;inset:-120% auto -120% -60%;width:40%;
  transform:rotate(22deg) translateX(-180%);background:linear-gradient(90deg,transparent,#ffffff9e,transparent);
  pointer-events:none;transition:transform .6s ease}
.button.primary:hover{background:
    radial-gradient(circle at 16% 24%,#fff 0 .7px,transparent 2px),
    linear-gradient(180deg,#ffffffd9 0%,#ffffff5c 38%,transparent 54%),
    linear-gradient(152deg,#fdf7ff 0%,#efd9ff 38%,#d9b8f7 72%,#c79bea 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #7d4fa147,0 14px 30px -12px #b057e68c,0 0 26px #c084fc42}
.button.primary:hover::after{transform:rotate(22deg) translateX(620%)}
.button.primary:active{transform:translateY(1px) scale(.995)}
.button.outline{background:linear-gradient(180deg,#fff,#f8f2ff);border-color:#e3d6f2;color:#4a356b;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px -8px #6b3fa040}
.button.small{background:linear-gradient(180deg,#ffffff1c,#ffffff09);border-color:#ffffff38;color:#f4efff;
  box-shadow:inset 0 1px 0 #ffffff3d,0 4px 14px -8px #00000066;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}