.cpc-page .info-hero__panel{border-left:3px solid var(--accent, #00e599)}.cpc-explain{padding:2.5rem 1.5rem 1.5rem;max-width:960px;margin:0 auto}.cpc-explain h2{font-family:var(--font-display, "Anybody", sans-serif);font-size:1.5rem;color:var(--text-primary, #03233a);margin-bottom:.75rem;letter-spacing:-.02em}.cpc-explain p{color:var(--text-secondary, #4a5d6e);line-height:1.65;font-size:1.05rem}.cpc-form-container{max-width:960px;margin:0 auto 2.5rem;padding:0 1.5rem}.cpc-form{padding:2rem 2.25rem;background:var(--surface-light, #f8fafc);border-radius:16px;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 4px 20px #03233a08}.cpc-form header h2{font-size:1.35rem;font-family:var(--font-display, "Anybody", sans-serif);color:var(--text-primary, #03233a);margin-bottom:.35rem}.cpc-form header p{color:var(--text-secondary, #64748b);font-size:.95rem;margin-bottom:1.5rem}.cpc-presets{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.cpc-presets__label{display:block;font-size:.85rem;font-weight:700;color:var(--text-primary, #03233a);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.cpc-presets__list{display:flex;flex-wrap:wrap;gap:.5rem}.cpc-preset-btn{padding:.5rem 1rem;background:#fff;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .2s ease;white-space:nowrap}.cpc-preset-btn:hover{background:#f1f5f9;border-color:var(--text-primary, #03233a);color:var(--text-primary, #03233a)}.cpc-preset-btn.active{background:var(--surface-dark, #03233a);border-color:var(--surface-dark, #03233a);color:#fff}.cpc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2rem;margin-bottom:1.75rem}.cpc-field{display:flex;flex-direction:column;gap:.4rem}.cpc-field__header{display:flex;justify-content:space-between;align-items:baseline}.cpc-field__header label{font-weight:700;font-size:.95rem;color:var(--text-primary, #03233a)}.cpc-field small{font-size:.8rem;color:var(--text-muted, #64748b)}.cpc-input-wrapper{position:relative;display:flex;align-items:center;margin-top:.25rem}.cpc-input-wrapper input[type=number]{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1.5px solid var(--border-color, #cbd5e1);border-radius:10px;font-size:1.15rem;font-weight:700;background:#fff;color:var(--text-primary, #03233a);transition:border-color .2s,box-shadow .2s;font-family:var(--font-body, "Onest", sans-serif)}.cpc-input-wrapper input[type=number]:focus{outline:none;border-color:var(--accent-dark, #00a870);box-shadow:0 0 0 3px #00e59933}.cpc-input-unit{position:absolute;right:1rem;font-weight:700;font-size:.95rem;color:var(--text-muted, #64748b);pointer-events:none}.cpc-slider{margin-top:.5rem;width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.cpc-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--surface-dark, #03233a);border:2px solid #ffffff;box-shadow:0 1px 4px #0000004d;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.cpc-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--accent-dark, #00a870)}.cpc-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--surface-dark, #03233a);border:2px solid #ffffff;box-shadow:0 1px 4px #0000004d;cursor:pointer}.cpc-error{padding:.85rem 1.25rem;background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444;border-radius:6px;margin-bottom:1.25rem;font-size:.9rem;font-weight:600}.cpc-result-container{max-width:960px;margin:0 auto 3rem;padding:0 1.5rem}.cpc-result{padding:2.25rem;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:16px;box-shadow:0 10px 30px #03233a0d}.cpc-result header p{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:800;color:var(--accent-dark, #00a870);margin-bottom:.25rem;font-family:var(--font-mono, "Azeret Mono", monospace)}.cpc-result header h2{font-size:1.6rem;font-family:var(--font-display, "Anybody", sans-serif);color:var(--text-primary, #03233a);margin-bottom:1.75rem;letter-spacing:-.02em}.cpc-status-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.cpc-status-banner.profitable{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.cpc-status-banner.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.cpc-status-banner.unprofitable{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.cpc-status-badge{font-weight:800;font-size:.8rem;text-transform:uppercase;padding:.25rem .65rem;border-radius:6px;white-space:nowrap;letter-spacing:.04em;font-family:var(--font-mono, "Azeret Mono", monospace)}.cpc-status-banner.profitable .cpc-status-badge{background:#10b981;color:#fff}.cpc-status-banner.warning .cpc-status-badge{background:#f59e0b;color:#fff}.cpc-status-banner.unprofitable .cpc-status-badge{background:#ef4444;color:#fff}.cpc-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-bottom:2.25rem}.cpc-metric-card{padding:1.5rem 1.25rem;background:var(--surface-light, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}.cpc-metric-card:hover{transform:translateY(-2px);border-color:var(--accent-dark, #00a870)}.cpc-metric-card--primary{background:#03233a;color:#fff;border-color:#03233a}.cpc-metric-card--primary span,.cpc-metric-card--primary small{color:#94a3b8}.cpc-metric-card--primary strong{color:var(--accent, #00e599)}.cpc-metric-card span{font-size:.85rem;font-weight:700;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.cpc-metric-card strong{font-size:clamp(1.6rem,2.8vw,2.2rem);font-family:var(--font-display, "Anybody", sans-serif);font-weight:850;color:var(--text-primary, #03233a);letter-spacing:-.03em;line-height:1.1;margin-bottom:.5rem}.cpc-metric-card small{font-size:.8rem;color:var(--text-muted, #64748b);line-height:1.4;margin-top:auto}.cpc-diagnostics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem 1.5rem;background:#f1f5f9;border-radius:10px;margin-bottom:2.5rem}.cpc-diag-item{display:flex;flex-direction:column;gap:.2rem}.cpc-diag-item span{font-size:.8rem;color:var(--text-secondary, #64748b);font-weight:600}.cpc-diag-item strong{font-size:1.2rem;font-weight:800;color:var(--text-primary, #03233a);font-family:var(--font-display, "Anybody", sans-serif)}.cpc-scenarios-section{margin-top:2.5rem;padding-top:2rem;border-top:2px solid var(--border-color, #e2e8f0)}.cpc-scenarios-section h3{font-size:1.35rem;font-family:var(--font-display, "Anybody", sans-serif);color:var(--text-primary, #03233a);margin-bottom:.4rem}.cpc-scenarios-section p{color:var(--text-secondary, #64748b);font-size:.95rem;margin-bottom:1.5rem}.cpc-table-wrapper{overflow-x:auto;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;background:#fff}.cpc-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.cpc-table th{padding:1rem 1.25rem;background:#03233a;color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase}.cpc-table td{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #03233a);vertical-align:top}.cpc-table tr:last-child td{border-bottom:none}.cpc-table tr.recommended-row{background:#f0fdf4}.cpc-table tr.recommended-row td{font-weight:600}.cpc-scenario-tag{display:inline-block;padding:.2rem .55rem;border-radius:4px;font-size:.75rem;font-weight:800;text-transform:uppercase;margin-bottom:.35rem;font-family:var(--font-mono, "Azeret Mono", monospace)}.cpc-scenario-tag--low{background:#e2e8f0;color:#334155}.cpc-scenario-tag--balanced{background:#10b981;color:#fff}.cpc-scenario-tag--aggressive{background:#f97316;color:#fff}.cpc-bid-val{font-size:1.15rem;font-weight:850;color:var(--text-primary, #03233a);font-family:var(--font-display, "Anybody", sans-serif)}.cpc-math-breakdown{margin-top:2rem;padding:1.5rem;background:var(--surface-light, #f8fafc);border-radius:12px;border:1px dashed var(--border-color, #cbd5e1)}.cpc-math-breakdown h4{font-size:1.05rem;color:var(--text-primary, #03233a);margin-bottom:.75rem;font-family:var(--font-display, "Anybody", sans-serif)}.cpc-math-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.cpc-math-steps li{font-size:.9rem;color:var(--text-secondary, #475569);line-height:1.5}.cpc-math-steps code{background:#e2e8f0;padding:.15rem .45rem;border-radius:4px;font-size:.85rem;color:#03233a;font-family:var(--font-mono, "Azeret Mono", monospace)}.cpc-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.25rem}.cpc-actions .info-button{padding:.85rem 1.75rem;font-size:.95rem}.cpc-note{font-size:.8rem;color:var(--text-muted, #64748b);margin-top:1.5rem;line-height:1.5}.cpc-reading{max-width:960px;margin:0 auto;padding:clamp(48px,6vw,80px) 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;background:#f1f5f9;border-radius:16px}.cpc-reading h2{font-family:var(--font-display, "Anybody", sans-serif);font-size:1.5rem;color:var(--text-primary, #03233a);margin-bottom:.5rem}.cpc-reading p{color:var(--text-secondary, #4a5d6e);line-height:1.6}.cpc-reading a{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;background:var(--surface-dark, #03233a);color:#fff;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap;transition:background .2s ease}.cpc-reading a:hover{background:#064e7a}.cpc-faq{max-width:960px;margin:0 auto;padding:3rem 1.5rem 5rem}@media(max-width:860px){.cpc-grid{grid-template-columns:1fr}.cpc-metrics-grid{grid-template-columns:repeat(2,1fr)}.cpc-diagnostics{grid-template-columns:1fr;gap:.75rem}.cpc-reading{grid-template-columns:1fr}}@media(max-width:540px){.cpc-form,.cpc-result{padding:1.5rem 1.25rem}.cpc-metrics-grid{grid-template-columns:1fr}.cpc-actions{flex-direction:column}.cpc-actions .info-button{width:100%;text-align:center;justify-content:center}}