:root{--nav-bg: #111828;--nav-card-bg: #1F2937;--nav-text: #F9FAFB;--nav-text-muted: #9CA3AF;--nav-text-secondary: #A8B5D1;--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}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.nav-page-container{max-width:1100px;margin:0 auto;padding:0 1rem}.container{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.nav-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem 3rem;gap:1rem;overflow:hidden}.nav-hero .logo{width:clamp(3rem,20vw,5rem);height:auto;margin:0 auto;object-fit:contain}.nav-hero h1{font-size:3rem;line-height:1.2;font-weight:800;margin-left:0;padding-inline-start:1rem;margin-bottom:.5rem}@media (min-width: 1024px){.nav-hero h1{font-size:4.5rem}}.nav-hero .tagline{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--nav-text-secondary);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 #a78bfa;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 #a78bfa;outline-offset:2px}.features-grid{display:grid;grid-template-columns:1fr;width:100%;gap:2rem;align-items:center;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;min-width:20rem;flex:1 1 auto}.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;white-space:normal;-webkit-hyphens:auto;hyphens:auto}.feature-text p{color:var(--nav-text-secondary);font-size:1rem;-webkit-hyphens:auto;hyphens:auto}.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-secondary);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: 480px){.nav-hero{padding:3rem 1rem 2rem}.cta-button{padding:.5rem 1rem;font-size:.9rem}}.testimonials{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:3rem 0 2rem}@media (min-width: 768px){.testimonials{gap:1.5rem}}.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}.subscribe-fields{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.subscribe-fields input[type=email]{flex:1 1 auto;padding:.5rem .75rem;border:1px solid #374151;border-radius:6px;background:var(--nav-bg);color:var(--nav-text);opacity:1}.subscribe-fields input[type=email]::placeholder{opacity:.5}.subscribe-fields input[type=email]:focus::placeholder{opacity:.75}.subscribe-fields button{white-space:nowrap}.subscribe-fields input[type=email]:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.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;display:none}@media (min-width: 1024px){.constellation-card{display:block}}.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}@media (max-width: 1023px){.supernova-target{display:none}}.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}@media (max-width: 1023px){.supernova-particle{display:none}}.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)}}@media (prefers-reduced-motion: no-preference){.tilt-hover:hover{transform:scale(1.03) rotate(-1deg)}}@media (prefers-reduced-motion: reduce){.chart-container .effort-path,.chart-container .effort-dots,.chart-container .effort-line circle{animation:none}.chart-container .effort-path{stroke-dashoffset:0}.chart-container .effort-line circle{opacity:1}}:root{--radius-base: 12px;--shadow-base: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--gradient-primary: linear-gradient(135deg, #000, #444);--gradient-primary-hover: linear-gradient(135deg, #111, #555)}@media (prefers-color-scheme: light){:root{--gradient-primary: linear-gradient(135deg, #eee, #ccc);--gradient-primary-hover: linear-gradient(135deg, #ddd, #bbb)}}.ui-card{border-radius:var(--radius-base);box-shadow:var(--shadow-base);background-color:var(--nav-card-bg);overflow:hidden}.ui-button{display:inline-flex;justify-content:center;align-items:center;padding:.75rem 1.5rem;border-radius:var(--radius-base);background:var(--gradient-primary);color:#fff;font-weight:600;text-decoration:none;transition:background .2s ease-in-out,transform .2s ease-in-out;box-shadow:var(--shadow-base)}.ui-button:hover{background:var(--gradient-primary-hover);transform:scale(1.05)}.ui-button:focus-visible{outline:2px solid var(--btn-focus-outline);outline-offset:2px}
