#hpp-simulator.calculator-container{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-xl);max-width:1080px;margin:0 auto}#hpp-simulator .calculator-header{text-align:center;max-width:600px;margin:0 auto 36px}#hpp-simulator .calculator-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--kal-50);color:var(--kal-900);font-size:11px;font-weight:700;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--kal-200);margin-bottom:16px;letter-spacing:.05em}#hpp-simulator .pulse-dot{width:6px;height:6px;background-color:var(--kal-500);border-radius:50%;animation:pulse 1.5s infinite}#hpp-simulator .calculator-header h3{font-size:28px;margin-bottom:12px;color:var(--text-primary)}#hpp-simulator .calculator-header p{color:var(--text-muted);font-size:15px}#hpp-simulator .calculator-grid,#hpp-simulator .calculator-inputs{display:flex;flex-direction:column;gap:24px}#hpp-simulator .input-card-container,#hpp-simulator .params-card{background-color:#fff;border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:32px}#hpp-simulator .section-card-header{border-bottom:1px solid var(--border-default);padding-bottom:16px;margin-bottom:24px}#hpp-simulator .card-header-flex{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-default);padding-bottom:16px;margin-bottom:24px;flex-wrap:wrap;gap:12px}#hpp-simulator .input-card-title{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}#hpp-simulator .card-description{margin:6px 0 0;font-size:12px;color:var(--text-muted)}#hpp-simulator .btn-add{background-color:var(--kal-50);color:var(--kal-600);border:1px solid var(--kal-200);font-size:12px;font-weight:700;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}#hpp-simulator .btn-add:hover{background-color:var(--kal-100);color:var(--kal-700);transform:translateY(-1px)}#hpp-simulator .ingredients-list{display:flex;flex-direction:column;gap:16px}#hpp-simulator .ingredient-row-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px;display:grid;grid-template-columns:minmax(160px,1.65fr) minmax(120px,1.1fr) minmax(160px,1.45fr) minmax(76px,.65fr) minmax(160px,1.45fr) 42px;gap:14px 16px;align-items:end;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}#hpp-simulator .ingredient-row-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}#hpp-simulator .ingredient-meta{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}#hpp-simulator .ingredient-number{color:var(--text-secondary);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}#hpp-simulator .ingredient-cost{color:var(--kal-700);background:var(--kal-50);border-radius:var(--radius-full);font-size:11px;font-weight:700;padding:4px 9px;white-space:nowrap}#hpp-simulator .field-group{display:flex;flex-direction:column;gap:6px;width:100%}#hpp-simulator .field-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}#hpp-simulator .field-help{font-size:11px;color:var(--text-muted);margin-top:4px}#hpp-simulator .col-input{width:100%;border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:10px 14px;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);outline:none;background-color:#fff;transition:all .2s ease;height:42px}#hpp-simulator .col-input:focus{border-color:var(--kal-500);box-shadow:0 0 0 3px #0596691a}#hpp-simulator .currency-input-wrapper{position:relative;display:flex;align-items:center;width:100%}#hpp-simulator .currency-prefix-inside{position:absolute;left:14px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--text-muted);pointer-events:none}#hpp-simulator .currency-input-wrapper .col-input{padding-left:38px}#hpp-simulator .input-unit-group{display:flex;align-items:center;gap:6px;width:100%}#hpp-simulator .input-unit-group .col-input{flex-grow:1;text-align:center}#hpp-simulator .select-unit{border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:0 12px;background-color:var(--bg-muted);color:var(--text-secondary);font-weight:600;font-size:13px;height:42px;outline:none;cursor:pointer;transition:all .2s ease}#hpp-simulator .select-unit:focus{border-color:var(--kal-500);background-color:#fff}#hpp-simulator .btn-delete{background-color:transparent;border:none;color:var(--text-disabled);cursor:pointer;font-size:14px;width:100%;height:42px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}#hpp-simulator .btn-delete:hover{background-color:var(--kul-50);color:var(--kul-600)}#hpp-simulator .form-row-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:16px}#hpp-simulator .margin-slider-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%}#hpp-simulator .slider-header-flex{display:flex;align-items:center;gap:16px}#hpp-simulator .slider{-webkit-appearance:none;flex-grow:1;height:6px;border-radius:var(--radius-full);background:var(--kal-100);outline:none}#hpp-simulator .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--kal-500);cursor:pointer;transition:transform .1s ease}#hpp-simulator .slider::-webkit-slider-thumb:hover{transform:scale(1.15)}#hpp-simulator .badge-margin-display{background-color:var(--kal-50);color:var(--kal-600);border:1px solid var(--kal-200);padding:6px 12px;font-family:var(--font-mono);font-size:14px;font-weight:700;border-radius:var(--radius-md)}#hpp-simulator .calculator-outputs{height:100%}#hpp-simulator .result-card{background-color:#fff;border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:36px;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:28px;box-shadow:var(--shadow-sm)}#hpp-simulator .result-row-primary{border-bottom:1px solid var(--border-default);padding-bottom:24px}#hpp-simulator .result-value{font-size:38px;font-weight:800;color:var(--text-primary);margin-top:8px;font-family:var(--font-mono);letter-spacing:-.02em}#hpp-simulator .result-subtext{font-size:13px;color:var(--text-muted);margin-top:4px}#hpp-simulator .suggested-box{background-color:var(--kal-50);border:1px solid var(--kal-200);border-radius:var(--radius-lg);padding:20px}#hpp-simulator .suggested-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--kal-700)}#hpp-simulator .suggested-sub{font-size:12px;color:var(--kal-600);margin-top:2px}#hpp-simulator .suggested-value{font-size:24px;font-weight:800;color:var(--kal-900);font-family:var(--font-mono);margin-top:8px}#hpp-simulator .currency-input-large-wrapper{position:relative;display:flex;align-items:center;width:100%;margin-top:8px}#hpp-simulator .currency-prefix-large{position:absolute;left:18px;font-size:18px;font-weight:700;color:var(--text-muted);pointer-events:none}#hpp-simulator .input-lg{height:54px;font-size:20px;font-weight:800;padding-left:48px;width:100%;border:1.5px solid var(--border-default);border-radius:var(--radius-md);outline:none;font-family:var(--font-mono);transition:all .2s ease}#hpp-simulator .input-lg:focus{border-color:var(--kal-500);box-shadow:0 0 0 3px #0596691a}#hpp-simulator .calculated-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--border-default);padding-top:24px}#hpp-simulator .metric-block{display:flex;flex-direction:column;gap:6px}#hpp-simulator .metric-title-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}#hpp-simulator .metric-value{font-size:22px;font-weight:800}#hpp-simulator .health-indicator{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;border:1px solid transparent}@media(min-width:951px){#hpp-simulator .result-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,1fr) minmax(280px,1.15fr);align-items:stretch;gap:24px;padding:32px}#hpp-simulator .result-card>.section-card-header,#hpp-simulator .result-card>.calculated-metrics{grid-column:1 / -1}#hpp-simulator .result-card>.section-card-header{margin-bottom:0}#hpp-simulator .result-row-primary{border-bottom:0;border-right:1px solid var(--border-default);padding:16px 24px 16px 0}#hpp-simulator .suggested-box{display:flex;flex-direction:column;justify-content:center;padding:18px 20px}#hpp-simulator .test-price-section{padding-left:4px}#hpp-simulator .calculated-metrics{margin-top:0;padding-top:20px}}@keyframes pulse{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.5}}@media(max-width:950px){#hpp-simulator.calculator-container{padding:24px 16px}#hpp-simulator .form-row-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:950px){#hpp-simulator .ingredient-row-card{grid-template-columns:1fr 1fr;gap:12px}#hpp-simulator .ingredient-row-card>.field-group:nth-child(2){grid-column:span 2}#hpp-simulator .ingredient-meta{grid-column:span 2}#hpp-simulator .ingredient-row-card>.btn-delete{grid-column:span 2;width:100%;height:38px}}.tool-hero[data-astro-cid-dhijh5gq]{background:radial-gradient(circle at 10% 20%,#f0fdf4,#fef2f2 90%);padding:80px 0 40px;text-align:center;border-bottom:1px solid var(--border-default)}.tool-hero-container[data-astro-cid-dhijh5gq]{max-width:800px;margin:0 auto}.tool-badge[data-astro-cid-dhijh5gq]{display:inline-block;background-color:var(--kal-50);color:var(--kal-900);border:1px solid var(--kal-200);padding:6px 16px;font-size:13px;font-weight:700;border-radius:var(--radius-full);margin-bottom:20px;letter-spacing:.03em}.tool-hero[data-astro-cid-dhijh5gq] h1[data-astro-cid-dhijh5gq]{font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px;color:var(--text-primary)}.highlight[data-astro-cid-dhijh5gq]{color:var(--kal-500);position:relative;display:inline-block}.tool-subtitle[data-astro-cid-dhijh5gq]{font-size:18px;color:var(--text-secondary);line-height:1.6}.calculator-section[data-astro-cid-dhijh5gq]{padding:60px 0;background-color:var(--bg-base)}.lead-cta-section[data-astro-cid-dhijh5gq]{padding:40px 0;background-color:var(--bg-surface)}.lead-cta-card[data-astro-cid-dhijh5gq]{background:linear-gradient(135deg,var(--bg-dark) 0%,#1e1b4b 100%);border-radius:var(--radius-xl);padding:48px;color:var(--text-inverse);display:grid;grid-template-columns:1.3fr 1fr;gap:48px;box-shadow:var(--shadow-xl)}.lead-cta-content[data-astro-cid-dhijh5gq] h3[data-astro-cid-dhijh5gq]{color:var(--text-inverse);font-size:26px;line-height:1.3;margin-bottom:16px}.lead-cta-content[data-astro-cid-dhijh5gq] p[data-astro-cid-dhijh5gq]{color:var(--text-disabled);font-size:15px;line-height:1.6;margin-bottom:32px}.lead-cta-actions[data-astro-cid-dhijh5gq]{display:flex;gap:16px}.btn-outline-white[data-astro-cid-dhijh5gq]{background-color:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.btn-outline-white[data-astro-cid-dhijh5gq]:hover{background-color:#ffffff1a;border-color:#fff9;color:#fff}.lead-cta-badge[data-astro-cid-dhijh5gq]{background-color:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;justify-content:center}.badge-icon[data-astro-cid-dhijh5gq]{font-size:28px;margin-bottom:8px}.lead-cta-badge[data-astro-cid-dhijh5gq] h4[data-astro-cid-dhijh5gq]{color:var(--text-inverse);font-size:15px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.lead-cta-badge[data-astro-cid-dhijh5gq] ul[data-astro-cid-dhijh5gq]{list-style:none;display:flex;flex-direction:column;gap:8px}.lead-cta-badge[data-astro-cid-dhijh5gq] li[data-astro-cid-dhijh5gq]{font-size:13px;color:var(--text-disabled)}.guide-section[data-astro-cid-dhijh5gq]{padding:80px 0;background-color:var(--bg-base);border-top:1px solid var(--border-default)}.guide-container[data-astro-cid-dhijh5gq]{display:grid;grid-template-columns:1.4fr .6fr;gap:60px}.guide-content[data-astro-cid-dhijh5gq] h2[data-astro-cid-dhijh5gq]{font-size:28px;margin-bottom:20px}.guide-content[data-astro-cid-dhijh5gq] p[data-astro-cid-dhijh5gq]{font-size:15px;line-height:1.7;margin-bottom:24px;color:var(--text-secondary)}.guide-content[data-astro-cid-dhijh5gq] h3[data-astro-cid-dhijh5gq]{font-size:20px;margin:32px 0 16px}.guide-content[data-astro-cid-dhijh5gq] ul[data-astro-cid-dhijh5gq]{padding-left:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.guide-content[data-astro-cid-dhijh5gq] li[data-astro-cid-dhijh5gq]{font-size:15px;color:var(--text-secondary)}.formula-box[data-astro-cid-dhijh5gq]{background-color:var(--bg-muted);border-left:4px solid var(--kal-500);padding:16px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:20px 0;font-family:var(--font-mono)}.guide-sidebar[data-astro-cid-dhijh5gq] .sticky-card[data-astro-cid-dhijh5gq]{position:sticky;top:100px;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:32px;text-align:center;box-shadow:var(--shadow-sm)}.sticky-card[data-astro-cid-dhijh5gq] h4[data-astro-cid-dhijh5gq]{font-size:18px;margin-bottom:12px}.sticky-card[data-astro-cid-dhijh5gq] p[data-astro-cid-dhijh5gq]{font-size:13px;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.btn-full[data-astro-cid-dhijh5gq]{display:flex;width:100%}.faq-section[data-astro-cid-dhijh5gq]{padding:80px 0;background-color:var(--bg-surface);border-top:1px solid var(--border-default)}.section-title[data-astro-cid-dhijh5gq]{max-width:600px;margin:0 auto 48px}.section-title[data-astro-cid-dhijh5gq] h2[data-astro-cid-dhijh5gq]{font-size:28px;margin-bottom:12px}.section-title[data-astro-cid-dhijh5gq] p[data-astro-cid-dhijh5gq]{color:var(--text-muted);font-size:15px}.faq-grid[data-astro-cid-dhijh5gq]{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto}.faq-card[data-astro-cid-dhijh5gq]{background-color:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}.faq-card[data-astro-cid-dhijh5gq] h4[data-astro-cid-dhijh5gq]{font-size:15px;margin-bottom:12px;color:var(--text-primary)}.faq-card[data-astro-cid-dhijh5gq] p[data-astro-cid-dhijh5gq]{font-size:13px;line-height:1.6;color:var(--text-secondary)}@media(max-width:900px){.lead-cta-card[data-astro-cid-dhijh5gq]{grid-template-columns:1fr;padding:32px;gap:32px}.guide-container[data-astro-cid-dhijh5gq]{grid-template-columns:1fr;gap:40px}.guide-sidebar[data-astro-cid-dhijh5gq] .sticky-card[data-astro-cid-dhijh5gq]{position:static;margin-top:20px}.faq-grid[data-astro-cid-dhijh5gq]{grid-template-columns:1fr}}@media(max-width:600px){.tool-hero[data-astro-cid-dhijh5gq] h1[data-astro-cid-dhijh5gq]{font-size:32px}.lead-cta-actions[data-astro-cid-dhijh5gq]{flex-direction:column;gap:12px}}