:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-primary-light:#cce5ff;--color-secondary:#6c757d;--color-secondary-hover:#5a6268;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-dark:#343a40;--color-light:#f8f9fa;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb}.max-width-graft{max-width:56rem;margin:0 auto}.header-graft{text-align:center}.title-graft{font-size:2.5rem;font-weight:500;color:#283b6a}.subtitle-graft{color:#283b6a;font-size:1.125rem;text-align:center}.calculator-card{background:#fff;border-radius:1rem;padding:2rem}.section-baldness{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:500;color:#283b6a;text-align:center}.section-description{color:#283b6a;margin-bottom:1.5rem;text-align:center}.grid-3{display:grid;grid-template-columns:1fr;gap:1rem}.grid-4{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.title-graft{font-size:2rem}.calculator-card{padding:1.5rem;padding-bottom:0}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.option-card{padding:1rem;border-radius:.5rem;border:2px solid var(--color-gray-200);background:#fff;cursor:pointer;transition:all .2s;text-align:center}.option-card:hover{border-color:var(--color-primary);box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.option-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.option-emoji{font-size:2.5rem;margin-bottom:.5rem}.option-title{font-weight:600;color:var(--color-dark);margin-bottom:.25rem;font-size:1.2rem}.option-description{font-size:.75rem;color:var(--color-secondary)}.option-grafts{font-size:.75rem;color:var(--color-primary);font-weight:500;margin-top:.5rem}.option-subtitle{font-size:.75rem;color:var(--color-secondary);margin-top:.5rem}.button-container{text-align:center;margin-bottom:1rem}.btn-primary-graft{background-color:#639ed4;color:#fff;font-weight:700;padding:1rem 3rem;border-radius:50px;font-size:1.125rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.btn-primary-graft:hover{background-color:#6fbbff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.btn-primary-graft:hover a{color:#fff}.btn-success{display:inline-block;background-color:#639ed4;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:50px;font-size:1.125rem;text-decoration:none;transition:all .2s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.btn-success:hover{background-color:#6fbbff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.results-container{background:linear-gradient(to bottom right,var(--color-primary-light),#dbeafe);border-radius:.75rem;padding:2rem;animation:fadeIn .3s ease-in}.results-header{text-align:center;font-size:1.875rem;font-weight:500;color:#283b6a;margin-bottom:1.5rem}.results-main{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);text-align:center}.results-label{color:var(--color-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.results-value{font-size:3rem;font-weight:500;color:#283b6a}.results-sublabel{color:var(--color-secondary);margin-top:.5rem}.results-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.results-grid{grid-template-columns:repeat(2,1fr)}.results-container{padding:2.5rem}}.result-card{background:#fff;border-radius:.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;align-items:flex-start}.result-icon{font-size:1.875rem;margin-right:.75rem}.result-content{flex:1}.result-title{color:var(--color-secondary);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.result-amount{font-size:1.5rem;font-weight:700;color:var(--color-dark)}.result-note{font-size:.75rem;color:var(--color-secondary);margin-top:.25rem}.info-card{background:#fff;border-radius:.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-bottom:1.5rem}.info-header{font-weight:500;color:#283b6a;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}h3.info-header{font-size:1.575rem}h4.info-header{font-size:22px;font-weight:500;justify-content:left}.info-icon{font-size:1.25rem;margin-right:.5rem}.info-list{list-style:none}.info-item{display:flex;align-items:flex-start;margin-bottom:.5rem;color:var(--color-secondary);font-size:.875rem;justify-content:center}.info-check{color:#283b6a;margin-right:.5rem;flex-shrink:0}.cta-container{text-align:center}.cta-note{color:var(--color-secondary);font-size:.875rem;margin-top:.75rem}.success-message{background-color:rgba(40,167,69,.1);border:2px solid var(--color-success);border-radius:.75rem;padding:1.5rem;text-align:center;animation:fadeIn .3s ease-in}.emoji{font-size:2.5rem;margin-bottom:.75rem}.success-title{font-size:1.25rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem}.success-text{color:var(--color-secondary)}.footer-graft{text-align:center}.footer-text-graft{color:var(--color-secondary);font-size:.875rem;margin-bottom:.5rem}.footer-link-graft{font-weight:600}.footer-link-graft a{color:var(--color-primary);text-decoration:none;transition:color .2s}.footer-link-graft a:hover{color:var(--color-primary-hover)}.hidden{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-in}@media (max-width:576px){.title-graft{font-size:1.5rem;margin-bottom:1rem}.calculator-card{padding:0}.subtitle-graft{font-size:.85rem;line-height:1.2rem}.section-title{font-size:1.3rem;font-weight:500;color:#283b6a;margin-bottom:1rem;text-align:center;margin-top:1rem}.section-description{font-size:.85rem;line-height:1.2rem}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.max-width-graft-1{margin-bottom:30px}.max-width-graft-1 .heading__title{font-size:22px}h4.info-header{font-size:18px}.info-card p{font-size:.875rem}.results-header{font-size:1.3rem}.results-value{font-size:2rem}h3.info-header{font-size:1.3rem}.btn-success{padding:.75rem}.btn-primary-graft{padding:1rem}}