:root{--bg: #000000;--bg-elevated: #0d0d0d;--text: #ffffff;--text-secondary: #b4b4b4;--text-muted: #737373;--border: #262626;--blue: #3b82f6;--blue-hover: #60a5fa;--blue-dark: #2563eb}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-container{max-width:1400px;margin:0 auto;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo{width:48px;height:48px}.nav-brand-text{display:flex;flex-direction:column;gap:2px}.nav-title{font-size:24px;font-weight:800;letter-spacing:.05em;color:var(--text);line-height:1}.nav-slogan{font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;line-height:1}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text)}.nav-link-cta{padding:8px 18px;background:var(--blue);color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s}.nav-link-cta:hover{background:var(--blue-hover);transform:translateY(-1px)}.hero{padding:120px 40px 80px;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);pointer-events:none;filter:blur(80px)}.hero-main{max-width:1000px;margin:0 auto;position:relative;z-index:1}.hero-header{margin-bottom:48px}.platform-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:999px;font-size:14px;color:var(--blue);margin-bottom:24px}.badge-logo{width:20px;height:20px;color:var(--blue)}.hero-title{font-size:clamp(48px,6vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:0;line-height:1.7}.hero-video-frame{margin:48px 0;border-radius:16px;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 20px 70px #0009}.hero-video{width:100%;aspect-ratio:16/9;display:block;background:#000}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:0 10px 30px #3b82f64d}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.btn-large{padding:18px 36px;font-size:18px}.platforms-section,.features-section,.cta-section,.token-section{padding:100px 40px;position:relative}.token-section{background:var(--bg);position:relative;overflow:hidden}.token-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.token-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.token-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:999px;font-size:14px;font-weight:600;color:#3b82f6;margin-bottom:24px}.token-title{font-size:clamp(36px,5vw,52px);font-weight:700;letter-spacing:-.02em;margin-bottom:24px;line-height:1.2}.token-description{font-size:20px;line-height:1.7;color:var(--text-secondary);margin-bottom:60px}.token-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px;text-align:left}.benefit-item{display:flex;gap:16px;background:var(--bg-elevated);padding:24px;border-radius:12px;border:1px solid var(--border);transition:all .3s}.benefit-item:hover{border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}.benefit-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#3b82f626;border-radius:10px;color:#3b82f6}.benefit-text h4{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text)}.benefit-text p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}.token-cta{font-size:20px;color:var(--text-secondary);font-weight:500;line-height:1.6}.platforms-section{background:var(--bg-elevated)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:clamp(36px,4vw,48px);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.section-desc{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.hotkeys-section{padding:100px 40px;background:var(--bg);position:relative;overflow:hidden}.hotkeys-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}.speed-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid rgba(59,130,246,.4);border-radius:999px;font-size:13px;font-weight:600;color:var(--blue-hover);margin-bottom:24px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.speed-badge svg{animation:lightning 1.5s ease-in-out infinite}@keyframes lightning{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.hotkeys-demo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hotkeys-container{display:inline-flex;gap:8px;background:transparent;padding:12px 16px;border-radius:0;border:none;box-shadow:none}.hotkey-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:#000000d9;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;overflow:visible;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 12px #0006;gap:2px}.gear-btn{background:#000000d9;border:1px solid rgba(255,255,255,.1);min-width:48px;width:48px;padding:0}.gear-btn svg{color:#fff;width:18px;height:18px}.gear-btn:hover{background:#000000e6;border-color:#fff3;transform:translateY(-1px);box-shadow:0 6px 16px #00000080}.hotkey-item:hover:not(.gear-btn){background:#000000e6;border-color:#fff3;transform:translateY(-1px);box-shadow:0 6px 16px #00000080}.hotkey-item:not(.hotkey-percent):not(.gear-btn){background:#00bfff33;border-color:#00bfff66}.hotkey-item:not(.hotkey-percent):not(.gear-btn):hover{background:#00bfff4d;border-color:#00bfff99;box-shadow:0 8px 20px #0000004d,0 0 20px #00bfff4d,inset 0 1px #ffffff26}.hotkey-percent{background:#ef444433;border-color:#ef444466}.hotkey-percent:hover{background:#ef44444d;border-color:#ef444499;box-shadow:0 8px 20px #0000004d,0 0 20px #ef44444d,inset 0 1px #ffffff26}.hotkey-item.pressed:not(.gear-btn){transform:scale(.95) translateY(-1px);box-shadow:0 0 25px #00bfffb3,inset 0 2px 8px #00bfff4d;border-color:#00bfffe6}.hotkey-percent.pressed{box-shadow:0 0 25px #ef4444b3,inset 0 2px 8px #ef44444d;border-color:#ef4444e6}.hotkey-item.pressed:after{content:"";position:absolute;inset:-2px;border:1px solid currentColor;border-radius:14px;animation:ripple .6s ease-out;pointer-events:none;color:#00bfffcc}.hotkey-percent.pressed:after{color:#ef4444cc}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.hotkey-value{font-size:13px;font-weight:700;color:#fff;font-family:Inter,sans-serif;line-height:1}.hotkey-key{font-size:9px;font-weight:600;color:#fff9;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;line-height:1}.hotkey-item.pressed .hotkey-value{text-shadow:0 0 10px rgba(255,255,255,.9)}.hotkey-item.pressed .hotkey-key{color:#ffffffe6;animation:key-pulse .3s ease-out}@keyframes key-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hotkeys-hint{text-align:center;color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.hotkeys-hint svg{color:var(--blue)}.platforms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto}.platform-card{background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:32px 20px;text-align:center;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center}.platform-card:hover{transform:translateY(-2px)}.platform-active{border-color:var(--blue);box-shadow:0 8px 32px #3b82f633}.platform-coming{opacity:.5}.platform-logo{width:120px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:var(--blue)}.platform-logo-gray{filter:grayscale(30%);opacity:.85}.platform-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.platform-name{font-size:16px;font-weight:700;margin-bottom:8px}.platform-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-active{background:#3b82f626;color:var(--blue);border:1px solid rgba(59,130,246,.3)}.status-coming{background:#3b82f61a;color:var(--blue);border:1px solid rgba(59,130,246,.3)}.features-section{background:var(--bg-elevated)}.feature-row{display:flex;flex-direction:column;gap:48px;align-items:center;margin-bottom:120px;max-width:1400px;margin-left:auto;margin-right:auto}.feature-row:last-child{margin-bottom:0}.feature-row-reverse{flex-direction:column}.feature-row-reverse .feature-visual{order:0}.feature-content{position:relative;text-align:center;max-width:800px}.feature-number{font-size:14px;font-weight:700;color:var(--blue);margin-bottom:16px;letter-spacing:.1em}.feature-title{font-size:36px;font-weight:700;margin-bottom:16px;letter-spacing:-.01em}.feature-text{font-size:18px;line-height:1.7;color:var(--text-secondary)}.feature-visual{position:relative;width:100%;max-width:1400px}.comparison-grid{display:flex;flex-direction:column;gap:32px;background:var(--bg);padding:40px;border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 32px #0006;max-width:1600px;margin:0 auto}.comp-side{position:relative;display:flex;flex-direction:column;width:100%}.comp-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:20px;padding:12px 20px;background:var(--bg-elevated);border-radius:8px;border:2px solid var(--border);width:fit-content;margin-left:auto;margin-right:auto}.comp-label:not(.comp-label-after){color:var(--text-muted)}.comp-label-after{color:var(--blue);border-color:var(--blue);background:#3b82f61a}.feature-img{width:100%;height:auto;border-radius:12px;border:2px solid var(--border);background:var(--bg-elevated);cursor:zoom-in;transition:all .3s ease;box-shadow:0 4px 20px #00000080}.feature-img:hover{transform:scale(1.01);border-color:var(--blue);box-shadow:0 12px 48px #3b82f666}.lightbox-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;align-items:center;justify-content:center;padding:40px;cursor:zoom-out}.lightbox-modal.active{display:flex}.lightbox-content{max-width:95vw;max-height:95vh;position:relative;animation:zoomIn .3s ease}.lightbox-img{max-width:100%;max-height:95vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 80px #000c}.lightbox-close{position:absolute;top:20px;right:20px;width:48px;height:48px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001}.lightbox-close:hover{background:#fff3;border-color:#fff;transform:scale(1.1)}.lightbox-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;text-align:center;pointer-events:none}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cta-section{text-align:center;padding:140px 40px}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:clamp(40px,5vw,56px);font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.cta-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:16px}.cta-tagline{font-size:18px;color:var(--text-secondary);margin-bottom:40px;font-style:italic}.cta-note{margin-top:20px;font-size:14px;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:60px 40px 40px}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-left{display:flex;flex-direction:column;gap:16px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{width:28px;height:28px}.footer-title{font-size:18px;font-weight:800;letter-spacing:.05em}.footer-copy{font-size:14px;color:var(--text-muted)}.footer-links{display:flex;gap:32px}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--text)}@media(max-width:1024px){.comparison-grid{gap:24px;padding:24px}.comp-label{font-size:13px;padding:10px 16px}.lightbox-content{padding:20px}}@media(max-width:768px){.nav-container{padding:0 24px}.nav-links{gap:20px}.nav-link{display:none}.hero{padding:100px 24px 60px}.hero-title{font-size:40px}.hero-subtitle{font-size:16px}.platforms-section,.features-section,.cta-section,.token-section{padding:60px 24px}.token-benefits{grid-template-columns:1fr;gap:20px}.token-description{font-size:17px;margin-bottom:40px}.token-cta{font-size:17px}.platforms-grid{grid-template-columns:repeat(2,1fr)}.section-header{margin-bottom:48px}.feature-row{margin-bottom:80px}.comparison-grid{gap:20px;padding:20px}.feature-title{font-size:28px}.lightbox-modal{padding:20px}.lightbox-close{top:10px;right:10px;width:40px;height:40px}.footer-container{flex-direction:column;gap:32px;text-align:center}.footer-left{align-items:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content,.section-header,.feature-row,.video-frame{animation:fadeInUp .8s ease-out}<<<<<<< HEAD ======= .privacy-container{max-width:900px;margin:120px auto 80px;padding:0 40px;animation:fadeInUp .6s ease-out}.privacy-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#00bfff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.privacy-updated{color:var(--text-muted);font-size:14px;margin-bottom:48px}.privacy-section{margin-bottom:48px}.privacy-section h2{font-size:28px;font-weight:700;color:#00bfff;margin-bottom:16px}.privacy-section p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.7}.privacy-section ul{margin-left:32px;margin-bottom:24px}.privacy-section ul li{color:var(--text-secondary);margin-bottom:12px;font-size:16px;line-height:1.7}.privacy-section strong{color:var(--text);font-weight:600}.privacy-highlight{background:#00bfff0d;border-left:3px solid #00bfff;padding:24px;margin:32px 0;border-radius:8px}.privacy-highlight p{margin-bottom:8px}.privacy-highlight ul{margin-top:16px}.privacy-divider{margin:48px 0;border:none;border-top:1px solid var(--border)}.privacy-footer{font-size:14px;color:var(--text-muted);text-align:center;padding-bottom:32px}.privacy-footer p{margin-bottom:8px}@media(max-width:768px){.privacy-container{margin-top:100px;padding:0 24px}.privacy-title{font-size:32px}.privacy-section h2{font-size:22px}}>>>>>>> c9e3175 (Initial commit - XAPE website with TypeScript router and privacy policy){}