*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg-card:#0f0f0f;--bg-card-hover:#141414;--border:#ffffff14;--border-hover:#ffffff26;--text-1:#f0f0f0;--text-2:#a0a0a0;--text-3:#505050;--accent:#6366f1;--accent-light:#818cf8;--green:#22c55e;--red:#ef4444}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}.bg-noise{z-index:0;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.bg-top-glow{pointer-events:none;z-index:0;background:radial-gradient(#6366f121 0%,#6366f10a 45%,#0000 70%);width:900px;height:600px;position:fixed;top:-300px;left:50%;transform:translate(-50%)}.bg-cursor-glow{pointer-events:none;z-index:0;will-change:transform;background:radial-gradient(circle,#6366f112 0%,#0000 65%);width:600px;height:600px;position:fixed;top:0;left:0}nav,main,footer{z-index:1;position:relative}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}.nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#080808d9;transition:border-color .2s;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:32px;max-width:1100px;height:60px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-mark{background:var(--accent);color:#fff;letter-spacing:-.5px;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.logo-text{color:var(--text-1);font-size:14px;font-weight:600}.nav-links{align-items:center;gap:28px;margin-left:auto;display:flex}.nav-links a{color:var(--text-2);font-size:13.5px;transition:color .15s}.nav-links a:hover{color:var(--text-1)}.btn-nav{background:var(--text-1);color:#000;border-radius:8px;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.btn-nav:hover{opacity:.85}.hero{text-align:center;max-width:760px;margin:0 auto;padding:160px 24px 100px}.hero-badge{border:1px solid var(--border);color:var(--text-2);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(48px,8vw,80px);font-weight:700;line-height:1.05}.gradient-text{background:linear-gradient(135deg, var(--accent-light), #c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-2);max-width:560px;margin:0 auto 40px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.btn-primary{background:var(--text-1);color:#000;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary.btn-large{padding:14px 32px;font-size:15px}.btn-ghost{color:var(--text-1);border:1px solid var(--border);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-hover);background:#ffffff0a}.hero-meta{color:var(--text-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:12.5px;display:flex}.preview-section{padding:0 24px 100px}.preview-wrap{max-width:1000px;margin:0 auto}.preview-img-wrap{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;overflow:hidden}.preview-placeholder{aspect-ratio:16/9;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.preview-ph-label{color:var(--text-3);font-size:14px;font-weight:500}.preview-ph-sub{color:var(--text-3);opacity:.6;font-size:12px}.section{border-top:1px solid var(--border);padding:100px 0}.section-alt{background:linear-gradient(#ffffff04 0%,#0000 100%)}.section-label{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1}.section-sub{color:var(--text-2);margin-bottom:56px;font-size:16px}.app-window{-webkit-user-select:none;user-select:none;background:#0d0d10;border:1px solid #ffffff1a;border-radius:14px;overflow:hidden;box-shadow:0 40px 120px #000000b3,0 0 0 1px #ffffff0d}.app-titlebar{background:#0a0a0d;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex}.app-traffic{align-items:center;gap:6px;display:flex}.traffic-dot{border-radius:50%;width:11px;height:11px}.app-titlebar-label{color:#ffffff4d;font-size:11.5px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.app-body{height:460px;display:flex}.app-sidebar{background:#090910;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:170px;padding:14px 0;display:flex}.app-sidebar-logo{color:#fffc;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:8px;padding:0 12px 14px;font-size:12px;font-weight:600;display:flex}.app-nav{flex-direction:column;flex:1;gap:1px;padding:0 8px;display:flex}.app-nav-item{color:#ffffff59;cursor:default;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:11.5px;transition:color .1s;display:flex}.app-nav-icon{opacity:.6;flex-shrink:0}.app-nav-active{color:#ffffffe6;background:#ffffff12}.app-nav-active .app-nav-icon{opacity:1}.app-sidebar-plan{border-top:1px solid #ffffff0d;margin-top:8px;padding:10px 12px 0}.app-plan-badge{text-transform:uppercase;letter-spacing:.06em;color:#818cf8;background:#6366f133;border-radius:4px;margin-bottom:4px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.app-plan-name{color:#fff6;font-size:11px}.app-main{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow:hidden}.app-db-header{justify-content:space-between;align-items:flex-start;display:flex}.app-greeting{color:#ffffff59;margin-bottom:2px;font-size:10.5px}.app-username{color:#ffffffe6;letter-spacing:-.3px;font-size:16px;font-weight:700}.app-header-btns{gap:6px;display:flex}.app-btn-sec,.app-btn-pri{cursor:default;border-radius:6px;padding:5px 11px;font-size:10.5px;font-weight:600}.app-btn-sec{color:#fff9;background:#ffffff12}.app-btn-pri{color:#000;background:#ffffffe6}.app-metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.app-metric{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}.app-metric-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:9.5px}.app-metric-value{color:#ffffffe6;letter-spacing:-.5px;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1}.app-metric-sub{color:#ffffff4d;font-size:9.5px}.app-status-green{color:#22c55e}.app-upload-bar-wrap{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}.app-upload-bar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.app-upload-bar-label{color:#ffffff80;align-items:center;gap:6px;font-size:10.5px;display:flex}.app-pulse-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse;display:inline-block}.app-upload-bar-count{color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:10px}.app-progress-track{background:#ffffff12;border-radius:2px;height:4px;overflow:hidden}.app-progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;width:0%;height:100%;transition:width .1s linear}.app-section-label{color:#ffffff40;text-transform:uppercase;letter-spacing:.07em;font-size:9.5px;font-weight:600}.app-activity{flex-direction:column;gap:2px;display:flex}.app-activity-row{background:#ffffff05;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.app-act-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.act-up{color:#818cf8;background:#6366f126}.act-dl{color:#60a5fa;background:#3b82f626}.app-act-info{flex:1;min-width:0}.app-act-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.app-act-meta{color:#ffffff40;margin-top:1px;font-size:9.5px}.app-badge{border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:9.5px;font-weight:600}.app-badge-green{color:#22c55e;background:#22c55e1f}.app-badge-blue{color:#60a5fa;background:#3b82f61f}.features-grid{border:1px solid var(--border);background:var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--bg-card);padding:32px;transition:background .2s}.feature-card:hover{background:var(--bg-card-hover)}.feature-icon{width:40px;height:40px;color:var(--accent-light);background:#6366f11a;border:1px solid #6366f133;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-card h3{margin-bottom:8px;font-size:15px;font-weight:600}.feature-card p{color:var(--text-2);font-size:13.5px;line-height:1.6}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.portfolio-card{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:12px;transition:border-color .2s,transform .2s;overflow:hidden}.portfolio-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.portfolio-img-wrap{aspect-ratio:16/9;position:relative;overflow:hidden}.portfolio-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.portfolio-card:hover .portfolio-img{transform:scale(1.03)}.carousel-btn{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#0000008c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-card:hover .carousel-btn{opacity:1}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-btn:hover{background:#000c}.carousel-dots{z-index:2;gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s}.carousel-dot.active{background:#fff}.portfolio-info{border-top:1px solid var(--border);padding:16px 20px}.portfolio-name{margin-bottom:2px;font-size:14px;font-weight:600}.portfolio-meta{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:12px}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:12px;display:grid}.pricing-card{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;flex-direction:column;padding:28px 24px;display:flex;position:relative}.pricing-card-featured{border-color:var(--accent);background:#6366f10d}.pricing-featured-badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:100px;padding:3px 12px;font-size:10.5px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.pricing-plan{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.pricing-price{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.price-amount{letter-spacing:-1px;font-size:28px;font-weight:700}.price-period{color:var(--text-3);font-size:13px}.pricing-robux{color:var(--text-3);margin-top:-10px;margin-bottom:4px;font-size:12px}.pricing-desc{color:var(--text-2);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px;font-size:13px}.pricing-features{color:var(--text-2);flex-direction:column;flex:1;gap:10px;margin-bottom:24px;font-size:13px;list-style:none;display:flex}.pricing-features li{align-items:center;gap:8px;display:flex}.feat-check{color:var(--green);flex-shrink:0;font-size:12px}.feat-x{color:var(--text-3);flex-shrink:0;font-size:12px}.pricing-btn{text-align:center;border-radius:8px;padding:10px;font-size:13px;font-weight:600;transition:all .15s;display:block}.pricing-btn-primary{background:var(--accent);color:#fff}.pricing-btn-primary:hover{opacity:.85}.pricing-btn-ghost{border:1px solid var(--border);color:var(--text-1)}.pricing-btn-ghost:hover{border-color:var(--border-hover);background:#ffffff0a}.cta-inner{max-width:600px}.cta-title{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:700}.cta-sub{color:var(--text-2);max-width:480px;margin-bottom:36px;font-size:16px}.community-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:680px;display:grid}.community-card{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:20px 24px;transition:border-color .2s,background .2s,transform .15s;display:flex}.community-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-1px)}.community-card-accent{border-color:#6366f14d}.community-card-accent:hover{border-color:var(--accent);background:#6366f10d}.community-icon{width:40px;height:40px;color:var(--text-1);background:#ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.community-label{margin-bottom:2px;font-size:14px;font-weight:600}.community-desc{color:var(--text-3);font-size:12px}.community-arrow{color:var(--text-3);flex-shrink:0;margin-left:auto}.footer{border-top:1px solid var(--border);padding:32px 0}.footer-inner{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer-brand{align-items:center;gap:8px;display:flex}.footer-links{gap:20px;margin-left:auto;display:flex}.footer-links a{color:var(--text-3);font-size:13px;transition:color .15s}.footer-links a:hover{color:var(--text-1)}.footer-copy{color:var(--text-3);width:100%;margin-top:8px;font-size:12px}@media (max-width:900px){.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (max-width:600px){.features-grid,.pricing-grid,.portfolio-grid{grid-template-columns:1fr}.footer-links{margin-left:0}}