:root{--primary: #0f172a;--secondary: #0d9488;--tertiary: #ff6b52;--neutral: #f8fafc;--primary-tint: #16213c;--text-on-dark: var(--neutral);--muted-on-dark: rgba(248, 250, 252, .72);--text-on-light: var(--primary);--muted-on-light: #64748b;--border-light: #e2e8f0;--font-base: "Plus Jakarta Sans", "Tajawal", system-ui, -apple-system, sans-serif;--container: 1180px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-base);color:var(--text-on-light);background:var(--neutral);line-height:1.3;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}.hero{position:relative;padding:clamp(72px,12vh,140px) 0 0;background:var(--primary);color:var(--text-on-dark);overflow:hidden;text-align:center}.hero-text{max-width:min(1100px,92vw);margin-inline:auto}.hero-line-1{margin:0;font-weight:800;font-size:clamp(1.05rem,5vw,4.5rem);line-height:1.2;letter-spacing:-.01em;white-space:nowrap}.hero-line-2{margin:.3em 0 0;font-weight:700;font-size:clamp(1.25rem,3.4vw,3rem);line-height:1.2;color:var(--muted-on-dark)}.cut{position:relative;color:var(--tertiary);white-space:nowrap}.cut:after{content:"";position:absolute;inset-inline:-.06em;top:50%;height:.09em;min-height:4px;background:var(--neutral);border-radius:999px;transform:translateY(-50%) rotate(-18deg);transform-origin:center}.hero-wave{display:block;width:100%;height:clamp(120px,16vw,210px);margin-top:clamp(48px,8vw,104px)}.hero-wave .wave-tint{fill:var(--primary-tint)}.hero-wave .wave-neutral{fill:var(--neutral)}.compare{padding-inline:clamp(16px,4vw,40px);margin-top:calc(-2*clamp(48px,8vw,104px))}.compare-grid{position:relative;width:100%;max-width:920px;margin-inline:auto;display:flex;align-items:stretch;justify-content:center;gap:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px -24px #0f172a73}.compare-card{position:relative;flex:1 1 0;min-width:0;margin:0;background:var(--primary)}.compare-card img{width:100%;height:auto;aspect-ratio:5 / 4;object-fit:cover}.compare-card.is-before{filter:grayscale(.2)}.compare-grid:after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:var(--neutral)}.compare-badge{position:absolute;z-index:3;top:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;font-size:clamp(.72rem,1.5vw,.95rem);font-weight:700;color:var(--neutral);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.is-before .compare-badge{inset-inline-start:auto;inset-inline-end:14px}.is-before .compare-badge{background:#ff6b52eb}.is-after .compare-badge{background:#0d9488f2}.compare-vs{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(48px,7vw,78px);height:clamp(48px,7vw,78px);border-radius:50%;background:var(--primary);color:var(--neutral);font-family:var(--font-base);font-weight:800;font-size:clamp(.9rem,1.8vw,1.4rem);letter-spacing:.04em;box-shadow:0 12px 28px -8px #0f172a99;border:3px solid var(--neutral)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.call-wave{animation:none;opacity:.35}.chat-typing span{animation:none;opacity:.6}}.services{position:relative;--person-h: clamp(400px, 46vw, 560px);padding:clamp(48px,8vw,96px) clamp(16px,4vw,40px) clamp(56px,9vw,110px);background:var(--neutral);color:var(--text-on-light);text-align:center}.services-title{position:relative;z-index:3;max-width:22ch;margin:0 auto;font-weight:800;font-size:clamp(1.4rem,4.4vw,2.9rem);line-height:1.28;letter-spacing:-.01em}.services .cut:after{background:var(--primary)}.services-stage{position:relative;width:100%;max-width:1040px;margin-inline:auto;margin-top:calc(-1*clamp(18px,3.4vw,56px))}.services-person{position:relative;z-index:1;display:block;height:var(--person-h);width:auto;margin-inline:auto;filter:drop-shadow(0 26px 34px rgba(15,23,42,.22))}.services-card{position:absolute;bottom:clamp(40px,11%,130px);z-index:2;display:flex;flex-direction:column;width:clamp(200px,22vw,300px);min-height:calc(var(--person-h) * .6);padding:clamp(16px,1.6vw,22px);text-align:start;background:#fff;border:1px solid var(--border-light);border-radius:18px;box-shadow:0 22px 48px -28px #0f172a73}.services-card.is-start{inset-inline-start:0}.services-card.is-end{inset-inline-end:0}.card-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,1.8vw,20px);width:100%}.call-card{text-align:center}.call-phone{position:relative;display:grid;place-items:center;width:clamp(64px,8vw,82px);height:clamp(64px,8vw,82px)}.call-phone-icon{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;color:#fff;background:var(--secondary);box-shadow:0 12px 26px -8px #0d94888c}.call-phone-icon svg{width:46%;height:46%}.call-wave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;border:2px solid var(--secondary);opacity:0;animation:call-pulse 2.4s ease-out infinite}.call-wave:nth-child(2){animation-delay:.8s}.call-wave:nth-child(3){animation-delay:1.6s}@keyframes call-pulse{0%{transform:scale(1);opacity:.55}to{transform:scale(2.2);opacity:0}}.call-number{margin:0;direction:ltr;font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:.08em;color:var(--text-on-light)}.card-subtitle{margin:0;padding-top:clamp(8px,1.2vw,12px);font-size:clamp(.9rem,1.3vw,1rem);color:var(--muted-on-light)}.chat-card{text-align:center}.chat{display:flex;flex-direction:column;gap:10px;width:100%}.chat-msg,.chat-typing{max-width:88%;padding:10px 14px;border-radius:16px;box-shadow:0 8px 20px -12px #0f172a66}.chat-msg{align-self:flex-start;margin:0;border-start-start-radius:6px;background:var(--secondary);color:#fff;font-size:clamp(.82rem,1.1vw,.92rem);line-height:1.5;text-align:start}.chat-typing{align-self:flex-end;display:inline-flex;align-items:center;gap:5px;border-start-end-radius:6px;background:#eef2f6}.chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--muted-on-light);animation:chat-typing 1.2s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@media(max-width:900px){.services-person{display:none}.services-stage{display:flex;flex-direction:column;align-items:center;margin-top:0}.services-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,20px);width:100%;max-width:620px;margin-top:clamp(20px,5vw,32px)}.services-card{position:static;inset:auto;width:auto}}@media(max-width:560px){.services-cards{grid-template-columns:1fr;max-width:420px}}@media(max-width:720px){.compare-grid{flex-direction:column-reverse;width:100%;max-width:520px}.compare-card{flex:0 0 auto;width:100%}.compare-grid:after{top:50%;bottom:auto;left:0;right:0;width:auto;height:3px;transform:translateY(-50%)}}.restaurants{position:relative;background:var(--primary);color:var(--text-on-dark)}.section-wave-top{display:block;width:100%;height:clamp(120px,16vw,210px)}.section-wave-top .wave-tint{fill:var(--primary-tint)}.section-wave-top .wave-neutral{fill:var(--neutral)}.restaurants-inner{max-width:var(--container);margin-inline:auto;padding:0 clamp(16px,4vw,40px) clamp(64px,10vw,120px);text-align:center}.restaurants-title{margin:0;font-weight:800;font-size:clamp(1.5rem,4.4vw,3rem);line-height:1.28;letter-spacing:-.01em}.restaurants-cards{display:flex;gap:clamp(16px,2.4vw,28px);margin-top:clamp(32px,5vw,56px)}.restaurant-card{flex:1 1 0;min-width:0;position:relative;height:clamp(230px,19vw,300px);overflow:hidden;border-radius:18px;background:var(--primary-tint);border:1px solid rgba(248,250,252,.1);box-shadow:0 24px 50px -30px #0009;transition:flex-grow .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}.restaurant-card img{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover){.restaurants-cards:hover .restaurant-card{flex-grow:.8}.restaurants-cards .restaurant-card:hover{flex-grow:1.9;transform:scale(1.09);z-index:1;box-shadow:0 36px 66px -22px #000000c7}}@media(max-width:720px){.restaurants-cards{flex-direction:column;max-width:440px;margin-inline:auto}.restaurant-card{flex:0 0 auto;height:auto}.restaurant-card img{height:auto}}.experience{background:var(--neutral);color:var(--text-on-light)}.experience-inner{max-width:var(--container);margin-inline:auto;padding:clamp(56px,9vw,110px) clamp(16px,4vw,40px);text-align:center}.experience-title{max-width:24ch;margin:0 auto;font-weight:800;font-size:clamp(1.5rem,4.4vw,3rem);line-height:1.28;letter-spacing:-.01em}.experience-card{display:flex;align-items:center;gap:clamp(20px,4vw,56px);max-width:980px;margin:clamp(32px,5vw,56px) auto 0;padding:clamp(20px,3.2vw,44px);text-align:start;background:#fff;border:1px solid var(--border-light);border-radius:24px;box-shadow:0 30px 60px -34px #0f172a59}.experience-media{flex:0 0 auto;width:clamp(200px,34%,380px);height:auto}.feature-list{flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(16px,2.4vw,26px)}.feature-list li{display:flex;align-items:flex-start;gap:12px;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:500;line-height:1.5}.feature-check{flex:0 0 auto;width:clamp(22px,2.4vw,28px);height:clamp(22px,2.4vw,28px);margin-top:.15em;padding:4px;border-radius:50%;color:#fff;background:var(--secondary)}@media(max-width:720px){.experience-card{flex-direction:column;text-align:center;max-width:460px}.experience-media{width:clamp(180px,60%,260px)}.feature-list li{text-align:start}}.stats{background:var(--primary);color:var(--text-on-dark)}.stats-inner{max-width:var(--container);margin-inline:auto;padding:clamp(48px,8vw,96px) clamp(16px,4vw,40px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,4vw,48px)}.stat{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.stat-value{font-weight:800;font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--secondary)}.stat-unit{font-size:.5em;font-weight:700}.stat-label{font-size:clamp(.9rem,1.3vw,1.05rem);color:var(--muted-on-dark)}@media(max-width:720px){.stats-inner{grid-template-columns:repeat(2,1fr)}}.pricing{background:var(--neutral);color:var(--text-on-light)}.pricing-inner{max-width:var(--container);margin-inline:auto;padding:clamp(56px,9vw,110px) clamp(16px,4vw,40px);text-align:center}.pricing-title{margin:0 0 clamp(32px,5vw,56px);font-weight:800;font-size:clamp(1.5rem,4.4vw,3rem);line-height:1.28;letter-spacing:-.01em}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,32px);align-items:stretch}.price-card{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,40px);text-align:center;background:#fff;border:1px solid var(--border-light);border-radius:22px;box-shadow:0 24px 50px -34px #0f172a59}.price-card.is-featured{border-color:var(--secondary);box-shadow:0 0 0 1px var(--secondary),0 30px 60px -30px #0d948873}.price-card-name{margin:0;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:700}.price-card-text{flex:1 1 auto;margin:0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6;color:var(--muted-on-light)}.price-card-cta{align-self:center;margin-top:4px;padding:12px 32px;border-radius:999px;font-weight:700;font-size:clamp(.9rem,1.3vw,1rem);text-decoration:none;color:#fff;background:var(--secondary);transition:background .25s ease,transform .25s ease}.price-card-cta:hover{background:#0b7c72;transform:translateY(-1px)}@media(max-width:820px){.pricing-cards{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}