:root{--bg-dark:#08070e;--bg-card:#131120;--bg-card-hover:#1a172c;--bg-nav:#0c0b14bf;--text-primary:#f4f3f6;--text-secondary:#a09cb4;--text-muted:#6e6b82;--grad-logo-start:#64368b;--grad-logo-end:#22134a;--grad-brand:linear-gradient(135deg, #64368b 0%, #3e1b5c 50%, #22134a 100%);--grad-accent:linear-gradient(90deg, #2a80ff 0%, #8040ff 50%, #e040ff 100%);--grad-glow:radial-gradient(circle, #8040ff1f 0%, #0c0b1400 70%);--color-purple:#64368b;--color-indigo:#22134a;--color-blue:#2a80ff;--color-pink:#e040ff;--border-color:#ffffff0f;--border-color-hover:#ffffff26;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", var(--font-sans);--shadow-premium:0 15px 35px -5px #0009, 0 5px 15px -5px #0000004d;--shadow-glow:0 0 30px #64368b40;--shadow-accent-glow:0 8px 20px #8040ff4d;--glass-blur:blur(16px);--max-width:1200px;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6}body{-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#64368b14 0%,#0000 40%),radial-gradient(circle at 90% 80%,#2a80ff0d 0%,#0000 40%);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-dark);background:#232038;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}p{color:var(--text-secondary)}strong{color:var(--text-primary)}.text-center{text-align:center}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.grid{gap:40px;display:grid}.grid-2{grid-template-columns:1fr}@media (width>=992px){.grid-2{grid-template-columns:1fr 1fr}}.align-center{align-items:center}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-icon{width:18px;height:18px;margin-right:8px}.btn-primary{background:var(--grad-brand);color:var(--text-primary);border:1px solid #ffffff1a;box-shadow:0 4px 15px #64368b4d}.btn-primary:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #64368b80,0 0 10px #8040ff33}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff1a;transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color-hover);background:0 0}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff08;transform:translateY(-2px)}.btn-server{color:var(--text-primary);border:1px solid var(--color-purple);background:linear-gradient(135deg,#1d1b33 0%,#100e1f 100%);box-shadow:0 4px 15px #0003}.btn-server:hover{border-color:var(--color-blue);background:linear-gradient(135deg,#24223d 0%,#151329 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a80ff40}.btn-block{width:100%;display:flex}.btn-donate{font-family:var(--font-sans);color:#fff;box-shadow:var(--shadow-accent-glow);cursor:pointer;background:linear-gradient(90deg,#2a80ff 0%,#8040ff 50%,#e040ff 100%);border:none;border-radius:40px;justify-content:center;align-items:center;padding:16px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-donate:hover{transform:scale(1.04)translateY(-2px);box-shadow:0 12px 30px #8040ff80,0 0 15px #e040ff4d}.btn-donate:active{transform:scale(.98)translateY(0)}.btn-donate .heart-icon{color:#fff;width:20px;height:20px;margin-right:12px;transition:transform .3s}.btn-donate:hover .heart-icon{animation:1s infinite alternate heartbeat;transform:scale(1.2)}@keyframes heartbeat{0%{transform:scale(1)}to{transform:scale(1.25)}}.navbar{height:var(--nav-height);background:var(--bg-nav);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:1000;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#08070ee6;height:70px;box-shadow:0 10px 30px #0000004d}.nav-container{height:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{border-radius:10px;width:40px;height:40px}.brand-name{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-primary);background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:800}.nav-menu{gap:32px;display:none}@media (width>=768px){.nav-menu{display:flex}}.nav-link{color:var(--text-secondary);padding:8px 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background:var(--color-purple);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-actions{display:none}@media (width>=768px){.nav-actions{display:block}}.nav-btn{border-radius:8px;padding:8px 18px;font-size:14px}.mobile-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex}@media (width>=768px){.mobile-toggle{display:none}}.mobile-toggle span{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s}.mobile-toggle.active span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.navbar-mobile{border-left:1px solid var(--border-color);z-index:999;background:#0d0c18;flex-direction:column;gap:24px;width:300px;height:100vh;padding:100px 32px 32px;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.navbar-mobile.active{right:0}.navbar-mobile .nav-link{border-bottom:1px solid #ffffff08;padding:10px 0;font-size:20px}section{padding:80px 0;position:relative}@media (width>=768px){section{padding:120px 0}}.section-tag{text-transform:uppercase;letter-spacing:2px;color:var(--color-blue);margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.section-title{letter-spacing:-.5px;margin-bottom:20px;font-size:30px}@media (width>=768px){.section-title{font-size:42px;line-height:1.2}}.section-desc{max-width:600px;margin-bottom:40px;font-size:16px;line-height:1.7}.section-header{flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.section-header .section-desc{margin-bottom:0}.hero-section{padding-top:calc(var(--nav-height) + 40px);text-align:center;align-items:center;min-height:95vh;display:flex}.hero-container{flex-direction:column;align-items:center;display:flex}.hero-badge{color:#c4b5fd;background:#64368b26;border:1px solid #64368b4d;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--color-blue);width:6px;height:6px;box-shadow:0 0 10px var(--color-blue);border-radius:50%;animation:1.5s infinite alternate pulse-dot}@keyframes pulse-dot{0%{opacity:.4}to{opacity:1}}.hero-title{letter-spacing:-1.5px;background:linear-gradient(135deg,#fff 30%,#b8b3d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:850px;margin-bottom:20px;font-size:34px;font-weight:800;line-height:1.15}@media (width>=768px){.hero-title{font-size:60px}}.hero-subtitle{max-width:700px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-ctas{flex-direction:column;gap:16px;width:100%;max-width:320px;margin-bottom:60px;display:flex}@media (width>=576px){.hero-ctas{flex-direction:row;justify-content:center;max-width:none}}.showcase-window-container{perspective:1000px;width:100%;max-width:1000px;margin-top:20px;position:relative}.mac-window{box-shadow:var(--shadow-premium);background:#110e22;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.mac-window:hover{transform:translateY(-4px)scale(1.005)}.window-header{-webkit-user-select:none;user-select:none;background:#1a172ccc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.window-controls{gap:8px;width:80px;display:flex}.control-dot{border-radius:50%;width:12px;height:12px}.control-dot.close{background-color:#ff5f56}.control-dot.minimize{background-color:#ffbd2e}.control-dot.maximize{background-color:#27c93f}.window-tabs{background:#00000040;border:1px solid #ffffff08;border-radius:10px;padding:3px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);background:#ffffff14;box-shadow:0 2px 8px #0003}.tab-icon{width:14px;height:14px}.window-title{color:var(--text-secondary);font-size:13px;font-weight:500}.window-right-spacer{width:80px}.window-body{aspect-ratio:1408/768;background:#0f0e1c;position:relative;overflow:hidden}.window-img{object-fit:cover;opacity:0;z-index:1;width:100%;height:100%;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;transform:scale(1.02)}.window-img.active{opacity:1;z-index:2;transform:scale(1)}.showcase-shadow{z-index:-1;pointer-events:none;filter:blur(10px);background:radial-gradient(#64368b66 0%,#0000 70%);height:60px;position:absolute;bottom:-30px;left:5%;right:5%}.server-section{background:relative;overflow:hidden}.server-section:before{content:"";background:var(--grad-glow);pointer-events:none;z-index:0;width:600px;height:600px;position:absolute;top:30%;left:70%}.server-container{z-index:1;position:relative}.server-features{flex-direction:column;gap:24px;margin-top:32px;display:flex}.s-feature{gap:16px;display:flex}.sf-icon{width:44px;height:44px;color:var(--color-blue);background:#2a80ff1a;border:1px solid #2a80ff33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sf-icon svg{width:20px;height:20px}.s-feature h4{margin-bottom:4px;font-size:16px}.s-feature p{font-size:14px}.server-diagram-container{justify-content:center;align-items:center;min-height:400px;padding:20px 0;display:flex}.diagram-canvas{background:#19162f59;border:1px solid #ffffff0d;border-radius:20px;width:100%;max-width:500px;height:380px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0000004d}.diagram-node{box-shadow:var(--shadow-premium);z-index:10;background:#17152b;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute}.diagram-node:hover{border-color:var(--color-purple);transform:translateY(-3px);box-shadow:0 10px 25px #64368b4d}.node-icon{width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;margin-bottom:6px;display:flex}.node-icon svg{width:24px;height:24px}.node-label{color:var(--text-secondary);font-size:12px;font-weight:600}.node-server{border-color:#64368b66;width:140px;padding:16px 12px;top:50%;left:10%;transform:translateY(-50%);box-shadow:0 0 20px #64368b26}.node-server:hover{transform:translateY(-52%)}.node-server .node-icon{color:var(--color-purple);filter:drop-shadow(0 0 8px #64368b99)}.server-libraries{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;display:flex}.lib-tag{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.node-client{width:110px;padding:12px 10px}.node-client .node-icon{color:var(--color-blue)}.node-mac{top:12%;right:10%}.node-ipad{top:48%;right:10%;transform:translateY(-50%)}.node-ipad:hover{transform:translateY(-52%)}.node-iphone{bottom:12%;right:10%}.pulse-ring{pointer-events:none;z-index:1;border:1.5px dashed #64368b66;border-radius:50%;position:absolute;top:50%;left:24%;transform:translate(-50%,-50%)}.ring-1{width:200px;height:200px;animation:4s linear infinite pulse-ring-anim}.ring-2{width:350px;height:350px;animation:6s linear infinite pulse-ring-anim}@keyframes pulse-ring-anim{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(360deg)}}.stream{z-index:2;pointer-events:none;background:linear-gradient(90deg,#64368b1a,#2a80ff66);height:2px;position:absolute}.stream-mac{transform-origin:0 0;width:170px;top:31%;left:35%;transform:rotate(-30deg)}.stream-ipad{width:140px;top:50%;left:38%}.stream-iphone{transform-origin:0 100%;width:170px;bottom:30%;left:35%;transform:rotate(30deg)}.stream-dot{width:8px;height:8px;box-shadow:0 0 10px #fff, 0 0 20px var(--color-blue);background:#fff;border-radius:50%;animation:2.5s cubic-bezier(.445,.05,.55,.95) infinite travel-dot;position:absolute;top:-3px;left:0}.stream-ipad .stream-dot{animation-delay:.8s}.stream-iphone .stream-dot{animation-delay:1.6s}@keyframes travel-dot{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.features-section{border-y:1px solid var(--border-color);background-color:#19162f26}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#8040ff0d 0%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-premium);transform:translateY(-5px)}.feature-card:hover:before{opacity:1}.f-card-icon{color:#c4b5fd;z-index:2;background:#64368b1a;border:1px solid #64368b33;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;transition:all .3s;display:flex;position:relative}.feature-card:hover .f-card-icon{background:var(--grad-brand);color:#fff;border-color:#ffffff1a;transform:scale(1.05)}.f-card-icon svg{width:22px;height:22px}.f-card-title{z-index:2;margin-bottom:12px;font-size:18px;position:relative}.f-card-desc{z-index:2;font-size:14px;line-height:1.6;position:relative}.reader-showcase-section{overflow:hidden}.reader-visual{position:relative}.reader-window{border-color:#ffffff1a}.reader-window .window-header{color:#000;background:#efeff4;border-bottom:1px solid #d1d1d6}.reader-window .window-controls .control-dot{opacity:.8}.reader-window .window-title{color:#555;font-weight:600}.reader-window .window-body{background:#fff}.reader-checklist{flex-direction:column;gap:20px;list-style:none;display:flex}.reader-checklist li{gap:16px;display:flex}.check-icon{width:22px;height:22px;color:var(--color-blue);background:#2a80ff1a;border-radius:50%;flex-shrink:0;padding:4px}.reader-checklist span{color:var(--text-secondary);font-size:15px}.reader-checklist strong{color:var(--text-primary);margin-bottom:2px;font-size:16px;display:block}.download-grid{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=768px){.download-grid{grid-template-columns:repeat(3,1fr)}}.download-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:40px 32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.download-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-premium);transform:translateY(-5px)}.dc-icon{border:1px solid var(--border-color);width:64px;height:64px;color:var(--text-primary);background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;transition:all .3s;display:flex}.download-card:hover .dc-icon{background:#ffffff14;transform:scale(1.05)}.dc-icon svg{width:32px;height:32px}.download-card h3{margin-bottom:12px;font-size:20px}.download-card p{min-height:60px;margin-bottom:30px;font-size:14px}.download-card .btn{margin-top:auto;margin-bottom:16px}.dc-meta{color:var(--text-muted);font-size:12px}.download-card.highlighted{background:linear-gradient(#18152c 0%,#100d1e 100%);border-color:#64368b80;box-shadow:0 10px 30px #64368b1a}.download-card.highlighted:after{content:"";background:linear-gradient(90deg, transparent, var(--color-purple), transparent);height:2px;position:absolute;top:-1px;left:5%;right:5%}.download-card.highlighted .dc-icon{color:#c4b5fd;background:#64368b33;border-color:#64368b66}.download-card.highlighted:hover .dc-icon{color:#fff;background:#64368b4d}.dc-badge{background:var(--color-purple);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:30px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 2px 10px #64368b66}.support-section{position:relative;overflow:hidden}.support-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8040ff26 0%,#08070e00 70%);width:800px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.support-container{z-index:1;border:1px solid var(--border-color);text-align:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#19162f80 0%,#0d0b1980 100%);border-radius:32px;padding:60px 24px;position:relative}@media (width>=768px){.support-container{padding:80px 60px}}.support-content{max-width:700px;margin:0 auto}.support-title{letter-spacing:-.5px;margin-bottom:20px;font-size:28px}@media (width>=768px){.support-title{font-size:36px}}.support-desc{margin-bottom:40px;font-size:16px;line-height:1.7}.donate-container{justify-content:center;display:flex}footer{border-top:1px solid var(--border-color);background:#06050b;padding:80px 0 0}.footer-container{grid-template-columns:1fr;gap:50px;margin-bottom:60px;display:grid}@media (width>=768px){.footer-container{grid-template-columns:1.5fr 3fr}}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-brand .brand{align-self:flex-start}.footer-tagline{max-width:250px;font-size:14px}.footer-links-group{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}@media (width>=576px){.footer-links-group{grid-template-columns:repeat(3,1fr)}}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:700}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid #ffffff08;padding:30px 0}.footer-bottom-container{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}@media (width>=768px){.footer-bottom-container{text-align:left;flex-direction:row;justify-content:space-between}}.footer-bottom p{color:var(--text-muted);font-size:13px}.reveal,.reveal-left,.reveal-right{opacity:0;will-change:transform, opacity;transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal{transform:translateY(30px)}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal.active,.reveal-left.active,.reveal-right.active{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right{opacity:1!important;transition:none!important;transform:none!important}.badge-dot{animation:none!important}.stream-dot{animation:none!important;left:50%!important}.pulse-ring{animation:none!important}}