*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth}body{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:root{--color-bg: #faf9f7;--color-surface: #f1eeeb;--color-surface-raised: #e7e3df;--color-surface-editor: #f5f3f0;--color-border: #dbd6d0;--color-border-subtle: #eae6e2;--color-text: #2c2c2e;--color-text-secondary: #6b6b70;--color-text-tertiary: #9b9ba0;--color-text-inverse: #faf9f7;--color-accent: #3d9b8f;--color-accent-hover: #338a7f;--color-accent-subtle: rgba(61, 155, 143, .1);--color-secondary: #d08c60;--color-secondary-hover: #c07c50;--color-secondary-subtle: rgba(208, 140, 96, .1);--color-error: #c75050;--color-error-subtle: rgba(199, 80, 80, .08);--color-warning: #c49a3c;--color-warning-subtle: rgba(196, 154, 60, .08);--color-info: #5088b5;--color-info-subtle: rgba(80, 136, 181, .08);--color-success: #3d9b8f;--color-scrollbar-track: #eeebe8;--color-scrollbar-thumb: #d5d0cb;--color-scrollbar-thumb-hover: #c0bab4;--shadow-sm: 0 1px 2px rgba(44, 44, 46, .06);--shadow-md: 0 2px 8px rgba(44, 44, 46, .08)}.global-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 1.5rem;background:#faf9f7eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border, #dbd6d0)}.global-nav-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--color-accent, #3d9b8f);text-decoration:none}.global-nav-logo{display:block;width:28px;height:28px;object-fit:contain}.global-nav-links{display:flex;gap:1.5rem}.global-nav-links a{color:var(--color-text-secondary, #6b6b70);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.global-nav-links a:hover{color:var(--color-text, #2c2c2e)}.global-nav-links .global-nav-active{color:var(--color-accent, #3d9b8f)}.global-nav-left{display:flex;align-items:center;gap:12px}@media(max-width:768px){.global-nav-links{gap:1rem}.global-nav-links a{font-size:.8rem}}@media(max-width:480px){.global-nav-links a:not(.global-nav-active){display:none}}.landing{display:flex;flex-direction:column;min-height:100vh;padding-top:48px;overflow-x:hidden}.section-container{max-width:1120px;margin:0 auto;padding:0 1.5rem;width:100%}.section-title{text-align:center;font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:3rem}.hero{padding:6rem 1.5rem 5rem;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 100%);overflow:hidden}.hero-content{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:4rem}.hero-text{flex:1;min-width:0}.hero-logo{display:block;width:112px;height:112px;margin-bottom:1.25rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.hero-text h1{font-size:3rem;font-weight:800;line-height:1.1;color:var(--color-text);letter-spacing:-.02em}.hero-text h1 .accent{color:var(--color-accent)}.hero-tagline{font-size:1.35rem;color:var(--color-text-secondary);margin-top:1rem;line-height:1.5}.hero-sub{font-size:1rem;color:var(--color-text-secondary);margin-top:.75rem;line-height:1.6;max-width:480px}.hero-ctas{display:flex;gap:1rem;margin-top:2rem}.cta{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s ease}.cta-primary{background:var(--color-accent);color:var(--color-text-inverse)}.cta-primary:hover{background:var(--color-accent-hover);text-decoration:none;box-shadow:var(--shadow-md)}.cta-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.cta-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.cta-github-icon{width:18px;height:18px;margin-right:.5rem}.hero-graphic{flex-shrink:0;width:280px}.hero-cfg{width:100%;height:auto;filter:drop-shadow(0 0 24px rgba(61,155,143,.2))}.features{padding:5rem 0;background:var(--color-surface)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.feature-header{display:flex;align-items:center;gap:.75rem}.feature-icon{width:40px;height:40px;flex-shrink:0}.feature-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text)}.feature-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.feature-widget{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin-top:.5rem}.feature-widget iframe{width:100%;height:280px;border:none;background:var(--color-surface-editor)}.feature-preview{width:100%;height:260px;background:var(--color-surface-editor);border-radius:6px}.feature-code{background:var(--color-surface-editor);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-top:.5rem;overflow-x:auto}.feature-code code{font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.8rem;color:var(--color-text-secondary);line-height:1.7;white-space:pre}.quickstart{padding:2.5rem 0 4rem;background:var(--color-surface)}.quickstart-terminal{max-width:640px;margin:0 auto;background:var(--color-surface-editor);border:1px solid var(--color-accent);border-radius:14px;padding:1.5rem 1.75rem 1.25rem;box-shadow:0 0 0 1px #3d9b8f14,0 6px 28px #3d9b8f2e}.quickstart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.quickstart-label{font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:var(--color-accent);text-transform:uppercase}.quickstart-copy{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;padding:.25rem .65rem;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.quickstart-copy:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-subtle)}.quickstart-commands{display:flex;flex-direction:column}.quickstart-command{display:flex;align-items:flex-start;gap:.6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.7rem .9rem;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.82rem;line-height:1.55;color:var(--color-text);min-width:0}.quickstart-cmd-text{flex:1;min-width:0;overflow-x:auto;white-space:nowrap}.quickstart-command code{color:inherit;background:none;padding:0}.quickstart-prompt{color:var(--color-accent);flex-shrink:0;user-select:none}.quickstart-separator{font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.85rem;color:var(--color-accent);padding:.35rem 0 .35rem .9rem}.quickstart-note{margin-top:1rem;font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;text-align:center}.quickstart-note code{font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.85em;color:var(--color-accent);background:var(--color-accent-subtle);padding:.1rem .4rem;border-radius:4px}@media(max-width:768px){.quickstart-terminal{padding:1.25rem 1rem 1rem}.quickstart-command{font-size:.75rem}}.personas{padding:5rem 0;background:var(--color-bg)}.personas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.persona-card{display:flex;flex-direction:column;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .25s ease;position:relative;overflow:hidden;min-width:0}.persona-card:hover{text-decoration:none;border-color:var(--persona-accent, var(--color-accent))}.persona-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--persona-accent, var(--color-accent))}.persona-card h3{font-size:1.15rem;font-weight:600;color:var(--color-text);margin-top:.25rem}.persona-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;flex:1}.persona-link{font-size:.85rem;font-weight:600;color:var(--persona-accent, var(--color-accent))}.tech-highlights{padding:3rem 0;background:var(--color-surface-raised);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.highlights-strip{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.highlight-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.highlight-label{font-size:1rem;font-weight:700;color:var(--color-text)}.highlight-detail{font-size:.8rem;color:var(--color-text-secondary)}.comparison-teaser{padding:5rem 0;background:var(--color-surface)}.comparison-teaser-lede{max-width:720px;margin:-1.5rem auto 2.25rem;text-align:center;font-size:1rem;line-height:1.6;color:var(--color-text-secondary)}.comparison-teaser-cta{display:flex;justify-content:center;margin-top:2rem}.comparison-page{background:var(--color-bg);min-height:100vh}.comparison-page-hero{padding:4.5rem 1.5rem 2rem;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 100%)}.comparison-page-hero h1{font-size:2.25rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em;text-align:center;margin-bottom:1rem}.comparison-page-lede{max-width:760px;margin:0 auto;text-align:center;font-size:1.05rem;line-height:1.65;color:var(--color-text-secondary)}.comparison-page-body{padding:3rem 0 5rem}.comparison-group{margin-bottom:3rem}.comparison-group-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.comparison-group-intro{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1.5rem;max-width:760px}.comparison-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-raised)}.comparison-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:760px}.comparison-table th,.comparison-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;line-height:1.4}.comparison-table thead th{font-weight:700;color:var(--color-text);background:var(--color-surface);position:sticky;top:0;border-bottom:2px solid var(--color-border);white-space:nowrap}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-dimension{font-weight:600;color:var(--color-text);white-space:nowrap;background:var(--color-surface);position:sticky;left:0;z-index:1}.comparison-cell{color:var(--color-text-secondary)}.comparison-cell--yes{color:var(--color-text);font-weight:600}.comparison-cell--partial{color:var(--color-text-secondary);font-style:italic}.comparison-cell--no{color:var(--color-text-secondary);opacity:.6}.comparison-cell--na{color:var(--color-text-secondary);opacity:.45}.comparison-cell--saf{background:var(--color-accent-subtle, rgba(61, 155, 143, .08))}thead .comparison-cell--saf{color:var(--color-accent)}.comparison-note-row td{padding-top:.25rem;padding-bottom:.85rem;font-size:.78rem;color:var(--color-text-secondary);font-style:italic;background:var(--color-surface)}.comparison-bestat,.comparison-caveats{margin-top:3rem}.comparison-bestat-list,.comparison-caveats ul{list-style:disc;padding-left:1.5rem;font-size:.95rem;color:var(--color-text-secondary);line-height:1.65}.comparison-bestat-list li,.comparison-caveats li{margin-bottom:.85rem}.comparison-bestat-list a,.comparison-caveats a{color:var(--color-accent)}@media(max-width:768px){.comparison-page-hero h1{font-size:1.6rem}.comparison-page-lede{font-size:.95rem}.comparison-table{font-size:.78rem}.comparison-group-title{font-size:1.25rem}}.footer{padding:2rem 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-built{font-size:.85rem;color:var(--color-text-secondary)}.footer-links{display:flex;align-items:center;gap:1.25rem}.footer-links a{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-secondary);transition:color .15s ease}.footer-links a:hover{color:var(--color-text);text-decoration:none}.github-icon{width:18px;height:18px}@media(max-width:768px){.hero{padding:3rem 1.5rem 2.5rem}.hero-content{flex-direction:column;gap:2rem;text-align:center}.hero-text h1{font-size:2rem}.hero-tagline{font-size:1.1rem}.hero-sub{max-width:none}.hero-ctas{justify-content:center;flex-wrap:wrap}.hero-graphic{width:200px;order:-1}.features-grid,.personas-grid{grid-template-columns:1fr}.highlights-strip{gap:1.5rem}.footer-inner{flex-direction:column;gap:1rem;text-align:center}.section-title{font-size:1.5rem;margin-bottom:2rem}}