.calcly-page { max-width: 1040px; margin: 0 auto; padding: 16px; }
.calcly-hero { margin-bottom: 16px; }
.calcly-title { margin: 0 0 8px 0; line-height: 1.1; }
.calcly-intro { margin: 0; opacity: 0.85; }

.calcly-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 920px) { .calcly-grid { grid-template-columns: 1.25fr 0.75fr; } }

.calcly-card { border: 1px solid #e8e8e8; border-radius: 12px; padding: 14px; background: #fff; }
.calcly-card-head { display:flex; align-items:center; justify-content:space-between; gap: 12px; }
.calcly-card-title { margin: 0 0 12px 0; font-size: 18px; }

.calcly-switch { display:flex; align-items:center; gap: 8px; font-weight: 600; }
.calcly-switch input { transform: scale(1.1); }

.calcly-compare-wrap { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 560px) { .calcly-compare-wrap { grid-template-columns: 1fr 1fr; } }
.calcly-compare-col { border: 1px solid #f0f0f0; border-radius: 12px; padding: 10px; background: #fafafa; }
.calcly-subtitle { font-weight: 800; margin-bottom: 8px; }

.calcly-row { margin-bottom: 10px; }
.calcly-row-2col { display:grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 560px) { .calcly-row-2col { grid-template-columns: 1fr 1fr; } }

.calcly-label { display:block; font-weight: 700; margin-bottom: 6px; }
.calcly-input, .calcly-select { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; background: #fff; }

.calcly-hint { font-size: 12px; opacity: 0.78; margin-top: 6px; }
.calcly-advanced { margin-top: 10px; }
.calcly-advanced summary { cursor:pointer; font-weight: 800; }

.calcly-trust { margin-top: 12px; padding-top: 12px; border-top: 1px solid #f0f0f0; }
.calcly-trust ul { margin: 8px 0 0 18px; }

.calcly-kpi { padding: 12px; border: 1px solid #eee; border-radius: 12px; background: #fafafa; }
.calcly-kpi-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; opacity: 0.7; }
.calcly-kpi-value { font-size: 28px; font-weight: 900; margin-top: 6px; }
.calcly-kpi-sub { margin-top: 6px; opacity: 0.85; }

.calcly-summary { margin: 12px 0; padding: 10px; border-radius: 12px; border: 1px solid #eee; background: #fff; font-weight: 700; }

.calcly-tablewrap { overflow-x:auto; margin-top: 12px; }
.calcly-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.calcly-table th, .calcly-table td { padding: 10px; border-bottom: 1px solid #f1f1f1; text-align: left; }
.calcly-table th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; opacity: 0.7; }
.calcly-table td:nth-child(2), .calcly-table td:nth-child(3) { text-align:right; }
.calcly-strong td { font-weight: 900; }
.calcly-diff td { background: #fafafa; border-top: 2px solid #eee; }

.calcly-explain { margin-top: 12px; }
.calcly-explain summary { cursor:pointer; font-weight: 800; }

.calcly-seo { margin-top: 18px; }
.calcly-faq { margin-top: 18px; }
.calcly-faq-list { display: grid; gap: 10px; }
.calcly-faq-item { border: 1px solid #eee; border-radius: 12px; padding: 10px 12px; background: #fff; }
.calcly-faq-item summary { cursor: pointer; font-weight: 800; }
.calcly-faq-a { margin-top: 8px; opacity: 0.9; }