.modal-overlay{position:fixed;top:30%;left:20%;width:70%;height:30%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#2563eb99,#fff 80%);z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:16px;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 8px 24px #0003;border:8px solid #2563eb}.modal-close{position:absolute;top:12px;right:16px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#2563eb;transition:transform .2s}.modal-close:hover{transform:scale(1.1)}.willie{display:flex;align-items:center;gap:20px}.willie .left{flex:0 0 auto}.willie .right{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#1f2937}.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.hero:after{content:"";position:absolute;bottom:0;left:0;height:300px;width:100%;background:linear-gradient(to bottom,transparent,rgb(33,157,234));pointer-events:none;z-index:0}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3;z-index:0}.hero-content{max-width:100%;margin:0 auto;position:relative;z-index:1}.hero-stats{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-top:20px;gap:20px}.hero-stats .stat{flex:1 1 200px;text-align:center}.hero-stats .stat-number{font-size:2rem;font-weight:700;color:#3b82f6}.hero-stats .stat-label{font-size:1rem;color:#1f2937;margin-top:5px}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#2b5615}.stat-label{font-size:.9rem;opacity:.8}.why-section{padding:80px 20px;background:#f8fafc}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;text-align:center;margin-bottom:20px;color:#1e3a8a}.section-subtitle{font-size:1.2rem;text-align:center;color:#6b7280;margin-bottom:60px}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:60px}@media (max-width: 768px){.why-grid{grid-template-columns:1fr}}.why-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:transform .3s ease}.why-card:hover{transform:translateY(-5px)}.why-icon{font-size:3rem;margin-bottom:20px;display:block}.why-card h3{font-size:1.4rem;margin-bottom:15px;color:#1e3a8a}.measure-section{padding:80px 20px;background:#fff}.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}@media (max-width: 1024px){.measure-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.measure-grid{grid-template-columns:1fr}}.measure-item{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:25px;border-radius:12px;border-left:4px solid #3b82f6}.measure-item h4{color:#1e3a8a;margin-bottom:10px;font-size:1.1rem}.measure-item p{color:#6b7280;font-size:.9rem}.calculator-section{padding:80px 20px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}.calculator-container{max-width:800px;margin:0 auto;background:#fffffffa;color:#1f2937;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.calculator-header{text-align:center;margin-bottom:30px}.calculator-header h2{color:#1e3a8a;font-size:2rem;margin-bottom:10px}.form-group{margin-bottom:25px}label{display:block;font-weight:700;margin-bottom:8px;color:#1f2937}select,input[type=email]{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s ease}select:focus,input[type=email]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.submit-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:15px 40px;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .3s ease;width:100%;margin-top:20px}.submit-btn:hover{transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#status-box{margin-top:20px;padding:15px;border-radius:8px;text-align:center;font-weight:700}.success{background:#f0fdf4;color:#059669;border:1px solid #86efac}.error{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fff;margin:10% auto;padding:40px;border-radius:20px;width:90%;max-width:600px;text-align:center;position:relative;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:20px;top:20px;font-size:28px;font-weight:700;cursor:pointer;color:#6b7280}.close:hover{color:#1f2937}.risk-result{font-size:3rem;margin:20px 0}.risk-high{color:#dc2626}.risk-medium{color:#f59e0b}.risk-low{color:#059669}.cta-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:15px 30px;border:none;border-radius:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block;margin-top:20px;transition:transform .3s ease}.cta-button:hover{transform:translateY(-2px)}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-stats{gap:20px}.stat-number,.section-title{font-size:2rem}.calculator-container{padding:20px}}div{font-family:Arial,sans-serif}h2{color:#1e3a8a;margin-bottom:15px}input[type=number],select{padding:10px;border-radius:8px;border:1px solid #93c5fd;background:#fff;width:100%;max-width:300px;margin-bottom:15px;font-size:1rem;box-shadow:0 1px 3px #0000001a}input[type=number]:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 5px #2563eb66}.modal-actions{display:flex;gap:10px;margin-top:15px}button{padding:10px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}button:hover{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}button:active{transform:scale(.97)}button:first-of-type{background:#fff;color:#2563eb;border:1px solid #93c5fd}button:first-of-type:hover{background:#eff6ff}
