:root{--purple-primary:#70e942;--green-accent:#70e942;--font-en-sans:"Inter", sans-serif;--font-en-display:"Space Grotesk", sans-serif;--font-ar:"Tajawal", sans-serif;--header-height:80px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease;--bg-dark:#050505;--card-bg:#0d0c13;--card-border:#70e94226;--purple-glow:#70e94273;--green-glow:#70e9424d;--text-primary:#f5f5f5;--text-muted:#a1a1a6;--nav-bg:#17012cb3;--border-color:#ffffff14}[data-theme=light]{--bg-dark:#f8f8fb;--card-bg:#fff;--card-border:#70e94214;--purple-glow:#70e94226;--green-glow:#70e9421a;--text-primary:#09080d;--text-muted:#575762;--nav-bg:#fffc;--border-color:#0000000f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark)}body{background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}html[dir=ltr]{font-family:var(--font-en-sans)}html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3,html[dir=ltr] h4,html[dir=ltr] h5,html[dir=ltr] h6{font-family:var(--font-en-display)}html[dir=rtl]{font-family:var(--font-ar)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6{font-family:var(--font-ar);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.preloader-overlay{z-index:9999;background:#030303;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.preloader-spinner-wrapper{flex-direction:column;align-items:center;gap:24px;display:flex}.preloader-circle{border:3px solid #70e9421a;border-top-color:var(--green-accent);border-bottom-color:var(--green-accent);border-radius:50%;width:90px;height:90px;animation:1.5s cubic-bezier(.68,-.55,.27,1.55) infinite spin}.preloader-logo-img{justify-content:center;align-items:center;display:flex;position:absolute}.preloader-logo .logo-symbol{color:var(--purple-primary)}.preloader-logo .logo-symbol.green{color:var(--green-accent)}.preloader-text-bar{gap:4px;display:flex}.loading-letter{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:14px;font-weight:600;animation:1.2s ease-in-out infinite alternate pulseLetter}.loading-letter:nth-child(2){animation-delay:.1s}.loading-letter:nth-child(3){animation-delay:.2s}.loading-letter:nth-child(4){animation-delay:.3s}.loading-letter:nth-child(5){animation-delay:.4s}.loading-letter:nth-child(6){animation-delay:.5s}.loading-letter:nth-child(7){animation-delay:.6s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseLetter{to{color:var(--purple-primary);text-shadow:0 0 10px var(--purple-glow)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.main-content-flow{padding-top:var(--header-height);flex:1}.site-header{width:100%;height:var(--header-height);z-index:1000;transition:var(--transition-smooth);border-bottom:1px solid #0000;position:fixed;top:0;left:0}.site-header.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:70px}.header-container{justify-content:space-between;align-items:center;max-width:1300px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo-area{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon-wrapper{border:1px solid var(--purple-primary);background:linear-gradient(135deg,#17012c 0%,#6a47ed33 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}.logo-symbol{color:var(--purple-primary)}.logo-symbol.green{color:var(--green-accent)}.logo-text{letter-spacing:-.5px;font-size:22px;font-weight:800}.logo-text.text-white{color:#fff}.purple-tint{color:var(--purple-primary)}.desktop-nav{gap:32px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-fast);padding:8px 0;font-size:15px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--purple-primary);width:0%;height:2px;transition:var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.header-actions{align-items:center;gap:16px;display:flex}.lang-toggle-btn{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-fast);background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.lang-toggle-btn:hover{border-color:var(--purple-primary);background:#ffffff14}.theme-toggle-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.theme-toggle-btn:hover{border-color:var(--purple-primary);background:#ffffff14;transform:scale(1.05)rotate(15deg)}.mobile-menu-btn{color:var(--text-primary);display:none}.mobile-nav-drawer{top:var(--header-height);width:100vw;height:0;transition:var(--transition-smooth);z-index:999;border-bottom:0px solid var(--border-color);background:#09080d;position:fixed;left:0;overflow:hidden}.mobile-nav-drawer.open{height:calc(100vh - var(--header-height));border-bottom:1px solid var(--border-color)}.mobile-nav-links{flex-direction:column;gap:24px;padding:40px 24px;display:flex}.mobile-nav-link{color:var(--text-muted);text-align:left;font-size:22px;font-weight:600}html[dir=rtl] .mobile-nav-link{text-align:right}.mobile-nav-link.active{color:var(--purple-primary)}.mobile-lang-link{color:var(--text-primary);border-top:1px solid var(--border-color);align-items:center;gap:12px;margin-top:20px;padding-top:20px;font-size:18px;display:flex}.page-layout{opacity:0;min-height:80vh;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.page-layout.fade-in-active{opacity:1;transform:translateY(0)}.page-hero-banner{text-align:center;padding:80px 24px;position:relative;overflow:hidden}.banner-glow-effect{background:radial-gradient(circle, var(--purple-glow) 0%, transparent 70%);z-index:1;pointer-events:none;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.section-badge{color:var(--purple-primary);text-transform:uppercase;background:#6a47ed1f;border:1px solid #6a47ed4d;border-radius:30px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.banner-title{letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:800}.banner-subtitle{color:var(--text-muted);font-size:18px}.hero-section-wrapper{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding:120px 24px;display:flex;position:relative;overflow:hidden}.hero-grid-background{z-index:1;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-orb{filter:blur(100px);z-index:1;opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.hero-orb.shape-1{background:var(--purple-glow);width:450px;height:450px;top:-10%;left:10%}.hero-orb.shape-2{background:var(--green-glow);width:350px;height:350px;bottom:10%;right:15%}.hero-content-container{z-index:2;max-width:900px;position:relative}.hero-badge-item{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;border-radius:30px;align-items:center;gap:8px;margin-bottom:30px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background-color:var(--green-accent);width:8px;height:8px;box-shadow:0 0 10px var(--green-glow);border-radius:50%}.hero-title{letter-spacing:-1.5px;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.15}.purple-gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#6a47ed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.green-gradient-text{background:linear-gradient(135deg,#a7f3d0 0%,#70e942 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc-text{color:var(--text-muted);max-width:700px;margin:0 auto 40px;font-size:19px;line-height:1.6}.hero-ctas{justify-content:center;gap:16px;display:flex}.cta-primary-btn{background:var(--purple-primary);color:#fff;box-shadow:0 4px 20px var(--purple-glow);transition:var(--transition-smooth);border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;display:flex}.cta-primary-btn:hover{box-shadow:0 6px 24px var(--purple-glow);transform:translateY(-3px)}.cta-secondary-btn{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;display:flex}.cta-secondary-btn:hover{border-color:var(--purple-primary);background:#ffffff14}.stats-section-wrapper{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#ffffff03;padding:60px 24px}.stats-container{text-align:center;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1100px;margin:0 auto;display:grid}.stat-card{padding:10px}.stat-number{color:var(--text-primary);font-size:48px;font-weight:800;font-family:var(--font-en-display);margin-bottom:8px}.stat-label{color:var(--text-muted);font-size:15px}.services-teaser-wrapper{max-width:1200px;margin:0 auto;padding:100px 24px}.section-header-centered{text-align:center;max-width:700px;margin:0 auto 60px}.section-main-title{letter-spacing:-.5px;margin-bottom:16px;font-size:38px;font-weight:800}.section-subtitle-desc{color:var(--text-muted);font-size:16px}.services-teaser-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px;display:grid}.service-teaser-card{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition-smooth);border-radius:20px;padding:32px 24px}.service-teaser-card:hover{border-color:var(--purple-primary);transform:translateY(-8px);box-shadow:0 10px 30px #6a47ed26}.service-icon-box{width:54px;height:54px;color:var(--purple-primary);background:#6a47ed1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-size:24px;display:flex}.service-card-title{margin-bottom:12px;font-size:20px;font-weight:700}.service-card-desc{color:var(--text-muted);font-size:14px}.center-btn-wrapper{justify-content:center;display:flex}.works-teaser-wrapper{border-top:1px solid var(--border-color);max-width:1200px;margin:0 auto;padding:100px 24px}.section-header-side{justify-content:justify-between;justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.works-teaser-cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.teaser-card{cursor:pointer;group:hover}.teaser-card-visual{height:250px;transition:var(--transition-smooth), background-position 3s ease-in-out;border:1px solid var(--card-border);background-position:top;background-size:cover;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.teaser-card:hover .teaser-card-visual{background-position:bottom;transform:scale(.98)}.teaser-link-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.teaser-card-title{margin-top:16px;padding:0 4px;font-size:18px;font-weight:700}.portfolio-filter-section{max-width:1200px;margin:0 auto;padding:20px 24px}.filter-wrapper{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.filter-tabs{gap:12px;display:flex}.filter-btn{border:1px solid var(--border-color);transition:var(--transition-fast);background:#ffffff05;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500}.filter-btn:hover,.filter-btn.active{background:var(--purple-primary);border-color:var(--purple-primary);color:#fff}.search-bar-wrapper{width:300px;position:relative}.search-bar-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}html[dir=rtl] .search-bar-icon{left:auto;right:14px}.search-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff08;border-radius:25px;outline:none;padding:12px 16px 12px 42px;font-family:inherit;font-size:14px}html[dir=rtl] .search-input{padding:12px 42px 12px 16px}.search-input:focus{border-color:var(--purple-primary);background:#ffffff0f}.portfolio-grid-section{max-width:1400px;margin:0 auto;padding:60px 24px}.projects-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition-smooth);border-radius:24px;overflow:hidden}.project-card:hover{border-color:var(--purple-primary);transform:translateY(-10px)}.project-card-image{justify-content:center;align-items:flex-end;height:240px;padding-bottom:0;display:flex;position:relative;overflow:hidden}.mockup-frame{background:#111;border:4px solid #222;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;width:80%;height:80%;display:flex}.mockup-header{background:#1a1a1a;align-items:center;gap:4px;height:20px;padding:0 8px;display:flex}.mockup-header .dot{background:#444;border-radius:50%;width:6px;height:6px}.mockup-body{background-color:#0a0a0f;background-position:top;background-size:cover;flex:1;transition:background-position 4s cubic-bezier(.4,0,.2,1)}.project-card:hover .mockup-body{background-position:bottom}.mockup-address{font-family:var(--font-en-sans);color:var(--text-muted);font-size:11px}.project-hover-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;width:100%;height:100%;transition:var(--transition-fast);background:#050505d9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-hover-overlay{opacity:1}.visit-live-btn{background:var(--purple-primary);color:#fff;box-shadow:0 4px 15px var(--purple-glow);border-radius:25px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex}.project-card-info{padding:24px}.project-category-badge{text-transform:uppercase;color:var(--green-accent);margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.project-card-title{margin-bottom:10px;font-size:20px;font-weight:700}.project-card-desc{color:var(--text-muted);text-overflow:ellipsis;height:44px;margin-bottom:16px;font-size:14px;overflow:hidden}.project-card-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff08;border-radius:6px;padding:4px 10px;font-size:12px}.no-projects-found{text-align:center;color:var(--text-muted);padding:80px 0}.about-details-section{max-width:1200px;margin:0 auto;padding:60px 24px}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.about-heading{margin-bottom:20px;font-size:32px;font-weight:700}.about-paragraph{color:var(--text-muted);margin-bottom:20px;font-size:16px}.stats-mini-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}.mini-stat{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;padding:20px}.mini-stat h4{color:var(--purple-primary);font-size:36px;font-weight:800;font-family:var(--font-en-display);margin-bottom:6px}.mini-stat span{color:var(--text-muted);font-size:14px}.about-image-visual{justify-content:center;display:flex}.aesthetic-box{border:2px solid var(--purple-primary);background:linear-gradient(135deg,#17012c66 0%,#6a47ed0d 100%);border-radius:30px;justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.aesthetic-glow{background:var(--purple-glow);filter:blur(30px);opacity:.3;z-index:1;width:100%;height:100%;position:absolute}.aesthetic-inner{z-index:2;text-align:center;position:relative}.aesthetic-brand{font-size:28px;font-weight:800;display:block}.aesthetic-tagline{color:var(--green-accent);text-transform:uppercase;letter-spacing:1px;font-size:13px}.founder-section-wrapper{border-top:1px solid var(--border-color);max-width:1200px;margin:0 auto;padding:100px 24px}.founder-card-container{justify-content:center;margin-top:40px;display:flex}.founder-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:30px;align-items:center;gap:40px;max-width:800px;padding:40px;display:flex}.founder-avatar-placeholder{background:linear-gradient(135deg, var(--purple-primary) 0%, var(--green-accent) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;font-size:36px;font-weight:700;display:flex;box-shadow:0 10px 25px #6a47ed4d}.founder-name{margin-bottom:6px;font-size:24px;font-weight:700}.founder-role{color:var(--green-accent);margin-bottom:16px;font-size:14px;font-weight:600;display:block}.founder-bio{color:var(--text-muted);margin-bottom:20px;font-size:15px}.founder-bullets{flex-direction:column;gap:8px;display:flex}.bullet{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;display:flex}.bullet-icon{color:var(--purple-primary)}.core-values-wrapper{border-top:1px solid var(--border-color);max-width:1200px;margin:0 auto;padding:100px 24px}.values-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.value-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:20px;padding:32px 24px}.value-icon-box{width:50px;height:50px;color:var(--purple-primary);background:#6a47ed1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:20px;display:inline-flex}.value-title{margin-bottom:12px;font-size:18px;font-weight:700}.value-desc{color:var(--text-muted);font-size:14px}.services-breakdown-wrapper{max-width:1100px;margin:0 auto;padding:60px 24px}.services-list-container{flex-direction:column;gap:40px;display:flex}.service-breakdown-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:40px;display:grid}.service-card-meta{flex-direction:column;gap:16px;display:flex}.service-icon-wrapper-large{width:60px;height:60px;color:var(--green-accent);background:#70e9421a;border-radius:16px;justify-content:center;align-items:center;font-size:28px;display:flex}.service-breakdown-title{font-size:28px;font-weight:700}.service-breakdown-desc{color:var(--text-muted);font-size:15px}.service-card-deliverables{border-left:3px solid var(--purple-primary);background:#ffffff03;border-radius:0 16px 16px 0;padding:24px}html[dir=rtl] .service-card-deliverables{border-left:none;border-right:3px solid var(--purple-primary);border-radius:16px 0 0 16px}.deliverables-heading{margin-bottom:16px;font-size:16px;font-weight:700}.deliverables-list{flex-direction:column;gap:12px;list-style:none;display:flex}.deliverables-list li{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:14px;display:flex}.check-icon-green{color:var(--green-accent);flex-shrink:0;margin-top:3px}.contact-form-section{max-width:1200px;margin:0 auto;padding:60px 24px}.contact-main-grid{grid-template-columns:.8fr 1.2fr;gap:40px;display:grid}.contact-info-card{border:1px solid var(--card-border);background:linear-gradient(135deg,#17012c80 0%,#6a47ed1a 100%);border-radius:24px;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.info-card-title{margin-bottom:30px;font-size:24px;font-weight:700}.info-list-wrapper{flex-direction:column;gap:24px;display:flex}.info-item{align-items:center;gap:16px;display:flex}.info-icon-wrapper{width:48px;height:48px;color:var(--purple-primary);background:#6a47ed1a;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.info-text span{color:var(--text-muted);font-size:12px;display:block}.info-text p,.info-text a{font-size:15px;font-weight:600}.info-text a:hover{color:var(--purple-primary)}.info-map-overlay{border:1px dashed var(--border-color);text-align:center;background:#ffffff05;border-radius:16px;margin-top:40px;padding:30px;position:relative}.map-glow{background:var(--purple-glow);filter:blur(20px);z-index:1;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-badge{z-index:2;color:var(--green-accent);font-size:13px;font-weight:700;position:relative}.contact-form-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:40px}.project-contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group label{font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff08;border-radius:12px;outline:none;padding:14px 18px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--purple-primary);background:#ffffff0f}.submit-form-btn{background:var(--purple-primary);color:#fff;box-shadow:0 4px 15px var(--purple-glow);transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;display:flex}.submit-form-btn:disabled{opacity:.6;cursor:not-allowed}.submit-form-btn:hover:not(:disabled){box-shadow:0 6px 18px var(--purple-glow);transform:translateY(-2px)}.form-success-banner{border:1px solid var(--green-accent);color:var(--green-accent);background:#70e9421a;border-radius:10px;padding:14px;font-size:14px;font-weight:500}.whatsapp-float-btn{color:#fff;z-index:1000;width:60px;height:60px;transition:var(--transition-smooth);background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:30px;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 6px 20px #25d36666}html[dir=rtl] .whatsapp-float-btn{left:30px;right:auto}.whatsapp-float-btn:hover{transform:scale(1.08)translateY(-3px);box-shadow:0 8px 24px #25d36680}.whatsapp-tooltip{color:#fff;opacity:0;pointer-events:none;transition:var(--transition-fast);white-space:nowrap;background:#000;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;right:70px}html[dir=rtl] .whatsapp-tooltip{left:70px;right:auto}.whatsapp-float-btn:hover .whatsapp-tooltip{opacity:1}.site-footer{border-top:1px solid var(--border-color);background:#09080d;padding:80px 24px 40px;position:relative;overflow:hidden}.footer-top-shapes{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.footer-shape-glow{background:var(--purple-glow);filter:blur(80px);opacity:.3;width:300px;height:300px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.footer-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand-section{flex-direction:column;gap:20px;display:flex}.footer-brand-desc{color:var(--text-muted);font-size:14px}.footer-socials{gap:12px;display:flex}.social-icon-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-muted);transition:var(--transition-fast);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{background:var(--purple-primary);border-color:var(--purple-primary);color:#fff}.footer-sec-title{text-transform:uppercase;margin-bottom:24px;font-size:16px;font-weight:700}.footer-links-list,.footer-contact-list{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links-list button{color:var(--text-muted);text-align:left;transition:var(--transition-fast);font-size:14px}html[dir=rtl] .footer-links-list button{text-align:right}.footer-links-list button:hover{color:var(--purple-primary)}.footer-contact-list li{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.contact-icon-inline,.footer-contact-list a:hover{color:var(--purple-primary)}.footer-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:40px;display:flex}.footer-copy{color:var(--text-muted);font-size:13px}.back-to-top-btn{border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;display:flex}.back-to-top-btn:hover{background:var(--purple-primary);border-color:var(--purple-primary);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}@media (width<=1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.services-teaser-grid,.works-teaser-cards,.projects-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.service-breakdown-card,.contact-main-grid{grid-template-columns:1fr}}@media (width<=768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.hero-title{font-size:42px}.banner-title{font-size:36px}.stats-container{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.founder-card{text-align:center;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:40px}.form-group-row{grid-template-columns:1fr}.filter-wrapper{flex-direction:column;align-items:flex-start}.search-bar-wrapper{width:100%}}@media (width<=480px){.services-teaser-grid,.works-teaser-cards,.projects-grid,.values-grid,.stats-container{grid-template-columns:1fr}}.services-hub-section{max-width:1300px;margin:0 auto;padding:60px 24px 100px}.services-hub-layout{grid-template-columns:340px 1fr;align-items:start;gap:40px;display:grid}.services-nav-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:24px;position:sticky;top:100px;box-shadow:0 10px 30px #00000026}.panel-header{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.panel-dot{border-radius:50%;width:8px;height:8px}.panel-dot.red{background:#ff5f56}.panel-dot.yellow{background:#ffbd2e}.panel-dot.green{background:#27c93f}.panel-title{font-size:12px;font-family:var(--font-en-sans);color:var(--text-muted);margin-left:8px;font-weight:600}html[dir=rtl] .panel-title{margin-left:0;margin-right:8px}.services-selectors-list{flex-direction:column;gap:12px;display:flex}.service-selector-card{transition:var(--transition-smooth);background:#ffffff03;border:1px solid #0000;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.service-selector-card:hover{background:#ffffff08;transform:translateY(-2px)}.service-selector-card.active{background:#70e94214;border-color:#70e9424d;box-shadow:0 4px 20px #70e9420d}.selector-icon{width:44px;height:44px;color:var(--text-muted);transition:var(--transition-fast);background:#ffffff08;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.service-selector-card.active .selector-icon{background:var(--green-accent);color:#000;box-shadow:0 0 15px var(--green-glow)}.selector-meta{text-align:left}html[dir=rtl] .selector-meta{text-align:right}.selector-tag{text-transform:uppercase;color:var(--green-accent);letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.selector-title{color:var(--text-primary);font-size:16px;font-weight:700}.services-sandbox-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:28px;padding:40px;position:relative;overflow:hidden;box-shadow:0 15px 45px #0003}.sandbox-glow-bg{background:var(--green-glow);filter:blur(140px);opacity:.15;pointer-events:none;z-index:1;width:400px;height:400px;position:absolute;top:-10%;right:-10%}.sandbox-panel-header{z-index:2;align-items:center;gap:16px;margin-bottom:16px;display:flex;position:relative}.sandbox-panel-header .header-icon{color:var(--green-accent);font-size:28px}.sandbox-panel-header .header-title{font-size:28px;font-weight:800}.sandbox-description{z-index:2;color:var(--text-muted);margin-bottom:40px;font-size:16px;line-height:1.6;position:relative}.sandbox-workspace-grid{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid;position:relative}.sandbox-deliverables-box{border:1px solid var(--border-color);background:#ffffff03;border-radius:20px;flex-direction:column;justify-content:center;height:100%;padding:32px;display:flex}.box-section-title{color:var(--text-primary);border-bottom:1px solid #ffffff0a;margin-bottom:24px;padding-bottom:12px;font-size:16px;font-weight:700}.sandbox-deliverables-list{flex-direction:column;gap:16px;list-style:none;display:flex}.deliverable-item-anim{align-items:flex-start;gap:14px;font-size:15px;line-height:1.5;animation:.5s forwards fadeInUp;display:flex}.check-bullet{width:22px;height:22px;color:var(--green-accent);background:#70e94226;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;display:flex}.sandbox-interactive-display{justify-content:center;align-items:center;min-height:380px;display:flex}.console-visual{background:#09080e;border:1px solid #ffffff12;border-radius:20px;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000059}.web-console{flex-direction:column;display:flex}.console-tab-header{background:#050407;border-bottom:1px solid #ffffff0d;display:flex}.console-tab-btn{font-size:12px;font-family:var(--font-en-sans);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border-right:1px solid #ffffff0a;padding:12px 20px}.console-tab-btn.active{color:var(--green-accent);background:#09080e;font-weight:600}.console-editor-body{background:#09080e;min-height:200px;padding:20px}.code-text-area{color:#a1a1a6;white-space:pre-wrap;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6}.hl-k{color:#f472b6}.hl-s{color:#34d399}.hl-f{color:#60a5fa}.hl-t{color:#f87171}.hl-a{color:#fbbf24}.console-action-footer{background:#050407;border-top:1px solid #ffffff0d;justify-content:flex-end;padding:16px 20px;display:flex}.console-run-btn{background:var(--green-accent);color:#000;transition:var(--transition-fast);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.console-run-btn:hover:not(:disabled){box-shadow:0 0 15px var(--green-glow);transform:scale(1.03)}.console-run-btn:disabled{opacity:.6}.console-output-box{background:#020204;border-top:1px solid #ffffff14;max-height:120px;padding:16px;overflow-y:auto}.console-logs{color:#a3e635;font-family:monospace;font-size:11px;line-height:1.5}.phone-console{box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:20px;display:flex}.device-controls{gap:12px;display:flex}.device-control-btn{border:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;background:#ffffff08;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.device-control-btn:hover{background:#ffffff14}.device-control-btn.active-lime{background:var(--green-accent);border-color:var(--green-accent);color:#000;font-weight:700}.phone-simulator-frame{background:#0a0a0f;border:8px solid #1f1f23;border-radius:36px;width:200px;height:380px;transition:background-color .3s;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.phone-simulator-frame.light{color:#0f172a;background:#f8fafc}.phone-earpiece{z-index:10;background:#1f1f23;border-radius:0 0 12px 12px;width:60px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen-area{flex-direction:column;justify-content:space-between;height:100%;padding:24px 14px 14px;display:flex}.phone-status-bar{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:9px;font-weight:700;display:flex}.phone-simulator-frame.light .phone-status-bar{color:#64748b}.signals{align-items:center;gap:4px;display:flex}.signal-dot{background:#444;border-radius:50%;width:4px;height:4px}.signal-dot.filled{background:var(--green-accent)}.battery{border:1px solid;border-radius:2px;width:12px;height:6px;position:relative}.native-notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#09080ef2;border:1px solid #ffffff14;border-radius:12px;padding:10px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:-80px;left:10px;right:10px;box-shadow:0 10px 25px #0006}.native-notification.show{transform:translateY(110px)}.notif-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.notif-logo{background:var(--green-accent);color:#000;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:800;display:flex}.notif-title{color:#fff;font-size:9px;font-weight:700}.notif-body{color:var(--text-muted);font-size:10px}.phone-app-navbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.app-logo{color:var(--green-accent);font-size:10px;font-weight:800}.phone-simulator-frame.light .app-logo{color:#10b981}.app-icon{color:var(--text-muted);font-size:12px}.phone-screen-content{flex-direction:column;flex:1;justify-content:center;display:flex}.stats-tab-content{flex-direction:column;gap:10px;display:flex}.tab-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.progress-bar-stat{flex-direction:column;gap:4px;display:flex}.bar-label{justify-content:space-between;font-size:9px;font-weight:600;display:flex}.bar-track{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.phone-simulator-frame.light .bar-track{background:#e2e8f0}.bar-fill{background:#fff3;border-radius:3px;height:100%}.bar-fill.active{background:var(--green-accent);box-shadow:0 0 10px var(--green-glow)}.profile-tab-content{text-align:center;flex-direction:column;align-items:center;display:flex}.mock-avatar{background:linear-gradient(135deg, var(--green-accent) 0%, #10b981 100%);border-radius:50%;width:48px;height:48px;margin-bottom:8px}.profile-name{margin-bottom:2px;font-size:12px;font-weight:700}.profile-job{color:var(--text-muted);margin-bottom:10px;font-size:9px}.badge-row-mock{gap:6px;display:flex}.mock-badge{border:1px solid var(--border-color);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:8px}.phone-app-bottom-nav{border-top:1px solid #ffffff0d;justify-content:space-around;padding-top:10px;display:flex}.phone-simulator-frame.light .phone-app-bottom-nav{border-top-color:#e2e8f0}.bottom-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;font-size:14px}.bottom-tab-btn.active{color:var(--green-accent)}.figma-console{flex-direction:column;display:flex}.figma-toolbar-ribbon{background:#09080e;border-bottom:1px solid #ffffff0d;gap:12px;padding:8px 12px;display:flex}.toolbar-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600}.toolbar-btn.active{color:var(--green-accent);background:#70e94226}.figma-canvas-area{flex:1;justify-content:center;align-items:center;min-height:280px;padding:40px;transition:background-color .4s;display:flex;position:relative}.canvas-grid-pattern{pointer-events:none;background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:16px 16px;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-palette-picker,.canvas-accent-picker{z-index:10;background:#000c;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute}.canvas-palette-picker{top:12px;left:12px}.canvas-accent-picker{bottom:12px;right:12px}.color-dot,.accent-dot{cursor:pointer;border:1px solid #fff3;border-radius:50%;width:14px;height:14px}.bg-dark-purple{background:#0f0f16}.bg-dark-gray{background:#1a1a24}.bg-dark-green{background:#0a2512}.bg-lime{background:#70e942}.bg-cyan{background:#38bdf8}.bg-pink{background:#ec4899}.picker-text{color:#fff;font-size:9px;font-weight:700}.figma-card-element{border:1.5px solid var(--green-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:16px;width:100%;max-width:220px;padding:20px;transition:all .3s}.element-badge{text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:2px 8px;font-size:8px;font-weight:700;display:inline-block}.element-title{color:#fff;margin-bottom:10px;font-size:14px;font-weight:700}.element-desc-line{background:#ffffff14;border-radius:2px;width:100%;height:4px;margin-bottom:6px}.element-desc-line.short{width:60%;margin-bottom:16px}.element-action-btn{color:#000;cursor:pointer;border-radius:8px;width:100%;padding:8px;font-size:11px;font-weight:700}.marketing-console{flex-direction:column;gap:20px;padding:24px;display:flex}.marketing-slider-group{flex-direction:column;gap:8px;display:flex}.slider-label-row{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.budget-value{color:var(--green-accent);font-weight:800;font-family:var(--font-en-display)}.marketing-budget-slider{-webkit-appearance:none;background:#ffffff12;border-radius:3px;outline:none;width:100%;height:6px}.marketing-budget-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green-accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--green-glow);border-radius:50%}.simulated-results-dashboard{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sim-metric-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:12px}.metric-title{color:var(--text-muted);text-transform:uppercase;font-size:9px;display:block}.metric-number{font-size:18px;font-weight:800;font-family:var(--font-en-display);margin-top:4px}.marketing-simulation-chart{background:#0003;border:1px solid #ffffff0a;border-radius:12px;padding:16px}.chart-line-indicator{color:var(--text-muted);margin-bottom:12px;font-size:10px;font-weight:700}.chart-bar-container{justify-content:space-between;align-items:flex-end;gap:12px;height:80px;display:flex}.chart-bar-growth{background:#ffffff0d;border-radius:4px 4px 0 0;flex:1;transition:height .4s cubic-bezier(.175,.885,.32,1.275)}.chart-bar-growth.active{background:var(--green-accent);box-shadow:0 0 15px var(--green-glow)}.seo-console{padding:24px}.seo-testbed-form{gap:10px;margin-bottom:20px;display:flex}.seo-domain-input{border:1px solid var(--border-color);color:#fff;transition:var(--transition-fast);background:#ffffff08;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:13px}.seo-domain-input:focus{border-color:var(--green-accent)}.seo-analyze-btn{background:var(--green-accent);color:#000;cursor:pointer;transition:var(--transition-fast);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700}.seo-analyze-btn:hover{box-shadow:0 0 12px var(--green-glow)}.seo-terminal-loader{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.spinner-icon{color:var(--green-accent);font-size:24px;animation:1.5s linear infinite spin}.seo-terminal-loader p{color:var(--text-muted);font-size:12px}.seo-report-card{background:#ffffff03;border:1px solid #ffffff0d;border-radius:16px;padding:20px;animation:.5s forwards fadeInUp}.report-main-row{align-items:center;gap:24px;margin-bottom:16px;display:flex}.score-circle-meter{border:4px solid #ffffff0d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.score-number{font-size:24px;font-weight:800;font-family:var(--font-en-display)}.score-label{color:var(--text-muted);font-size:10px}.report-details-list{flex-direction:column;flex:1;gap:8px;display:flex}.report-detail-item{justify-content:space-between;font-size:12px;display:flex}.report-detail-item span{color:var(--text-muted)}.text-lime{color:var(--green-accent)}.text-red{color:#f87171}.report-verdict-note{border-top:1px solid #ffffff0d;padding-top:12px}.report-verdict-note span{text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.report-verdict-note p{color:var(--text-primary);margin-top:4px;font-size:12px;line-height:1.5}.seo-terminal-placeholder{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.placeholder-icon{margin-bottom:12px;font-size:32px}.seo-terminal-placeholder p{font-size:12px}@media (width<=991px){.services-hub-layout{grid-template-columns:1fr}.services-nav-panel{position:relative;top:0}}@media (width<=768px){.sandbox-workspace-grid{grid-template-columns:1fr;gap:30px}.services-sandbox-panel{padding:24px}}