@import "https://fonts.googleapis.com/css?family=Lato";
@import "https://fonts.googleapis.com/css?family=Montserrat";
:root{--deep-navy:#1a2a3a;--bg-main:#f8fafcb8;--bg-alt:#e2e8f096;--accent-purple:#6b5b95;--accent-green:#458b74;--text-main:#1e293b;--text-muted:#64748b}*{box-sizing:border-box;margin:0;padding:0}body,h4,h5,h6,p{color:var(--text-main);font-family:Lato,sans-serif}h1,h2,h3,nav,button{font-family:Montserrat,sans-serif;font-weight:700}body{background-color:var(--bg-main);line-height:1.6;display:block}.hero-header{background-color:var(--deep-navy);color:#fff;text-align:center;padding:100px 20px}.hero-header h1{margin-bottom:1rem;font-size:3.5rem}.hero-header p{opacity:.9;font-size:1.2rem}.section-white{background-color:var(--bg-main);padding:64px 20px}.section-gray{background-color:var(--bg-alt);padding:64px 20px}.content-wrapper{flex-wrap:wrap;align-items:center;gap:40px;max-width:1000px;margin:0 auto;display:flex}.text-block{flex:2;min-width:300px}.icon-block{text-align:center;color:var(--accent-purple);flex:1;font-size:120px}.green-icon{color:var(--accent-green)}.btn-primary{color:#fff;cursor:pointer;background:#000;border:none;border-radius:4px;margin-top:20px;padding:12px 24px;font-size:1.1rem}.btn-primary:hover{background:#333}.calculator-page{max-width:1000px;margin:0 auto;padding:4rem 2rem}footer{text-align:center;background:var(--bg-alt);color:var(--text-muted);padding:64px 20px}.calculator-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:-40px auto 64px;padding:0 20px;display:grid}.hub-card{border:1px solid var(--bg-alt);background:#fff;border-radius:12px;flex-direction:column;padding:32px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 25px #0000000d}.hub-card:hover{border-color:var(--accent-purple);transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.hub-card h3{color:var(--deep-navy);margin:16px 0;font-size:1.5rem}.hub-card p{color:var(--text-muted);flex-grow:1;margin-bottom:24px}.hub-card .icon-sm{margin-bottom:8px;font-size:40px}.nav-link{color:#fff;align-items:center;padding:0 16px;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:flex}.nav-link:hover{background-color:#ffffff1a}.nav-active{color:#fff!important;background-color:#458b7466!important}.hub-card .action-link{color:var(--accent-purple);align-items:center;gap:8px;font-weight:700;display:flex}