:root{--red: #FF2D1A;--red-glow: rgba(255, 45, 26, .3);--bg: #0a0a0a;--bg2: #0f0f0f;--white: #f0f0f0;--muted: #5a5a5a;--border: rgba(255, 255, 255, .07)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--white);font-family:DM Sans,sans-serif;overflow-x:hidden}::selection{background:#ff2d1a40;color:#fff}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-up{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.2}to{transform:translateY(-20vh) translate(20px);opacity:0}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:28px 60px;display:flex;align-items:center;justify-content:space-between;transition:padding .4s,background .4s,border-color .4s;border-bottom:1px solid transparent}nav.scrolled{padding:16px 60px;background:#0a0a0ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav-logo{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:4px;color:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none}.nav-logo .dot{color:var(--red)}.nav-links{display:flex;gap:48px;list-style:none}.nav-links button{background:none;border:none;color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .3s;padding:0}.nav-links button:hover{color:var(--white)}.nav-cta{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--red);border:none;padding:10px 24px;font-family:DM Sans,sans-serif;cursor:pointer;transition:opacity .3s}.nav-cta:hover{opacity:.85}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--white);transition:all .3s}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:140px 60px 100px}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 55%,rgba(255,45,26,.04) 0%,transparent 70%)}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 100%)}.particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;background:var(--red);border-radius:50%;animation:float-up linear infinite;opacity:0}.hero-content{text-align:center;position:relative;z-index:2;max-width:860px}.hero-badge{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:48px;animation:fade-up .7s cubic-bezier(.16,1,.3,1) both}.hero-badge:before{content:"";width:28px;height:1px;background:var(--red)}.hero-logo-wrapper{display:flex;justify-content:center;margin-bottom:36px;animation:fade-up .7s cubic-bezier(.16,1,.3,1) .08s both}.hero-logo-img{width:72px;height:72px;filter:drop-shadow(0 0 20px rgba(255,45,26,.3))}.hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(90px,16vw,180px);line-height:.85;letter-spacing:10px;color:var(--white);animation:fade-up .7s cubic-bezier(.16,1,.3,1) .14s both}.hero h1 .accent{color:var(--red)}.hero-sub{font-size:16px;color:var(--muted);font-weight:300;letter-spacing:.5px;margin-top:28px;animation:fade-up .7s cubic-bezier(.16,1,.3,1) .2s both}.hero-actions{display:flex;gap:16px;justify-content:center;margin-top:52px;animation:fade-up .7s cubic-bezier(.16,1,.3,1) .28s both}.btn-primary{background:var(--red);color:#fff;border:1px solid var(--red);padding:15px 36px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:opacity .3s,transform .3s;display:inline-block}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--muted);border:1px solid var(--border);padding:15px 36px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .3s,border-color .3s;display:inline-block}.btn-secondary:hover{color:var(--white);border-color:#fff3}.marquee-bar{overflow:hidden;padding:36px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 20s linear infinite;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.marquee-group{display:flex;align-items:center;gap:60px;flex-shrink:0;padding-right:60px}.marquee-item{display:flex;align-items:center;gap:14px;flex-shrink:0}.marquee-logo{height:40px;width:auto;object-fit:contain;filter:grayscale(1) brightness(.7);transition:filter .3s}.marquee-item:hover .marquee-logo{filter:grayscale(0) brightness(1)}.marquee-name{font-size:15px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;transition:color .3s}.marquee-item:hover .marquee-name{color:var(--white)}.marquee-item.soon{opacity:.4}.marquee-badge{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--red);border:1px solid var(--red);padding:2px 8px;border-radius:4px;white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}.section-tag{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-tag:before{content:"";width:20px;height:1px;background:var(--red)}.section-title{font-family:Bebas Neue,sans-serif;font-size:clamp(44px,5.5vw,72px);letter-spacing:3px;line-height:.92;max-width:500px}.features{padding:140px 60px;max-width:1100px;margin:0 auto}.features-header{margin-bottom:64px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bento-card{background:#ffffff05;border:1px solid var(--border);border-radius:16px;padding:32px;transition:border-color .4s,box-shadow .4s}.bento-card:hover{border-color:#ff2d1a4d;box-shadow:0 0 30px #ff2d1a0f}.bento-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ff2d1a14;color:var(--red);margin-bottom:20px}.bento-title{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;font-weight:400;margin-bottom:8px}.bento-desc{font-size:14px;color:var(--muted);line-height:1.7;font-weight:300}.supported{padding:0 60px 140px;max-width:1100px;margin:0 auto}.supported-header{margin-bottom:56px}.supported-list{border-bottom:1px solid var(--border)}.supported-item{display:flex;align-items:center;gap:16px;padding:22px 0;border-top:1px solid var(--border);transition:border-color .5s}.supported-item:hover{border-top-color:#ff2d1a59}.supported-name{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:3px;color:var(--white);flex:1;transition:transform .5s cubic-bezier(.16,1,.3,1)}.supported-item:hover .supported-name{transform:translate(4px)}.supported-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.supported-dot.live{background:#22c55e}.supported-dot.soon{background:var(--muted)}.supported-status{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);width:80px;text-align:right}.supported-item.soon .supported-name{color:var(--muted)}.showcase{padding:0 60px 140px;max-width:1100px;margin:0 auto}.showcase-header{margin-bottom:48px}.showcase-frame{position:relative;border:1px solid var(--border);overflow:hidden}.showcase-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 30%);z-index:2;pointer-events:none}.app-preview{background:var(--bg2);aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;position:relative}.fake-window{width:88%;height:82%;background:#0c0c0c;border:1px solid rgba(255,255,255,.06);position:relative;box-shadow:0 24px 64px #00000080}.fake-titlebar{height:34px;background:#141414;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;padding:0 14px;gap:7px}.dot-close{width:9px;height:9px;border-radius:50%;background:var(--red)}.dot-min,.dot-max{width:9px;height:9px;border-radius:50%;background:#2a2a2a}.titlebar-text{margin-left:10px;font-size:10px;color:#3a3a3a}.fake-body{display:flex;height:calc(100% - 34px)}.fake-sidebar{width:160px;background:#0a0a0a;border-right:1px solid rgba(255,255,255,.03);padding:16px 10px;position:relative}.fake-logo{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:14px}.fake-logo-icon{width:16px;height:16px;background:var(--red);clip-path:polygon(50% 0%,100% 100%,0% 100%);opacity:.8}.fake-logo-text{font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:2px;color:#ccc}.fake-nav-item{padding:7px 10px;font-size:10px;color:#4a4a4a;border-radius:3px;margin-bottom:2px}.fake-nav-item.active{background:#ff2d1a14;color:var(--red);border-left:2px solid var(--red)}.fake-nav-bottom{position:absolute;bottom:16px;left:10px;right:10px}.fake-main{flex:1;padding:16px;overflow:hidden}.fake-header{height:52px;background:#ff2d1a0a;border:1px solid rgba(255,45,26,.08);border-radius:3px;margin-bottom:12px;display:flex;align-items:center;padding:0 16px;gap:10px}.fake-avatar{width:28px;height:28px;background:#1a1a1a;border-radius:3px}.fake-server-info{flex:1}.fake-server-name{height:7px;width:72px;background:#2a2a2a;border-radius:2px;margin-bottom:4px}.fake-server-status{height:5px;width:44px;background:#ff2d1a33;border-radius:2px}.fake-btn{width:44px;height:20px;background:var(--red);border-radius:2px;opacity:.8}.fake-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fake-card{background:#111;border:1px solid rgba(255,255,255,.04);border-radius:3px;padding:12px;position:relative}.fake-card-title{height:7px;width:52px;background:#2a2a2a;border-radius:2px;margin-bottom:5px}.fake-card-sub{height:5px;width:88px;background:#1a1a1a;border-radius:2px;margin-bottom:9px}.fake-card-status{display:flex;align-items:center;gap:4px}.status-dot{width:4px;height:4px;border-radius:50%}.status-dot.green{background:#22c55e}.status-dot.red{background:var(--red)}.fake-card-statustext{height:4px;width:52px;background:#1a1a1a;border-radius:2px}.fake-card-btn{position:absolute;right:9px;bottom:9px;width:36px;height:15px;background:var(--red);border-radius:2px;opacity:.75}.showcase-label{position:absolute;bottom:36px;left:0;right:0;text-align:center;z-index:3}.showcase-label span{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.download{padding:140px 60px;text-align:center;border-top:1px solid var(--border)}.download-inner{max-width:600px;margin:0 auto}.download .section-tag{justify-content:center}.download-title{font-family:Bebas Neue,sans-serif;font-size:clamp(52px,8vw,96px);letter-spacing:4px;line-height:.9;margin-top:16px;margin-bottom:20px}.download-sub{color:var(--muted);font-size:14px;font-weight:300;margin-bottom:48px}.download-btn{display:inline-flex;align-items:center;gap:10px;background:var(--red);border:none;padding:16px 36px;color:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:opacity .3s,transform .3s}.download-btn:hover{opacity:.85;transform:translateY(-1px)}.download-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--muted);margin-top:12px}.download-btn.secondary:hover{border-color:#fff3;color:var(--white)}.download-unavailable{margin-bottom:20px}.download-os-badge{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--red);border:1px solid rgba(255,45,26,.3);padding:6px 16px;border-radius:6px}footer{border-top:1px solid var(--border);padding:28px 60px;display:flex;align-items:center;justify-content:space-between}.footer-logo{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:4px;color:#2a2a2a;text-decoration:none;cursor:pointer}.footer-logo span{color:var(--red)}.footer-copy{font-size:11px;color:#2a2a2a;letter-spacing:1px}.footer-links{display:flex;gap:28px}.footer-links a{font-size:11px;color:#2a2a2a;text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color .3s}.footer-links a:hover{color:var(--white)}@media(max-width:768px){nav{padding:16px 24px}nav.scrolled{padding:14px 24px}.nav-links{display:none;position:fixed;inset:0;background:#0a0a0af5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;align-items:center;justify-content:center;gap:36px;z-index:99}.nav-links.open{display:flex}.nav-links button{font-size:16px;color:var(--white)}.nav-toggle{display:flex;z-index:101}.nav-cta{display:none}.hero{padding:120px 24px 80px}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:260px;text-align:center}.marquee-track{gap:50px}.features{padding:80px 24px}.bento-grid{grid-template-columns:1fr}.showcase{padding:0 24px 80px}.download{padding:80px 24px}footer{flex-direction:column;gap:14px;padding:24px;text-align:center}}@media(max-width:480px){.marquee-logo{height:30px}.marquee-name{font-size:12px}}