.site-header{height:var(--header-height);border-bottom:1px solid var(--df-graphite-700);background:var(--df-graphite-900);z-index:100;align-items:center;display:flex;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 32px;display:flex}.logo-link{align-items:center;gap:12px;display:inline-flex}.logo-icon{width:auto;height:44px}.logo-wordmark{color:var(--df-steel-100);letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.site-nav{gap:24px;display:flex}.site-nav a{color:var(--df-steel-300);font-size:.9rem;font-weight:500}.site-nav a:hover{color:var(--df-steel-100)}@media (width<=480px){.logo-wordmark{display:none}}.page-content{padding:var(--space-section) 0}.page-inner{max-width:var(--max-width);margin:0 auto;padding:0 32px}.breadcrumb{margin-bottom:var(--space-block);align-items:center;gap:8px;font-size:.84rem;display:flex}.breadcrumb a{color:var(--df-steel-400)}.breadcrumb a:hover{color:var(--df-ember-400)}.breadcrumb .sep{color:var(--df-steel-600)}.breadcrumb span:last-child{color:var(--df-steel-200)}.tool-hero{gap:var(--space-element);background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);border-top:3px solid var(--tool-accent);margin-bottom:var(--space-section);border-radius:14px;align-items:flex-start;padding:32px 28px;display:flex}@media (width<=600px){.tool-hero{text-align:center;flex-direction:column;align-items:center}}.hero-icon-wrap{flex-shrink:0;position:relative}.hero-icon{z-index:1;width:72px;height:72px;position:relative}.hero-glow{background:radial-gradient(circle, var(--tool-accent), transparent 70%);opacity:.1;border-radius:50%;position:absolute;inset:-12px}.hero-meta{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:3px 10px;font-size:.66rem;font-weight:600}.status-badge.planned{color:var(--df-ember-300);background:#e05c0014;border:1px solid #e05c0026}.status-badge.prototype{color:#4ade80;background:#22c55e14;border:1px solid #22c55e26}.cat-badge{background:var(--df-graphite-700);color:var(--df-steel-400);border-radius:4px;padding:2px 8px;font-size:.66rem}.hero-content h1{color:var(--df-steel-100);margin-bottom:4px;font-size:2rem;font-weight:700}.hero-tagline{color:var(--df-ember-400);opacity:.9;margin-bottom:12px;font-size:1rem;font-style:italic}.hero-desc{color:var(--df-steel-300);line-height:1.7}.prototype-section{margin-bottom:var(--space-section);padding:var(--space-block);background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);border-radius:14px}.proto-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.proto-header h2{color:var(--df-steel-100);border:none;margin:0;padding:0;font-size:1.3rem;font-weight:700}.proto-badge{text-transform:uppercase;letter-spacing:.06em;color:#4ade80;background:#22c55e14;border:1px solid #22c55e26;border-radius:20px;padding:3px 10px;font-size:.66rem;font-weight:600}.proto-desc{color:var(--df-steel-400);margin-bottom:var(--space-element);font-size:.88rem}.proto-app{gap:var(--space-element);display:grid}.step-indicator{justify-content:center;align-items:flex-start;gap:0;margin-bottom:28px;display:flex}.step{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.step-circle{border:2px solid var(--df-graphite-700);width:36px;height:36px;color:var(--df-steel-600);background:var(--df-graphite-900);border-radius:50%;justify-content:center;align-items:center;font-size:.84rem;font-weight:700;transition:all .25s;display:flex;position:relative}.step.active .step-circle{border-color:var(--df-ember-500);background:var(--df-ember-500);color:#fff;box-shadow:0 0 16px #e05c0040}.step.completed .step-circle{color:#4ade80;background:#22c55e1f;border-color:#4ade80}.step.completed .step-circle span{display:none}.step.completed .step-circle:after{content:"✓";font-size:.9rem;font-weight:700}.step-label{letter-spacing:.02em;color:var(--df-steel-600);white-space:nowrap;font-size:.72rem;font-weight:500;transition:color .25s}.step.active .step-label{color:var(--df-ember-300);font-weight:600}.step.completed .step-label{color:#4ade80}.step-line{background:var(--df-graphite-700);flex:1;min-width:24px;height:2px;margin-top:17px;transition:background .25s}.step-line.completed{background:#4ade80}@media (width<=420px){.step-label{font-size:.62rem}.step-circle{width:30px;height:30px;font-size:.76rem}.step-line{min-width:16px;margin-top:14px}}.drop-zone{border:2px dashed var(--df-steel-600);text-align:center;cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:48px 24px;transition:border-color .15s,background .15s,box-shadow .15s,padding .2s;display:flex}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--df-ember-400);background:#e05c0008}.drop-zone:focus-visible{border-color:var(--df-ember-400);box-shadow:0 0 0 3px #e05c0026}.drop-zone-content{color:var(--df-steel-400)}.dz-icon-full{color:var(--df-steel-500);margin:0 auto 14px;display:block}.dz-icon-compact{color:var(--df-steel-500);margin-right:8px;display:none}.dz-text-full{color:var(--df-steel-200);margin-bottom:4px;font-size:1rem}.dz-text-full strong{color:var(--df-steel-100)}.dz-text-compact{color:var(--df-steel-300);margin:0;font-size:.86rem;display:none}.browse-link{color:var(--df-ember-400);cursor:pointer;text-decoration:underline}.browse-link:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px;border-radius:2px}.drop-hint{color:var(--df-steel-600);margin-top:4px;font-size:.78rem;display:block}.drop-zone.compact{border-style:dashed;border-radius:10px;justify-content:flex-start;padding:14px 20px}.drop-zone.compact .drop-zone-content{align-items:center;gap:0;display:flex}.drop-zone.compact .dz-icon-full{display:none}.drop-zone.compact .dz-icon-compact{display:inline-block}.drop-zone.compact .dz-text-full{display:none}.drop-zone.compact .dz-text-compact{display:inline}.drop-zone.compact .drop-hint{display:none}.queue-panel{background:var(--df-graphite-900);border:1px solid var(--df-graphite-700);border-radius:10px;overflow:hidden}.queue-header{border-bottom:1px solid var(--df-graphite-700);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.queue-count{color:var(--df-steel-200);font-size:.82rem;font-weight:600}.queue-clear-btn{color:var(--df-steel-500);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.76rem;transition:color .15s}.queue-clear-btn:hover{color:#f87171}.queue-clear-btn:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.queue-items{max-height:280px;overflow-y:auto}.q-item{border-bottom:1px solid var(--df-graphite-700);cursor:grab;align-items:center;gap:10px;padding:8px 14px;transition:opacity .15s,background .15s;display:flex}.q-item:last-child{border-bottom:none}.q-item.dragging{opacity:.35}.q-item.drag-target{background:#e05c000a}.q-handle{color:var(--df-steel-600);cursor:grab;flex-shrink:0;padding:2px 4px}.q-thumb{background:var(--df-graphite-700);border-radius:5px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.q-thumb img{object-fit:cover;width:100%;height:100%}.q-info{flex:1;min-width:0}.q-name{color:var(--df-steel-200);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.q-meta{color:var(--df-steel-500);font-size:.72rem}.q-remove{color:var(--df-steel-600);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:6px;transition:color .15s;display:flex}.q-remove:hover{color:#f87171}.q-remove:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.configure-panel{background:var(--df-graphite-900);border:1px solid var(--df-graphite-700);border-radius:10px;gap:20px;padding:20px;display:grid}.presets-row{flex-wrap:wrap;gap:8px;display:flex}.preset-btn{background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);cursor:pointer;text-align:center;border-radius:8px;flex:1;min-width:100px;padding:12px 10px;transition:border-color .15s,background .15s,box-shadow .15s}.preset-btn:hover{border-color:var(--df-steel-600)}.preset-btn:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.preset-btn.active{border-color:var(--df-ember-500);background:#e05c000f;box-shadow:0 0 12px #e05c0014}.preset-name{color:var(--df-steel-200);margin-bottom:2px;font-size:.86rem;font-weight:600;display:block}.preset-btn.active .preset-name{color:var(--df-ember-300)}.preset-detail{color:var(--df-steel-500);font-family:SF Mono,Fira Code,monospace;font-size:.68rem;display:block}.control-group{gap:14px;display:grid}.control-row{align-items:center;gap:16px;display:flex}@media (width<=500px){.control-row{flex-direction:column;align-items:stretch;gap:8px}}.control-row label{min-width:110px;color:var(--df-steel-200);font-size:.86rem;font-weight:500}.control-input{flex:1;align-items:center;gap:12px;display:flex}.control-input input[type=range]{appearance:none;background:var(--df-graphite-700);border-radius:2px;outline:none;flex:1;height:4px}.control-input input[type=range]::-moz-range-track{background:var(--df-graphite-700);border:none;border-radius:2px;height:4px}.control-input input[type=range]:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:4px;border-radius:4px}.control-input input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--df-ember-500);cursor:pointer;border-radius:50%;width:16px;height:16px}.control-input input[type=range]::-moz-range-thumb{background:var(--df-ember-500);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.control-input input[type=range]:disabled::-webkit-slider-thumb{opacity:.4;cursor:not-allowed}.control-input input[type=range]:disabled::-moz-range-thumb{opacity:.4;cursor:not-allowed}.control-value{text-align:right;min-width:52px;color:var(--df-ember-300);font-family:SF Mono,Fira Code,monospace;font-size:.84rem}.advanced-section{border:1px solid var(--df-graphite-700);border-radius:8px;overflow:hidden}.advanced-section summary{color:var(--df-steel-300);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.84rem;font-weight:600;list-style:none;transition:color .15s;display:flex}.advanced-section summary:hover{color:var(--df-steel-100)}.advanced-section summary:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:-2px}.advanced-section summary:before{content:"▸";transition:transform .15s}.advanced-section[open] summary:before{transform:rotate(90deg)}.advanced-section summary::-webkit-details-marker{display:none}.advanced-options{border-top:1px solid var(--df-graphite-700);gap:10px;padding:12px 16px;display:grid}.adv-option{color:var(--df-steel-200);cursor:pointer;align-items:center;gap:10px;font-size:.84rem;display:flex}.adv-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--df-ember-500);cursor:pointer}.control-actions{align-items:center;gap:12px;display:flex}.optimize-btn{background:var(--df-ember-500);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:0;padding:12px 32px;font-size:.92rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.optimize-btn:hover:not(:disabled){background:var(--df-ember-600)}.optimize-btn:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.optimize-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.progress-panel{background:var(--df-graphite-900);border:1px solid var(--df-graphite-700);border-radius:10px;padding:20px}.progress-info{align-items:center;gap:12px;margin-bottom:14px;display:flex}.progress-spinner{border:2px solid var(--df-graphite-700);border-top-color:var(--df-ember-400);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite spin}.progress-label{color:var(--df-steel-200);font-size:.88rem;font-weight:600}.progress-hint{color:var(--df-steel-600);margin-left:auto;font-size:.74rem}.progress-bar{background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);border-radius:6px;height:28px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--df-ember-600), var(--df-ember-400));width:0%;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.progress-text{color:var(--df-steel-100);z-index:1;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex;position:absolute;inset:0}.summary-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px;display:grid}.summary-card{background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);text-align:center;border-radius:10px;padding:16px 12px}.summary-label{text-transform:uppercase;letter-spacing:.06em;color:var(--df-steel-500);margin-bottom:6px;font-size:.68rem;font-weight:600;display:block}.summary-value{color:var(--df-steel-100);font-family:SF Mono,Fira Code,monospace;font-size:1.2rem;font-weight:700;display:block}.summary-savings{border-color:#4ade8033}.summary-savings .summary-value{color:#4ade80}@media (width<=700px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=420px){.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-value{font-size:1rem}}.skipped-notice{color:#fb923c;background:#fb923c0f;border:1px solid #fb923c2e;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.82rem;display:flex}.skipped-notice[hidden]{display:none!important}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.results-header h3{color:var(--df-steel-100);margin:0;font-size:1rem}.results-actions{flex-wrap:wrap;gap:8px;display:flex}.zip-btn{background:var(--df-ember-500);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:background .15s}.zip-btn:hover{background:var(--df-ember-600)}.zip-btn:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.restart-btn{border:1px solid var(--df-graphite-700);color:var(--df-steel-400);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:border-color .15s,color .15s}.restart-btn:hover{border-color:var(--df-steel-500);color:var(--df-steel-200)}.restart-btn:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.results-list{gap:6px;max-height:480px;display:grid;overflow-y:auto}.result-item{background:var(--df-graphite-900);border:1px solid var(--df-graphite-700);border-radius:8px;align-items:center;gap:14px;padding:10px 14px;display:flex}.result-item.result-error{border-color:#f8717133}.result-thumb-btn{background:var(--df-graphite-700);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;width:48px;height:48px;padding:0;position:relative;overflow:hidden}.result-thumb-btn:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.result-thumb{object-fit:cover;width:100%;height:100%;transition:opacity .15s;display:block}.result-compare-badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;opacity:0;background:#000000b3;justify-content:center;align-items:center;font-size:.6rem;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.result-thumb-btn:hover .result-compare-badge,.result-thumb-btn:focus-visible .result-compare-badge{opacity:1}.result-thumb-btn:hover .result-thumb{opacity:.6}.result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result-name{color:var(--df-steel-200);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.result-dims{color:var(--df-steel-500);align-items:center;gap:6px;font-size:.72rem;display:flex}.dim-arrow{color:var(--df-steel-600)}.result-meta{color:var(--df-steel-400);font-size:.76rem}.error-text{color:#f87171}.savings{color:#4ade80;font-weight:600}.download-btn{background:var(--df-graphite-700);border:1px solid var(--df-steel-600);color:var(--df-steel-100);border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}.download-btn:hover{background:var(--df-graphite-800);border-color:var(--df-ember-400);color:var(--df-ember-300)}.download-btn:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.toast{background:var(--df-graphite-800);color:var(--df-steel-100);z-index:200;opacity:0;pointer-events:none;white-space:nowrap;border:1px solid #4ade80;border-radius:10px;padding:12px 24px;font-size:.88rem;font-weight:500;transition:transform .3s,opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 8px 32px #0006}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.comparison-dialog{background:var(--df-graphite-800);color:var(--df-steel-200);border:none;border-radius:14px;width:calc(100vw - 48px);max-width:900px;max-height:calc(100vh - 48px);padding:0;overflow:hidden;box-shadow:0 24px 80px #0009}.comparison-dialog::backdrop{background:#000000b3}.comp-dialog-inner{flex-direction:column;max-height:calc(100vh - 48px);display:flex}.comp-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 12px;display:flex}.comp-header h3{color:var(--df-steel-100);margin:0;font-size:1rem;font-weight:600}.comp-dims{color:var(--df-steel-500);margin-top:2px;font-size:.76rem}.comp-close{color:var(--df-steel-400);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:1.4rem;line-height:1;transition:color .15s}.comp-close:hover{color:var(--df-steel-100)}.comp-close:focus-visible{outline:2px solid var(--df-ember-400);outline-offset:2px}.comp-viewport{cursor:ew-resize;user-select:none;background:var(--df-graphite-900);border-radius:8px;margin:0 24px;position:relative;overflow:hidden}.comp-img{pointer-events:none;width:100%;height:auto;display:block}.comp-img-before{object-fit:cover;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;top:0;left:0}.comp-handle{top:0;bottom:0;left:var(--split);z-index:2;cursor:ew-resize;background:#fffc;outline:none;width:3px;position:absolute;transform:translate(-50%)}.comp-handle:focus-visible{background:var(--df-ember-400)}.comp-handle-bar{display:none}.comp-handle-knob{width:32px;height:32px;color:var(--df-graphite-800);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000059}.comp-tag{text-transform:uppercase;letter-spacing:.04em;color:#fff;pointer-events:none;z-index:3;background:#0009;border-radius:4px;padding:3px 10px;font-size:.66rem;font-weight:600;position:absolute;top:10px}.comp-tag-left{left:10px}.comp-tag-right{right:10px}.comp-stats{color:var(--df-steel-400);flex-wrap:wrap;gap:24px;padding:14px 24px 18px;font-size:.82rem;display:flex}.comp-stats strong{color:var(--df-steel-100)}@media (width<=600px){.comparison-dialog{border-radius:10px;width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.comp-viewport{margin:0 12px}.comp-header{padding:14px 12px 8px}.comp-stats{gap:12px;padding:10px 12px 14px}}.spec-section{margin-bottom:var(--space-section)}.spec-section h2{color:var(--df-steel-100);margin-bottom:var(--space-element);border-bottom:1px solid var(--df-graphite-700);padding-bottom:10px;font-size:1.1rem;font-weight:700}.spec-section p{color:var(--df-steel-300);margin-bottom:12px;line-height:1.7}.spec-section p:last-child{margin-bottom:0}.formats-grid{gap:var(--space-element);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.formats-grid{grid-template-columns:1fr}}.format-card{background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);border-radius:10px;padding:20px}.format-card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--df-steel-500);margin-bottom:12px;font-size:.72rem}.format-card ul{padding:0;list-style:none}.format-card li{color:var(--df-steel-200);border-bottom:1px solid var(--df-graphite-700);padding:6px 0;font-size:.9rem}.format-card li:last-child{border-bottom:none}.format-card code{background:var(--df-graphite-700);color:var(--df-ember-300);border-radius:3px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.84rem}.workflow-steps{padding:0;list-style:none}.workflow-steps li{margin-bottom:var(--space-tight);background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);border-radius:10px;align-items:flex-start;gap:16px;padding:20px;display:flex}.step-num{background:var(--df-ember-500);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.84rem;font-weight:700;display:flex}.workflow-steps strong{color:var(--df-steel-100);margin-bottom:4px;font-size:.95rem;display:block}.workflow-steps p{color:var(--df-steel-400);margin:0;font-size:.86rem;line-height:1.55}.privacy-list{padding:0;list-style:none}.privacy-list li{color:var(--df-steel-200);padding:6px 0 6px 20px;font-size:.9rem;line-height:1.5;position:relative}.privacy-list li:before{content:"✓";color:#4ade80;font-size:.82rem;font-weight:700;position:absolute;left:0}.caps-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=600px){.caps-grid{grid-template-columns:1fr}}.cap-item{background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);color:var(--df-steel-200);border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;display:flex}.cap-dot{background:var(--df-ember-500);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tags-section{margin-bottom:var(--space-block)}.tags-list{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--df-graphite-700);color:var(--df-steel-300);border-radius:4px;padding:4px 10px;font-size:.8rem}.related-section{margin-bottom:var(--space-block)}.related-section h2{color:var(--df-steel-100);margin-bottom:var(--space-element);font-size:1.2rem}.related-grid{gap:var(--space-tight);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.related-card{background:var(--df-graphite-800);border:1px solid var(--df-graphite-700);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.related-card:hover{border-color:var(--card-accent)}.related-icon{flex-shrink:0;width:36px;height:36px}.related-card h3{color:var(--df-steel-100);margin-bottom:2px;font-size:.9rem}.related-card p{color:var(--df-steel-400);font-size:.78rem}.site-footer{border-top:1px solid var(--df-graphite-700);padding:var(--space-block) 32px;background:var(--df-graphite-950)}.footer-inner{max-width:var(--max-width);align-items:center;gap:12px;margin:0 auto;display:flex}.footer-mark{opacity:.5}.footer-inner p{color:var(--df-steel-500);font-size:.82rem}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}