@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bg-primary:#000;--bg-secondary:#080808;--bg-tertiary:#0f0f0f;--bg-card:#0c0c0cd9;--bg-card-hover:#121212f2;--gold-light:#fff2bf;--gold-primary:#f5c860;--gold-mid:#e5a93c;--gold-dark:#d48c18;--gold-deep:#9e6306;--gold-gradient:linear-gradient(135deg, #fff2bf 0%, #f5c860 50%, #d48c18 100%);--white-pure:#fff;--white-muted:#e2e8f0;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#f5c8602e;--border-glow:#f5c86073;--border-glass:#ffffff14;--shadow-gold:0 10px 45px -10px #f5c86059;--shadow-card:0 20px 60px #000000f2;--shadow-glow:0 0 30px #f5c86040;--font-sans:"Outfit", "Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--bg-overlay-95:#000000f2;--bg-overlay-90:#000000e6;--bg-overlay-85:#000000d9;--bg-overlay-80:#000c;--bg-overlay-75:#000000bf;--bg-overlay-15:#00000026;--bg-overlay-55:#0000008c;--bg-overlay-88:#000000e0;--bg-navbar:#080808d9;--bg-navbar-scrolled:#000000eb}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#f8fafcd9;--bg-card-hover:#fffffff2;--gold-light:#b8860b;--gold-primary:#d48c18;--gold-mid:#b8860b;--gold-dark:#9e6306;--gold-deep:#704702;--gold-gradient:linear-gradient(135deg, #fff2bf 0%, #d48c18 50%, #704702 100%);--white-pure:#0f172a;--white-muted:#334155;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-subtle:#d48c182e;--border-glow:#d48c1873;--border-glass:#0f172a14;--shadow-gold:0 10px 45px -10px #d48c1826;--shadow-card:0 20px 60px #0f172a0d;--shadow-glow:0 0 30px #d48c1814;--bg-overlay-95:#fffffff2;--bg-overlay-90:#ffffffe6;--bg-overlay-85:#ffffffd9;--bg-overlay-80:#fffc;--bg-overlay-75:#ffffffbf;--bg-overlay-15:#ffffff26;--bg-overlay-55:#ffffff8c;--bg-overlay-88:#ffffffe0;--bg-navbar:#ffffffd9;--bg-navbar-scrolled:#ffffffeb}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}.glass-card,.glow-orb,header{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-dark), var(--bg-tertiary));border:2px solid var(--bg-primary);border-radius:5px}.text-gold-gradient{background:linear-gradient(135deg,#fff6d6 0%,#f5c860 30%,#e5a93c 60%,#d48c18 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gold-bright{background:linear-gradient(135deg,#fff 0%,#ffe599 40%,#f5c860 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-silver-gradient{background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-gold-primary{color:#07080b;font-family:var(--font-heading);letter-spacing:.02em;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#f5c860 0%,#e5a93c 50%,#d48c18 100%);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 25px #e5a93c59,inset 0 1px #fff6}.btn-gold-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-gold-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 35px #f5c86080,inset 0 1px #fff9}.btn-gold-primary:hover:before{left:100%}.btn-glass-secondary{color:var(--white-pure);font-family:var(--font-heading);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff0a;border:1px solid #f5c8604d;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.btn-glass-secondary:hover{border-color:var(--gold-primary);color:var(--gold-light);background:#f5c8601a;transform:translateY(-2px);box-shadow:0 0 20px #f5c86040}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:after{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f5c8604d,#0000 60%,#ffffff1a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{border-color:var(--border-glow);transform:translateY(-4px);box-shadow:0 20px 40px #0009,0 0 30px #e5a93c26}.bg-circuit-grid{background-image:radial-gradient(circle,#f5c86012 0%,#0000 60%),radial-gradient(#f5c8601f 1px,#0000 1px);background-size:100% 100%,36px 36px}.glow-orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-gold{background:radial-gradient(circle,#e5a93c40 0%,#b8860b00 70%)}.glow-white{background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%)}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes rotateCircuit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-pulse{animation:4s ease-in-out infinite pulseGlow}.anim-float{animation:6s ease-in-out infinite floatSlow}.anim-rotate-slow{animation:25s linear infinite rotateCircuit}.badge-gold{border-radius:var(--radius-full);color:var(--gold-light);letter-spacing:.05em;text-transform:uppercase;background:#f5c8601a;border:1px solid #f5c8604d;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width:640px){.container{padding:0 16px}.glass-card{border-radius:20px!important;padding:24px 18px!important}.config-grid,.arch-grid{gap:24px!important;padding:20px 16px!important}.badge-gold{padding:5px 12px;font-size:.74rem}}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--text-primary)!important}[data-theme=light] p,[data-theme=light] li,[data-theme=light] span:not(.text-gold-gradient):not(.badge-gold *):not(.btn-gold-primary *){color:var(--text-secondary)}[data-theme=light] strong{color:var(--text-primary)!important}[data-theme=light] a:not(.btn-gold-primary):not(.btn-glass-secondary):not(.desktop-taskbar *){color:var(--gold-dark)}[data-theme=light] a:not(.btn-gold-primary):not(.btn-glass-secondary):not(.desktop-taskbar *):hover{color:var(--gold-primary)}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;width:100%;display:flex;overflow:hidden}.marquee-content{will-change:transform;gap:40px;padding-right:40px;animation:25s linear infinite marquee;display:inline-flex}.floating-dots{z-index:800;pointer-events:auto;flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.dot-nav-item{cursor:pointer;background:#fff3;border:1px solid #f5c86033;border-radius:50%;width:10px;height:10px;transition:all .3s;position:relative}.dot-nav-item:hover,.dot-nav-item.active{background:var(--gold-primary);box-shadow:0 0 10px var(--gold-primary);transform:scale(1.3)}.dot-nav-tooltip{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--white-pure);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .3s;position:absolute;top:50%;right:20px;transform:translateY(-50%)translate(10px)}.dot-nav-item:hover .dot-nav-tooltip{opacity:1;transform:translateY(-50%)translate(0)}@media (max-width:1024px){.floating-dots{display:none}}.pricing-tab-btn:not(.active):hover{box-shadow:0 0 10px #f5c8601a;color:var(--white-pure)!important;background:#ffffff0f!important}.pricing-tab-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);scrollbar-width:none;border-radius:9999px;justify-content:center;gap:12px;max-width:680px;margin:0 auto 60px;padding:6px;display:flex;overflow-x:auto}.pricing-tab-container::-webkit-scrollbar{display:none}@media (max-width:768px){.pricing-tab-container{white-space:nowrap!important;border-radius:20px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;margin-bottom:40px!important;padding:8px 12px!important}}