.mobile-overlay{display:none}@media (max-width:768px){.mobile-overlay{display:block}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#03050c;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,input,textarea,select{font-family:inherit}.site{width:100%;min-height:100vh;background:radial-gradient(circle at 75% 25%,rgba(124,87,255,.14),transparent 34%),#03050c}.hero{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#03050c}.hero-image{width:100%;height:100vh;object-fit:cover;object-position:center;display:block;transition:transform .25s ease-out;filter:saturate(1.06) contrast(1.04)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 65% 55%,rgba(139,92,246,.08),transparent 30%),linear-gradient(to bottom,transparent 76%,#03050c 100%)}.top-clicks{position:absolute;z-index:20;top:42px;left:31.5%;display:flex;gap:38px}.top-clicks a{color:transparent;width:70px;height:35px}.hero-btn{position:absolute;z-index:20;color:transparent;text-decoration:none}.catalogo-btn{left:9.3%;top:67.2%;width:190px;height:62px}.sobre-btn{left:20.5%;top:67.2%;width:180px;height:62px}.contato-btn{right:4.6%;top:3.8%;width:174px;height:58px}.chat-btn{position:absolute;right:3.7%;bottom:8%;z-index:30;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:transparent}.section{padding:110px 7%;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.13),transparent 30%),#03050c}.section-head{max-width:850px;margin-bottom:50px}.section-head span,.contact-section span,.about span{color:#a78bfa;font-size:13px;letter-spacing:4px;font-weight:900}.section-head h2,.contact-section h2,.about h2{margin-top:18px;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-3px}.section-head p,.contact-section p,.about p{margin-top:20px;color:#a8a8b8;font-size:18px;line-height:1.7}.feature-grid,.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-grid article,.catalog-card{min-height:285px;padding:32px;border-radius:28px;background:linear-gradient(135deg,#ffffff17,#ffffff09);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1f,0 24px 80px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.35s ease}.feature-grid article:hover,.catalog-card:hover{transform:translateY(-12px);box-shadow:inset 0 1px #ffffff26,0 0 70px #8b5cf63b}.feature-grid b,.catalog-card span{color:#a78bfa;font-weight:900}.feature-grid h3,.catalog-card h3{font-size:25px;margin:18px 0 16px}.feature-grid p,.catalog-card p{color:#aaa7bb;line-height:1.65}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.filter,.catalog-card button,.contact-section form button,.modal-box a,.modal-box button{padding:14px 20px;border:0;border-radius:14px;color:#fff;font-weight:800;background:#ffffff14;cursor:pointer;text-decoration:none}.filter.active,.catalog-card button,.contact-section form button,.modal-box a{background:linear-gradient(135deg,#8b5cf6,#6d43e8);box-shadow:0 0 32px #8b5cf64d}.catalog-card button{margin-top:28px}.tech-list{display:flex;flex-wrap:wrap;gap:16px}.tech-list span{padding:18px 24px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ddd;font-weight:800}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.contact-section{margin:0 7% 90px;padding:60px;border-radius:34px;display:grid;grid-template-columns:.9fr 1fr;gap:50px;background:linear-gradient(135deg,#8b5cf638,#ffffff0a);border:1px solid rgba(255,255,255,.12)}.contact-section form{display:grid;gap:14px}.contact-section input,.contact-section textarea,.contact-section select{width:100%;padding:18px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#fff;outline:none}.contact-section textarea{min-height:140px;resize:vertical}footer{padding:45px 7%;border-top:1px solid rgba(255,255,255,.08);color:#8f8da0}footer strong{display:block;color:#fff;font-size:32px;letter-spacing:8px;margin-bottom:10px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:none;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal.open{display:flex}.modal-box{width:min(520px,92vw);padding:36px;border-radius:30px;background:linear-gradient(135deg,#1e2036f2,#0d0f1bf2);border:1px solid rgba(255,255,255,.13);box-shadow:0 0 90px #8b5cf647;position:relative}.modal-box .close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;padding:0}.modal-box span{color:#a78bfa;letter-spacing:3px;font-size:12px;font-weight:900}.modal-box h3{font-size:34px;margin:14px 0}.modal-box p{color:#aaa7bb;margin-bottom:24px}.modal-box a,.modal-box button{display:block;width:100%;text-align:center;margin-top:12px}@media (max-width: 1000px){.hero{min-height:64vh}.hero-image{height:64vh}.top-clicks,.hero-btn{display:none}.feature-grid,.catalog-grid{grid-template-columns:1fr 1fr}.contact-section,.about{grid-template-columns:1fr}}@media (max-width: 650px){.feature-grid,.catalog-grid{grid-template-columns:1fr}.section{padding:70px 22px}.contact-section{margin:0 22px 60px;padding:32px}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(circle at center,rgba(139,92,246,.2),transparent 34%),#03050c;display:grid;place-items:center;transition:opacity .7s ease,visibility .7s ease}.loader.hide{opacity:0;visibility:hidden}.loader-logo{font-size:54px;font-weight:950;letter-spacing:14px;color:#fff;text-shadow:0 0 40px rgba(139,92,246,.8);animation:logoPulse 1.8s ease-in-out infinite}.loader-line{position:absolute;width:280px;height:5px;bottom:38%;border-radius:999px;background:#ffffff14;overflow:hidden}.loader-line span{display:block;width:45%;height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);animation:loadMove 1.3s ease-in-out infinite}@keyframes loadMove{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes logoPulse{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}.section,.contact-section,footer{animation:appear linear both;animation-timeline:view();animation-range:entry 0% cover 28%}@keyframes appear{0%{opacity:0;transform:translateY(70px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.catalog-card{position:relative;overflow:hidden}.catalog-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(139,92,246,.28),transparent 32%);opacity:0;transition:.3s;pointer-events:none}.catalog-card:hover:before{opacity:1}.project-visual{height:120px;margin-bottom:22px;border-radius:22px;background:linear-gradient(135deg,#8b5cf647,#ffffff0a),#090b15;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 30px #8b5cf633,0 0 34px #8b5cf621;position:relative;overflow:hidden}.project-visual:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:16px;background:linear-gradient(90deg,transparent 0 18%,rgba(139,92,246,.9) 18% 31%,transparent 31% 44%,rgba(196,181,253,.9) 44% 62%,transparent 62%);opacity:.78}.project-visual.server:after{background:repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 12px,transparent 12px 22px),linear-gradient(90deg,#8b5cf6b3,#c4b5fd40)}.project-visual.landing:after{top:18px;right:26px;bottom:18px;left:26px;background:radial-gradient(circle at 74% 36%,rgba(139,92,246,.9),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.14) 0 34%,transparent 34%),linear-gradient(180deg,#8b5cf6bf,#ffffff0d)}.project-visual.phone{width:92px;margin-left:auto;margin-right:auto;border-radius:28px}.project-visual.phone:after{top:16px;right:16px;bottom:16px;left:16px;border-radius:18px;background:radial-gradient(circle at 70% 30%,#c4b5fd,#6d28d9 55%,#090b15)}.project-visual.ai:after{top:28px;right:28px;bottom:28px;left:28px;border-radius:50%;background:radial-gradient(circle,#c4b5fd 0 12%,rgba(139,92,246,.65) 13% 28%,transparent 29%),conic-gradient(from 0deg,transparent,rgba(139,92,246,.95),transparent);animation:spinAi 4s linear infinite}@keyframes spinAi{to{transform:rotate(360deg)}}.project-visual.shop:after{background:linear-gradient(90deg,rgba(139,92,246,.85) 0 22%,transparent 22% 30%,rgba(196,181,253,.7) 30% 52%,transparent 52% 64%,rgba(139,92,246,.85) 64%),linear-gradient(180deg,rgba(255,255,255,.16),transparent)}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{color:#aaa7bb;text-decoration:none}.footer-links a:hover{color:#fff}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.22) 1px,transparent 1px),radial-gradient(circle at 70% 40%,rgba(139,92,246,.28) 1px,transparent 1px);background-size:140px 140px,220px 220px;opacity:.45;z-index:2;pointer-events:none;animation:particlesMove 16s linear infinite}@keyframes particlesMove{to{transform:translateY(-120px)}}@media (max-width: 650px){.loader-logo{font-size:38px;letter-spacing:9px}.footer{flex-direction:column;align-items:flex-start}}.card-image{width:100%;height:165px;object-fit:cover;border-radius:22px;margin-bottom:22px;border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 45px #00000052}.site{background:linear-gradient(#03050ce0,#03050cf0),url(/assets/backgrounds/particles-bg.jpg)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}@media (max-width:768px){body{overflow-x:hidden}.hero{min-height:760px;background:#03050c}.hero-image{width:100%;height:760px;object-fit:cover;object-position:72% center;opacity:.55;transform:none!important;filter:brightness(.8)}.top-clicks,.catalogo-btn,.sobre-btn,.contato-btn{display:none!important}.hero:before{content:"ZYON";position:absolute;top:28px;left:24px;z-index:50;color:#fff;font-size:28px;font-weight:900;letter-spacing:6px;opacity:1}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#03050c26,#03050cbf 58%,#03050c)}.mobile-overlay{position:absolute;left:22px;right:22px;bottom:70px;z-index:40}.mobile-badge{display:inline-flex;align-items:center;padding:12px 18px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#d8d2ff;font-size:11px;letter-spacing:2px;font-weight:800;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:18px}.mobile-title{font-size:52px;line-height:.95;font-weight:900;letter-spacing:-3px;color:#fff;margin-bottom:18px}.mobile-title span{color:#9f7cff}.mobile-desc{color:#b5b3c7;font-size:16px;line-height:1.6;margin-bottom:26px}.mobile-actions{display:flex;flex-direction:column;gap:12px}.mobile-actions a{height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:15px}.mobile-primary{background:linear-gradient(135deg,#8b5cf6,#6d43e8);color:#fff;box-shadow:0 0 40px #8b5cf659}.mobile-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.feature-grid,.catalog-grid{grid-template-columns:1fr!important}.section{padding:70px 22px}.section-head h2{font-size:44px;line-height:.98}.card-image{height:220px}.contact-section{margin:0 22px 70px;padding:34px 24px;grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;padding:40px 22px}}