.tools-hero{padding:7rem var(--gutter) 1rem;text-align:center}.section.tool-section{padding:1.75rem var(--gutter);max-width:calc(56rem + 2 * var(--gutter));margin:0 auto;position:relative}.tool-section:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#51ad1d08 0%,#0000 50%),radial-gradient(at 80% 20%,#4ade8005 0%,#0000 40%),radial-gradient(at 50% 80%,#51ad1d05 0%,#0000 40%);position:absolute;inset:0}.tool-head,.tool-card,.checklist-grid{position:relative}#checklists.tool-section{max-width:calc(65rem + 2 * var(--gutter))}.tool-head{text-align:center;margin-bottom:1.5rem}.tool-title{letter-spacing:-.02em;background:var(--grad-heading-muted);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.6rem 0 .55rem;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700}:root[data-theme=light] .tool-title{background:var(--grad-heading-light);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.tool-sub{color:var(--text-muted);max-width:32.5rem;margin:0 auto;font-size:1.125rem;line-height:1.6}.tool-card{border-radius:24px;padding:2rem;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--gradient-border);height:1px;position:absolute;top:0;left:0;right:0}.tool-input-row{margin-bottom:1.5rem}.tool-input-row>label,.tool-field>label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.tool-money-input{background:var(--bg-input);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .9rem;display:inline-flex}.tool-money-input span,.tool-money-input em{color:var(--text-dim);font-size:.875rem;font-style:normal}.tool-money-input input{color:var(--text);background:0 0;border:none;outline:none;width:7.5rem;font-size:1.25rem;font-weight:700}.tool-range{width:100%;accent-color:var(--accent-warm);margin-top:1rem}.tool-fields-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.tool-field input{background:var(--bg-input);border:1px solid var(--border-light);width:100%;color:var(--text);border-radius:10px;outline:none;padding:.65rem .8rem;font-size:1rem;font-weight:600}.tool-field input:focus,.tool-money-input:focus-within,.tool-url-form input:focus,.tool-capture input:focus{border-color:var(--accent-warm)}.tool-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.tool-stat{background:var(--bg-input);border:1px solid var(--border);text-align:center;border-radius:16px;padding:1rem}.tool-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.4rem;font-size:.75rem;display:block}.tool-stat strong{color:var(--text);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.tool-stat.accent{border-color:color-mix(in srgb, var(--accent-warm) 40%, transparent);background:var(--accent-warm-dim)}.tool-stat.accent strong{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tool-stat.accent .tool-stat-unit{-webkit-text-fill-color:var(--text-dim)}.tool-stat-unit{color:var(--text-dim);margin-left:.15rem;font-size:.875rem;font-weight:600}.tool-note{color:var(--text-dim);margin:0 0 1.25rem;font-size:.875rem;line-height:1.6}.tool-capture,.tool-url-form{gap:.6rem;display:flex}.tool-url-form{margin-bottom:1rem}.tool-capture input,.tool-url-form input{background:var(--bg-input);border:1px solid var(--border-light);min-width:0;color:var(--text);border-radius:10px;outline:none;flex:1;padding:.75rem .95rem;font-size:1rem}.tool-capture button,.tool-url-form button,.tool-primary{background:var(--text);color:var(--bg);cursor:pointer;white-space:nowrap;transition:background var(--tf), color var(--tf), transform var(--tf), box-shadow var(--tf);border:none;border-radius:10px;padding:.75rem 1.2rem;font-size:1rem;font-weight:600}.tool-capture button:hover,.tool-url-form button:hover,.tool-primary:hover{background:var(--accent-warm);color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #51ad1d40}.tool-capture button:disabled,.tool-url-form button:disabled,.tool-primary:disabled{opacity:.6;cursor:default;transform:none}.tool-ok{color:var(--accent-warm);margin:.25rem 0 0;font-size:1rem;font-weight:600}.tool-err{color:var(--red);margin-top:.5rem;font-size:.875rem}.tool-quote-link{color:var(--text-muted);cursor:pointer;transition:color var(--tf);background:0 0;border:none;margin-top:1rem;padding:0;font-size:.875rem;font-weight:600;display:inline-block}.tool-quote-link:hover{color:var(--accent-warm)}.speed-strategy{background:var(--bg-input);border:1px solid var(--border-light);border-radius:12px;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:inline-flex}.speed-strategy-btn{color:var(--text-muted);cursor:pointer;transition:background var(--tf), color var(--tf);background:0 0;border:none;border-radius:9px;padding:.4rem .95rem;font-size:.875rem;font-weight:600}.speed-strategy-btn.active{background:var(--text);color:var(--bg)}.speed-strategy-btn:not(.active):hover{color:var(--text)}.speed-strategy-btn:disabled{opacity:.6;cursor:default}.speed-device{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.speed-result{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem;margin:.5rem 0 1.5rem;display:flex}.speed-gauge{--ring:var(--accent-warm);background:conic-gradient(var(--ring) calc(var(--pct) * 1%), var(--border) 0);border-radius:50%;flex-shrink:0;place-items:center;width:7.5rem;height:7.5rem;display:grid}.speed-gauge.good{--ring:var(--green)}.speed-gauge.mid{--ring:var(--orange)}.speed-gauge.poor{--ring:var(--red)}.speed-gauge-inner{background:var(--bg-card);border-radius:50%;place-items:center;width:6rem;height:6rem;display:grid}.speed-num{color:var(--text);font-size:2.25rem;font-weight:800;line-height:1}.speed-max{color:var(--text-dim);font-size:.75rem}.speed-metrics{flex-direction:column;gap:.55rem;min-width:15rem;display:flex}.speed-metric{border-bottom:1px solid var(--border);justify-content:space-between;gap:1.5rem;padding-bottom:.4rem;font-size:.875rem;display:flex}.speed-metric span{color:var(--text-muted)}.speed-metric strong{color:var(--text);white-space:nowrap;font-weight:700}.quiz-progress{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.75rem;font-size:.8125rem}.quiz-q{color:var(--text);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.quiz-options{gap:.6rem;display:grid}.quiz-option{text-align:left;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);cursor:pointer;transition:border-color var(--tf), transform var(--tf), color var(--tf);border-radius:10px;padding:.9rem 1.1rem;font-size:1rem;font-weight:500}.quiz-option:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:translate(2px)}.quiz-result{text-align:center}.quiz-result-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-warm);font-size:.75rem}.quiz-result-pkg{color:var(--text);letter-spacing:-.02em;margin:.4rem 0 .2rem;font-size:1.75rem;font-weight:800}.quiz-result-price{color:var(--accent-warm);margin-bottom:.75rem;font-weight:600}.quiz-result-blurb{color:var(--text-muted);max-width:27.5rem;margin:0 auto 1.5rem;line-height:1.6}.quiz-result-actions{flex-direction:column;align-items:center;gap:.5rem;display:flex}.checklist-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start;gap:1.5rem;display:grid}.checklist-card{border-radius:24px;padding:1.5rem;position:relative;overflow:hidden}.checklist-card:before{content:"";background:var(--gradient-border);height:1px;position:absolute;top:0;left:0;right:0}.checklist-card h3{color:var(--text);margin-bottom:.4rem;font-size:1.125rem;font-weight:700}.checklist-desc{color:var(--text-muted);margin-bottom:1.1rem;font-size:1rem;line-height:1.6}.checklist-get{border:1px solid var(--border-light);color:var(--text);cursor:pointer;transition:border-color var(--tf), color var(--tf);background:0 0;border-radius:10px;padding:.55rem 1rem;font-size:.875rem;font-weight:600}.checklist-get:hover{border-color:var(--accent-warm);color:var(--accent-warm)}.checklist-items{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.checklist-items li{color:var(--text-muted);padding-left:1.4rem;font-size:1rem;line-height:1.6;position:relative}.checklist-items li:before{content:"✓";color:var(--accent-warm);font-weight:700;position:absolute;left:0}@media (width<=640px){.section.tool-section{padding:2.5rem var(--gutter)}.tool-fields-3,.tool-stats{grid-template-columns:1fr}.tool-capture,.tool-url-form{flex-direction:column}.tool-capture button,.tool-url-form button{width:100%}}
