*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}.homepage-container{min-height:100vh;display:flex;flex-direction:column}.homepage-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px;text-align:center}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:20px}.logo{height:70px;width:auto}.header-text h1{font-size:2.5rem;margin:0;font-weight:700}.tagline{font-size:1.1rem;margin:5px 0 0;opacity:.95}.hero-section{text-align:center;padding:80px 20px;max-width:900px;margin:0 auto}.hero-headline{font-size:3rem;font-weight:700;color:#333;margin-bottom:20px;line-height:1.2}.hero-subheadline{font-size:1.25rem;color:#666;margin-bottom:40px;line-height:1.6}.cta-button{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 48px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:40px auto;padding:0 20px 80px}.value-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.value-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.card-icon{font-size:3rem;margin-bottom:15px}.value-card h3{font-size:1.5rem;color:#764ba2;margin-bottom:15px;font-weight:700}.value-card p{color:#666;font-size:1rem;line-height:1.7}.homepage-footer{background:#fff;border-top:1px solid #e0e0e0;padding:40px 20px;text-align:center;margin-top:auto}.homepage-footer p{margin:8px 0;color:#666;font-size:.9rem}.homepage-footer a{color:#667eea;text-decoration:none}.homepage-footer a:hover{text-decoration:underline}@media(max-width:768px){.header-content{flex-direction:column;gap:15px}.logo{height:60px}.header-text h1{font-size:2rem}.tagline{font-size:1rem}.hero-section{padding:60px 20px}.hero-headline{font-size:2rem}.hero-subheadline{font-size:1.1rem}.cta-button{padding:14px 36px;font-size:1rem}.value-props{grid-template-columns:1fr;gap:20px;padding-bottom:60px}.value-card{padding:25px}.card-icon{font-size:2.5rem}.value-card h3{font-size:1.3rem}}