:root{--bg-primary: #000000;--bg-secondary: #000000;--bg-card: rgba(12, 12, 12, .7);--bg-glass: rgba(255, 245, 225, .02);--border-glass: rgba(255, 245, 225, .06);--border-warm: rgba(212, 160, 74, .12);--gold: #d4a04a;--gold-light: #f0c56d;--gold-glow: rgba(212, 160, 74, .3);--gold-dim: rgba(212, 160, 74, .1);--indigo: #818cf8;--indigo-glow: rgba(129, 140, 248, .3);--indigo-dim: rgba(129, 140, 248, .1);--coral: #ef6461;--coral-glow: rgba(239, 100, 97, .3);--coral-dim: rgba(239, 100, 97, .1);--emerald: #34d399;--emerald-glow: rgba(52, 211, 153, .3);--emerald-dim: rgba(52, 211, 153, .1);--text-primary: #f5f0e8;--text-secondary: rgba(245, 240, 232, .55);--text-dim: rgba(245, 240, 232, .3);--font-display: "Syne", sans-serif;--font-body: "Noto Sans SC", sans-serif;--font-mono: "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:100%;margin:0;padding:0}a{color:var(--gold);text-decoration:none;transition:color .3s}a:hover{color:var(--gold-light)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d4a04a33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4a04a66}::selection{background:#d4a04a40;color:#fff}.section-container{max-width:1280px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.section-container{padding:0 1.25rem}html{font-size:14px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar.scrolled{background:#000000e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass);padding:.7rem 2.5rem}.nav-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--gold);letter-spacing:1px}.nav-logo svg{flex-shrink:0}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-size:.82rem;color:var(--text-secondary);letter-spacing:.5px;transition:color .3s;font-weight:500}.nav-links a:hover{color:var(--gold)}.nav-cta{padding:.45rem 1.4rem;border:1px solid var(--gold-dim);border-radius:6px;color:var(--gold)!important;font-size:.78rem!important;letter-spacing:1.5px;transition:all .3s!important;text-transform:uppercase}.nav-cta:hover{background:var(--gold-dim);box-shadow:0 0 20px #d4a04a26;border-color:var(--gold)}.nav-mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.4rem;cursor:pointer}@media(max-width:768px){.navbar{padding:1rem 1.25rem}.nav-links{display:none}.nav-mobile-toggle{display:block}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#000000f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:1.5rem 2rem;gap:1.5rem;border-bottom:1px solid var(--border-glass)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg-canvas{position:absolute;inset:0;z-index:0}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,transparent 0%,var(--bg-primary) 70%);z-index:1}.hero-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(212,160,74,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(212,160,74,.02) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 65%)}.hero-content{position:relative;z-index:2;text-align:center;max-width:880px;padding:0 2rem}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1.3rem;border:1px solid var(--gold-dim);border-radius:100px;font-family:var(--font-mono);font-size:.7rem;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:2.5rem;background:#d4a04a0a}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.2;margin-bottom:.6rem;letter-spacing:-1px;padding:.1em 0}.hero-title-gradient{background:linear-gradient(135deg,#fff 0%,var(--gold) 60%,var(--coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-body);font-size:clamp(.95rem,2.2vw,1.3rem);font-weight:400;color:var(--text-dim);margin-bottom:2rem;letter-spacing:3px}.hero-desc{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.8rem;line-height:1.9}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.2rem;background:linear-gradient(135deg,var(--gold),#b8842f);color:#0a0e1a;font-family:var(--font-body);font-size:.92rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #d4a04a4d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.2rem;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;font-weight:500;border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;transition:all .3s;letter-spacing:.5px}.btn-secondary:hover{border-color:var(--gold-dim);background:var(--gold-dim);transform:translateY(-2px)}.hero-stats{display:flex;justify-content:center;gap:3.5rem;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-glass)}.hero-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--gold)}.hero-stat-label{font-size:.75rem;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;margin-top:.3rem}@media(max-width:768px){.hero-stats{gap:1.5rem;flex-wrap:wrap}}.section{padding:7rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-label{font-family:var(--font-mono);font-size:.72rem;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:1rem;display:block}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;margin-bottom:1rem;letter-spacing:0px;line-height:1.3}.section-desc{font-size:1.02rem;color:var(--text-secondary);max-width:580px;margin:0 auto;line-height:1.8}.about{background:var(--bg-primary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-visual{position:relative;aspect-ratio:1;max-width:420px}.about-sphere{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--gold-dim),transparent 60%),radial-gradient(circle at 70% 70%,var(--indigo-dim),transparent 60%);border:1px solid var(--gold-dim);animation:sphere-float 6s ease-in-out infinite}@keyframes sphere-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}.about-orbit{position:absolute;border:1px solid rgba(212,160,74,.08);border-radius:50%;animation:orbit-spin 20s linear infinite}.about-orbit:nth-child(1){inset:5%}.about-orbit:nth-child(2){inset:-5%;animation-duration:30s;animation-direction:reverse;border-color:#818cf814}.about-orbit:nth-child(3){inset:-15%;animation-duration:40s;border-color:#ef64610f}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-orbit-dot{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.about-orbit:nth-child(2) .about-orbit-dot{background:var(--indigo);box-shadow:0 0 10px var(--indigo)}.about-orbit:nth-child(3) .about-orbit-dot{background:var(--coral);box-shadow:0 0 10px var(--coral)}.about-text h3{font-family:var(--font-display);font-size:1.7rem;margin-bottom:1.5rem;letter-spacing:-.5px}.about-text p{color:var(--text-secondary);margin-bottom:1.2rem;line-height:1.9}.about-highlights{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}.about-highlight-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;transition:all .3s}.about-highlight-item:hover{border-color:var(--border-warm);background:#d4a04a08}.about-highlight-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.about-highlight-text strong{display:block;font-size:.88rem;margin-bottom:.1rem}.about-highlight-text span{font-size:.78rem;color:var(--text-dim)}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-visual{max-width:280px;margin:0 auto}}.openclaw-banner{padding:5rem 0;background:var(--bg-primary);position:relative;overflow:hidden}.openclaw-banner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(212,160,74,.06) 0%,transparent 70%);pointer-events:none}.openclaw-inner{max-width:900px;margin:0 auto;padding:2.5rem 3rem;background:linear-gradient(135deg,#d4a04a0a,#818cf808);border:1px solid var(--border-warm);border-radius:20px;display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;position:relative}.openclaw-badge{display:flex;flex-direction:column;align-items:center;gap:.6rem}.openclaw-icon{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,var(--gold-dim),var(--indigo-dim));border:1px solid var(--border-warm);display:flex;align-items:center;justify-content:center;font-size:2rem}.openclaw-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;color:var(--gold);text-transform:uppercase;padding:.2rem .6rem;border:1px solid var(--gold-dim);border-radius:4px;background:#d4a04a0d}.openclaw-content h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.8rem;letter-spacing:-.5px}.openclaw-content h3 span{color:var(--gold)}.openclaw-content p{color:var(--text-secondary);line-height:1.85;font-size:.95rem}.openclaw-content p strong{color:var(--text-primary);font-weight:600}.openclaw-features{display:flex;gap:1.5rem;margin-top:1.2rem;flex-wrap:wrap}.openclaw-feat{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-dim)}.openclaw-feat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}@media(max-width:768px){.openclaw-inner{grid-template-columns:1fr;text-align:center;padding:2rem 1.5rem;gap:1.5rem}.openclaw-badge{flex-direction:row;justify-content:center}.openclaw-features{justify-content:center}}.features{background:var(--bg-primary);position:relative}.features:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(212,160,74,.05) 0%,transparent 70%);pointer-events:none}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{padding:2.2rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .4s}.feature-card.gold:before{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.feature-card.coral:before{background:linear-gradient(90deg,transparent,var(--coral),transparent)}.feature-card.emerald:before{background:linear-gradient(90deg,transparent,var(--emerald),transparent)}.feature-card.indigo:before{background:linear-gradient(90deg,transparent,var(--indigo),transparent)}.feature-card:hover{transform:translateY(-4px);border-color:#d4a04a1f;box-shadow:0 20px 60px #0006}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.3rem}.feature-icon.gold{background:linear-gradient(135deg,#d4a04a1f,#d4a04a0a);border:1px solid rgba(212,160,74,.18)}.feature-icon.coral{background:linear-gradient(135deg,#ef64611f,#ef64610a);border:1px solid rgba(239,100,97,.18)}.feature-icon.emerald{background:linear-gradient(135deg,#34d3991f,#34d3990a);border:1px solid rgba(52,211,153,.18)}.feature-icon.indigo{background:linear-gradient(135deg,#818cf81f,#818cf80a);border:1px solid rgba(129,140,248,.18)}.feature-card h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.7rem;letter-spacing:-.3px}.feature-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.8;margin-bottom:1.3rem}.feature-tags{display:flex;flex-wrap:wrap;gap:.4rem}.feature-tag{padding:.2rem .65rem;border-radius:100px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.5px;border:1px solid}.feature-tag.gold{color:var(--gold);border-color:var(--gold-dim);background:#d4a04a0a}.feature-tag.coral{color:var(--coral);border-color:var(--coral-dim);background:#ef64610a}.feature-tag.emerald{color:var(--emerald);border-color:var(--emerald-dim);background:#34d3990a}.feature-tag.indigo{color:var(--indigo);border-color:var(--indigo-dim);background:#818cf80a}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.demo{background:var(--bg-primary);position:relative;overflow:hidden}.demo-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.demo-scene{position:relative;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden;aspect-ratio:4/3}.demo-scene-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;background:#00000059;border-bottom:1px solid var(--border-glass)}.demo-dot{width:8px;height:8px;border-radius:50%}.demo-scene-title{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);margin-left:.5rem}.demo-scene-content{position:relative;width:100%;height:calc(100% - 36px);overflow:hidden}.demo-info h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem;letter-spacing:-.5px}.demo-info>p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.9}.demo-steps{display:flex;flex-direction:column;gap:.8rem}.demo-step{display:flex;gap:1rem;padding:1rem 1.1rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;transition:all .3s}.demo-step:hover{border-color:var(--border-warm);background:#d4a04a05}.demo-step-num{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--gold-dim),transparent);border:1px solid var(--gold-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:var(--gold);flex-shrink:0}.demo-step-text strong{display:block;font-size:.88rem;margin-bottom:.15rem}.demo-step-text p{font-size:.78rem;color:var(--text-dim);line-height:1.6}@media(max-width:768px){.demo-wrapper{grid-template-columns:1fr}}.tech{background:var(--bg-primary)}.tech-layers{display:flex;flex-direction:column;gap:.8rem;max-width:900px;margin:0 auto}.tech-layer{padding:1.3rem 1.8rem;border:1px solid var(--border-glass);border-radius:12px;background:var(--bg-card);display:grid;grid-template-columns:140px 1fr;gap:1.5rem;align-items:center;transition:all .3s}.tech-layer:hover{border-color:var(--border-warm);transform:translate(4px)}.tech-layer-name{font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.5px}.tech-layer-items{display:flex;flex-wrap:wrap;gap:.4rem}.tech-item{padding:.25rem .7rem;border-radius:5px;font-family:var(--font-mono);font-size:.72rem;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);transition:all .3s}.tech-item:hover{border-color:var(--border-warm);color:var(--gold)}.tech-diagram{margin-top:2.5rem;padding:2rem;border:1px solid var(--border-glass);border-radius:14px;background:var(--bg-card);max-width:900px;margin-left:auto;margin-right:auto}.tech-diagram-title{font-family:var(--font-display);font-size:.8rem;letter-spacing:3px;color:var(--gold);margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.tech-flow{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.tech-flow-node{padding:.6rem 1.1rem;border-radius:8px;font-size:.82rem;font-weight:500;text-align:center;min-width:90px}.tech-flow-arrow{color:var(--gold);font-size:1.1rem;flex-shrink:0;opacity:.5}@media(max-width:768px){.tech-layer{grid-template-columns:1fr;gap:.5rem}.tech-flow{flex-direction:column}.tech-flow-arrow{transform:rotate(90deg)}}.roadmap{background:var(--bg-primary);position:relative}.roadmap-timeline{position:relative;max-width:800px;margin:0 auto}.roadmap-line{position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold),var(--indigo),var(--coral));opacity:.2}.roadmap-item{display:flex;gap:1.8rem;margin-bottom:2.2rem;position:relative}.roadmap-dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.4rem;z-index:1}.roadmap-content{padding:1.3rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;flex:1;transition:all .3s}.roadmap-content:hover{border-color:var(--border-warm)}.roadmap-phase{font-family:var(--font-mono);font-size:.68rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:.3rem}.roadmap-content h4{font-family:var(--font-display);font-size:1.05rem;margin-bottom:.4rem;letter-spacing:-.3px}.roadmap-content p{font-size:.88rem;color:var(--text-secondary);line-height:1.7}@media(max-width:768px){.roadmap-item{gap:1rem}.roadmap-dot{width:42px;height:42px;font-size:1rem}.roadmap-line{left:20px}}.cta{background:var(--bg-primary);position:relative;text-align:center;padding:8rem 0}.cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,160,74,.06) 0%,transparent 70%);pointer-events:none}.cta h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;position:relative;letter-spacing:-1px}.cta p{color:var(--text-secondary);font-size:1.05rem;max-width:480px;margin:0 auto 2.5rem;position:relative;line-height:1.8}.cta .btn-primary{position:relative;font-size:1.05rem;padding:1rem 3rem}.footer{padding:2.5rem 0;border-top:1px solid var(--border-glass);background:var(--bg-primary)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-family:var(--font-display);font-size:.85rem;color:var(--gold);font-weight:600}.footer-copy{font-size:.78rem;color:var(--text-dim)}.footer-links{display:flex;gap:1.5rem;list-style:none}.footer-links a{font-size:.78rem;color:var(--text-dim);transition:color .3s}.footer-links a:hover{color:var(--gold)}@media(max-width:768px){.footer-inner{flex-direction:column;gap:1rem;text-align:center}}.floating-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-particle{position:absolute;width:2px;height:2px;background:var(--gold);border-radius:50%;opacity:.15;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.2}90%{opacity:.2}to{transform:translateY(-10vh) translate(20px);opacity:0}}