@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700;800&display=swap";
:root{--bg-base:#090b0c;--bg-surface:#111415;--bg-elevated:#151819;--bg-card:#151819;--bg-glass:#111415d9;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff38;--border-lime:#c8ff0059;--text-primary:#fff;--text-secondary:#8b9094;--text-muted:#62676b;--text-dark:#000;--accent-lime:#c8ff00;--accent-lime-hover:#b8eb00;--accent-lime-glow:#c8ff004d;--accent-lime-dim:#c8ff0024;--success:#22c55e;--error:#ef4444}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;background-color:var(--bg-base)}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-display{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}.heading-display{text-transform:uppercase;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:800}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#090b0c}::-webkit-scrollbar-thumb{background:#c8ff0040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}::selection{background:var(--accent-lime);color:#000}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.input-base{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:10px;outline:none;width:100%;padding:.65rem .875rem;font-family:Inter,sans-serif;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input-base::placeholder{color:var(--text-muted)}.input-base:focus{border-color:var(--accent-lime);box-shadow:0 0 0 3px var(--accent-lime-dim)}.select-base{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B9094' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:10px;outline:none;width:100%;padding:.65rem 2rem .65rem .875rem;font-size:.875rem;transition:border-color .2s}.select-base option{color:#fff;background:#111415}.select-base:focus{border-color:var(--accent-lime)}.btn-lime{background:var(--accent-lime);color:#000;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 16px #c8ff0033}.btn-lime:hover{background:var(--accent-lime-hover);box-shadow:0 0 28px var(--accent-lime-glow);transform:translateY(-1px)}.btn-lime:active{transform:translateY(0)scale(.98)}.btn-dark{color:#fff;border:1px solid var(--border-default);cursor:pointer;white-space:nowrap;background:#ffffff14;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-dark:hover{border-color:var(--border-strong);color:#fff;background:#ffffff29}.btn-lime-outline{color:var(--accent-lime);border:1px solid var(--accent-lime);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-lime-outline:hover{background:var(--accent-lime-dim);box-shadow:0 0 16px var(--accent-lime-glow)}.btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:#ffffff14}.nav-lime-pill{background:var(--accent-lime);color:#000;text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;padding:.1rem .45rem;font-size:.6rem;font-weight:800;line-height:1;display:inline-flex}.nav-free-pill{color:var(--accent-lime);border:1px solid var(--border-lime);text-transform:uppercase;letter-spacing:.04em;background:#c8ff0026;border-radius:9999px;align-items:center;padding:.1rem .45rem;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.badge-category{color:#e4e4e7;text-transform:uppercase;letter-spacing:.04em;background:#ffffff14;border:1px solid #ffffff24;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.62rem;font-weight:700;line-height:1.2;transition:all .2s;display:inline-flex}.badge-category:hover{background:#ffffff1f;border-color:#ffffff40}.nav-discount-pill{color:var(--accent-lime);border:1px solid var(--border-lime);background:#c8ff0026;border-radius:9999px;align-items:center;padding:.1rem .45rem;font-size:.6rem;font-weight:800;line-height:1;display:inline-flex}.nav-link-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.35rem;padding:.35rem .25rem;font-size:.8rem;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.nav-link-item:hover{color:#fff}.nav-link-item.active{color:var(--accent-lime);font-weight:700}.feature-pill{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#151819;border-radius:9999px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.feature-pill:hover{color:var(--accent-lime);border-color:var(--accent-lime);background:#c8ff001f;box-shadow:0 0 12px #c8ff002e}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{color:#fff;background:#ffffff0f}.sidebar-nav-item.active{background:var(--accent-lime-dim);color:var(--accent-lime);border:1px solid var(--border-lime)}.sidebar-nav-item.active svg{color:var(--accent-lime)}.badge-lime{background:var(--accent-lime);color:#000;text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.65rem;font-weight:800;display:inline-flex}.badge-glass{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#111415d9;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.68rem;font-weight:600;display:inline-flex}.badge-glass-lime{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-lime);color:var(--accent-lime);text-transform:uppercase;letter-spacing:.03em;background:#111415d9;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex}.card-glass{background:var(--bg-card);border:1px solid var(--border-default);border-radius:18px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;overflow:hidden}.card-glass:hover{border-color:var(--border-lime);transform:translateY(-4px);box-shadow:0 16px 40px #000c,0 0 24px #c8ff0024}.generation-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.generation-card:hover{border-color:var(--border-lime);transform:translateY(-3px);box-shadow:0 12px 32px #000000b3,0 0 20px #c8ff001f}.img-zoom-container{overflow:hidden}.img-zoom-container img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.card-glass:hover .img-zoom-container img,.card-hover:hover img{transform:scale(1.05)}.hover-reveal-action{opacity:.9;transition:opacity .2s,transform .2s;transform:scale(1)}.card-glass:hover .hover-reveal-action{opacity:1;transform:scale(1.04)}@keyframes floatSlowLeft{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(-2deg)}}@keyframes floatSlowRight{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-12px)rotate(2deg)}}.float-card-left{animation:6s ease-in-out infinite floatSlowLeft}.float-card-right{animation:7s ease-in-out infinite floatSlowRight}.supercomputer-perspective-wrap{perspective:1000px;perspective-origin:50% 30%}.supercomputer-grid-floor{transform-origin:50%;opacity:.6;pointer-events:none;background-image:linear-gradient(90deg,#c8ff001f 1px,#0000 1px),linear-gradient(#c8ff001f 1px,#0000 1px);background-size:48px 48px;width:200%;height:200%;position:absolute;inset:-50%;transform:rotateX(65deg)translateY(-80px);-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 75%);mask-image:radial-gradient(circle,#000 20%,#0000 75%)}.supercomputer-grid{background-image:linear-gradient(90deg,#c8ff0014 1px,#0000 1px),linear-gradient(#c8ff0014 1px,#0000 1px);background-size:40px 40px}.sticky-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-default);background:#090b0ce6;position:sticky;top:0}@media (min-width:1024px){.grid-col-span-12-lg-7{grid-column:span 7!important}.grid-col-span-12-lg-5{grid-column:span 5!important}}.lime-glow-text{text-shadow:0 0 24px #c8ff0073}.lime-box-glow{box-shadow:0 0 40px #c8ff0038}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:4px;align-items:center;padding:.15rem .5rem;font-size:.65rem;font-weight:800;display:inline-flex}.badge-muted{color:var(--text-secondary);background:#ffffff14}.hidden{display:none!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}html,body{max-width:100vw;overflow-x:hidden}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,.heading-display{word-break:break-word;overflow-wrap:anywhere}@media (min-width:1280px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}}@media (min-width:1024px) and (max-width:1279px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}}@media (max-width:1023px){.max-lg\:hidden{display:none!important}.supercomputer-perspective-wrap{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media (min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row!important}.md\:pt-0{padding-top:0!important}}@media (max-width:767px){.max-md\:hidden{display:none!important}.max-md\:flex{display:flex!important}.max-md\:flex-col{flex-direction:column!important}.max-md\:pt-14{padding-top:3.5rem!important}.max-md\:max-w-none{max-width:none!important}.max-md\:border-r-0{border-right-width:0!important}.max-md\:border-b{border-bottom:1px solid var(--border-default)!important}section{padding:2.5rem 1rem!important}.btn-lime,.btn-dark,.btn-lime-outline{min-height:44px;padding-top:.75rem!important;padding-bottom:.75rem!important}.supercomputer-grid-floor{opacity:.35}}@media (max-width:480px){.heading-display{letter-spacing:-.01em}.card-glass{border-radius:16px}}
