@keyframes manzil-features-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes manzil-features-reveal{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.manzil-features-01{width:100%;min-height:0;padding:.5rem 0;background:#fff;color:#010110}.manzil-features-01__frame{position:relative;width:min(97vw,1500px);margin:0 auto;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#fffcf5,#fdfdfd 32%,#f7fcff 68%,#f0f8ff)}.manzil-features-01__background,.manzil-features-01__background:after{position:absolute;inset:0;pointer-events:none}.manzil-features-01__background{opacity:.46;background-image:radial-gradient(circle,#c8cedd 1px,transparent 0);background-size:11px 11px}.manzil-features-01__background:after{content:"";background:radial-gradient(circle at 12% 18%,rgb(188 231 248/.28),transparent 28%),radial-gradient(circle at 88% 82%,rgb(184 242 221/.2),transparent 30%)}.manzil-features-01__content{position:relative;z-index:1;display:flex;width:100%;flex-direction:column;align-items:center;gap:2.5rem;padding:4rem 1rem}.manzil-features-01__header{display:flex;width:min(100%,45rem);flex-direction:column;align-items:center;gap:.75rem;text-align:center;animation:manzil-features-rise .5s cubic-bezier(.23,1,.32,1) both}.manzil-features-01__badge{display:inline-flex;min-height:1.75rem;align-items:center;border:1px solid #c9e7f3;border-radius:999px;background:rgb(255 255 255/.72);color:#0c748c;font-size:.7rem;font-weight:700;letter-spacing:.08em;line-height:1;padding:.5rem .75rem;text-transform:uppercase}.manzil-features-01__header h2{margin:0;color:#010110;font-size:clamp(2rem,4vw,2.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.12;text-wrap:balance}.manzil-features-01__header p{max-width:38.75rem;margin:0;color:#45545e;font-size:1rem;font-weight:500;letter-spacing:-.02em;line-height:1.45;text-wrap:pretty}.manzil-features-01__shell{display:flex;width:min(100%,1187.5px);flex-direction:column;gap:1.25rem;overflow:hidden;border:1px solid rgb(30 30 30/.05);border-radius:1.5rem;background:#fff;padding:.75rem;box-shadow:0 4px 4px rgb(121 85 13/.05),0 1px 1px rgb(125 125 125/.15),0 55px 33px rgb(166 166 166/.05),0 24px 24px rgb(166 166 166/.09),0 6px 13px rgb(166 166 166/.1);animation:manzil-features-rise .5s cubic-bezier(.23,1,.32,1) .16s both}.manzil-features-01__tabs{display:flex;width:100%;flex:none;flex-direction:column;gap:.625rem}.manzil-features-01__tab{display:flex;width:100%;min-height:4.2rem;align-items:center;gap:.75rem;border:1px solid transparent;border-radius:.75rem;background:#fff;color:#1e1e1e;cursor:pointer;padding:.75rem;text-align:left;touch-action:manipulation;transition:background-color .5s cubic-bezier(.23,1,.32,1),border-color .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1)}.manzil-features-01__tab:hover:not(.is-active){background:#f7f9fb}.manzil-features-01__tab:focus-visible{outline:2px solid #1e1e1e;outline-offset:2px}.manzil-features-01__tab.is-active{border-color:#9bd3e9;background:#bce7f8;box-shadow:0 5px 7px rgb(4 139 240/.05),0 5px 5px rgb(22 26 29/.05),0 1px 1px rgb(22 26 29/.15)}.manzil-features-01__icon-box{display:inline-flex;width:2.5rem;height:2.5rem;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid #e5e5e5;border-radius:.5rem;background:linear-gradient(90deg,#fff,#f2f2f2);color:#1e1e1e;padding:.5rem}.manzil-features-01__tab.is-active .manzil-features-01__icon-box{border-color:#90d7f3;background:#fff}.manzil-features-01__icon-box svg{width:1.5rem;height:1.5rem}.manzil-features-01__tab-copy{display:flex;min-width:0;flex-direction:column;gap:.3rem}.manzil-features-01__tab-title{color:#1e1e1e;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.1}.manzil-features-01__tab-description{color:#60605d;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;line-height:1.25}.manzil-features-01__tab-description.is-active{color:#4c6a75}.manzil-features-01__preview{position:relative;width:100%;min-width:0;aspect-ratio:1018/570;overflow:hidden;border:1px solid #dfe1e2;border-radius:1.0625rem;background:linear-gradient(135deg,#fffcf5,#fdfdfd 32%,#f7fcff 68%,#f0f8ff)}.manzil-features-01__preview-dots{position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:radial-gradient(circle,#c8cedd 1px,transparent 0);background-size:11px 11px}.manzil-features-01__preview-image{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:.75rem;animation:manzil-features-reveal .5s cubic-bezier(.23,1,.32,1) both}.manzil-features-01__image{display:block;width:100%;height:auto;max-height:100%;margin:0;border-radius:.5rem;box-shadow:0 20px 34px rgb(30 30 30/.08);-o-object-fit:contain;object-fit:contain}@media (min-width:768px){.manzil-features-01__content{padding:5rem 2.5rem}}@media (min-width:1024px){.manzil-features-01__content{gap:3.75rem;padding:6rem clamp(2rem,10vw,13.8rem)}.manzil-features-01__shell{flex-direction:row;align-items:stretch;gap:1.25rem}.manzil-features-01__tabs{width:22.5625rem;gap:.75rem;padding:.25rem 0 .25rem .25rem}.manzil-features-01__preview{aspect-ratio:auto;min-height:22rem;flex:1 1 auto}.manzil-features-01__preview-image{padding:1.25rem}}@media (max-width:520px){.manzil-features-01__content{gap:2rem;padding:3rem .75rem}.manzil-features-01__header h2{font-size:2rem}.manzil-features-01__header p{font-size:.9375rem}.manzil-features-01__tab{min-height:4.65rem}.manzil-features-01__preview-image{padding:.5rem}}@media (prefers-reduced-motion:reduce){.manzil-features-01__header,.manzil-features-01__preview-image,.manzil-features-01__shell{animation:none}}