*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #0FA47F;--color-secondary: #00897B;--color-light-teal: #8DCDB8;--color-purple: #5536DA;--color-gold: #C6942A;--color-destructive: #E53935;--color-black: #000000;--color-white: #FFFFFF;--color-gray-light: #F8F9FA;--color-gray-medium: #6C757D;--color-gray-dark: #343A40;--color-text-dark: #333333;--color-text-light: #666666;--font-family: "Inter", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body{font-family:var(--font-family);line-height:1.6;color:var(--color-text-dark);background-color:var(--color-white)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--color-black)}h1{font-size:var(--font-size-6xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-light)}.emphasis{font-weight:600;color:var(--color-primary)}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:var(--font-size-lg);transition:all .3s ease;cursor:pointer;border:none;text-align:center}.btn-primary{background-color:var(--color-purple);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.navbar{background-color:var(--color-light-teal)!important;box-shadow:var(--shadow-sm);position:fixed;top:0;width:100%;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-sm)}.nav-logo{display:flex;align-items:center}.nav-logo h1{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 0 -10px}.nav-logo img{height:5em;margin-right:var(--spacing-sm)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{text-decoration:none;color:var(--color-text-dark);font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--color-white)}.nav-link.cta-button{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md)}.nav-link.cta-button:hover{background-color:var(--color-purple)}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:var(--color-gray-dark);margin:3px 0;transition:.3s}.hero{padding:calc(80px + var(--spacing-3xl)) 0 var(--spacing-3xl);background:url(/hero_background.webp) no-repeat center center/cover;position:relative;overflow:hidden}.hero .container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2xl)}.hero-content{max-width:800px}.hero-title{font-size:var(--font-size-6xl);font-weight:800;margin-bottom:var(--spacing-md);color:var(--color-black)}.hero-title .highlight{color:var(--color-primary)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-gray-light);margin-bottom:var(--spacing-xl);line-height:1.5;font-weight:700}.hero-buttons{margin-bottom:var(--spacing-lg)}.hero-trusted-by{font-size:var(--font-size-lg);color:var(--color-gray-light);margin-top:var(--spacing-lg)}.hero-visual{width:100%;max-width:800px;margin-top:var(--spacing-xl)}.hero-visual img{width:50vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}section{padding:var(--spacing-3xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--color-black)}.content-grid{display:grid;grid-template-columns:1fr;place-items:center;gap:var(--spacing-2xl);align-items:center}.content-grid.reverse-grid{grid-template-columns:1fr 1fr}.content-grid .text-content p{font-weight:700;font-size:var(--font-size-lg);color:var(--color-black)}.content-grid .text-content p:last-of-type{font-weight:700;color:var(--color-purple);font-size:var(--font-size-xl)}.what-is-valifiy .emphasis{color:var(--color-secondary)!important}.content-grid .text-content ul{list-style:none;margin-left:0;padding-left:0}.content-grid .text-content li{margin-bottom:var(--spacing-xs);color:var(--color-black);position:relative;padding-left:var(--spacing-lg);font-size:var(--font-size-lg)}.content-grid .text-content li:before{content:"✗";position:absolute;left:0;color:var(--color-destructive);font-weight:700}.content-grid .visual-content img{width:60vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.how-it-works{background-color:var(--color-gray-light)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.step{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;transition:transform .3s ease;text-align:center}.step:hover{transform:translateY(-5px)}.step-number{width:50px;height:50px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xl);margin:0 auto var(--spacing-md)}.step-content h3{color:var(--color-black);margin-bottom:var(--spacing-sm)}.step-content p{color:var(--color-text-light);line-height:1.6}.who-uses{background-color:var(--color-white)}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-2xl);text-align:center}.user-type{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.user-type i{font-size:var(--font-size-3xl);color:var(--color-purple);margin-bottom:var(--spacing-sm)}.user-type p{font-weight:700;font-size:var(--font-size-lg);color:var(--color-text-dark)}.conclusion-text{text-align:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-secondary);margin-top:var(--spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto}.features{background-color:var(--color-gray-light)}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-item{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-md)}.feature-item i{font-size:var(--font-size-4xl);color:var(--color-secondary);flex-shrink:0}.feature-item p{color:var(--color-text-dark);margin-bottom:0;font-weight:700}.testimonials{background-color:var(--color-white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.testimonial-card{background:var(--color-gray-light);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:5px solid var(--color-primary)}.testimonial-card p{font-size:var(--font-size-lg);font-style:italic;color:var(--color-text-dark);margin-bottom:var(--spacing-md);line-height:1.6}.testimonial-card .author{font-weight:600;color:var(--color-black);text-align:right}.why-it-works{background-color:var(--color-gray-light)}.why-it-works p{max-width:800px;margin:0 auto var(--spacing-md);font-size:var(--font-size-lg)}.why-it-works ul{list-style:none;margin-left:0;padding-left:0}.why-it-works li{margin-bottom:var(--spacing-xs);color:var(--color-black);position:relative;padding-left:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:700}.why-it-works li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.lets-talk{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-white);text-align:center;padding:var(--spacing-3xl) 0}.lets-talk .section-title{color:var(--color-white)}.lets-talk p{color:var(--color-white);opacity:.9;font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.lets-talk .emphasis{color:var(--color-white);font-weight:700}.lets-talk .btn-primary{background-color:var(--color-white);color:var(--color-primary);margin-top:var(--spacing-xl)}.lets-talk .btn-primary:hover{background-color:var(--color-purple);color:var(--color-white)}.lets-talk .contact-info{margin-top:var(--spacing-lg);font-size:var(--font-size-base);opacity:.8}.footer{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.footer-logo h3{color:var(--color-primary);margin-bottom:var(--spacing-xs)}.footer-logo p{color:var(--color-gray-medium);margin:0}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:var(--color-gray-medium);text-decoration:none;transition:color .3s ease}.footer-links .social i{font-size:22px;line-height:1;display:inline-block;vertical-align:middle}.footer-links .social{display:inline-flex;align-items:center}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-dark)}.footer-bottom p{color:var(--color-gray-medium);margin:0}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--color-white);width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow-md);padding:var(--spacing-lg) 0}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-base)}.content-grid,.content-grid.reverse-grid,.steps-container{grid-template-columns:1fr}.users-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.features-list,.testimonials-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.hero-title,.section-title{font-size:var(--font-size-3xl)}}html{scroll-behavior:smooth}.btn:focus,.nav-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){section{padding:calc(var(--spacing-3xl) / 2) 0}.section-title{margin-bottom:calc(var(--spacing-2xl) / 2)}.content-grid,.steps-container,.users-grid,.features-list,.testimonials-grid{gap:calc(var(--spacing-xl) / 2)}.steps-container,.features-list,.testimonials-grid,.users-grid{margin-top:calc(var(--spacing-2xl) / 2)}.hero{padding:calc(80px + var(--spacing-3xl)) 0 calc(var(--spacing-3xl) / 2)}.what-is-valifiy .visual-content img{display:block;width:100vw;max-width:none;margin:0 calc(-1*(50vw - 50%));border-radius:0;box-shadow:none}body{overflow-x:hidden}.users-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-grid .user-type:nth-child(5){grid-column:1 / -1;justify-self:center}}html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}img,svg,video{max-width:100%;height:auto;display:block}.content-grid .visual-content{display:flex;justify-content:center}.content-grid .visual-content img{width:min(60vh,100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero-visual img{width:min(50vh,100%)}@media (max-width: 768px){.what-is-valifiy .visual-content img{width:calc(100% + 2 * var(--spacing-sm));max-width:none;margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm));border-radius:0;box-shadow:none}.nav-menu{left:-100vw}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}
