@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{font-family:Quicksand,sans-serif;color:#2d3142;background:#f8f7f5;line-height:1.6;font-weight:500;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4{font-family:Fredoka,sans-serif;font-weight:500}a{transition:color .2s}.site-container{max-width:1100px;margin:0 auto;padding:0 24px}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f8f7f5eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,229,224,.6)}.site-nav .site-container{display:flex;align-items:center;justify-content:space-between;height:72px}.site-logo{display:flex;align-items:center;gap:6px;text-decoration:none;color:#2d3142}.site-logo svg{flex-shrink:0}.site-logo .logo-text{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:500;color:#2d3142;letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 16px;color:#6b6d7b;text-decoration:none;font-size:.95rem;font-weight:600;border-radius:12px;transition:color .2s,background .2s}.nav-link:hover{color:#4db8c7;background:#4db8c70f}.nav-link.active{color:#4db8c7}.btn-cta,.btn-cta-koraal,.btn-cta-large{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:linear-gradient(135deg,#4db8c7,#82c9a5);color:#fff;text-decoration:none;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:700;border-radius:14px;border:none;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 16px #4db8c740}.btn-cta:hover,.btn-cta-koraal:hover,.btn-cta-large:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4db8c759}.btn-cta-large{padding:16px 40px;font-size:1.1rem;border-radius:18px}.btn-cta-koraal{background:linear-gradient(135deg,#f4847a,#f0a090);box-shadow:0 4px 16px #f4847a33}.btn-cta-koraal:hover{box-shadow:0 6px 24px #f4847a4d}.btn-secondary,.btn-secondary-large{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:#fff;color:#2d3142;text-decoration:none;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:700;border-radius:14px;border:2px solid #E8E5E0;cursor:pointer;transition:border-color .2s,background .2s}.btn-secondary:hover,.btn-secondary-large:hover{border-color:#4db8c7;background:#e8f6f8}.btn-secondary-large{padding:16px 40px;font-size:1.1rem;border-radius:18px}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:22px;height:2.5px;background:#2d3142;border-radius:3px;transition:transform .3s}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#f8f7f5fa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px 24px 20px;border-bottom:1px solid #E8E5E0;gap:4px}.nav-links .nav-link{padding:12px 16px;font-size:1rem}.nav-links .btn-cta,.nav-links .btn-cta-large,.nav-links .btn-cta-koraal{margin-top:8px;text-align:center}.site-nav.nav-open .nav-links{display:flex}}.hero{padding:140px 0 80px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;left:-10%;width:120%;height:140%;background:radial-gradient(ellipse at 25% 30%,rgba(77,184,199,.06) 0%,transparent 55%),radial-gradient(ellipse at 75% 50%,rgba(240,192,106,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(130,201,165,.04) 0%,transparent 50%);pointer-events:none}.hero>*{position:relative}@media(max-width:768px){.hero{padding:110px 0 48px}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#e8f6f8;color:#3a9dab;font-size:.82rem;font-weight:700;border-radius:50px;margin-bottom:28px;letter-spacing:.02em}.hero h1{font-size:3.4rem;font-weight:500;color:#2d3142;line-height:1.2;margin-bottom:20px}.hero h1 span{color:#4db8c7}@media(max-width:768px){.hero h1{font-size:2.2rem}}.hero-subtitle{font-size:1.15rem;color:#6b6d7b;max-width:520px;margin:0 auto 40px;line-height:1.8;font-weight:500}@media(max-width:768px){.hero-subtitle{font-size:1rem;margin-bottom:32px}}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.section{padding:80px 0}@media(max-width:768px){.section{padding:56px 0}}.section-alt{background:#fff}.section-header{text-align:center;margin-bottom:56px}.section-header h2{font-size:2.1rem;color:#2d3142;margin-bottom:12px}@media(max-width:768px){.section-header h2{font-size:1.6rem}}.section-header p{font-size:1.05rem;color:#6b6d7b;max-width:480px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:768px){.steps-grid{grid-template-columns:1fr;gap:20px}}.step-card{text-align:center;padding:36px 28px;background:#fff;border-radius:24px;box-shadow:0 2px 20px #0000000a;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000000f}.step-card .step-number{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#4db8c7,#82c9a5);color:#fff;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:500;border-radius:16px;margin-bottom:20px}.step-card h3{font-size:1.15rem;color:#2d3142;margin-bottom:10px}.step-card p{color:#6b6d7b;font-size:.92rem;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:32px;background:#fff;border-radius:24px;box-shadow:0 2px 20px #0000000a;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000000f}.feature-card .feature-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;font-size:1.5rem;margin-bottom:18px}.feature-card h3{font-size:1.05rem;color:#2d3142;margin-bottom:8px}.feature-card p{color:#6b6d7b;font-size:.9rem;line-height:1.7}.icon-tasks{background:#4db8c71f;color:#3a9dab}.icon-kiosk{background:#f0c06a2e;color:#c9a035}.icon-points{background:#82c9a52e;color:#509b72}.icon-rewards{background:#f4847a1f;color:#f4847a}.icon-agenda{background:#b89adb1f;color:#9a7cc6}.icon-picto{background:#f0c06a24;color:#c9a035}.feature-block{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:56px 0}.feature-block:not(:last-child){border-bottom:1px solid #E8E5E0}.feature-block.reverse{direction:rtl}.feature-block.reverse>*{direction:ltr}@media(max-width:768px){.feature-block{grid-template-columns:1fr;gap:28px;padding:40px 0}.feature-block.reverse{direction:ltr}}.feature-block-visual{display:flex;align-items:center;justify-content:center;padding:40px;border-radius:28px;min-height:260px}.feature-block-visual .feature-block-icon{font-size:4.5rem}@media(max-width:768px){.feature-block-visual{min-height:200px;padding:32px}}.feature-block-content h3{font-size:1.5rem;color:#2d3142;margin-bottom:14px}@media(max-width:768px){.feature-block-content h3{font-size:1.3rem}}.feature-block-content p{color:#6b6d7b;font-size:1rem;line-height:1.75;margin-bottom:16px}.feature-block-content p:last-child{margin-bottom:0}.feature-block-content ul{list-style:none;padding:0}.feature-block-content ul li{padding:6px 0;color:#2d3142;font-size:.95rem;font-weight:600}.feature-block-content ul li:before{content:"✓";color:#82c9a5;font-weight:700;margin-right:10px}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:780px;margin:0 auto}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;max-width:420px}}.pricing-card{padding:40px 32px;background:#fff;border:2px solid #E8E5E0;border-radius:28px;text-align:center;transition:transform .2s}.pricing-card:hover{transform:translateY(-3px)}.pricing-card.pricing-card-featured{border-color:#4db8c7;position:relative;box-shadow:0 8px 40px #4db8c71f}.pricing-card .pricing-card-header{margin-bottom:28px}.pricing-card .pricing-card-header h3{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:500;color:#2d3142;margin-bottom:8px}.pricing-card .pricing-period{color:#6b6d7b;font-size:.85rem;margin-top:2px}.pricing-card .pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4db8c7,#82c9a5);color:#fff;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:700;padding:5px 20px;border-radius:50px;white-space:nowrap}.pricing-card .pricing-name{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:500;color:#2d3142;margin-bottom:8px}.pricing-card .pricing-price{font-family:Fredoka,sans-serif;font-size:2.8rem;font-weight:500;color:#2d3142;margin-bottom:4px}.pricing-card .pricing-price span{font-family:Quicksand,sans-serif;font-size:1rem;font-weight:500;color:#6b6d7b}@media(max-width:768px){.pricing-card .pricing-price{font-size:2.4rem}}.pricing-card .pricing-desc{color:#6b6d7b;font-size:.9rem;margin-bottom:28px}.pricing-card .pricing-features{list-style:none;padding:0;text-align:left;margin-bottom:32px}.pricing-card .pricing-features li{padding:9px 0;color:#2d3142;font-size:.9rem;font-weight:600;border-bottom:1px solid #E8E5E0}.pricing-card .pricing-features li:last-child{border-bottom:none}.pricing-card .pricing-features li:before{content:"✓";color:#82c9a5;font-weight:700;margin-right:10px}.pricing-card .pricing-features li.disabled{color:#a0a3ad;font-weight:500}.pricing-card .pricing-features li.disabled:before{content:"—";color:#a0a3ad}.pricing-card .btn-cta,.pricing-card .btn-cta-large,.pricing-card .btn-cta-koraal,.pricing-card .btn-secondary,.pricing-card .btn-secondary-large{width:100%}.faq-list{max-width:680px;margin:0 auto}.faq-item{border-bottom:1px solid #E8E5E0}.faq-item:first-child{border-top:1px solid #E8E5E0}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;background:none;border:none;cursor:pointer;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;color:#2d3142;text-align:left;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question .faq-toggle{font-size:1.4rem;color:#a0a3ad;transition:transform .3s;flex-shrink:0;margin-left:16px}details[open] .faq-question .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 0 20px;color:#6b6d7b;font-size:.95rem;line-height:1.75}.signup-card{max-width:520px;margin:0 auto;background:#fff;border-radius:28px;padding:48px;box-shadow:0 8px 40px #0000000f;text-align:center}@media(max-width:768px){.signup-card{padding:32px 24px;border-radius:24px}}.signup-card h2{font-size:1.5rem;color:#2d3142;margin-bottom:8px}.signup-card .signup-desc{color:#6b6d7b;font-size:.95rem;margin-bottom:28px}.signup-card .field,.signup-card .form-group{text-align:left;margin-bottom:20px}.signup-card .form-control{width:100%;border-radius:14px;border:2px solid #E8E5E0;padding:14px 18px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;color:#2d3142;background:#f8f7f5;height:auto;transition:border-color .2s,box-shadow .2s}.signup-card .form-control::placeholder{color:#a0a3ad}.signup-card .form-control:focus{outline:none;border-color:#4db8c7;box-shadow:0 0 0 3px #4db8c71a}.signup-card textarea.form-control,.signup-card .contact-textarea{min-height:140px;resize:vertical}.signup-card .signup-btn{width:100%;margin-top:12px}.signup-success{padding:24px 0}.signup-success .signup-success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#4db8c7,#82c9a5);color:#fff;font-size:1.8rem;border-radius:50%;margin-bottom:20px}.signup-success h2{margin-bottom:12px}.signup-success p{color:#6b6d7b;font-size:1rem}.cta-section{padding:80px 0;text-align:center;background:#2d3142;color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-40%;left:-10%;width:120%;height:180%;background:radial-gradient(ellipse at 20% 50%,rgba(77,184,199,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(130,201,165,.08) 0%,transparent 50%);pointer-events:none}.cta-section>*{position:relative}.cta-section h2{font-size:2.1rem;margin-bottom:14px}@media(max-width:768px){.cta-section h2{font-size:1.6rem}}.cta-section p{font-size:1.05rem;color:#ffffffa6;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}@media(max-width:768px){.cta-section{padding:56px 0}}.trust-bar{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;padding:24px 0}@media(max-width:768px){.trust-bar{gap:32px}}.trust-item{text-align:center}.trust-item .trust-number{font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:500;color:#4db8c7}.trust-item .trust-label{font-size:.85rem;color:#6b6d7b;margin-top:2px}.about-content{max-width:720px;margin:0 auto}.about-block{margin-bottom:48px}.about-block:last-child{margin-bottom:0}.about-block h2{font-size:1.6rem;color:#2d3142;margin-bottom:16px}@media(max-width:768px){.about-block h2{font-size:1.3rem}}.about-block p{color:#6b6d7b;font-size:1rem;line-height:1.8;margin-bottom:14px}.about-block p:last-child{margin-bottom:0}.about-roadmap{display:flex;flex-direction:column;gap:20px;margin-top:24px}.roadmap-item{display:flex;gap:20px;align-items:flex-start;padding:20px 24px;background:#fff;border-radius:20px;box-shadow:0 2px 16px #0000000a}.roadmap-item .roadmap-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#4db8c7,#82c9a5);color:#fff;font-size:1.3rem;border-radius:14px}.roadmap-item .roadmap-text h3{font-size:1.05rem;color:#2d3142;margin-bottom:4px}.roadmap-item .roadmap-text p{color:#6b6d7b;font-size:.9rem;line-height:1.6;margin-bottom:0}@media(max-width:768px){.roadmap-item{padding:16px;gap:14px}}.contact-textarea{min-height:140px;resize:vertical}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:800px;margin:0 auto}@media(max-width:768px){.contact-info-grid{grid-template-columns:1fr;gap:20px}}.contact-info-card{text-align:center;padding:32px 24px;background:#f8f7f5;border-radius:24px}.contact-info-card .contact-info-icon{font-size:2rem;margin-bottom:14px;color:#4db8c7}.contact-info-card h3{font-size:1.05rem;color:#2d3142;margin-bottom:8px}.contact-info-card p{color:#6b6d7b;font-size:.9rem;line-height:1.6}.contact-info-card p a{color:#4db8c7;text-decoration:none;font-weight:700}.contact-info-card p a:hover{text-decoration:underline}.auth-page{padding:120px 0 60px;min-height:calc(100vh - 200px);display:flex;align-items:flex-start;justify-content:center;position:relative}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;height:320px;background:#2d3142}.auth-page:after{content:"";position:absolute;top:0;left:0;right:0;height:320px;background:radial-gradient(ellipse at 30% 60%,rgba(77,184,199,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 40%,rgba(130,201,165,.08) 0%,transparent 50%);pointer-events:none}@media(max-width:768px){.auth-page{padding:100px 0 40px}}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;margin:0 24px;background:#fff;border-radius:28px;padding:44px;box-shadow:0 20px 60px #00000014}@media(max-width:768px){.auth-card{padding:32px 24px;border-radius:24px}}.auth-card h1{font-size:1.6rem;color:#2d3142;margin-bottom:6px;text-align:center}.auth-card .auth-subtitle{font-size:.92rem;color:#6b6d7b;text-align:center;margin-bottom:28px}.auth-card .form{max-width:none}.auth-card .form-control{border-radius:14px;border-color:#e8e5e0;font-family:Quicksand,sans-serif;font-weight:600}.auth-card .form-control:focus{border-color:#4db8c7;box-shadow:0 0 0 3px #4db8c71a}.auth-card .control-label{font-family:Quicksand,sans-serif;font-weight:700}.auth-card .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border:none;border-radius:14px;padding:13px 24px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#4db8c7,#82c9a5);box-shadow:0 4px 16px #4db8c740;transition:transform .15s,box-shadow .2s;margin-top:8px}.auth-card .btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #4db8c759}.auth-card .auth-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #E8E5E0;font-size:.9rem;color:#6b6d7b}.auth-card .auth-footer a{color:#4db8c7;text-decoration:none;font-weight:700}.auth-card .auth-footer a:hover{text-decoration:underline}.auth-card .auth-footer+.auth-footer{border-top:none;margin-top:8px;padding-top:0}.auth-card .error-code{font-family:Fredoka,sans-serif;font-size:4rem;font-weight:600;color:#4db8c7;margin:0 0 4px;line-height:1}.site-footer{background:#2d3142;color:#fff9;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:28px}}.footer-brand .site-logo{color:#fff;margin-bottom:12px}.footer-brand .site-logo .logo-text{color:#fff}.footer-brand p{font-size:.9rem;line-height:1.7}.footer-links h4{color:#fff;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:500;margin-bottom:16px}.footer-links a{display:block;color:#ffffff73;text-decoration:none;font-size:.9rem;font-weight:600;padding:4px 0;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 0}.footer-bottom p{font-size:.8rem;text-align:center}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#2d3142;border-top:1px solid rgba(255,255,255,.08);padding:16px 0}.cookie-banner-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width:768px){.cookie-banner-inner{flex-direction:column;text-align:center;gap:12px}}.cookie-banner-inner p{font-size:.85rem;color:#fff9;margin:0}.cookie-banner-inner p a{color:#4db8c7;text-decoration:underline}.cookie-banner-inner button{flex-shrink:0;background:#4db8c7;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s}.cookie-banner-inner button:hover{background:#3a9dab}.hero-compact{padding:120px 0 40px}@media(max-width:768px){.hero-compact{padding:100px 0 32px}}.legal-content{max-width:720px;padding-bottom:60px}.legal-content h2{font-size:1.15rem;color:#2d3142;margin:32px 0 12px;font-family:Fredoka,sans-serif;font-weight:500}.legal-content h2:first-child{margin-top:0}.legal-content p{font-size:.95rem;color:#6b6d7b;line-height:1.8;margin:0 0 12px}.legal-content a{color:#4db8c7;text-decoration:none;font-weight:600}.legal-content a:hover{text-decoration:underline}