@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Tajawal:wght@400;500;700;800&display=swap";.depth-text{display:inline-block;perspective:var(--depth-text-perspective);perspective-origin:50% 48%;isolation:isolate}.depth-text__stage{position:relative;display:inline-grid;place-items:center;transform-style:preserve-3d;transform:rotateX(-2.4deg) rotateY(3.15deg);transform-origin:50% 50%;will-change:transform}.depth-text__layer,.depth-text__face{grid-area:1 / 1;display:inline-block;font-size:var(--depth-text-font-size);font-weight:var(--depth-text-font-weight);line-height:.86;letter-spacing:-.065em;white-space:nowrap;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;backface-visibility:hidden;font-kerning:normal;text-rendering:geometricPrecision}.depth-text__layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;filter:saturate(.95) brightness(.92);pointer-events:none}.depth-text__face{position:relative;z-index:1;color:var(--depth-text-face-color);text-shadow:var(--depth-text-shadow);transform:translateZ(.6px)}@media (hover: hover) and (pointer: fine){.depth-text{cursor:default}}@media (prefers-reduced-motion: reduce){.depth-text__stage{will-change:auto}}.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;perspective:var(--dw-perspective, 1200px);perspective-origin:50% 50%;--dw-tile-w: 200px;--dw-tile-h: 132px;--dw-gap: 18px;--dw-radius: 14px;--dw-lift: 64px;--dw-dim: .55;--dw-gray: 0;--dw-overlay: #060010;--dw-edge: 40%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);mask-composite:intersect}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;cursor:pointer;transform-origin:50% 50%;will-change:transform}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;outline:none;transform-style:preserve-3d}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:#0b0b12;opacity:var(--dw-dim);transform:translateZ(0);pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(var(--dw-gray)) saturate(.92);transition:filter .42s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.drift-wall__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0) saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ffffffe6}.drift-wall--reduced .drift-wall__plane,.drift-wall--reduced .drift-wall__track{will-change:auto}@media (prefers-reduced-motion: reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}@tailwind base;@tailwind components;@tailwind utilities;:root{--font-heading: "Plus Jakarta Sans", "Tajawal", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", "Tajawal", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html{font-family:var(--font-body);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}img,video{max-width:100%;height:auto}[dir=rtl]{font-family:Tajawal,Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3ec1c94d}50%{box-shadow:0 0 40px #3ec1c999}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-particle{0%,to{transform:translateY(0) translate(0);opacity:.6}25%{transform:translateY(-20px) translate(10px);opacity:1}50%{transform:translateY(-10px) translate(-5px);opacity:.8}75%{transform:translateY(-30px) translate(15px);opacity:.4}}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-fade-up{animation:fadeUp .7s ease-out both}.animate-scale-in{animation:scaleIn .6s ease-out both}.animate-slide-in{animation:slideIn .5s ease-out both}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.hero-video-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}video::-webkit-media-controls-play-button{display:none!important}video::-webkit-media-controls-timeline{display:none!important}video::-webkit-media-controls-current-time-display{display:none!important}video::-webkit-media-controls-time-remaining-display{display:none!important}video::-webkit-media-controls-mute-button{display:none!important}video::-webkit-media-controls-fullscreen-button{display:none!important}video::-internal-media-controls-overflow-button{display:none!important}video{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}video::-webkit-media-controls-overlay-play-button{display:none!important}.hero-overlay-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000026,#00000059 40%,#00000073,#f0f8faf2)}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.25,1,.5,1)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #364f6b26}.glass-card-dark{background:#364f6bcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(62,193,201,.2)}.neon-border{border:1px solid rgba(62,193,201,.4);box-shadow:0 0 15px #3ec1c926,inset 0 0 15px #3ec1c90d;transition:all .4s cubic-bezier(.25,1,.5,1)}.neon-border:hover{border-color:#3ec1c9b3;box-shadow:0 0 30px #3ec1c94d,inset 0 0 30px #3ec1c91a;transform:translateY(-2px)}.text-gradient-teal{background:linear-gradient(135deg,#3ec1c9,#364f6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-mesh{background-image:radial-gradient(at 40% 20%,rgba(62,193,201,.08) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(54,79,107,.06) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(201,169,110,.05) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(62,193,201,.04) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(54,79,107,.06) 0px,transparent 50%)}.orbit-container{perspective:1000px}.floating-particle{animation:float-particle 6s ease-in-out infinite;pointer-events:none}.floating-particle:nth-child(2){animation-delay:-1s;animation-duration:7s}.floating-particle:nth-child(3){animation-delay:-2s;animation-duration:5s}.floating-particle:nth-child(4){animation-delay:-3s;animation-duration:8s}.floating-particle:nth-child(5){animation-delay:-4s;animation-duration:6.5s}.floating-particle:nth-child(6){animation-delay:-5s;animation-duration:7.5s}@keyframes shimmer-sweep{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.glass-card-hover{position:relative;overflow:hidden}.glass-card-hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:none}.glass-card-hover:hover:after{animation:shimmer-sweep .8s ease-out}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #3ec1c933}50%{box-shadow:0 0 40px #3ec1c980,0 0 60px #3ec1c933}}.neon-border-glow{animation:glow-pulse 3s ease-in-out infinite}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(62,193,201,.3)}50%{text-shadow:0 0 20px rgba(62,193,201,.6),0 0 30px rgba(62,193,201,.3)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f0f8fa}::-webkit-scrollbar-thumb{background:#3ec1c9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#364f6b}.cart-item-enter{animation:fadeUp .4s ease-out both}.page-transition{animation:scaleIn .3s ease-out both}.journey-line{position:relative;height:4px;background:linear-gradient(to right,transparent,rgba(62,193,201,.3),transparent);overflow:visible;border-radius:2px}.journey-line-glow{position:absolute;top:-8px;left:0;width:120px;height:20px;background:radial-gradient(ellipse at center,rgba(62,193,201,1),rgba(62,193,201,.5),transparent);border-radius:50%;filter:blur(3px);transition:left .02s linear;pointer-events:none;box-shadow:0 0 25px #3ec1c9cc,0 0 50px #3ec1c966}.faq-item{border:1px solid #e8f0f5;border-radius:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#3ec1c9;box-shadow:0 4px 20px #3ec1c91a}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-answer.open{max-height:300px}.star-rating{display:inline-flex;gap:2px}.star{cursor:pointer;transition:all .2s ease}.star:hover{transform:scale(1.2)}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.animate-pulse-ring{animation:pulse-ring 1.5s ease-out infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}*:focus-visible{outline:3px solid #3ec1c9;outline-offset:2px;border-radius:4px}button:focus-visible{outline:3px solid #3ec1c9;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-float,.animate-fade-up,.animate-scale-in,.animate-slide-in,.animate-pulse-glow,.animate-pulse-ring,.floating-particle,.journey-line-glow{animation:none!important}.glass-card:hover,.neon-border:hover{transform:none!important}}@media (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}}.depth-carousel{--dc-perspective: 1400px;position:relative;width:100%;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;perspective:var(--dc-perspective);perspective-origin:50% 50%;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none;cursor:grab}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px;border-radius:12px}.depth-carousel__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.depth-carousel__card{position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:#0b0d12;box-shadow:0 30px 60px -20px #000000a6,0 8px 20px -10px #00000080;will-change:transform,opacity,filter;cursor:pointer;transform:translate(-50%,-50%)}.depth-carousel__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.depth-carousel__tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;mix-blend-mode:multiply}.depth-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3000;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12141a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.depth-carousel__arrow:hover{background:#1c1f28d9;border-color:#fff6}.depth-carousel__arrow:active{transform:translateY(-50%) scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}.depth-carousel__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:3000;display:flex;gap:8px;padding:8px 12px;border-radius:999px;background:#0e101666;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.depth-carousel__dot{width:7px;height:7px;padding:0;border:none;border-radius:999px;background:#ffffff52;cursor:pointer;transition:width .25s ease,background .25s ease}.depth-carousel__dot.is-active{width:20px;background:#fff}@media (prefers-reduced-motion: reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}
