:root{--color-brand:#f97316;--color-brand-hover:#ea580c;--color-brand-soft:#fff1e8;--color-bg:#faf7f2;--color-surface:#fff;--color-surface-soft:#f4eee7;--color-text:#171717;--color-text-muted:#6f6a64;--color-text-soft:#96908a;--color-border:#e5ded6;--color-border-strong:#d7cec4;--color-success:#2f855a;--color-success-soft:#eaf6ef;--color-warning:#b7791f;--color-warning-soft:#fff8e7;--color-danger:#c2413a;--color-danger-soft:#fdf0ef;--font-heading:"Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:4rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--shadow-sm:0 1px 2px #1717170a;--shadow-md:0 12px 30px #1717170f;--container:1180px;--container-narrow:820px;--transition-fast:.16s ease;--transition-base:.24s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.03em;margin:0;line-height:1.1}h1{font-size:clamp(2.7rem, 7vw, var(--text-5xl));font-weight:800}h2{font-size:clamp(2rem, 4vw, var(--text-4xl));font-weight:750}h3{font-size:var(--text-2xl);font-weight:700}p{margin-top:0}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--text-sm)}.text-center{text-align:center}.eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-brand);font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;font-weight:700;display:inline-flex}.container{width:min(calc(100% - 32px), var(--container));margin-inline:auto}.container--narrow{width:min(calc(100% - 32px), var(--container-narrow));margin-inline:auto}.section{padding-block:var(--space-20)}.section--compact{padding-block:var(--space-12)}.section-header{max-width:720px;margin-bottom:var(--space-10)}.section-header p{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-lg)}.site-header{z-index:100;backdrop-filter:blur(14px);background:#faf7f2eb;border-bottom:1px solid #e5ded6cc;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:72px;display:flex}.logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);letter-spacing:-.03em;font-size:1.25rem;font-weight:800;display:inline-flex}.logo-mark{background:var(--color-brand);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.nav-links{align-items:center;gap:var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;display:flex}.nav-links a{transition:color var(--transition-fast)}.nav-links a:hover{color:var(--color-text)}.hero{padding-block:clamp(5rem,10vw,9rem)}.hero-inner{max-width:900px}.hero h1{max-width:850px}.hero h1 strong{color:var(--color-brand);font-weight:inherit}.hero p{max-width:650px;margin-top:var(--space-6);color:var(--color-text-muted);font-size:clamp(1.1rem,2vw,1.3rem)}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-brand);color:#fff}.btn--primary:hover{background:var(--color-brand-hover)}.btn--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.btn--secondary:hover{border-color:var(--color-border-strong);background:#fff}.btn--large{min-height:56px;padding-inline:var(--space-8);font-size:var(--text-lg)}.btn--block{width:100%}.search-box{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);max-width:720px;box-shadow:var(--shadow-sm);padding:6px;display:flex}.search-box input{min-width:0;padding:0 var(--space-4);color:var(--color-text);font-size:var(--text-lg);background:0 0;border:0;outline:0;flex:1}.search-box input::placeholder{color:var(--color-text-soft)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.card--interactive{transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base)}.card--interactive:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-body{padding:var(--space-8)}.category-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.category-card{min-height:220px;padding:var(--space-8)}.category-icon{width:48px;height:48px;margin-bottom:var(--space-8);background:var(--color-brand-soft);color:var(--color-brand);border-radius:14px;place-items:center;display:grid}.category-card h3{margin-bottom:var(--space-3)}.category-card p{color:var(--color-text-muted);margin-bottom:0}.calculator{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);max-width:820px;box-shadow:var(--shadow-md);margin-inline:auto;overflow:hidden}.calculator-header{padding:var(--space-8) var(--space-8) var(--space-6);border-bottom:1px solid var(--color-border)}.calculator-header p{margin:var(--space-3) 0 0;color:var(--color-text-muted)}.calculator-body{padding:var(--space-8)}.calculator-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.calculator-actions{margin-top:var(--space-8)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);font-weight:700}.field-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.input,.select,.textarea{width:100%;min-height:50px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none}.textarea{min-height:120px;padding-block:var(--space-4);resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px #f973161f}.input-group{position:relative}.input-group .input{padding-right:64px}.input-unit{top:50%;right:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;font-weight:600;position:absolute;transform:translateY(-50%)}.input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group input[type=number]{-moz-appearance:textfield}.result{margin-top:var(--space-8);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-brand-soft)}.result-label{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.result-value{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.05em;font-size:clamp(2.7rem,8vw,4.8rem);font-weight:800;line-height:1}.result-meta{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.result-chip{border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);background:#ffffffb3;padding:8px 12px;font-weight:600}.share-link-btn{align-items:center;gap:var(--space-2);margin-top:var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ffffffb3;border:1px solid #f9731638;padding:8px 14px;font-weight:600;display:inline-flex}.share-link-btn:hover{border-color:var(--color-brand);color:var(--color-brand);background:#fff}.fox-summary{gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md);background:#ffffffb3;border:1px solid #f9731638;grid-template-columns:auto 1fr;display:grid}.fox-summary-icon{background:var(--color-brand);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.fox-summary-title{margin-bottom:var(--space-1);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:800}.fox-summary p{color:var(--color-text-muted);margin:0}.stats-grid{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.stat{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.stat-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.stat-value{margin-top:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:750}.tool-list{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.tool-link{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast), transform var(--transition-fast);font-weight:700;display:flex}.tool-link:hover{border-color:var(--color-brand);transform:translate(2px)}.tool-link-arrow{color:var(--color-brand)}.content{max-width:760px;margin-inline:auto}.content h2{margin-top:var(--space-16);margin-bottom:var(--space-5)}.content h3{margin-top:var(--space-10);margin-bottom:var(--space-4)}.content p,.content li{color:#48433e}.content a{color:var(--color-brand-hover);text-underline-offset:3px;font-weight:600;text-decoration:underline 1px}.content table{border-collapse:collapse;width:100%}.content th,.content td{padding:var(--space-4);border-bottom:1px solid var(--color-border);text-align:left}.content th{font-family:var(--font-heading);font-size:var(--text-sm)}.callout{padding:var(--space-6);border-left:4px solid var(--color-brand);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-brand-soft)}.callout p:last-child{margin-bottom:0}.badge{border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--text-xs);align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:inline-flex}.badge--brand{background:var(--color-brand-soft);color:var(--color-brand-hover)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.ad-slot{min-height:110px;margin-block:var(--space-10);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-soft);font-size:var(--text-xs);background:#fff6;place-items:center;display:grid}.site-footer{margin-top:var(--space-20);padding-block:var(--space-12);border-top:1px solid var(--color-border)}.footer-grid{gap:var(--space-10);grid-template-columns:2fr repeat(3,1fr);display:grid}.footer-title{margin-bottom:var(--space-4);font-family:var(--font-heading);font-weight:800}.footer-links{gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.footer-links a:hover{color:var(--color-text)}:focus-visible{outline-offset:3px;outline:3px solid #f9731659}@media (width<=900px){.category-grid,.calculator-grid,.tool-list,.stats-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){:root{--text-5xl:3rem;--text-4xl:2.2rem}.nav{min-height:64px}.nav-links{display:none}.hero{padding-block:var(--space-16)}.section{padding-block:var(--space-12)}.calculator-header,.calculator-body,.card-body,.category-card{padding:var(--space-6)}.calculator{border-radius:var(--radius-lg)}.search-box{gap:var(--space-2);flex-direction:column}.search-box input{min-height:48px}.search-box .btn{width:100%}.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.menu-toggle{display:none}@media (width<=700px){.menu-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:42px;height:42px;color:var(--color-text);cursor:pointer;place-items:center;display:grid}.nav-links{align-items:stretch;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-md);border-top:0;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.is-open{display:flex}.nav-links a{padding:var(--space-3)}}.header-actions{align-items:center;gap:var(--space-3);display:flex}.page{width:min(calc(100% - 32px), var(--container-narrow));margin-inline:auto;padding-block:clamp(2.5rem,6vw,4rem) 5rem}.consent-banner{z-index:100;align-items:center;gap:var(--space-4);max-width:60rem;padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);flex-wrap:wrap;margin-inline:auto;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem}.consent-banner[hidden]{display:none}.consent-banner-text{min-width:16rem;color:var(--color-text-muted);flex:1;font-size:.9rem}.consent-banner-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ad-slot-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.ad-slot-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.ad-slot-hint{font-size:var(--text-xs)}.trust-box{gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft);font-size:var(--text-sm);grid-template-columns:repeat(2,1fr);display:grid}.trust-box dt{color:var(--color-text-muted);font-weight:600}.trust-box dd{margin:2px 0 0;font-weight:700}@media (width<=700px){.trust-box{grid-template-columns:1fr}}#share-widget{z-index:500;position:fixed;top:50%;right:0;transform:translateY(-50%)}#share-btn{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:24px 0 0 24px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:20px;display:flex;box-shadow:-2px 2px 10px #1717172e}#share-btn:hover{background:var(--color-brand-hover)}#share-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;min-width:200px;padding:8px;display:none;position:absolute;top:50%;right:56px;transform:translateY(-50%)}#share-menu.open{display:flex}#share-menu a,#share-menu button{color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;text-decoration:none;display:flex}#share-menu a:hover,#share-menu button:hover{background:var(--color-brand-soft)}@media (width<=640px){#share-btn{border-radius:21px 0 0 21px;width:42px;height:42px;font-size:18px}#share-menu{min-width:180px;right:48px}}.notice{padding:var(--space-4);border-left:4px solid var(--color-warning);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-warning-soft)}.notice-success{border-left-color:var(--color-success);background:var(--color-success-soft)}.hp-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.btn.is-loading{cursor:wait;opacity:.75}#contact-success,#contact-error{margin-top:var(--space-4)}