@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg: #020510;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--accent: #00d4ff;--accent2: #7c3aed;--accent-dim: rgba(0,212,255,.15);--text-primary: #e8f0fe;--text-secondary: rgba(232,240,254,.6);--text-muted: rgba(232,240,254,.3);--border: rgba(255,255,255,.07);--border-accent: rgba(0,212,255,.25);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--radius: 16px;--radius-lg: 20px;--t: .3s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.site-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.bg-orb{position:absolute;border-radius:50%;filter:blur(90px);animation:drift 25s ease-in-out infinite alternate}.bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);top:-15%;left:-10%}.bg-orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.09) 0%,transparent 70%);bottom:-20%;right:-10%;animation-duration:30s;animation-delay:-12s}.bg-orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(0,212,255,.06) 0%,transparent 70%);top:50%;right:15%;animation-delay:-6s;animation-duration:20s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.06)}}.page-wrapper{position:relative;z-index:1}.hero{padding:4rem 1.5rem 3rem;text-align:center;position:relative}.hero:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent)}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border:1px solid var(--border-accent);border-radius:100px;background:#00d4ff0d;color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp .7s ease forwards .2s}.hero-eyebrow:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);animation:blink 2s ease-in-out infinite}.hero-title{font-family:var(--font-heading);font-size:clamp(2.4rem,6vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:1rem}.hero-title-line1{display:block;opacity:0;animation:fadeUp .7s ease forwards .4s}.hero-title-line2{display:block;background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeUp .7s ease forwards .55s,shimmer 5s linear infinite 1.3s}.hero-subtitle{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1.1rem);max-width:480px;margin:0 auto;opacity:0;animation:fadeUp .7s ease forwards .7s}.section{padding:2.5rem 1.5rem}.section-inner{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:1.75rem}.section-label{display:inline-block;color:var(--accent);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;font-family:monospace}.section-label:before{content:"// ";opacity:.5}.section-header h2{font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:.9rem;max-width:460px;margin:0 auto}.distro-section{background:radial-gradient(ellipse 55% 50% at 0% 60%,rgba(0,212,255,.04) 0%,transparent 100%),radial-gradient(ellipse 55% 50% at 100% 40%,rgba(124,58,237,.04) 0%,transparent 100%)}.distro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.distro-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden;transition:transform var(--t),border-color var(--t),background var(--t),box-shadow var(--t)}.distro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-color),transparent)}.distro-card:hover{background:var(--bg-card-hover);border-color:color-mix(in srgb,var(--card-color) 30%,transparent);transform:translateY(-4px);box-shadow:0 16px 32px -12px color-mix(in srgb,var(--card-color) 18%,transparent)}.distro-number{font-family:monospace;font-size:.65rem;color:var(--text-muted);letter-spacing:.1em;margin-bottom:1rem}.distro-sentiment{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.5;margin-bottom:1.25rem;padding-left:.75rem;border-left:2px solid var(--card-color)}.distro-footer{display:flex;align-items:center;gap:.6rem;padding-top:1rem;border-top:1px solid var(--border)}.distro-icon{width:28px;height:28px;object-fit:contain;border-radius:5px;flex-shrink:0}.distro-name{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--card-color);display:block}.distro-desc{font-size:.75rem;color:var(--text-muted)}.apps-section{background:radial-gradient(ellipse 60% 40% at 50% 100%,rgba(124,58,237,.04) 0%,transparent 100%)}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.app-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.25rem;text-align:center;transition:transform var(--t),border-color var(--t),background var(--t),box-shadow var(--t);position:relative;overflow:hidden}.app-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.06) 0%,transparent 70%);opacity:0;transition:opacity var(--t)}.app-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 12px 24px -8px #00d4ff14}.app-card:hover:before{opacity:1}.app-icon-wrap{width:52px;height:52px;margin:0 auto 1rem;background:#00d4ff0f;border:1px solid rgba(0,212,255,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:border-color var(--t),background var(--t)}.app-card:hover .app-icon-wrap{background:#00d4ff1a;border-color:#00d4ff40}.app-icon{width:30px;height:30px;object-fit:contain}.app-name{font-family:var(--font-heading);font-size:.9rem;font-weight:600;margin-bottom:.3rem}.app-desc{font-size:.78rem;color:var(--text-secondary)}.site-footer{padding:1.5rem;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.footer-brand{font-family:var(--font-heading);font-weight:600;font-size:.85rem}.footer-meta{font-size:.75rem;color:var(--text-muted);font-family:monospace;letter-spacing:.05em}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:200% center}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:1100px){.distro-grid{grid-template-columns:repeat(2,1fr)}.apps-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.distro-grid{grid-template-columns:1fr}.apps-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-direction:column;text-align:center}}