@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Cairo:wght@200..900&display=swap";:root{--white: #FFFFFF;--off-white: #FBFAF9;--bg-paper: #F2EFEC;--gray-light: #F4F4F4;--gray-medium: #E2E2E2;--gray-dark: #6C6C6C;--black: #0F0F0F;--red: #E31B23;--red-deep: #B7151C;--red-glow: rgba(227, 27, 35, .15);--glass: rgba(255, 255, 255, .8);--s-xxs: 4px;--s-xs: 8px;--s-sm: 16px;--s-md: 32px;--s-lg: 64px;--s-xl: 128px;--s-xxl: 160px;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .04);--shadow-intense: 0 20px 60px rgba(0, 0, 0, .08);--shadow-red: 0 8px 30px rgba(227, 27, 35, .15);--radius-xs: 4px;--radius-sm: 12px;--radius-md: 24px;--radius-lg: 40px;--radius-pill: 100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;max-width:100vw;overflow-x:hidden}body{font-family:Outfit,sans-serif;color:var(--black);background-color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;width:100vw;overflow-x:hidden}[lang=ar] body,[lang=ar] *{font-family:Cairo,sans-serif!important}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}button{border:none;background:none;font-family:inherit;cursor:pointer;transition:var(--transition-smooth)}.paper-texture{position:relative;background-color:var(--bg-paper)}.paper-texture:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.025;background-image:url(https://www.transparenttextures.com/patterns/cardboard.png);z-index:1}.paper-texture>*{position:relative;z-index:2}h1,h2,h3,h4,h5{font-weight:800;line-height:1.1;letter-spacing:-.03em}.display-title{font-size:clamp(2.5rem,10vw,6.5rem);text-transform:uppercase;margin-bottom:var(--s-md)}.section-title{font-size:clamp(1.8rem,6vw,3.5rem);margin-bottom:var(--s-md);text-transform:uppercase}.accent-text{color:var(--red)}.container{max-width:1440px;margin:0 auto;padding:0 var(--s-md)}@media (max-width: 600px){.container{padding:0 var(--s-sm)}}.section{padding:clamp(var(--s-lg),10vw,var(--s-xxl)) 0}.asymmetric-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s-md)}@media (max-width: 900px){.asymmetric-grid{display:flex;flex-direction:column;gap:var(--s-lg)}}.btn-premium{display:inline-flex;align-items:center;gap:var(--s-sm);padding:18px 40px;background:var(--black);color:var(--white);border-radius:var(--radius-pill);font-weight:600;font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;overflow:hidden;position:relative;z-index:1}.btn-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--red);transform:translate(-101%);transition:transform .4s cubic-bezier(.23,1,.32,1);z-index:-1}.btn-premium:hover:before{transform:translate(0)}.btn-pill-light{background:var(--white);color:var(--black);border:1px solid var(--gray-medium)}.btn-premium.active{background:var(--red);box-shadow:var(--shadow-red)}.navbar{position:fixed;top:var(--s-md);left:50%;transform:translate(-50%);width:auto;max-width:95%;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);z-index:1000;padding:8px 32px;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:60px;transition:var(--transition-smooth)}.navbar.scrolled{padding:6px 24px;gap:40px;top:var(--s-sm);box-shadow:var(--shadow-intense)}.nav-links{display:flex;gap:var(--s-xs)}.nav-link{padding:10px 18px;font-weight:600;font-size:.88rem;color:var(--black);border-radius:var(--radius-pill);letter-spacing:.01em;white-space:nowrap}.navbar-logo{white-space:nowrap;flex-shrink:0}.nav-link:hover,.nav-link.active{background:var(--red);color:var(--white)}.hero-v2{min-height:100vh;padding-top:100px;display:flex;align-items:center;background:var(--white);overflow:hidden;position:relative;z-index:1}.hero-layout{position:relative;z-index:10;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--s-md);width:100%;max-width:1400px;margin:0 auto}.hero-text-block{z-index:5;position:relative}.hero-subtitle{font-weight:700;font-size:.85rem;color:var(--red);text-transform:uppercase;margin-bottom:24px;letter-spacing:.4em;display:block}.hero-image-single{position:relative;z-index:5;width:100%;display:flex;justify-content:center;align-items:center;animation:floatProduct 6s ease-in-out infinite}@keyframes floatProduct{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.card-floating{background:var(--white);padding:0;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:var(--transition-smooth);border:1px solid transparent}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.card-floating:hover{transform:translateY(-8px);box-shadow:var(--shadow-intense);border-color:var(--gray-medium)}.card-img-wrapper{background:var(--gray-light);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0;margin-bottom:0;height:280px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-img-wrapper img{height:100%;object-fit:contain;transition:var(--transition-smooth)}.card-floating:hover .card-img-wrapper img{transform:scale(1.08)}.icon-box{width:64px;height:64px;background:var(--red);color:var(--white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-md);box-shadow:var(--shadow-red)}.icon-box svg{width:32px;height:32px}.hero-actions{display:flex;gap:20px;flex-wrap:wrap}.hero-mobile-logo{display:none;width:120px;height:auto;margin-bottom:24px}@media (max-width: 1024px){.navbar{min-width:92%}.img-main{width:100%;height:100%;top:0;right:0}.img-sub{display:none}}@media (max-width: 900px){.navbar{display:none}.mobile-nav-visible{display:flex!important}.nav-links{display:none}.hero-layout{grid-template-columns:1fr;text-align:center}.hero-text-block{display:flex;flex-direction:column;align-items:center}.hero-mobile-logo{display:block;margin-left:auto;margin-right:auto}.hero-actions{flex-direction:column;width:100%;align-items:center;gap:16px}.hero-actions .btn-premium{width:100%;max-width:300px;text-align:center}.hero-image-stack{height:40vh;margin-top:var(--s-lg)}}.hero-overlay-text{position:absolute;bottom:-5%;left:0;font-size:clamp(8rem,20vw,18rem);font-weight:900;color:#0000000d;z-index:1;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;animation:slide-text 120s linear infinite;letter-spacing:-.02em}@keyframes slide-text{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-year-badge{position:absolute;left:-80px;top:50%;transform:translateY(-50%) rotate(-90deg);opacity:.15;font-weight:800;letter-spacing:.6em;font-size:.75rem;white-space:nowrap;display:block}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media (max-width: 1200px){.hero-year-badge{display:none}}.products-grid-container{display:flex;flex-wrap:wrap;gap:var(--s-md);width:100%}@media (max-width: 960px){.products-grid-container{gap:16px;padding:0 4px;justify-content:space-between}}.reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal.reveal-up{transform:translateY(50px)}.reveal.reveal-down{transform:translateY(-50px)}.reveal.reveal-left{transform:translate(-50px)}.reveal.reveal-right{transform:translate(50px)}.reveal.reveal-scale{transform:scale(.9)}.reveal.visible{opacity:1;transform:translate(0) scale(1)}@media (max-width: 900px){.reveal{transition:opacity .8s ease-out,transform .8s ease-out}}