.atomic-site{font-family:var(--font-sans)}.atomic-site h1,.atomic-site h2,.atomic-site h3,.atomic-site .terminal{font-family:var(--font-heading)}.atomic-panel{isolation:isolate;border:1px solid var(--border);background:var(--card);position:relative;overflow:hidden}.atomic-panel:before{content:"";background:repeating-linear-gradient(0deg, transparent 0px, transparent 3px, var(--foreground) 4px, transparent 5px);opacity:.025;pointer-events:none;z-index:-1;position:absolute;inset:0}.atomic-panel:hover{border-color:var(--primary)}.atomic-cta{min-height:48px;font-family:var(--font-heading);letter-spacing:.035em;border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:.3rem;justify-content:center;align-items:center;gap:.65rem;padding:.8rem 1.3rem;font-size:.75rem;font-weight:700;display:inline-flex}.atomic-cta:hover{box-shadow:0 0 22px color-mix(in srgb, var(--primary) 20%, transparent);transform:translateY(-2px)}.atomic-cta:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.atomic-cta.secondary{color:var(--foreground);border-color:var(--border);background:0 0}.atomic-cta:disabled{opacity:.55;cursor:not-allowed;transform:none}.atomic-glitch{animation:.12s steps(2,end) atomic-glitch}.atomic-hero-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.3;background-size:64px 64px;mask-image:radial-gradient(#000,#0000 75%)}.atomic-orbit{transform-origin:50%;animation:36s linear infinite atomic-spin}.atomic-float{animation:12s ease-in-out infinite alternate atomic-float}.atomic-active{border-color:var(--primary);animation:3s ease-in-out infinite atomic-pulse}.atomic-marquee{animation:32s linear infinite atomic-marquee}.atomic-marquee:hover{animation-play-state:paused}.atomic-donut circle{transition:stroke-dashoffset 1.1s ease-out}.atomic-anchor{scroll-margin-top:7rem}@keyframes atomic-spin{to{transform:rotate(360deg)}}@keyframes atomic-float{0%{transform:translate(-8px,5px)rotate(-8deg)}to{transform:translate(12px,-20px)rotate(10deg)}}@keyframes atomic-pulse{50%{box-shadow:0 0 26px color-mix(in srgb, var(--primary) 12%, transparent)}}@keyframes atomic-marquee{to{transform:translate(-50%)}}@keyframes atomic-glitch{0%{transform:translate(-1px)}50%{transform:translate(1px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.atomic-site *,.atomic-site :before,.atomic-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}