:root{--content-max: 1120px;--primary: #1877f2;--primary-hover: #0d65d9;--primary-glow: rgba(24, 119, 242, .18);--primary-light: rgba(24, 119, 242, .08);--secondary: #22c55e;--secondary-light: rgba(34, 197, 94, .12);--accent: #16a34a;--bg: #f5f8fc;--card-bg: #ffffff;--text-main: #12141a;--text-muted: #5b6470;--text-light: #8b939e;--border: #e3e5eb;--border-light: #eef0f4;--radius: 16px;--radius-sm: 10px;--transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, transform .2s ease;--transition-fast: border-color .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;--shadow-xs: 0 1px 2px rgba(16, 18, 24, .04);--shadow-sm: 0 1px 3px rgba(16, 18, 24, .05);--shadow: 0 10px 28px -18px rgba(16, 18, 24, .28);--shadow-lg: 0 18px 40px -22px rgba(16, 18, 24, .32);--shadow-xl: 0 24px 48px -24px rgba(16, 18, 24, .28);--glass-border: rgba(18, 20, 26, .08);--glass-inner: inset 0 1px 0 rgba(255, 255, 255, .7);--grid-line: rgba(18, 20, 26, .045);--font-sans: "IBM Plex Sans", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--bg: #0b0c10;--card-bg: #14161c;--text-main: #eef0f4;--text-muted: #9aa3b0;--text-light: #6b7380;--border: #262a33;--border-light: #1c2028;--glass-border: rgba(255, 255, 255, .08);--glass-inner: inset 0 1px 0 rgba(255, 255, 255, .04);--grid-line: rgba(255, 255, 255, .035);--primary-light: rgba(77, 163, 255, .14);--primary: #4da3ff;--primary-hover: #7bbcff;--primary-glow: rgba(77, 163, 255, .22);--secondary: #34d399}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b0c10;--card-bg: #14161c;--text-main: #eef0f4;--text-muted: #9aa3b0;--text-light: #6b7380;--border: #262a33;--border-light: #1c2028;--glass-border: rgba(255, 255, 255, .08);--primary: #4da3ff;--primary-hover: #7bbcff;--primary-light: rgba(77, 163, 255, .14);--secondary: #34d399;--grid-line: rgba(255, 255, 255, .035)}:root:not([data-theme=light]) .header{background:#0b0c10d6}:root:not([data-theme=light]) .how-it-works{background:#14161ca6}:root:not([data-theme=light]) .footer{background:#0e1015}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-main);line-height:1.6;letter-spacing:-.011em;overflow-x:hidden;color-scheme:light}[data-theme=dark] body{color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) body{color-scheme:light}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% -10%,#000 35%,transparent 75%);mask-image:radial-gradient(ellipse 80% 55% at 50% -10%,#000 35%,transparent 75%)}#app[data-route-kind=article] #converter,#app[data-route-kind=article] #how-it-works,#app[data-route-kind=article] #features,#app[data-route-kind=article] .conversion-intelligence,#app[data-route-kind=article] .related-tools{display:none}#app:not([data-route-suffix="compare/"]) #compare-links{display:none}#app:not([data-route-suffix="guides/"]) #guide-links{display:none}#app[data-route-kind=home] #compare-links,#app[data-route-kind=home] #guide-links{display:block}.info-section{padding:4rem 0;border-bottom:1px solid var(--border-light)}.section-title{margin-bottom:2rem;font-size:2rem}.section-content{font-size:1.1rem;color:var(--text-muted);max-width:100%;line-height:1.9}.article-summary-box{background:var(--primary-light);border-left:4px solid var(--primary);padding:2.5rem;border-radius:0 1rem 1rem 0;font-size:1.2rem;color:var(--text-main);margin:2rem 0;line-height:1.8}.table-responsive{overflow-x:auto;margin:2rem 0;background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-sm)}.comparison-table{width:100%;border-collapse:collapse;min-width:600px}.comparison-table td{padding:1.25rem 1.5rem;border:1px solid var(--border);color:var(--text-main);background:var(--card-bg)}.comparison-table tr:nth-child(2n) td{background:var(--bg)}.comparison-table tr td:first-child{font-weight:700;color:var(--primary);width:200px;background:var(--bg)}.steps-grid{display:grid;gap:1.5rem;margin:2rem 0}.step-item{display:flex;align-items:flex-start;gap:1.5rem;background:var(--card-bg);padding:1.5rem;border-radius:1rem;border:1px solid var(--border);transition:var(--transition)}.step-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.step-number{background:var(--primary);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.step-text{font-size:1.1rem;padding-top:4px}.use-case-list,.mistake-list{list-style:none;padding:0;display:grid;gap:1rem;margin:2rem 0}.use-case-list li,.mistake-list li{display:flex;align-items:flex-start;gap:1rem;font-size:1.1rem;padding:1rem;background:var(--bg);border-radius:.75rem;border:1px solid var(--border-light)}.use-case-list i{color:var(--secondary);flex-shrink:0;margin-top:4px}.mistake-list i{color:var(--accent);flex-shrink:0;margin-top:4px}.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}h1,h2,h3,h4,.logo-text{font-family:var(--font-sans);font-weight:600;letter-spacing:-.03em}.container{max-width:var(--content-max);margin:0 auto;padding:0 2rem}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(90px)}.blob-1{width:420px;height:420px;background:#1877f21a;top:-140px;right:-80px}.blob-2{width:320px;height:320px;background:#22c55e14;bottom:-120px;left:-60px}.blob-3{display:none}.header{padding:.7rem 0;background:#f5f8fcdb;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);z-index:1000;border-bottom:1px solid var(--border);position:sticky;top:0}[data-theme=dark] .header{background:#0b0c10d6}.header-inner{display:flex;justify-content:space-between;align-items:center}.nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;height:38px;padding:0 .95rem;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text-main);text-decoration:none;font-size:.92rem;font-weight:600;transition:var(--transition-fast)}.nav-link:hover{border-color:var(--border);background:var(--primary-light);color:var(--primary)}.nav-link.active{border-color:var(--border);background:var(--card-bg);color:var(--text-main);font-weight:600;box-shadow:var(--shadow-xs)}.dropdown-btn.active{border-color:var(--text-main);background:var(--card-bg);color:var(--text-main);font-weight:600}.dropdown{position:relative}.dropdown-btn{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--border);padding:.55rem 1rem;border-radius:var(--radius-sm);color:var(--text-main);font-weight:500;cursor:pointer;transition:var(--transition);font-size:.9rem;font-family:inherit}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);position:relative;flex-shrink:0}.theme-toggle-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.theme-toggle-btn i,.theme-toggle-btn svg{width:18px;height:18px;position:absolute;transition:opacity .3s ease,transform .3s ease}.theme-icon-light{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-icon-dark,[data-theme=dark] .theme-icon-light{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .theme-icon-dark{opacity:0;transform:rotate(90deg) scale(.5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-light{opacity:1;transform:rotate(0) scale(1)}:root:not([data-theme=light]) .theme-icon-dark{opacity:0;transform:rotate(90deg) scale(.5)}}.dropdown-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);background:var(--bg)}.dropdown-btn:focus-visible,.dropdown-item:focus-visible,.nav-link:focus-visible,.btn:focus-visible,.tool-card:focus-visible,.hub-card:focus-visible,.inline-link-list a:focus-visible,.footer-col a:focus-visible,.social-links a:focus-visible,.drop-area:focus-visible,.faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dropdown-menu{position:absolute;top:120%;right:0;min-width:220px;background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border);border-radius:12px;padding:.75rem;box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:.25rem;z-index:1100;transform:translateY(10px);opacity:0;transition:var(--transition)}.dropdown-menu.show{display:flex;transform:translateY(0);opacity:1}.dropdown-item{width:100%;text-align:left;padding:.65rem 1rem;border-radius:10px;border:none;background:transparent;color:var(--text-main);font-family:inherit;font-size:.9rem;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:flex;align-items:center;gap:.75rem}.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.dropdown-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.dropdown-menu hr{border:0;border-top:1px solid var(--border);margin:.5rem 0;grid-column:1 / -1}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-main)}.logo-mark-img{width:36px;height:36px;border-radius:9px;object-fit:contain;flex-shrink:0;box-shadow:0 1px 3px #10121814}.logo-wordmark{display:flex;flex-direction:column;line-height:1.05}.logo-name{font-size:.98rem;font-weight:700;letter-spacing:-.03em;color:#111827}.logo-name-sub{font-size:.82rem;font-weight:500;letter-spacing:-.02em;color:#9aa3af}[data-theme=dark] .logo-name{color:#eef0f4}[data-theme=dark] .logo-name-sub{color:#8b939e}.logo-mark,.logo-icon,.logo-text{display:none}.lang-btn{min-width:76px;padding:.45rem .7rem}.lang-current,.lang-item{display:inline-flex;align-items:center;gap:.4rem}.lang-flag{font-size:1.05rem;line-height:1}.lang-code{font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.04em}.lang-menu{min-width:92px;padding:.4rem}.lang-menu .lang-item{width:100%;justify-content:flex-start;padding:.5rem .65rem}.breadcrumb{padding:1rem 0 0}.breadcrumb-list{display:flex;align-items:center;gap:.5rem;list-style:none;font-size:.85rem;color:var(--text-muted)}.breadcrumb-list li{display:flex;align-items:center;gap:.5rem}.breadcrumb-list li:after{content:"›";color:var(--text-light)}.breadcrumb-list li:last-child:after{content:""}.breadcrumb-list a{color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.breadcrumb-list a:hover{color:var(--primary)}.breadcrumb-list .current{color:var(--text-main);font-weight:500}.ad-slot{padding:.75rem 0}.ad-slot-banner{border-bottom:1px solid var(--border-light)}.ad-placeholder{min-height:90px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;overflow:hidden}.ad-placeholder:empty{display:none}.ad-slot-sticky{position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--bg);border-top:1px solid var(--border);padding:.5rem;display:none}section{padding:4.25rem 0}.section-title{font-size:1.85rem;text-align:center;margin-bottom:.6rem;line-height:1.2}.section-subtitle{text-align:center;color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.hero{padding-top:3.25rem;padding-bottom:2.5rem;text-align:center}.hero-content{margin-bottom:2.25rem}.hero-kicker{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1rem;padding:.28rem .7rem;border:1px solid rgba(24,119,242,.16);border-radius:999px;background:linear-gradient(90deg,#1877f20f,#22c55e0f);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hero-kicker:before{content:"";width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,var(--primary) 48%,var(--secondary) 52%)}.gradient-text{font-size:clamp(2.1rem,4.6vw,3.15rem);color:var(--text-main);background:none;-webkit-text-fill-color:unset;line-height:1.12;margin-bottom:1rem;max-width:18ch;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1.08rem;color:var(--text-muted);max-width:38rem;margin:0 auto;line-height:1.55}.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1.25rem;list-style:none;margin:1.25rem 0 0;padding:0;color:var(--text-muted);font-size:.82rem;font-weight:500}.hero-trust li{display:inline-flex;align-items:center;gap:.4rem}.hero-trust li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.8}.hero-trust li:nth-child(2n):before{background:var(--secondary)}.hero-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.hero-actions .btn{text-decoration:none;min-height:42px}.converter-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:1.5rem 1.5rem 1.35rem;width:100%;max-width:none;margin:0 auto;position:relative}.converter-settings{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem 1.5rem;margin-bottom:1.25rem}.setting-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.5rem;color:var(--text-main)}.setting-group select,.setting-group input[type=range],.setting-group input[type=number]{width:100%}.setting-group select{padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);font-family:inherit;font-size:.95rem;color:var(--text-main);cursor:pointer;transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-group input[type=number]{padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);font-family:inherit;font-size:.95rem;color:var(--text-main);transition:var(--transition-fast)}.setting-group select:focus,.setting-group input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--border);outline:none;margin-top:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 0 3px var(--primary-light);transition:var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}.drop-area{border:1px dashed var(--border);border-radius:12px;padding:3.25rem 1.5rem;background:linear-gradient(var(--card-bg),var(--card-bg)),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;transition:var(--transition);cursor:pointer}.drop-area:hover{border-color:var(--primary);background-color:var(--primary-light)}.drop-area:focus-visible{border-color:var(--primary);background:var(--primary-light)}.drop-content{text-align:center}.drop-icon{margin-bottom:1rem;color:var(--primary)}.drop-icon i,.drop-icon svg{width:36px;height:36px}.drop-content h3{font-size:1.15rem}.drop-cta{display:inline-flex;margin-top:.85rem;padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text-main);font-size:.82rem;font-weight:600}.drop-area:hover .drop-cta{border-color:var(--primary);color:var(--primary)}.drop-formats{margin-top:.85rem;font-size:.72rem;color:var(--text-light);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.setting-group-resize.is-hidden,.resize-options.is-hidden,.is-hidden{display:none!important}.tools-menu{grid-template-columns:1fr 1fr;align-items:start;min-width:460px;max-width:520px;max-height:none;overflow:visible;padding:.7rem .75rem .8rem;gap:0 0}.dropdown-menu.tools-menu.show{display:grid}.tools-col{display:flex;flex-direction:column;min-width:0;padding:0 .55rem}.tools-col+.tools-col{border-left:1px solid var(--border-light)}.tools-menu-group{font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);padding:.55rem .55rem .15rem;border-top:1px solid var(--border-light);margin-top:.2rem}.tools-col>.tools-menu-group:first-child{border-top:0;margin-top:0;padding-top:.15rem}.tools-menu .dropdown-item{padding:.42rem .55rem;font-size:.86rem}.print-calc{margin:0 0 1.25rem}.inspect-report{margin-top:1.25rem;padding:1.15rem 1.2rem 1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.inspect-report h3{margin:0 0 .9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.inspect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.inspect-item{padding:.8rem .85rem;border-radius:0;background:var(--card-bg)}.inspect-item .label{display:block;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-light);margin-bottom:.25rem}.inspect-item .value{font-family:var(--font-mono);font-size:.92rem;font-weight:500;color:var(--text-main);word-break:break-word;font-variant-numeric:tabular-nums}.inspect-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-top:1rem}.inspect-rec{padding:.7rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);font-size:.82rem}.inspect-rec strong{display:block;margin-bottom:.15rem}.inspect-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.inspect-actions p{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.inspect-actions .btn{text-decoration:none;border-radius:999px}.dpi-quality-note{margin-top:.85rem;padding:.75rem .9rem;border-left:3px solid var(--primary);background:var(--primary-light);color:var(--text-muted);font-size:.9rem}.rating-Recommended{color:#047857}.rating-Acceptable{color:#b45309}.rating-Low-resolution,.rating-Limited,.rating-Poor{color:#b91c1c}.rating-Excellent,.rating-Good{color:#047857}.rating-Oversized{color:#b45309}.resize-options{margin-top:1rem}.checkbox-inline{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;margin-top:1.5rem;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition-fast);border:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-sm{padding:.4rem .75rem;font-size:.85rem}.stats{font-size:.9rem;color:var(--text-muted);font-weight:500}.file-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-light);animation:fadeInUp .3s ease}.file-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid var(--border)}.file-info{flex:1;min-width:0}.file-name{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.8rem;color:var(--text-muted)}.file-error-note{color:#ef4444}.file-status{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.22rem .55rem;border-radius:6px}.status-pending{color:var(--text-muted);background:var(--border-light)}.status-converting{color:#f59e0b;background:#f59e0b1a}.status-done{color:var(--secondary);background:var(--secondary-light)}.status-error{color:#ef4444;background:#ef44441a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.how-it-works{background:#ffffff73}[data-theme=dark] .how-it-works{background:#1e293b4d}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:3rem}.step-card{padding:2.5rem 2rem;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);position:relative;transition:var(--transition);text-align:center}.step-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.step-num{font-size:2.4rem;font-weight:600;font-family:var(--font-mono);color:var(--border);position:absolute;top:.75rem;right:1.25rem}.step-icon{color:var(--primary);margin-bottom:1rem}.step-icon i,.step-icon svg{width:32px;height:32px}.step-card h3{font-size:1.1rem;margin-bottom:.5rem}.step-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem}.feature-card{padding:2rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-bg);transition:var(--transition)}.feature-card:hover{box-shadow:var(--shadow-sm);border-color:var(--primary)}.feat-icon{width:48px;height:48px;background:var(--primary-light);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-card h3{font-size:1rem;margin-bottom:.4rem}.feature-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.conversion-intelligence{background:transparent}.intelligence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}.intelligence-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:var(--transition-fast)}.intelligence-card:hover{border-color:var(--primary)}.intelligence-card h3{font-size:1rem;margin-bottom:.55rem}.intelligence-card p{font-size:.9rem;color:var(--text-muted);line-height:1.55}.intelligence-card ul{margin:.35rem 0 0;padding-left:1.15rem}.intelligence-card li{font-size:.9rem;color:var(--text-muted);line-height:1.55;margin-bottom:.3rem}.related-tools{background:transparent}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:2rem}.tool-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text-main);transition:var(--transition);min-width:0}.tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.tool-card:hover .tool-arrow{color:var(--primary);transform:translate(3px)}.tool-icon{width:40px;height:40px;background:var(--primary-light);color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-info{flex:1;min-width:0}.tool-info h3{font-size:.9rem;font-weight:700;margin-bottom:.15rem}.tool-info p{font-size:.75rem;color:var(--text-muted);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.tool-arrow{color:var(--text-light);flex-shrink:0;transition:var(--transition-fast)}.testimonials{background:var(--bg)}.reviews-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:3rem}.hub-links{background:transparent}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}.hub-card{display:block;text-decoration:none;color:inherit;padding:1.4rem;border-radius:16px;border:1px solid var(--border);background:var(--card-bg);transition:var(--transition-fast)}.hub-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.hub-card h3{font-size:1rem;margin-bottom:.35rem}.hub-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.content-main{padding:2.5rem 0 4rem}.content-hero{margin-bottom:1.5rem}.article-hero-section{padding:2.5rem 0 0}.article-hero-section+.info-section,.article-hero-section+.article-summary-section{padding-top:1.5rem}.content-hero .gradient-text{max-width:22ch;margin-left:0;margin-right:0;text-align:left;font-size:clamp(1.85rem,3.6vw,2.55rem)}.content-hero .hero-subtitle{margin:0;text-align:left;max-width:42rem}.content-hero h1{font-size:clamp(2rem,3.2vw,3rem);line-height:1.1;margin-bottom:.75rem}.content-hero p{max-width:78ch;color:var(--text-muted)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.content-card{border:1px solid var(--border);background:var(--card-bg);border-radius:18px;padding:1.2rem 1.25rem}.content-card h2{font-size:1.25rem;margin-bottom:.5rem}.content-card h3{font-size:1rem;margin-bottom:.35rem}.content-card p,.content-card li{color:var(--text-muted);line-height:1.6}.content-card ul,.content-card ol{padding-left:1.1rem;margin-top:.5rem}.content-card li+li{margin-top:.35rem}.comparison-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;min-width:560px}.comparison-table th,.comparison-table td{border:1px solid var(--border);padding:.65rem .7rem;text-align:left;font-size:.9rem}.comparison-table th{background:var(--bg);color:var(--text-main);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.inline-link-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem;margin-top:.55rem}.inline-link-list a{display:block;text-decoration:none;border:1px solid var(--border);border-radius:12px;padding:.6rem .75rem;color:var(--text-main);background:var(--card-bg)}.inline-link-list a:hover{border-color:var(--primary);color:var(--primary)}.content-cta{margin-top:.25rem;border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;background:var(--primary-light)}.content-cta a{color:var(--primary);font-weight:700;text-decoration:none}.highlights-list,.use-case-list,.mistake-list,.recommended-tools-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}.highlights-list li,.use-case-list li,.mistake-list li,.recommended-tools-list li{background:var(--card-bg);padding:1.25rem;border:1px solid var(--border);border-radius:16px;display:flex;align-items:flex-start;gap:1rem;transition:var(--transition-fast)}.highlights-list li:hover,.use-case-list li:hover,.mistake-list li:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.recommended-tools-list li a{text-decoration:none;color:var(--primary);font-weight:600;width:100%}.highlights-list i,.highlights-list svg{color:#f59e0b}.use-case-list i,.use-case-list svg{color:var(--secondary)}.mistake-list i,.mistake-list svg{color:#ef4444}.recommended-tools-list li:hover{border-color:var(--primary);background:var(--primary-light)}.article-summary-box{background:var(--primary-light);border-left:4px solid var(--primary);padding:2rem;border-radius:0 16px 16px 0;font-size:1.1rem;line-height:1.7;color:var(--text-main);margin-bottom:2rem}.review-card{padding:2.5rem;background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition)}.review-card:hover{box-shadow:var(--shadow-sm)}.stars{color:#fbbf24;margin-bottom:.75rem;font-size:1.1rem}.review-card p{font-size:.95rem;line-height:1.6;color:var(--text-main)}cite{display:block;margin-top:1.25rem;font-style:normal;font-weight:600;font-size:.85rem;color:var(--text-muted)}.faq{padding-bottom:4rem}.faq-list{width:100%;max-width:none;margin:3rem auto 0}.faq-item{border:1px solid var(--border);border-radius:16px;margin-bottom:.75rem;overflow:hidden;transition:var(--transition);background:var(--card-bg)}.faq-item:hover{border-color:var(--primary)}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:transparent;text-align:left;padding:1.25rem 1.5rem;cursor:pointer;font-weight:600;font-size:.95rem;font-family:inherit;color:var(--text-main);-webkit-user-select:none;user-select:none;transition:var(--transition-fast)}.faq-question:hover{color:var(--primary)}.faq-question i,.faq-question svg{width:18px;height:18px;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.faq-item.active .faq-question i,.faq-item.active .faq-question svg{transform:rotate(45deg);color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{padding:0 1.5rem 1.25rem;color:var(--text-muted);font-size:.9rem;line-height:1.6}.footer{padding:3.25rem 0 0;border-top:1px solid var(--border);background:#e8eef6}[data-theme=dark] .footer{background:#0e1015}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand p{font-size:.9rem;color:var(--text-muted);line-height:1.5;max-width:280px}.social-links{display:flex;gap:.75rem}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--border-light);color:var(--text-muted);transition:var(--transition-fast)}.social-links a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-main);margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col a{font-size:.88rem;color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.footer-col a:hover{color:var(--text-main)}.footer-bottom{border-top:1px solid var(--border);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.footer-bottom p{font-size:.82rem;color:var(--text-muted)}.footer-legal{font-size:.8rem;color:var(--text-light)}.drag-over .drop-area{border-color:var(--primary)!important;background:var(--primary-light)!important;box-shadow:0 0 0 3px var(--primary-light)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:768px){.gradient-text{font-size:2.4rem}.section-title{font-size:1.8rem}.steps-grid,.features-grid,.intelligence-grid,.reviews-grid,.hub-grid{grid-template-columns:1fr 1fr}.converter-settings{grid-template-columns:1fr;gap:1.5rem}.converter-card{padding:1.5rem;border-radius:20px}.drop-area{padding:3rem 1.5rem}.action-bar{flex-direction:column;gap:.75rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center}.header-inner{flex-wrap:wrap;gap:.75rem}.nav{gap:.5rem;width:100%}.nav-link{padding:0 .75rem;height:36px;font-size:.88rem}.comparison-table{min-width:520px}section{padding:3rem 0}.hero{padding-top:2rem}.hero-actions{justify-content:stretch}.ad-slot-sticky{display:block}}@media(max-width:480px){.gradient-text{font-size:2rem}.container{padding:0 1rem}.tools-menu,.dropdown-menu.tools-menu.show{grid-template-columns:1fr;min-width:220px;max-width:calc(100vw - 2rem)}.tools-col+.tools-col{border-left:0;border-top:1px solid var(--border-light);margin-top:.35rem;padding-top:.35rem}.nav-link{flex:1;justify-content:center;min-width:84px}.hero-actions .btn{width:100%}.hub-grid{grid-template-columns:1fr}}.consent-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:80;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);max-width:720px;margin:0 auto}.consent-banner[hidden]{display:none}.consent-banner p{margin:0;font-size:.92rem}.consent-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.consent-actions a{color:var(--text);font-size:.92rem}@media(max-width:720px){.consent-banner{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}