:root{--color-primary: #007bff;--color-primary-dark: #0056b3;--color-text-dark: #1e1e1e;--color-text-light: #6c757d;--color-blue-muted: #e4f0ff;--color-border: #dee2e6;--color-tagline: #3f3f3f;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--border-radius: 12px;--font-family-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}html,body,#root{height:auto;min-height:100vh;overflow-y:visible;overflow-x:hidden;margin:0;font-family:var(--font-family-body);background:transparent;color:var(--color-text-dark)}body::-webkit-scrollbar{display:none}#vanta-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.content-wrapper{position:relative;z-index:1;background:transparent}main{max-width:1000px;margin:auto;background:transparent}.hero-section{padding:5vh 20px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.hero-section h1{font-size:3rem;margin:0;color:#fff}.hero-section .tagline{font-size:1.5rem;color:#fff;margin-top:10px}.phrase-text{font-size:2rem;font-weight:500;color:var(--color-text-dark);margin:0;animation:fadeIn 1s ease-in-out}.fade-in{animation:fadeIn 1s ease-in-out forwards;opacity:0;transform:translateY(10px)}.fade-in-delayed{animation:fadeIn 1.2s ease-in-out .5s forwards;opacity:0;transform:translateY(10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.features-section{padding:20px;text-align:center;background-color:transparent;border-top:none}.tools-animate{opacity:0;transform:translateY(20px);animation:slideInAndFade 1s ease-out forwards;animation-delay:.25s}@keyframes slideInAndFade{to{opacity:1;transform:translateY(0)}}.features-section h2{font-size:2.2rem;text-align:center;margin-bottom:30px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.service-card{background:var(--color-blue-muted);border-radius:18px;padding:var(--spacing-lg);text-align:center;box-shadow:0 10px 25px #00000026;transition:transform .2s ease,box-shadow .2s ease,outline .2s ease,outline-offset .2s ease;outline:2px solid rgba(255,255,255,.5);outline-offset:4px}.service-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0003;outline:2px solid rgba(255,255,255,.75);outline-offset:6px}.service-card h3{font-size:1.3rem;margin-bottom:var(--spacing-sm);font-weight:700}.service-card p{font-size:.95rem;color:var(--color-text-dark);margin-bottom:var(--spacing-md)}.btn-secondary{background-color:var(--color-primary-dark);color:#fff!important;padding:.5rem 1rem;border-radius:var(--border-radius);text-decoration:none;font-weight:700;transition:background .2s ease}.btn-secondary:hover{background-color:var(--color-primary)}@media (max-width: 768px){.hero-section{padding:8vh 15px}.hero-section h1{font-size:2rem}.hero-section .tagline{font-size:1.2rem}.phrase-text{font-size:1.5rem}.features-section{padding:30px 15px}.features-section h2{font-size:1.8rem}.benefits-grid{grid-template-columns:1fr;gap:20px}}