.tool-wrap{width:min(100% - 2rem,56rem);margin:0 auto;scroll-margin-top:4.5rem}@media (width>=640px){.tool-wrap{width:min(100% - 2rem,56rem)}}.tool-shell{gap:1rem;display:grid}.size-panel{text-align:center;justify-items:center;gap:.75rem;padding:.25rem 0 .15rem;display:grid}.size-label{color:var(--text);font-size:.82rem;font-weight:600}.size-custom{color:var(--muted);justify-content:center;align-items:center;gap:.55rem;font-size:.82rem;display:flex}.size-input-wrap{border:1px solid var(--hairline);background:var(--input-bg);border-radius:.5rem;display:flex;overflow:hidden}.size-input-wrap:focus-within{border-color:var(--action);box-shadow:0 0 0 3px #0066ff2e}.size-input-wrap input{width:4.6rem;color:var(--text);background:0 0;border:0;outline:none;padding:.55rem .7rem;font-size:.95rem;font-weight:700}.size-unit{color:var(--action);background:#0066ff14;place-items:center;padding:0 .7rem;font-size:.72rem;font-weight:700;display:grid}.dim-fold{text-align:center;justify-items:center;gap:.55rem;padding:0 0 .1rem;display:grid}.dim-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.28rem;margin:0;padding:.2rem .15rem;font-size:.82rem;font-weight:600;display:inline-flex}.dim-toggle:hover,.dim-toggle[aria-expanded=true]{color:var(--text)}.dim-toggle.has-value{color:var(--action)}.dim-toggle:active{transform:scale(.97)}.dim-chevron{width:.95rem;height:.95rem;transition:transform .18s cubic-bezier(.23,1,.32,1)}.dim-toggle[aria-expanded=true] .dim-chevron{transform:rotate(180deg)}.dim-panel{justify-items:center;gap:.7rem;width:100%;display:grid}.dim-panel[hidden]{display:none}.dim-panel .size-input-wrap input{width:3.55rem;padding:.55rem .5rem}.dim-times{color:var(--muted);font-weight:700}.size-dim-note{max-width:28rem;color:var(--muted);margin:0;font-size:.75rem;line-height:1.45}.dim-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:0;padding:.15rem .2rem;font-size:.75rem;font-weight:600}.dim-clear:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.dim-chevron{transition:none}}.preset-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.preset{border:1px solid var(--hairline);min-height:2.25rem;color:var(--text);background:var(--chip-bg);cursor:pointer;border-radius:.5rem;padding:.4rem .72rem;font-size:.78rem;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .12s ease-out}.preset:hover{border-color:#0066ff80}.preset.active{color:#fff;background:var(--action);border-color:#0000}.preset:active{transform:scale(.97)}.local-status,.trust-row,.drop-help,.trust-note,.file-card span,.result-card span{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.local-status{text-align:center}.trust-row{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem 1.15rem;margin:0;padding:.1rem 0 0;font-size:.78rem;line-height:1.35;list-style:none;display:flex}.trust-row li{align-items:center;gap:.35rem;display:inline-flex}.trust-row svg{width:.95rem;height:.95rem;color:var(--action);flex-shrink:0}.dropzone{border:2px dashed var(--dash);background:var(--drop-bg);text-align:center;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;min-height:220px;padding:1.25rem 1rem;transition:border-color .2s,background .2s,transform .2s cubic-bezier(.23,1,.32,1),min-height .18s,padding .18s;display:flex;position:relative}@media (width>=1024px){.dropzone{min-height:280px;padding:4rem 2rem}}.dropzone.has-files{min-height:0;padding:.8rem 1rem}@media (width>=1024px){.dropzone.has-files{min-height:0;padding:.85rem 1.1rem}}.dropzone.has-files .drop-inner{flex-flow:wrap;justify-content:center;gap:.65rem 1rem}.dropzone.has-files .drop-icon{width:2.15rem;height:2.15rem}.dropzone.has-files .drop-copy{text-align:left}.dropzone:hover{border-color:#0066ff80}.dropzone.is-over,.dropzone:focus-visible{border-color:var(--action);background:#0066ff0d;outline:none;transform:scale(1.02)}.file-input{display:none}.drop-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=1024px){.drop-inner{gap:1.5rem}}.drop-icon{width:3rem;height:3rem;color:var(--action);background:#0066ff1a;border-radius:999px;place-items:center;display:grid}.drop-icon svg{width:1.5rem;height:1.5rem}.drop-copy{gap:.5rem;display:grid}.drop-title{color:var(--text);margin:0;font-size:1.05rem;font-weight:500}.select-button{color:#fff;background:linear-gradient(135deg,#06f,#5d9dfd);border-radius:.5rem;align-items:center;gap:.45rem;padding:.62rem 1.35rem;font-size:.88rem;font-weight:600;display:inline-flex}.select-button svg{width:1rem;height:1rem}.file-grid,.result-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:.1rem;list-style:none;display:flex;overflow-y:auto}.file-grid{max-height:23rem}.result-grid{max-height:34rem}.file-grid[hidden],.results[hidden]{display:none}.file-card,.result-card{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:.6rem;flex:0 0 16rem;width:16rem;min-width:0;padding:.45rem}.thumb-wrap{aspect-ratio:1;background:var(--surface-soft);cursor:zoom-in;border-radius:.45rem;width:100%;position:relative;overflow:hidden}.thumb-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.thumb-wrap.is-file{cursor:default;background:linear-gradient(135deg, color-mix(in srgb, var(--action) 8%, var(--surface-soft)), var(--surface-soft));place-items:center;display:grid}.no-preview-mark{color:var(--muted);font-size:.78rem;font-weight:700}.no-preview-mark[hidden]{display:none}.no-preview-note{color:var(--muted);margin:.4rem 0 0;font-size:.74rem;line-height:1.4}.no-preview-note[hidden]{display:none}.file-card strong,.result-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.4rem;font-size:.8rem;display:block;overflow:hidden}.file-card span,.result-card span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.result-card.is-warn{border-color:color-mix(in srgb, #db7706 45%, var(--hairline))}.result-card .result-note:empty{display:none}.result-card .result-note.is-warn{-webkit-line-clamp:6;color:#7b4414}.dark .result-card .result-note.is-warn{color:#f8c477}.result-card .shrink-further{color:#7b4414;border-color:color-mix(in srgb, #db7706 40%, var(--hairline));background:color-mix(in srgb, #db7706 12%, var(--chip-bg))}.dark .result-card .shrink-further{color:#f8c477}.remove-file{color:#fff;cursor:pointer;background:#d31212;border:0;border-radius:999px;width:1.45rem;height:1.45rem;font-size:.95rem;line-height:1;position:absolute;top:.35rem;right:.35rem}.secondary-button{border:1px solid var(--hairline);width:100%;color:var(--text);background:var(--chip-bg);cursor:pointer;border-radius:.35rem;margin-top:.28rem;padding:.28rem .3rem;font-size:.68rem;font-weight:600}.secondary-button.subtle{width:auto;color:var(--muted);margin-top:0}.result-actions .secondary-button{width:auto;margin-top:0}.input-errors{border:1px solid color-mix(in srgb, var(--error) 28%, transparent);color:var(--error);background:color-mix(in srgb, var(--error) 7%, transparent);border-radius:.5rem;padding:.7rem .85rem;font-size:.82rem;line-height:1.45}.input-errors a{color:inherit;font-weight:700;text-decoration:underline}.input-errors p+p,.input-errors p+ul{margin-top:.55rem}.overflow-modal{z-index:95;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overflow-modal[hidden]{display:none}.overflow-modal-backdrop{cursor:pointer;background:#14181e73;border:0;position:absolute;inset:0}.overflow-modal-card{z-index:1;aspect-ratio:1;border:1px solid var(--hairline,#d7dee8);text-align:center;background:#fff;border-radius:.85rem;align-content:center;width:min(20.5rem,100vw - 2rem);padding:1.7rem 1.15rem 1.2rem;display:grid;position:relative;box-shadow:0 16px 40px #0f172a29}.overflow-modal-x{color:#888;width:1.8rem;height:1.8rem;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.35rem;line-height:1;position:absolute;top:.4rem;right:.45rem}.overflow-modal-card h3{color:#e10600;margin:0 0 .55rem;font-size:1.15rem;font-weight:800;line-height:1.2}.overflow-modal-body{color:#e10600;justify-items:center;gap:.55rem;font-size:.84rem;line-height:1.45;display:grid}.overflow-modal-body p{max-width:17.5rem;margin:0}.overflow-modal-body a{color:#e10600;font-weight:800;text-decoration:underline}.overflow-handoff-list{justify-content:center;width:100%;margin:.35rem 0 0;padding:0;display:flex}.overflow-modal-card .primary-button{width:auto;min-width:0}.overflow-modal-card .primary-button:disabled{cursor:wait}.form-actions{text-align:center;justify-items:center;gap:.65rem;display:grid}.run-progress{gap:.55rem;width:min(100%,22rem);display:grid}.run-progress[hidden]{display:none}.run-progress-copy{justify-items:center;gap:.2rem;display:grid}.run-progress-pct{color:var(--action);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800;line-height:1}.run-status{color:var(--muted);margin:0;font-size:.82rem;font-weight:600;line-height:1.35}.run-progress-track{background:color-mix(in srgb, var(--action) 12%, var(--chip-bg));border-radius:999px;height:.55rem;overflow:hidden}.run-progress-fill{border-radius:inherit;background:linear-gradient(135deg,#06f,#5d9dfd);width:0;height:100%;transition:width .18s ease-out;position:relative;overflow:hidden}.run-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff61,#0000);animation:1.15s ease-in-out infinite run-sheen;position:absolute;inset:0}@keyframes run-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.file-card.is-working{border-color:color-mix(in srgb, var(--action) 55%, var(--hairline));box-shadow:0 0 0 3px color-mix(in srgb, var(--action) 14%, transparent)}.result-card .secondary-button{width:100%;margin-top:.4rem;padding:.42rem .5rem;font-size:.78rem}@media (prefers-reduced-motion:reduce){.run-progress-fill{transition:none}.run-progress-fill:after{animation:none}}.form-actions[hidden]{display:none}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f,#5d9dfd);border:0;border-radius:.5rem;justify-content:center;align-items:center;min-width:min(100%,16rem);min-height:2.7rem;padding:.7rem 1.35rem;font-size:.9rem;font-weight:700;transition:transform .12s ease-out,filter .16s;display:inline-flex}.primary-button:hover:not(:disabled){filter:brightness(.96)}.primary-button:active:not(:disabled){transform:scale(.97)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button[hidden]{display:none}.results{gap:.85rem;padding-top:.25rem;display:grid}.results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.results-heading h3{margin:0;font-size:1.05rem;font-weight:600}.result-actions{gap:.4rem;display:flex}.result-actions [hidden]{display:none}.card-savings{border:1px solid color-mix(in srgb, var(--action) 16%, transparent);background:color-mix(in srgb, var(--action) 6%, var(--chip-bg));border-radius:.7rem;align-items:center;gap:.65rem;margin-top:.45rem;padding:.55rem .55rem .55rem .45rem;display:flex}.result-card .savings-meter{flex:none;width:3.35rem;height:3.35rem;position:relative}.result-card .savings-meter svg{width:100%;height:100%;transform:rotate(-90deg)}.result-card .savings-ring,.result-card .savings-segment{fill:none;stroke-width:3px}.result-card .savings-ring{stroke:color-mix(in srgb, var(--action) 16%, var(--chip-bg))}.result-card .savings-segment{stroke:var(--action);stroke-linecap:round}.result-card .savings-meter b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;inset:0}.result-card .savings-copy{gap:.12rem;min-width:0;display:grid}.result-card .savings-title,.result-card .savings-sizes{-webkit-line-clamp:unset;margin:0;display:block}.result-card .savings-title{font-size:.78rem;font-weight:700;line-height:1.3}.result-card .savings-sizes{color:var(--muted);font-size:.72rem;font-weight:600;line-height:1.35}.share-block{text-align:center;justify-items:center;gap:.4rem;padding:1rem 0 .2rem;display:grid}.share-block[hidden]{display:none}.share-block h4{margin:0;font-size:1.12rem;font-weight:800}.share-block>p{max-width:28rem;color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.share-list{flex-wrap:wrap;justify-content:center;gap:.2rem 1.15rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.share-link{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.35rem 0;font-size:.92rem;font-weight:600;display:inline-flex}.share-link svg{flex:none;width:1.05rem;height:1rem}.share-link:hover,.share-link:focus-visible{text-decoration:underline}.dark .overflow-modal-card{background:#fff;border-color:#e5e7eb}.dark .share-link svg path[fill=\#161616]{fill:#f3f4f6}.dark .share-link svg path[stroke=\#334155]{stroke:#e2e8f0}@media (width<=720px){.form-actions .primary-button{width:100%}}.lightbox{z-index:80;place-items:center;padding:4.75rem 4.2rem 2rem;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-backdrop{cursor:zoom-out;background:#07090dd6;border:0;position:absolute;inset:0}.lightbox-chrome{z-index:2;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-meta{color:#fff;gap:.15rem;min-width:0;margin:0;display:grid}.lightbox-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.lightbox-meta span{color:#ffffffb3;font-size:.78rem}.lightbox-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.lightbox-action,.lightbox-close,.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:0}.lightbox-action{border-radius:.45rem;padding:.42rem .75rem;font-size:.8rem;font-weight:700}.lightbox-action:hover,.lightbox-close:hover,.lightbox-nav:hover{background:#fff3}.lightbox-action:active,.lightbox-close:active{transform:scale(.97)}.lightbox-close{border-radius:999px;width:2.2rem;height:2.2rem;font-size:1.4rem;line-height:1}.lightbox-nav{z-index:2;border-radius:999px;width:2.6rem;height:2.6rem;font-size:1.7rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:active{transform:translateY(-50%)scale(.97)}.lightbox-nav.prev{left:.75rem}.lightbox-nav.next{right:.75rem}.lightbox-nav[hidden],.lightbox-action[hidden]{display:none}.lightbox-image{z-index:1;-o-object-fit:contain;object-fit:contain;border-radius:.55rem;max-width:min(92vw,56rem);max-height:min(76vh,44rem);position:relative;box-shadow:0 18px 50px #00000059}@media (width<=640px){.lightbox{padding:4.6rem .75rem 1.25rem}.lightbox-nav{width:2.2rem;height:2.2rem}.lightbox-nav.prev{left:.35rem}.lightbox-nav.next{right:.35rem}}@media (prefers-reduced-motion:reduce){.lightbox-action:active,.lightbox-close:active{transform:none}.lightbox-nav:active{transform:translateY(-50%)}}:root{color-scheme:light;--canvas:#fff;--surface-strong:#fff;--surface-soft:#edf4fe8c;--surface-hover:#edf4fe;--input-bg:#fff;--results-bg:#edf4fe66;--text:#020817;--muted:#212225;--placeholder:#5c6470;--hairline:#e2e8f0;--hairline-strong:#c9d4e3;--action:#2563eb;--success:#188038;--error:#d31212;--drop-bg:linear-gradient(135deg, #fff, #edf4fe73);--dash:#1d222840;--chip-bg:#fff}.dark{color-scheme:dark;--canvas:#000;--surface-strong:#0a0a0a;--surface-soft:#1a1a1a;--surface-hover:#1f1f1f;--input-bg:#141414;--results-bg:#0f0f0f;--text:#fafafa;--muted:#a6a6a6;--placeholder:gray;--hairline:#262626;--hairline-strong:#383838;--action:#2563eb;--success:#30d158;--error:#ff6961;--drop-bg:transparent;--dash:#a6a6a640;--chip-bg:transparent}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{color:var(--text);background:var(--canvas);margin:0;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.skip-link{z-index:100;color:#fff;background:var(--action);border-radius:999px;padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}#header{background:color-mix(in srgb, var(--canvas) 78%, transparent);backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid #0000}#header.scroll{border-bottom-color:var(--hairline)}#header a,#header button{color:var(--text)}#header [data-header-actions] a,#header [data-header-actions] button{color:var(--muted)}.home-page,.tool-page{--page-max:56rem;--page-gutter:1rem;background:var(--canvas);overflow:hidden}@media (width>=640px){.home-page,.tool-page{--page-gutter:1.5rem}}.hero-section{padding:clamp(.85rem,1.6vw,1.25rem) 0 clamp(1.5rem,2.5vw,2.25rem)}.hero-copy{width:min(100% - (var(--page-gutter) * 2), var(--page-max));text-align:center;margin:0 auto 1.25rem}.hero-badge{color:var(--action);background:#0066ff14;border:1px solid #0066ff2e;border-radius:999px;margin:0 0 .85rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-copy h1{letter-spacing:-.025em;color:var(--text);margin:0 0 1.5rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.hero-copy h1 span{color:var(--action)}@media (width>=768px){.hero-copy h1{font-size:3rem;line-height:1}}.hero-intro{max-width:42rem;color:var(--muted);margin:0 auto;font-size:1.125rem;line-height:1.75rem}@media (width>=768px){.hero-intro{font-size:1.25rem;line-height:1.75rem}}.hub-note a,.final-section a{color:var(--action);font-weight:600}.size-intent-grid{grid-template-columns:1fr;gap:1rem;margin:0 0 1.5rem;display:grid}@media (width>=640px){.size-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.size-intent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.size-intent-grid article{border:1px solid var(--hairline);background:#fff;border-radius:.75rem;padding:1rem 1.1rem}.dark .size-intent-grid article{background:var(--surface-strong)}.size-intent-grid h3{margin:0 0 .45rem;font-size:1rem;font-weight:650}.size-intent-grid p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.size-intent-grid a,.related-sizes a,.prose-block a{color:var(--action);font-weight:600}.feature-visual{background:var(--surface-soft);border-radius:.75rem;width:100%;margin:1.5rem 0 0;overflow:hidden}.feature-visual img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.feature-visual figcaption{color:var(--muted);padding:.65rem .85rem .85rem;font-size:.82rem;line-height:1.45}.related-sizes{flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;margin:1rem 0 0;display:flex}.sibling-tool{border:1px solid var(--hairline);background:#fff;border-radius:.85rem;margin-top:1.25rem;padding:1.25rem 1.3rem 1.35rem}.dark .sibling-tool{background:var(--surface-strong)}.sibling-tool h2{letter-spacing:-.02em;margin:0 0 .65rem;font-size:1.25rem;font-weight:700}.sibling-tool h2 a{color:var(--action);text-decoration:none}.sibling-tool h2 a:hover{text-decoration:underline}.sibling-tool p{color:var(--muted);margin:0 0 .85rem;font-size:1rem;line-height:1.65}.sibling-tool .sibling-action{color:var(--action);font-weight:700;text-decoration:none}.sibling-tool .sibling-action:hover{text-decoration:underline}.page-crumbs{width:min(100% - (var(--page-gutter) * 2), var(--page-max));margin:.85rem auto 0}.section-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .8rem;font-size:.75rem;font-weight:600}.content-section{width:min(100% - (var(--page-gutter) * 2), var(--page-max));border-top:1px solid var(--hairline);margin:0 auto;padding:clamp(3rem,6vw,5rem) 0}.section-heading{max-width:46rem;margin-bottom:2rem}.section-heading h2,.final-section h2{letter-spacing:-.025em;color:var(--text);margin:0 0 1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.section-heading>p,.prose-block p,.final-section>p{color:var(--muted);font-size:1rem;line-height:1.625}.prose-block p+p{margin-top:1rem}.fact-list{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.85rem;margin:1.75rem 0 0;display:grid}.fact-list div{border:1px solid var(--hairline);background:#fff;border-radius:.75rem;padding:.85rem .95rem}.dark .fact-list div{background:var(--surface-strong)}.fact-list dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:600}.fact-list dd{margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem}.feature-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.feature-grid article,.use-grid article{border:1px solid var(--hairline);background:var(--surface-strong);box-shadow:none;text-align:center;border-radius:.75rem;padding:1.5rem 1.25rem 1.6rem}.step-grid article{border:1px solid var(--hairline);background:var(--surface-strong);box-shadow:none;text-align:left;border-radius:.75rem;padding:0 0 1.25rem;overflow:hidden}@media (hover:hover) and (pointer:fine){.feature-grid article:hover,.use-grid article:hover,.step-grid article:hover{box-shadow:0 10px 24px -16px #0066ff59}}.icon-bubble{width:3rem;height:3rem;color:var(--action);background:#0066ff1a;border-radius:.5rem;place-items:center;margin:0 auto 1rem;display:grid}.icon-bubble svg{width:1.35rem;height:1.35rem}.feature-grid h3,.use-grid h3,.step-grid h3{color:var(--text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.feature-grid p,.use-grid p,.step-grid p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.25rem}.use-grid p+p{margin-top:.35rem}.use-grid .caveat{color:var(--text)}.step-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1rem;display:grid}.step-visual{aspect-ratio:4/3;background:var(--surface-soft);margin:0 0 1rem;overflow:hidden}.step-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.step-copy{padding:0 1.1rem}.step-icon{color:#fff;background:var(--action);border-radius:999px;place-items:center;width:3rem;height:3rem;margin:0 auto .85rem;display:grid}.step-icon svg{width:1.35rem;height:1.35rem}.step-num{color:var(--action);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:600}.tip-list{color:var(--muted);margin:0;padding-left:1.15rem;font-size:1rem;line-height:1.625}.tip-list li+li{margin-top:.55rem}.faq-section{width:min(100% - (var(--page-gutter) * 2), 56rem)}.faq-list{border-top:1px solid var(--hairline)}.faq-list details{border-bottom:1px solid var(--hairline)}.faq-list summary{color:var(--text);cursor:pointer;justify-content:space-between;gap:1rem;padding:1.15rem 0;font-size:1rem;font-weight:600;line-height:1.5rem;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:1.1rem;height:1.1rem;color:var(--muted);flex:none}.faq-list details p{color:var(--muted);margin:-.2rem 0 1.25rem;font-size:.875rem;line-height:1.625}.final-section{width:min(100% - (var(--page-gutter) * 2), var(--page-max));border:1px solid var(--hairline);background:var(--surface-strong);text-align:center;border-radius:.75rem;margin:1.5rem auto 4rem;padding:clamp(2.5rem,5vw,4rem) 1.5rem}.final-section>a{color:#fff;background:linear-gradient(135deg,#06f,#5d9dfd);border-radius:.5rem;padding:.85rem 1.15rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.final-section .related-sizes a{color:var(--action);background:0 0;padding:0;font-size:.9rem;font-weight:650;display:inline}footer{border-color:var(--hairline)!important;background:var(--canvas)!important}@media (width<=800px){.step-grid,.feature-grid,.use-grid{grid-template-columns:1fr}}