:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--max-width:1200px;--header-height:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--page-bg:#f7f8fc;--surface:#fff;--surface-raised:#fff;--surface-muted:#f0f2f8;--surface-inset:#e8ecf4;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#4f6df5;--accent-hover:#3b5de7;--accent-subtle:#4f6df514;--accent-muted:#4f6df526;--button-primary-bg:#4f6df5;--button-primary-hover:#3b5de7;--button-primary-text:#fff;--button-primary-shadow:0 1px 3px #4f6df54d, 0 4px 12px #4f6df526;--button-secondary-bg:#fff;--button-secondary-border:#e2e8f0;--button-secondary-text:#0f172a;--success:#16a34a;--success-bg:#16a34a1a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 20px 60px #0000001f;font-family:Inter,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--page-bg:#0a0f1e;--surface:#111827;--surface-raised:#1a2035;--surface-muted:#151b2e;--surface-inset:#0d1221;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#94a3b81f;--border-strong:#94a3b833;--accent:#6d8cff;--accent-hover:#5a7bff;--accent-subtle:#6d8cff14;--accent-muted:#6d8cff2e;--button-primary-bg:#5a7bff;--button-primary-hover:#4f6df5;--button-primary-text:#fff;--button-primary-shadow:0 1px 3px #5a7bff4d, 0 4px 16px #5a7bff33;--button-secondary-bg:#1a2035;--button-secondary-border:#94a3b826;--button-secondary-text:#f1f5f9;--success:#4ade80;--success-bg:#4ade801f;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#f87171;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #0006;--shadow-xl:0 20px 60px #00000080}*,:before,:after{box-sizing:border-box}html{background:var(--page-bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}body{min-height:100vh;color:var(--text-primary);background:0 0;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}button,input,textarea,select{font:inherit}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}::selection{background:var(--accent-muted);color:var(--text-primary)}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1;width:100%}.site-header-wrapper{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.site-header{justify-content:space-between;align-items:center;gap:var(--space-lg);height:var(--header-height);max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto;display:flex}.site-header__actions{align-items:center;gap:var(--space-lg);display:flex}.site-header__link{color:var(--text-secondary);font-size:.9rem;font-weight:600;transition:color .15s}.site-header__link:hover{color:var(--text-primary)}.brand{color:var(--text-primary);align-items:center;gap:12px;display:inline-flex}.brand__mark{width:32px;height:32px}.brand__wordmark{letter-spacing:-.02em;font-family:Manrope,Inter,sans-serif;font-size:1.25rem;font-weight:800}.content-section{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);margin:0 auto}.content-section--prose{max-width:780px}.section-heading{max-width:680px;margin-bottom:var(--space-xl)}.section-heading__lede{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.problem-grid,.steps-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:var(--max-width);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border);color:var(--text-muted);margin:0 auto;font-size:.875rem;display:flex}.site-footer__links{gap:var(--space-lg);display:flex}.site-footer__links a{color:var(--text-muted);transition:color .15s}.site-footer__links a:hover{color:var(--text-primary)}@media (width<=900px){.site-header{padding:0 var(--space-lg)}.content-section{padding:var(--space-2xl) var(--space-lg)}.problem-grid,.steps-grid{grid-template-columns:1fr}.site-footer{padding:var(--space-lg);flex-direction:column;align-items:flex-start}}@media (width<=640px){.site-header{padding:0 var(--space-md);gap:var(--space-md)}.site-header__actions{gap:var(--space-md)}.content-section{padding:var(--space-xl) var(--space-md)}.brand__wordmark{display:none}}.eyebrow{margin:0 0 var(--space-sm);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:700}h1,h2,h3{letter-spacing:-.03em;font-family:Manrope,Inter,sans-serif;line-height:1.1}h1{margin-bottom:var(--space-lg);font-size:clamp(2.2rem,5vw,3.75rem);font-weight:800}h2{margin-bottom:var(--space-md);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}h3{margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:700}.card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero{position:relative;overflow:hidden}.hero__bg{background:radial-gradient(ellipse 80% 60% at 70% 40%, var(--accent-muted), transparent 70%), radial-gradient(ellipse 60% 50% at 20% 80%, #4f6df50f, transparent 60%);pointer-events:none;position:absolute;inset:0}:root[data-theme=dark] .hero__bg{background:radial-gradient(80% 60% at 70% 40%,#6d8cff1a,#0000 70%),radial-gradient(60% 50% at 20% 80%,#6d8cff0a,#0000 60%)}.hero__inner{gap:var(--space-2xl);max-width:var(--max-width);padding:var(--space-2xl) var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero__badge{margin-bottom:var(--space-md);padding:6px var(--space-md);background:var(--accent-subtle);border:1px solid var(--accent-muted);color:var(--accent);letter-spacing:.02em;border-radius:999px;font-size:.82rem;font-weight:700;display:inline-block}.hero__content{max-width:580px}.hero__highlight{background:linear-gradient(120deg, var(--accent), #8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__lede{color:var(--text-secondary);max-width:50ch;font-size:1.15rem;line-height:1.7}.hero__actions{gap:var(--space-md);margin:var(--space-xl) 0 var(--space-md);flex-wrap:wrap;display:flex}.hero__license{color:var(--text-muted);max-width:48ch;font-size:.88rem;line-height:1.5}.hero__visual{justify-content:center;align-items:center;display:flex}.hero__mockup{border-radius:var(--radius-lg);width:100%;max-width:580px;height:auto;box-shadow:var(--shadow-xl);transition:transform .4s}.hero__mockup:hover{transform:scale(1.02)}.hero__mockup--mobile,.hero__mockup--tablet{display:none}.icon-inline{vertical-align:-.125em;fill:currentColor;flex-shrink:0;width:1em;height:1em;display:inline-block}.link-with-icon{align-items:center;gap:.35em;display:inline-flex}.button{min-height:48px;padding:0 var(--space-lg);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4em;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button--primary{color:var(--button-primary-text);background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow)}.button--primary:hover{background:var(--button-primary-hover);color:var(--button-primary-text)}.button--secondary{border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text)}.button--secondary:hover{border-color:var(--border-strong);background:var(--surface-muted);color:var(--button-secondary-text)}.button--lg{min-height:56px;padding:0 var(--space-xl);border-radius:var(--radius-lg);font-size:1.05rem}.button--ghost{border:1px solid var(--border);color:var(--text-primary);background:0 0}.button--ghost:hover{background:var(--surface-muted);border-color:var(--border-strong)}.device-mockup{perspective:1200px;width:100%;max-width:520px}.device-mockup__browser{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xl);transition:transform .4s;overflow:hidden;transform:rotateY(-2deg)rotateX(1deg)}.device-mockup__browser:hover{transform:rotateY(0)rotateX(0)}.device-mockup__toolbar{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface-muted);border-bottom:1px solid var(--border);display:flex}.device-mockup__dots{gap:6px;display:flex}.device-mockup__dots span{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.device-mockup__dots span:first-child{background:#ef4444}.device-mockup__dots span:nth-child(2){background:#f59e0b}.device-mockup__dots span:nth-child(3){background:#22c55e}.device-mockup__address-bar{padding:4px var(--space-md);background:var(--surface-inset);color:var(--text-muted);border-radius:6px;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:.78rem}.device-mockup__viewport{padding:var(--space-lg)}.device-mockup__app-header{margin-bottom:var(--space-md)}.device-mockup__logo{letter-spacing:-.02em;font-family:Manrope,Inter,sans-serif;font-size:1rem;font-weight:800}.device-mockup__app-body{gap:var(--space-md);display:grid}.device-mockup__input-area{gap:var(--space-sm);display:grid}.device-mockup__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:700}.device-mockup__url-field{padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.device-mockup__action-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.device-mockup__analyze-btn{background:var(--button-primary-bg);color:var(--button-primary-text);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.device-mockup__browser-chips{gap:6px;display:flex}.device-mockup__browser-chips span{border:1px solid var(--border);color:var(--text-muted);background:var(--surface-muted);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.device-mockup__results{padding:var(--space-md);background:var(--surface-muted);border-radius:var(--radius-md);border:1px solid var(--border);gap:6px;display:grid}.device-mockup__result-row{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.82rem;font-weight:500;display:flex}.device-mockup__result-icon{border-radius:50%;flex-shrink:0;width:16px;height:16px}.device-mockup__result-icon--ok{background:var(--success)}.device-mockup__result-icon--warn{background:var(--warning)}.detail-card,.step-card{padding:var(--space-lg)}.detail-card--accent{border:1px solid var(--accent-muted);background:linear-gradient(135deg, var(--surface), var(--accent-subtle))}.detail-card__icon{margin-bottom:var(--space-md);font-size:2rem;display:block}.detail-card h3{color:var(--text-primary)}.detail-card p,.step-card p{color:var(--text-secondary);margin-bottom:0}.step-card__index{width:36px;height:36px;margin-bottom:var(--space-md);border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent);justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex}.section-heading--center{text-align:center;max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-xl)}.section-lede{color:var(--text-secondary);margin-top:var(--space-md);font-size:1.1rem;line-height:1.7}.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-muted)}.trust-strip__inner{justify-content:center;align-items:center;gap:var(--space-xl);max-width:var(--max-width);padding:var(--space-lg) var(--space-xl);margin:0 auto;display:flex}.trust-strip__text{color:var(--text-muted);font-size:.88rem;font-weight:600}.trust-strip__browsers{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.trust-strip__browser{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.trust-strip__icon{flex-shrink:0;width:20px;height:20px}.trust-strip__note{color:var(--text-muted);font-size:.75rem;font-weight:500}.problem-section{background:var(--surface-muted);position:relative;overflow:hidden}.problem-section__bg{opacity:.04;pointer-events:none;background-image:url(/images/shield-abstract.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}:root[data-theme=dark] .problem-section__bg{opacity:.06}.problem-section__inner{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);margin:0 auto;position:relative}.problem-section__emphasis{color:var(--danger);font-style:italic}.how-section{background:var(--page-bg)}.how-section__inner{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);margin:0 auto}.device-showcase{margin-top:var(--space-2xl);padding:0 var(--space-xl);justify-content:center;align-items:flex-end;gap:0;min-height:400px;display:flex;position:relative}.device-showcase img{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);object-fit:cover;transition:transform .3s}.device-showcase__desktop{z-index:2;width:55%;max-width:600px;height:auto;position:relative}.device-showcase__tablet{z-index:1;width:35%;max-width:380px;height:auto;position:relative;transform:translate(40px)rotate(-3deg)}.device-showcase__phone{z-index:3;width:22%;max-width:240px;height:auto;position:relative;transform:translate(-40px)rotate(3deg)}.device-showcase:hover .device-showcase__tablet{transform:translate(20px)rotate(-1deg)}.device-showcase:hover .device-showcase__phone{transform:translate(-20px)rotate(1deg)}.audience-section{background:var(--surface-muted)}.audience-section__inner{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);margin:0 auto}.audience-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.audience-card{padding:var(--space-lg);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);transition:box-shadow .2s,transform .2s}.audience-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.audience-card__emoji{margin-bottom:var(--space-md);font-size:2rem;display:block}.audience-card h3{color:var(--text-primary)}.audience-card p{color:var(--text-secondary);margin-bottom:0;line-height:1.6}.oss-section{position:relative;overflow:hidden}.oss-section__bg{opacity:.04;pointer-events:none;background-image:url(/images/open-source-collab.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}:root[data-theme=dark] .oss-section__bg{opacity:.06}.oss-section__inner{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);margin:0 auto;position:relative}.oss-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.oss-card{padding:var(--space-lg);flex-direction:column;display:flex}.oss-card__icon{margin-bottom:var(--space-md);font-size:2rem;display:block}.oss-card h3{color:var(--text-primary)}.oss-card p{color:var(--text-secondary);flex:1;line-height:1.6}.oss-card__link{margin-top:var(--space-md);color:var(--accent);align-items:center;gap:.35em;font-size:.9rem;font-weight:700;transition:color .15s;display:inline-flex}.oss-card__link:hover{color:var(--accent-hover)}.cta-banner{background:linear-gradient(135deg, var(--accent), #8b5cf6)}.cta-banner__inner{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);text-align:center;margin:0 auto}.cta-banner h2{color:#fff;font-size:clamp(1.8rem,4vw,2.75rem)}.cta-banner p{color:#ffffffd9;max-width:52ch;margin:0 auto var(--space-xl);font-size:1.15rem;line-height:1.6}.cta-banner__actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.cta-banner .button--primary{color:var(--accent);background:#fff;box-shadow:0 4px 16px #00000026}.cta-banner .button--primary:hover{color:var(--accent);background:#f1f5f9}.cta-banner .button--ghost{color:#fff;border-color:#fff6}.cta-banner .button--ghost:hover{color:#fff;background:#ffffff26;border-color:#fff9}.faq-list{gap:var(--space-md);display:grid}.faq-item{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:box-shadow .2s}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-item[open]{box-shadow:var(--shadow-md)}.faq-item summary{cursor:pointer;color:var(--text-primary);font-size:1.05rem;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:var(--space-md) 0 0;max-width:65ch;color:var(--text-secondary);line-height:1.7}.theme-toggle{border:1px solid var(--border);background:var(--surface-muted);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{color:var(--text-primary);background:var(--surface);border-color:var(--border-strong)}.theme-toggle__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.markdown-body{line-height:1.8}.markdown-body h1{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.markdown-body h2{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.markdown-body h3{margin-top:var(--space-lg)}.markdown-body p{color:var(--text-secondary)}.markdown-body ul,.markdown-body ol{color:var(--text-secondary);padding-left:var(--space-lg)}.markdown-body li{margin-bottom:var(--space-xs)}.markdown-body code{background:var(--surface-muted);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.88em}.markdown-body a{color:var(--accent);font-weight:500}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{color:var(--text-primary)}.admonition{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-subtle)}.admonition__title{margin-bottom:var(--space-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.82rem;font-weight:800}.admonition--important{background:#8b5cf614;border-left-color:#8b5cf6}.admonition--important .admonition__title{color:#8b5cf6}.admonition--warning,.admonition--caution{border-left-color:var(--warning);background:var(--warning-bg)}.admonition--warning .admonition__title,.admonition--caution .admonition__title{color:var(--warning)}.admonition--tip{border-left-color:var(--success);background:var(--success-bg)}.admonition--tip .admonition__title{color:var(--success)}@media (width<=900px){.hero__inner{min-height:auto;padding:var(--space-2xl) var(--space-lg);gap:var(--space-xl);grid-template-columns:1fr}.hero__visual{order:-1}.hero__mockup--desktop{display:none}.hero__mockup--tablet{max-width:420px;display:block}.hero__mockup--mobile{display:none}.trust-strip__inner{gap:var(--space-md);text-align:center;flex-direction:column}.audience-grid,.oss-grid{grid-template-columns:1fr}.device-showcase{min-height:260px;padding:0}.device-showcase__tablet{transform:translate(30px)rotate(-2deg)}.device-showcase__phone{transform:translate(-30px)rotate(2deg)}.problem-section__inner,.how-section__inner,.audience-section__inner,.oss-section__inner,.cta-banner__inner{padding:var(--space-2xl) var(--space-lg)}}@media (width<=640px){.hero__inner{padding:var(--space-xl) var(--space-md)}.hero__mockup--tablet{display:none}.hero__mockup--mobile{max-width:280px;display:block}.detail-card,.step-card,.oss-card,.audience-card,.faq-item{padding:var(--space-md)}.device-showcase{align-items:center;gap:var(--space-md);flex-direction:column;min-height:auto}.device-showcase__desktop,.device-showcase__tablet,.device-showcase__phone{width:80%;max-width:340px;transform:none}.device-showcase:hover .device-showcase__tablet,.device-showcase:hover .device-showcase__phone{transform:none}.problem-section__inner,.how-section__inner,.audience-section__inner,.oss-section__inner,.cta-banner__inner{padding:var(--space-xl) var(--space-md)}}