:root{--background: #0a0f1a;--surface: #151b2b;--surface-elevated: #1a2233;--accent: #00d9ff;--accent-hover: #00b8d9;--accent-secondary: #7c3aed;--text-primary: #ffffff;--text-secondary: #8892a6;--text-tertiary: #5a6173;--text-accent: var(--accent);--border-color: #252d3f;--border-accent: rgba(0, 217, 255, .2);--glow-color: rgba(0, 217, 255, .25);--glow-secondary: rgba(124, 58, 237, .2);--shadow-color: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px 0 var(--shadow-color);--shadow-md: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);--shadow-lg: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--font-size-base: 17px;--line-height-base: 1.7;--max-width: 1200px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--transition-ease: .3s ease-in-out;--transition-page: .5s ease-in-out;--border-radius: .75rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;opacity:0;animation:page-fade-in var(--transition-page) forwards}@keyframes page-fade-in{to{opacity:1}}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.15;margin-bottom:var(--space-sm);letter-spacing:-.03em;color:var(--text-primary)}h1{font-size:4rem;font-weight:900}h2{font-size:2.75rem}h3{font-size:1.5rem;font-weight:700}p{margin-bottom:var(--space-sm);color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-ease)}a:hover{color:var(--accent-hover)}strong{font-weight:600;color:var(--text-primary)}.section{padding:var(--space-lg) 0}.section-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.main-nav{background-color:rgba(10,15,26,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;transition:all var(--transition-ease)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center;height:4.5rem}.logo{font-size:1.75rem;font-weight:800;color:var(--text-primary);text-decoration:none}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color var(--transition-ease)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all var(--transition-ease);border:1px solid transparent;cursor:pointer;text-align:center}.btn-primary{background-color:var(--accent);color:#0a0f1a;font-weight:700;box-shadow:0 0 24px var(--glow-color),0 4px 12px rgba(0,0,0,.4)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 0 32px var(--glow-color),0 6px 16px rgba(0,0,0,.5);color:#0a0f1a}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);border-color:var(--text-secondary)}.hero{padding:var(--space-xl) 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:1000px;height:600px;background:radial-gradient(circle at center,rgba(0,217,255,.08),rgba(124,58,237,.05) 50%,transparent 80%);z-index:-1;filter:blur(60px)}.hero-content{max-width:900px;margin:0 auto;padding:0 var(--space-md)}.hero h1{font-size:4.5rem;font-weight:900;margin-bottom:var(--space-md);background:linear-gradient(135deg,#ffffff 0%,var(--accent) 60%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;animation:gradient-shift 8s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.value-props-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.prop-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2.25rem;transition:all var(--transition-ease);position:relative;overflow:hidden}.prop-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-ease)}.prop-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-ease);pointer-events:none}.prop-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 0 1px var(--border-accent),0 0 40px rgba(0,217,255,.15);background:var(--surface-elevated)}.prop-card:hover:before{transform:scaleX(1)}.prop-card:hover:after{opacity:1}.prop-card h3{color:var(--text-primary);margin-bottom:var(--space-sm)}.prop-card p{color:var(--text-secondary);margin-bottom:0}.how-it-works{text-align:center}.layers-diagram{display:flex;flex-direction:column;gap:1px;background-color:var(--border-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;margin-top:var(--space-lg);max-width:800px;margin-left:auto;margin-right:auto}.layer{background-color:var(--surface);padding:2rem}.layer h3{color:var(--accent);margin-bottom:var(--space-xs);font-size:1.25rem}.layer p{color:var(--text-secondary);max-width:600px;margin:0 auto}.social-proof{text-align:center;background-color:var(--surface);border-radius:var(--border-radius);padding:var(--space-lg) var(--space-md);border:1px solid var(--border-color)}.social-proof p{font-size:1.25rem;font-style:italic;color:var(--text-primary);max-width:700px;margin:0 auto}footer{border-top:1px solid var(--border-color);padding:var(--space-md) 0;text-align:center}footer p{color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.infrastructure-diagram{max-width:900px;margin:0 auto}.diagram-title{text-align:center;margin-bottom:var(--space-lg);color:var(--text-primary)}.diagram-container{display:flex;flex-direction:column;gap:var(--space-md)}.spectrum-layer{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:var(--border-radius);padding:var(--space-lg);text-align:center;box-shadow:0 8px 32px var(--glow-color);position:relative;overflow:hidden}.spectrum-layer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.spectrum-layer .layer-content h3{color:#0a0f1a;font-size:2rem;font-weight:900;margin-bottom:.25rem}.spectrum-layer .layer-content p{color:rgba(10,15,26,.8);font-size:1.1rem;font-weight:600;margin:0}.diagram-connections{display:flex;justify-content:space-around;padding:0 2rem;position:relative;height:60px}.connection-line{width:2px;height:100%;background:linear-gradient(180deg,var(--accent),transparent);position:relative;overflow:hidden}.connection-line:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:30%;background:linear-gradient(180deg,transparent,var(--accent),transparent);animation:data-flow 2s ease-in-out infinite}.connection-line:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--accent);filter:drop-shadow(0 0 4px var(--accent))}@keyframes data-flow{0%{top:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.diagram-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.system-box{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:all var(--transition-ease);position:relative}.system-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);padding:1px;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-ease)}.system-box:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 20px rgba(0,217,255,.2)}.system-box:hover:before{opacity:1}.system-icon{font-size:2.5rem;margin-bottom:.5rem}.system-box h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.system-tech{color:var(--accent);font-size:.875rem;font-family:var(--font-mono);font-weight:600;margin:0}.cta-section{background:var(--surface);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{margin-bottom:var(--space-sm)}.cta-content p{font-size:1.1rem;margin-bottom:var(--space-lg)}.cta-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.final-cta{text-align:center;padding:var(--space-xl) 0}.final-cta h2{margin-bottom:var(--space-sm)}.final-cta p{font-size:1.1rem;margin-bottom:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.social-proof h3{text-align:center;margin-bottom:var(--space-lg);color:var(--text-primary)}.proof-examples{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.proof-item{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-sm);align-items:center;padding:var(--space-md);background:var(--surface);border-radius:var(--border-radius);border:1px solid var(--border-color)}.proof-before{text-align:right;color:var(--text-secondary);margin:0}.proof-arrow{color:var(--accent);font-size:1.5rem;font-weight:700;margin:0}.proof-after{text-align:left;color:var(--text-primary);font-weight:600;margin:0}.proof-cta{text-align:center;font-size:1.1rem;font-weight:600;color:var(--accent);margin:0}@media (max-width: 768px){h1{font-size:2.5rem}.hero h1{font-size:3rem}h2{font-size:2rem}.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero-cta-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:320px}}