@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.6.0/dist/tabler-icons.min.css";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.site-header{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f0b1e}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#0f0b1e;max-width:100%;border-bottom:1px solid rgba(142,112,207,.1)}.nav-logo{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;color:#fff;text-decoration:none;letter-spacing:-.5px}.nav-logo .dot{color:#8e70cf;margin:0 6px}.nav-links{display:flex;gap:36px;list-style:none;margin:0;padding:0}.nav-links li{list-style:none}.nav-links a{text-decoration:none;color:#ffffff8c;font-weight:500;font-size:.9rem;transition:color .3s ease}.nav-links a:hover{color:#9ef0ff}.nav-cta{background:#8e70cf!important;color:#fff!important;padding:10px 22px;border-radius:6px;transition:all .3s ease!important}.nav-cta:hover{background:#7358b5!important;transform:translateY(-2px);box-shadow:0 6px 20px #8e70cf4d}.mobile-menu{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}.mobile-menu:focus,.mobile-menu:active{outline:none;background:none}.mobile-menu span{width:22px;height:2px;background:#ffffffb3;border-radius:2px;transition:all .3s ease;pointer-events:none}.nav-links-mobile{display:none;background:#0f0b1e;flex-direction:column;padding:16px 5%;gap:0;box-shadow:0 10px 30px #0000004d;list-style:none;z-index:9998;border-bottom:1px solid rgba(142,112,207,.1)}.nav-links-mobile.active{display:flex}.nav-links-mobile li{border-bottom:1px solid rgba(255,255,255,.05);list-style:none}.nav-links-mobile a{display:block;padding:14px 0;text-decoration:none;color:#ffffff8c;font-weight:500;font-size:.9rem}.nav-links-mobile a:hover{color:#9ef0ff}@media(max-width:768px){.nav-links{display:none}.mobile-menu{display:flex}}@media(min-width:769px){.nav-links-mobile{display:none!important}}.site-footer{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.footer{display:flex;flex-direction:column;background:#0f0b1e;color:#fff;padding:60px 5% 30px;border-top:1px solid rgba(142,112,207,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1800px;width:100%;margin:0 auto;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06)}.footer-logo{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:-.5px}.footer-logo .dot{color:#8e70cf;margin:0 6px}.footer-links{display:flex;gap:32px}.footer-links a{color:#fff6;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:#9ef0ff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;max-width:1800px;width:100%;margin:0 auto;color:#ffffff40;font-size:.85rem}.footer-bottom a{color:#ffffff59;text-decoration:none;transition:color .3s ease}.footer-bottom a:hover{color:#9ef0ff}@media(max-width:768px){.footer-content{flex-direction:column;gap:28px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}.scroll-to-top{position:fixed;bottom:32px;right:32px;width:46px;height:46px;border:none;border-radius:50%;background:var(--primary);color:var(--white);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,background .3s ease;z-index:999}.scroll-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top:hover{background:#7358b5;box-shadow:0 6px 20px #8e70cf73;transform:translateY(-2px)}@media(max-width:768px){.scroll-to-top{bottom:20px;right:20px;width:42px;height:42px}}.hero{min-height:100vh;display:flex;align-items:center;padding:100px 5% 80px;background:var(--bg-dark);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(142,112,207,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(142,112,207,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero:after{content:"";position:absolute;top:50%;right:15%;transform:translate(50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(142,112,207,.12) 0%,rgba(164,165,245,.04) 40%,transparent 70%);border-radius:50%;pointer-events:none;animation:hero-glow 5s ease-in-out infinite}@keyframes hero-glow{0%,to{transform:translate(50%,-50%) scale(1);opacity:.7}50%{transform:translate(50%,-50%) scale(1.15);opacity:1}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1800px;margin:0 auto;width:100%;position:relative;z-index:2}.hero-text{position:relative;z-index:3}.hero-text h1{font-family:JetBrains Mono,monospace;font-size:3.2rem;font-weight:700;line-height:1.15;margin-bottom:24px;color:#fff;letter-spacing:-1px}.hero-text h1 span{background:linear-gradient(135deg,#9ef0ff,#8e70cf,#a4a5f5);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.hero-text p{font-size:1.3rem;color:#ffffff80;margin-bottom:40px;max-width:520px;line-height:1.7;font-weight:300}.hero-buttons{display:flex;gap:16px}.hero-canvas-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:visible;cursor:grab;z-index:5}.hero-canvas-wrap:active{cursor:grabbing}#heroCanvas{position:absolute;top:-10%;left:-10%;width:120%!important;height:120%!important;display:block;z-index:5}.drag-hint{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.7rem;color:#fff3;letter-spacing:2px;text-transform:uppercase;pointer-events:none;transition:opacity .5s ease;z-index:6}@media(max-width:1024px){.hero-text h1{font-size:2.6rem}}@media(max-width:768px){.hero{padding:80px 4% 60px}.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2rem}.hero-text p{margin:0 auto 40px}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-canvas-wrap{order:-1;max-width:400px;margin:0 auto 20px}}@media(max-width:480px){.hero-text h1{font-size:1.6rem}.hero-canvas-wrap{max-width:300px}}.about{padding:100px 5%;background:var(--white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1400px;margin:0 auto;align-items:start}.about-text h3{font-family:JetBrains Mono,monospace;font-size:1.6rem;margin-bottom:20px;color:#8e70cf;font-weight:600}.about-text p{color:var(--text-muted);margin-bottom:16px;font-size:1.15rem;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.stat{text-align:center;padding:20px;background:var(--bg-light);border-radius:10px;border:1px solid #e8ecf0}.stat-number{font-family:JetBrains Mono,monospace;font-size:2.4rem;font-weight:700;color:#8e70cf}.stat-label{color:var(--text-muted);font-size:1rem;margin-top:4px}.stat-label span{display:block;line-height:1.25}@media(max-width:768px){.about-content{grid-template-columns:1fr;gap:40px}.stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:14px}.stat-number{font-size:1.6rem}}@media(max-width:480px){.stats{grid-template-columns:1fr}}.services{padding:100px 5%;background:var(--bg-light)}.services-grid{display:flex;align-items:stretch;max-width:1400px;margin:0 auto;gap:0}.service-card{flex:1;padding:44px 36px;border-radius:16px;background:var(--white);border:1px solid #e8ecf0;transition:all .3s ease;text-align:center}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #8e70cf1a;border-color:#8e70cf40}.service-card:hover .service-icon{background:#8e70cf;color:#fff;box-shadow:0 8px 24px #8e70cf4d}.service-icon{width:56px;height:56px;background:var(--bg-dark);border-radius:14px;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.6rem;color:#9ef0ff;transition:all .3s ease}.service-card h3{font-family:JetBrains Mono,monospace;font-size:1.35rem;margin-bottom:12px;color:var(--text-dark);font-weight:600}.service-card p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.service-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100px}.arrow-connector{position:relative;display:flex;align-items:center;width:72px;height:4px}.arrow-connector:before{content:"";position:absolute;top:0;left:0;right:14px;height:100%;background:linear-gradient(90deg,#8e70cf14,#8e70cf80);border-radius:4px}.arrow-connector:after{content:"";position:absolute;right:0;top:50%;width:12px;height:12px;border-right:3px solid #8E70CF;border-top:3px solid #8E70CF;transform:translateY(-50%) rotate(45deg);opacity:.6}.arrow-dot{position:absolute;width:7px;height:7px;background:#8e70cf;border-radius:50%;box-shadow:0 0 10px #8e70cfb3,0 0 20px #8e70cf4d;animation:arrow-travel 2.5s ease-in-out infinite}@keyframes arrow-travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 16px);opacity:0}}@media(max-width:1024px){.services-grid{flex-wrap:wrap;justify-content:center}}@media(max-width:768px){.services-grid{flex-direction:column;gap:0;align-items:center}.service-card{width:100%}.service-arrow{width:auto;padding:12px 0}.arrow-connector{transform:rotate(90deg)}}.contact{padding:100px 5%;background:var(--white)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto}.contact-info h3{font-family:JetBrains Mono,monospace;font-size:1.8rem;margin-bottom:16px;color:var(--text-dark);font-weight:600}.contact-info p{color:var(--text-muted);margin-bottom:30px;font-size:1.15rem;line-height:1.7}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:16px}.contact-icon{width:44px;height:44px;background:var(--bg-dark);border-radius:10px;display:flex;justify-content:center;align-items:center;color:#9ef0ff;font-size:1.3rem;flex-shrink:0}.contact-item a,.contact-item span{color:var(--text-muted);text-decoration:none;font-size:1.05rem}.contact-form{background:var(--bg-light);padding:36px;border-radius:16px;border:1px solid #e8ecf0}.form-group{margin-bottom:16px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:1px solid #e0e4e8;border-radius:8px;font-size:1.05rem;font-family:DM Sans,sans-serif;transition:border-color .3s ease;background:var(--white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8e70cf}.form-group textarea{min-height:110px;resize:vertical}.form-btn{width:100%;background:var(--bg-dark);color:var(--white);padding:16px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif}.form-btn:hover{background:#8e70cf;transform:translateY(-2px);box-shadow:0 8px 24px #8e70cf4d}@media(max-width:768px){.contact-content{grid-template-columns:1fr}}@media(max-width:480px){.contact-form{padding:28px 20px}}.playground{min-height:100vh;padding:120px 5% 80px;background:var(--bg-dark)}.playground-content{max-width:1400px;margin:0 auto}.playground .section-header h2{color:#fff}.playground .section-header p{color:#ffffff80}.playground-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.playground-card{background:#ffffff08;border:1px solid rgba(142,112,207,.15);border-radius:16px;padding:36px;transition:all .3s ease;text-decoration:none;display:block}.locked-card{width:100%;text-align:left;font:inherit;cursor:pointer}.playground-card:hover{border-color:#8e70cf66;transform:translateY(-4px);box-shadow:0 12px 32px #8e70cf26}.playground-card.coming-soon{opacity:.5;cursor:default}.playground-icon{width:56px;height:56px;background:#8e70cf26;border-radius:14px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.6rem;color:#9ef0ff}.playground-card h3{font-family:JetBrains Mono,monospace;font-size:1.3rem;color:#fff;margin-bottom:12px;font-weight:600}.playground-card p{color:#ffffff80;font-size:1.05rem;line-height:1.7;margin-bottom:16px}.playground-tag{display:inline-block;padding:4px 12px;background:#8e70cf26;color:#9ef0ff;border-radius:20px;font-size:.8rem;font-weight:500}.playground-locked-message{margin-top:14px;margin-bottom:0;color:#9ef0ff;font-size:.95rem;font-weight:500}@media(max-width:768px){.playground{padding:100px 4% 60px}.playground-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #8E70CF;--accent: #9EF0FF;--secondary: #A4A5F5;--soft: #B5C7EB;--bg-dark: #0f0b1e;--bg-dark-alt: #16112a;--text-dark: #0a0f1a;--text-muted: #4a5568;--bg-light: #f7f8fa;--white: #FFFFFF}html{scroll-behavior:smooth}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-dark);line-height:1.6;background:var(--bg-dark)}.btn-primary{background:#8e70cf;color:var(--white);padding:14px 30px;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:DM Sans,sans-serif}.btn-primary:hover{background:#7358b5;transform:translateY(-2px);box-shadow:0 8px 24px #8e70cf66}.btn-secondary{background:transparent;color:#fff9;padding:14px 30px;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:DM Sans,sans-serif}.btn-secondary:hover{border-color:#9ef0ff66;color:#9ef0ff}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:JetBrains Mono,monospace;font-size:2.6rem;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.section-header p{color:var(--text-muted);font-size:1.2rem;max-width:500px;margin:0 auto;font-weight:300}@media(max-width:768px){.section-header h2{font-size:1.8rem}}