:root{--bg:#f5f4f2;--bg-soft:#fbfaf8;--card:#ffffff;--card-2:#fbfaf8;--border:#e4e1db;--border-strong:#d8d4cd;--text:#1a1a1a;--text-2:#3a3733;--text-3:#6f6a63;--accent:#e85d04;--accent-hover:#c24d03;--accent-soft:#fff1e6;--accent-soft-border:#ffd9bc;--accent-text:#c24d03;--on-accent:#1a1a1a;--accent-btn:#c24d03;--accent-btn-hover:#8f3a02;--on-accent-btn:#ffffff;--success:#1f8a5b;--success-soft:#e9f5ef;--success-text:#186b45;--warning:#b7791f;--warning-soft:#fbf1dd;--warning-text:#92600b;--danger:#b4342a;--danger-soft:#fbeae8;--danger-text:#b4342a;--info:#2b6cb0;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius-lg:20px;--radius-md:12px;--radius-sm:10px;--shadow:none;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3.5rem;--space-8:3rem;--space-9:4.5rem;--space-10:4rem;--space-12:6rem}:root[data-theme="dark"]{--bg:#141312;--bg-soft:#1c1917;--card:#201d1a;--card-2:#242019;--border:#332f28;--border-strong:#433c32;--text:#ffffff;--text-2:#c7c2b9;--text-3:#948c7e;--accent:#f57a1f;--accent-hover:#e85d04;--accent-soft:rgba(245,122,31,0.16);--accent-soft-border:rgba(245,122,31,0.4);--accent-text:#f57a1f;--on-accent:#1a1a1a;--accent-btn:#f57a1f;--accent-btn-hover:#e85d04;--on-accent-btn:#1a1a1a;--success:#2fbe80;--success-soft:rgba(47,190,128,0.16);--success-text:#7fddb0;--warning:#e0a23d;--warning-soft:rgba(224,162,61,0.16);--warning-text:#f3c978;--danger:#e2564a;--danger-soft:rgba(226,86,74,0.16);--danger-text:#f0948b;--info:#5b9bd8}html{scroll-behavior:smooth;scroll-padding-top:118px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:0.18s}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0 0 var(--space-2)}.wrap{max-width:1120px;margin:0 auto;padding:0 var(--space-5)}@media (min-width:768px){.wrap{padding:0 var(--space-10)}}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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}.nav-shell{position:sticky;top:0;z-index:50;padding:var(--space-4) var(--space-5) 0}@media (min-width:768px){.nav-shell{padding:var(--space-5) var(--space-10) 0}}.nav{max-width:1120px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:14px var(--space-6);position:relative}@media (min-width:768px){.nav-bar{padding:18px 28px}}.nav-brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text);font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em;text-decoration:none;font-size:1.1rem;flex:none}.nav-brand-mark{width:30px;height:30px;border-radius:9px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:none}.nav-brand-mark svg{width:100%;height:100%}.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer}.nav-toggle svg{display:block;width:1.25rem;height:1.25rem;stroke:var(--text)}.nav-links{flex:1 1 auto;min-width:0}.nav-links ul{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0}.nav-link{display:inline-block;padding:8px 13px;font-size:13.5px;font-weight:600;color:var(--text-2);text-decoration:none;border-radius:var(--radius-sm);transition:background 0.15s ease,color 0.15s ease;white-space:nowrap}.nav-link:hover{color:var(--text);background:var(--bg-soft)}.nav-link[aria-current="page"]{color:var(--accent-btn-hover);background:var(--accent-soft)}.nav-divider{width:1px;height:20px;background:var(--border-strong);margin:0 var(--space-2);flex:none}.nav-item-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;font-family:inherit;cursor:pointer}.nav-dropdown-chevron{width:13px;height:13px;flex:none;transition:transform 0.15s ease}.nav-dropdown-toggle[aria-expanded="true"] .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-panel{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:460px;max-width:min(460px,calc(100vw - 32px));background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:var(--space-5);z-index:60}.nav-item-dropdown.is-open .nav-dropdown-panel{display:block}.nav-dropdown-groups{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-6)}.nav-dropdown-heading{display:block;font-size:0.72rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-3)}.nav-dropdown-group ul{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:1px}.nav-dropdown-group li a{display:block;padding:6px 8px;margin:0 -8px;border-radius:var(--radius-sm);font-size:0.85rem;font-weight:500;color:var(--text-2);text-decoration:none;transition:background 0.15s ease,color 0.15s ease}.nav-dropdown-group li a:hover{background:var(--bg-soft);color:var(--text)}.nav-dropdown-viewall{display:block;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:0.85rem;font-weight:700;color:var(--accent-text);text-decoration:none}.nav-dropdown-viewall:hover{text-decoration:underline}.nav-cta{flex:none;display:inline-flex;align-items:center;background:var(--accent-btn);color:var(--on-accent-btn);font-weight:600;font-size:0.9rem;padding:11px 20px;border-radius:11px;text-decoration:none;transition:background 0.15s ease}.nav-cta:hover{background:var(--accent-btn-hover)}@media (max-width:767px){.nav-cta{display:none}.nav-bar{gap:0}.nav-toggle{display:block;margin-left:auto}.nav-links{flex:none}.nav-links > ul{flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;display:none}.nav-links > ul.is-open{display:flex}.nav-link{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);border-radius:0}.nav-link[aria-current="page"]{background:var(--accent-soft)}.nav-divider{display:none}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);border-radius:0}.nav-dropdown-panel{position:static;transform:none;width:100%;max-width:none;background:var(--bg-soft);border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;padding:var(--space-4) var(--space-5)}.nav-dropdown-groups{grid-template-columns:1fr 1fr;gap:var(--space-4)}}.breadcrumbs{padding:var(--space-3) var(--space-5)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:0;font-size:0.85rem}.breadcrumbs li{display:flex;align-items:center;gap:var(--space-2);color:var(--text)}.breadcrumbs li:not(:last-child)::after{content:"/";color:var(--border-strong)}.breadcrumbs a{color:var(--text-2);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-text)}.tool-section{padding:var(--space-12) 0}@media (max-width:767px){.tool-section{padding:var(--space-7) 0}}.hero-only-section{padding:var(--space-6) 0 0}.tool-hero{max-width:620px;margin:0 auto;text-align:center}.tool-hero h1{color:var(--text);font-family:var(--font-display);font-weight:800;letter-spacing:-0.02em;font-size:clamp(28px,4.2vw,38px);line-height:1.2}.tool-hero .lede{color:var(--text-2);font-size:1.02rem;margin:var(--space-3) 0 0}.tool-hero-cta{text-align:center;margin-top:var(--space-5)}.home-hero{position:relative;overflow:hidden;padding-bottom:var(--space-6)}.home-hero::before{content:"";position:absolute;top:-140px;left:50%;width:640px;height:420px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--accent-soft),transparent 70%);pointer-events:none;z-index:0}.home-hero > .wrap{position:relative;z-index:1}.hero-chip{position:absolute;display:none;align-items:center;gap:0.4em;padding:0.4em 0.75em;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-family:var(--font-mono);font-size:0.78rem;font-weight:600;color:var(--text-2);white-space:nowrap;z-index:0;animation:hero-chip-float 6s ease-in-out infinite}.hero-chip-accent{color:var(--accent-btn-hover);border-color:var(--accent-soft-border);background:var(--accent-soft)}@media (min-width:1100px){.hero-chip{display:inline-flex}}.hero-chip-1{top:4px;left:4%;animation-delay:0s}.hero-chip-2{top:92px;left:2.5%;animation-delay:1.3s}.hero-chip-3{top:12px;right:5%;animation-delay:0.6s}.hero-chip-4{top:100px;right:2.5%;animation-delay:1.9s}.hero-chip-5{bottom:8px;left:13%;animation-delay:2.5s}@keyframes hero-chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero-chip{animation:none}}.drop-zone-plain{max-width:720px;margin:var(--space-6) auto 0;background:var(--card)}.drop-zone-icon{width:40px;height:40px;margin:0 auto var(--space-3);color:var(--accent)}.drop-zone-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.drop-zone-plain .drop-zone-title{color:var(--text);font-weight:700;font-size:1.1rem;margin:0 0 var(--space-3)}.drop-zone-or{color:var(--text-3);font-size:0.85rem;margin:0 0 var(--space-3)}.btn-choose-files{border:0;border-radius:var(--radius-md);padding:15px 26px;font-weight:600;font-size:1rem;cursor:pointer;background:var(--accent-btn);color:var(--on-accent-btn);transition:background 0.15s ease}.btn-choose-files:hover{background:var(--accent-btn-hover)}.drop-zone-caption{color:var(--text-3);font-size:0.78rem;margin:var(--space-4) 0 0}.tool-section-white{background:var(--card);padding:var(--space-6) 0}#file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.file-row{display:flex;flex-direction:column;gap:var(--space-3);background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.file-row-meta{font-family:var(--font-mono);font-size:0.78rem;color:var(--text-3)}.file-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.file-row-status{flex:none;font-size:0.78rem;font-weight:600;padding:0.2rem var(--space-2);border-radius:999px}.file-row-status-ready{background:var(--bg-soft);color:var(--text-2)}.file-row-convert-btn{flex:none;border:0;border-radius:10px;padding:10px 18px;font-weight:600;font-size:0.85rem;cursor:pointer;background:var(--accent-btn);color:var(--on-accent-btn);transition:background 0.15s ease}.file-row-convert-btn:hover{background:var(--accent-btn-hover)}.file-row-remove-btn{flex:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-3);cursor:pointer;transition:color 0.15s ease,border-color 0.15s ease,background 0.15s ease}.file-row-remove-btn:hover{color:var(--danger-text);border-color:var(--danger);background:var(--danger-soft)}.file-row-remove-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.advanced-settings{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--card-2)}.advanced-settings summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings-title{font-weight:700;font-size:0.95rem;color:var(--text)}.advanced-settings-caption{display:block;font-weight:400;font-size:0.8rem;color:var(--text-3);margin-top:0.15rem}.advanced-settings summary::after{content:"\25be";color:var(--text-3);transition:transform 0.15s ease;flex:none}.advanced-settings[open] summary::after{transform:rotate(180deg)}.advanced-settings .settings-grid-2{margin-top:var(--space-5)}.advanced-settings-empty{margin:var(--space-5) 0 0;font-size:0.88rem;color:var(--text-3)}.advanced-settings-empty[hidden]{display:none}.format-grid{border:0;padding:0;margin:var(--space-5) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.format-grid legend{font-size:0.85rem;font-weight:600;color:var(--text-2);margin:0 0 var(--space-2);padding:0}.format-opt{position:relative;display:block;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:var(--space-3) var(--space-4);cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease}.format-opt:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}.format-opt-name{display:block;font-weight:700;color:var(--text);font-size:0.98rem}.format-opt-tag{display:block;margin-top:0.15rem;font-size:0.76rem;color:var(--text-3)}.format-opt-check{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--accent-btn);color:var(--on-accent-btn);font-size:11px;font-weight:700;line-height:1}.format-opt.selected,.format-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.format-opt.selected .format-opt-check,.format-opt:has(input:checked) .format-opt-check{display:flex}@media (max-width:560px){.format-grid{grid-template-columns:1fr}.format-opt-name{font-size:0.92rem}}.settings-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.settings-grid-2[hidden]{display:none}@media (max-width:767px){.settings-grid-2{grid-template-columns:1fr}}.setting-row label{font-size:0.85rem;font-weight:600;color:var(--text-2)}.setting-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.setting-optional{font-weight:400;color:var(--text-3)}.quality-badge{font-family:var(--font-mono);font-weight:600;font-size:0.78rem;padding:0.15rem var(--space-2);border-radius:999px;background:var(--accent-soft);color:var(--accent-btn-hover);flex:none}.setting-row input[type="range"]{width:100%;margin-top:var(--space-3);accent-color:var(--accent)}.setting-hint-row{display:flex;justify-content:space-between;margin-top:var(--space-1);font-size:0.74rem;color:var(--text-3)}.input-unit-group{display:flex;align-items:stretch;margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--card)}.input-unit-group input{flex:1 1 auto;min-width:0;border:0;padding:var(--space-2) var(--space-3);font-size:0.9rem;color:var(--text);background:transparent}.input-unit-group input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-text)}.input-unit{flex:none;display:flex;align-items:center;padding:0 var(--space-3);font-size:0.8rem;color:var(--text-3);background:var(--bg-soft);border-left:1px solid var(--border)}.setting-help{margin:var(--space-2) 0 0;font-size:0.78rem;color:var(--text-3)}.tool-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.tool-footer-summary{font-size:0.85rem;color:var(--text-3);min-height:1.2em}.tool-footer-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}#convert-all-btn{display:inline-flex;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);padding:15px 26px;font-weight:600;font-size:1rem;cursor:pointer;background:var(--accent-btn);color:var(--on-accent-btn);transition:background 0.15s ease}#convert-all-btn:hover{background:var(--accent-btn-hover)}#convert-all-btn[hidden],#download-all-zip[hidden]{display:none}#download-all-zip{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);font-weight:600;font-size:0.9rem;cursor:pointer;background:var(--card);color:var(--text);transition:border-color 0.15s ease}#download-all-zip:hover{border-color:var(--text-3)}.use-case-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.use-case-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--card);border:1px solid var(--border);border-radius:999px;color:var(--text-2);text-decoration:none;font-size:0.85rem;font-weight:600;transition:border-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.use-case-chip svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.use-case-chip:hover{color:var(--accent-text);border-color:var(--accent-soft-border);box-shadow:var(--shadow)}.converter-tool{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow);margin-top:var(--space-5)}.converter-tool[aria-busy="true"],#converter[aria-busy="true"]{opacity:0.6;pointer-events:none}#converter-status{min-height:1.2em;margin:var(--space-2) 0 0;font-size:0.88rem;color:var(--text-2)}#drop-zone{border:2px dashed var(--border-strong);border-radius:16px;background:var(--card-2);padding:var(--space-8) var(--space-5);text-align:center;cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease}#drop-zone:hover,#drop-zone:focus-visible{border-color:var(--accent);background:var(--accent-soft)}#drop-zone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.drop-zone-title{color:var(--text);font-weight:600;margin:0 0 var(--space-1)}.drop-zone-sub{color:var(--text-2);font-size:0.9rem;margin:0}#file-list li{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}#file-list a{color:var(--accent-text);font-weight:600;text-decoration:none}.result-error{color:var(--danger-text);border-color:var(--danger) !important}.byte-proof{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--border);font-family:var(--font-mono);font-size:0.78rem;display:flex;flex-direction:column;gap:var(--space-1)}.byte-proof-row{display:flex;gap:var(--space-2);align-items:baseline;color:var(--text-2);overflow-x:auto}.byte-proof-tag{flex:none;width:2rem;text-transform:uppercase;opacity:0.7}.byte-proof-pill{align-self:flex-start;margin-top:var(--space-1);display:inline-flex;padding:var(--space-1) var(--space-2);border-radius:999px;font-weight:600;font-family:var(--font-body);font-size:0.75rem}.byte-proof-unchanged .byte-proof-pill{background:var(--success-soft);color:var(--success-text)}.byte-proof-changed .byte-proof-pill{background:var(--warning-soft);color:var(--warning-text)}.result-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.result-card-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.result-filename{font-weight:600;color:var(--text);overflow-wrap:anywhere}.result-status{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;font-size:0.78rem;font-weight:600;padding:0.2rem var(--space-2);border-radius:999px}.result-status-pending{background:var(--bg-soft);color:var(--text-2)}.result-status-done{background:var(--success-soft);color:var(--success-text)}.result-spinner{width:12px;height:12px;border:2px solid var(--border-strong);border-top-color:var(--text-2);border-radius:50%;animation:result-spin 0.7s linear infinite}@keyframes result-spin{to{transform:rotate(360deg)}}.result-preview-row{display:flex;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.result-preview-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.result-preview-box img,.result-preview-placeholder{width:104px;height:104px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card)}.result-preview-placeholder{display:flex;align-items:center;justify-content:center}.result-preview-placeholder svg{width:32px;height:32px;fill:none;stroke:var(--text-3);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.result-ext-badge{font-family:var(--font-mono);font-weight:600;font-size:0.75rem;padding:0.2rem var(--space-3);border-radius:999px;letter-spacing:0.02em}.result-ext-badge-from{background:var(--bg-soft);color:var(--text-2)}.result-ext-badge-to{background:var(--accent-btn);color:var(--on-accent-btn)}.result-ext-badge-pending{background:var(--bg-soft);color:var(--text-3)}.result-preview-arrow{color:var(--text-3);flex:none;margin-bottom:1.9rem}.result-pending{opacity:0.75}#file-list .result-download-btn{display:inline-flex;align-items:center;gap:6px;flex:none;border:0;border-radius:var(--radius-sm);padding:0.4rem 0.8rem;font-weight:600;font-size:0.82rem;cursor:pointer;text-decoration:none;background:var(--accent-btn);color:var(--on-accent-btn);transition:background 0.15s ease}#file-list .result-download-btn svg{width:14px;height:14px}#file-list .result-download-btn:hover{background:var(--accent-btn-hover)}#file-list .result-download-btn[aria-disabled="true"]{pointer-events:none;background:var(--bg-soft);color:var(--text-3)}.batch-actions{margin-top:var(--space-5)}.btn{display:inline-block;border-radius:var(--radius-md);padding:15px 26px;font-weight:600;font-size:1rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease}.btn-primary{background:var(--accent-btn);color:var(--on-accent-btn)}.btn-primary:hover{background:var(--accent-btn-hover)}.btn-secondary{background:var(--card);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-soft)}.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--text-3)}.ad-slot{border:2px dashed var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-2);font-size:0.78rem;line-height:1.4}.ad-slot p{margin:0;padding:var(--space-2)}.tool-section{position:relative;overflow:hidden}@media (min-width:1600px){.tool-section{min-height:760px}}.tool-section > .wrap{position:relative;z-index:1}.ad-slot--sidebar{display:none}@media (min-width:1600px){.ad-slot--sidebar{display:flex;position:absolute;top:var(--space-5);right:var(--space-5);width:300px;height:600px;z-index:1}}.ad-slot--banner{height:100px;margin:var(--space-5) 0 0}@media (min-width:1600px){.ad-slot--banner{display:none}}.content-section{padding:var(--space-12) 0}@media (max-width:767px){.content-section{padding:var(--space-7) 0}}.content-section h2{font-size:1.4rem;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);color:var(--text)}.trust-strip ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding:0;margin:0;justify-content:center}.trust-strip li{font-size:0.9rem;color:var(--text-2);display:flex;align-items:center;gap:var(--space-2)}.trust-strip li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);flex:none}.how-it-works ol{list-style:none;display:grid;gap:var(--space-5);padding:0;margin:0;grid-template-columns:repeat(3,1fr)}@media (max-width:767px){.how-it-works ol{grid-template-columns:1fr}}.how-it-works li{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);transition:box-shadow 0.15s ease,border-color 0.15s ease}.how-it-works li:hover{border-color:var(--accent-soft-border);box-shadow:var(--shadow)}.step-number{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--accent-text);display:block;margin-bottom:var(--space-2)}.what-is-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}@media (max-width:767px){.what-is-grid{grid-template-columns:1fr}}.what-is-grid h3{font-size:1.05rem}.what-is-grid p{color:var(--text-2);font-size:0.95rem}.table-scroll{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:0.9rem;min-width:560px}.comparison-table th,.comparison-table td{text-align:left;padding:var(--space-2) var(--space-3);border:1px solid var(--border)}.comparison-table th{background:var(--card-2);font-family:var(--font-display)}.comparison-table tbody tr:nth-child(even){background:var(--bg-soft)}.why-convert p{color:var(--text-2);max-width:640px}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color 0.15s ease}.faq-item:hover{border-color:var(--accent-soft-border)}.faq-item summary{cursor:pointer;font-weight:600;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-family:var(--font-display);font-size:1.2rem;color:var(--accent-text);flex:none}.faq-item[open] summary::after{content:"\2212"}.faq-item p{margin:var(--space-3) 0 0;color:var(--text-2);font-size:0.92rem}.tool-cards{display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}@media (max-width:767px){.tool-cards{grid-template-columns:1fr}}.tool-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);text-decoration:none;color:var(--text);transition:box-shadow 0.15s ease,border-color 0.15s ease}.tool-card:hover{border-color:var(--accent-soft-border);box-shadow:var(--shadow)}.tool-card h3{margin:0 0 var(--space-2);font-size:1.1rem}.tool-card p{margin:0;color:var(--text-2);font-size:0.9rem}.tool-card .tool-card-arrow{color:var(--accent-text);font-weight:600;font-size:0.85rem}.tool-card-icon{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-3)}.tool-format-badge{font-family:var(--font-mono);font-size:0.7rem;font-weight:600;letter-spacing:0.01em;padding:3px 8px;border-radius:6px;background:var(--bg-soft);color:var(--text-3);border:1px solid var(--border)}.tool-card-icon-arrow{width:13px;height:13px;color:var(--text-3);flex:none}.tools-hub-group{margin-bottom:var(--space-8)}.tools-hub-group:last-child{margin-bottom:0}@media (min-width:768px){.tools-hub .tool-cards{grid-template-columns:repeat(3,1fr)}}.article-meta{color:var(--text-3);font-size:0.85rem;margin:0 0 var(--space-5)}.post-lede{color:var(--text-2);font-size:1.05rem;max-width:680px}.content-section article p{max-width:680px}.content-section article h2{font-size:1.25rem;margin-top:var(--space-8)}.content-section article h3{font-size:1.02rem;margin-top:var(--space-5)}.content-section article ol,.content-section article ul{max-width:680px;color:var(--text-2);padding-left:1.25rem}.content-section article li{margin-bottom:var(--space-2)}.content-section article figure{margin:var(--space-6) 0}.content-section article figure svg{width:100%;height:auto;display:block;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}.content-section article figcaption{margin-top:var(--space-2);font-size:0.82rem;color:var(--text-3);text-align:center}.post-hero,.post-inline-image{max-width:none}.post-hero img,.post-inline-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-soft)}.post-hero{margin:var(--space-6) 0 var(--space-8)}.post-inline-image{max-width:680px}.article-sources{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border)}.article-sources h2{font-size:1rem;border-bottom:none;padding-bottom:0;margin-bottom:var(--space-3)}.article-sources ol{max-width:680px;color:var(--text-2);font-size:0.88rem;padding-left:1.25rem}.article-sources a{color:var(--accent-text)}.blog-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:start;margin-top:var(--space-6)}@media (min-width:900px){.blog-layout{grid-template-columns:1fr 280px}}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:600px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow 0.15s ease,border-color 0.15s ease}.blog-card:hover{border-color:var(--accent-soft-border);box-shadow:var(--shadow)}.blog-card-image-link{display:block}.blog-card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:var(--bg-soft)}.blog-card-body{display:flex;flex-direction:column;padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-2)}.blog-card-title{margin:0;font-size:1.1rem;padding-bottom:0;border-bottom:none}.blog-card-title a{color:var(--text);text-decoration:none}.blog-card-title a:hover{color:var(--accent-text)}.blog-card-meta{margin:0;font-size:0.8rem;color:var(--text-3)}.blog-card-excerpt{margin:0;color:var(--text-2);font-size:0.92rem}.blog-card-more{color:var(--accent-text);font-weight:600;white-space:nowrap}.blog-card-category{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:0.78rem;font-weight:600;color:var(--text-3)}.blog-card-category-icon{width:14px;height:14px}.blog-sidebar-title{font-size:1.05rem;padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.blog-sidebar-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.blog-sidebar-item a{color:var(--text-2);text-decoration:none;font-size:0.92rem;line-height:1.4}.blog-sidebar-item a:hover{color:var(--accent-text)}.blog-teaser-list{display:flex;flex-direction:column}.blog-teaser-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.blog-teaser-item:hover .blog-teaser-title{color:var(--accent-text)}.blog-teaser-title{font-weight:600}.blog-teaser-date{flex:none;color:var(--text-3);font-size:0.85rem}.blog-teaser-more{margin-top:var(--space-4)}.blog-teaser-more a{color:var(--accent-text);font-weight:600;text-decoration:none}.footer-shell{padding:var(--space-6) var(--space-5) var(--space-6)}@media (min-width:768px){.footer-shell{padding:var(--space-8) var(--space-10) var(--space-6)}}.site-footer{max-width:1120px;margin:0 auto;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}@media (min-width:768px){.site-footer{padding:var(--space-8)}}.footer-top{display:flex;flex-wrap:wrap;gap:var(--space-6)}.footer-brand{flex:1 1 220px;max-width:280px}.footer-brand-link{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.footer-tagline{margin:var(--space-3) 0 0;font-size:0.9rem;line-height:1.6;color:var(--text-3);max-width:280px}.footer-format-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-4)}.footer-groups{flex:2 1 340px;display:flex;flex-wrap:wrap;gap:var(--space-5)}.footer-groups h3{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--text-3)}.footer-groups ul{list-style:none;padding:0;margin:var(--space-2) 0 0}.footer-groups a{color:var(--text);text-decoration:none;font-size:0.92rem;line-height:1.6;transition:color 0.15s ease}.footer-groups a:hover{color:var(--accent-text)}.footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.footer-copyright{font-size:0.85rem;color:var(--text-3)}.footer-legal{display:flex;gap:var(--space-5)}.footer-legal a{font-size:0.85rem;color:var(--text-3);text-decoration:none;transition:color 0.15s ease}.footer-legal a:hover{color:var(--accent-text)}.convert-animation-section{padding-top:0}.convert-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vw,32px);width:100%;max-width:1120px;margin:0 auto}@media (min-width:760px){.convert-animation{flex-direction:row;gap:clamp(8px,2vw,28px)}}.convert-animation-group{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vw,22px)}.convert-animation-pill{padding:0.5em 1.1em;background:var(--accent-soft);border:2px solid var(--accent);border-radius:999px;font-size:clamp(13px,1.7vw,23px);font-weight:700;color:var(--accent-btn-hover);animation:convert-anim-pop var(--pop-dur,1s) ease-out both,convert-anim-float var(--float-dur,5s) ease-in-out var(--float-delay,1s) infinite}.convert-animation-card{width:clamp(150px,40vw,250px);aspect-ratio:25 / 32;background:var(--accent-soft);border-radius:clamp(14px,1.6vw,22px);box-shadow:0 18px 44px rgba(194,65,12,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,26px);position:relative}@media (min-width:760px){.convert-animation-card{width:clamp(150px,17vw,250px)}}.convert-animation-card-rise{animation:convert-anim-rise 1s ease-out both}.convert-animation-card-pop{animation:convert-anim-pop var(--pop-dur,1s) ease-out both}.convert-animation-card-corner{position:absolute;right:0;top:0;width:22%;aspect-ratio:1 / 1;background:var(--accent-soft-border);border-radius:0 clamp(14px,1.6vw,22px)}.convert-animation-card-img{width:60%;aspect-ratio:15 / 11;object-fit:cover;border-radius:8px;display:block}.convert-animation-card-label{font-size:clamp(26px,3.3vw,46px);font-weight:800;color:var(--accent-btn-hover);letter-spacing:0.02em}.convert-animation-spinner-box{position:relative;width:clamp(126px,40vw,220px);aspect-ratio:1 / 1;background:var(--accent-soft);border-radius:clamp(16px,1.9vw,26px);box-shadow:0 16px 40px rgba(194,65,12,0.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vw,14px)}.convert-animation-spinner-box::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 12px 34px rgba(234,88,12,0.32);opacity:0;animation:convert-anim-glow 3s ease-in-out infinite;pointer-events:none}@media (min-width:760px){.convert-animation-spinner-box{width:clamp(126px,15vw,220px)}}.convert-animation-spinner{width:44%;aspect-ratio:1 / 1;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 2px var(--accent-soft-border);display:flex;align-items:center;justify-content:center;animation:convert-anim-spin 3s cubic-bezier(0.5,0,0.2,1) infinite}.convert-animation-spinner-ring{width:55%;aspect-ratio:1 / 1;border-width:clamp(4px,0.5vw,6px);border-style:solid;border-color:transparent transparent var(--accent-text) var(--accent-text);border-radius:50%}.convert-animation-spinner-label{font-size:clamp(16px,2vw,28px);font-weight:700;color:var(--accent-btn-hover)}.convert-animation-arrow{flex:0 0 auto;transform:rotate(90deg);display:flex;align-items:center;justify-content:center;width:clamp(46px,7vw,120px);height:clamp(46px,7vw,120px)}@media (min-width:760px){.convert-animation-arrow{transform:rotate(0deg)}}.convert-animation-beam{width:100%;display:flex;align-items:center;animation:convert-anim-beam 2.6s ease-in-out 0.9s infinite}.convert-animation-beam-line{flex:1 1 0;height:clamp(9px,1vw,16px);background:linear-gradient(90deg,var(--accent-soft-border),var(--accent))}.convert-animation-beam-head{width:0;height:0;border-top:clamp(12px,1.4vw,22px) solid transparent;border-bottom:clamp(12px,1.4vw,22px) solid transparent;border-left:clamp(16px,1.9vw,30px) solid var(--accent)}@keyframes convert-anim-rise{0%{opacity:0;transform:translateY(24px) scale(0.94)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes convert-anim-pop{0%{opacity:0;transform:translateY(16px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes convert-anim-spin{0%{transform:rotate(0)}60%,100%{transform:rotate(360deg)}}@keyframes convert-anim-beam{0%{opacity:0;transform:translateX(-40px)}30%,70%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(30px)}}@keyframes convert-anim-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes convert-anim-glow{0%,100%{opacity:0}50%{opacity:1}}