:root{--background:#ffffff;--foreground:#171717}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;padding:0;margin:0}.homepage-container{padding:50px}@media (max-width:760px){.homepage-container{padding:20px}}.homepage-grid{display:grid;grid-template-columns:66% 33%;position:relative;grid-gap:10px;gap:10px}@media (max-width:1200px){.homepage-grid{grid-template-columns:1fr}}@media (max-width:600px){.homepage-container{padding:20px}.homepage-header h1{font-size:26px}.homepage-header-text{font-size:14px}}@media (max-width:900px){.build-cards{grid-template-columns:repeat(2,1fr)!important}}.roi-card{padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.1)}.roi-title{font-size:1.5rem;font-weight:600}.roi-input{width:100%;padding:12px;margin-bottom:16px;border-radius:12px;border:1px solid #d1d5db;background:#f9fafb;outline:none;font-size:1rem}.roi-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.roi-submit-btn{margin-top:32px;padding:12px;transition:background .2s ease}.roi-card{max-width:480px;margin:40px auto;padding:28px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.roi-card:hover{box-shadow:0 14px 36px rgba(0,0,0,.15)}.roi-title{font-size:1.6rem;margin-bottom:24px}.roi-highlight{color:#2563eb}.roi-results{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.roi-result-box{padding:18px;border-radius:16px;border:1px solid;transition:transform .2s ease,box-shadow .2s ease}.roi-result-box:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.08)}.roi-result-box h3{font-size:1rem;font-weight:500;margin:0}.roi-result-box p{font-size:1.5rem;font-weight:700;margin-top:4px}.roi-result-box.blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.roi-result-box.green{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.roi-result-box.purple{background:#f5f3ff;border-color:#c4b5fd;color:#6b21a8}.roi-buttons{display:flex;justify-content:center;gap:16px;margin-top:20px}.roi-action-btn{padding:12px 20px;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;border:none;min-width:140px;text-align:center;transition:all .25s ease;box-shadow:0 6px 12px rgba(0,0,0,.08)}.roi-action-btn.download{background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff}.roi-action-btn.download:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px rgba(37,99,235,.4)}.roi-action-btn.startover{background:#f3f4f6;color:#374151}.roi-action-btn.startover:hover{transform:translateY(-2px) scale(1.02);background:#e5e7eb}.modal-overlay{background:rgba(0,0,0,.5)}.modal-content{padding:2rem;border-radius:12px;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.roi-card{max-width:500px;margin:50px auto;font-family:DM Sans,DM Sans Placeholder,sans-serif;padding:30px;background:#ffffff;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:transform .2s ease}.roi-card:hover{transform:translateY(-4px)}.roi-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:30px;text-align:center}.roi-input-group{margin-bottom:28px}.roi-label{display:flex;justify-content:space-between;font-weight:500;color:#374151;margin-bottom:8px}.roi-value{color:#2563eb;font-weight:600}.roi-range{width:100%;height:6px;border-radius:5px;background:#e5e7eb;accent-color:#2563eb;cursor:pointer}.roi-plan-buttons{display:flex;gap:12px;margin-top:20px}@media (max-width:400px){.roi-plan-buttons{gap:6px;justify-content:center;align-items:center}}.roi-plan-btn{flex:1 1;padding:12px 16px;border-radius:12px;border:1px solid #d1d5db;background:#f9fafb;color:#374151;font-weight:500;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;text-align:center}.roi-plan-btn .plan-title{font-size:.85rem}.roi-plan-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.roi-plan-btn:hover:not(.active){background:#e0e7ff}.roi-submit-btn{margin-top:36px;width:100%;background:#2563eb;color:#fff;padding:14px;border-radius:16px;font-weight:600;cursor:pointer;border:none;font-size:1rem;transition:background .2s ease,transform .2s ease}.roi-submit-btn:hover{background:#1e40af;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}.modal-content{background:#fff;padding:2.5rem;border-radius:16px;max-width:480px;width:90%;box-shadow:0 8px 30px rgba(0,0,0,.15);animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}