*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--c-bg:#f7f7f5;--c-bg-elevated:#ffffff;--c-bg-sunken:#eeeee9;--c-bg-accent:#1a1a1a;--c-text:#1a1a1a;--c-text-secondary:#5c5c5c;--c-text-tertiary:#8a8a8a;--c-text-inverse:#ffffff;--c-border:#d9d9d4;--c-border-subtle:#e8e8e3;--c-primary:#2d5f2d;--c-primary-hover:#3a7a3a;--c-primary-subtle:#e8f0e8;--c-accent:#c47b2b;--c-accent-subtle:#fdf3e7;--c-success:#2d7a4f;--c-success-subtle:#e5f5ed;--c-warning:#b8860b;--c-warning-subtle:#fef9e7;--c-danger:#b33a3a;--c-danger-subtle:#fce8e8;--c-info:#2b6cb0;--c-info-subtle:#e8f0fb;--font-display:'DM Serif Display',Georgia,serif;--font-body:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--text-xs:0.75rem;--text-sm:0.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:3.5rem;--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--s-24:6rem;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-lg:0 8px 24px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--shadow-xl:0 16px 48px rgba(0,0,0,0.1),0 4px 12px rgba(0,0,0,0.05);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--max-w:1120px;--nav-h:64px}[data-theme=dark]{--c-bg:#111110;--c-bg-elevated:#1a1a18;--c-bg-sunken:#0a0a09;--c-bg-accent:#f0f0ec;--c-text:#e8e8e3;--c-text-secondary:#a3a39c;--c-text-tertiary:#6e6e66;--c-text-inverse:#111110;--c-border:#2e2e2a;--c-border-subtle:#222220;--c-primary:#5cb85c;--c-primary-hover:#72cc72;--c-primary-subtle:#1a2e1a;--c-accent:#dda15e;--c-accent-subtle:#2a2010;--c-success:#5cb87a;--c-success-subtle:#0f261a;--c-warning:#dda15e;--c-warning-subtle:#2a2010;--c-danger:#e06060;--c-danger-subtle:#2a1010;--c-info:#5b9bd5;--c-info-subtle:#10192a;--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 2px 8px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-lg:0 8px 24px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.2);--shadow-xl:0 16px 48px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.3)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--c-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--c-primary-hover)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--s-6)}.section{padding:var(--s-20) 0}.section+.section{padding-top:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:var(--s-3) var(--s-4);background:var(--c-primary);color:var(--c-text-inverse);border-radius:0 0 var(--r-sm) var(--r-sm);font-weight:600}.skip-link:focus{left:var(--s-4)}.nav{position:sticky;top:0;z-index:1000;background:var(--c-bg-elevated);border-bottom:1px solid var(--c-border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:var(--nav-h)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--s-6)}.nav-brand{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-display);font-size:var(--text-xl);color:var(--c-text);text-decoration:none;font-weight:400;letter-spacing:-.01em}.nav-brand svg{width:28px;height:28px;color:var(--c-primary);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:var(--s-1);list-style:none}.nav-links a{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:500;color:var(--c-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--c-text);background:var(--c-bg-sunken)}.nav-actions{display:flex;align-items:center;gap:var(--s-3)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-bg);cursor:pointer;color:var(--c-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.theme-toggle:hover{color:var(--c-text);border-color:var(--c-text-tertiary)}.theme-toggle svg{width:18px;height:18px}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}:root:not([data-theme=dark]) .theme-toggle .icon-sun,body:not([data-theme=dark]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=dark]) .theme-toggle .icon-moon,body:not([data-theme=dark]) .theme-toggle .icon-moon{display:block}.nav-toggle{display:none;width:36px;height:36px;border:none;background:0 0;cursor:pointer;color:var(--c-text);padding:var(--s-2);border-radius:var(--r-sm)}.nav-toggle svg{width:20px;height:20px}@media (max-width:768px){.nav-toggle{display:flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;padding:var(--s-4) var(--s-6) var(--s-6);background:var(--c-bg-elevated);border-bottom:1px solid var(--c-border-subtle);box-shadow:var(--shadow-lg);gap:var(--s-1)}.nav-links.open{display:flex}.nav-links a{width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-md)}}.hero{padding:var(--s-16) 0 var(--s-12);text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-4) var(--s-1) var(--s-2);background:var(--c-primary-subtle);border:1px solid var(--c-primary);border-radius:var(--r-full);font-size:var(--text-sm);font-weight:500;color:var(--c-primary);margin-bottom:var(--s-6)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--c-primary);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-4xl);line-height:1.15;letter-spacing:-.02em;color:var(--c-text);max-width:680px;margin:0 auto var(--s-5)}.hero-subtitle{font-size:var(--text-lg);color:var(--c-text-secondary);max-width:520px;margin:0 auto;line-height:1.5}@media (max-width:768px){.hero{padding:var(--s-10) 0 var(--s-8)}.hero h1{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}}.calc{background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden}.calc-tabs{display:flex;border-bottom:1px solid var(--c-border-subtle);background:var(--c-bg-sunken);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.calc-tabs::-webkit-scrollbar{display:none}.calc-tab{flex:1;min-width:max-content;padding:var(--s-4) var(--s-5);font-size:var(--text-sm);font-weight:600;color:var(--c-text-tertiary);background:0 0;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.calc-tab:hover{color:var(--c-text-secondary);background:var(--c-bg)}.calc-tab.active{color:var(--c-primary);background:var(--c-bg-elevated);border-bottom-color:var(--c-primary)}.calc-panel{display:none}.calc-panel.active{display:block}.calc-body{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.calc-form{padding:var(--s-8)}.calc-output{padding:var(--s-8);background:var(--c-bg-sunken);border-left:1px solid var(--c-border-subtle);display:flex;flex-direction:column}@media (max-width:768px){.calc-body{grid-template-columns:1fr}.calc-output{border-left:none;border-top:1px solid var(--c-border-subtle)}.calc-form,.calc-output{padding:var(--s-6)}}.field{margin-bottom:var(--s-5)}.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-2);font-size:var(--text-sm);font-weight:600;color:var(--c-text)}.field-hint{font-weight:400;color:var(--c-text-tertiary);font-size:var(--text-xs)}.field-row{display:flex;gap:var(--s-2)}.input{width:100%;padding:var(--s-3) var(--s-4);font-size:var(--text-base);font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md);transition:all var(--duration-fast) var(--ease-out);appearance:none;-webkit-appearance:none}.input:focus{outline:0;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-subtle)}.input.error{border-color:var(--c-danger);box-shadow:0 0 0 3px var(--c-danger-subtle)}.input-unit{min-width:72px;width:72px;text-align:center;font-weight:600;font-size:var(--text-sm);cursor:pointer}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c5c5c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.field-error{display:none;margin-top:var(--s-1);font-size:var(--text-xs);color:var(--c-danger);font-weight:500}.field.has-error .field-error{display:block}.field.has-error .input{border-color:var(--c-danger)}.terrain-chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.terrain-chip{padding:var(--s-2) var(--s-4);border-radius:var(--r-full);border:1.5px solid var(--c-border);background:var(--c-bg);font-size:var(--text-sm);font-weight:500;cursor:pointer;color:var(--c-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.terrain-chip:hover{border-color:var(--c-text-tertiary);color:var(--c-text)}.terrain-chip.active{border-color:var(--c-primary);background:var(--c-primary-subtle);color:var(--c-primary)}.btn-primary{width:100%;padding:var(--s-4);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);color:var(--c-text-inverse);background:var(--c-primary);border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-primary:hover{background:var(--c-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:var(--s-3) var(--s-5);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-secondary:hover{border-color:var(--c-text-tertiary);background:var(--c-bg-sunken)}.btn-ghost{padding:var(--s-2) var(--s-3);font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);color:var(--c-primary);background:0 0;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.btn-ghost:hover{color:var(--c-primary-hover)}.results-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--c-text-tertiary);gap:var(--s-3);padding:var(--s-8)}.results-placeholder svg{width:48px;height:48px;opacity:.3}.results-placeholder p{font-size:var(--text-sm)}.results{display:none;flex-direction:column;gap:var(--s-5);flex:1}.results.visible{display:flex}.result-hero{text-align:center;padding:var(--s-6);background:var(--c-bg-elevated);border-radius:var(--r-lg);border:1px solid var(--c-border-subtle)}.result-hero-value{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--c-primary);line-height:1;letter-spacing:-.02em}.result-hero-label{font-size:var(--text-sm);color:var(--c-text-secondary);margin-top:var(--s-2);font-weight:500}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.result-card{padding:var(--s-4);background:var(--c-bg-elevated);border-radius:var(--r-md);border:1px solid var(--c-border-subtle);text-align:center}.result-card-value{font-size:var(--text-2xl);font-weight:700;color:var(--c-text);font-variant-numeric:tabular-nums}.result-card-label{font-size:var(--text-xs);color:var(--c-text-tertiary);margin-top:var(--s-1);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.comparison-mini{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--c-border-subtle)}.comparison-mini-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--s-4);padding:var(--s-3) var(--s-4);font-size:var(--text-sm);align-items:center}.comparison-mini-row+.comparison-mini-row{border-top:1px solid var(--c-border-subtle)}.comparison-mini-row.highlight{background:var(--c-primary-subtle);font-weight:600}.comparison-mini-row .label{color:var(--c-text)}.comparison-mini-row .value{font-weight:600;font-variant-numeric:tabular-nums}.tag{display:inline-flex;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600}.tag-green{background:var(--c-success-subtle);color:var(--c-success)}.tag-yellow{background:var(--c-warning-subtle);color:var(--c-warning)}.tag-red{background:var(--c-danger-subtle);color:var(--c-danger)}.recommendation{padding:var(--s-4);border-radius:var(--r-md);border-left:3px solid var(--c-primary);background:var(--c-primary-subtle);font-size:var(--text-sm);line-height:1.6}.recommendation strong{color:var(--c-text)}.results-actions{display:flex;gap:var(--s-3);margin-top:auto;padding-top:var(--s-4)}@media (max-width:480px){.results-grid{grid-template-columns:1fr 1fr 1fr;gap:var(--s-2)}.result-card{padding:var(--s-3)}.result-card-value{font-size:var(--text-lg)}.result-hero-value{font-size:var(--text-4xl)}}.optimal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.level-card{padding:var(--s-5);border-radius:var(--r-lg);border:1.5px solid var(--c-border);background:var(--c-bg-elevated);text-align:center;transition:all var(--duration-normal) var(--ease-out)}.level-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.level-card.beginner{border-color:var(--c-success)}.level-card.intermediate{border-color:var(--c-accent)}.level-card.advanced{border-color:var(--c-danger)}.level-card-icon{width:48px;height:48px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-3);font-size:var(--text-xl)}.beginner .level-card-icon{background:var(--c-success-subtle)}.intermediate .level-card-icon{background:var(--c-accent-subtle)}.advanced .level-card-icon{background:var(--c-danger-subtle)}.level-card-title{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--s-3);text-transform:uppercase;letter-spacing:.05em}.level-card-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--c-text);margin-bottom:var(--s-1)}.level-card-unit{font-size:var(--text-xs);color:var(--c-text-tertiary)}.level-card-desc{font-size:var(--text-sm);color:var(--c-text-secondary);margin-top:var(--s-3);line-height:1.5}.progression{display:flex;gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-5);background:var(--c-bg-sunken);border-radius:var(--r-lg)}.progression-step{flex:1;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-bg-elevated);border-radius:var(--r-md);border-left:3px solid var(--c-primary)}.progression-num{width:28px;height:28px;border-radius:50%;background:var(--c-primary);color:var(--c-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.progression-info{font-size:var(--text-sm)}.progression-info strong{display:block;font-size:var(--text-xs);color:var(--c-text-tertiary);margin-bottom:2px}@media (max-width:768px){.optimal-grid{grid-template-columns:1fr}.progression{flex-direction:column}}.progress-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--s-6);padding:var(--s-8)}.chart-wrapper{background:var(--c-bg-sunken);border-radius:var(--r-lg);padding:var(--s-5);min-height:280px}.progress-stats{display:flex;flex-direction:column;gap:var(--s-3)}.stat-mini{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);background:var(--c-bg-sunken);border-radius:var(--r-md)}.stat-mini-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);background:var(--c-primary-subtle)}.stat-mini-value{font-size:var(--text-xl);font-weight:700}.stat-mini-label{font-size:var(--text-xs);color:var(--c-text-tertiary)}.progress-empty{grid-column:1/-1;text-align:center;padding:var(--s-12);color:var(--c-text-tertiary)}.progress-empty p{font-size:var(--text-sm);margin-top:var(--s-3)}@media (max-width:768px){.progress-layout{grid-template-columns:1fr;padding:var(--s-6)}}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);margin-top:var(--s-10)}.step{text-align:center;padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);transition:all var(--duration-normal) var(--ease-out)}.step:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-num{width:40px;height:40px;border-radius:50%;background:var(--c-bg-sunken);color:var(--c-text-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;margin:0 auto var(--s-4)}.step h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--s-2)}.step p{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.6}@media (max-width:768px){.steps-row{grid-template-columns:1fr;gap:var(--s-4)}}.faq-list{max-width:720px;margin:var(--s-10) auto 0}.faq-item{border-bottom:1px solid var(--c-border-subtle)}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) 0;background:0 0;border:none;font-size:var(--text-base);font-weight:600;font-family:var(--font-body);color:var(--c-text);cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--ease-out)}.faq-trigger:hover{color:var(--c-primary)}.faq-trigger svg{width:18px;height:18px;flex-shrink:0;color:var(--c-text-tertiary);transition:transform var(--duration-normal) var(--ease-out)}.faq-item.open .faq-trigger svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding-bottom:var(--s-5);font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7}.section-header{text-align:center;margin-bottom:var(--s-4)}.section-header h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em}.section-header p{font-size:var(--text-base);color:var(--c-text-secondary);margin-top:var(--s-3);max-width:520px;margin-left:auto;margin-right:auto}@media (max-width:768px){.section-header h2{font-size:var(--text-2xl)}}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-top:var(--s-8)}.bento-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);transition:all var(--duration-normal) var(--ease-out);text-decoration:none;color:var(--c-text);min-height:160px}.bento-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--c-text)}.bento-card-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--c-bg-sunken);margin-bottom:var(--s-4)}.bento-card-icon svg{width:20px;height:20px;color:var(--c-primary)}.bento-card h3{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--s-1)}.bento-card p{font-size:var(--text-xs);color:var(--c-text-tertiary);line-height:1.5}.bento-card-arrow{margin-top:var(--s-4);font-size:var(--text-sm);font-weight:600;color:var(--c-primary);display:flex;align-items:center;gap:var(--s-1)}@media (max-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bento-grid{grid-template-columns:1fr}}.footer{background:var(--c-bg-elevated);border-top:1px solid var(--c-border-subtle);padding:var(--s-16) 0 var(--s-8);margin-top:var(--s-20)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--s-10);padding-bottom:var(--s-10);border-bottom:1px solid var(--c-border-subtle)}.footer-brand{font-family:var(--font-display);font-size:var(--text-xl);color:var(--c-text);margin-bottom:var(--s-3)}.footer-brand-desc{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.6}.footer-column h4,.footer-column-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-tertiary);margin-bottom:var(--s-4)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--s-2)}.footer-column a{font-size:var(--text-sm);color:var(--c-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer-column a:hover{color:var(--c-text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s-8);font-size:var(--text-xs);color:var(--c-text-tertiary)}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--s-8)}.footer-brand-wrap{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:var(--s-2);text-align:center}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.toast{position:fixed;top:calc(var(--nav-h) + var(--s-4));right:var(--s-4);min-width:280px;max-width:420px;z-index:9999;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);border-radius:var(--r-md);box-shadow:var(--shadow-xl);animation:toast-in var(--duration-normal) var(--ease-out)}@keyframes toast-in{from{opacity:0;transform:translateY(-8px) translateX(20px)}}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-msg{flex:1;font-size:var(--text-sm);color:var(--c-text);line-height:1.4}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:0 0;cursor:pointer;color:var(--c-text-tertiary);border-radius:var(--r-sm)}.toast-close:hover{background:var(--c-bg-sunken)}.toast.success{border-left:3px solid var(--c-success)}.toast.error{border-left:3px solid var(--c-danger)}.toast.warning{border-left:3px solid var(--c-warning)}.toast.info{border-left:3px solid var(--c-info)}.toast.out{animation:toast-out var(--duration-fast) var(--ease-out) forwards}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}@media (max-width:480px){.toast{left:var(--s-4);right:var(--s-4);min-width:0}}.article{max-width:720px;margin:0 auto;padding:var(--s-10) 0 var(--s-20)}.article-header{margin-bottom:var(--s-10)}.article-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;line-height:1.2}.article-meta{display:flex;gap:var(--s-4);margin-top:var(--s-4);font-size:var(--text-sm);color:var(--c-text-tertiary)}.breadcrumb{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--c-text-tertiary);padding:var(--s-4) 0}.breadcrumb a{color:var(--c-text-secondary)}.breadcrumb span{color:var(--c-text-tertiary)}.article-body h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;margin:var(--s-10) 0 var(--s-4);letter-spacing:-.01em}.article-body h3{font-size:var(--text-lg);font-weight:700;margin:var(--s-8) 0 var(--s-3)}.article-body p{color:var(--c-text-secondary);margin-bottom:var(--s-4);line-height:1.8}.article-body ol,.article-body ul{margin:var(--s-4) 0;padding-left:var(--s-6);color:var(--c-text-secondary)}.article-body li{margin-bottom:var(--s-2);line-height:1.7}.article-body strong{color:var(--c-text)}.key-takeaway{padding:var(--s-5);background:var(--c-primary-subtle);border-left:3px solid var(--c-primary);border-radius:var(--r-md);margin:var(--s-6) 0}.key-takeaway h4{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--s-2)}.key-takeaway li,.key-takeaway p{font-size:var(--text-sm);color:var(--c-text-secondary)}.article-table{width:100%;border-collapse:collapse;margin:var(--s-6) 0;font-size:var(--text-sm)}.article-table th{padding:var(--s-3) var(--s-4);text-align:left;font-weight:700;background:var(--c-bg-sunken);border-bottom:2px solid var(--c-border)}.article-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border-subtle)}.cta-box{padding:var(--s-8);border-radius:var(--r-xl);background:var(--c-bg-accent);color:var(--c-text-inverse);text-align:center}.cta-box h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--s-3)}.cta-box p{font-size:var(--text-base);opacity:.85;margin-bottom:var(--s-6)}.btn-cta{display:inline-flex;padding:var(--s-4) var(--s-8);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);color:var(--c-text);background:var(--c-bg-elevated);border:none;border-radius:var(--r-md);cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.btn-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--c-text)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-top:var(--s-8)}.related-card{padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);text-decoration:none;color:var(--c-text);transition:all var(--duration-normal) var(--ease-out)}.related-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--c-text)}.related-card-tag{font-size:var(--text-xs);font-weight:600;color:var(--c-primary);margin-bottom:var(--s-2);text-transform:uppercase;letter-spacing:.05em}.related-card h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--s-2)}.related-card p{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.5}@media (max-width:768px){.related-grid{grid-template-columns:1fr}}.breadcrumbs{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-4) 0;font-size:var(--text-sm);color:var(--c-text-tertiary)}.breadcrumbs a{color:var(--c-primary);font-weight:500}.breadcrumbs a:hover{color:var(--c-primary-hover)}.guide-article{max-width:820px;margin:0 auto;padding:var(--s-8) 0 var(--s-20)}.guide-article>h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--s-4)}.guide-article>.intro,.guide-article>p.intro{font-size:var(--text-lg);color:var(--c-text-secondary);line-height:1.6;margin-bottom:var(--s-10)}.guide-article h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;margin:var(--s-12) 0 var(--s-5);padding-bottom:var(--s-3);border-bottom:1px solid var(--c-border-subtle)}.guide-article h2:first-of-type{margin-top:0}.guide-article h3{font-size:var(--text-lg);font-weight:700;margin:var(--s-8) 0 var(--s-3)}.guide-article p{color:var(--c-text-secondary);margin-bottom:var(--s-4);line-height:1.8}.guide-article strong{color:var(--c-text)}.guide-article ol,.guide-article ul{margin:var(--s-4) 0 var(--s-6);padding-left:var(--s-6);color:var(--c-text-secondary)}.guide-article li{margin-bottom:var(--s-2);line-height:1.7}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-5);margin:var(--s-6) 0 var(--s-8)}.article-card{display:flex;flex-direction:column;padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);transition:all var(--duration-normal) var(--ease-out)}.article-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.article-card h2,.article-card h3{font-size:var(--text-base)!important;font-weight:700!important;margin:0 0 var(--s-2) 0!important;padding:0!important;border:none!important;font-family:var(--font-body)!important;color:var(--c-text)}.article-card p{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.6;margin-bottom:var(--s-4);flex:1}.article-card .btn-cta,.article-card a{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--text-sm);font-weight:600;color:var(--c-primary);background:0 0;padding:0;border:none;border-radius:0;text-decoration:none;margin-top:auto}.article-card .btn-cta:hover,.article-card a:hover{color:var(--c-primary-hover)}.article-card ul{list-style:none;padding:0;margin:0 0 var(--s-4)}.article-card li{font-size:var(--text-sm);color:var(--c-text-secondary);padding:var(--s-1) 0;line-height:1.5}.article-card li::before{content:'•';color:var(--c-primary);font-weight:700;margin-right:var(--s-2)}.guide-cta{padding:var(--s-8);border-radius:var(--r-xl);background:var(--c-bg-accent);color:var(--c-text-inverse);text-align:center;margin:var(--s-12) 0 0}.guide-cta h2{font-family:var(--font-display)!important;font-size:var(--text-2xl)!important;font-weight:400!important;color:var(--c-text-inverse)!important;margin:0 0 var(--s-3)!important;padding:0!important;border:none!important}.guide-cta p{color:rgba(255,255,255,.85);margin-bottom:var(--s-6)}.guide-cta .btn-cta,.guide-cta a.btn-cta{display:inline-flex;padding:var(--s-4) var(--s-8);font-size:var(--text-base);font-weight:600;color:var(--c-text);background:var(--c-bg-elevated);border-radius:var(--r-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.guide-cta .btn-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.article-header{margin-bottom:var(--s-8);padding-bottom:var(--s-6);border-bottom:2px solid var(--c-primary-subtle)}.article-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;line-height:1.2}.article-meta,.guide-article .article-header p{font-size:var(--text-sm);color:var(--c-text-tertiary);margin-top:var(--s-3)}.key-takeaway,.key-takeaways{padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-primary-subtle);border-left:4px solid var(--c-primary);margin:var(--s-8) 0}.key-takeaway h4,.key-takeaways h3{font-size:var(--text-base)!important;font-weight:700!important;margin:0 0 var(--s-3) 0!important;color:var(--c-primary)!important;border:none!important;padding:0!important}.key-takeaway ul,.key-takeaways ul{margin:0;padding-left:var(--s-5)}.key-takeaway li,.key-takeaways li{font-size:var(--text-sm);margin-bottom:var(--s-2)}.toc{padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-bg-sunken);margin:var(--s-6) 0}.toc h3,.toc h4{font-size:var(--text-sm)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--s-3) 0!important;color:var(--c-text-tertiary)!important;border:none!important;padding:0!important}.toc ol,.toc ul{margin:0;padding-left:var(--s-5)}.toc li{margin-bottom:var(--s-2)}.toc a{font-size:var(--text-sm);font-weight:500}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--s-6) 0}.table-responsive .guide-table{margin:0}.guide-table,.training-plan-table{width:100%;border-collapse:collapse;margin:var(--s-6) 0;font-size:var(--text-sm);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--c-border-subtle)}@media (max-width:480px){.guide-table:not(.table-responsive .guide-table),.training-plan-table:not(.table-responsive .training-plan-table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.guide-table thead,.training-plan-table thead{background:var(--c-bg-sunken)}.guide-table th,.training-plan-table th{padding:var(--s-3) var(--s-4);text-align:left;font-weight:700;color:var(--c-text);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.guide-table td,.training-plan-table td{padding:var(--s-3) var(--s-4);border-top:1px solid var(--c-border-subtle);color:var(--c-text-secondary)}.guide-table tbody tr:hover,.training-plan-table tbody tr:hover{background:var(--c-bg-sunken)}.product-review{padding:var(--s-8) 0;border-bottom:1px solid var(--c-border-subtle)}.product-review:last-of-type{border-bottom:none}.product-specs{padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-bg-sunken);margin:var(--s-5) 0}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin:var(--s-5) 0}.cons-box,.pros-box{padding:var(--s-5);border-radius:var(--r-lg)}.pros-box{background:var(--c-success-subtle);border-left:4px solid var(--c-success)}.cons-box{background:var(--c-danger-subtle);border-left:4px solid var(--c-danger)}.pros-box h4{color:var(--c-success)!important}.cons-box h4{color:var(--c-danger)!important}.cons-box ul,.pros-box ul{list-style:none;padding:0;margin:0}.cons-box li,.pros-box li{font-size:var(--text-sm);padding:var(--s-2) 0;border-bottom:1px solid rgba(0,0,0,.05)}.cons-box li:last-child,.pros-box li:last-child{border-bottom:none}@media (max-width:600px){.pros-cons-grid{grid-template-columns:1fr}}.best-for-box{display:flex;gap:var(--s-5);align-items:flex-start;padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-info-subtle);border-left:4px solid var(--c-info);margin:var(--s-5) 0}.best-for-icon{font-size:var(--text-2xl);flex-shrink:0}.best-for-content h4{margin-bottom:var(--s-2)!important}@media (max-width:600px){.best-for-box{flex-direction:column}}.product-cta-box{padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-accent-subtle);border:2px solid var(--c-accent);text-align:center;margin:var(--s-6) 0}.current-price{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--c-text);margin-bottom:var(--s-2)}.btn-affiliate{display:inline-flex;padding:var(--s-4) var(--s-8);background:var(--c-accent);color:#fff;border-radius:var(--r-md);font-weight:700;font-size:var(--text-base);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.btn-affiliate:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);opacity:.9;color:#fff}.affiliate-note{font-size:var(--text-xs);color:var(--c-text-tertiary);margin-top:var(--s-3)}.quick-picks-grid{margin:var(--s-8) 0}.quick-picks-grid h2{text-align:center;margin-bottom:var(--s-6)}.picks-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-5)}.pick-box{padding:var(--s-6);border-radius:var(--r-lg);text-align:center;background:var(--c-bg-elevated);border:2px solid var(--c-border);transition:all var(--duration-normal) var(--ease-out)}.pick-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.best-overall{border-color:var(--c-accent)}.best-value{border-color:var(--c-info)}.best-budget{border-color:var(--c-success)}.pick-badge{display:inline-block;padding:var(--s-1) var(--s-4);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:700;color:#fff;margin-bottom:var(--s-3)}.best-overall .pick-badge{background:var(--c-accent)}.best-value .pick-badge{background:var(--c-info)}.best-budget .pick-badge{background:var(--c-success)}.pick-box h3{font-size:var(--text-lg);margin-bottom:var(--s-2)}.pick-price{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--s-3)}.pick-desc{font-size:var(--text-sm);color:var(--c-text-secondary);margin-bottom:var(--s-4)}.btn-buy,.btn-pick{display:block;padding:var(--s-3) var(--s-5);border-radius:var(--r-md);font-weight:600;text-decoration:none;text-align:center;transition:all var(--duration-fast) var(--ease-out);margin-bottom:var(--s-2)}.btn-pick{background:var(--c-bg-sunken);color:var(--c-text)}.btn-pick:hover{background:var(--c-border);color:var(--c-text)}.btn-buy{background:var(--c-accent);color:#fff}.btn-buy:hover{opacity:.9;transform:translateY(-1px);color:#fff}.email-capture-box,.gear-deal-alerts .deal-alert-box,.newsletter-box,.training-plan-download .download-box,.weight-loss-lead-magnet .meal-plan-box{padding:var(--s-8);border-radius:var(--r-xl);background:var(--c-bg-accent);color:var(--c-text-inverse);text-align:center;margin:var(--s-10) 0}.deal-alert-box h2,.download-box h2,.email-capture-box h2,.meal-plan-box h2,.newsletter-box h2{color:var(--c-text-inverse)!important;border:none!important;font-family:var(--font-display)!important}.deal-alert-form,.lead-capture-form,.meal-plan-form,.newsletter-form,.training-download-form{display:flex;gap:var(--s-3);max-width:500px;margin:var(--s-5) auto}.deal-alert-form input,.lead-capture-form input,.meal-plan-form input,.newsletter-form input,.training-download-form input{flex:1;padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-md);font-size:var(--text-base);font-family:var(--font-body)}.btn-alert,.btn-download,.btn-meal-download,.btn-newsletter,.btn-training-download{padding:var(--s-3) var(--s-6);border:none;border-radius:var(--r-md);font-weight:700;cursor:pointer;white-space:nowrap;font-family:var(--font-body);font-size:var(--text-sm);background:var(--c-success);color:#fff;transition:all var(--duration-fast) var(--ease-out)}.btn-alert{background:#fff;color:var(--c-text)}@media (max-width:600px){.deal-alert-form,.lead-capture-form,.meal-plan-form,.newsletter-form,.training-download-form{flex-direction:column}}.progress-tracker,.week-tracker,.weight-loss-tracker{padding:var(--s-8);border-radius:var(--r-lg);background:var(--c-bg-sunken);margin:var(--s-10) 0}.milestone-tracker,.tracker-grid,.weeks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-5);margin:var(--s-6) 0}.milestone-column,.tracker-week,.week-card{padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-bg-elevated)}.milestone-item,.tracker-item,.workout-item{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) 0;cursor:pointer}.milestone-item input,.tracker-item input,.workout-item input{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:var(--c-primary)}input[type=checkbox]:checked+span{color:var(--c-success);text-decoration:line-through}.tracker-intro{color:var(--c-text-secondary);font-size:var(--text-sm);margin-bottom:var(--s-5)}.weight-goal-input{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-5);margin-bottom:var(--s-6);background:var(--c-bg-elevated);border-radius:var(--r-md);border:1px solid var(--c-border-subtle)}.weight-goal-input label{font-size:var(--text-sm);font-weight:600;color:var(--c-text);white-space:nowrap}.weight-goal-input input{width:110px;padding:var(--s-2) var(--s-3);font-size:var(--text-base);font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md)}.weight-goal-input input:focus{outline:0;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-subtle)}.btn-calculate-loss{padding:var(--s-3) var(--s-5);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);color:var(--c-text-inverse);background:var(--c-primary);border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn-calculate-loss:hover{background:var(--c-primary-hover);transform:translateY(-1px)}.weight-result{flex:1 0 100%}.weight-result:empty{display:none}@media (max-width:480px){.weight-goal-input{padding:var(--s-4)}.weight-goal-input input{flex:1 1 100px}.btn-calculate-loss{flex:1 0 100%}}.phase-selector{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin:var(--s-6) 0}.phase-btn{padding:var(--s-3) var(--s-5);border:1.5px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg);cursor:pointer;font-weight:600;font-family:var(--font-body);font-size:var(--text-sm);color:var(--c-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.phase-btn:hover{border-color:var(--c-primary);color:var(--c-text)}.phase-btn.active{background:var(--c-primary);color:var(--c-text-inverse);border-color:var(--c-primary)}.phase-content{display:none}.phase-content.active{display:block}.next-steps{margin:var(--s-12) 0}.steps-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-5)}.next-step-card{padding:var(--s-6);border-radius:var(--r-lg);text-align:center;background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);transition:all var(--duration-normal) var(--ease-out)}.next-step-card:hover{border-color:var(--c-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.next-step-card .step-number{width:48px;height:48px;border-radius:50%;background:var(--c-primary);color:var(--c-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto var(--s-4)}.next-step-card h3{font-size:var(--text-base);margin-bottom:var(--s-2)}.next-step-card p{font-size:var(--text-sm);color:var(--c-text-secondary);margin-bottom:var(--s-4)}.related-articles{margin-top:var(--s-12);padding-top:var(--s-8);border-top:1px solid var(--c-border-subtle)}.calculator-integration .calc-box{padding:var(--s-8);border-radius:var(--r-xl);background:var(--c-primary);color:#fff;text-align:center;margin:var(--s-10) 0}.calc-box h2{color:#fff!important;border:none!important}.calc-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-4);margin:var(--s-6) 0}.calc-feature{padding:var(--s-5);border-radius:var(--r-lg);background:rgba(255,255,255,.15);text-align:center}.calc-icon{font-size:var(--text-2xl);margin-bottom:var(--s-3)}.btn-calculator-lg{display:inline-flex;padding:var(--s-4) var(--s-8);background:#fff;color:var(--c-primary);border-radius:var(--r-md);font-weight:700;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.btn-calculator-lg:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--c-primary)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s-5)}.story-card{border-radius:var(--r-lg);overflow:hidden;background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);transition:all var(--duration-normal) var(--ease-out)}.story-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.story-header{background:var(--c-primary);color:#fff;padding:var(--s-5);text-align:center}.story-badge{display:inline-block;background:rgba(255,255,255,.2);padding:var(--s-1) var(--s-4);border-radius:var(--r-full);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--s-2)}.story-header h3{color:#fff}.story-content{padding:var(--s-5)}.story-quote{font-style:italic;line-height:1.7;margin-bottom:var(--s-4)}.story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--c-border-subtle);text-align:center}.stat-item strong{display:block;font-size:var(--text-xs);color:var(--c-primary);margin-bottom:2px}.calc-features,.checklist-preview,.deal-benefits,.meal-plan-preview,.pdf-features,.pdf-preview,.preview-grid{margin:var(--s-5) 0}.benefit-item,.calc-feature,.pdf-feature,.preview-item{padding:var(--s-3);text-align:center}.deal-icon,.download-icon,.lead-magnet-icon,.meal-icon{font-size:var(--text-4xl);margin-bottom:var(--s-4)}.plan-stats,.privacy-note,.recent-deal,.social-proof-banner,.success-cta,.tracker-cta,.tracker-motivation{margin-top:var(--s-5);font-size:var(--text-sm)}.price-note{font-size:var(--text-xs);color:var(--c-text-tertiary)}.price-history{color:var(--c-success);font-weight:600}.not-for{color:var(--c-danger)}.related-calculators{padding:var(--s-6);background:var(--c-bg-sunken);border-radius:var(--r-lg);margin:var(--s-8) 0}.related-calculators h2{font-size:var(--text-lg)!important;text-align:center;margin-bottom:var(--s-4)!important}.calc-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-3)}.calc-link{padding:var(--s-3) var(--s-4);background:var(--c-bg-elevated);border-radius:var(--r-md);font-weight:600;font-size:var(--text-sm);color:var(--c-primary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.calc-link:hover{background:var(--c-primary);color:#fff}.cta-section{margin-top:var(--s-6)}.resource-link{margin-bottom:var(--s-2);font-size:var(--text-sm)}.resource-link a,.text-link{color:var(--c-primary);font-weight:500;text-decoration:none}.resource-link a:hover,.text-link:hover{text-decoration:underline}.faq-section h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--s-6)}.progress-stats-display .stat-box,.stat-box{text-align:center;padding:var(--s-5);background:var(--c-bg-elevated);border-radius:var(--r-lg)}.stat-box .stat-number{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--c-primary);margin-bottom:var(--s-1)}.progress-stats-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-4)}.calculator-page{max-width:820px;margin:0 auto;padding:var(--s-8) 0 var(--s-20)}.calculator-page h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--s-4)}.calculator-page .intro,.calculator-page .intro-text,.calculator-page p.intro{font-size:var(--text-lg);color:var(--c-text-secondary);line-height:1.6;margin-bottom:var(--s-10)}.calculator-box{background:var(--c-bg-elevated);border:1px solid var(--c-border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--s-8);margin-bottom:var(--s-12)}.input-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-bottom:var(--s-5)}.input-group label{flex:1 0 100%;font-size:var(--text-sm);font-weight:600;color:var(--c-text)}.input-group input,.input-group select{flex:1 1 160px;min-width:0;padding:var(--s-3) var(--s-4);font-size:var(--text-base);font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md);transition:all var(--duration-fast) var(--ease-out);appearance:none;-webkit-appearance:none}.input-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c5c5c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.input-group input+select{flex:0 0 96px}.input-group input:focus,.input-group select:focus{outline:0;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-subtle)}.help-text{flex:1 0 100%;font-size:var(--text-xs);color:var(--c-text-tertiary)}.btn-calculate{width:100%;padding:var(--s-4);margin-top:var(--s-2);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);color:var(--c-text-inverse);background:var(--c-primary);border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-calculate:hover{background:var(--c-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-calculate:active{transform:translateY(0)}.result-box{margin-top:var(--s-6);padding:var(--s-6);background:var(--c-primary-subtle);border:1px solid var(--c-border-subtle);border-radius:var(--r-lg)}.result-box h2{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--s-3);color:var(--c-text)}.result-content{display:flex;flex-direction:column;gap:var(--s-2)}.result-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--c-primary);letter-spacing:-.01em;line-height:1.2}.result-rating{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.6}.result-rating.safety-warning{color:var(--c-danger);font-weight:600}.info-section{margin-top:var(--s-12)}.info-section h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;margin:var(--s-10) 0 var(--s-5);padding-bottom:var(--s-3);border-bottom:1px solid var(--c-border-subtle)}.info-section h2:first-child{margin-top:0}.info-section h3{font-size:var(--text-lg);font-weight:700;margin:var(--s-8) 0 var(--s-3)}.info-section p{color:var(--c-text-secondary);margin-bottom:var(--s-4);line-height:1.8}.info-section strong{color:var(--c-text)}.info-section ol,.info-section ul{margin:var(--s-4) 0 var(--s-6);padding-left:var(--s-6);color:var(--c-text-secondary)}.info-section li{margin-bottom:var(--s-2);line-height:1.7}@media (max-width:480px){.calculator-box{padding:var(--s-5)}.input-group input+select{flex:1 1 100%}.result-value{font-size:var(--text-2xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-secondary{color:var(--c-text-secondary)}.mt-2{margin-top:var(--s-2)}.mt-4{margin-top:var(--s-4)}.mt-8{margin-top:var(--s-8)}.mb-4{margin-bottom:var(--s-4)}.mb-8{margin-bottom:var(--s-8)}.gap-2{gap:var(--s-2)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}@media print{.footer,.nav,.nav-toggle,.results-actions,.theme-toggle,.toast{display:none}.calc{box-shadow:none;border:1px solid #ccc}body{background:#fff}}