.product-tool-landing .editor-brand{color:var(--muted);margin-top:12px;font-size:24px;font-weight:500;display:block}.product-tool-landing .tool-screenshot{width:100%;height:auto;display:block}.tool-landing.product-tool-landing .landing-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.tool-landing.product-tool-landing .landing-benefit-grid{grid-template-columns:1fr}}.inner-page:has(>.tool-landing){max-width:1180px;padding-top:20px}.inner-page:has(>.tool-landing)>.breadcrumbs{margin-bottom:12px}.tool-landing{--landing-card-border:color-mix(in srgb, var(--border) 80%, var(--muted) 20%);--landing-card-shadow:0 2px 4px #11111105, 0 12px 28px #1111110a;font-size:16px;line-height:1.7}:root[data-theme=dark] .tool-landing{--landing-card-shadow:0 2px 4px #0000001f, 0 12px 28px #00000029}.tool-landing :is(.landing-benefit-card,.landing-intro,.landing-technical-grid>article,.landing-related-card){border:1px solid var(--landing-card-border);background:var(--surface);box-shadow:var(--landing-card-shadow);border-radius:10px}.tool-landing .tool-page-heading{max-width:800px;padding:0 0 20px}.tool-landing .tool-page-heading h1{margin:8px 0 12px;font-size:52px;line-height:1.15}.tool-landing .tool-page-heading>p:not(.eyebrow):not(.tool-entry-note){max-width:720px;margin:0 auto 14px;font-size:18px;line-height:1.7}.tool-landing .tool-page-heading .eyebrow{margin:0}.tool-landing .tool-page-heading .tool-icon{border-radius:10px;width:44px;height:44px;margin-bottom:8px}.tool-landing .inline-badges{gap:8px}.tool-landing .tool-actions{margin:16px 0 8px}.tool-landing .tool-actions .button{border-radius:10px;height:40px;min-height:40px}.tool-landing .landing-preview{max-width:980px;box-shadow:none;border-radius:10px;margin-bottom:0}.tool-landing .landing-preview-body{padding:20px}.tool-landing .landing-preview-title>span:last-child{color:var(--text);font-weight:600}.tool-landing .landing-preview-body ul{margin:0}.tool-landing .landing-preview figcaption{padding-block:8px}.tool-landing .landing-image-panel{box-shadow:none;border-radius:10px}.tool-landing .landing-image-comparison{margin-bottom:16px}.tool-landing .landing-section{margin:144px auto 0;padding:0}.tool-landing .landing-benefits{margin-top:112px}.tool-landing h2{text-wrap:pretty;text-align:center;margin:0 0 24px;font-size:32px;line-height:1.3}.tool-landing h3{letter-spacing:-.02em;margin:0 0 10px;font-size:18px;line-height:1.5}.tool-landing h4{margin:16px 0 8px}.tool-landing p{font-size:16px;line-height:1.7}.tool-landing .landing-benefits>.eyebrow{color:var(--muted);text-align:center;text-transform:uppercase;margin:0 0 14px;font-size:12px}.tool-landing .landing-benefits:has(.landing-subtitle) h2{margin-bottom:12px}.tool-landing .landing-subtitle{text-align:center;color:var(--muted);margin:0 0 40px}.tool-landing .landing-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.tool-landing .landing-benefit-card{overflow-wrap:anywhere;min-width:0;padding:28px}.tool-landing .landing-benefit-icon{border:1px solid color-mix(in srgb, var(--orange) 16%, var(--border));background:var(--orange-extra);width:44px;height:44px;color:var(--orange);border-radius:10px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.tool-landing .landing-benefit-card p{color:var(--muted);margin:0}.tool-landing .landing-intro{grid-template-columns:1fr 1fr;gap:36px 64px;padding:52px 48px;display:grid}.tool-landing .landing-intro-copy{max-width:800px}.tool-landing .landing-intro-copy p{margin:0 0 24px}.tool-landing .landing-intro-copy .tool-actions{justify-content:flex-start}.tool-landing .landing-how{border-inline-start:1px solid var(--border);min-width:0;padding-inline-start:32px}.tool-landing .landing-how h3{margin-bottom:20px}.tool-landing .landing-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.tool-landing .landing-steps li{align-items:flex-start;gap:16px;min-width:0;display:flex}.tool-landing .landing-step-number{border:1px solid var(--border);background:var(--section);font-variant-numeric:tabular-nums;height:32px;color:var(--text);border-radius:10px;flex:0 0 32px;place-items:center;font-size:12px;font-weight:600;display:grid}.tool-landing .landing-steps p{margin:0;padding-top:2px}.tool-landing .landing-status{color:var(--muted);font-size:14px}.tool-landing .landing-technical-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tool-landing .landing-technical-grid article{overflow-wrap:anywhere;min-width:0;padding:28px}.tool-landing .landing-technical-grid p{color:var(--muted);margin:0}.tool-landing .landing-technical-grid .text-link{color:var(--text);margin-top:16px;font-size:14px}.tool-landing .landing-format-badges{flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;font-weight:600;list-style:none;display:flex}.tool-landing .landing-format-badges li{border:1px solid var(--border);background:var(--section);letter-spacing:.03em;border-radius:10px;padding:4px 10px;font-size:12px}.tool-landing .landing-limits{border-top:1px solid var(--border);color:var(--muted);margin:24px 0 0;padding-top:18px;font-size:14px}.tool-landing .landing-guide-link{color:var(--text);align-items:center;gap:12px;margin-top:14px;font-size:14px;display:inline-flex}.tool-landing .landing-guide-link:hover{text-decoration:underline}.tool-landing .landing-faq{background:var(--section);border:1px solid var(--border);border-radius:10px;padding:48px 36px}.tool-landing .landing-faq>*{max-width:900px;margin-inline:auto}.tool-landing .faq{background:var(--surface);border:1px solid var(--landing-card-border);border-radius:10px;margin-top:10px;padding:18px 20px}.tool-landing .faq[open]{box-shadow:var(--landing-card-shadow)}.tool-landing .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:600;line-height:1.6;list-style:none;display:flex}.tool-landing .faq summary::-webkit-details-marker{display:none}.tool-landing .faq summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);flex:0 0 8px;height:8px;margin:-4px 3px 0 0;transform:rotate(45deg)}.tool-landing .faq[open] summary:after{margin-top:4px;transform:rotate(225deg)}.tool-landing .faq p{margin:12px 0 0;font-size:16px;line-height:1.7}.tool-landing .related-section{margin-top:144px}.tool-landing .related-section .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-landing .landing-related-card{border-radius:10px;align-items:flex-start;gap:14px;padding:20px;transition:border-color .18s,box-shadow .18s;display:flex}.tool-landing .landing-related-card>span{overflow-wrap:anywhere;min-width:0}.tool-landing .landing-related-card>svg{color:var(--orange);flex-shrink:0;margin-top:3px}.tool-landing .landing-related-card>svg:last-child{margin-left:auto}.tool-landing .landing-related-card h3{margin-bottom:4px;font-size:17px}.tool-landing .landing-related-card p{color:var(--muted);margin:0;font-size:14px}.tool-landing .landing-related-card:is(:hover,:focus-visible){border-color:var(--orange);box-shadow:var(--shadow)}.tool-landing .tool-final-cta{text-align:center;border:1px solid var(--landing-card-border);background:var(--orange-extra);border-radius:10px;margin:128px 0 0;padding:32px 24px}.tool-landing .tool-final-cta h2{margin-bottom:12px}.tool-landing .tool-final-cta p{margin-bottom:0}@media (max-width:1000px){.tool-landing .landing-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-landing .landing-intro{gap:32px;padding:28px}.tool-landing .landing-technical-grid{gap:24px}.tool-landing .related-section .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.tool-landing .tool-page-heading h1{font-size:34px}.tool-landing .tool-page-heading>p:not(.eyebrow):not(.tool-entry-note){font-size:16px}.tool-landing .tool-page-heading{padding-bottom:12px}.tool-landing h2{margin-bottom:22px;font-size:26px}.tool-landing .landing-section{margin-top:80px}.tool-landing .landing-benefit-card{padding:16px}.tool-landing .landing-benefit-card h3{font-size:16px}.tool-landing .landing-benefit-card p{font-size:14px}.tool-landing .landing-preview{width:100%}.tool-landing .landing-preview-body{padding:12px}.tool-landing .landing-preview-body ul{flex-direction:row;gap:8px 12px}.tool-landing .landing-image-panel .product-landscape{height:100px}.tool-landing .landing-intro{grid-template-columns:1fr;gap:24px;padding:32px 24px}.tool-landing .landing-how{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--border);padding-top:24px}.tool-landing .landing-technical-grid article{padding:24px}.tool-landing .landing-technical-grid{grid-template-columns:1fr;gap:24px}.tool-landing .landing-faq{padding:24px 12px}.tool-landing .faq{padding:14px 16px}.tool-landing .related-section .tool-grid{grid-template-columns:1fr}.tool-landing .tool-final-cta{margin-top:80px;padding:28px 20px}}@media (max-width:360px){.tool-landing .landing-benefit-grid{grid-template-columns:1fr}}.tool-landing .landing-intro>h2{border-bottom:1px solid var(--border);grid-column:1/-1;margin-bottom:0;padding-bottom:28px}@media (prefers-reduced-motion:reduce){.tool-landing .landing-related-card{transition:none}}.tool-landing .landing-portrait{aspect-ratio:3/2;object-fit:cover;border-radius:10px;width:100%;height:auto;display:block}.tool-landing .landing-image-comparison:has(.landing-portrait){max-width:840px}.tool-landing .landing-image-caption{text-align:start;gap:4px;display:grid}.tool-landing .landing-image-size{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:650;line-height:1.3}.tool-landing .landing-preview-body li:has(.landing-compression-saving){flex-wrap:wrap;justify-content:center}.tool-landing .landing-compression-saving{border:1px solid var(--border-hover);background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums;border-radius:10px;padding:5px 10px}.tool-landing .related-section .tool-grid:has(>:only-child){grid-template-columns:minmax(0,380px);justify-content:center}@media (max-width:700px){.tool-landing .landing-benefit-grid{gap:16px}.tool-landing .landing-subtitle{margin-bottom:28px}.tool-landing .landing-intro>h2{margin-bottom:8px}}
