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