.hero{align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg:before{content:"";background:radial-gradient(ellipse,var(--terracotta)0%,transparent 70%);opacity:.12;width:80%;height:150%;position:absolute;top:-50%;right:-20%}.hero-bg:after{content:"";background:radial-gradient(ellipse,var(--sage)0%,transparent 70%);opacity:.08;width:60%;height:100%;position:absolute;bottom:-30%;left:-10%}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-text h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;animation:.8s ease-out fadeInUp}.hero-text h1 span{color:var(--terracotta)}.hero-text p{color:var(--text-light);max-width:500px;margin-bottom:2rem;font-size:1.25rem;animation:.8s ease-out .2s both fadeInUp}.hero-buttons{flex-wrap:wrap;gap:1rem;animation:.8s ease-out .4s both fadeInUp;display:flex}.btn-pro-link{background:var(--terracotta);color:var(--white)}.btn-pro-link:hover{background:var(--dark-blue);color:var(--white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-image{animation:1s ease-out .3s both fadeInRight;position:relative}.hero-image img{object-fit:cover;width:100%;height:500px;box-shadow:var(--shadow-xl);border-radius:24px}.hero-card{background:var(--white);box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:3s ease-in-out infinite float;display:flex;position:absolute}.hero-card-1{animation-delay:0s;top:10%;left:-10%}.hero-card-2{animation-delay:1.5s;bottom:15%;right:-5%}.hero-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.hero-card-icon.wifi{background:var(--wifi-bg);color:var(--wifi-text)}.hero-card-icon.quiet{background:var(--power-bg);color:var(--power-text)}.hero-card-text{color:var(--dark-blue);font-weight:600}.hero-card-text small{color:var(--text-light);font-size:.85rem;font-weight:400;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-image{max-width:600px;margin:0 auto}.hero-card-1{left:0}.hero-card-2{right:0}}@media (max-width:768px){.hero-text h1{font-size:2.5rem}}
.dual-cta{background:var(--off-white);padding:6rem 2rem}.dual-cta h2{text-align:center;margin-bottom:4rem;font-size:2.5rem}.cta-grid{grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;display:grid}.cta-card{border-radius:24px;padding:3rem;position:relative;overflow:hidden}.cta-card.user{background:var(--terracotta);color:var(--white)}.cta-card.etablissement{background:var(--dark-blue);color:var(--white)}.cta-card-icon{background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:2.5rem;display:flex}.cta-card h3{color:var(--white);margin-bottom:1rem;font-size:1.8rem}.cta-card p{opacity:.9;margin-bottom:1.5rem;font-size:1.1rem}.cta-list{margin-bottom:2rem;list-style:none}.cta-list li{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.cta-list li i{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.cta-card .btn{justify-content:center;width:100%}.cta-card .btn-white{background:var(--white);color:var(--dark-blue)}.cta-card .btn-white:hover{background:var(--cream);transform:translateY(-2px)}.cta-card-bg{background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-20%;right:-10%}@media (max-width:1024px){.cta-grid{grid-template-columns:1fr}}@media (max-width:768px){.dual-cta{padding:4rem 1rem}.dual-cta h2{margin-bottom:2.5rem;font-size:2rem}.cta-card{padding:2rem}.cta-card-icon{border-radius:16px;width:60px;height:60px;font-size:2rem}.cta-card h3{font-size:1.5rem}}
.problem{background:var(--off-white);padding:6rem 2rem;position:relative;overflow:hidden}.problem:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233d405b' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");height:100%;position:absolute;top:0;left:0;right:0}.problem .section-content{z-index:1;max-width:1200px;margin:0 auto;position:relative}.problem h2{color:var(--dark-blue);text-align:center;margin-bottom:1rem;font-size:2.5rem}.problem-subtitle{text-align:center;color:var(--text-light);margin-bottom:3rem;font-size:1.2rem}.problem-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.problem-card{background:var(--white);border:1px solid var(--sage);text-align:center;box-shadow:var(--shadow);border-radius:20px;padding:2rem;transition:all .3s}.problem-card:hover{border-color:var(--terracotta);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.problem-icon{background:var(--terracotta);width:80px;height:80px;color:var(--white);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.problem-card h3{color:var(--dark-blue);margin-bottom:1rem;font-size:1.3rem}.problem-card p{color:var(--text-light)}@media (max-width:768px){.problem{padding:4rem 1.5rem}.problem h2{font-size:2rem}.problem-subtitle{margin-bottom:2rem;font-size:1.1rem}.problem-grid{grid-template-columns:1fr;gap:1.5rem}.problem-card{padding:1.5rem}}
.solution{background:var(--off-white);padding:6rem 2rem}.solution .section-content{max-width:1200px;margin:0 auto}.solution h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.solution-subtitle{text-align:center;color:var(--text-light);max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.solution-steps{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.step{text-align:center;position:relative}.step:after{content:"";background:var(--sage);border-radius:2px;width:calc(100% - 80px);height:3px;position:absolute;top:40px;right:-1rem}.step:last-child:after{display:none}.step-number{background:var(--white);border:4px solid var(--sage);width:80px;height:80px;color:var(--sage);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;display:flex;position:relative}.step h3{margin-bottom:.75rem;font-size:1.2rem}.step p{color:var(--text-light);font-size:.95rem}@media (max-width:1024px){.solution-steps{grid-template-columns:repeat(2,1fr)}.step:after{display:none}}@media (max-width:768px){.solution{padding:4rem 1.5rem}.solution h2{font-size:2rem}.solution-subtitle{margin-bottom:3rem;font-size:1.1rem}.solution-steps{grid-template-columns:1fr;gap:2.5rem}}
.features{background:var(--off-white);padding:6rem 2rem}.features .section-content{max-width:1200px;margin:0 auto}.features h2{text-align:center;margin-bottom:4rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--white);box-shadow:var(--shadow);border-left:6px solid var(--sage);border-radius:20px;padding:2rem;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);border-left-color:var(--terracotta);transform:translateY(-5px)}.feature-icon{background:var(--terracotta);width:60px;height:60px;color:var(--white);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:.75rem;font-size:1.2rem}.feature-card p{color:var(--text-light)}@media (max-width:1024px){.features-grid{grid-template-columns:1fr}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}
.stats{background:var(--terracotta);padding:4rem 2rem}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid}.stat-item h3{color:var(--white);margin-bottom:.5rem;font-size:3rem}.stat-item p{color:#ffffffe6;font-size:1rem}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}
.testimonials{background:var(--off-white);padding:6rem 2rem}.testimonials h2{text-align:center;margin-bottom:4rem;font-size:2.5rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}.testimonial-card{background:var(--white);box-shadow:var(--shadow);border-radius:20px;padding:2rem;position:relative}.testimonial-card:before{content:"\"";color:var(--terracotta);opacity:.3;font-family:Outfit,sans-serif;font-size:4rem;line-height:1;position:absolute;top:1rem;left:1.5rem}.testimonial-content{color:var(--text);margin-bottom:1.5rem;padding-top:2rem;font-style:italic}.testimonial-author{align-items:center;gap:1rem;display:flex}.testimonial-avatar{object-fit:cover;border-radius:50%;width:50px;height:50px}.testimonial-info h4{margin-bottom:.25rem;font-size:1rem}.testimonial-info p{color:var(--text-light);font-size:.85rem}@media (max-width:1024px){.testimonials-grid{grid-template-columns:1fr}}@media (max-width:768px){.testimonials{padding:4rem 1.5rem}.testimonials h2{margin-bottom:3rem;font-size:2rem}}
.faq{background:var(--off-white);padding:6rem 2rem}.faq h2{text-align:center;margin-bottom:4rem;font-size:2.5rem}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.faq-item{background:var(--white);box-shadow:var(--shadow);cursor:pointer;border-radius:16px;padding:1.5rem;transition:all .3s}.faq-item:hover{box-shadow:var(--shadow-lg)}.faq-question{color:var(--dark-blue);justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq-question i{color:var(--terracotta);transition:transform .3s}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;color:var(--text-light);transition:all .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:200px;padding-top:1rem}@media (max-width:1024px){.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.faq{padding:4rem 1rem}.faq h2{margin-bottom:2rem;font-size:2rem}.faq-item{padding:1.25rem}}
.final-cta{background:linear-gradient(135deg,var(--terracotta),var(--terracotta-dark));text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.final-cta:before{content:"";background:radial-gradient(#ffffff1a 0%,#0000 70%);width:100%;height:200%;position:absolute;top:-50%;left:-25%}.final-cta h2{color:var(--white);margin-bottom:1rem;font-size:2.5rem;position:relative}.final-cta p{color:#ffffffe6;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem;position:relative}.final-cta .btn{position:relative}