/* アステル版 「紫金の宮殿」（2026-10-22 中村さん「アステルも豪華にしてほしい。cvrは最大限保ったまま」）
   style.css の上に重ねる。文・並び・ボタンの色と置き場所・赤い完全審査制の札は変えない（申込みに効く所は守る）。
   変えるのは飾りだけ：白い地と白い箱 → 深い紫の夜空と、金の縁取りの箱。見出しは金の箔、ボタンには金の縁と光の走り */
:root {
  --navy: #fbf3dc;
  --lav: rgba(255, 236, 190, .07);
  --gold-ink: linear-gradient(180deg, #fff6d6 0%, #f2d384 45%, #c9932f 100%);
  --gold-line: #d8b25c;
}
body { background: #120a30; color: #f4ecff; }
.sky { background:
    radial-gradient(1.5px 1.5px at 14% 22%, #fff3c8 50%, transparent 51%),
    radial-gradient(1px 1px at 78% 14%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 66% 52%, #ffe9a8 50%, transparent 51%),
    radial-gradient(1px 1px at 24% 70%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 84%, #fff3c8 50%, transparent 51%),
    radial-gradient(55% 35% at 50% 0%, rgba(150, 90, 255, .35) 0%, transparent 70%),
    radial-gradient(60% 40% at 0% 60%, rgba(200, 120, 255, .16) 0%, transparent 70%),
    radial-gradient(60% 40% at 100% 85%, rgba(255, 190, 90, .1) 0%, transparent 70%),
    linear-gradient(180deg, #1c0f48 0%, #120a30 45%, #0d0724 100%); }

/* 金の額：外の金の線・内の細い金の線を二重に重ね、上の真ん中に金の星 */
.flow, .worry, .safe, .prof__card, .about, .signs {
  background: linear-gradient(180deg, rgba(52, 30, 112, .92) 0%, rgba(30, 17, 72, .95) 100%); color: #f4ecff;
  box-shadow: 0 0 0 .35cqw var(--gold-line), 0 0 0 1cqw #170c3a, 0 0 0 1.25cqw rgba(216, 178, 92, .55), 0 3cqw 8cqw rgba(0, 0, 0, .45), inset 0 0 6cqw rgba(160, 110, 255, .18); }
.flow, .worry, .safe, .prof__card, .about { position: relative; }
.flow::after, .worry::after, .safe::after, .prof__card::after, .about::after {
  content: "✦"; position: absolute; top: -2.2cqw; left: 50%; transform: translateX(-50%); padding: 0 1.6cqw; background: #170c3a; color: #f2d384; font-size: 3.8cqw; line-height: 1;
  text-shadow: 0 0 1.4cqw rgba(255, 210, 120, .9); }
.worry__list li, .safe__list li, .faq details, .proof__list li, .voices__list li, .flow__done {
  background: rgba(255, 240, 210, .06); color: #f4ecff; box-shadow: 0 0 0 .22cqw rgba(216, 178, 92, .6); }
.gets__list li { box-shadow: 0 0 0 .3cqw var(--gold-line), 0 0 5cqw rgba(160, 110, 255, .35); }

/* 最初の画面：絵のまわりに金の額 */
.hero { box-shadow: 0 0 0 .35cqw var(--gold-line), 0 0 0 1cqw #170c3a, 0 0 0 1.25cqw rgba(216, 178, 92, .5); margin-top: 2cqw; }
.hero__bene li { box-shadow: 0 0 3cqw rgba(255, 210, 120, .25); }

/* 申込みボタン：色・形・文はそのまま。金の縁と、ときどき走る光の筋だけ足す */
.cta { box-shadow: 0 0 0 .45cqw #f2d384, 0 0 0 1cqw rgba(242, 211, 132, .25), 0 0 8cqw rgba(6, 199, 85, .45); }
.cta::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; border-radius: inherit;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .55) 50%, transparent 65%) no-repeat -150% 0 / 60% 100%;
  animation: gloss 3.6s ease-in-out infinite; }
@keyframes gloss { 0%, 55% { background-position: -150% 0; } 100% { background-position: 250% 0; } }
@media (prefers-reduced-motion: reduce) { .cta::after { animation: none; } }
.cta-mic { color: #cfc2f0; }
/* 完全審査制の札は赤のまま、金の二重縁で格を上げる */
.cta-tag { box-shadow: 0 0 0 .35cqw var(--gold-line), 0 0 0 .9cqw #170c3a, 0 0 0 1.1cqw rgba(216, 178, 92, .5), 0 0 6cqw rgba(255, 90, 90, .25); }

/* 字の色：紺の字を、紫の地で読める明るい色に */
.sec-title, .flow__title, .step__t, .prof__name, .worry__end, .safe__list b, .faq summary, .about h2, .flow__done, .words, .worry__list li { color: #fbf3dc; }
.sec-title b, .words b { background: var(--gold-ink); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 .12em rgba(255, 210, 120, .45)); }
.step__d, .prof__body, .safe__list p, .faq details p, .about, .voices__list .say, .voices__note, .safe__links, .proof__note, .foot, .about .note { color: #d9cdf2; }
.step__no, .step__t em, .proof__list .k, .prof__role, .voices__list .who, .safe__list b::before, .faq summary::before, .faq summary::after, .words__rule::after { color: #f2d384; }
.step + .step::before { border-top-color: #f2d384; }
.words__rule::after { background: #120a30; }
.words__rule::before { background: linear-gradient(90deg, transparent, #f2d384, transparent); }
.prof__img { box-shadow: 0 0 0 .6cqw #170c3a, 0 0 0 1cqw var(--gold-line), 0 0 6cqw rgba(255, 210, 120, .45); }
.about__sns a { color: #fbf3dc; border-color: rgba(216, 178, 92, .7); }
.foot a { color: #f2d384; }
.foot span { color: #6e5fa0; }

/* 下に付いてくるボタン：地を紫に合わせ、ボタンに金の縁 */
.dock { background: linear-gradient(180deg, rgba(18, 10, 48, 0), rgba(18, 10, 48, .96) 30%); }
.dock__btn { box-shadow: 0 0 0 2px #f2d384, 0 4px 0 #036b2a, 0 0 22px rgba(6, 199, 85, .45); }

/* 全体を見て直した所：声と質問の箱がくすんだ黒に見えたので、ほかの箱と同じ紫の地にそろえる */
.voices__list li, .faq details { background: linear-gradient(180deg, rgba(58, 34, 120, .55), rgba(30, 17, 72, .75)); }
/* 箱の上の星の下地を、箱の外の地の色に近づける（四角い影が目立たないように） */
.flow::after, .worry::after, .safe::after, .prof__card::after, .about::after { background: #160b38; border-radius: 50%; }