:root{--bg-dark:#0f172a;--bg-darker:#0a0f1d;--bg-panel:#1e293b66;--octane-blue:#38bdf8;--octane-blue-dark:#0284c7;--gh-orange:#e8720c;--gh-orange-hover:#f98522;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff14;--glass-highlight:#ffffff26;--shadow-lg:0 20px 40px -10px #00000080;--shadow-glow:0 0 20px #38bdf866;--radius-md:12px;--radius-lg:16px;--font-inter:"Inter", sans-serif;--font-outfit:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-inter);cursor:default;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.mouse-spotlight{pointer-events:none;z-index:-1;background:radial-gradient(600px circle at var(--mouse-x,50vw) var(--mouse-y,50vh), #38bdf814, transparent 40%);width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.glass{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#0f172a66}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);background:#1e293b80}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#1e293b66,#0f172ab3);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0003}.hover-spotlight:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0f, transparent 40%);z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.hover-spotlight:hover:before{opacity:1}.tilt-hover{transition:box-shadow .3s,border-color .3s,transform .1s}.tilt-hover:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);z-index:10;border-color:#38bdf84d}.glass-card>*{z-index:2;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit);font-weight:700;line-height:1.2}a{color:var(--text-main);text-decoration:none;transition:color .2s}.hover-underline{position:relative}.hover-underline:after{content:"";background-color:var(--octane-blue);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.hover-underline:hover:after{width:100%}.btn{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-inter);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-lg{border-radius:10px;padding:14px 28px;font-size:16px}.btn-primary{background:linear-gradient(135deg, var(--gh-orange), var(--gh-orange-hover));color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 14px #e8720c66}.btn-primary:after{content:"";background:#fff3;width:20%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-60%;transform:rotate(35deg)}.btn-primary:hover:after{left:120%}.btn-primary:hover{color:#fff;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #e8720c99}.btn-outline{color:var(--octane-blue);background:#38bdf80d;border:1px solid #38bdf866}.btn-outline:hover{color:#fff;border-color:var(--octane-blue);background:#38bdf826;transform:translateY(-2px)scale(1.02);box-shadow:0 0 15px #38bdf833}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.95)}to{transform:translate(0)scale(1)}}.bg-orbs{z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0}.orb{filter:blur(120px);opacity:.18;transform-origin:50%;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:var(--octane-blue);width:60vw;height:60vw;animation-duration:25s;top:-20vh;left:-10vw}.orb-2{background:var(--gh-orange);opacity:.12;width:50vw;height:50vw;animation-direction:reverse;animation-delay:-5s;bottom:-10vh;right:-5vw}.orb-3{background:#6366f1;width:40vw;height:40vw;animation-delay:-10s;top:30vh;left:30vw}.accent-point{background:var(--octane-blue);width:4px;height:4px;box-shadow:0 0 10px 2px var(--octane-blue);opacity:.5;border-radius:50%;position:absolute}.point-1{animation:3s infinite alternate pulse;top:20%;left:80%}.point-2{background:var(--gh-orange);width:6px;height:6px;box-shadow:0 0 12px 3px var(--gh-orange);animation:4s infinite alternate-reverse pulse;top:70%;left:15%}.point-3{animation:2.5s infinite alternate pulse;top:40%;left:40%}.navbar{z-index:1000;height:70px;transition:background .3s,border .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--octane-blue), var(--octane-blue-dark));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 10px #38bdf84d}.brand-text{font-family:var(--font-outfit);letter-spacing:-.5px;font-size:24px;font-weight:800}.brand-tld{color:var(--octane-blue)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a:not(.btn){color:var(--text-muted);font-size:15px;font-weight:500}.nav-links a:not(.btn):hover{color:#fff}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.mobile-nav{z-index:999;opacity:0;pointer-events:none;border-top:none;border-radius:0 0 16px 16px;padding:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-content{flex-direction:column;gap:20px;display:flex}.mobile-nav-content a:not(.btn){border-bottom:1px solid var(--glass-border);padding-bottom:15px;font-size:18px;font-weight:500}.hero{align-items:center;gap:60px;max-width:1200px;min-height:100vh;margin:0 auto;padding:180px 20px 100px;display:flex;position:relative}.hero-content{z-index:10;flex:1}.badge{color:var(--octane-blue);letter-spacing:.5px;text-transform:uppercase;background:#38bdf814;border:1px solid #38bdf833;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 15px #38bdf81a}.pulse{background-color:var(--octane-blue);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #38bdf866}@keyframes pulse{0%{box-shadow:0 0 #38bdf899}70%{box-shadow:0 0 0 10px #38bdf800}to{box-shadow:0 0 #38bdf800}}.hero-title{letter-spacing:-2px;text-shadow:0 10px 30px #00000080;margin-bottom:24px;font-size:72px}.highlight{background:linear-gradient(135deg, #fff, var(--octane-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-glow{filter:drop-shadow(0 0 20px #38bdf84d)}.hero-subtitle{color:var(--text-muted);max-width:540px;margin-bottom:40px;font-size:19px;font-weight:300}.hero-actions{gap:16px;display:flex}.hero-visual{z-index:10;perspective:1000px;transform-style:preserve-3d;flex:1;position:relative}.perspective-container{width:100%;transform-style:preserve-3d;position:relative}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s}.dashboard-mockup{aspect-ratio:16/10;border-color:#ffffff1a;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 30px 60px #0006,inset 0 1px #fff3}.mockup-header{border-bottom:1px solid var(--glass-border);background:#0f172acc;align-items:center;gap:16px;height:40px;padding:0 16px;display:flex}.dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#eab308}.dot.green{background:#22c55e}.mockup-titling{color:var(--text-muted);background:#ffffff0d;border-radius:6px;margin:0 auto;padding:4px 12px;font-family:monospace;font-size:12px}.mockup-body{background:#0f172a4d;flex:1;display:flex}.mockup-sidebar{border-right:1px solid var(--glass-border);background:#0003;flex-direction:column;gap:16px;width:25%;padding:16px;display:flex}.skeleton-line{background:#ffffff0d;border-radius:4px;width:100%;height:12px}.skeleton-line.short{width:60%;margin-bottom:8px}.skeleton-line.active{background:linear-gradient(90deg, var(--octane-blue), transparent);opacity:.8}.mockup-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;position:relative}.floating-widget{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293bcc;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;animation:4s ease-in-out infinite alternate floatWidget;display:flex;position:absolute;transform:translateZ(50px);box-shadow:0 15px 30px #00000080}@keyframes floatWidget{0%{transform:translateZ(50px)translateY(0)}to{transform:translateZ(50px)translateY(-10px)}}.fw-1{z-index:20;color:#fff;font-size:13px;top:-20px;right:-20px}.fw-title{color:#fff;font-weight:700}.fw-sub{color:var(--text-muted);font-size:11px}.fw-2{z-index:20;color:var(--octane-blue);font-size:14px;font-weight:700;animation-delay:1s;bottom:40%;left:-30px}.stat-line{background:var(--octane-blue);border-radius:2px;width:40px;height:4px;margin-top:4px}.skeleton-gradient{background:linear-gradient(90deg,#38bdf80d,#e8720c05);border:1px solid #38bdf81a;border-radius:8px;height:120px;position:relative;overflow:hidden}.chart-wave{border-top:2px solid var(--octane-blue);filter:drop-shadow(0 0 10px #38bdf880);background:linear-gradient(#0000 0%,#38bdf833 100%);width:100%;height:50%;position:absolute;bottom:0;left:0}.mockup-row{gap:16px;display:flex}.mockup-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:8px;flex:1;height:80px;transition:background .3s}.mockup-card:hover{background:#ffffff14}.reveal-up{opacity:0;transition:all .8s cubic-bezier(.165,.84,.44,1);transform:translateY(40px)}.reveal-up.active{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transition:all .8s cubic-bezier(.165,.84,.44,1);transform:scale(.9)}.reveal-scale.active{opacity:1;transform:scale(1)}.reveal-fade{opacity:0;transition:all .8s}.reveal-fade.active{opacity:1}.section{padding:120px 20px;position:relative}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:70px}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:48px}.section-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{background:#141d2d99;border-radius:20px;padding:40px 30px}.feature-icon{width:60px;height:60px;color:var(--octane-blue);background:linear-gradient(135deg,#38bdf833,#0000);border:1px solid #38bdf84d;border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;font-size:28px;display:flex;box-shadow:0 10px 20px #0003}.feature-title{margin-bottom:12px;font-size:22px}.feature-desc{color:var(--text-muted);font-size:15px;line-height:1.7}.architecture-section{padding-bottom:150px;position:relative}.arch-container{background:linear-gradient(#0f172a66,#0284c71a);border-top:1px solid #38bdf84d;align-items:center;gap:40px;padding:60px;display:flex}.arch-content{flex:1}.arch-title{margin-bottom:16px;font-size:40px}.arch-desc{color:var(--text-muted);margin-bottom:30px;font-size:16px}.arch-stats{gap:30px;display:flex}.stat-box{border-left:2px solid var(--octane-blue);padding-left:16px}.stat-num{color:#fff;font-size:32px;font-weight:800;font-family:var(--font-outfit)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.arch-visual{perspective:1000px;flex:1;justify-content:center;display:flex}.server-rack{width:220px;height:auto;transform-style:preserve-3d;flex-direction:column;gap:10px;display:flex;transform:rotateY(-15deg)rotateX(10deg)}.server-node{border:1px solid var(--glass-border);border-left:4px solid var(--octane-blue);background:linear-gradient(90deg,#1e293b,#0f172a);border-radius:4px;width:100%;height:40px;position:relative;box-shadow:-10px 20px 30px #00000080}.server-node:before{content:"";background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite blink;position:absolute;top:15px;right:10px;box-shadow:0 0 10px #22c55e}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.cta-section{padding:40px 20px 100px}.cta-container{text-align:center;background:linear-gradient(145deg,#e8720c26,#0f172acc);border-color:#e8720c66;border-radius:24px;max-width:1000px;margin:0 auto;padding:70px 40px;box-shadow:0 20px 40px #0006,inset 0 0 80px #e8720c1a}.cta-title{margin-bottom:16px;font-size:42px}.cta-desc{color:var(--text-muted);margin-bottom:40px;max-width:500px;margin-inline:auto;font-size:18px}.footer{background:var(--bg-darker);border-top:1px solid var(--glass-border);padding:80px 20px 30px;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--octane-blue), transparent);opacity:.3;width:100%;height:1px;position:absolute;top:0;left:0}.footer-container{margin:0 auto;grid-template-columns:1fr 2fr;gap:60px;max-width:1200px;margin-bottom:60px;display:grid}.footer-copy{color:var(--text-muted);max-width:300px;margin-top:20px;font-size:15px}.footer-links{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.link-column h4{color:#fff;letter-spacing:.5px;margin-bottom:24px;font-size:16px}.link-column a{color:var(--text-muted);width:w-content;margin-bottom:14px;font-size:14px;display:block}.link-column a:hover{color:var(--octane-blue)}.footer-bottom{border-top:1px solid var(--glass-border);max-width:1200px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;padding-top:30px;font-size:14px;display:flex}.social-links{gap:20px;display:flex}.social-links a{color:var(--text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.social-links a:hover{color:var(--octane-blue);background:#38bdf81a;transform:translateY(-3px)}@media (width<=900px){.hero{text-align:center;flex-direction:column;gap:50px;padding-top:140px}.hero-subtitle{margin:0 auto 40px}.hero-actions{justify-content:center}.nav-links{display:none}.mobile-menu-btn{display:block}.arch-container{text-align:center;flex-direction:column;padding:40px 20px}.arch-stats{justify-content:center}.footer-container{grid-template-columns:1fr;gap:40px}}@media (width<=600px){.hero-title{font-size:48px}.hero-actions{flex-direction:column}.features-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}.brand-text{font-size:20px}.cta-title{font-size:32px}.cta-container{padding:40px 20px}}