@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap";
:root{--bg:#0b0c0e;--bg-elevated:#111214;--bg-card:#131517;--bg-card-hover:#181a1d;--accent:#00a3ff;--accent-dim:#00a3ff14;--accent-glow:#00a3ff40;--accent-orange:#ff6b35;--accent-green:#10b981;--text:#f0f0f0;--text-dim:#888c94;--text-muted:#555962;--border:#ffffff0f;--border-hover:#ffffff1a;--radius:28px;--radius-sm:16px;--radius-pill:100px;--font-serif:"Instrument Serif",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--nav-height:60px;--max-w:1180px;--section-gap:160px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(100% 60% at 50% -10%,#00a3ff1f 0%,#0000 60%),radial-gradient(80% 50% at 50% 110%,#00a3ff14 0%,#0000 50%);position:fixed;inset:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}a{color:inherit;text-decoration:none}.navbar{height:var(--nav-height);z-index:100;justify-content:center;align-items:center;transition:all .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#0b0c0ecc}.navbar-inner{width:100%;max-width:var(--max-w);justify-content:space-between;align-items:center;padding:0 32px;display:flex}.navbar-logo{align-items:center;gap:10px;display:flex}.navbar-logo img{border-radius:5px;width:26px;height:26px}.navbar-logo span{font-family:var(--font-serif);letter-spacing:-.3px;font-size:22px;font-weight:400}.navbar-links{align-items:center;gap:8px;list-style:none;display:flex}.navbar-links a{font-family:var(--font-mono);color:var(--text-dim);border-radius:var(--radius-pill);letter-spacing:.3px;padding:6px 14px;font-size:12px;font-weight:400;transition:all .25s}.navbar-links a:hover{color:var(--text);background:#ffffff0a}.mobile-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.mobile-menu{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background:#0b0c0efa;padding:48px 32px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-menu.open{flex-direction:column;gap:8px;display:flex}.mobile-menu a{font-family:var(--font-serif);color:var(--text-dim);padding:8px 0;font-size:36px;transition:color .2s}.mobile-menu a:hover{color:var(--text)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 32px 100px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;text-align:center;width:100%;max-width:900px;position:relative}.hero h1{font-family:var(--font-serif);letter-spacing:-2px;color:var(--text);margin-bottom:28px;font-size:clamp(44px,7vw,88px);font-style:italic;font-weight:400;line-height:1.05}.hero-sub{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2px;max-width:480px;margin:0 auto 48px;font-size:14px;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-logos{justify-content:center;align-items:center;gap:48px;margin-top:72px;display:flex}.hero-logo-item{flex-direction:column;align-items:center;gap:12px;display:flex}.hero-logo-item img{border-radius:16px;width:64px;height:64px;transition:transform .4s}.hero-logo-item img:hover{transform:scale(1.08)}.hero-logo-item span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-size:11px}.btn{font-family:var(--font-mono);letter-spacing:.3px;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{border-radius:var(--radius-pill);background:var(--text);color:var(--bg);padding:12px 28px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 40px #ffffff26}.btn-ghost{border-radius:var(--radius-pill);color:var(--text-dim);border:1px solid var(--border);background:0 0;padding:12px 28px}.btn-ghost:hover{color:var(--text);border-color:var(--border-hover);background:#ffffff05}.btn-icon{width:16px;height:16px}.section{margin-bottom:var(--section-gap);z-index:1;padding:0 32px;position:relative}.section-inner{max-width:var(--max-w);margin:0 auto}.watermark{font-family:var(--font-serif);color:#ffffff08;text-align:center;letter-spacing:-2px;pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:64px;font-size:clamp(48px,8vw,96px);font-style:italic;line-height:1.1}.section-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.section-header-left h2{font-family:var(--font-serif);letter-spacing:-1.5px;font-size:clamp(32px,5vw,56px);font-style:italic;font-weight:400;line-height:1.1}.section-header-right{text-align:right;max-width:360px}.section-header-right p{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2px;font-size:13px;line-height:1.8}.products-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px 40px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.product-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px)}.product-card-top{align-items:center;gap:16px;margin-bottom:28px;display:flex}.product-card-top img{border-radius:12px;width:44px;height:44px}.product-card-top h3{font-family:var(--font-serif);letter-spacing:-.5px;font-size:28px;font-weight:400}.product-badge{font-family:var(--font-mono);letter-spacing:.5px;color:var(--accent-orange);border-radius:var(--radius-pill);white-space:nowrap;background:#ff6b3514;border:1px solid #ff6b3526;padding:4px 10px;font-size:10px;font-weight:500}.product-card p{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2px;margin-bottom:28px;font-size:13px;line-height:1.9}.product-features{flex-direction:column;gap:10px;margin-bottom:36px;list-style:none;display:flex}.product-features li{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.3px;align-items:center;gap:10px;font-size:12px;display:flex}.feature-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.product-card .btn{font-size:12px}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:24px;display:flex}.feature-card h3{font-family:var(--font-sans);letter-spacing:-.2px;margin-bottom:10px;font-size:16px;font-weight:500}.feature-card p{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2px;font-size:12px;line-height:1.9}.testimonial-section{padding:var(--section-gap)32px;z-index:1;text-align:center;position:relative}.testimonial-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#00a3ff14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.testimonial-quote{font-family:var(--font-serif);letter-spacing:-1px;max-width:720px;color:var(--text);margin:0 auto 32px;font-size:clamp(24px,4vw,44px);font-style:italic;font-weight:400;line-height:1.3}.testimonial-author{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px;font-size:12px}.testimonial-author strong{color:var(--text-dim);font-weight:500}.why-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.why-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:44px 32px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.why-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.why-card-icon{background:var(--accent-dim);border:1px solid #00a3ff1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 24px;display:flex}.why-card:nth-child(2) .why-card-icon{background:#ff6b350f;border-color:#ff6b351a}.why-card:nth-child(3) .why-card-icon{background:#10b9810f;border-color:#10b9811a}.why-card h3{font-family:var(--font-serif);letter-spacing:-.3px;margin-bottom:12px;font-size:24px;font-weight:400}.why-card p{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2px;font-size:12px;line-height:1.9}.cta-section{text-align:center;z-index:1;padding:120px 32px;position:relative}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(#00a3ff1a 0%,#0000 70%);width:600px;height:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cta-section h2{font-family:var(--font-serif);letter-spacing:-2px;margin-bottom:20px;font-size:clamp(36px,6vw,72px);font-style:italic;font-weight:400;line-height:1.1}.cta-section p{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2px;margin-bottom:40px;font-size:13px}.cta-logos{justify-content:center;gap:32px;margin-top:56px;display:flex}.cta-logos img{opacity:.5;border-radius:14px;width:48px;height:48px;transition:all .3s}.cta-logos img:hover{opacity:1;transform:scale(1.05)}.footer{z-index:1;padding:32px;position:relative}.footer-inner{max-width:var(--max-w);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 auto;padding-top:24px;display:flex}.footer-left{align-items:center;gap:24px;display:flex}.footer-logo{align-items:center;gap:8px;display:flex}.footer-logo img{border-radius:4px;width:20px;height:20px}.footer-logo span{font-family:var(--font-serif);font-size:16px}.footer-copy{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.3px;font-size:11px}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.3px;font-size:11px;transition:color .2s}.footer-links a:hover{color:var(--text-dim)}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--section-gap:100px}.navbar-links{display:none}.mobile-menu-btn{display:block}.hero h1{letter-spacing:-1px}.products-grid,.features-grid,.why-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-header-right{text-align:left}.product-card{padding:32px 24px}.footer-inner{text-align:center;flex-direction:column;gap:16px}.footer-left{flex-direction:column;gap:8px}.hero-logos{gap:32px}.hero-logo-item img{width:48px;height:48px}}@media (max-width:480px){.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-ghost{justify-content:center;width:100%;max-width:260px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}}
