@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#e2e2ee;-webkit-font-smoothing:antialiased;background:#09090f;font-family:DM Sans,Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100svh}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font:inherit;background:0 0;border:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#09090f}::-webkit-scrollbar-thumb{background:#252535;border-radius:3px}:root{--bg:#09090f;--bg-card:#111118;--bg-alt:#0e0e16;--bg-dark:#060609;--text:#e2e2ee;--text-muted:#7878a0;--text-faint:#e2e2ee4d;--line:#ffffff12;--accent:#4f8ef7;--accent-dim:#4f8ef726;--green:#10b981;--yellow:#f59e0b;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", monospace;--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:1.4rem;--fs-xl:2rem;--fs-2xl:clamp(2.2rem, 4vw, 3.2rem);--fs-hero:clamp(2.6rem, 6vw, 4.4rem);--fw-light:300;--fw-reg:400;--fw-med:500;--fw-semi:600;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:5rem;--space-2xl:8rem;--container:1060px;--nav-h:64px;--radius:10px;--radius-lg:16px;--ease:cubic-bezier(.25, .46, .45, .94)}.container{max-width:var(--container);padding:0 var(--space-md);margin:0 auto}.section{padding:var(--space-2xl) 0}.section--alt{background:var(--bg-alt)}.section--dark{background:var(--bg-dark)}.section-label{font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.section-label--light{color:#4f8ef7b3}.section-header{margin-bottom:var(--space-xl)}.section-title{font-size:var(--fs-2xl);font-weight:var(--fw-light);letter-spacing:-.03em;color:var(--text);line-height:1.15}.section-title em{background:linear-gradient(135deg,#4f8ef7,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.section-sub{font-size:var(--fs-base);color:var(--text-muted);margin-top:.75rem}.btn{font-size:var(--fs-sm);font-weight:var(--fw-med);transition:all .2s var(--ease);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:11px 22px;display:inline-flex}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 0 #4f8ef700}.btn--primary:hover{background:#6aa3ff;transform:translateY(-1px);box-shadow:0 0 24px #4f8ef766}.btn--ghost{border:1px solid var(--line);color:var(--text-muted)}.btn--ghost:hover{color:var(--text);border-color:#fff3}.btn--white{color:#09090f;font-weight:var(--fw-semi);background:#fff}.btn--white:hover{background:#e8e8f0}.btn--sm{font-size:var(--fs-xs);padding:8px 16px}.btn--lg{font-size:var(--fs-base);padding:14px 28px}.btn--xs{font-size:var(--fs-xs);padding:6px 12px}.btn--full{justify-content:center;width:100%}.btn-row{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.navbar{z-index:100;height:var(--nav-h);transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090fd9}.nav-inner{align-items:center;gap:var(--space-md);height:100%;display:flex}.nav-brand{font-size:var(--fs-sm);font-weight:var(--fw-med);color:var(--text);flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-brand em{color:var(--text-muted);font-style:normal}.nav-logo{background:linear-gradient(135deg, var(--accent), #7c3aed);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.nav-logo span{font-size:12px;font-weight:var(--fw-semi);color:#fff;letter-spacing:.05em}.nav-logo--sm{border-radius:6px;width:28px;height:28px}.nav-logo--sm span{font-size:10px}.nav-links{gap:4px;margin:0 auto;display:flex}.nav-links a{font-size:var(--fs-sm);color:var(--text-muted);border-radius:6px;padding:6px 12px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0d}.hamburger{flex-direction:column;gap:5px;margin-left:auto;padding:6px;display:none}.hamburger span{background:var(--text-muted);border-radius:2px;width:22px;height:2px;transition:all .25s;display:block}.hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{min-height:100svh;padding-top:var(--nav-h);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.18;border-radius:50%;position:absolute}.blob--1{background:radial-gradient(circle,#4f8ef7,#0000 70%);width:600px;height:600px;top:-100px;right:-100px}.blob--2{background:radial-gradient(circle,#7c3aed,#0000 70%);width:500px;height:500px;bottom:-80px;left:-80px}.blob--3{opacity:.08;background:radial-gradient(circle,#10b981,#0000 70%);width:300px;height:300px;top:40%;left:40%}.hero__grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(80% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70%,#000 30%,#0000 100%)}.hero__content{gap:var(--space-xl);padding-top:var(--space-xl);padding-bottom:var(--space-xl);z-index:2;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero__text{max-width:540px}.label--hero{font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-md);background:#4f8ef712;border:1px solid #4f8ef74d;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.label__dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero__title{font-size:var(--fs-hero);font-weight:var(--fw-light);letter-spacing:-.04em;color:var(--text);margin-bottom:var(--space-md);line-height:1.1}.hero__title em{background:linear-gradient(135deg,#4f8ef7 0%,#a78bfa 50%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__sub{font-size:var(--fs-md);font-weight:var(--fw-light);color:var(--text-muted);margin-bottom:var(--space-lg);max-width:480px;line-height:1.65}.hero__stats{gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--line);display:flex}.stat__num{font-size:1.8rem;font-weight:var(--fw-semi);letter-spacing:-.04em;color:var(--text);margin-bottom:4px;line-height:1;display:block}.stat__label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.hero__card-wrap{perspective:1000px}.tech-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 32px 64px #0009,0 0 80px #4f8ef70f}.tech-card__header{border-bottom:1px solid var(--line);background:#ffffff08;align-items:center;gap:8px;padding:14px 18px;display:flex}.tc-dot{border-radius:50%;width:10px;height:10px}.tc-dot--red{background:#ff5f57}.tc-dot--yellow{background:#febc2e}.tc-dot--green{background:#28c840}.tc-title{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);margin-left:4px}.tech-card__body{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);padding:24px 28px;line-height:2}.tech-card__body p{align-items:center;gap:10px;display:flex}.tc-green{color:var(--green)}.tc-yellow{color:var(--yellow)}.tc-badge{color:var(--green);letter-spacing:.08em;background:#10b98126;border-radius:4px;padding:2px 8px;font-size:10px}.tc-mono{font-size:var(--fs-xs);color:var(--accent);background:var(--accent-dim);border-radius:4px;padding:2px 8px}.tc-cursor{color:var(--text-muted);margin-top:4px}.blink{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scroll-indicator{z-index:2;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:48px;margin:0 auto;animation:2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.services-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.service-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);cursor:default;transition:border-color .3s;position:relative;overflow:hidden}.service-card:hover{border-color:#ffffff1f}.service-card__accent{height:2px;position:absolute;top:0;left:0;right:0}.service-card__num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.1em;margin-bottom:var(--space-sm);display:block}.service-card__icon{margin-bottom:var(--space-sm);font-size:2rem}.service-card__title{font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text);margin-bottom:.5rem}.service-card__desc{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-md);line-height:1.65}.service-card__cta{font-size:var(--fs-xs);color:var(--accent);font-weight:var(--fw-med);align-items:center;gap:4px;transition:gap .2s;display:inline-flex}.service-card__cta:hover{gap:8px}.products-search{margin-bottom:var(--space-md);position:relative}.search-icon{pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--bg-card);border:1px solid var(--line);width:100%;font-size:var(--fs-base);color:var(--text);font-family:var(--font-sans);border-radius:10px;outline:none;padding:12px 16px 12px 42px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:#4f8ef780;box-shadow:0 0 0 3px #4f8ef71a}.products-filters{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.filter-btn{font-size:var(--fs-xs);font-weight:var(--fw-med);letter-spacing:.04em;border:1px solid var(--line);color:var(--text-muted);background:0 0;border-radius:8px;padding:7px 14px;transition:all .2s}.filter-btn:hover{color:var(--text);border-color:#ffffff26}.filter-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.products-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.product-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;transition:border-color .25s,box-shadow .25s;display:flex}.product-card:hover{border-color:#4f8ef74d;box-shadow:0 8px 32px #0000004d}.product-card__emoji{font-size:2.4rem;line-height:1}.product-card__body{flex:1}.product-card__cat{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:var(--fw-med);margin-bottom:4px}.product-card__name{font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text);margin-bottom:4px;line-height:1.3}.product-card__specs{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5}.product-card__footer{padding-top:var(--space-sm);border-top:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.product-card__price{font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--text);letter-spacing:-.02em;display:block}.product-card__stock{color:var(--green);margin-top:2px;font-size:10px;display:block}.product-card__stock--out{color:var(--text-muted)}.products-empty{text-align:center;padding:var(--space-xl);color:var(--text-muted);font-size:var(--fs-md)}.products-cta{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line)}.link-arrow{font-size:var(--fs-sm);color:var(--accent);font-weight:var(--fw-med);transition:letter-spacing .2s}.link-arrow:hover{letter-spacing:.02em}.support-inner{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.support-title{font-size:var(--fs-2xl);font-weight:var(--fw-light);letter-spacing:-.03em;color:var(--text);margin-bottom:var(--space-sm);line-height:1.2}.support-title em{background:linear-gradient(135deg,#10b981,#4f8ef7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.support-desc{font-size:var(--fs-base);color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.7}.support-list{flex-direction:column;gap:10px;display:flex}.support-list li{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:10px;display:flex}.check-icon{color:var(--green);font-weight:var(--fw-semi);flex-shrink:0;font-size:14px}.support-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-sm);flex-direction:column;gap:4px;display:flex;overflow:hidden}.support-row{align-items:center;gap:var(--space-sm);cursor:pointer;border-radius:10px;padding:14px 16px;text-decoration:none;transition:background .2s;display:flex}.support-row:hover{background:#ffffff0a}.support-row__dot{background:#ffffff26;border-radius:50%;flex-shrink:0;width:10px;height:10px}.support-row__dot--active{background:var(--green);box-shadow:0 0 8px #10b98199}.support-row__info{flex:1}.support-row__title{font-size:var(--fs-sm);font-weight:var(--fw-med);color:var(--text);margin-bottom:2px}.support-row__sub{font-size:var(--fs-xs);color:var(--text-muted)}.badge{color:var(--text-muted);font-size:10px;font-weight:var(--fw-med);letter-spacing:.04em;white-space:nowrap;background:#ffffff12;border-radius:5px;padding:3px 9px}.badge--active{color:var(--green);background:#10b98126}.contact-inner{gap:var(--space-2xl);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.contact-title{font-size:var(--fs-2xl);font-weight:var(--fw-light);letter-spacing:-.03em;color:var(--text);margin-bottom:var(--space-sm);line-height:1.15}.contact-desc{font-size:var(--fs-base);color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.7}.contact-wa-btn{color:var(--green);font-size:var(--fs-base);font-weight:var(--fw-med);margin-bottom:var(--space-sm);background:#10b9811f;border:1px solid #10b98140;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;transition:all .2s;display:inline-flex}.contact-wa-btn:hover{background:#10b98133;box-shadow:0 0 24px #10b98133}.contact-hours{font-size:var(--fs-xs);color:var(--text-muted);margin-left:4px}.contact-form{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--fs-xs);font-weight:var(--fw-med);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-alt);border:1px solid var(--line);font-size:var(--fs-base);color:var(--text);font-family:var(--font-sans);resize:vertical;border-radius:8px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.form-group select{appearance:none;cursor:pointer}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f8ef780;box-shadow:0 0 0 3px #4f8ef71a}.form-group select option{background:#111118}.footer{padding:var(--space-lg) 0;border-top:1px solid var(--line);background:var(--bg-dark)}.footer-inner{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-brand{font-size:var(--fs-sm);font-weight:var(--fw-med);color:var(--text);align-items:center;gap:10px;display:flex}.footer-brand em{color:var(--text-muted);font-style:normal}.footer-nav{gap:var(--space-md);margin-left:auto;display:flex}.footer-nav a{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.04em;transition:color .2s}.footer-nav a:hover{color:var(--text)}.footer-wa{font-size:var(--fs-xs);color:var(--green);font-weight:var(--fw-med);align-items:center;gap:6px;transition:opacity .2s;display:flex}.footer-wa:hover{opacity:.8}.footer-copy{width:100%;font-size:var(--fs-xs);color:var(--text-faint);text-align:center;padding-top:var(--space-sm);border-top:1px solid var(--line);margin-top:var(--space-sm)}.wa-fab{z-index:200;color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-med);background:#25d366;border-radius:100px;align-items:center;gap:10px;padding:14px 18px 14px 16px;transition:box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 32px #25d36659}.wa-fab:hover{box-shadow:0 12px 40px #25d36680}.wa-fab__label{font-size:var(--fs-sm)}.wa-fab--pulse:before{content:"";border:2px solid #25d366;border-radius:100px;animation:2s ease-out infinite wa-pulse;position:absolute;inset:-4px}@keyframes wa-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.hero__content{gap:var(--space-xl);grid-template-columns:1fr}.hero__card-wrap{display:none}.support-inner,.contact-inner{gap:var(--space-xl);grid-template-columns:1fr}}@media (width<=768px){:root{--space-2xl:5rem}.services-grid{grid-template-columns:1fr}.nav-links{top:var(--nav-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-sm);background:#09090ff7;flex-direction:column;gap:4px;display:none;position:absolute;left:0;right:0}.nav-links--open{display:flex}.nav-links a{border-radius:8px;padding:12px 16px}.hamburger{display:flex}.navbar>.nav-inner>.btn{display:none}.hero__stats{gap:var(--space-md);flex-wrap:wrap}.products-filters{gap:6px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-nav{margin-left:0}.wa-fab__label{display:none}.wa-fab{border-radius:50%;padding:16px}}@media (width<=480px){.products-grid{grid-template-columns:1fr}.btn-row{flex-direction:column}.btn-row .btn{justify-content:center;width:100%}}