@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800&display=swap";:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#fffc;--accent-purple:#9333ea;--border-color:#ffffff1a;--max-width:1400px;--transition:all .3s ease;--glass-bg:#ffffff08;--glass-blur:20px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}body.no-scroll{overflow:hidden}#bg-video{z-index:-3;object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:fixed;bottom:0;right:0}.video-overlay{-webkit-backdrop-filter:blur(12px);z-index:-2;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 60px}.navbar{-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-color);z-index:1000;background:#0009;padding:20px 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo img{object-fit:contain;width:32px;height:32px}.nav-links{align-items:center;gap:40px;display:flex}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;padding:10px;display:none}.menu-toggle span{width:25px;height:2px;transition:var(--transition);background:#fff;margin:5px 0;display:block}.menu-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-size:14px;font-weight:400;text-decoration:none}.nav-links a:hover{color:#fff}.btn-contact{background:#fff;border-radius:100px;padding:10px 24px;font-weight:600;color:#000!important}.sub-nav{border-bottom:1px solid var(--border-color);background:linear-gradient(90deg,#000 0%,#1a1a1a 50%,#000 100%);padding:10px 0}.sub-nav .container{justify-content:center;align-items:center;gap:20px;display:flex}.sub-nav a{color:#888;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;transition:var(--transition);font-size:10px;font-weight:500;text-decoration:none}.sub-nav a:hover{color:#fff}.sub-nav span{color:#ffffff1a;font-size:10px}.hero{text-align:center;padding:140px 0}.hero h1{letter-spacing:-4px;color:#fff;margin-bottom:40px;font-size:110px;line-height:.9}.hero h1 .italic{font-style:italic;font-weight:800}.hero h1 .light{text-transform:uppercase;letter-spacing:2px;font-size:130px;font-weight:100}.hero h1 .innovation{font-weight:800;display:inline-block;position:relative}.hero h1 .innovation:after{content:"";background:var(--accent-purple);z-index:-1;opacity:.5;width:100%;height:4px;position:absolute;bottom:5px;left:0}.hero p{max-width:700px;color:var(--text-secondary);margin:0 auto 60px;font-size:16px;line-height:1.8}.hero-cta{justify-content:center;gap:16px;margin-bottom:100px;display:flex}.btn-pill{transition:var(--transition);border-radius:100px;padding:16px 32px;font-size:14px;font-weight:600;text-decoration:none}.btn-pill.primary.btn-flare{color:#fff;z-index:1;background:#000;border:none;position:relative;overflow:hidden}.btn-pill.primary.btn-flare:before{content:"";background:conic-gradient(transparent, var(--accent-purple), transparent 30%);z-index:-2;width:200%;height:200%;animation:3s linear infinite rotate;position:absolute;top:-50%;left:-50%}.btn-pill.primary.btn-flare:after{content:"";z-index:-1;background:#000;border-radius:100px;position:absolute;inset:2px}.btn-flare-shine{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:4s infinite flare;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flare{0%{left:-150%}30%{left:150%}to{left:150%}}.btn-pill.secondary{color:#fff;background:#ffffff0d;border:1px solid #fff3}.btn-pill.secondary:hover{background:#ffffff1a;border-color:#fff}.btn-pill:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9333ea33}.pricing{padding:100px 0;position:relative}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.pricing-card{transition:var(--transition);color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;padding:40px;display:flex;position:relative}.pricing-card:hover{border-color:var(--accent-purple);background:linear-gradient(135deg,#0f0f0f 0%,#252525 100%);transform:translateY(-5px);box-shadow:0 20px 40px #00000080}.pricing-card h3{color:#fff;margin-bottom:16px;font-size:24px;font-weight:600}.pricing-card .desc{color:#aaa;height:60px;margin-bottom:32px;font-size:14px}.pricing-card .price{color:#fff;margin-bottom:32px;font-size:28px;font-weight:700}.pricing-card ul li{color:#ccc;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.pricing-card ul li:before{content:"✓";color:var(--accent-purple);font-weight:700}.pricing-card .btn-card{border:1px solid var(--border-color);color:#fff;text-align:center;width:100%;transition:var(--transition);background:#ffffff0d;border-radius:12px;padding:14px;font-weight:600;text-decoration:none}.pricing-card.featured.card-animate{z-index:1;background:#000;border:none;position:relative;overflow:hidden}.pricing-card.featured.card-animate:before{content:"";background:conic-gradient(transparent, var(--accent-purple), transparent 30%);z-index:-2;width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}.pricing-card.featured.card-animate:after{content:"";z-index:-1;background:#000;border-radius:24px;position:absolute;inset:1px}.portfolio{padding:120px 0}.section-header{text-align:center;margin-bottom:80px}.section-header h2{color:#fff;margin-bottom:16px;font-size:56px;font-weight:700}.section-header p{color:var(--text-secondary);font-size:18px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.portfolio-card{transition:var(--transition);color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;padding:40px;display:flex}.portfolio-card:hover{background:linear-gradient(135deg,#0f0f0f 0%,#252525 100%);border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 20px 40px #00000080}.portfolio-card.has-bg{z-index:1;position:relative;overflow:hidden}.card-bg-overlay{z-index:-1;opacity:.3;filter:blur(15px);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.card-bg-overlay img{object-fit:cover;width:100%;height:100%}.company-logo{align-items:center;height:48px;margin-bottom:24px;display:flex}.company-logo img{object-fit:contain;width:auto;max-width:160px;height:100%}.portfolio-card .category{text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:20px;font-size:10px;font-weight:700;display:block}.portfolio-card h3{color:#fff;margin-bottom:16px;font-size:28px;font-weight:600}.portfolio-card p{color:#aaa;margin-bottom:32px;font-size:14px;line-height:1.7}.portfolio-card .view-link{color:#fff;transition:var(--transition);margin-top:auto;font-size:14px;font-weight:600;text-decoration:none}.portfolio-card .view-link:hover{color:var(--accent-purple);padding-left:5px}.partners-section{border-top:1px solid var(--border-color);margin-top:40px;padding-top:100px}.section-header.small{margin-bottom:60px}.section-header.small h2{font-size:40px}.portfolio-card.full-width{text-align:center;align-items:center;width:100%;margin:0 auto}.portfolio-card.full-width p{max-width:700px}.portfolio-card .status-badge{border-radius:6px;width:fit-content;margin-top:auto;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.status-badge.production{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.status-badge.beta{color:#888;background:#ffffff0d;border:1px solid #ffffff1a}.investment-notice{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:60px;padding:24px 40px;display:flex}.notice-text{color:var(--text-secondary);font-size:14px}.notice-text strong{color:#fff}.notice-term{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700}.tech-section{text-align:center;padding:60px 0}.tech-label{color:#fff;letter-spacing:2px;opacity:.6;margin-bottom:40px;font-size:10px;font-weight:700}.tech-logos{opacity:.8;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.tech-logos img{width:auto;height:40px;transition:var(--transition)}.tech-logos img:hover{opacity:1;transform:scale(1.1)}.footer{-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border-color);background:#000c;padding:80px 0 40px}.footer .container{justify-content:space-between;align-items:center;display:flex}.footer-info{flex-direction:column;gap:12px;display:flex}.footer-info .logo{font-size:18px}.footer-info p{color:var(--text-secondary);font-size:13px}.footer-links{gap:40px;display:flex}.footer-links a{color:var(--text-secondary);transition:var(--transition);font-size:13px;text-decoration:none}.footer-links a:hover{color:#fff}.tech-logos img.invert-logo{filter:invert()brightness(100)}body.light-theme{color:#000;background-color:#f5f5f7}body.light-theme #pixel-bg{opacity:.1;filter:invert()}body.light-theme .navbar{background:#fffc;border-bottom:1px solid #0000001a}body.light-theme .logo,body.light-theme .nav-links a,body.light-theme .section-header h2,body.light-theme .section-header p{color:#000}body.light-theme .sub-nav{background:#fff;border-bottom:1px solid #0000001a}body.light-theme .sub-nav a{color:#666}body.light-theme .investment-notice{background:#fff;border-color:#0000001a}body.light-theme .notice-text{color:#444}body.light-theme .notice-text strong{color:#000}body.light-theme .footer{color:#000;background:#fff;border-top:1px solid #0000001a}body.light-theme .footer-info p,body.light-theme .footer-links a{color:#666}body.light-theme .btn-contact{background:#000;color:#fff!important}@media (width<=1200px){.pricing-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (width<=992px){.container{padding:0 40px}.hero h1{font-size:56px}.hero h1 .light{font-size:64px}}@media (width<=768px){.container{padding:0 32px}.navbar{padding:20px 0}.menu-toggle{display:block}.navbar .nav-links{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:1000;opacity:0;visibility:hidden;border-bottom:1px solid var(--border-color);background:#000000fa;flex-direction:column;width:100%;height:auto;padding:40px 0;transition:all .3s ease-in-out;display:flex;position:absolute;top:100%;left:0;transform:translateY(-10px)}.navbar .nav-links.active{opacity:1;visibility:visible;transform:translateY(0)}.navbar .nav-links a{text-align:left;letter-spacing:1px;border-bottom:none;width:100%;padding:20px 32px;font-size:20px}.sub-nav{border-bottom:1px solid #ffffff0d;padding:20px 0}.sub-nav .container{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;padding:0 32px;display:flex}.sub-nav a{letter-spacing:1px;opacity:.6;white-space:normal;font-size:10px}.sub-nav span{display:none}.hero{text-align:left;padding-top:100px;padding-bottom:120px}.hero h1{text-align:left;margin-bottom:32px;font-size:48px;line-height:1.05}.hero p{max-width:90%;margin-bottom:50px;font-size:15px;line-height:1.8}.hero-cta{align-items:flex-start;gap:16px;margin:0 0 100px}.btn-pill{padding:18px 32px;font-size:15px}.pricing-grid,.portfolio-grid{grid-template-columns:1fr;gap:40px}.pricing-card,.portfolio-card{padding:48px 32px}.section-header{text-align:left;margin-bottom:60px}.section-header h2{margin-bottom:20px;font-size:38px}.investment-notice{text-align:left;flex-direction:column;align-items:flex-start;gap:30px;padding:40px 32px}.notice-term{margin-bottom:0}.footer .container{text-align:left;flex-direction:column;align-items:flex-start;gap:60px}.footer-links{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=480px){.hero h1{font-size:36px}.hero h1 .light{font-size:42px}.logo span{font-size:18px}.portfolio-card h3{font-size:24px}}