:root{--bg:#0a0a0f;--bg-surface:#12121a;--bg-hover:#1a1a28;--bg-active:#222236;--border:#2a2a3a;--text:#e8e8f0;--text-muted:#6a6a80;--accent:#e8751a;--accent-hover:#f59035;--danger:#ef4444;--radius:8px;--radius-lg:12px;--font:-apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", sans-serif;--transition:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-ms-user-select:none;user-select:none;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:6rem 0}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:max(3rem,min(8vw,5.5rem))}h2{font-size:max(2rem,min(4vw,3rem))}h3{font-size:1.5rem}p{color:var(--text-muted);max-width:680px;font-size:1.125rem}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}.animate-in{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .6s;transform:translateY(30px)}.animate-in.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-in{opacity:1;transform:none}}body:has(#app:not(:empty)) #preload{display:none}.navbar{z-index:1000;background:0 0;padding:1rem 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:rgba(10,10,15,.85)}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand{color:var(--text);transition:color var(--transition);font-size:1.1rem;font-weight:700;text-decoration:none}.navbar-brand:hover{color:var(--accent)}.navbar-links{gap:2rem;display:flex}.navbar-links a{color:var(--text-muted);transition:color var(--transition);font-size:.875rem;text-decoration:none}.navbar-links a:hover{color:var(--text)}.navbar-actions{align-items:center;gap:.75rem;display:flex}.hamburger{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:36px;height:36px;transition:all var(--transition);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;display:none}.hamburger:hover{border-color:var(--accent)}.hamburger-line{background:var(--text);border-radius:1px;width:18px;height:2px;transition:all .3s;display:block}.hamburger.active .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);background:rgba(10,10,15,.95);flex-direction:column;padding:1rem 2rem 1.5rem;display:flex}.mobile-menu a{color:var(--text-muted);border-bottom:1px solid var(--border);transition:color var(--transition);padding:.75rem 0;font-size:1rem;text-decoration:none;display:block}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{color:var(--text)}.lang-selector{z-index:1001;position:relative}.lang-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;font-family:var(--font);transition:all var(--transition);-webkit-backdrop-filter:blur(12px);padding:.5rem 1rem;font-size:.875rem}.lang-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.lang-dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);min-width:160px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4)}.lang-option{width:100%;color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:none;padding:.625rem 1rem;font-size:.875rem;display:block}.lang-option:hover{background:var(--bg-hover)}.lang-option.active{color:var(--accent);background:var(--bg-active)}.hero{text-align:center;contain:layout style paint;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-image:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0);opacity:.15;pointer-events:none;background-size:40px 40px;position:absolute;top:0;bottom:0;left:0;right:0}.hero-canvas{pointer-events:none;z-index:0;background:var(--bg);opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.hero-canvas.visible{opacity:1}.hero-vignette{background:radial-gradient(ellipse at center, transparent 30%, var(--bg) 75%);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.hero-glow{pointer-events:none;background:radial-gradient(rgba(232,117,26,.12) 0%,transparent 70%);width:120%;height:120%;animation:4s ease-in-out infinite glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;animation:1.2s ease-out both heroFadeIn;position:relative}.hero-title{margin-bottom:1.5rem;animation:1s ease-out .2s both heroFadeIn;display:inline-block;position:relative}.hero-title span{background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;padding:0 1.5rem;font-size:max(1.125rem,min(2.5vw,1.5rem));animation:1s ease-out .5s both heroFadeIn}.cta-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-size:1rem;font-weight:600;font-family:var(--font);border:none;padding:.875rem 2rem;text-decoration:none;animation:1s ease-out .8s both heroFadeIn;display:inline-block}.cta-btn:hover{background:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,117,26,.3)}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.about-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);-webkit-backdrop-filter:blur(8px);padding:2rem}.about-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px rgba(232,117,26,.08)}.about-card h3{color:var(--text);margin-bottom:.75rem}.about-card p{font-size:1rem;line-height:1.7}.what-we-do{border-top:1px solid var(--border)}.what-we-do .section-text{margin-top:1.5rem}.what-we-do .section-text p{margin-bottom:1rem}.highlight{color:var(--accent);font-weight:600}.products{border-top:1px solid var(--border)}.product{--sp-gradient-card:linear-gradient(180deg, rgba(18,18,26,.8) 0%, rgba(10,10,15,.95) 100%);--sp-gradient-accent:linear-gradient(135deg, #e8751a 0%, #f59035 100%);--sp-shadow-md:0 4px 20px rgba(0,0,0,.4);--sp-shadow-accent:0 4px 20px rgba(232,117,26,.15);--sp-accent-soft:rgba(232,117,26,.1);--sp-accent-line:rgba(232,117,26,.2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--sp-gradient-card);box-shadow:var(--sp-shadow-md);margin-top:3rem;padding:3rem;position:relative;overflow:hidden}.product-canvas{pointer-events:none;z-index:0;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.product-canvas.visible{opacity:1}.product-vignette{background:radial-gradient(ellipse at center, transparent 25%, var(--bg) 80%);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.product:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.7;height:1px;position:absolute;top:0;left:10%;right:10%}.product>:not(.product-canvas):not(.product-vignette){z-index:2;position:relative}.product-brand{align-items:center;gap:.875rem;display:flex}.product-logo{filter:drop-shadow(0 4px 16px rgba(232,117,26,.25));flex-shrink:0;width:44px;height:44px}.product-brand h3{letter-spacing:-.02em;color:var(--text);font-size:max(1.5rem,min(3vw,2rem));line-height:1.1}.product-tagline{color:var(--text);max-width:62ch;margin-top:1.25rem;font-size:1rem;line-height:1.7}.product-detail{color:var(--text-muted);max-width:72ch;margin-top:.875rem;font-size:.875rem;line-height:1.75}.product-link{color:var(--accent);transition:color var(--transition), border-color var(--transition);border-bottom:1px solid rgba(232,117,26,.35);align-items:center;gap:.35rem;margin-top:1.25rem;padding-bottom:2px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.product-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.product-link svg{width:15px;height:15px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:2.5rem;display:grid}.feature-item{border-radius:var(--radius-lg);background:rgba(10,10,15,.35);border:1px solid rgba(42,42,58,.6);align-items:flex-start;gap:.875rem;padding:1.25rem;display:flex}.feature-icon{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.feature-icon svg{width:20px;height:20px}.feature-text h3{color:var(--text);margin-bottom:.35rem;font-size:.875rem;font-weight:600}.feature-text p{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.product-note{border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);background:linear-gradient(90deg,rgba(232,117,26,.09) 0%,transparent 85%);margin-top:2rem;padding:14px 18px;font-size:.8125rem;line-height:1.7;position:relative}.product-note:before{content:"";background:var(--sp-gradient-accent);border-radius:2px;width:3px;position:absolute;top:0;bottom:0}.product-note:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}.product-note:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}[dir=rtl] .product-note{border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(270deg,rgba(232,117,26,.09) 0%,transparent 85%)}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);text-align:center;padding:3rem 0}.footer-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-brand{color:var(--text);font-size:1.25rem;font-weight:700}.footer-address{color:var(--text-muted);font-size:.875rem;font-style:normal;line-height:1.8}.footer-social{gap:1rem;display:flex}.social-link{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;color:var(--text-muted);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.social-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.social-link svg{width:18px;height:18px}.footer-legal{color:#9a9ab0;font-size:.8rem}.section-header{margin-bottom:1rem}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:inline-block}[dir=rtl] .product{text-align:right}[dir=rtl] .feature-item{flex-direction:row-reverse}[dir=rtl] .about-card{text-align:right}[dir=rtl] .section-text{text-align:right}[dir=rtl] .lang-dropdown{left:0;right:auto}[dir=rtl] .mobile-menu a{text-align:right}@media (max-width:768px){section{padding:4rem 0}.container{padding:0 1.25rem}.hero{min-height:90vh}.hero:before{opacity:.08}.product{border-radius:16px;padding:2rem 1.5rem}.features-grid{gap:1rem;margin-top:2rem}.about-grid{grid-template-columns:1fr}.navbar-brand{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-links{display:none}.hamburger{display:flex}.navbar-inner{padding:0 1.25rem}}@media (max-width:480px){h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.product{padding:1.75rem 1.25rem}}