/*!
 * AUTO-GENERATED FILE - DO NOT EDIT!
 *
 * This file is automatically generated by: scripts/build-logic/fingerprint_assets.py
 * Any changes will be OVERWRITTEN on next build.
 *
 * Edit the original file instead: /static/css/styles.css
 */

:root{--color-primary:#16a34a;--color-primary-hover:#15803d;--color-primary-light:#dcfce7;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#16a34a;--color-error:#dc2626;--color-warning:#f59e0b;--color-info:#3b82f6;--filter-icon-primary:invert(42%) sepia(93%) saturate(401%) hue-rotate(87deg) brightness(95%) contrast(101%);--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast:150ms ease;--transition-base:200ms ease;--max-width:1200px;--header-height:64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.header__left{display:flex;align-items:center;gap:var(--space-6)}.header__right{display:flex;align-items:center;gap:var(--space-4)}.header__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-lg);color:var(--color-text);text-decoration:none}.header__logo:hover{color:var(--color-text)}.header__logo-img{display:block;height:32px;width:auto;object-fit:contain}.header__nav{display:flex;align-items:center;gap:var(--space-6)}body.tools-menu-open{overflow:hidden}.tools-menu__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.tools-menu__trigger:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-muted)}.tools-menu__trigger img{flex-shrink:0;filter:invert(30%) sepia(0) saturate(0) brightness(60%)}.tools-menu__arrow{transition:transform var(--transition-fast)}.tools-menu__arrow--open{transform:rotate(180deg)}.tools-fullscreen{position:fixed;top:56px;left:0;right:0;bottom:0;z-index:999;display:flex;justify-content:center;align-items:flex-start;padding:var(--space-8) var(--space-4);overflow-y:auto;overflow-x:hidden}.tools-fullscreen__backdrop{position:fixed;top:56px;left:0;right:0;bottom:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,0.3);z-index:1}.tools-fullscreen__panel{position:relative;z-index:2;width:100%;max-width:1600px;background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.tools-fullscreen__header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:3}.tools-fullscreen__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.tools-fullscreen__close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.tools-fullscreen__content{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6);max-width:1600px;margin:0 auto}.tools-fullscreen__section-wrapper{display:flex;flex-direction:column;gap:var(--space-4)}.tools-fullscreen__section-wrapper .tool-search{max-width:800px;margin:0 auto;text-align:center;width:100%;padding:0;border-bottom:0}.tools-fullscreen__section-wrapper .tool-search__container{width:100%;margin-bottom:var(--space-4)}.tools-fullscreen__section-wrapper .tool-search__input-wrapper{width:100%}.tools-fullscreen__section-header{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin:0;padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.tools-fullscreen__nav-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.tools-fullscreen__filters{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0 var(--space-4)}.tools-grid--header{padding:0 var(--space-2)}.tools-fullscreen__section{display:flex;flex-direction:column;gap:var(--space-2)}.tools-fullscreen__section .nav-hub__header{margin-bottom:var(--space-3)}.tools-fullscreen__section-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);text-decoration:none}.tools-fullscreen__section-title:hover{color:var(--color-primary)}.tools-fullscreen__groups{display:flex;flex-direction:column;gap:var(--space-2)}.tools-fullscreen__group{display:flex;flex-direction:column}.tools-fullscreen__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.tools-fullscreen__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;text-decoration:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:500;transition:color var(--transition-fast)}.tools-fullscreen__link:hover{color:var(--color-primary)}.tools-fullscreen__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-primary)}.tools-fullscreen__icon svg{width:16px;height:16px}.tools-fullscreen__icon img{width:16px;height:16px}@media(min-width:768px){.tools-fullscreen__content{gap:var(--space-4);padding:.5rem}.tools-fullscreen__nav-wrapper{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.tools-fullscreen__section{min-width:0}.tools-fullscreen__section-title{font-size:1rem;margin-bottom:.25rem}.tools-fullscreen__section .nav-hub__header{margin-bottom:.25rem}.tools-fullscreen__section .nav-hub__title-link{font-size:1rem}.tools-fullscreen__link{gap:.25rem;padding:.125rem 0;font-size:.875rem}}@media(max-width:640px){.tools-fullscreen{top:52px;padding:var(--space-4) var(--space-2)}.tools-fullscreen__backdrop{top:52px}.tools-fullscreen__panel{border-radius:var(--radius-lg)}.tools-fullscreen__header{padding:var(--space-3) var(--space-4)}.tools-fullscreen__content{padding:var(--space-4);gap:var(--space-6)}.tools-fullscreen__section-header{font-size:var(--font-size-xl)}.tools-fullscreen__nav-wrapper{grid-template-columns:1fr}.tools-fullscreen__section-title{font-size:var(--font-size-base)}.tools-fullscreen__section .nav-hub__title-link{font-size:var(--font-size-base)}.tools-fullscreen__group{border-radius:var(--radius-md)}.tools-fullscreen__link{padding:var(--space-2);font-size:var(--font-size-sm)}.tools-fullscreen__icon{width:24px;height:24px}.tools-fullscreen__icon svg,.tools-fullscreen__icon img{width:14px;height:14px}}.header__account-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:0;border:0;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-muted);padding:0;transition:color .15s}.header__account-icon svg{width:20px;height:20px}.header__account-icon:hover{color:var(--color-text-primary)}.header__account{position:relative;display:flex;align-items:center;gap:var(--space-3)}.header__pricing-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:opacity .15s,background .15s;text-decoration:none;color:#f59e0b}.header__pricing-link img{width:20px;height:20px;filter:invert(66%) sepia(76%) saturate(559%) hue-rotate(359deg) brightness(102%) contrast(95%);flex-shrink:0}.header__pricing-text{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.header__pricing-link:hover{opacity:.8;background:rgba(245,158,11,0.1)}.header__account-trigger{display:flex;align-items:center;gap:var(--space-2);background:0;border:0;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:opacity .15s}.header__account-trigger:hover{opacity:.8}.header__account-credits{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.header__account-action{width:100%;text-align:left;background:0;border:0;padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,color .15s}.header__account-action:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.header__account-panel{position:absolute;top:calc(100% + 8px);right:-8px;min-width:220px;background:var(--color-bg,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:1000}.account-panel__email{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500;padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border);word-break:break-all}.account-panel__loading{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;padding:var(--space-2)}.account-panel__content{display:flex;flex-direction:column;gap:var(--space-3)}.account-panel__section{display:flex;flex-direction:column;gap:var(--space-1)}.account-panel__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.account-panel__credits{display:flex;flex-direction:column;gap:2px}.account-panel__credit-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.account-panel__credit-row--total{font-weight:600;color:var(--color-text-primary);border-top:1px solid var(--color-border);padding-top:var(--space-1);margin-top:var(--space-1)}.account-panel__subscription{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.account-panel__sub-badge{background:var(--color-primary);color:white;font-size:var(--text-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.account-panel__sub-renewal{font-size:var(--text-xs);color:var(--color-text-muted)}.account-panel__history{display:flex;flex-direction:column;gap:2px}.account-panel__txn{display:flex;justify-content:space-between;font-size:var(--text-sm)}.account-panel__txn-amount{font-weight:500}.account-panel__txn-amount--positive{color:var(--color-primary)}.account-panel__txn-amount--negative{color:var(--color-text-muted)}.account-panel__txn-date{color:var(--color-text-muted);font-size:var(--text-xs)}.account-panel__pricing-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);color:#f59e0b;text-decoration:none;border-radius:var(--radius-sm);transition:background .15s,color .15s;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-2)}.account-panel__pricing-link img{width:18px;height:18px;filter:invert(66%) sepia(76%) saturate(559%) hue-rotate(359deg) brightness(102%) contrast(95%);flex-shrink:0}.account-panel__pricing-link:hover{background:rgba(245,158,11,0.1)}.account-panel__divider{border:0;border-top:1px solid var(--color-border);margin:var(--space-2) 0}@media(max-width:768px){.header__pricing-link{display:none}.account-panel__pricing-link{display:flex}}@media(min-width:769px){.header__pricing-link{display:flex}.account-panel__pricing-link{display:none}}.modal{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);backdrop-filter:blur(2px)}.modal__content{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);max-width:480px;width:100%;position:relative;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);border:1px solid var(--color-border)}.modal__content--sm{max-width:400px;padding:var(--space-8)}.modal__close{position:absolute;top:var(--space-4);right:var(--space-4);background:0;border:0;font-size:24px;color:var(--color-text-secondary);cursor:pointer;line-height:1;padding:var(--space-1)}.modal__close:hover{color:var(--color-text)}.modal__title{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-2);color:var(--color-text)}.modal__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.modal__form{display:flex;flex-direction:column;gap:var(--space-4)}.modal__input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:#fff;color:var(--color-text)}.modal__input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}.modal__input:disabled{opacity:.6;cursor:not-allowed}.modal__submit{width:100%}.modal__message{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.modal__message--success{background:rgba(34,197,94,0.1);color:var(--color-success)}.modal__message--error{background:rgba(239,68,68,0.1);color:var(--color-error)}.feedback-modal__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.feedback-modal__icon{font-size:24px}.feedback-modal__options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.feedback-modal__option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.feedback-modal__option:hover{border-color:var(--color-primary);background:rgba(34,197,94,0.02)}.feedback-modal__option input[type="radio"]{margin-top:2px;cursor:pointer}.feedback-modal__option label{flex:1;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text)}.feedback-modal__other-input{margin-top:var(--space-2);animation:slideDown .2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-modal__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2);text-align:center}.feedback-modal__header .modal__title{margin:0}.modal__input--textarea{resize:vertical}.feedback-modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.feedback-modal__actions .btn{flex:1}.feedback-modal__credit-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:rgba(34,197,94,0.05);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feedback-modal__credit-info strong{color:var(--color-primary);font-weight:600}.feedback-modal__credit-info small{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.main{min-height:calc(100vh - var(--header-height) - 200px)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:var(--space-16)}.footer__upper{padding:var(--space-10) 0;border-bottom:1px solid var(--color-border-light)}.footer__upper-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.footer__brand{flex-shrink:0}.footer__logo-img{display:block;height:32px;width:auto;object-fit:contain;margin-bottom:var(--space-3)}.footer__slogan{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.footer__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer__nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer__nav-link:hover{color:var(--color-text)}.footer__columns{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start;flex:1}@media(min-width:768px){.footer__columns{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.footer__hub-section{min-width:0}}@media(max-width:768px){.footer__columns{grid-template-columns:1fr}}.footer__hub-section{min-width:0}.footer__hub-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);text-decoration:none;margin-bottom:var(--space-4)}.footer__hub-title:hover{color:var(--color-primary)}.nav-hub__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.nav-hub__title-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);text-decoration:none;flex:1;transition:color var(--transition-fast)}.tools-fullscreen__section .nav-hub__title-link{font-size:var(--font-size-xl)}.nav-hub__title-link:hover{color:var(--color-primary)}.nav-hub__hub-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:0;cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.nav-hub__hub-toggle:hover{color:var(--color-primary)}.footer__hub-section .nav-hub__groups{display:flex;flex-direction:column;gap:var(--space-2)}.footer__nav-list--with-icons{display:flex;flex-direction:column;gap:0;padding:var(--space-1) var(--space-2)}.footer__nav-link--icon{display:flex;align-items:center;gap:var(--space-2);padding:.125rem 0;transition:color var(--transition-fast)}.footer__nav-link--icon:hover{color:var(--color-primary)}.footer__nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--color-primary)}.footer__nav-icon svg{width:12px;height:12px}.footer__nav-icon img{width:12px;height:12px}.nav-hub__group-toggle{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 0;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast)}.footer__hub-section .nav-hub__group-toggle{color:var(--color-text-secondary)}.nav-hub__group-toggle:hover{color:var(--color-primary)}.footer__hub-section .nav-hub__group-toggle:hover{color:var(--color-primary)}.nav-hub__chevron{flex-shrink:0;width:14px;height:14px;color:inherit;transition:transform var(--transition-fast)}.nav-hub__chevron--open{transform:rotate(180deg)}.nav-hub__tools{list-style:none;margin:0;padding:0}.footer__trust{display:flex;gap:var(--space-4);width:20%}.footer__trust-icon{height:24px;width:auto;object-fit:contain;opacity:.5;transition:opacity var(--transition-fast)}.footer__trust-icon:hover{opacity:.8}.footer__middle{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border-light)}.footer__middle-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.footer__social{display:flex;align-items:center;gap:var(--space-3)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--color-bg);border:1px solid var(--color-border)}.footer__social-link:hover{border-color:var(--color-text-muted);transform:translateY(-2px)}.footer__social-link img{width:18px;height:18px;opacity:.7;transition:opacity var(--transition-fast)}.footer__social-link:hover img{opacity:1}.footer__ai-links{display:flex;align-items:center;gap:var(--space-4)}.footer__ai-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;white-space:nowrap}.footer__ai-platforms{display:flex;align-items:center;gap:var(--space-3)}.footer__ai-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--color-bg);border:1px solid var(--color-border)}.footer__ai-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.footer__ai-link img{width:18px;height:18px}.footer__ai-link[title="ChatGPT"]{background:#000;border-color:#000}.footer__ai-link[title="ChatGPT"]:hover{background:#1a1a1a}.footer__ai-link[title="ChatGPT"] img{filter:brightness(0) invert(1)}.footer__ai-link[title="Claude"]{background:#da7756;border-color:#da7756}.footer__ai-link[title="Claude"]:hover{background:#c86a47}.footer__ai-link[title="Claude"] img{filter:brightness(0) invert(1)}.footer__ai-link[title="Perplexity"]{background:#000;border-color:#000}.footer__ai-link[title="Perplexity"]:hover{background:#1a1a1a}.footer__ai-link[title="Perplexity"] img{filter:brightness(0) invert(1)}.footer__ai-link[title="Gemini"]{background:#fff;border-color:var(--color-border)}.footer__ai-link[title="Gemini"]:hover{border-color:var(--color-text-muted)}.footer__ai-link[title="Grok"]{background:#000;border-color:#000}.footer__ai-link[title="Grok"]:hover{background:#1a1a1a}.footer__ai-link[title="Grok"] img{filter:brightness(0) invert(1)}.footer__lower{padding:var(--space-4) 0}.footer__lower-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.footer__copyright{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.footer__legal{display:flex;gap:var(--space-4)}.footer__legal-link{color:var(--color-text-muted);font-size:var(--font-size-xs);text-decoration:none;transition:color var(--transition-fast)}.footer__legal-link:hover{color:var(--color-text)}.brand-text{padding:var(--space-16) 0;background:var(--color-bg);border-top:1px solid var(--color-border-light);margin-top:var(--space-8);padding-bottom:calc(var(--space-10) + 140px)}.brand-text__title{font-size:clamp(3rem,12vw,8rem);font-weight:700;color:var(--color-text);text-align:center;letter-spacing:-.02em;line-height:.9;margin:0;transform-origin:center center;transition:transform .1s ease-out;display:inline-block;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);border:0;transition:all var(--transition-fast)}.btn--primary{background:var(--color-primary);color:white}.btn--primary img{filter:brightness(0) invert(1)}.btn--primary:hover{background:var(--color-primary-hover);color:white}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text)}.btn--secondary img{filter:invert(40%) sepia(0) saturate(0) brightness(70%)}.btn--secondary:hover{background:var(--color-border);color:var(--color-text)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--block{display:block;width:100%;text-align:center}.btn--outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-text);background:var(--color-primary-light)}.btn--outline img{filter:invert(40%) sepia(0) saturate(0) brightness(70%);transition:filter var(--transition-fast)}.btn--outline:hover img{filter:var(--filter-icon-primary)}.hub-content-pages{border-top:1px solid var(--color-border-light);margin-top:var(--space-8);padding-top:var(--space-8)}.hub-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.hub-content-group__title{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-3) 0;color:var(--color-text)}.hub-content-group__title a{color:inherit;text-decoration:none}.hub-content-group__title a:hover{color:var(--color-primary)}.hub-content-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.hub-content-group__link{display:flex;flex-direction:column;gap:var(--space-1);text-decoration:none;transition:color var(--transition-fast)}.hub-content-group__link:hover .hub-content-group__link-title{color:var(--color-primary)}.hub-content-group__link-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);transition:color var(--transition-fast)}.hub-content-group__link-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.section{padding:var(--space-8) 0}.section--bordered{border-top:1px solid var(--color-border-light);margin-top:var(--space-8)}.section--bg{background:var(--color-bg-secondary)}.section--lg{padding:var(--space-10) 0}.section--center{text-align:center}.section ul{margin-left:var(--space-6);margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:1.7}.section li{margin-bottom:var(--space-2)}.section strong{color:var(--color-text);font-weight:600}.section__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-6);color:var(--color-text)}.section__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:calc(var(--space-6) * -1 + var(--space-2));margin-bottom:var(--space-6)}.title{font-weight:700;margin-bottom:var(--space-4);color:var(--color-text);line-height:1.2}.title--hero{font-size:var(--font-size-4xl);line-height:1.1;margin-bottom:var(--space-6)}.title--page{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.title--section{text-align:center;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-8)}.title--subsection{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.title--card{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.title--centered{text-align:center}.description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.description--base{font-size:var(--font-size-base)}.description--lg{font-size:var(--font-size-lg);line-height:1.7}.description--centered{text-align:center}.description--muted{color:var(--color-text-muted)}.grid{display:grid;gap:var(--space-6)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid--auto-compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.grid--auto-medium{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--auto-large{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--sidebar{grid-template-columns:280px 1fr;gap:var(--space-8)}.grid--asymmetric{grid-template-columns:1fr 2fr}.grid--gap-sm{gap:var(--space-4)}.grid--gap-lg{gap:var(--space-8)}@media(max-width:768px){.grid--2,.grid--3,.grid--4,.grid--auto-medium,.grid--auto-large,.grid--auto-compact,.features__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--space-4);padding-bottom:var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}.grid--2>*,.grid--3>*,.grid--4>*,.grid--auto-medium>*,.grid--auto-large>*,.grid--auto-compact>*,.features__grid>*{flex:0 0 75%;min-width:75%;scroll-snap-align:start}.grid--2::-webkit-scrollbar,.grid--3::-webkit-scrollbar,.grid--4::-webkit-scrollbar,.grid--auto-medium::-webkit-scrollbar,.grid--auto-large::-webkit-scrollbar,.grid--auto-compact::-webkit-scrollbar,.features__grid::-webkit-scrollbar{display:none}.grid--2,.grid--3,.grid--4,.grid--auto-medium,.grid--auto-large,.grid--auto-compact,.features__grid{-ms-overflow-style:none;scrollbar-width:none}.grid--sidebar,.grid--asymmetric,.grid--auto{grid-template-columns:1fr}.grid--stack-mobile{display:grid;grid-template-columns:1fr;overflow-x:visible;scroll-snap-type:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0;padding-bottom:0}.grid--stack-mobile>*{flex:none;min-width:0}}.carousel-dots{display:none;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0}@media(max-width:768px){.carousel-dots{display:flex}}.carousel-dots__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:0;padding:0;cursor:pointer;transition:all var(--transition-fast)}.carousel-dots__dot--active{background:var(--color-primary);transform:scale(1.25)}.carousel-dots__dot:hover{background:var(--color-primary-light)}.scroll-fade{mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.scroll-fade.can-scroll-right:not(.can-scroll-left){mask-image:linear-gradient(to right,black calc(100% - 80px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 80px),transparent 100%)}.scroll-fade.can-scroll-left:not(.can-scroll-right){mask-image:none;-webkit-mask-image:none}.scroll-fade.can-scroll-left.can-scroll-right{mask-image:linear-gradient(to right,black calc(100% - 80px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 80px),transparent 100%)}.page-container{max-width:800px;margin:0 auto;padding:var(--space-8) 0}.content-section h3{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-text)}.content-section p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.content-section ul,.content-section ol{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4);padding-left:var(--space-6)}.content-section li{margin-bottom:var(--space-2)}.content-section strong{color:var(--color-text);font-weight:600}.content-section code{background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:'SF Mono',Monaco,'Cascadia Code',monospace}.star-rating{display:flex;gap:2px}.star-rating img,.star-rating svg{width:14px;height:14px;flex-shrink:0}.star-rating--lg img,.star-rating--lg svg{width:18px;height:18px}.meta-info{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.meta-info__date,.meta-info__read-time{display:flex;align-items:center;gap:var(--space-2)}.meta-info svg{flex-shrink:0;opacity:.7}.review-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;text-align:left}.review-card__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;flex-grow:1;margin:0 0 var(--space-3) 0;padding:0}.review-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.review-card__author{font-weight:600;font-size:var(--font-size-sm);font-style:normal}.review-card__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.review-card__author-info{display:flex;flex-direction:column;gap:var(--space-1)}.review-card__persona{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.callout{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border-left:2px solid var(--color-border);border-radius:var(--radius-sm);margin:var(--space-4) 0}.callout img,.callout svg{flex-shrink:0;width:16px;height:16px;margin-top:2px;opacity:.6}.callout span,.callout p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.callout--info{border-left-color:var(--color-primary)}.callout--warning{border-left-color:var(--color-warning)}.callout--error{background:#fef2f2;border-left-color:var(--color-error)}.callout--success{background:#f0fdf4;border-left-color:var(--color-success)}.plan-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);position:relative}.plan-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.plan-card--selectable{position:relative}.plan-card__radio{position:absolute;top:var(--space-4);right:var(--space-4);width:24px;height:24px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.plan-card__radio-dot{width:12px;height:12px;border-radius:50%;background:transparent;transition:all var(--transition-fast)}.plan-card__radio--checked{border-color:var(--color-primary);background:var(--color-bg)}.plan-card__radio--checked .plan-card__radio-dot{background:var(--color-primary)}.plan-card--selectable:hover .plan-card__radio{border-color:var(--color-primary)}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:900px;margin:0 auto var(--space-8)}.plan-card--horizontal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.plan-card--horizontal:hover{border-color:var(--color-primary)}.plan-card--horizontal .plan-card__title{grid-column:1 / 2;grid-row:1}.plan-card--horizontal .plan-card__price{grid-column:2 / 3;grid-row:1;text-align:right;margin:0}.plan-card--horizontal .plan-card__desc{grid-column:1 / -1;grid-row:2;margin:0}.plan-card--horizontal .plan-card__annual-toggle{grid-column:1 / -1}.plan-card--horizontal .option-group{grid-column:1 / -1;grid-row:3}.plan-card--horizontal .btn--block{grid-column:1 / -1}.plan-card--horizontal .plan-card__features{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2)}.plan-card--horizontal .plan-card__feature{flex:0 0 auto}@media(max-width:768px){.pricing-cards{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:var(--space-4);padding-top:var(--space-1);padding-bottom:var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);max-width:none}.pricing-cards::-webkit-scrollbar{display:none}.pricing-cards>.plan-card{flex:0 0 85%;min-width:280px;scroll-snap-align:start}.plan-card--horizontal{grid-template-columns:1fr}.plan-card--horizontal .plan-card__price{text-align:left;grid-column:1;grid-row:2}.plan-card--horizontal .plan-card__desc{grid-row:3}.plan-card--horizontal .option-group{grid-row:auto}}.plan-card__annual-toggle{display:flex;align-items:center;justify-content:space-between;margin:var(--space-2) 0;padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.plan-card__annual-toggle-label{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.plan-card__annual-toggle-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.plan-card__annual-toggle-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.plan-card__annual-toggle-save{color:var(--color-success);font-weight:600;font-size:var(--font-size-sm)}.toggle-switch{position:relative;display:inline-block;width:44px;min-width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s;border-radius:24px}.toggle-switch__slider:before{position:absolute;content:'';height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-switch__slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translateX(20px)}.plan-card__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4);text-align:center}.plan-card__price{text-align:center;margin-bottom:var(--space-2)}.plan-card__amount{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary)}.plan-card__period{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-card__desc{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.plan-card__features{list-style:none;padding:0;margin:var(--space-4) 0 0}.plan-card__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);padding:var(--space-2) 0}.plan-card__feature--yes img{filter:var(--filter-icon-primary)}.plan-card__feature--no{color:var(--color-text-muted)}.plan-card__feature--no img{filter:invert(60%) sepia(0) saturate(0) brightness(90%)}.option-group{margin-bottom:var(--space-2)}.option-item{display:block;cursor:pointer}.option-item input{display:none}.option-item__content{display:flex;align-items:center;padding:var(--space-2);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:all var(--transition-fast)}.option-item input:checked+.option-item__content{border-color:var(--color-primary);background:var(--color-primary-light)}.option-item__label{flex:1;font-weight:500}.option-item__badge{font-size:var(--font-size-xs);color:var(--color-primary);margin-right:var(--space-2)}.option-item__value{font-weight:600}.option-group__toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2);background:transparent;border:0;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.option-group__toggle img{transition:transform var(--transition-fast)}.related-section{padding:var(--space-8) 0;border-top:1px solid var(--color-border-light)}.related-section--bg{background:var(--color-bg-secondary);border-top:0;margin-top:var(--space-8)}.related-section__title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-6);color:var(--color-text)}.related-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);text-decoration:none;transition:all var(--transition-fast)}.related-card:hover{border-color:var(--color-border);background:var(--color-bg-secondary)}.related-card--compact{gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.related-card--compact:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.related-card:hover .related-card__arrow{transform:translateX(2px);color:var(--color-primary)}.badge-group{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.badge-group--centered{justify-content:center;margin-top:var(--space-8)}.badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.badge__icon{flex-shrink:0;width:16px;height:16px}.badge__text{line-height:1.4}.badge--clickable{cursor:pointer;transition:opacity var(--transition-fast)}.badge--clickable:hover{opacity:.8}.page-hero{text-align:center;padding:var(--space-2) 0 var(--space-2)}.page-hero__title{font-size:var(--font-size-4xl);font-weight:700;margin:0;color:var(--color-text)}.page-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.tool-search{max-width:800px;margin:0 auto;padding:var(--space-4) 0 var(--space-8);text-align:center;margin-bottom:var(--space-6)}.tool-search--compact{max-width:none;padding:0;border-bottom:0;margin-bottom:var(--space-6)}.tool-search__container{position:relative;margin-bottom:var(--space-3)}.tool-search--compact .tool-search__container{margin-bottom:0}.tool-search__input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.tool-search__input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 2px 12px rgba(59,130,246,0.15)}.tool-search__input{flex:1;border:0;background:transparent;font-size:var(--font-size-lg);color:var(--color-text);outline:0;font-family:inherit}.tool-search--compact .tool-search__input{font-size:var(--font-size-base)}.tool-search__input::placeholder{color:var(--color-text-muted)}.tool-search__clear{flex-shrink:0;background:0;border:0;padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);margin-left:var(--space-2)}.tool-search__clear:hover{background-color:var(--color-bg-secondary)}.tool-search__suggestions{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,0.15);overflow:hidden;z-index:100;max-height:400px;overflow-y:auto}.tool-search__suggestion-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;text-align:left;width:100%;border:0;background:0}.tool-search__suggestion-item:last-child{border-bottom:0}.tool-search__suggestion-item:hover,.tool-search__suggestion-item--selected{background-color:#f3f4f6}.tool-search__suggestion-content{display:flex;align-items:center;gap:var(--space-3);width:100%}.tool-search__suggestion-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tool-search__suggestion-icon svg{width:24px;height:24px}.tool-search__suggestion-text{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.tool-search__suggestion-title{font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.tool-search__suggestion-platforms{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tool-search__tagline{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tool-search__tagline img{flex-shrink:0;opacity:.8}.auth-verify{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center}.auth-verify__content{display:flex;flex-direction:column;align-items:center;padding:var(--space-8)}.auth-verify__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.auth-verify__title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);color:var(--color-text)}.auth-verify__text{color:var(--color-text-muted)}.platform-showcase{text-align:center;padding:var(--space-4) 0 var(--space-6)}.platform-showcase__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-3);text-transform:lowercase}.platform-showcase__for{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:var(--space-2)}.platform-showcase__logos{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.platform-showcase__logo-btn{background:0;border:0;padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.platform-showcase__logo-btn img{opacity:.7;transition:opacity var(--transition-fast)}.platform-showcase__logo-btn:hover{background-color:var(--color-background-secondary);transform:translateY(-2px)}.platform-showcase__logo-btn:hover img{opacity:1}.platform-showcase__logo-btn:active{transform:translateY(0)}.platform-showcase__tagline{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.platform-showcase__payments{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.platform-showcase__payments img{height:auto;opacity:.5;transition:opacity var(--transition-fast)}.platform-showcase__payments img:hover{opacity:.8}.tool-info-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin:var(--space-8) auto var(--space-6);align-items:start}.tool-info-section__left{text-align:left}.tool-info-section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin:0}.tool-info-section__right{display:flex;flex-direction:column;gap:var(--space-6);align-items:flex-end}.breadcrumb{padding:var(--space-3) 0;border-bottom:0;background:var(--color-bg)}.breadcrumb__list{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb__item:not(:last-child)::after{content:'›';color:var(--color-text-muted);margin-left:var(--space-2);font-size:var(--font-size-base)}.breadcrumb__item a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb__item a:hover{color:var(--color-primary)}.breadcrumb__item[aria-current="page"]{color:var(--color-text);font-weight:500}.features{padding:var(--space-10) 0;background:var(--color-bg-secondary)}@media(min-width:769px){.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}}.feature-card{text-align:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto var(--space-4);color:var(--color-primary)}.feature-card__icon img,.feature-card__icon svg{width:100%;height:100%}.feature-card__icon img{filter:var(--filter-icon-primary)}.feature-card__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.feature-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.feature-card__badge{display:inline-flex;align-items:center;gap:4px;opacity:.6;white-space:nowrap;vertical-align:middle}.feature-card__badge img{display:inline;vertical-align:middle}.feature-card__badge:hover{opacity:1}.tool-extras{padding:var(--space-4) 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light)}.tool-extras__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.tool-extras__download{display:flex;align-items:center;gap:var(--space-3);flex:1}.tool-extras__download .download-template__icon{flex-shrink:0;color:var(--color-primary)}.tool-extras__download .download-template__icon img{filter:var(--filter-icon-primary)}.tool-extras__download .download-template__title{font-size:var(--font-size-sm);font-weight:600;margin:0}.tool-extras__download .download-template__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.download-template__button img{filter:var(--filter-icon-primary)}.tool-extras__rating{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.tool-extras__rating .tool-rating__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tool-extras__rating .tool-rating__stars{display:flex;gap:var(--space-2)}.tool-extras__rating .tool-rating__score{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.problem-explanation{padding:var(--space-10) 0;background:var(--color-bg-secondary)}.problem-explanation__sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto}.problem-explanation__section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.problem-explanation__heading{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4);color:var(--color-primary)}.problem-explanation__content{color:var(--color-text-secondary);line-height:1.7;white-space:pre-line}.how-it-works{padding:var(--space-10) 0}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.step{text-align:center}.step__number{width:40px;height:40px;background:var(--color-primary);color:white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto var(--space-4)}.step__title{font-weight:600;margin-bottom:var(--space-2)}.step__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.faq{padding:var(--space-10) 0;background:var(--color-bg-secondary)}.faq__list{max-width:700px;margin:0 auto;padding:0}.faq__item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.faq__item dt{margin:0}.faq__question{width:100%;padding:var(--space-4) var(--space-6);background:0;border:0;text-align:left;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--color-text);transition:background-color var(--transition-fast)}.faq__question:hover{background:var(--color-bg-secondary)}.faq__question img{filter:invert(50%) sepia(0) saturate(0) brightness(80%);transition:transform var(--transition-fast)}.faq__item--open .faq__question img{transform:rotate(180deg)}.faq__answer{padding:0 var(--space-6) var(--space-4);color:var(--color-text-secondary);display:none;margin:0}.faq__item--open .faq__answer{display:block}.upload-zone{width:100%;max-width:95%;min-height:200px;margin:var(--space-8) auto;padding:var(--space-8) var(--space-8);border:0;border-radius:var(--radius-xl);background:var(--color-primary);text-align:center;transition:all var(--transition-base);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.upload-zone::before{content:'';position:absolute;top:15px;left:15px;right:15px;bottom:15px;border:2px dashed rgba(255,255,255,0.9);border-radius:var(--radius-lg);pointer-events:none}.upload-zone:hover{background:var(--color-primary-hover)}.upload-zone--active{background:var(--color-primary-hover)}.upload-zone__content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.upload-zone__icon{width:80px;height:80px;margin:0 auto var(--space-6);color:rgba(255,255,255,0.95);flex-shrink:0;filter:brightness(0) invert(1)}.upload-zone__hint{font-size:var(--font-size-lg);color:rgba(255,255,255,0.9);margin-bottom:0}.upload-zone__formats{font-size:var(--font-size-base);color:rgba(255,255,255,0.85);margin-top:var(--space-4)}.upload-zone__button{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:rgba(255,255,255,0.98);color:var(--color-primary);border:0;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-3);box-shadow:var(--shadow-md)}.upload-zone__button:hover{background:rgba(255,255,255,1);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.upload-zone__button:active{transform:translateY(0)}.upload-zone__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.upload-zone__demo{margin-top:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.upload-zone__demo-btn.btn--ghost{background:transparent;color:rgba(255,255,255,0.75);border:1px solid rgba(255,255,255,0.25);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:500;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-base)}.upload-zone__demo-btn.btn--ghost:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.4);color:rgba(255,255,255,0.9)}.upload-zone__demo-btn.btn--ghost img{filter:brightness(0) invert(1);opacity:.75)}.file-preview{max-width:400px;margin:var(--space-6) auto;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-4)}.file-preview__icon{width:40px;height:40px;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.file-preview__info{flex:1}.file-preview__name{font-weight:500;margin-bottom:var(--space-1)}.file-preview__size{font-size:var(--font-size-sm);color:var(--color-text-muted)}.file-preview__remove{background:0;border:0;color:var(--color-text-muted);padding:var(--space-2)}.file-preview__remove:hover{color:var(--color-error)}.options-compact{width:100%;max-width:500px;margin:var(--space-4) auto}.options-compact__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-md);color:white;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.options-compact__toggle:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5)}.options-compact__summary{display:flex;align-items:center;gap:var(--space-2)}.options-compact__summary img{filter:brightness(0) invert(1);opacity:.8}.options-compact__dot{opacity:.6}.options-compact__chevron{transition:transform var(--transition-fast)}.options-compact__chevron img{filter:brightness(0) invert(1);opacity:.8}.options-compact__chevron--open{transform:rotate(180deg)}.options-compact__panel{margin-top:var(--space-3);padding:var(--space-4);background:rgba(255,255,255,0.95);border-radius:var(--radius-md);color:var(--color-text)}.options-compact__row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.options-compact__row:last-child{margin-bottom:0}.options-compact__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);min-width:70px}.options-compact__pills{display:flex;gap:var(--space-2)}.options-compact__pill{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.options-compact__pill:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.options-compact__pill--active{background:var(--color-primary);border-color:var(--color-primary);color:white}.options-compact__pill--active:hover{background:var(--color-primary-hover);color:white}.options-compact__select{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.options-compact__select:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.options-compact__checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.options-compact__check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.options-compact__check input[type="checkbox"]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.options-compact__check:hover{color:var(--color-text)}.options-compact__accounts{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.options-compact__account{display:flex;flex-direction:column;gap:var(--space-1)}.options-compact__account .options-compact__label{display:flex;align-items:center;gap:var(--space-1)}.options-compact__req{color:var(--color-error);font-weight:600}.options-compact__input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text)}.options-compact__input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.options-compact__input::placeholder{color:var(--color-text-muted)}.options-compact__warning{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-warning)}.options-compact__warning img{flex-shrink:0}.upload-widget__button{margin-top:var(--space-6);background:rgba(255,255,255,0.98);color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.upload-widget__button:hover{background:white;color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.upload-widget__button.btn--primary{background:rgba(255,255,255,0.98);color:var(--color-primary);border:2px solid white;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.upload-widget__button.btn--primary:hover{background:white;color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.upload-widget__button.btn--primary img{filter:var(--filter-icon-primary)}.results{max-width:900px;margin:var(--space-8) auto}.results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.results__title{font-size:var(--font-size-xl);font-weight:600}.results__badge{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-left:var(--space-2);white-space:nowrap}.results__urgency{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.results__urgency-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-primary)}.results__urgency-content{flex:1}.results__urgency-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.results__urgency-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(max-width:480px){.results__header{flex-wrap:wrap;gap:var(--space-3)}.results__title{flex-wrap:wrap;width:100%}.results__badge{margin-left:0;margin-top:var(--space-1)}}.results__table-container{overflow-x:auto;overflow-y:auto;max-height:300px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.results__table-container::-webkit-scrollbar{width:8px;height:8px}.results__table-container::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.results__table-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.results__table-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.results__table{width:100%;border-collapse:collapse;background:var(--color-bg)}.results__table th{background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;border-bottom:1px solid var(--color-border)}.results__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.results__table tr:last-child td{border-bottom:0}.results__table tr:hover{background:var(--color-bg-secondary)}.results__locked{position:relative;margin-top:-60px;padding-top:60px}.results__locked-overlay{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--color-bg))}.results__upsell{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--color-primary-bg) 0,var(--color-bg-secondary) 100%);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);text-align:left}.results__upsell-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-full)}.results__upsell-icon img{filter:brightness(0) invert(1)}.results__upsell-content{flex:1;min-width:0}.results__upsell-headline{margin:0 0 var(--space-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.results__upsell-value{margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.results__upsell-extra{margin:0;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.results__upsell-action{flex-shrink:0;text-align:right}.results__upsell-rows{display:inline-block;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:640px){.results__upsell{flex-direction:column;text-align:center;align-items:center}.results__upsell-action{text-align:center;width:100%}}.results__downloads-hint--upsell{background:linear-gradient(135deg,var(--color-primary-bg) 0,var(--color-bg-secondary) 100%);border:1px solid var(--color-primary-light)}.results__downloads-hint--upsell .results__downloads-cost{color:var(--color-primary)}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[x-cloak]{display:none !important}.rotate-180{transform:rotate(180deg)}@media(max-width:768px){.header__left{gap:var(--space-3)}.header__nav{gap:var(--space-3)}.page-hero{padding:var(--space-8) 0 var(--space-6)}.page-hero__title{font-size:var(--font-size-2xl)}.platform-showcase{padding:var(--space-3) 0 var(--space-4)}.platform-showcase__logos{gap:var(--space-2);flex-wrap:wrap;padding:0 var(--space-4)}.platform-showcase__logo-btn img{width:20px;height:20px}.tool-search{padding:var(--space-4) var(--space-4) var(--space-6)}.tool-search__container{padding:0 var(--space-2)}.tool-search__input-wrapper{padding:var(--space-2) var(--space-3)}.tool-search__input{font-size:var(--font-size-base)}.tool-search__input::placeholder{font-size:var(--font-size-sm)}.tool-search__suggestions{left:var(--space-2);right:var(--space-2)}.tool-search__suggestion-item{padding:var(--space-2) var(--space-3)}.tool-search__suggestion-title{font-size:var(--font-size-sm)}.tool-search__suggestion-platforms{font-size:var(--font-size-xs)}.options-compact__row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.options-compact__pills{flex-wrap:wrap;width:100%}.options-compact__pill{flex:1 1 auto;min-width:0;text-align:center}.upload-zone{padding:var(--space-12) var(--space-4);min-height:240px}.upload-zone__hint{font-size:var(--font-size-sm)}.footer__upper-inner{flex-direction:column;gap:var(--space-6)}.footer__hub-section{width:100%;min-width:0}.footer__hub-title{font-size:var(--font-size-base)}.nav-hub__title-link{font-size:var(--font-size-base)}.tools-fullscreen__section .nav-hub__title-link{font-size:var(--font-size-lg)}.footer__nav-link--icon{font-size:var(--font-size-xs)}.footer__trust{width:100%;flex-wrap:nowrap;justify-content:center;gap:var(--space-3)}.footer__trust-icon{height:28px}.footer__middle-inner{flex-direction:column;gap:var(--space-4);align-items:center}.footer__social{flex-wrap:wrap;justify-content:center}.footer__ai-links{flex-direction:column;align-items:center;gap:var(--space-3)}.footer__ai-platforms{flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.footer__lower-inner{flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.breadcrumb__list{flex-wrap:wrap;font-size:var(--font-size-xs)}.tool-info-section{grid-template-columns:1fr;gap:var(--space-6)}.tool-info-section__left{text-align:center}.tool-info-section__right{align-items:center}.tool-rating__stars{gap:var(--space-1);justify-content:center}.problem-explanation__sections{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.brand-text{padding:var(--space-12) 0}.brand-text__title{font-size:clamp(2rem,10vw,5rem)}}.guides-index{padding:var(--space-12) 0}.guides-index__header{text-align:center;margin-bottom:var(--space-12)}.guides-index__title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-4)}.guides-index__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.guide-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);text-decoration:none;display:flex;flex-direction:column}.guide-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.guide-card__image{width:100%;height:200px;object-fit:cover;background:var(--color-bg-secondary)}.guide-card__content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.guide-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.guide-card__category{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.guide-card__read-time{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.guide-card__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-3);color:var(--color-text);line-height:1.3}.guide-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;flex:1}.guide-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.guide-card__difficulty{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.guide-card__arrow{color:var(--color-primary);transition:transform var(--transition-base)}.guide-card:hover .guide-card__arrow{transform:translateX(4px)}.content-page{background:var(--color-bg);padding:var(--space-12) 0}.content-header{max-width:800px;margin:0 auto var(--space-16);text-align:center}.content-header__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.content-header__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.content-header__badge--how-to{background:#dbeafe;color:#1e40af}.content-header__badge--troubleshooting{background:#fee2e2;color:#991b1b}.content-header__badge--comparison{background:#fef3c7;color:#92400e}.content-header__badge--reference{background:#dcfce7;color:#166534}.content-header__date svg,.content-header__read-time svg{opacity:.7}.content-header__title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-6);color:var(--color-text)}.content-header__intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.content-header__category{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.content-header__category--profit{background:#fef3c7;color:#92400e}.content-header__category--connectors{background:#dbeafe;color:#1e40af}.content-header__category--inventory{background:#fce7f3;color:#9f1239}.content-header__category--finance{background:#dcfce7;color:#166534}.content-header__difficulty{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.content-header__difficulty--beginner{background:#dcfce7;color:#166534}.content-header__difficulty--intermediate{background:#fef3c7;color:#92400e}.content-header__difficulty--advanced{background:#fee2e2;color:#991b1b}.content-header__platforms{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.content-header__platform-tag{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-weight:500}.content-header__featured-image{margin-top:var(--space-8);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.content-header__featured-image img{width:100%;height:auto;display:block}.content-footer{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.content-footer__tags{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.content-footer__tag{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.content-footer__tag:hover{background:var(--color-primary-light);color:var(--color-primary)}.content-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--space-12);max-width:var(--max-width);margin:0 auto;align-items:start}.content-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-8));display:flex;flex-direction:column;gap:var(--space-6)}.content-sidebar__box{background:var(--color-bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.content-sidebar__title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text)}.content-sidebar__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.content-sidebar__list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;padding-left:var(--space-5);position:relative}.content-sidebar__list--tldr li::before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.content-sidebar__list--prereqs li::before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.content-sidebar__toc-list li{counter-increment:toc-counter;font-size:var(--font-size-sm)}.content-sidebar__toc-list li::before{content:counter(toc-counter) ".";color:var(--color-primary);font-weight:600;margin-right:var(--space-2)}.content-sidebar__toc-list a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.content-sidebar__toc-list a:hover{color:var(--color-primary)}.content-toc{background:var(--color-bg-secondary);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);margin-bottom:var(--space-6)}.content-toc__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.content-toc__list{list-style:none;counter-reset:toc-counter;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.content-toc__list li{counter-increment:toc-counter;font-size:var(--font-size-sm)}.content-toc__list li::before{content:counter(toc-counter) ".";color:var(--color-primary);font-weight:600;margin-right:var(--space-2)}.content-toc__list a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.content-toc__list a:hover{color:var(--color-primary)}.content-main{max-width:720px}.content-text{margin-bottom:var(--space-8);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text)}.content-text h2{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--space-12);margin-bottom:var(--space-4);color:var(--color-text)}.content-text h3{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-text)}.content-text h4{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--color-text)}.content-text p{margin-bottom:var(--space-4)}.content-text ul,.content-text ol{margin-left:var(--space-6);margin-bottom:var(--space-4)}.content-text li{margin-bottom:var(--space-2)}.content-text code{background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:'Courier New',monospace;font-size:.9em}.content-text pre{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}.content-text pre code{background:0;padding:0}.content-text table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin:var(--space-6) 0;border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.content-text thead{background:var(--color-bg-secondary)}.content-text th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.content-text td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.content-text tbody tr:nth-child(even){background:var(--color-bg-secondary)}.content-steps{margin:var(--space-12) 0}.content-steps__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-8);color:var(--color-text)}.content-steps__list{display:flex;flex-direction:column;gap:var(--space-8)}.content-step{display:flex;flex-direction:column;gap:var(--space-3)}.content-step__header{display:flex;align-items:center;gap:var(--space-4)}.content-step__number{width:40px;height:40px;background:var(--color-primary);color:white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;flex-shrink:0}.content-step__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.content-step__description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.content-step__details{margin-bottom:var(--space-4);line-height:1.7}.content-step__details p{margin-bottom:var(--space-3)}.content-step__details ul,.content-step__details ol{margin-left:var(--space-5);margin-bottom:var(--space-3)}.content-step__details li{margin-bottom:var(--space-2)}.content-step__image{margin-top:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.content-step__image img{width:100%;height:auto;display:block}.content-step__image figcaption{padding:var(--space-3);background:var(--color-bg-secondary);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.content-callout{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border-left:4px solid;margin:var(--space-6) 0}.content-callout__icon{flex-shrink:0;width:20px;height:20px}.content-callout__body{flex:1}.content-callout__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-2)}.content-callout__text{font-size:var(--font-size-sm);line-height:1.6}.content-callout--info{background:#dbeafe;border-color:#3b82f6}.content-callout--info .content-callout__title{color:#1e40af}.content-callout--warning{background:#fef3c7;border-color:#f59e0b}.content-callout--warning .content-callout__title{color:#92400e}.content-callout--error{background:#fee2e2;border-color:#dc2626}.content-callout--error .content-callout__title{color:#991b1b}.content-callout--success{background:#dcfce7;border-color:#16a34a}.content-callout--success .content-callout__title{color:#166534}.content-table{margin:var(--space-8) 0}.content-table__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.content-table__wrapper{overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.content-table table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:500px}.content-table thead{background:var(--color-bg-secondary)}.content-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.content-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.content-table td code{background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:'Courier New',monospace;font-size:.85em;color:var(--color-primary)}.content-table tbody tr:nth-child(even){background:var(--color-bg-secondary)}.content-table tbody tr:hover{background:var(--color-primary-light)}.content-table__note{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.content-table th.text-center,.content-table td.text-center{text-align:center}.content-table .icon-check,.content-table .icon-x{vertical-align:middle}.content-code{margin:var(--space-6) 0}.content-code__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.content-code pre{background:#1e293b;color:#e2e8f0;padding:var(--space-5);border-radius:var(--radius-md);overflow-x:auto;font-family:'Courier New',monospace;font-size:var(--font-size-sm);line-height:1.6}.content-code pre code{background:0;color:inherit;padding:0}.content-errors{margin:var(--space-8) 0}.content-errors__title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-6);color:var(--color-text)}.content-errors__list{display:flex;flex-direction:column;gap:var(--space-6)}.content-error{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden}.content-error__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fef2f2;border-bottom:1px solid var(--color-border-light)}.content-error__icon{color:#dc2626;flex-shrink:0}.content-error__message{font-family:'Courier New',monospace;font-size:var(--font-size-sm);color:#991b1b;font-weight:500}.content-error__body{padding:var(--space-4)}.content-error__cause{margin-bottom:var(--space-4)}.content-error__cause-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.content-error__cause-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}.content-error__solution{background:#f0fdf4;padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid #16a34a}.content-error__solution-label{font-size:var(--font-size-sm);font-weight:600;color:#166534;margin-bottom:var(--space-2)}.content-error__solution-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}.content-error__example{margin-top:var(--space-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.content-error__example-before,.content-error__example-after{padding:var(--space-3);border-radius:var(--radius-md);font-family:'Courier New',monospace;font-size:var(--font-size-sm)}.content-error__example-before{background:#fef2f2;color:#991b1b}.content-error__example-after{background:#f0fdf4;color:#166534}.content-error__example-label{font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.content-mistakes{margin:var(--space-12) 0;padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-light)}.content-mistakes__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-6);color:var(--color-text)}.content-mistakes__list{display:flex;flex-direction:column;gap:var(--space-6)}.content-mistake{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:white;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-fast)}.content-mistake:hover{box-shadow:var(--shadow-md)}.content-mistake__problem,.content-mistake__solution{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid}.content-mistake__problem{background:#fef2f2;border-left-color:#ef4444}.content-mistake__problem strong{color:#dc2626}.content-mistake__solution{background:#f0fdf4;border-left-color:#22c55e}.content-mistake__solution strong{color:#16a34a}.content-mistake__icon{flex-shrink:0;width:20px;height:20px}.content-mistake__icon--problem{color:#ef4444}.content-mistake__icon--solution{color:#22c55e}.content-checklist{margin:var(--space-8) 0;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.content-checklist__title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text)}.content-checklist__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.content-checklist__list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.content-checklist__list li svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.content-cta{max-width:600px;margin:var(--space-12) auto;padding:var(--space-10);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-bg-secondary) 100%);border-radius:var(--radius-xl);text-align:center;border:2px solid var(--color-primary)}.content-cta__text{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-6);line-height:1.6}.content-cta__secondary{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-3)}.content-section{margin:var(--space-12) 0;padding-top:var(--space-4)}.content-section__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-6);color:var(--color-text);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border-light)}.content-section--bordered{border-top:1px solid var(--color-border-light);padding-top:var(--space-8)}.content-related{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.content-related__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-6);color:var(--color-text)}.content-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.content-related__card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);text-decoration:none;transition:all var(--transition-fast)}.content-related__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.content-related__card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.content-related__card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.content-related__card-arrow{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.content-related__card:hover .content-related__card-arrow{transform:translateX(4px);color:var(--color-primary)}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.content-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.content-sidebar__box{flex:1 1 250px}}@media(max-width:640px){.content-header__title{font-size:var(--font-size-3xl)}.content-step{grid-template-columns:40px 1fr;gap:var(--space-4)}.content-step__number{width:40px;height:40px;font-size:var(--font-size-lg)}}@keyframes spin{to{transform:rotate(360deg)}}.results__demo-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#dbeafe;border:1px solid #93c5fd;border-radius:var(--radius-lg);color:#1e40af;margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.results__demo-banner svg{flex-shrink:0}.results__demo-banner img{flex-shrink:0;filter:invert(25%) sepia(80%) saturate(1000%) hue-rotate(200deg) brightness(95%) contrast(90%)}.results__title{display:flex;align-items:center;gap:var(--space-3)}.results__title svg{color:var(--color-primary);flex-shrink:0}.results__title img{filter:var(--filter-icon-primary);flex-shrink:0}.results__format-info{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.results__format-badge{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.results__format-badge svg{color:var(--color-primary)}.results__format-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.results__col-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--space-1)}.results__cell--currency{font-family:'Courier New',monospace;text-align:right}.results__summary{display:flex;gap:var(--space-6);margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.results__stat{display:flex;align-items:center;gap:var(--space-2)}.results__stat-icon{display:flex}.results__stat-icon--success{color:var(--color-success)}.results__stat-icon--success img{filter:var(--filter-icon-primary)}.results__stat-icon--warning{color:var(--color-warning)}.results__stat-icon--warning img{filter:invert(70%) sepia(98%) saturate(456%) hue-rotate(360deg) brightness(103%) contrast(106%)}.results__stat-value{font-weight:700;font-size:var(--font-size-lg)}.results__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);position:relative}.results__stat--pricing{position:relative}.results__errors-section{margin-top:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg)}.results__errors-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:rgba(234,179,8,0.1);border:0;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text)}.results__errors-toggle:hover{background:rgba(234,179,8,0.15)}.results__errors-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-warning)}.results__errors-header img{filter:invert(61%) sepia(95%) saturate(1000%) hue-rotate(5deg) brightness(97%) contrast(100%)}.results__errors-chevron{transition:transform .2s ease}.results__errors-chevron--open{transform:rotate(180deg)}.results__errors-list{padding:var(--space-3);max-height:400px;overflow-y:auto}.results__errors-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.results__errors-table th,.results__errors-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.results__errors-table th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.results__errors-table tbody tr:hover{background:var(--color-bg-secondary)}.results__error-row{font-family:'Courier New',monospace;font-weight:600;color:var(--color-warning);white-space:nowrap}.results__error-column{font-weight:500;color:var(--color-text)}.results__error-value{font-family:'Courier New',monospace;color:var(--color-text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results__error-message{color:var(--color-error)}.results__errors-more{margin:var(--space-3) 0 0 0;padding:var(--space-2);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.results__errors-gated{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0 0 0;padding:var(--space-4);background:rgba(59,130,246,0.05);border:1px solid rgba(59,130,246,0.2);border-radius:var(--radius-md)}.results__errors-gated img{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(200deg) brightness(97%) contrast(97%)}.results__errors-gated-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.results__errors-gated-text strong{color:var(--color-primary);font-weight:600}.results__download-explanation{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);background:rgba(59,130,246,0.05);border:1px solid rgba(59,130,246,0.15);border-radius:var(--radius-md)}.results__download-explanation img{flex-shrink:0;margin-top:2px;filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(200deg) brightness(97%) contrast(97%)}.results__download-explanation-text{flex:1}.results__download-explanation-title{margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.results__download-explanation-desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}.results__download-explanation-desc strong{color:var(--color-text);font-weight:600;font-family:'Courier New',monospace;font-size:.95em}.results__downloads-section{margin-top:var(--space-4)}.results__downloads-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3);text-align:center}.results__downloads-hint--success{background:rgba(34,197,94,0.1);color:var(--color-primary)}.results__downloads-hint--credits{background:rgba(59,130,246,0.1);color:var(--color-primary);border:1px solid rgba(59,130,246,0.2)}.results__downloads-cost{font-size:var(--text-base);color:var(--color-text-primary)}.results__downloads-note{font-size:var(--text-xs);color:var(--color-text-muted)}.results__downloads{display:flex;gap:var(--space-3);flex-wrap:wrap}.results__downloads .btn{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.results__downloads .btn img{filter:var(--filter-icon-primary)}.results__downloads .btn--disabled,.results__downloads .btn:disabled{cursor:pointer;pointer-events:auto;position:relative}.results__downloads .btn--disabled:hover::after,.results__downloads .btn:disabled:hover::after{content:"Pay to unlock full download";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--color-text);color:white;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:100}.results__downloads .btn--disabled:hover::before,.results__downloads .btn:disabled:hover::before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--color-text);z-index:100}.spokes-links{padding:var(--space-4) 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light)}.spokes-links__label{display:inline;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-right:var(--space-2)}.spokes-links__list{display:inline;font-size:var(--font-size-sm)}.spokes-links__item{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.spokes-links__item:hover{color:var(--color-primary-dark);text-decoration:underline}.spokes-links__item::after{content:" • ";color:var(--color-text-muted);margin:0 var(--space-2)}.spokes-links__item:last-child::after{content:"";margin:0}@media(max-width:768px){.results__summary{flex-direction:column;gap:var(--space-3)}.download-template__button{width:100%;justify-content:center}}.tool-widget{margin-bottom:var(--space-8)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toast-out{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}.tool-widget__error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626}.tool-widget__error svg{flex-shrink:0}.tool-widget__error img{flex-shrink:0;filter:invert(22%) sepia(93%) saturate(3000%) hue-rotate(355deg) brightness(95%) contrast(95%)}.tool-widget__error span{flex:1}.tool-widget__processing{padding:var(--space-12) var(--space-6);background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center}.processing-animation{max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) 0}.processing-animation__center{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.processing-animation__percentage{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.processing-animation__processor{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:var(--color-bg);border:3px solid var(--color-primary);border-radius:50%;background:var(--color-primary-light);box-shadow:0 0 30px rgba(22,163,74,0.25);position:relative}.processing-animation__processor--active{border-color:var(--color-primary);animation:processor-glow 2s ease-in-out infinite}.processing-animation__processor--active::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--color-primary);opacity:.6;animation:processor-ring 2s ease-in-out infinite}.processing-animation__icon{font-size:56px;line-height:1;animation:broccoli-hypnotic 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(22,163,74,0.4))}@keyframes broccoli-hypnotic{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.25) rotate(3deg)}100%{transform:scale(1) rotate(0)}}@keyframes processor-glow{0%,100%{box-shadow:0 0 30px rgba(22,163,74,0.25),0 0 20px rgba(22,163,74,0.15);border-width:3px}50%{box-shadow:0 0 50px rgba(22,163,74,0.4),0 0 35px rgba(22,163,74,0.25);border-width:4px}}@keyframes processor-ring{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.3}}.processing-animation__status{display:flex;flex-direction:column;align-items:center;text-align:center}.processing-animation__step{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);min-height:28px;text-align:center}.tool-widget__results{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.results__demo-cta{text-align:center;padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-6)}.results__demo-cta-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.results__demo-cta-header img{filter:var(--filter-icon-primary)}.results__demo-cta-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.results__demo-cta-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.results__demo-cta .btn--primary{margin:0 auto}.file-preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);width:100%;max-width:400px}.file-preview__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.file-preview__icon img{filter:var(--filter-icon-primary)}.file-preview__info{flex:1;min-width:0;text-align:left}.file-preview__name{font-weight:500;color:var(--color-text);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview__size{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.file-preview__remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.file-preview__remove:hover{background:var(--color-bg-tertiary);color:var(--color-error)}.payment-card{margin-top:var(--space-6);padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 4px 24px rgba(0,0,0,0.06);max-width:640px;margin-left:auto;margin-right:auto}.payment-card__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.payment-card__left{display:flex;flex-direction:column}.payment-card__header{margin-bottom:var(--space-5)}.payment-card__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.payment-card__price-section{margin-bottom:var(--space-6)}.payment-card__price{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.payment-card__price-value{font-size:2.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.payment-card__price-type{font-size:var(--font-size-sm);color:var(--color-text-muted)}.payment-card__price-note{font-size:var(--font-size-sm);color:var(--color-text-muted)}.payment-card__methods{display:flex;flex-direction:column;gap:var(--space-3)}.payment-card__cta{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg)}.payment-card__cta-content{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.payment-card__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.payment-card__methods{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.payment-card__methods img{height:auto;opacity:.6;transition:opacity .2s ease}.payment-card__methods img:hover{opacity:1}.payment-card__right{display:flex;flex-direction:column;justify-content:center;padding-left:var(--space-8);border-left:1px solid var(--color-border)}.payment-card__trust{display:flex;flex-direction:column;gap:var(--space-4)}.payment-card__trust-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.payment-card__trust-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.payment-card__trust-item img{flex-shrink:0;margin-top:2px;filter:var(--filter-icon-primary)}.payment-card__benefits{list-style:none;padding:0;margin:var(--space-3) 0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.payment-card__benefits li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.payment-card__benefits li img{flex-shrink:0;filter:var(--filter-icon-primary)}.payment-card--inline .payment-card__content{grid-template-columns:1fr 1.2fr}.payment-card--inline .payment-card__left{padding-right:var(--space-6);border-right:1px solid var(--color-border)}.payment-card--inline .payment-card__right{padding-left:var(--space-6);border-left:0}.payment-card__checkout-header .payment-card__price-value{font-size:2rem}.payment-card__trust--horizontal .payment-card__trust-item{font-size:var(--font-size-xs)}@media(max-width:768px){.payment-card--inline .payment-card__content{grid-template-columns:1fr}.payment-card--inline .payment-card__left{padding-right:0;border-right:0;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5)}.payment-card--inline .payment-card__right{padding-left:0;padding-top:var(--space-5)}}@media(max-width:640px){.processing-animation__processor{width:100px;height:100px}.processing-animation__processor--active::before{inset:-3px}.processing-animation__icon{font-size:44px}.processing-animation__percentage{font-size:var(--font-size-xl)}.processing-animation__step{font-size:var(--font-size-base)}.file-preview{max-width:100%}.payment-card{padding:var(--space-6)}.payment-card__content{grid-template-columns:1fr;gap:var(--space-6)}.payment-card__right{padding-left:0;padding-top:var(--space-6);border-left:0;border-top:1px solid var(--color-border)}.payment-card__trust{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}}@media(max-width:768px){.download-template__button{width:100%;justify-content:center}.spokes-links__list{flex-direction:column}}.artifact-grid{padding:var(--space-10) 0;background:var(--color-bg)}.artifact-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.artifact-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.artifact-card__source,.artifact-card__target{display:flex;align-items:center;gap:var(--space-2)}.artifact-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.artifact-card__icon svg{width:100%;height:100%}.artifact-card__icon img{width:100%;height:100%;filter:var(--filter-icon-primary)}.artifact-card__name{font-weight:600;font-size:var(--font-size-sm)}.artifact-card__arrow{display:flex;justify-content:center;padding:var(--space-1) 0;color:var(--color-text-muted)}.artifact-card__arrow svg{width:20px;height:20px}.artifact-card__arrow img{width:20px;height:20px;filter:invert(50%) sepia(0) saturate(0) brightness(80%)}.artifact-card__badge{font-size:var(--font-size-xs);background:var(--color-primary-light);color:var(--color-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:500}.artifact-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-2);line-height:1.4}.artifact-card__location{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.artifact-card__location svg{width:14px;height:14px;flex-shrink:0}.artifact-card__location img{width:14px;height:14px;flex-shrink:0;filter:var(--filter-icon-primary)}.artifact-card__note{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-2)}.mapping-preview{padding:var(--space-10) 0;background:var(--color-bg)}.mapping-preview__table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);margin-top:var(--space-6)}.mapping-preview__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.mapping-preview__table thead{background:var(--color-bg-tertiary)}.mapping-preview__table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.mapping-preview__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.mapping-preview__table tr:last-child td{border-bottom:0}.mapping-preview__table code{background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:'SF Mono',Monaco,'Cascadia Code',monospace}.mapping-preview__value{color:var(--color-text);font-weight:500}.mapping-preview__value--target{color:var(--color-primary)}.mapping-preview__arrow{text-align:center;color:var(--color-primary);font-weight:600;font-size:var(--font-size-lg)}.mapping-preview__note{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.mapping-preview__row--required{background:var(--color-primary-light)}.data-transformation{padding:var(--space-8) 0;background:var(--color-bg-secondary)}.transformation-flow{display:flex;align-items:stretch;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center}.transformation-flow__input,.transformation-flow__output{flex:1;min-width:280px;max-width:400px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.transformation-flow__input{border-left:4px solid var(--color-info)}.transformation-flow__output{border-left:4px solid var(--color-primary)}.transformation-flow__header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.transformation-flow__badge{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.transformation-flow__header strong{font-size:var(--font-size-base);color:var(--color-text)}.transformation-flow__ratio{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600;background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.transformation-flow__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.transformation-flow__columns{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.transformation-flow__columns code{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.transformation-flow__label{font-weight:500;margin-right:var(--space-1)}.transformation-flow__arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4)}.transformation-flow__type{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-align:center;white-space:nowrap}.transformation-flow__lines{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.transformation-flow__line{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.transformation-flow__line-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.transformation-flow__line-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-left:calc(var(--space-6) + var(--space-2))}.transformation-flow__op{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;font-size:10px;font-weight:700;border-radius:var(--radius-sm);flex-shrink:0}.transformation-flow__op--debit{background:#fef2f2;color:#dc2626}.transformation-flow__op--credit{background:#f0fdf4;color:#16a34a}.transformation-flow__op--header{background:#eff6ff;color:#3b82f6}.transformation-flow__op--footer{background:#f5f5f5;color:#737373}.transformation-flow__op--split{background:#fefce8;color:#ca8a04}.transformation-flow__validation{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-primary-hover);font-weight:500}@media(max-width:768px){.transformation-flow{flex-direction:column}.transformation-flow__input,.transformation-flow__output{max-width:100%}.transformation-flow__arrow{flex-direction:row;padding:var(--space-2)}.transformation-flow__arrow img{transform:rotate(90deg)}}.common-errors{padding:var(--space-8) 0;background:var(--color-bg)}.error-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.error-card__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.error-card__problem{font-size:var(--font-size-sm);color:var(--color-error);margin-bottom:var(--space-3);line-height:1.5;padding-left:var(--space-4);border-left:2px solid var(--color-error);opacity:.8}.error-card__example{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3)}.error-card__before,.error-card__after{display:flex;flex-direction:column;gap:var(--space-1)}.error-card__before{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border)}.error-card__example code{font-family:'SF Mono',Monaco,'Cascadia Code',monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.error-card__solution{font-size:var(--font-size-sm);color:var(--color-success);line-height:1.5;padding-left:var(--space-4);border-left:2px solid var(--color-success);opacity:.7}.compatibility{padding:var(--space-16) 0;background:var(--color-bg-secondary)}.compatibility__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.compatibility__header{margin-bottom:var(--space-3)}.compatibility__name{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.compatibility__years{font-size:var(--font-size-xs);color:var(--color-text-muted)}.compatibility__status{display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.compatibility__status--supported{background:var(--color-primary-light);color:var(--color-primary)}.compatibility__status--limited{background:#fef3c7;color:#d97706}.compatibility__status--not-supported{background:#fee2e2;color:var(--color-error)}.compatibility__notes{list-style:none;text-align:left;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.compatibility__notes li{margin-bottom:var(--space-1);padding-left:var(--space-4);position:relative}.compatibility__notes li::before{content:"•";position:absolute;left:var(--space-1);color:var(--color-text-muted)}@media(max-width:768px){.tool-extras__row{flex-direction:column;gap:var(--space-4)}.tool-extras__download{justify-content:center;flex-wrap:wrap;text-align:center}.tool-extras__rating{justify-content:center}}.pricing-hint-section{padding:var(--space-8) 0;background:var(--color-bg-secondary)}.pricing-hint-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--color-bg);border:2px solid #dc2626;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.pricing-hint-toggle:hover{border-color:#b91c1c;box-shadow:0 4px 12px rgba(220,38,38,0.15)}.pricing-hint-toggle__content{display:flex;align-items:center;gap:var(--space-4)}.pricing-hint-toggle__icon{width:24px;height:24px;filter:invert(20%) sepia(96%) saturate(4456%) hue-rotate(347deg) brightness(90%) contrast(93%);flex-shrink:0}.pricing-hint-toggle__text{text-align:left}.pricing-hint-toggle__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1) 0}.pricing-hint-toggle__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.pricing-hint-toggle__chevron{width:20px;height:20px;transition:transform .3s ease;flex-shrink:0}.pricing-hint-section .pricing-section{margin-top:var(--space-6);padding:0;background:transparent}.alternative-hubs{padding:var(--space-8) 0;background:var(--color-bg-secondary)}.alternative-hubs__toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.alternative-hubs__toggle:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(22,163,74,0.1)}.alternative-hubs__toggle-content{display:flex;align-items:center;gap:var(--space-3)}.alternative-hubs__icon{width:20px;height:20px;filter:invert(51%) sepia(93%) saturate(444%) hue-rotate(93deg) brightness(93%) contrast(90%);flex-shrink:0}.alternative-hubs__toggle-text{text-align:left}.alternative-hubs__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1) 0}.alternative-hubs__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.alternative-hubs__chevron{width:16px;height:16px;transition:transform .3s ease;flex-shrink:0}.alternative-hubs__content{padding:var(--space-4) 0}.alternative-hubs__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.alternative-hubs__item{margin:0}.alternative-hubs__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all .2s ease}.alternative-hubs__link:hover{border-color:var(--color-primary);background:var(--color-bg-secondary);box-shadow:0 2px 6px rgba(22,163,74,0.1)}.alternative-hubs__link-hub{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.alternative-hubs__link-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.alternative-hubs__link-title{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-section{padding:var(--space-16) 0;background:var(--color-bg)}.pricing-header{text-align:center;margin-bottom:var(--space-8)}.pricing-header__rating{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.pricing-header__reviews{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-powered{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-8);margin-bottom:var(--space-2)}.pricing-powered strong{color:var(--color-text)}.pricing-terms{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-10)}.pricing-terms a{color:var(--color-primary)}.pricing-faq{padding:var(--space-10) 0}.pricing-faq-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-8) 0;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.pricing-faq-compact__item{text-align:left}.pricing-faq-compact__question{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2)}.pricing-faq-compact__question img{flex-shrink:0;filter:var(--filter-icon-primary)}.pricing-faq-compact__answer{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}@media(max-width:768px){.pricing-faq-compact{grid-template-columns:1fr;gap:var(--space-4)}}.ecosystem-reference{background:var(--color-bg-secondary);padding:var(--space-12) 0}.ecosystem-reference__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);margin-top:var(--space-8)}.ecosystem-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-fast);position:relative}.ecosystem-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ecosystem-card--current{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg,#fff))}.ecosystem-card__source,.ecosystem-card__target{display:flex;flex-direction:column;gap:var(--space-1)}.ecosystem-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ecosystem-card--coming-soon{opacity:.6;cursor:default}.ecosystem-card--coming-soon:hover{transform:none;box-shadow:none;border-color:var(--color-border)}.ecosystem-card__badge--soon{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.ecosystem-card__type{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.ecosystem-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ecosystem-card__arrow{font-size:var(--font-size-xl);color:var(--color-primary);text-align:center;padding:var(--space-2) 0}.ecosystem-card__mappings{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.ecosystem-card__mapping{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ecosystem-card__mapping code{background:var(--color-bg,#fff);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono)}.ecosystem-card__use-case{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.ecosystem-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}@media(max-width:768px){.ecosystem-reference__grid{grid-template-columns:1fr}.ecosystem-card{padding:var(--space-4)}}@media(max-width:768px){body{overflow-x:hidden}.plan-card{max-width:100%;box-sizing:border-box}.content-sidebar__box{max-width:100%;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}.content-sidebar__list li{overflow-wrap:break-word;word-break:break-word}pre,.content-text pre,.content-code pre,.content-error__example-before,.content-error__example-after{max-width:100%;overflow-x:auto;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.content-error__message{overflow-wrap:break-word;word-break:break-word;white-space:normal}.callout span,.callout p,.content-callout__text{overflow-wrap:break-word;word-break:break-word}.grid--2>*,.grid--3>*,.grid--4>*,.grid--auto-medium>*,.grid--auto-large>*,.grid--auto-compact>*,.features__grid>*{max-width:calc(100vw - var(--space-8))}.main,.content-main{max-width:100%;overflow-x:hidden}.content-grid{max-width:100%;overflow-x:hidden;padding:0 var(--space-4)}}@media(max-width:640px){.content-sidebar__box{padding:var(--space-4)}pre,.content-text pre,.content-code pre{padding:var(--space-3);font-size:var(--font-size-xs)}.content-error__example{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.content-error__example-before,.content-error__example-after{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:10px;border-radius:var(--radius-sm)}.content-error__example-label{font-size:9px;font-weight:700;margin-bottom:0}.content-error__message{font-size:var(--font-size-xs)}.content-error__solution{padding:var(--space-3)}.content-callout{padding:var(--space-3);gap:var(--space-2);margin:var(--space-4) 0}.content-callout__title{font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.content-callout__text{font-size:var(--font-size-xs)}.content-callout__icon{width:16px;height:16px}}.tools-section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.tools-section__header .section__title{margin-bottom:0}.tools-section__empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-8);font-style:italic}.platform-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-2)}.platform-filter__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.platform-filter__btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.platform-filter__btn--active,.platform-filter__btn[aria-pressed="true"]{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.platform-filter__btn--active:hover,.platform-filter__btn[aria-pressed="true"]:hover{background:var(--color-primary-light);border-color:var(--color-primary-hover)}.tool-card{transition:opacity var(--transition-fast),transform var(--transition-fast)}.tools-section__header--filters{flex-direction:column;align-items:stretch;gap:var(--space-4)}.tools-section__header--filters .section__title{text-align:center;margin-bottom:var(--space-2)}.filter-row{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:nowrap;justify-content:flex-start;width:100%;position:relative;z-index:1}.filter-row--compact{gap:var(--space-2)}.filter-row__label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;padding-top:var(--space-2)}.hub-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-2)}.hub-filter__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.hub-filter__btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.hub-filter__btn--active{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.hub-filter__count{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:0 var(--space-2);border-radius:var(--radius-full);min-width:20px;text-align:center}.hub-filter__btn--active .hub-filter__count{color:var(--color-primary);background:rgba(var(--color-primary-rgb),0.15)}.platform-filter__btn--icon{display:inline-flex;align-items:center;gap:var(--space-2)}.platform-filter__icon{width:16px;height:16px;flex-shrink:0}.platform-filter--multi .platform-filter__btn--active{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.tools-grid--mini{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:var(--space-2);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:var(--space-2);max-height:380px}.tools-grid--mini.grid--6{display:flex}.link-card--mini{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);flex:0 0 auto;width:max-content;min-width:200px}.link-card--mini:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.tool-card--hidden{display:none !important}.link-card__icon--mini{width:18px;height:18px;flex-shrink:0}.link-card__icon--mini svg{width:16px;height:16px}.link-card__icon--mini img{width:16px;height:16px}.link-card__title--mini{font-size:var(--font-size-sm);font-weight:500;line-height:1.3;white-space:nowrap}.grid--6:not(.tools-grid--mini){display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}@media(max-width:640px){.tools-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.platform-filter{display:flex;flex-wrap:nowrap;gap:var(--space-2);width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2)}.platform-filter::-webkit-scrollbar{display:none}.platform-filter__btn{white-space:nowrap;flex-shrink:0}.filter-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.hub-filter{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.hub-filter::-webkit-scrollbar{display:none}.hub-filter__btn{white-space:nowrap;flex-shrink:0}.filter-row{width:100%}.tools-grid--mini{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-2);padding-bottom:var(--space-2);max-height:380px}.tools-grid--mini::-webkit-scrollbar{display:none}.tools-grid--mini .link-card--mini{flex:0 0 auto;width:max-content;min-width:200px}.grid--6{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}@media(min-width:768px) and (max-width:1023px){.grid--6{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.grid--6{grid-template-columns:repeat(6,1fr)}}.competitors-section-compact{padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.competitors-details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.competitors-summary{padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;list-style:none;user-select:none;transition:all .2s ease}.competitors-summary:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.competitors-summary::-webkit-details-marker{display:none}.competitors-summary::marker{display:none}.competitors-summary::before{content:"▶";display:inline-block;margin-right:var(--space-2);transition:transform .2s ease}.competitors-details[open] .competitors-summary::before{transform:rotate(90deg)}.competitors-content{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.competitors-intro{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-3);margin-bottom:var(--space-3)}.competitors-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.competitors-item{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.competitors-item strong{color:var(--color-text-primary);font-weight:var(--font-medium)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.platform-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast)}.platform-card:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.platform-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-bg-secondary)}.platform-card__icon img{width:32px;height:32px}.platform-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.platform-card__name{font-weight:var(--font-medium);color:var(--color-text)}.platform-card__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.platform-card__arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.platform-card:hover .platform-card__arrow{transform:translateX(4px);color:var(--color-primary)}.page-hero__icon-row{display:flex;justify-content:center;margin-bottom:var(--space-4)}.page-hero__icon{width:64px;height:64px;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.page-hero__meta{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.platform-tools-group .section__title{display:flex;align-items:center;gap:var(--space-2)}.platform-tools-group .section__title-link{color:inherit;text-decoration:none}.platform-tools-group .section__title-link:hover{color:var(--color-primary);text-decoration:underline}.platform-tools-group .section__count{font-size:var(--font-size-sm);font-weight:var(--font-normal);color:var(--color-text-secondary)}.platform-card--ecosystem{flex-wrap:wrap}.platform-card--ecosystem .platform-card__content{gap:var(--space-2)}.platform-card--ecosystem .platform-card__name{font-weight:var(--font-medium);color:var(--color-text);text-decoration:none}.platform-card--ecosystem .platform-card__name:hover{color:var(--color-primary);text-decoration:underline}.platform-card__tools{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.platform-card__tool-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.platform-card__tool-link:hover{color:var(--color-primary);text-decoration:underline}@media(max-width:640px){.platform-grid{grid-template-columns:1fr}.platform-card{padding:var(--space-3)}.platform-card__icon{width:40px;height:40px}.platform-card__icon img{width:24px;height:24px}.page-hero__icon{width:48px;height:48px;padding:var(--space-2)}}