:root{--nav-bg: #111828;--nav-card-bg: #1F2937;--nav-text: #F9FAFB;--nav-text-muted: #9CA3AF;--nav-accent: #6366F1;--nav-accent-hover: #4F46E5;--stellar-shine: #FDE047;--discovery-deep: #0F172A;--nav-radius: 12px;--nav-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--btn-bg: linear-gradient(135deg, #000, #444);--btn-bg-hover: linear-gradient(135deg, #111, #555);--btn-focus-outline: #888}@media (prefers-color-scheme: light){:root{--btn-bg: linear-gradient(135deg, #eee, #ccc);--btn-bg-hover: linear-gradient(135deg, #ddd, #bbb);--btn-focus-outline: #555;--stellar-shine: #f7e48b;--discovery-deep: #e5e7eb}}body{background-color:var(--nav-bg);color:var(--nav-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.lazy-container{opacity:0;transition:opacity .5s ease-out}.lazy-container.animate,.lazy-container.loaded{opacity:1}*,*:before,*:after{box-sizing:border-box}.nav-page-container{max-width:1100px;margin:0 auto;padding:0 1rem}.nav-hero{text-align:center;padding:4rem 1rem 3rem}.nav-hero .logo{width:100px;height:auto;margin:0 auto 1.5rem}.nav-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.nav-hero .tagline{font-size:1.25rem;color:var(--nav-text-muted);margin-bottom:2rem;word-break:break-word}.nav-hero .live-stats{font-size:1.1rem;color:var(--nav-text);margin-bottom:2rem}.nav-hero .live-stats-error{font-size:1.1rem;color:#dc2626;margin-bottom:2rem}.cta-button{display:inline-block;background:var(--btn-bg);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s ease-in-out,transform .2s ease-in-out}.cta-button:hover{background:var(--btn-bg-hover);transform:scale(1.05)}.cta-button:focus-visible{outline:2px solid var(--btn-focus-outline);outline-offset:2px}.navigator-btn{display:inline-flex;justify-content:center;align-items:center;border:none;border-radius:8px;background:var(--btn-bg);color:#fff;cursor:pointer;transition:background .2s,transform .2s;padding:8px 14px;font-size:14px}.navigator-btn:hover{background:var(--btn-bg-hover);transform:scale(1.05)}.navigator-btn:focus-visible{outline:2px solid var(--btn-focus-outline);outline-offset:2px}.features-grid{display:flex;flex-direction:column;width:100%;gap:4rem;padding:2rem 0}.feature-card{background-color:var(--nav-card-bg);border-radius:var(--nav-radius);overflow:visible;box-shadow:var(--nav-shadow);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;width:100%}.feature-card:hover{transform:scale(1.03);box-shadow:0 10px 30px #00000080}.feature-card:hover .ursa-star,.constellation-card.animate .ursa-star,.feature-card:hover .ursa-line,.constellation-card.animate .ursa-line,.feature-card:hover .ursa-label,.constellation-card.animate .ursa-label,.feature-card:hover .supernova-particle,.constellation-card.animate .supernova-particle{animation-play-state:running}.feature-image{width:100%;height:auto;object-fit:cover;border-bottom:1px solid #374151;border-radius:12px 12px 0 0}.feature-text{padding:2rem;text-align:center;flex-grow:1}.feature-text h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;word-break:break-word}.feature-text p{color:var(--nav-text-muted);font-size:1rem;word-break:break-word}.nav-footer{text-align:center;padding:4rem 1rem;border-top:1px solid #374151;margin-top:2rem}.nav-footer h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.nav-footer .privacy-note{margin-top:1.5rem;color:var(--nav-text-muted);font-size:.9rem}@media (min-width: 900px){.feature-card{flex-direction:row;text-align:left}.feature-card:nth-child(2n){flex-direction:row-reverse}.feature-image{width:55%;border:none;border-radius:12px 0 0 12px}.feature-text{width:45%}}@media (min-width: 900px){.feature-card:nth-child(2n) .feature-image{border-radius:0 12px 12px 0}}@media (max-width: 768px){.nav-hero h1{font-size:2rem}.nav-hero .tagline{font-size:1.1rem}}@media (max-width: 480px){.nav-hero{padding:3rem 1rem 2rem}.nav-hero h1{font-size:1.75rem}.cta-button{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 340px){.nav-hero h1{font-size:1.5rem}.nav-hero .tagline{font-size:1rem}}.testimonials{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2rem 0}.testimonial-card{background-color:var(--nav-card-bg);color:var(--nav-text);border-radius:var(--nav-radius);box-shadow:var(--nav-shadow);padding:1.25rem;max-width:320px;text-align:center}.testimonial-quote{font-style:italic;margin-bottom:.5rem}.testimonial-author{color:var(--nav-text-muted);font-size:.9rem}.subscribe-section{margin:3rem 0;text-align:center}.subscribe-form{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.subscribe-form input[type=email]{padding:.5rem .75rem;border:1px solid #374151;border-radius:6px;background:var(--nav-bg);color:var(--nav-text)}.subscribe-form input[type=email]:focus{outline:2px solid var(--nav-accent)}.subscribe-status{margin-top:.5rem;color:var(--nav-text-muted)}.usage-stats-container{margin:3rem auto;max-width:600px}.usage-heading{text-align:center;margin-bottom:1rem}.usage-row{margin-bottom:1rem}.usage-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.usage-logo{width:24px;height:24px}.usage-name{font-weight:600}.usage-bar-wrapper{position:relative;background:#374151;border-radius:6px;height:1rem;margin-top:.25rem;overflow:hidden}.usage-bar{position:absolute;height:100%;left:0;top:0}.usage-bar-2022{background:var(--nav-text-muted)}.usage-bar-2025{background:var(--nav-accent);transition:width 1.5s ease-out}.usage-svg{width:100%;height:30px}.usage-path{stroke:var(--nav-accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:80;animation:draw-line 1.5s ease-out forwards;animation-play-state:paused}.usage-dots{stroke:var(--nav-accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 8;animation:move-dots 2s linear infinite;animation-play-state:paused}.usage-dot-start,.usage-dot-end{fill:var(--nav-accent);stroke:var(--nav-bg);stroke-width:2;opacity:0;transform-origin:center;animation:grow-dot .6s ease-out forwards;animation-play-state:paused}.usage-dot-end{animation-delay:.4s}.usage-stats-container.animate .usage-path,.usage-stats-container.animate .usage-dots,.usage-stats-container.animate .usage-dot-start,.usage-stats-container.animate .usage-dot-end{animation-play-state:running}.usage-year-label{position:absolute;top:-1.4rem;font-size:.7rem;color:var(--nav-text-muted)}.year-start{left:0;transform:translate(-10%)}.year-end{right:0;transform:translate(10%)}.usage-values{display:block;font-size:.8rem;color:var(--nav-text-muted);margin-top:.25rem}.usage-caption{text-align:center;color:var(--nav-text-muted);font-size:.9rem;margin-top:1rem}.promo-video{margin:2rem auto;position:relative;padding-bottom:56.25%;height:0;max-width:560px}.promo-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.constellation-card{max-width:160px;margin:1rem auto}.ursa-minor-animation{width:100%;height:auto;overflow:visible}.ursa-star{fill:#fff;stroke:#fff;stroke-width:.5;filter:drop-shadow(0 0 4px #fff);animation:star-glow 2s ease-in-out infinite alternate;animation-play-state:paused}.chatgpt-star{fill:#10b981;stroke:#10b981}.supernova-target{fill:#10b981;stroke:#10b981;animation:star-glow 2s ease-in-out infinite alternate,supernova-burst .8s ease-out 3s forwards;animation-play-state:paused}.supernova-particle{fill:#fff;stroke:none;transform-box:fill-box;transform-origin:center;opacity:0;animation:particle-fly .8s ease-out 3s forwards;animation-play-state:paused}.ursa-label{fill:var(--nav-text-muted);font-size:8px;text-anchor:middle;animation:label-fade .5s forwards;animation-play-state:paused;opacity:0}.ursa-line{stroke:#fff;stroke-width:1.5;stroke-dasharray:200;stroke-dashoffset:200;animation:draw-line 3s linear forwards;animation-play-state:paused}@keyframes star-glow{0%{opacity:.7}to{opacity:1}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes label-fade{to{opacity:1}}@keyframes grow-dot{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes move-dots{to{stroke-dashoffset:-20}}@keyframes supernova-burst{0%{r:4;opacity:1;fill:#10b981;stroke:#10b981}70%{r:12;opacity:1;fill:#fff;stroke:#fff}to{r:4;opacity:1;fill:#fff;stroke:#fff}}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.chart-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem auto;max-width:300px}.chart-container.animate .effort-path,.chart-container.animate .effort-dots,.chart-container.animate .effort-line circle{animation-play-state:running}.effort-svg{width:100%;height:120px}.effort-path{stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:80;animation:draw-line 1s ease-out forwards;animation-play-state:paused}.effort-dots{stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:2 8;animation:move-dots 2s linear infinite;animation-play-state:paused}.effort-line circle{fill:#fff;stroke:var(--discovery-deep);stroke-width:1.5;opacity:0;transform-origin:center;animation:grow-dot .6s ease-out forwards;animation-play-state:paused}.effort-line .dot-end{animation-delay:.4s}.chart-caption{margin-top:1.5rem;text-align:center;color:var(--nav-text-muted);font-size:.9rem}@keyframes grow-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.demo-card{background-color:var(--nav-card-bg);color:var(--nav-text);border-radius:var(--nav-radius);padding:1rem;margin:2rem auto;max-width:480px;box-shadow:var(--nav-shadow);text-align:center}.demo-card textarea{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #374151;border-radius:6px;background:var(--nav-bg);color:var(--nav-text);resize:vertical}.spinner{width:16px;height:16px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;margin-left:6px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}