@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--brand-primary: #6F7D5B;--brand-primary-dark: #3B6059;--brand-secondary: #E8DDCF;--brand-tertiary: #C8B49A;--brand-dark: #4B4036;--brand-off-white: #F8F6F2;--brand-accent: #D4684A;--teal: #00897B;--teal-dark: #004D40;--success: #43A047;--warning: #FB8C00;--error: #E53935;--boycott: #C62828;--text-primary: #212121;--text-secondary: #757575;--surface-1: #FFFFFF;--surface-0: #F8F6F2;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .18);--transition: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--container: 1200px;--gutter: clamp(20px, 5vw, 60px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:16px;line-height:1.65;color:var(--text-primary);background:var(--surface-0);overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.animate-up{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}.animate-up.in-view{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font);font-size:14px;font-weight:600;line-height:1;transition:var(--transition);white-space:nowrap}.btn--primary{background:var(--teal);color:#fff;box-shadow:0 4px 14px #00897b59}.btn--primary:hover{background:var(--teal-dark);transform:translateY(-1px);box-shadow:0 6px 20px #00897b73}.btn--outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}.btn--outline:hover{background:#ffffff1f;border-color:#fff}.btn--ghost{background:transparent;color:var(--text-primary);border:1px solid var(--brand-tertiary)}.btn--ghost:hover{background:var(--brand-secondary)}.btn--lg{padding:14px 28px;font-size:15px;border-radius:var(--radius-lg)}.btn--nav{background:var(--teal);color:#fff;padding:9px 20px;border-radius:var(--radius-full);font-size:14px}.btn--nav:hover{background:var(--teal-dark);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.cookie-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(120%);width:min(560px,calc(100vw - 32px));background:var(--surface-1);border:1px solid var(--brand-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:9999;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.cookie-banner.visible{transform:translate(-50%) translateY(0)}.cookie-banner__content{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.cookie-banner__text{display:flex;gap:14px;align-items:flex-start}.cookie-icon{font-size:24px;flex-shrink:0;margin-top:2px}.cookie-banner__text strong{display:block;font-size:15px;margin-bottom:4px;color:var(--brand-dark)}.cookie-banner__text p{font-size:13px;color:var(--text-secondary);line-height:1.5}.cookie-banner__actions{display:flex;gap:10px;justify-content:flex-end}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:background var(--transition),box-shadow var(--transition),padding var(--transition)}.navbar.scrolled{background:#f8f6f2f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);padding:12px 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}.navbar__brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#fff;transition:color var(--transition)}.navbar.scrolled .navbar__brand{color:var(--brand-dark)}.brand-logo{height:36px;width:auto;display:block}.brand-logo--hero{filter:brightness(0) invert(1)}.brand-logo--scrolled,.navbar.scrolled .brand-logo--hero{display:none}.navbar.scrolled .brand-logo--scrolled{display:block}.footer-brand-logo{height:36px;width:auto;filter:brightness(0) invert(1)}.navbar__links{display:flex;align-items:center;gap:28px}.navbar__links a:not(.btn){font-size:14px;font-weight:600;color:#ffffffd9;transition:color var(--transition)}.navbar__links a:not(.btn):hover{color:#fff}.navbar.scrolled .navbar__links a:not(.btn){color:var(--text-secondary)}.navbar.scrolled .navbar__links a:not(.btn):hover{color:var(--text-primary)}.navbar.scrolled .btn--nav{background:var(--teal)}.navbar__toggle{display:none;flex-direction:column;gap:5px;width:32px;padding:4px}.navbar__toggle span{display:block;height:2px;background:#fff;border-radius:2px;transition:var(--transition)}.navbar.scrolled .navbar__toggle span{background:var(--brand-dark)}.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:var(--surface-1);border-bottom:1px solid var(--brand-secondary);z-index:999;box-shadow:var(--shadow-md);flex-direction:column;padding:12px 0}.mobile-menu.open{display:flex}.mobile-menu__link{padding:14px var(--gutter);font-size:15px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--brand-off-white);transition:background var(--transition)}.mobile-menu__link:hover{background:var(--brand-off-white)}.mobile-menu__cta{color:var(--teal)}.hero{position:relative;background:linear-gradient(135deg,var(--teal-dark) 0%,var(--brand-primary-dark) 50%,var(--brand-primary) 100%);min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}.hero__bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero__shape{position:absolute;border-radius:50%;opacity:.08;background:#fff}.hero__shape--1{width:600px;height:600px;top:-200px;right:-200px}.hero__shape--2{width:300px;height:300px;bottom:100px;left:-100px}.hero__shape--3{width:200px;height:200px;top:40%;right:15%;opacity:.04}.hero .container{position:relative;z-index:1}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fffffff2;padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:24px}.hero__title{font-size:clamp(36px,5vw,60px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px;letter-spacing:-.5px}.hero__title em{font-style:normal;color:#ffffffbf}.hero__subtitle{font-size:clamp(16px,2vw,18px);color:#fffc;max-width:460px;margin-bottom:36px;line-height:1.7}.hero__ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.hero__stats{display:flex;align-items:center;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.hero__stat{text-align:center}.hero__stat strong{display:block;font-size:22px;font-weight:800;color:#fff;line-height:1}.hero__stat span{font-size:12px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;display:block}.hero__stat-divider{width:1px;height:32px;background:#fff3}.hero__phones{display:flex;justify-content:center;align-items:flex-end;gap:-20px;margin-bottom:-20px}.phone-mockup{flex-shrink:0}.phone-mockup--main .phone-frame{width:220px;transform:translateY(0);z-index:2;position:relative}.phone-mockup--left .phone-frame,.phone-mockup--right .phone-frame{width:170px;opacity:.75;transform:translateY(20px) scale(.92);z-index:1}.phone-mockup--left{margin-right:-30px}.phone-mockup--right{margin-left:-30px}.phone-frame{position:relative;background:#1a1a1a;border-radius:36px;padding:10px;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px #00000080,inset 0 0 0 2px #ffffff0d}.phone-frame:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:36%;height:16px;background:#1a1a1a;border-radius:0 0 10px 10px;z-index:10}.phone-frame:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff0f;pointer-events:none}.phone-frame img{width:100%;border-radius:26px;display:block}.hero__wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0}.hero__wave svg{width:100%;height:80px}.trust-bar{background:var(--surface-1);border-bottom:1px solid var(--brand-secondary);padding:20px 0}.trust-items{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 32px}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.trust-icon{font-size:18px}.section-header{text-align:center;margin-bottom:56px}.section-tag{display:inline-block;background:#00897b1a;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:var(--radius-full);margin-bottom:16px}.section-header h2{font-size:clamp(28px,4vw,44px);font-weight:800;color:var(--brand-dark);line-height:1.2;margin-bottom:16px;letter-spacing:-.3px}.section-header p{font-size:17px;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.7}.features{padding:100px 0;background:var(--surface-0)}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--surface-1);border-radius:var(--radius-xl);padding:32px;border:1px solid var(--brand-secondary);transition:transform var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card__icon{width:56px;height:56px;background:var(--icon-bg, #E3F5F3);color:var(--icon-color, var(--teal));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card h3{font-size:17px;font-weight:700;color:var(--brand-dark);margin-bottom:10px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.65}.status-section{padding:100px 0;background:var(--surface-1)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.status-card{background:var(--surface-0);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;border:1px solid var(--brand-secondary);transition:transform var(--transition),box-shadow var(--transition)}.status-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.status-badge{display:inline-block;padding:8px 18px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;color:#fff}.status-badge--halal{background:var(--success)}.status-badge--haram{background:var(--error)}.status-badge--douteux{background:var(--warning);color:#fff}.status-badge--boycott{background:var(--boycott)}.status-card h4{font-size:16px;font-weight:700;color:var(--brand-dark);margin-bottom:8px}.status-card p{font-size:13px;color:var(--text-secondary);line-height:1.55}.screenshots{padding:100px 0;background:linear-gradient(180deg,var(--surface-0) 0%,var(--brand-secondary) 100%)}.screenshots__carousel{display:flex;justify-content:center;gap:24px;align-items:flex-end;flex-wrap:wrap}.screenshot-item{display:flex;flex-direction:column;align-items:center;gap:16px}.screenshot-item .phone-frame{width:200px;background:#1a1a1a}.screenshot-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.values{padding:100px 0;background:var(--surface-1)}.values__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.values__text .section-tag{margin-bottom:16px}.values__text h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;color:var(--brand-dark);line-height:1.2;margin-bottom:16px;letter-spacing:-.3px}.values__text>p{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:36px}.values__list{display:flex;flex-direction:column;gap:20px}.value-item{display:flex;gap:16px;align-items:flex-start}.value-icon{width:44px;height:44px;min-width:44px;background:var(--c, #E3F5F3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px}.value-item strong{display:block;font-size:15px;font-weight:700;color:var(--brand-dark);margin-bottom:3px}.value-item span{font-size:14px;color:var(--text-secondary);line-height:1.5}.values__visual{display:flex;justify-content:center}.values__visual img{max-width:100%}.download-cta{padding:100px 0;background:linear-gradient(135deg,var(--teal-dark) 0%,var(--brand-primary-dark) 60%,var(--brand-primary) 100%);position:relative;overflow:hidden}.download-cta:before{content:"";position:absolute;top:-150px;right:-150px;width:500px;height:500px;background:#ffffff0d;border-radius:50%}.download-cta__inner{text-align:center;position:relative;z-index:1}.download-cta__logo{height:72px;width:auto;margin:0 auto 24px;filter:brightness(0) invert(1);opacity:.9}.download-cta__inner h2{font-size:clamp(28px,4vw,44px);font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.3px}.download-cta__inner>p{font-size:17px;color:#ffffffbf;margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.65}.download-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.store-btn{display:flex;align-items:center;gap:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 28px;border-radius:var(--radius-lg);color:#fff;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);min-width:200px}.store-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 30px #0003}.store-btn__text{text-align:left}.store-btn__text span{display:block;font-size:11px;opacity:.75;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.store-btn__text strong{display:block;font-size:18px;font-weight:700}.download-cta__note{font-size:13px;color:#ffffff8c}.footer{background:var(--brand-dark);color:#ffffffbf;padding:60px 0 32px}.footer__top{display:flex;justify-content:space-between;gap:60px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:32px;flex-wrap:wrap}.footer__logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#fff;margin-bottom:14px}.footer__logo img{width:40px;height:40px;border-radius:10px;filter:brightness(0) invert(1);opacity:.9}.footer__brand p{font-size:14px;color:#ffffff8c;max-width:280px;line-height:1.6}.footer__tagline{font-size:13px!important;font-style:italic;color:#fff6!important;margin-top:4px}.footer__links{display:flex;gap:60px;flex-wrap:wrap}.footer__col{display:flex;flex-direction:column;gap:12px}.footer__col h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#fff6;margin-bottom:4px}.footer__col a{font-size:14px;color:#ffffffa6;transition:color var(--transition)}.footer__col a:hover{color:#fff}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer__bottom p{font-size:13px;color:#fff6}.footer__legal-links{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff6}.footer__legal-links a{color:#ffffff80;transition:color var(--transition)}.footer__legal-links a:hover{color:#fffc}.privacy-page{padding-top:100px;min-height:100vh}.privacy-hero{background:linear-gradient(135deg,var(--teal-dark),var(--brand-primary-dark));padding:80px 0 60px;margin-bottom:64px}.privacy-hero__content{text-align:center}.privacy-hero__content h1{font-size:clamp(28px,4vw,44px);font-weight:800;color:#fff;margin-bottom:12px}.privacy-hero__content p{font-size:16px;color:#ffffffb3}.privacy-content{max-width:820px;margin:0 auto;padding:0 var(--gutter) 100px}.privacy-content h2{font-size:22px;font-weight:700;color:var(--brand-dark);margin:48px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--brand-secondary)}.privacy-content h3{font-size:17px;font-weight:700;color:var(--brand-dark);margin:28px 0 10px}.privacy-content p{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.privacy-content ul,.privacy-content ol{padding-left:24px;margin-bottom:16px}.privacy-content li{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.privacy-content strong{color:var(--brand-dark)}.privacy-content a{color:var(--teal);text-decoration:underline}.privacy-toc{background:var(--surface-1);border:1px solid var(--brand-secondary);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:48px}.privacy-toc h2{font-size:16px;font-weight:700;color:var(--brand-dark);margin:0 0 16px;padding:0;border:none}.privacy-toc ol{margin:0}.privacy-toc li{font-size:14px}.privacy-info-box{background:#00897b0f;border-left:3px solid var(--teal);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:16px 20px;margin:16px 0 24px}.privacy-info-box p{margin:0}@media (prefers-reduced-motion: reduce){.animate-up{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.hero__content{grid-template-columns:1fr;gap:40px}.hero__visuals{order:-1}.hero__title{font-size:clamp(32px,6vw,52px)}.hero__subtitle{max-width:100%}.features__grid,.status-grid{grid-template-columns:repeat(2,1fr)}.values__inner{grid-template-columns:1fr;gap:48px}.values__visual{display:none}.hero__mascottes{max-width:280px}}@media (max-width: 768px){.navbar__links{display:none}.navbar__toggle{display:flex}.hero{padding:100px 0 60px}.hero__phones{gap:8px}.phone-mockup--main .phone-frame{width:180px}.phone-mockup--left .phone-frame,.phone-mockup--right .phone-frame{width:130px}.features{padding:60px 0}.features__grid{grid-template-columns:1fr;gap:16px}.status-section{padding:60px 0}.status-grid{grid-template-columns:repeat(2,1fr);gap:14px}.screenshots{padding:60px 0}.screenshots__carousel{gap:16px}.screenshot-item .phone-frame{width:150px}.values,.download-cta{padding:60px 0}.store-btn{min-width:160px}.footer__top{flex-direction:column;gap:40px}.footer__links{gap:40px}.footer__bottom{flex-direction:column;text-align:center}.section-header{margin-bottom:36px}}@media (max-width: 480px){.hero__stats{gap:16px}.status-grid{grid-template-columns:1fr 1fr}.screenshots__carousel{gap:12px}.screenshot-item .phone-frame{width:130px}.phone-mockup--left,.phone-mockup--right{display:none}.hero__phones{justify-content:center}.download-buttons{flex-direction:column;align-items:center}}
