
.charmgen-site {--cg-bg:#f6f5fc;--cg-surface:#fff;--cg-text:#2a2645;--cg-muted:#625c7b;--cg-line:#e2dff1;--cg-accent:#6551b3;--cg-soft:#eeebfa;--color-primary:#6551b3;--color-primary-content:#fff;background:var(--cg-bg);color:var(--cg-text);font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;line-height:1.75;}
html[data-theme="dark"] .charmgen-site {--cg-bg:#191725;--cg-surface:#252137;--cg-text:#f0edfa;--cg-muted:#c2bad8;--cg-line:#443c60;--cg-accent:#bdacf3;--cg-soft:#39304e;--color-primary:#bdacf3;--color-primary-content:#241d38;}
.charmgen-site .cg-header {background:var(--cg-surface);border-bottom:1px solid var(--cg-line);box-shadow:none;}.charmgen-site .cg-header .navbar {min-height:82px;}.charmgen-site .brand-name {font-size:25px;font-weight:800;letter-spacing:-1px;}.charmgen-site .cg-brand-mark {background:var(--cg-accent);color:var(--cg-surface);border-radius:12px;padding:3px 8px;letter-spacing:-1px;}.charmgen-site .btn {border-radius:11px;min-height:44px;}.charmgen-site .cg-main {padding-top:30px;}.charmgen-site .cg-hero {background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:26px;padding:42px;gap:34px;}.charmgen-site .hero-copy h1 {font-family:inherit;font-size:clamp(32px,4.3vw,54px);line-height:1.3;letter-spacing:-1.8px;color:var(--cg-text);}.charmgen-site .hero-copy h1 em {color:var(--cg-accent);font-style:normal;}.charmgen-site .hero-copy p {color:var(--cg-muted);font-size:16px;line-height:1.8;}.charmgen-site .eyebrow {color:var(--cg-accent);font-weight:750;letter-spacing:0;}.charmgen-site .collection-demo {background:var(--cg-bg);border:1px solid var(--cg-line);border-radius:20px;box-shadow:0 18px 40px rgba(54,38,106,.1);}.charmgen-site .demo-item {background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:12px;}.charmgen-site .floating-plus {background:var(--cg-accent);color:var(--cg-surface);}.charmgen-site .total-grid article,.charmgen-site .period-grid article,.charmgen-site .step-card,.charmgen-site .faq-item {background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:18px;box-shadow:none;}.charmgen-site .section-heading h2 {font-family:inherit;letter-spacing:-.8px;}.charmgen-site .cg-footer {background:var(--cg-surface);border-top:1px solid var(--cg-line);color:var(--cg-muted);padding-block:36px;}.charmgen-site a:focus-visible,.charmgen-site button:focus-visible {outline:3px solid var(--cg-accent);outline-offset:3px;}.charmgen-site [hidden] {display:none!important;}
@media(max-width:600px) {.charmgen-site .cg-hero {padding:26px 22px;border-radius:20px;gap:24px;}.charmgen-site .hero-copy h1 {font-size:32px;letter-spacing:-1px;}.charmgen-site .hero-copy p {font-size:14px;}.charmgen-site .cg-header .navbar {min-height:72px;}.charmgen-site .brand-name {font-size:22px;}.charmgen-site .cg-main {padding-top:20px;}}
.charmgen-site .cg-brand-mark{display:inline-grid;place-items:center;line-height:1;font-size:20px;min-width:36px;min-height:36px;padding:0;}@media(max-width:600px){.charmgen-site .cg-header-actions{flex-wrap:wrap;gap:4px;}.charmgen-site .cg-header-actions .btn{font-size:12px;padding-inline:7px;min-height:38px;}.charmgen-site .cg-header-actions .theme-toggle{min-width:34px;width:34px;}}

@media(max-width:600px){.charmgen-site .cg-header-actions{gap:3px}.charmgen-site .cg-header-actions .btn{padding-inline:5px;font-size:11px;letter-spacing:-.2px}.charmgen-site .cg-header-actions .theme-toggle{min-width:28px;width:28px;padding:0;flex-shrink:0}.charmgen-site .cg-header-actions .btn-circle{min-height:36px;height:36px}}
