.homepage-wrapper,html{scroll-behavior:smooth}.homepage-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f9fafb;color:#1f2937;line-height:1.6}.homepage-container{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.homepage-header{background-color:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50;width:100%}.header-container{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem}.header-brand{display:flex;align-items:center;gap:.75rem}.brand-name{font-size:1.5rem;font-weight:500;color:#111827;font-family:Arial,sans-serif}.desktop-nav{display:flex;align-items:center;gap:1.5rem}.header-nav{display:flex;gap:2rem}.header-nav a{color:#4b5563;text-decoration:none;transition:color .2s}.header-nav a:hover{color:#2563eb}.lang-switcher{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.lang-switcher .lang-option{cursor:pointer;transition:color .2s}.lang-switcher .lang-option:hover{color:#2563eb}.lang-switcher .lang-option.active{color:#2563eb;font-weight:600}.cta-button{display:inline-block;background-color:#2563eb;color:#ffffff;font-weight:600;padding:.5rem 1.5rem;border-radius:.5rem;text-decoration:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.mobile-menu-toggle{display:none}.mobile-menu-toggle button{background:none;border:none;cursor:pointer;color:#4b5563}.menu-icon{width:1.5rem;height:1.5rem}.hidden{display:none}.block{display:block}.mobile-nav{display:none;border-top:1px solid #e5e7eb}.mobile-nav.open{display:block}.mobile-nav nav{padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.mobile-nav a{text-decoration:none;color:#1f2937;font-size:1rem;padding:.5rem;width:100%;border-radius:.375rem}.mobile-nav a:hover{background-color:#f9fafb}.mobile-nav .cta-button{width:100%;text-align:center}main section{padding-top:5rem;padding-bottom:5rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.25rem;font-weight:700;color:#111827}.section-header p{font-size:1.125rem;color:#4b5563;margin-top:.5rem}.hero-section{background-color:#111827;color:white;text-align:center;padding:6rem 0}.hero-section h1{font-size:3.75rem;font-weight:800;line-height:1.1;margin-bottom:1rem;color:var(--text-on-accent)}.hero-section p{font-size:1.25rem;max-width:48rem;margin-left:auto;margin-right:auto;color:#9ca3af}.features-section{background-color:#ffffff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background-color:#ffffff;padding:2rem;border-radius:.75rem;text-align:center;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.feature-icon-wrapper{height:4rem;width:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.feature-icon-wrapper svg{width:2rem;height:2rem}.feature-icon-wrapper.color-blue{background-color:#dbeafe;color:#2563eb}.feature-icon-wrapper.color-green{background-color:#d1fae5;color:#059669}.feature-icon-wrapper.color-purple{background-color:#ede9fe;color:#7c3aed}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.feature-card p{color:4b5563}.why-clio-section{background-color:#f9fafb;padding:6rem 0}.why-clio-container{display:flex;align-items:center;gap:3rem}.why-clio-text{flex:1}.why-clio-text h2{color:#000;font-size:2.25rem;font-weight:700;margin-bottom:1rem;text-align:left}.why-clio-text p{font-size:1.125rem;color:#4b5563}.why-clio-text p:not(:last-child){margin-bottom:1rem}.why-clio-icon-container{flex:1;display:flex;width:11rem;height:11rem;justify-content:center}.why-clio-icon-bg{background-color:white;padding:1rem;border-radius:9999px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.why-clio-icon{width:9rem;height:9rem}.cta-section{background-color:#f9fafb;text-align:center}.cta-section h2{color:#000;font-size:2.25rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.125rem;max-width:42rem;margin-left:auto;margin-right:auto;margin-bottom:2rem;color:#4b5563}.homepage-footer{background-color:#1f2937;color:white}.footer-container{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;padding-bottom:2rem}.footer-brand p:last-child{font-size:1rem;color:#9ca3af}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-links a:hover{color:white}.plans-section{padding:6rem 0;background-color:#ffffff}.plans-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:4rem}@media (min-width:768px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.plans-grid{grid-template-columns:repeat(4,1fr)}}.plan-card{border:1px solid #e5e7eb;border-radius:12px;padding:2rem;background-color:#ffffff;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.plan-card.recommended{border-width:2px;position:relative;transform:scale(1.05)}@media (max-width:1023px){.plan-card.recommended{transform:scale(1)}}.plan-card .plan-header{text-align:center;border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem;margin-bottom:1.5rem}.plan-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-price{font-size:1.25rem;font-weight:600;color:#4b5563}.plan-uni-it .plan-price{font-size:.9rem;font-weight:400;color:#4b5563}.plan-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.plan-features li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#374151}.plan-features li svg{width:20px;height:20px}.plan-cta{display:block;width:100%;text-align:center;padding:.75rem 1rem;border-radius:8px;font-weight:600;text-decoration:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.plan-card.plan-free .plan-features li svg{color:#6b7280}.plan-card.plan-free .plan-cta{background-color:transparent;border:1px solid #d1d5db;color:#374151}.plan-card.plan-free .plan-cta:hover{background-color:#f9fafb;border-color:#adb5bd}.plan-card.plan-premium{border-color:#FFD700}.plan-card.plan-premium .plan-features li svg{color:#FFD700}.plan-card.plan-premium .plan-cta{background-color:#FFD700;border:1px solid #ffd700;color:#fff}.plan-card.plan-premium .plan-cta:hover{background-color:#f2c700;border-color:#f2c700}.plan-card.plan-ultra{border-color:#a855f7}.plan-card.plan-ultra .plan-features li svg{color:#a855f7}.plan-card.plan-ultra .plan-cta{background-color:#a855f7;border:1px solid #a855f7;color:#ffffff}.plan-card.plan-ultra .plan-cta:hover{background-color:#9333ea;border-color:#9333ea}.plan-card.plan-uni-it{border-color:#007BFF}.plan-card.plan-uni-it .plan-features li svg{color:#007BFF}.plan-card.plan-uni-it .plan-cta{background-color:#007BFF;border:1px solid #007bff;color:#ffffff}.plan-card.plan-uni-it .plan-cta:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.125rem}.features-grid{grid-template-columns:1fr}.why-clio-container{flex-direction:column;text-align:center}.why-clio-icon-container{margin-top:2rem}.why-clio-icon{width:6rem;height:6rem}.footer-container{flex-direction:column;gap:1rem;text-align:center}}