*,*::before,*::after{box-sizing:border-box}body{background:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:50;width:100%;background-color:rgba(255,255,255,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,0.8);transition:all 0.2s ease-in-out}.nav-container{max-width:1200px;margin:0 auto;padding:0.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:0.75rem;text-decoration:none;font-weight:700;font-size:1.125rem;color:#111827}.nav-brand>svg{width:200px}.nav-list{display:flex;align-items:center;gap:1.5rem;list-style:none;margin:0;padding:0}header .nav-link{font-weight:500}.nav-link{font-size:1.1rem;color:#4b5563;text-decoration:none;padding:0.5rem 0.75rem;border-radius:0.375rem;transition:color 0.15s ease, background-color 0.15s ease}.nav-link:hover{color:#111827;background-color:#f3f4f6}.nav-link.active{color:#2563eb;font-weight:600;background-color:#eff6ff}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger-bar{height:2px;width:100%;background-color:#111827;border-radius:2px;transition:transform 0.2s ease, opacity 0.2s ease}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:#ffffff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:none;box-shadow:0 10px 15px -3px rgba(0,0,0,0.05)}.nav-menu.is-open{display:block}.nav-list{flex-direction:column;align-items:stretch;gap:0.5rem}.nav-link{display:block;padding:0.75rem 1rem}}section{scroll-margin-top:80px}main{flex:1}@media screen and (min-width: 576px){section#footer{width:70vw;margin:0 auto}}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}button{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.75rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all 0.2s ease;cursor:pointer}.btn.btn-primary{background-color:#7c3aed;color:#ffffff;box-shadow:0 4px 14px rgba(124,58,237,0.3)}.btn.btn-primary:hover{background-color:#6d28d9;transform:translateY(-1px)}.btn.btn-secondary{background-color:#ffffff;color:#1f2937;border:1px solid #e5e7eb}.btn.btn-secondary:hover{background-color:#f3f4f6;border-color:#d1d5db}.btn.btn-large{padding:0.875rem 2rem;font-size:1.1rem}.buttonContainer{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}code{display:block;background-color:#262626;color:#e5e7eb;border-radius:15px;font-family:Red Hat Mono, monospace !important;font-weight:500;padding:1rem;width:100%}.sidebyside{flex-direction:column;display:flex;align-items:center}.sidebyside>*{flex-grow:1}@media screen and (min-width: 576px){.sidebyside{flex-direction:row;display:flex;align-items:center}}.site-header{position:sticky;top:0;z-index:50;width:100%;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.hero{align-items:center;display:flex;padding:4rem 1.5rem 3rem;margin:0 auto;flex-direction:column;max-width:900px;text-align:center}.hero-bubble{display:inline-flex;align-items:center;gap:0.5rem;background-color:#f3e8ff;color:#7c3aed;padding:0.35rem 0.85rem;border-radius:9999px;font-size:0.875rem;font-weight:600;margin-bottom:1.5rem}.hero-title{text-align:left;font-size:2.25rem;font-weight:800;line-height:1.25;letter-spacing:-0.02em;margin:0 0 1rem}@media (min-width: 768px){.hero-title{font-size:3.5rem}}.gradient-text{background:linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1.hero-title .gradient-text{text-align:right;display:block}.hero-subtitle{font-size:1.125rem;color:#4b5563;max-width:650px;margin:0 0 2rem}.hero>.chart{max-width:40vw}.hero>strong{font-size:32px}@media screen and (min-width: 768px){.hero>strong{font-size:64px}.hero{width:70vw}}.chart-wrapper{width:100%;max-width:750px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05)}.chart-wrapper.eightknot{background-color:#292929;color:white}.eightknot a{color:#64B5F6}.eightknot a:hover{color:#90CAF9}.eightknot a:visited{color:#CE93D8}.eightknot a:active{color:#BB86FC}.chart{width:100%;height:auto}.section-header{text-align:center;margin:4rem 0 2.5rem}.section-header h2{font-size:2rem;font-weight:700;margin-bottom:0.5rem}.section-header p{color:#4b5563;font-size:1.1rem}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 576px){.features-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(3, 1fr)}}.feature-card{background:#fff;border:1px solid #e5e7eb;padding:2rem;border-radius:12px;transition:transform 0.2s ease, box-shadow 0.2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px -5px rgba(0,0,0,0.08)}.feature-card .feature-icon{width:48px;height:48px;background-color:#f3e8ff;color:#7c3aed;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.25rem}.feature-card h3{margin:0 0 0.5rem;font-size:1.25rem}.feature-card p{margin:0;color:#4b5563;font-size:0.95rem}.faq-section{padding-bottom:2rem}.faq-list{max-width:750px;margin:0 auto;display:flex;flex-direction:column;gap:0.75rem}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow 0.2s ease}.faq-item.is-open{box-shadow:0 4px 14px rgba(124,58,237,0.1);border-color:#e9defc}.faq-question{width:100%;background:transparent;border:none;border-radius:0;padding:1.25rem 1.5rem;margin:0;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;color:#1f2937;cursor:pointer;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.faq-question:hover{background-color:#faf5ff;color:#7c3aed;transform:none}.faq-question[aria-expanded="true"]{color:#7c3aed}.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(180deg)}.faq-icon{flex-shrink:0;color:#7c3aed;transition:transform 0.25s ease;margin-left:1rem}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease, padding 0.3s ease;padding:0 1.5rem}.faq-answer p{margin:0 0 1.25rem;color:#4b5563;font-size:0.95rem;line-height:1.7}.faq-answer a{color:#7c3aed;text-decoration:underline;text-underline-offset:2px}.faq-answer a:hover{color:#6d28d9}.faq-item.is-open .faq-answer{max-height:700px;padding-top:0.25rem}.cta-section{padding:5rem 1.5rem;max-width:900px;margin:0 auto}.cta-card{background:linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%);color:#ffffff;padding:3rem 2rem;border-radius:16px;text-align:center}.cta-card h2{font-size:2rem;margin-bottom:0.5rem}.cta-card p{color:#e9d5ff;margin-bottom:2rem}.cta-card .btn-primary{background-color:#ffffff;color:#7c3aed}.cta-card .btn-primary:hover{background-color:#f3e8ff}section#footer{font-size:.9em;margin-top:auto;padding-top:4em}section#footer{color:gray}hr{display:block;height:2px;border:0;border-top:2px solid gray;margin:1em auto;padding:0;width:50vw}footer#footer{border-top:1px solid #e5e7eb;background-color:#ffffff;padding:2rem 0}footer#footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 576px){footer#footer .footer-content{flex-direction:row;justify-content:space-between}}footer#footer .footer-copy{margin:0;color:#4b5563;font-size:0.9rem}footer#footer .text-red{color:#ef4444}footer#footer .footer-links{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}footer#footer .footer-links a{color:#4b5563;text-decoration:none;font-size:0.9rem}footer#footer .footer-links a:hover{color:#7c3aed}