/* ==========================================================
   Theme B — "Candy Gradient": soft, airy, glossy pastel pop
   ========================================================== */
:root {
  --cream: #FFFBFE;
  --ink: #2B2250;
  --ink-soft: #6A6290;
  --pink: #FF6FB5;
  --yellow: #FFD66B;
  --mint: #6EE7C8;
  --blue: #7AA2FF;
  --purple: #A78BFA;
  --orange: #FFA977;
  --radius: 32px;
  --shadow: 0 20px 50px -18px rgba(122, 90, 220, .35);
  --shadow-sm: 0 10px 24px -10px rgba(122, 90, 220, .35);
  --font-head: "Outfit", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --grad: linear-gradient(120deg, #FF7EB9 0%, #FFA977 35%, #FFD66B 60%, #6EE7C8 100%);
  --grad2: linear-gradient(135deg, #A78BFA 0%, #7AA2FF 50%, #6EE7C8 100%);
}
body {
  background:
    radial-gradient(60vw 50vw at 90% -10%, #FFE1F0 0%, transparent 60%),
    radial-gradient(50vw 40vw at -10% 20%, #E3F0FF 0%, transparent 60%),
    radial-gradient(50vw 40vw at 100% 60%, #E6FFF6 0%, transparent 60%),
    var(--cream);
}
.site-header { background: rgba(255,255,255,.65); border-bottom: 1px solid rgba(167,139,250,.25); }
.nav-links a:hover { background: #F3ECFF; }

.btn { border: none; background: var(--grad); color: #fff; box-shadow: var(--shadow-sm); font-weight: 700; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -10px rgba(255, 111, 181, .55); }
.btn:active { transform: translateY(1px); box-shadow: var(--shadow-sm); }
.btn.alt { background: rgba(255,255,255,.8); color: var(--ink); border: 1px solid #E4DCFA; }
.menu-toggle { border: none; background: var(--grad2); color: #fff; box-shadow: var(--shadow-sm); }

.tag { border: none; background: #fff; color: var(--purple); box-shadow: var(--shadow-sm); transform: none; }
.hero h1 { font-weight: 800; letter-spacing: -.04em; }
.hero h1 .hl { color: transparent; background: var(--grad); -webkit-background-clip: text; background-clip: text; }
.hero h1 .hl::after { display: none; }

.float-card { border: 1px solid rgba(255,255,255,.7); box-shadow: var(--shadow); border-radius: 36px; }
.fc1 { background: linear-gradient(140deg, #A9C2FF, #7AA2FF); }
.fc2 { background: linear-gradient(140deg, #FFE59A, #FFC46B); }
.fc3 { background: linear-gradient(140deg, #FFA8D2, #FF6FB5); }
.blob { filter: blur(40px); }
.blob.b1 { background: #FF9ECF; opacity: .45; }
.blob.b2 { background: #6EE7C8; opacity: .45; }
.blob.b3 { background: #A78BFA; opacity: .35; }

.marquee { background: var(--grad2); color: #fff; border: none; transform: none; margin: 0; }
.marquee-track span::after { color: #FFE59A; }

.section-head .eyebrow { color: var(--pink); }
.product { border: 1px solid rgba(255,255,255,.8); background: rgba(255,255,255,.75); backdrop-filter: blur(10px); box-shadow: var(--shadow); }
.product:hover { transform: translateY(-8px); }
.product .thumb { border-bottom: none; margin: 10px; border-radius: 24px; }
.product .badge { border: none; box-shadow: var(--shadow-sm); }
.product .format { color: var(--purple); }
.bg-pink { background: linear-gradient(140deg, #FFC2E0, #FF8CC6); }
.bg-yellow { background: linear-gradient(140deg, #FFF0B8, #FFD66B); }
.bg-mint { background: linear-gradient(140deg, #C8FFF0, #6EE7C8); }
.bg-blue { background: linear-gradient(140deg, #CFDDFF, #7AA2FF); }
.bg-purple { background: linear-gradient(140deg, #E2D6FF, #A78BFA); }
.bg-orange { background: linear-gradient(140deg, #FFD9C2, #FFA977); }

.how { background: var(--grad2); border: none; }
.how .section-head p { color: #F3F6FF; }
.step { border: none; box-shadow: var(--shadow); }
.step::before { border: none; box-shadow: var(--shadow-sm); background: #FFE59A; }
.step:nth-child(2)::before { background: #9DF2DA; }
.step:nth-child(3)::before { background: #FF8CC6; }

.about-visual { border: none; background: var(--grad); box-shadow: var(--shadow); }
.values li { border: none; box-shadow: var(--shadow-sm); }
.values li:nth-child(1) { background: #C8FFF0; } .values li:nth-child(2) { background: #FFC2E0; color: var(--ink); }
.values li:nth-child(3) { background: #CFDDFF; color: var(--ink); } .values li:nth-child(4) { background: #FFF0B8; }

.faq { background: transparent; border-top: none; }
.faq details { border: 1px solid #EEE7FF; background: rgba(255,255,255,.85); box-shadow: var(--shadow-sm); }

.contact-card { background: var(--grad); border: none; box-shadow: var(--shadow); color: var(--ink); }
.contact-card p, .contact-info { color: #4A3F6E; }
.contact-card .email { border: none; background: #fff; color: var(--ink); }
.contact-info a { color: var(--ink) !important; }

.site-footer { background: #2B2250; }
.page-hero .tag { color: var(--purple); }
.legal-card { border: 1px solid #EEE7FF; box-shadow: var(--shadow); }
.legal-card h2 { border-left-color: var(--purple); }
.legal-table th { background: #F6F1FF; }