*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#030712;--bg-card:#0f172a99;--bg-card-hover:#0f172ad9;--cyan:#00f0ff;--cyan-dim:#00f0ff26;--purple:#7c3aed;--purple-dim:#7c3aed33;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#00f0ff1f;--border-hover:#00f0ff59;--glow-cyan:0 0 20px #00f0ff4d;--glow-purple:0 0 30px #7c3aed66;--font-sans:"Noto Sans SC", system-ui, sans-serif;--font-display:"Orbitron", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", monospace;--nav-height:72px}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}::selection{background:var(--cyan-dim);color:var(--cyan)}.particle-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.navbar{z-index:100;height:var(--nav-height);transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#030712d9}.navbar__inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar__logo{align-items:center;gap:10px;display:flex}.navbar__logo-icon{color:var(--cyan);display:flex}.navbar__logo-text{flex-direction:column;line-height:1.2;display:flex}.navbar__logo-name{font-family:var(--font-display);letter-spacing:1px;font-size:16px;font-weight:600}.navbar__logo-sub{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:2px;font-size:9px}.navbar__nav{align-items:center;gap:8px;display:flex}.navbar__link{color:var(--text-secondary);border-radius:6px;padding:8px 16px;font-size:14px;transition:color .2s,background .2s}.navbar__link:hover{color:var(--cyan);background:var(--cyan-dim)}.navbar__cta{color:var(--bg-deep);background:var(--cyan);border-radius:6px;margin-left:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:box-shadow .2s,transform .2s}.navbar__cta:hover{box-shadow:var(--glow-cyan);transform:translateY(-1px)}.navbar__toggle{flex-direction:column;gap:5px;padding:4px;display:none}.navbar__toggle span{background:var(--text-primary);width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.navbar__toggle--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__toggle--open span:nth-child(2){opacity:0}.navbar__toggle--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}main{z-index:1;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section__header{text-align:center;max-width:640px;margin:0 auto 64px}.section__tag{font-family:var(--font-mono);letter-spacing:3px;color:var(--cyan);margin-bottom:16px;font-size:12px;display:inline-block}.section__title{font-family:var(--font-display);letter-spacing:1px;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:600}.section__desc{color:var(--text-secondary);font-size:16px;line-height:1.7}.btn{border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;transition:all .25s;display:inline-flex}.btn--primary{color:var(--bg-deep);background:linear-gradient(135deg, var(--cyan), #00c8d4);box-shadow:0 0 20px #00f0ff40}.btn--primary:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn--outline{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn--outline:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.btn--full{justify-content:center;width:100%}.hero{max-width:1200px;min-height:100vh;padding:calc(var(--nav-height) + 40px) 24px 80px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin:0 auto;display:grid;position:relative}.hero__grid{background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 60%,#000 20%,#0000 70%)}.hero__glow{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.hero__glow--1{background:#00f0ff14;width:500px;height:500px;top:10%;left:-10%}.hero__glow--2{background:#7c3aed1a;width:400px;height:400px;bottom:10%;right:-5%}.hero__content{z-index:2;position:relative}.hero__badge{color:var(--cyan);background:var(--cyan-dim);border:1px solid #00f0ff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:13px;display:inline-flex}.hero__badge-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00f0ff66}50%{opacity:.7;box-shadow:0 0 0 6px #00f0ff00}}.hero__title{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.hero__title-line{font-family:var(--font-display);letter-spacing:2px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.15}.hero__title-gradient{font-family:var(--font-display);letter-spacing:2px;background:linear-gradient(135deg, var(--cyan) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.15}.hero__desc{color:var(--text-secondary);max-width:520px;margin-bottom:36px;font-size:17px;line-height:1.8}.hero__actions{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero__stats{gap:40px;display:flex}.hero__stat{flex-direction:column;display:flex}.hero__stat-value{font-family:var(--font-display);color:var(--cyan);font-size:28px;font-weight:600}.hero__stat-label{color:var(--text-muted);margin-top:4px;font-size:13px}.hero__visual{z-index:2;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.hero__orb{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.hero__orb-ring{border:1px solid;border-radius:50%;position:absolute}.hero__orb-ring--1{border-color:#00f0ff26;animation:20s linear infinite spin;inset:0}.hero__orb-ring--2{border-color:#7c3aed33;animation:15s linear infinite reverse spin;inset:30px}.hero__orb-ring--3{border-color:#00f0ff1a;animation:25s linear infinite spin;inset:60px}@keyframes spin{to{transform:rotate(360deg)}}.hero__orb-core{width:80px;height:80px;box-shadow:var(--glow-cyan);background:#00f0ff0d;border:1px solid #00f0ff33;border-radius:50%;justify-content:center;align-items:center;display:flex}.hero__code{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border-radius:12px;width:100%;max-width:380px;overflow:hidden}.hero__code-header{border-bottom:1px solid var(--border);background:#0000004d;align-items:center;gap:6px;padding:12px 16px;display:flex}.hero__code-header span:first-child{background:#ef4444;border-radius:50%;width:10px;height:10px}.hero__code-header span:nth-child(2){background:#eab308;border-radius:50%;width:10px;height:10px}.hero__code-header span:nth-child(3){background:#22c55e;border-radius:50%;width:10px;height:10px}.hero__code-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:11px}.hero__code-body{font-family:var(--font-mono);color:var(--cyan);text-align:left;white-space:pre;padding:16px;font-size:12px;line-height:1.7;overflow-x:auto}.hero__scroll{color:var(--text-muted);letter-spacing:2px;flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--cyan), transparent);width:1px;height:40px;animation:2s infinite scrollLine}@keyframes scrollLine{0%{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform-origin:bottom;transform:scaleY(0)}}.services{background:linear-gradient(#0000,#00f0ff05,#0000)}.services__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:32px;transition:border-color .3s,transform .3s,background .3s;animation:.6s both fadeUp;position:relative;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.service-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px)}.service-card__icon{color:var(--cyan);margin-bottom:20px}.service-card__title{margin-bottom:12px;font-size:18px;font-weight:600}.service-card__desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.7}.service-card__tags{flex-wrap:wrap;gap:8px;display:flex}.service-card__tag{font-family:var(--font-mono);color:var(--cyan);background:var(--cyan-dim);border-radius:4px;padding:4px 10px;font-size:11px}.service-card__glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#00f0ff0f,#0000 60%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:-50%;right:-50%}.service-card:hover .service-card__glow{opacity:1}.products__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:36px;transition:transform .3s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-4px)}.product-card--cyan:hover{border-color:#00f0ff4d}.product-card--purple:hover{border-color:#7c3aed4d}.product-card__header{margin-bottom:16px}.product-card__category{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;font-size:11px}.product-card--cyan .product-card__category{color:var(--cyan)}.product-card--purple .product-card__category{color:#a78bfa}.product-card__name{font-family:var(--font-display);letter-spacing:.5px;margin-top:8px;font-size:20px;font-weight:600}.product-card__desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.7}.product-card__features{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.product-card__features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.product-card--cyan .product-card__features svg{color:var(--cyan)}.product-card--purple .product-card__features svg{color:#a78bfa}.product-card__link{align-items:center;gap:6px;font-size:14px;font-weight:500;transition:gap .2s;display:inline-flex}.product-card--cyan .product-card__link{color:var(--cyan)}.product-card--purple .product-card__link{color:#a78bfa}.product-card__link:hover{gap:10px}.product-card__border{opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.product-card--cyan .product-card__border{background:linear-gradient(90deg, transparent, var(--cyan), transparent)}.product-card--purple .product-card__border{background:linear-gradient(90deg,#0000,#a78bfa,#0000)}.product-card:hover .product-card__border{opacity:1}.about{background:linear-gradient(#0000,#7c3aed08,#0000)}.about__layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.about__text{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.8}.about__values{grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;display:grid}.about__value{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.about__value h4{color:var(--cyan);margin-bottom:6px;font-size:15px;font-weight:600}.about__value p{color:var(--text-muted);font-size:13px;line-height:1.6}.timeline{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:24px}.timeline__item{gap:20px;display:flex}.timeline__marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.timeline__dot{background:var(--cyan);border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 12px #00f0ff80}.timeline__line{background:linear-gradient(to bottom, var(--cyan), #00f0ff1a);flex:1;width:1px;min-height:40px;margin:8px 0}.timeline__content{padding-bottom:32px}.timeline__item:last-child .timeline__content{padding-bottom:0}.timeline__year{font-family:var(--font-display);color:var(--cyan);font-size:18px;font-weight:600}.timeline__event{color:var(--text-secondary);margin-top:6px;font-size:14px;line-height:1.6}.contact__layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.contact__desc{color:var(--text-secondary);margin-bottom:36px;font-size:15px;line-height:1.8}.contact__details{flex-direction:column;gap:24px;display:flex}.contact__item{align-items:flex-start;gap:16px;display:flex}.contact__item-icon{background:var(--cyan-dim);width:44px;height:44px;color:var(--cyan);border:1px solid #00f0ff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__item-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.contact__item-value{color:var(--text-primary);font-size:15px}.contact__form-wrap{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:36px}.contact__form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px}.form-group input,.form-group textarea{color:var(--text-primary);border:1px solid var(--border);resize:vertical;background:#03071299;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact__success{text-align:center;padding:48px 24px}.contact__success-icon{margin-bottom:20px}.contact__success h3{margin-bottom:8px;font-size:20px}.contact__success p{color:var(--text-secondary);font-size:14px}.footer{z-index:1;border-top:1px solid var(--border);background:#030712e6;padding:64px 0 32px;position:relative}.footer__top{justify-content:space-between;gap:48px;margin-bottom:48px;display:flex}.footer__logo{font-family:var(--font-display);color:var(--cyan);align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.footer__tagline{color:var(--text-muted);font-size:13px}.footer__links{gap:64px;display:flex}.footer__col h4{color:var(--text-primary);letter-spacing:1px;margin-bottom:16px;font-size:13px;font-weight:600}.footer__col a{color:var(--text-muted);padding:4px 0;font-size:13px;transition:color .2s;display:block}.footer__col a:hover{color:var(--cyan)}.footer__bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:32px;font-size:12px;display:flex}.footer__legal{gap:24px;display:flex}.footer__legal a:hover{color:var(--text-secondary)}@media (width<=1024px){.hero{text-align:center;padding-top:calc(var(--nav-height) + 60px);grid-template-columns:1fr}.hero__desc{margin-left:auto;margin-right:auto}.hero__actions,.hero__stats{justify-content:center}.hero__visual{order:-1}.hero__orb{width:200px;height:200px}.services__grid{grid-template-columns:repeat(2,1fr)}.about__layout,.contact__layout{grid-template-columns:1fr;gap:48px}}@media (width<=768px){.navbar__toggle{display:flex}.navbar__nav{top:var(--nav-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;background:#030712f2;flex-direction:column;padding:24px;transition:transform .3s,opacity .3s;position:fixed;left:0;right:0;transform:translateY(-100%)}.navbar__nav--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__cta{text-align:center;width:100%;margin-top:8px;margin-left:0}.services__grid,.products__grid,.about__values,.form-row{grid-template-columns:1fr}.footer__top{flex-direction:column}.footer__links{flex-wrap:wrap;gap:32px}.footer__bottom{text-align:center;flex-direction:column;gap:16px}.hero__scroll{display:none}}