:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--pay-50:#ecfdf5;--pay-100:#d1fae5;--pay-400:#34d399;--pay-500:#10b981;--pay-600:#059669;--pay-700:#047857;--time-50:#fffbeb;--time-100:#fef3c7;--time-400:#fbbf24;--time-500:#f59e0b;--time-600:#d97706;--time-700:#b45309;--edu-50:#eff6ff;--edu-100:#dbeafe;--edu-400:#60a5fa;--edu-500:#3b82f6;--edu-600:#2563eb;--edu-700:#1d4ed8;--bg:#f8fafc;--text:#0f172a;--text-secondary:#475569;--muted:#64748b;--panel:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--primary:var(--primary-600);--primary-dark:var(--primary-700);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);--shadow-xl:0 20px 50px -12px rgba(0,0,0,.15);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--ease:cubic-bezier(0.4,0,0.2,1);--duration:200ms;--duration-md:300ms}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{margin:0 auto;max-width:1120px;padding:0 24px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px}.brand{gap:10px;font-weight:800;font-size:18px;color:var(--text);text-decoration:none}.brand,.brand-icon{display:flex;align-items:center;flex-shrink:0}.brand-icon{justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff}.nav-links{display:flex}.nav-link,.nav-links{align-items:center;gap:4px}.nav-link{display:inline-flex;padding:8px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.nav-link:hover{color:var(--text);background:var(--gray-100)}.nav-dropdown{position:relative}.nav-dropdown-btn,.nav-dropdown>summary{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;list-style:none;border:none;background:none;transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid;transition:transform var(--duration) var(--ease)}.nav-dropdown[open]>summary:after{transform:rotate(180deg)}.nav-dropdown>summary:hover{color:var(--text);background:var(--gray-100)}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:8px;z-index:50;animation:dropdownIn .16s var(--ease)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-menu a{display:block;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.nav-dropdown-menu a:hover{background:var(--gray-50);color:var(--text)}.hero{padding:52px 0 28px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;letter-spacing:.01em;background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-100)}.eyebrow-pay{background:var(--pay-50);color:var(--pay-700);border-color:var(--pay-100)}.eyebrow-time{background:var(--time-50);color:var(--time-700);border-color:var(--time-100)}.eyebrow-edu{background:var(--edu-50);color:var(--edu-700);border-color:var(--edu-100)}h1{max-width:820px;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--text)}.lead,h1{margin:16px 0 0}.lead{max-width:700px;color:var(--text-secondary);font-size:18px;line-height:1.7}.homepage-hero{padding:72px 0 56px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 50%,rgba(99,102,241,.1),transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(168,85,247,.08),transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(59,130,246,.06),transparent 50%),linear-gradient(180deg,#fff 0,var(--gray-50) 100%)}.homepage-hero:before{inset:-50% -20%;background:radial-gradient(60% 40% at 30% 40%,rgba(99,102,241,.13),transparent),radial-gradient(50% 35% at 70% 60%,rgba(168,85,247,.1),transparent);animation:auroraMove 18s ease-in-out infinite alternate}.homepage-hero:after,.homepage-hero:before{content:"";position:absolute;pointer-events:none}.homepage-hero:after{inset:0;background-image:radial-gradient(circle,var(--gray-300) .7px,transparent .7px);background-size:28px 28px;opacity:.25}@keyframes auroraMove{0%{transform:translate(0) scale(1)}50%{transform:translate(-3%,2%) scale(1.03)}to{transform:translate(2%,-1%) scale(.98)}}.homepage-hero .shell{position:relative;z-index:1}.homepage-hero .eyebrow{margin:0 auto}.homepage-hero h1{margin:20px auto 0;max-width:740px;font-size:clamp(38px,6vw,62px);line-height:1.04;letter-spacing:-.03em}.text-gradient{background:linear-gradient(135deg,var(--primary-600) 0,#7c3aed 45%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage-hero .lead{max-width:600px;margin:20px auto 0;font-size:19px;line-height:1.7}.stats-bar{display:flex;justify-content:center;gap:40px;padding:32px 0 0;flex-wrap:wrap}.stat-item{gap:10px;color:var(--text-secondary);font-size:14px;font-weight:600}.stat-icon,.stat-item{display:flex;align-items:center}.stat-icon{justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary-600)}.section{padding:56px 0}.section-header{margin-bottom:32px}.section-header.center{text-align:center}.section-header.center .section-desc{margin-left:auto;margin-right:auto}.section-title{font-size:clamp(26px,3.5vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}.section-desc{color:var(--text-secondary);font-size:17px;line-height:1.65;margin:10px 0 0;max-width:560px}.category-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.category-label.pay{color:var(--pay-600)}.category-label.time{color:var(--time-600)}.category-label.edu{color:var(--edu-600)}.category-label-dot{width:8px;height:8px;border-radius:50%}.category-label.pay .category-label-dot{background:var(--pay-500)}.category-label.time .category-label-dot{background:var(--time-500)}.category-label.edu .category-label-dot{background:var(--edu-500)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.card-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.content-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);padding:22px;transition:border-color var(--duration-md) var(--ease),box-shadow var(--duration-md) var(--ease),transform var(--duration-md) var(--ease)}.content-card:is(a){display:flex;flex-direction:column;gap:10px;min-height:180px;text-decoration:none;overflow:hidden}.content-card:is(a):before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent,var(--primary-500));opacity:0;transition:opacity var(--duration-md) var(--ease)}.content-card:is(a):hover{border-color:color-mix(in srgb,var(--card-accent,var(--primary-500)) 30%,transparent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.content-card:is(a):hover:before{opacity:1}.content-card:is(a):after{margin-top:auto;padding-top:8px;color:var(--card-accent,var(--primary-600));content:"Open calculator →";font-size:13px;font-weight:700;opacity:.7;transition:opacity var(--duration) var(--ease)}.content-card:is(a):hover:after{opacity:1}.card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);flex-shrink:0}.card-icon svg{width:22px;height:22px}.card-icon-pay{background:var(--pay-50);color:var(--pay-600)}.card-icon-time{background:var(--time-50);color:var(--time-600)}.card-icon-edu{background:var(--edu-50);color:var(--edu-600)}.content-card h2,.content-card p{margin:0}.content-card h2{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.content-card li,.content-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}article.content-card{display:grid;grid-gap:8px;gap:8px}.popular-section{background:linear-gradient(180deg,var(--gray-50) 0,#fff 100%);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.popular-card h2{font-size:17px}.popular-card{min-height:200px}.calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;grid-gap:24px;gap:24px;padding:24px 0 56px}.content-card,.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-sm)}.panel{padding:24px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group,.fields{display:grid;grid-gap:16px;gap:16px}.field-group+.field-group{margin-top:28px;border-top:1px solid var(--border-light);padding-top:28px}.field-group h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}label{display:grid;grid-gap:6px;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.01em}input,select{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:11px 14px;background:var(--panel);color:var(--text);font-size:15px;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),background var(--duration) var(--ease);outline:none}input:hover,select:hover{border-color:var(--gray-300)}input:focus,select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.12)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}input[type=number]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-md);background:var(--primary);color:#fff;padding:12px 20px;font-weight:700;font-size:14px;letter-spacing:.01em;transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.button:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.button:active{transform:scale(.98)}.row-fields{display:grid;grid-gap:14px;gap:14px}.calc-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:end}.calc-row,.result{display:grid;grid-gap:12px;gap:12px}.result{position:-webkit-sticky;position:sticky;top:88px}.metric{border-radius:var(--radius-md);background:var(--gray-50);padding:16px 18px;border:1px solid var(--border-light);transition:transform var(--duration) var(--ease)}.metric:hover{transform:translateX(2px)}.result .metric:first-child{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:transparent}.result .metric:first-child span,.result .metric:first-child strong{color:#fff}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.metric strong{display:block;margin-top:4px;color:var(--text);font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:valueAppear .4s var(--ease)}@keyframes valueAppear{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.progress-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-light)}.progress-section-title{font-size:13px;font-weight:700;color:var(--text-secondary);margin:0 0 14px;text-transform:uppercase;letter-spacing:.04em}.progress-item{margin-bottom:14px}.progress-item:last-child{margin-bottom:0}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:6px}.progress-label-name{color:var(--text-secondary);font-weight:500}.progress-label-value{font-weight:700;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-bar{height:7px;border-radius:4px;background:var(--gray-100);overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--primary-500);transition:width .5s var(--ease);min-width:2px}.progress-fill.pay{background:linear-gradient(90deg,var(--pay-400),var(--pay-600))}.progress-fill.time{background:linear-gradient(90deg,var(--time-400),var(--time-600))}.progress-fill.edu{background:linear-gradient(90deg,var(--edu-400),var(--edu-600))}.paycheck-breakdown{border-top:1px solid var(--border-light);padding-top:14px;color:var(--text-secondary);font-size:13px;line-height:1.6}.paycheck-breakdown p{margin:5px 0;display:flex;justify-content:space-between}.fine-print{color:var(--muted);font-size:12px;line-height:1.55;margin:16px 0 0;padding:12px 14px;background:var(--gray-50);border-radius:var(--radius-sm);border-left:3px solid var(--gray-300)}.breadcrumbs{display:flex;align-items:center;gap:8px;padding:20px 0 0;font-size:14px}.breadcrumbs a{color:var(--muted);transition:color var(--duration) var(--ease)}.breadcrumbs a:hover{color:var(--primary)}.breadcrumb-sep{color:var(--gray-300);font-size:12px}.breadcrumbs [aria-current=page]{color:var(--text);font-weight:600}.faq{max-width:780px;padding:48px 0 80px}.faq>h2{font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.02em;margin:0 0 20px}.faq details{margin-top:8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden;transition:box-shadow var(--duration) var(--ease)}.faq details:hover,.faq details[open]{box-shadow:var(--shadow-sm)}.faq summary{cursor:pointer;font-weight:700;font-size:15px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;list-style:none;transition:color var(--duration) var(--ease)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:20px;font-weight:400;color:var(--muted);flex-shrink:0;margin-left:16px;transition:transform var(--duration) var(--ease)}.faq details[open] summary:after{content:"−"}.faq summary:hover{color:var(--primary)}.faq details p{padding:0 22px 18px;margin:0;color:var(--text-secondary);font-size:14px;line-height:1.7}details.content-card{padding:0}.related-section{border-top:1px solid var(--border-light);padding:40px 0 56px}.related-section h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 20px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.related-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);transition:border-color var(--duration-md) var(--ease),box-shadow var(--duration-md) var(--ease),transform var(--duration-md) var(--ease)}.related-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-card h3{margin:0;font-size:15px;font-weight:700;color:var(--primary-600)}.related-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding-bottom:56px}.content-grid .content-card{padding:22px}.footer{border-top:1px solid var(--border);background:var(--gray-50);padding:48px 0 32px;color:var(--text-secondary);font-size:14px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);grid-gap:40px;gap:40px;padding-bottom:32px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);margin-bottom:10px}.footer-brand-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff}.footer-desc{color:var(--muted);font-size:14px;line-height:1.6;max-width:300px;margin:0}.footer-col h3{margin:0 0 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.footer-col a{color:var(--muted);font-size:14px;transition:color var(--duration) var(--ease)}.footer-col a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s var(--ease) both}.animate-in-1{animation-delay:0ms}.animate-in-2{animation-delay:80ms}.animate-in-3{animation-delay:.16s}.animate-in-4{animation-delay:.24s}@media (max-width:1024px){.card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.calc-row,.calculator,.card-grid,.card-grid-4,.content-grid,.fields,.related-grid{grid-template-columns:1fr}.shell{padding:0 16px}.hero{padding:36px 0 20px}.homepage-hero{padding:48px 0 40px}.homepage-hero h1{font-size:clamp(30px,8vw,42px)}.homepage-hero .lead{font-size:17px}h1{font-size:clamp(28px,7vw,40px)}.lead{font-size:16px;line-height:1.65}.calculator{gap:16px;padding:16px 0 40px}.result{order:-1;position:static}.stats-bar{gap:20px}.stat-item{font-size:13px}.section{padding:40px 0}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;text-align:center}.nav-links{display:none}.faq details{border-radius:var(--radius-md)}.faq summary{padding:16px 18px;font-size:14px}.faq details p{padding:0 18px 16px}}@media (max-width:480px){.panel{padding:18px}.stats-bar{flex-direction:column;align-items:center;gap:12px}.content-card:is(a){min-height:auto}}