:root{--cm-primary: #7c3aed;--cm-primary-dark: #5b21b6;--cm-soft: #f3e8ff;--cm-bg: #f8fafc;--cm-text: #0f172a;--cm-muted: #64748b;--cm-border: #e2e8f0;--cm-card: #ffffff;--cm-green: #16a34a}.wrap[data-astro-cid-ztuunui3]{width:min(1120px,calc(100% - 32px));margin:0 auto}.hero[data-astro-cid-ztuunui3]{position:relative;overflow:hidden;padding:42px 0 68px;color:#fff;background:radial-gradient(circle at top left,rgba(216,180,254,.8),transparent 30%),linear-gradient(135deg,#111827,#4c1d95 48%,#7c3aed)}.hero-bg[data-astro-cid-ztuunui3]{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;animation:floatGrid 14s linear infinite;opacity:.34}@keyframes floatGrid{0%{transform:translateY(0)}to{transform:translateY(44px)}}.hero-wrap[data-astro-cid-ztuunui3]{position:relative;z-index:1}.hero[data-astro-cid-ztuunui3] .breadcrumb,.hero[data-astro-cid-ztuunui3] .breadcrumb a,.hero[data-astro-cid-ztuunui3] .breadcrumb span{color:#ffffffdb}.hero-grid[data-astro-cid-ztuunui3]{display:grid;grid-template-columns:1.45fr .85fr;gap:32px;align-items:center;margin-top:34px}.eyebrow[data-astro-cid-ztuunui3]{margin:0 0 10px;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e9d5ff}.eyebrow[data-astro-cid-ztuunui3].dark{color:var(--cm-primary)}h1[data-astro-cid-ztuunui3]{margin:0;max-width:780px;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.96;letter-spacing:-.06em}.hero-text[data-astro-cid-ztuunui3]{max-width:720px;margin:22px 0 0;font-size:1.08rem;line-height:1.75;color:#ffffffdb}.hero-actions[data-astro-cid-ztuunui3],.button-row[data-astro-cid-ztuunui3],.result-actions[data-astro-cid-ztuunui3],.share-row[data-astro-cid-ztuunui3],.quick-row[data-astro-cid-ztuunui3]{display:flex;flex-wrap:wrap;gap:12px}.hero-actions[data-astro-cid-ztuunui3]{margin-top:28px}.btn[data-astro-cid-ztuunui3],.small-btn[data-astro-cid-ztuunui3],.quick[data-astro-cid-ztuunui3],.share-btn[data-astro-cid-ztuunui3]{border:0;cursor:pointer;font-weight:800;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn[data-astro-cid-ztuunui3]:hover,.small-btn[data-astro-cid-ztuunui3]:hover,.quick[data-astro-cid-ztuunui3]:hover,.share-btn[data-astro-cid-ztuunui3]:hover{transform:translateY(-2px)}.btn[data-astro-cid-ztuunui3]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;text-decoration:none}.btn[data-astro-cid-ztuunui3].primary{background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;box-shadow:0 14px 30px #7c3aed57}.btn[data-astro-cid-ztuunui3].ghost{color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.28)}.btn[data-astro-cid-ztuunui3].light{background:var(--cm-soft);color:var(--cm-primary-dark)}.btn[data-astro-cid-ztuunui3].full{flex:1}.hero-card[data-astro-cid-ztuunui3]{padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:32px;background:#ffffff1a;box-shadow:0 30px 80px #0000003d;backdrop-filter:blur(14px);text-align:center}.sig-demo[data-astro-cid-ztuunui3]{display:inline-flex;gap:0;align-items:center;justify-content:center;margin-bottom:18px;width:190px;height:120px;border-radius:32px;background:#ffffff21;animation:softFloat 3.2s ease-in-out infinite;font-size:2.4rem;font-weight:950}@keyframes softFloat{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}.sig-demo[data-astro-cid-ztuunui3] span[data-astro-cid-ztuunui3]{color:#ffffff6b}.sig-demo[data-astro-cid-ztuunui3] strong[data-astro-cid-ztuunui3]{color:#bbf7d0}.hero-card[data-astro-cid-ztuunui3] p[data-astro-cid-ztuunui3]{color:#ffffffbf}.page-grid[data-astro-cid-ztuunui3]{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:34px 0 56px}.tool-card[data-astro-cid-ztuunui3],.side-card[data-astro-cid-ztuunui3],.content-card[data-astro-cid-ztuunui3]{border:1px solid var(--cm-border);border-radius:28px;background:var(--cm-card);box-shadow:0 20px 60px #0f172a0f}.tool-card[data-astro-cid-ztuunui3]{padding:24px}.side-card[data-astro-cid-ztuunui3],.content-card[data-astro-cid-ztuunui3]{padding:26px}.full[data-astro-cid-ztuunui3]{grid-column:1 / -1}.section-head[data-astro-cid-ztuunui3]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head[data-astro-cid-ztuunui3].compact{margin-bottom:14px}h2[data-astro-cid-ztuunui3],h3[data-astro-cid-ztuunui3]{margin:0;color:var(--cm-text);letter-spacing:-.03em}h2[data-astro-cid-ztuunui3]{font-size:clamp(1.55rem,3vw,2.25rem)}h3[data-astro-cid-ztuunui3]{font-size:1.15rem}.badge[data-astro-cid-ztuunui3]{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.82rem;font-weight:900}.calculator-grid[data-astro-cid-ztuunui3]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-panel[data-astro-cid-ztuunui3],.result-panel[data-astro-cid-ztuunui3],.visual-card[data-astro-cid-ztuunui3],.steps-card[data-astro-cid-ztuunui3]{border:1px solid var(--cm-border);border-radius:24px;background:#f8fafc;padding:20px}label[data-astro-cid-ztuunui3]{display:block;margin:14px 0 8px;font-weight:900;color:var(--cm-text)}input[data-astro-cid-ztuunui3]{width:100%;min-height:50px;border:1px solid var(--cm-border);border-radius:16px;padding:0 14px;font-size:1rem;color:var(--cm-text);background:#fff;outline:none}input[data-astro-cid-ztuunui3]:focus{border-color:var(--cm-primary);box-shadow:0 0 0 4px #7c3aed1f}.quick-row[data-astro-cid-ztuunui3]{margin-top:16px}.quick[data-astro-cid-ztuunui3],.small-btn[data-astro-cid-ztuunui3],.share-btn[data-astro-cid-ztuunui3]{min-height:42px;padding:0 14px;background:#fff;color:var(--cm-primary-dark);border:1px solid var(--cm-border)}.quick[data-astro-cid-ztuunui3]{background:var(--cm-soft)}.button-row[data-astro-cid-ztuunui3]{margin-top:20px}.small-note[data-astro-cid-ztuunui3],.result-note[data-astro-cid-ztuunui3],.content-card[data-astro-cid-ztuunui3] p[data-astro-cid-ztuunui3],.side-card[data-astro-cid-ztuunui3] p[data-astro-cid-ztuunui3],.section-head[data-astro-cid-ztuunui3] p[data-astro-cid-ztuunui3]{color:var(--cm-muted);line-height:1.7}.small-note[data-astro-cid-ztuunui3]{margin-bottom:0;font-size:.92rem}.result-panel[data-astro-cid-ztuunui3]{background:radial-gradient(circle at top right,rgba(168,85,247,.18),transparent 34%),linear-gradient(180deg,#fff,#f8fafc)}.result-label[data-astro-cid-ztuunui3]{margin:0 0 10px;color:var(--cm-muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.main-result[data-astro-cid-ztuunui3]{margin-top:8px;font-size:clamp(3rem,7vw,5rem);font-weight:950;color:var(--cm-text);letter-spacing:-.06em}.highlighted-number[data-astro-cid-ztuunui3]{margin-top:10px;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--cm-border);font-size:1.7rem;font-weight:900;word-break:break-word}.highlighted-number[data-astro-cid-ztuunui3] span[data-astro-cid-ztuunui3]{color:#94a3b8}.highlighted-number[data-astro-cid-ztuunui3] strong[data-astro-cid-ztuunui3]{color:var(--cm-green)}.highlighted-number[data-astro-cid-ztuunui3] em[data-astro-cid-ztuunui3]{margin-left:4px;color:var(--cm-primary-dark);font-style:normal}.result-actions[data-astro-cid-ztuunui3],.share-row[data-astro-cid-ztuunui3]{margin-top:14px}.share-btn[data-astro-cid-ztuunui3]{background:#111827;color:#fff;border-color:#111827}.cards[data-astro-cid-ztuunui3]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.info-card[data-astro-cid-ztuunui3]{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--cm-border)}.info-card[data-astro-cid-ztuunui3] span[data-astro-cid-ztuunui3]{display:block;margin-bottom:8px;color:var(--cm-muted);font-size:.84rem;font-weight:800}.info-card[data-astro-cid-ztuunui3] strong[data-astro-cid-ztuunui3]{display:block;color:var(--cm-text);word-break:break-word}.visual-card[data-astro-cid-ztuunui3],.steps-card[data-astro-cid-ztuunui3]{margin-top:18px}.digit-chart[data-astro-cid-ztuunui3]{display:flex;gap:10px;flex-wrap:wrap;min-height:86px;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--cm-border)}.digit[data-astro-cid-ztuunui3]{min-width:54px;padding:12px 10px;border-radius:16px;text-align:center;animation:popIn .28s ease both}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.96)}}.digit[data-astro-cid-ztuunui3] strong[data-astro-cid-ztuunui3]{display:block;font-size:1.3rem}.digit[data-astro-cid-ztuunui3] span[data-astro-cid-ztuunui3]{display:block;margin-top:4px;font-size:.72rem;font-weight:800;text-transform:uppercase}.digit[data-astro-cid-ztuunui3].active{background:#dcfce7;color:#166534}.digit[data-astro-cid-ztuunui3].muted{background:#f1f5f9;color:#94a3b8}.chart-empty[data-astro-cid-ztuunui3]{margin:auto;color:var(--cm-muted)}.steps-card[data-astro-cid-ztuunui3] ol[data-astro-cid-ztuunui3]{margin:12px 0 0;padding-left:22px;color:var(--cm-text);line-height:1.8}.rule-list[data-astro-cid-ztuunui3]{display:grid;gap:10px;margin-top:18px}.rule-list[data-astro-cid-ztuunui3] div[data-astro-cid-ztuunui3]{display:grid;gap:4px;padding:14px;border:1px solid var(--cm-border);border-radius:18px;background:#f8fafc}.rule-list[data-astro-cid-ztuunui3] span[data-astro-cid-ztuunui3]{color:var(--cm-muted);font-size:.9rem}.example-grid[data-astro-cid-ztuunui3],.how-grid[data-astro-cid-ztuunui3],.explain-grid[data-astro-cid-ztuunui3]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.how-grid[data-astro-cid-ztuunui3],.explain-grid[data-astro-cid-ztuunui3]{grid-template-columns:repeat(3,1fr)}.example[data-astro-cid-ztuunui3]{padding:18px;border:1px solid var(--cm-border);border-radius:20px;background:#f8fafc;text-align:left;cursor:pointer}.example[data-astro-cid-ztuunui3] strong[data-astro-cid-ztuunui3]{display:block;margin-bottom:8px;font-size:1.35rem;color:var(--cm-primary-dark)}.example[data-astro-cid-ztuunui3] span[data-astro-cid-ztuunui3]{color:var(--cm-muted);line-height:1.5}.how-grid[data-astro-cid-ztuunui3] div[data-astro-cid-ztuunui3],.explain-grid[data-astro-cid-ztuunui3] div[data-astro-cid-ztuunui3]{padding:20px;border:1px solid var(--cm-border);border-radius:22px;background:#f8fafc}.how-grid[data-astro-cid-ztuunui3] span[data-astro-cid-ztuunui3]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:var(--cm-primary);color:#fff;font-weight:900}.content-card[data-astro-cid-ztuunui3] a[data-astro-cid-ztuunui3]{color:var(--cm-primary-dark);font-weight:800}.table-wrap[data-astro-cid-ztuunui3]{overflow-x:auto;margin-top:18px}table[data-astro-cid-ztuunui3]{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}th[data-astro-cid-ztuunui3],td[data-astro-cid-ztuunui3]{padding:14px;border-bottom:1px solid var(--cm-border);text-align:left}th[data-astro-cid-ztuunui3]{background:var(--cm-soft);color:var(--cm-primary-dark)}td[data-astro-cid-ztuunui3]{color:var(--cm-text)}.faq[data-astro-cid-ztuunui3]{display:grid;gap:12px;margin-top:18px}details[data-astro-cid-ztuunui3]{border:1px solid var(--cm-border);border-radius:18px;background:#f8fafc;padding:16px 18px}summary[data-astro-cid-ztuunui3]{cursor:pointer;font-weight:900;color:var(--cm-text)}details[data-astro-cid-ztuunui3] p[data-astro-cid-ztuunui3]{margin-bottom:0}@media(max-width:920px){.hero-grid[data-astro-cid-ztuunui3],.page-grid[data-astro-cid-ztuunui3],.calculator-grid[data-astro-cid-ztuunui3],.cards[data-astro-cid-ztuunui3],.example-grid[data-astro-cid-ztuunui3],.how-grid[data-astro-cid-ztuunui3],.explain-grid[data-astro-cid-ztuunui3]{grid-template-columns:1fr}.side-card[data-astro-cid-ztuunui3]{order:-1}}@media(max-width:560px){.wrap[data-astro-cid-ztuunui3]{width:min(100% - 22px,1120px)}.hero[data-astro-cid-ztuunui3]{padding:30px 0 44px}.tool-card[data-astro-cid-ztuunui3],.side-card[data-astro-cid-ztuunui3],.content-card[data-astro-cid-ztuunui3]{padding:18px;border-radius:22px}.section-head[data-astro-cid-ztuunui3]{align-items:flex-start;flex-direction:column}.button-row[data-astro-cid-ztuunui3],.result-actions[data-astro-cid-ztuunui3],.share-row[data-astro-cid-ztuunui3]{flex-direction:column}.btn[data-astro-cid-ztuunui3],.small-btn[data-astro-cid-ztuunui3],.share-btn[data-astro-cid-ztuunui3]{width:100%}}