:root{--ink: #111827;--ink2: #374151;--ink3: #6b7280;--paper: #ffffff;--surface: #f9fafb;--accent: #1e6b4a;--accent2: #2d9b6a;--accent-light: #f2fbf7;--accent-soft: #e8f5ef;--danger: #ef4444;--gold: #d97706;--gold-light: #fef3c7;--border: rgba(17,24,39,0.08);--border2: rgba(17,24,39,0.04);--shadow: 0 4px 30px rgba(17,24,39,0.02),0 1px 3px rgba(0,0,0,0.01);--shadow-md: 0 20px 40px rgba(17,24,39,0.04),0 1px 3px rgba(0,0,0,0.01);--r: 16px;--r-sm: 10px;--r-lg: 24px;--serif: 'DM Serif Display',Georgia,serif;--sans: 'DM Sans',system-ui,sans-serif;}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0;}html{scroll-behavior: smooth;}body{font-family: var(--sans);background-color: #fcfdfc;background-image: radial-gradient(at 0% 0%,rgba(6,95,70,0.04) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,0.04) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(209,250,229,0.12) 0px,transparent 50%);background-attachment: fixed;color: var(--ink);font-size: 15px;line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: hidden;}section{position: relative;z-index: 0;isolation: isolate;}@keyframes fadeInUp{from{opacity: 0;transform: translateY(15px);}to{opacity: 1;transform: none;}}.animate-fade-in{animation: fadeInUp 0.6s ease forwards;}.animation-delay-1{animation-delay: 0.15s;opacity: 0;}.animation-delay-2{animation-delay: 0.3s;opacity: 0;}.top-trust-bar{background: linear-gradient(90deg,#092616 0%,#0e3520 50%,#092616 100%);color: #d1fae5;font-size: 11px;font-weight: 500;padding: 8px 2.5rem;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.04);box-shadow: 0 1px 2px rgba(0,0,0,0.05);}.trust-bar-content{max-width: 1200px;margin: 0 auto;display: flex;justify-content: center;gap: 36px;flex-wrap: wrap;}.trust-bar-content span{display: inline-flex;align-items: center;gap: 6px;letter-spacing: 0.03em;opacity: 0.85;transition: opacity 0.25s ease;}.trust-bar-content span:hover{opacity: 1;}.trust-bar-content span svg{stroke: #10b981;filter: drop-shadow(0 0 2px rgba(16,185,129,0.3));}nav{position: sticky;top: 0;z-index: 100;background: rgba(255,255,255,0.75);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid rgba(17,24,39,0.04);box-shadow: 0 4px 30px rgba(17,24,39,0.01);padding: 18px 1.5rem;display: flex;align-items: center;justify-content: space-between;transition: all 0.4s cubic-bezier(0.16,1,0.3,1);}nav.scrolled{padding: 12px 1.5rem;background: rgba(255,255,255,0.85);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-shadow: 0 10px 30px rgba(17,24,39,0.02),0 1px 3px rgba(0,0,0,0.01);border-bottom: 1px solid rgba(5,150,105,0.06);}.logo{display: flex;align-items: center;gap: 10px;text-decoration: none;flex-shrink: 0;position: relative;}.logo-mark{width: 42px;height: 42px;background: linear-gradient(135deg,#1e6b4a 0%,#108553 100%);border-radius: 12px;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 15px rgba(30,107,74,0.12),0 2px 4px rgba(0,0,0,0.04),inset 0 1px 1px rgba(255,255,255,0.35);transition: transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s ease,background 0.4s ease;border: 1.5px solid rgba(255,255,255,0.2);}.logo:hover .logo-mark{transform: rotate(8deg) scale(1.08);background: linear-gradient(135deg,#2d9b6a 0%,#15aa71 100%);box-shadow: 0 8px 24px rgba(30,107,74,0.22),inset 0 1px 1px rgba(255,255,255,0.4);}.logo-mark svg{width: 22px;height: 22px;filter: drop-shadow(0 1.5px 2px rgba(0,0,0,0.2));}.logo-brand{display: flex;flex-direction: column;}.logo-text{font-family: var(--serif);font-size: 20px;color: #0f172a;letter-spacing: -0.02em;line-height: 1;font-weight: 700;transition: color 0.3s cubic-bezier(0.16,1,0.3,1);}.logo-text span{font-weight: 700;color: #0f172a;background: none;-webkit-text-fill-color: initial;-webkit-background-clip: initial;transition: color 0.3s ease;}.logo:hover .logo-text span{color: #0f172a;}.logo-tagline{font-family: var(--sans);font-size: 9.5px;color: #1e6b4a;text-transform: uppercase;letter-spacing: -0.01em;font-weight: 600;line-height: 1.1;margin-top: 3px;opacity: 1;transition: color 0.3s ease;}.logo:hover .logo-tagline{color: #2d9b6a;}.nav-links{display: flex;gap: 12px;align-items: center;}.nav-links > a,.nav-dropdown-btn{font-size: 14px;color: #4b5563;text-decoration: none;font-weight: 500;letter-spacing: -0.01em;padding: 8px 16px;border-radius: 20px;transition: all 0.25s cubic-bezier(0.16,1,0.3,1);white-space: nowrap;position: relative;cursor: pointer;display: inline-flex;align-items: center;background: transparent;border: none;font-family: inherit;}.nav-links > a:hover,.nav-dropdown:hover .nav-dropdown-btn{color: #047857;background: rgba(4,120,87,0.05);}.nav-links > a.active,.nav-dropdown.active .nav-dropdown-btn{color: #047857;background: rgba(4,120,87,0.08);font-weight: 600;}.nav-links > a::after,.nav-dropdown-btn::after{display: none !important;}.nav-dropdown{position: relative;}.nav-dropdown-btn svg{margin-left: 5px;transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);opacity: 0.7;}.nav-dropdown:hover .nav-dropdown-btn svg{transform: rotate(180deg);opacity: 1;}.mega-menu{position: absolute;top: 100%;left: 0;transform: translateY(12px) scale(0.97);opacity: 0;visibility: hidden;background: rgba(255,255,255,0.98);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border: 1px solid rgba(4,120,87,0.08);border-radius: 20px;box-shadow: 0 20px 48px rgba(17,24,39,0.08),0 1px 3px rgba(0,0,0,0.02);padding: 12px;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);pointer-events: none;z-index: 110;max-height: 600px;overflow-y: auto;scrollbar-width: thin;}.mega-menu::-webkit-scrollbar{width: 5px;}.mega-menu::-webkit-scrollbar-track{background: transparent;}.mega-menu::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.1);border-radius: 4px;}.nav-dropdown:hover .mega-menu,.nav-dropdown:focus-within .mega-menu{opacity: 1;visibility: visible;transform: translateY(6px) scale(1);pointer-events: auto;}.nav-links > .nav-dropdown .mega-menu{min-width: 250px;display: flex;flex-direction: column;gap: 1px;padding: 8px;}.mega-item{display: flex;align-items: center;gap: 10px;padding: 4px 10px;border-radius: 10px;text-decoration: none;color: #4b5563;transition: all 0.25s cubic-bezier(0.16,1,0.3,1);border: 1px solid transparent;}.mega-item:hover{background: linear-gradient(135deg,rgba(4,120,87,0.06) 0%,rgba(4,120,87,0.02) 100%);color: #047857;border-color: rgba(4,120,87,0.05);transform: translateY(-0.5px);}.mega-icon{width: 28px;height: 28px;border-radius: 6px;background: rgba(4,120,87,0.05);display: flex;align-items: center;justify-content: center;color: #047857;flex-shrink: 0;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);}.mega-item:hover .mega-icon{background: #047857;color: #ffffff;transform: scale(1.05);box-shadow: 0 3px 8px rgba(4,120,87,0.15);}.mega-text{display: flex;flex-direction: column;}.mega-title{font-size: 12.5px;font-weight: 600;line-height: 1.3;color: #1f2937;transition: color 0.2s;}.mega-item:hover .mega-title{color: #047857;}.nav-cta{background: linear-gradient(135deg,#1e6b4a 0%,#108553 100%);color: white;border: none;border-radius: 12px;padding: 10px 22px;font-size: 13.5px;font-weight: 600;letter-spacing: -0.01em;box-shadow: 0 4px 14px rgba(30,107,74,0.18),0 2px 4px rgba(0,0,0,0.04);transition: all 0.3s cubic-bezier(0.16,1,0.3,1);cursor: pointer;font-family: var(--sans);white-space: nowrap;flex-shrink: 0;}.nav-cta:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(30,107,74,0.28),0 4px 8px rgba(0,0,0,0.06);background: linear-gradient(135deg,#2d9b6a 0%,#15aa71 100%);}.nav-cta:active{transform: translateY(0);}@media (max-width: 1300px){nav{padding: 14px 1.25rem;}nav.scrolled{padding: 10px 1.25rem;}.nav-links{gap: 4px;}.nav-links > a,.nav-dropdown-btn{padding: 6px 10px;font-size: 13.5px;}.nav-cta{padding: 8px 16px;font-size: 13px;}}.hamburger{display: none;flex-direction: column;gap: 5px;cursor: pointer;padding: 8px;border: none;background: transparent;border-radius: 8px;transition: background 0.2s;z-index: 200;}.hamburger:hover{background: rgba(4,120,87,0.05);}.hamburger span{display: block;width: 20px;height: 2px;background: var(--ink);border-radius: 2px;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);transform-origin: center;}.hamburger.open span:nth-child(1){transform: translateY(7px) rotate(45deg);}.hamburger.open span:nth-child(2){opacity: 0;transform: scaleX(0);}.hamburger.open span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.mobile-drawer{display: none;position: fixed;top: 72px;left: 0;right: 0;background: rgba(255,255,255,0.98);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border-bottom: 1px solid rgba(4,120,87,0.08);box-shadow: 0 20px 48px rgba(17,24,39,0.1);z-index: 99;padding: 1.25rem 1.5rem 1.75rem;animation: slideDown 0.3s cubic-bezier(0.16,1,0.3,1);max-height: calc(100vh - 72px);overflow-y: auto;border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;}.mobile-drawer.open{display: block;}@keyframes slideDown{from{opacity: 0;transform: translateY(-10px);}to{opacity: 1;transform: translateY(0);}}.mobile-drawer > a,.mob-dropdown-header{display: flex;align-items: center;gap: 12px;font-size: 14.5px;color: var(--ink2);text-decoration: none;font-weight: 600;padding: 12px 6px;border-bottom: 1px solid rgba(0,0,0,0.03);transition: all 0.2s;cursor: pointer;justify-content: space-between;}.mobile-drawer > a:hover,.mob-dropdown-header:hover{color: #047857;}.mob-dropdown-header svg{transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);opacity: 0.7;}.mob-dropdown.open .mob-dropdown-header svg{transform: rotate(180deg);opacity: 1;color: #047857;}.mob-dropdown-content{display: none;padding: 4px 0 8px 12px;border-bottom: 1px solid rgba(0,0,0,0.03);}.mob-dropdown.open .mob-dropdown-content{display: block;}.mob-dropdown-content a{display: flex;align-items: center;gap: 10px;padding: 6px 8px;color: #4b5563;text-decoration: none;font-size: 13.5px;font-weight: 500;border-radius: 8px;transition: all 0.2s;margin-bottom: 2px;}.mob-dropdown-content a:hover{background: rgba(4,120,87,0.05);color: #047857;}.mobile-drawer a .mob-icon{width: 28px;height: 28px;background: rgba(4,120,87,0.05);border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 13px;flex-shrink: 0;color: #047857;transition: all 0.2s;}.mob-dropdown-content a:hover .mob-icon{background: #047857;color: #ffffff;}.mobile-drawer .mob-cta{width: 100%;height: 44px;background: linear-gradient(135deg,#1e6b4a 0%,#108553 100%);color: #fff;border: none;border-radius: 12px;font-size: 14.5px;font-weight: 600;font-family: var(--sans);cursor: pointer;margin-top: 16px;transition: all 0.25s ease;box-shadow: 0 4px 14px rgba(30,107,74,0.18),0 2px 4px rgba(0,0,0,0.04);}.mobile-drawer .mob-cta:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(30,107,74,0.28),0 4px 8px rgba(0,0,0,0.06);background: linear-gradient(135deg,#2d9b6a 0%,#15aa71 100%);}.hero{max-width: 100%;background: linear-gradient(180deg,var(--accent-light) 0%,var(--paper) 100%);padding: 4.5rem 2rem 3rem;display: flex;flex-direction: column;gap: 1.25rem;align-items: center;text-align: center;}.hero-left{padding-top: 0;max-width: 840px;display: flex;flex-direction: column;align-items: center;}.hero-badge{display: none !important;}.hero-badge::before{content: '';width: 6px;height: 6px;background: var(--accent);border-radius: 50%;animation: pulse 2s infinite;}@keyframes pulse{0%,100%{opacity: 1;transform: scale(1);}50%{opacity: 0.5;transform: scale(0.8);}}.hero h1{font-family: var(--serif);font-size: clamp(2.2rem,4.5vw,3rem);line-height: 1.15;color: var(--ink);letter-spacing: -0.02em;margin-bottom: 0.5rem;font-weight: 700;}.hero h1 em{font-style: italic;color: var(--accent);}.hero-desc{font-size: 16px;color: var(--ink2);line-height: 1.6;margin-bottom: 0;max-width: 760px;}.hero-trust-statement{font-size: 13.5px;color: var(--ink3);margin-bottom: 2rem;font-weight: 500;max-width: 600px;line-height: 1.5;text-align: center;}.salary-preview-module{display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;width: 100%;max-width: 800px;margin: -1.5rem auto 2rem;padding: 20px;background: rgba(255,255,255,0.65);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(4,120,87,0.08);border-radius: var(--r);box-shadow: 0 4px 20px rgba(17,24,39,0.02),inset 0 1px 0 rgba(255,255,255,0.6);text-align: center;}.preview-item{display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 8px;}.preview-label{font-size: 11px;font-weight: 600;text-transform: uppercase;color: var(--ink3);letter-spacing: 0.06em;}.preview-value{font-family: var(--sans);font-size: 20px;font-weight: 700;color: var(--ink);letter-spacing: -0.01em;}.preview-value.value-emerald{color: var(--accent);}.preview-value.value-red{color: var(--danger);}.preview-value.value-blue{color: #2563eb;}@media (max-width: 768px){.salary-preview-module{grid-template-columns: repeat(2,1fr);gap: 12px;padding: 16px;margin-bottom: 2.5rem;}.preview-value{font-size: 18px;}}@media (max-width: 480px){.salary-preview-module{grid-template-columns: 1fr;gap: 10px;}}.trust-row{display: none !important;}.trust-item{display: flex;align-items: center;gap: 6px;font-size: 13px;color: var(--ink3);}.trust-icon{color: var(--accent);font-size: 14px;}.calc-card{background: rgba(255,255,255,0.88);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(255,255,255,0.6);border-radius: var(--r-lg);box-shadow: 0 20px 50px rgba(17,24,39,0.04),0 1px 3px rgba(0,0,0,0.01);overflow: hidden;max-width: 1100px;width: 100%;}.calc-header{background: var(--ink);padding: 1.25rem 1.5rem;display: flex;align-items: center;justify-content: space-between;}.calc-header-title{color: #fff;font-family: var(--serif);font-size: 18px;letter-spacing: -0.2px;}.fy-badge{background: rgba(255,255,255,0.15);color: rgba(255,255,255,0.8);border-radius: 20px;padding: 4px 12px;font-size: 11px;letter-spacing: 0.05em;}.regime-tabs{position: relative;display: flex;background: var(--surface);border: 1px solid var(--border);border-radius: 12px;padding: 4px;margin-bottom: 24px;overflow: hidden;}.rtab-slider{position: absolute;top: 4px;bottom: 4px;left: 4px;width: calc(33.333% - 5.33px);background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(13,17,23,0.08);transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index: 1;}.regime-tabs[data-active="new"] .rtab-slider{transform: translateX(0);}.regime-tabs[data-active="old"] .rtab-slider{transform: translateX(100%);}.regime-tabs[data-active="both"] .rtab-slider{transform: translateX(200%);}.rtab{position: relative;flex: 1;padding: 10px 8px;font-size: 13px;font-weight: 500;color: var(--ink3);cursor: pointer;border: none;background: transparent;font-family: var(--sans);text-align: center;z-index: 2;transition: color 0.25s ease;}.rtab:hover{color: var(--accent);}.rtab.active{color: var(--accent);font-weight: 600;background: transparent;}@keyframes float{0%{transform: translateY(0px);}50%{transform: translateY(-8px);}100%{transform: translateY(0px);}}.floating-illustration{animation: float 4s ease-in-out infinite;}.calc-body{padding: 1.5rem;}.field-group{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 12px;}.field{margin-bottom: 12px;}.field label,.field .field-label{display: block;font-size: 13px;color: var(--ink2);margin-bottom: 6px;font-weight: 600;letter-spacing: 0.01em;}.input-wrap{position: relative;}.input-wrap .prefix{position: absolute;left: 11px;top: 50%;transform: translateY(-50%);font-size: 14px;color: var(--ink3);pointer-events: none;}.input-wrap input{width: 100%;height: 44px;border: 1px solid var(--border);border-radius: var(--r-sm);padding: 0 12px 0 24px;font-size: 15px;font-family: var(--sans);color: var(--ink);background: var(--paper);transition: all 0.3s cubic-bezier(0.16,1,0.3,1);-moz-appearance: textfield;}.input-wrap input::-webkit-outer-spin-button,.input-wrap input::-webkit-inner-spin-button{-webkit-appearance: none;}.input-wrap input:focus{outline: none;border-color: var(--accent2);box-shadow: 0 0 0 4px rgba(45,155,106,0.12);background: #fff;transform: translateY(-1px);}select{width: 100%;height: 42px;border: 1px solid var(--border);border-radius: var(--r-sm);padding: 0 12px;font-size: 14px;font-family: var(--sans);color: var(--ink);background: var(--paper);cursor: pointer;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a808f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;}select:focus{outline: none;border-color: var(--accent2);box-shadow: 0 0 0 4px rgba(45,155,106,0.12);}.chips{display: flex;gap: 6px;flex-wrap: wrap;}.chip{padding: 8px 16px;border: 1px solid var(--border);border-radius: 20px;font-size: 12px;font-weight: 500;color: var(--ink2);cursor: pointer;background: var(--paper);font-family: var(--sans);transition: all 0.3s cubic-bezier(0.16,1,0.3,1);white-space: nowrap;}.chip:hover{border-color: var(--accent2);color: var(--accent);background: var(--accent-light);transform: translateY(-1px);}.chip.active{background: linear-gradient(135deg,#065f46 0%,#059669 100%);color: #fff;border-color: transparent;box-shadow: 0 4px 12px rgba(5,150,105,0.2);}.divider{height: 1px;background: var(--border2);margin: 16px 0;}.calc-btn{width: 100%;height: 48px;background: var(--accent);color: #fff;border: none;border-radius: var(--r-sm);font-size: 15px;font-weight: 500;font-family: var(--serif);cursor: pointer;letter-spacing: 0.01em;transition: all 0.2s;display: flex;align-items: center;justify-content: center;gap: 8px;}.calc-btn:hover{background: var(--accent2);transform: translateY(-1px);box-shadow: 0 6px 20px rgba(30,107,74,0.25);}.calc-btn:active{transform: translateY(0);}.results{display: none;}.results.show{display: block;}.result-hero{margin: 1.5rem 0 1rem;background: linear-gradient(135deg,var(--ink) 0%,#1a2a3a 100%);border-radius: var(--r);padding: 1.75rem;position: relative;overflow: hidden;}.result-hero::before{content: '';position: absolute;top: -30px;right: -30px;width: 120px;height: 120px;background: rgba(255,255,255,0.03);border-radius: 50%;}.result-hero::after{content: '';position: absolute;bottom: -20px;right: 20px;width: 80px;height: 80px;background: rgba(30,107,74,0.2);border-radius: 50%;}.rh-label{font-size: 11px;color: rgba(255,255,255,0.5);letter-spacing: 0.08em;margin-bottom: 6px;}.rh-amount{font-family: var(--serif);font-size: 38px;color: #fff;letter-spacing: -1px;line-height: 1;}.rh-amount sup{font-size: 20px;vertical-align: super;}.rh-sub{font-size: 13px;color: rgba(255,255,255,0.5);margin-top: 6px;}.rh-annual{font-size: 13px;color: rgba(255,255,255,0.65);margin-top: 4px;}.stats-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;margin-bottom: 14px;}.stat-box{background: var(--surface);border-radius: var(--r-sm);padding: 12px;text-align: center;}.stat-box .s-lbl{font-size: 10px;color: var(--ink3);margin-bottom: 4px;letter-spacing: 0.04em;}.stat-box .s-val{font-size: 15px;font-weight: 500;color: var(--ink);}.stat-box .s-val.danger{color: var(--danger);}.stat-box .s-val.accent{color: var(--accent);}.bar-section{margin-bottom: 16px;}.bar-label-row{display: flex;justify-content: space-between;font-size: 11px;color: var(--ink3);margin-bottom: 6px;}.bar-track{height: 12px;border-radius: 6px;overflow: hidden;display: flex;background: var(--surface);margin-bottom: 10px;}.bar-seg{height: 100%;transition: width 0.6s cubic-bezier(.4,0,.2,1);}.legend{display: flex;flex-wrap: wrap;gap: 10px;}.leg{display: flex;align-items: center;gap: 5px;font-size: 11px;color: var(--ink3);}.leg-dot{width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0;}.breakdown-table{width: 100%;border-collapse: collapse;font-size: 13px;margin-bottom: 14px;}.breakdown-table .sect-header td{background: var(--surface);padding: 7px 10px;font-size: 10px;font-weight: 500;color: var(--ink3);letter-spacing: 0.07em;border-radius: 0;}.breakdown-table td{padding: 9px 10px;border-bottom: 1px solid var(--border2);vertical-align: middle;}.breakdown-table tr:last-child td{border-bottom: none;}.breakdown-table .comp-name{display: flex;align-items: center;gap: 7px;color: var(--ink2);}.breakdown-table .dot{width: 7px;height: 7px;border-radius: 50%;flex-shrink: 0;}.breakdown-table .amt{text-align: right;font-weight: 500;color: var(--ink);}.breakdown-table .ann{text-align: right;color: var(--ink3);font-size: 12px;}.breakdown-table .total-row td{background: var(--accent-light);font-weight: 500;color: var(--accent);}.breakdown-table .total-row .comp-name{color: var(--accent);}.compare-panel{display: none;margin-bottom: 14px;}.compare-panel.show{display: block;}.compare-title{font-size: 12px;font-weight: 500;color: var(--ink3);margin-bottom: 10px;letter-spacing: 0.04em;}.compare-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}.cmp-box{border: 1.5px solid var(--border);border-radius: var(--r);padding: 14px;transition: border-color 0.2s;}.cmp-box.winner{border-color: var(--accent);background: var(--accent-light);}.cmp-regime-name{font-size: 12px;color: var(--ink3);margin-bottom: 4px;}.cmp-amt{font-family: var(--serif);font-size: 22px;color: var(--ink);}.cmp-badge{display: inline-block;margin-top: 6px;background: var(--accent);color: #fff;border-radius: 10px;padding: 3px 10px;font-size: 10px;font-weight: 500;}.cmp-note{font-size: 12px;color: var(--ink3);margin-top: 6px;}.insight{background: var(--gold-light);border: 1px solid rgba(184,134,11,0.2);border-radius: var(--r-sm);padding: 12px 14px;font-size: 13px;color: #7a5c00;line-height: 1.6;margin-bottom: 14px;}.insight strong{color: #5a4000;}.download-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;}@media (max-width: 480px){.download-row{grid-template-columns: 1fr;}}.action-btn{height: 40px;border-radius: var(--r-sm);font-size: 13px;cursor: pointer;font-family: var(--sans);font-weight: 500;border: 1.5px solid var(--border);background: var(--paper);color: var(--ink2);transition: all 0.15s;}.action-btn:hover{border-color: var(--accent);color: var(--accent);background: var(--accent-light);}.below-fold{max-width: 1100px;margin: 0 auto;padding: 2.5rem 1.5rem;}.features-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;margin: 2.5rem 0;}.feat-card{background: #fff;border: 1px solid var(--border2);border-radius: var(--r-lg);padding: 1.5rem;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);}.feat-card:hover{transform: translateY(-5px);box-shadow: 0 12px 30px rgba(0,0,0,0.06);border-color: rgba(30,107,74,0.15);}.feat-icon{width: 42px;height: 42px;background: var(--accent-light);border-radius: var(--r-sm);display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;font-size: 18px;}.feat-title{font-family: var(--serif);font-size: 16px;margin-bottom: 6px;}.feat-desc{font-size: 13px;color: var(--ink3);line-height: 1.6;}.section-title{font-family: var(--serif);font-size: clamp(1.3rem,2.5vw,1.6rem);letter-spacing: -0.03em;margin-bottom: 0.5rem;}.section-sub{font-size: 15px;color: var(--ink3);margin-bottom: 2.5rem;}.faq-list{max-width: 800px;margin: 0 auto;}.faq-item{background: #ffffff;border: 1px solid rgba(4,120,87,0.08);border-radius: 16px;padding: 1.5rem 1.75rem;margin-bottom: 12px;box-shadow: 0 4px 24px rgba(17,24,39,0.02);transition: all 0.3s cubic-bezier(0.16,1,0.3,1);}.faq-item:hover{background: #ffffff;border-color: rgba(30,107,74,0.25);box-shadow: 0 8px 30px rgba(17,24,39,0.04);}.faq-item.open{background: var(--accent-light);border-color: var(--accent);box-shadow: 0 10px 40px rgba(30,107,74,0.04);}.faq-q{font-family: var(--sans);font-weight: 600;font-size: 16px;color: var(--ink);cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 1.25rem;list-style: none;transition: color 0.3s ease;}.faq-item:hover .faq-q{color: var(--accent);}.faq-item.open .faq-q{color: var(--accent);}.faq-q::after{content: '';width: 14px;height: 14px;display: inline-block;background: linear-gradient(currentColor,currentColor) no-repeat 6px 0 / 2px 14px,linear-gradient(currentColor,currentColor) no-repeat 0 6px / 14px 2px;transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);flex-shrink: 0;}.faq-item.open .faq-q::after{transform: rotate(45deg);opacity: 1;}.faq-a{display: none;font-size: 14.5px;color: var(--ink2);line-height: 1.75;padding-top: 14px;border-top: 1px dashed rgba(4,120,87,0.12);margin-top: 14px;}.faq-item.open .faq-a{display: block;animation: slideDownFaq 0.3s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes slideDownFaq{from{opacity: 0;transform: translateY(-8px);}to{opacity: 1;transform: translateY(0);}}.steps{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin: 2.5rem 0;}.step{text-align: center;padding: 1.5rem 1rem;background: #ffffff;border: 1px solid var(--border2);border-radius: var(--r);box-shadow: 0 4px 24px rgba(17,24,39,0.01);display: flex;flex-direction: column;align-items: center;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);}.step:hover{transform: translateY(-4px);box-shadow: 0 12px 30px rgba(17,24,39,0.04);border-color: rgba(30,107,74,0.15);}.step-num{width: 38px;height: 38px;background: var(--accent);color: #fff;border-radius: 50%;font-family: var(--serif);font-size: 16px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}.step-image-wrap{width: 100%;aspect-ratio: 16 / 11;margin: 1.25rem 0;border-radius: var(--r-sm);overflow: hidden;border: 1.5px solid var(--border2);background: var(--surface);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}.step:hover .step-image-wrap{border-color: rgba(30,107,74,0.2);transform: scale(1.02);}.step-img{width: 100%;height: 100%;object-fit: cover;display: block;}.step-title{font-family: var(--serif);font-weight: 700;font-size: 16px;color: var(--ink);margin-bottom: 6px;}.step-desc{font-family: var(--sans);font-size: 13px;color: var(--ink3);line-height: 1.6;}.article{max-width: 720px;margin: 3rem auto 0;}.article h2{font-family: var(--serif);font-size: 1.35rem;margin: 2rem 0 0.75rem;letter-spacing: -0.02em;}.article h3{font-family: var(--serif);font-size: 1.1rem;margin: 1.5rem 0 0.5rem;}.article p{font-size: 15px;color: var(--ink2);line-height: 1.8;margin-bottom: 1rem;}.article ul{padding-left: 1.5rem;margin-bottom: 1rem;}.article li{font-size: 15px;color: var(--ink2);line-height: 1.8;margin-bottom: 4px;}.article table{width: 100%;border-collapse: collapse;margin: 1.5rem 0;font-size: 14px;display: table;}.table-responsive{width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}.article th{background: var(--ink);color: #fff;padding: 10px 14px;text-align: left;font-weight: 500;}.article td{padding: 10px 14px;border-bottom: 1px solid var(--border2);color: var(--ink2);}.article tr:nth-child(even) td{background: var(--surface);}footer{background: #1c1c1c;background-image: linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size: 20px 20px;color: rgba(255,255,255,0.55);position: relative;z-index: 10;display: block;width: 100%;clear: both;isolation: isolate;border-top: 1px solid rgba(255,255,255,0.05);}footer::before{content: '';display: block;height: 4px;background: linear-gradient(90deg,#0a0d13,#1e6b4a,#2d9b6a,#1e6b4a,#0a0d13);position: relative;z-index: 11;}.footer-inner{max-width: 1100px;margin: 0 auto;padding: 3.5rem 2rem 0;}.footer-top{display: grid;grid-template-columns: 1.8fr 1fr 1fr 1fr;gap: 2.5rem;padding-bottom: 2.5rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.footer-logo{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;margin-bottom: 1.25rem;}.footer-logo:hover{text-decoration: none;}.footer-brand-desc{font-size: 13px;color: rgba(255,255,255,0.35);line-height: 1.8;max-width: 240px;margin-bottom: 1.5rem;}.footer-back-top{display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: rgba(255,255,255,0.3);cursor: pointer;border: 1px solid rgba(255,255,255,0.1);border-radius: 20px;padding: 5px 13px;background: transparent;font-family: var(--sans);transition: color 0.15s,border-color 0.15s;text-decoration: none;}.footer-back-top:hover{color: #2d9b6a;border-color: rgba(45,155,106,0.4);}.footer-col-title{font-size: 13px;font-weight: 600;color: #fff;margin-bottom: 16px;display: block;}.footer-col a{display: block;font-size: 13px;color: rgba(255,255,255,0.45);text-decoration: none;margin-bottom: 10px;transition: color 0.15s;line-height: 1.3;}.footer-col a:hover{color: #2d9b6a;}.footer-bottom{max-width: 1100px;margin: 0 auto;padding: 1.5rem 2rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;}.footer-copy{font-size: 12px;color: rgba(255,255,255,0.25);}.footer-copy strong{color: rgba(255,255,255,0.45);font-weight: 500;}.footer-legal{display: flex;gap: 1.5rem;}.footer-legal a{font-size: 12px;color: rgba(255,255,255,0.25);text-decoration: none;transition: color 0.15s;}.footer-legal a:hover{color: #2d9b6a;}.footer-updated{display: flex;align-items: center;gap: 6px;font-size: 11px;color: rgba(255,255,255,0.2);}.footer-updated-dot{width: 5px;height: 5px;background: #2d9b6a;border-radius: 50%;animation: pulse 2s infinite;flex-shrink: 0;}.section-white{background: #ffffff;}.section-light-gray{background: #f9fafb;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}.section-light-emerald{background: #f2fbf7;border-top: 1px solid rgba(30,107,74,0.04);border-bottom: 1px solid rgba(30,107,74,0.04);}.trust-stats-bar{max-width: 1100px;margin: 3.5rem auto 3.5rem auto;position: relative;z-index: 20;display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;padding: 0 2rem;}.trust-stat-card{background: #ffffff;border: 1.5px solid var(--border);border-radius: 16px;padding: 1.75rem 1.5rem;box-shadow: 0 4px 20px rgba(17,24,39,0.02);display: flex;align-items: center;gap: 16px;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);}.trust-stat-card:hover{transform: translateY(-4px);box-shadow: 0 15px 35px rgba(30,107,74,0.08);border-color: var(--accent);}.trust-stat-icon{width: 46px;height: 46px;border-radius: 10px;background: var(--accent-light);color: var(--accent);display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0;transition: all 0.3s ease;}.trust-stat-card:hover .trust-stat-icon{background: var(--accent);color: #ffffff;transform: scale(1.05);}.trust-stat-info{display: flex;flex-direction: column;gap: 2px;}.trust-stat-num{font-size: 28px;font-weight: 700;color: var(--ink);line-height: 1.15;font-family: var(--serif);letter-spacing: -0.01em;transition: color 0.3s ease;}.trust-stat-card:hover .trust-stat-num{color: var(--accent);}.trust-stat-label{font-size: 12.5px;font-weight: 500;color: var(--ink3);line-height: 1.35;font-family: var(--sans);transition: color 0.3s ease;}.trust-stat-card:hover .trust-stat-label{color: var(--ink);}.trust-credibility-sec{padding: 5rem 2rem;text-align: center;}.trust-badge-row{display: flex;justify-content: center;gap: 24px;margin-top: 3rem;flex-wrap: wrap;}.trust-badge-card{background: #ffffff;border: 1px solid var(--border);border-radius: 20px;padding: 1.75rem;box-shadow: var(--shadow);max-width: 330px;text-align: left;transition: all 0.3s ease;}.trust-badge-card:hover{border-color: var(--accent);box-shadow: var(--shadow-md);transform: translateY(-2px);}.trust-badge-card .badge-icon{width: 44px;height: 44px;border-radius: 50%;background: var(--accent-light);color: var(--accent);display: flex;align-items: center;justify-content: center;font-size: 18px;margin-bottom: 16px;}.trust-badge-card h3{font-family: var(--serif);font-size: 17px;color: var(--ink);margin-bottom: 8px;}.trust-badge-card p{font-size: 13.5px;color: var(--ink3);line-height: 1.5;}.calc-grid{display: grid;grid-template-columns: 4fr 6fr;align-items: start;}.calc-inputs-pane{padding: 2rem;}.calc-results-pane{padding: 2rem;background: #fafaf9;border-left: 1px solid var(--border);position: sticky;top: 90px;max-height: calc(100vh - 120px);overflow-y: auto;overflow-x: hidden;scrollbar-width: thin;scrollbar-color: var(--accent) var(--border2);border-bottom-right-radius: var(--r-lg);}.calc-results-pane::-webkit-scrollbar{width: 6px;}.calc-results-pane::-webkit-scrollbar-track{background: var(--border2);}.calc-results-pane::-webkit-scrollbar-thumb{background-color: var(--accent);border-radius: 6px;}.result-stat-cards{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px;margin-top: 1rem;margin-bottom: 1.5rem;}.result-stat-card{display: flex;justify-content: space-between;align-items: center;background: rgba(255,255,255,0.78);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(17,24,39,0.07);border-radius: 14px;padding: 14px 16px;box-shadow: var(--shadow);transition: all 0.35s cubic-bezier(0.16,1,0.3,1);box-sizing: border-box;}.result-stat-card:hover{border-color: rgba(4,120,87,0.25);box-shadow: 0 10px 25px rgba(4,120,87,0.05),var(--shadow);transform: translateY(-2.5px);}.result-stat-card.full-width{grid-column: span 2;background: linear-gradient(135deg,#092616 0%,#0d3b22 100%);border: 1px solid rgba(255,255,255,0.04);box-shadow: 0 12px 30px rgba(9,38,22,0.15),var(--shadow);}.result-stat-card.full-width:hover{border-color: rgba(16,185,129,0.3);box-shadow: 0 16px 36px rgba(9,38,22,0.22);}.result-stat-card.full-width .result-stat-lbl{color: rgba(209,250,229,0.7);}.result-stat-card.full-width .result-stat-val{color: #ffffff;font-size: 28px;text-shadow: 0 2px 4px rgba(0,0,0,0.12);}.result-stat-lbl{font-size: 10px;font-weight: 600;color: var(--ink3);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 6px;}.result-stat-val{font-size: 18px;font-weight: 700;color: var(--ink);font-family: var(--serif);}.result-stat-val.accent{color: var(--accent);}.result-stat-val.danger{color: var(--danger);}.card-info-left{display: flex;flex-direction: column;flex: 1;}.card-icon-right{width: 38px;height: 38px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-left: 10px;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);}.result-stat-card:hover .card-icon-right{transform: scale(1.08) rotate(3deg);}.result-stat-card.full-width .card-icon-right{background: rgba(255,255,255,0.08);color: #d1fae5;border: 1px solid rgba(255,255,255,0.06);}.result-stat-card.full-width:hover .card-icon-right{background: #ffffff;color: #0d3b22;box-shadow: 0 4px 12px rgba(0,0,0,0.15);}.icon-bg-emerald{background: rgba(4,120,87,0.06);color: #047857;border: 1px solid rgba(4,120,87,0.1);}.result-stat-card:hover .icon-bg-emerald{background: #047857;color: #ffffff;box-shadow: 0 4px 10px rgba(4,120,87,0.15);}.icon-bg-red{background: rgba(239,68,68,0.06);color: #ef4444;border: 1px solid rgba(239,68,68,0.1);}.result-stat-card:hover .icon-bg-red{background: #ef4444;color: #ffffff;box-shadow: 0 4px 10px rgba(239,68,68,0.15);}.icon-bg-blue{background: rgba(59,130,246,0.06);color: #2563eb;border: 1px solid rgba(59,130,246,0.1);}.result-stat-card:hover .icon-bg-blue{background: #2563eb;color: #ffffff;box-shadow: 0 4px 10px rgba(59,130,246,0.15);}.icon-bg-gold{background: rgba(217,119,6,0.06);color: #d97706;border: 1px solid rgba(217,119,6,0.1);}.result-stat-card:hover .icon-bg-gold{background: #d97706;color: #ffffff;box-shadow: 0 4px 10px rgba(217,119,6,0.15);}@keyframes scaleInUp{0%{opacity: 0;transform: translateY(16px) scale(0.96);}100%{opacity: 1;transform: translateY(0) scale(1);}}.animate-card{animation: scaleInUp 0.45s cubic-bezier(0.16,1,0.3,1) forwards;opacity: 0;}.animate-delay-1{animation-delay: 0s;}.animate-delay-2{animation-delay: 0.06s;}.animate-delay-3{animation-delay: 0.12s;}.animate-delay-4{animation-delay: 0.18s;}.animate-delay-5{animation-delay: 0.24s;}.chart-container{background: #ffffff;border: 1px solid var(--border);border-radius: 20px;padding: 1.5rem;margin-bottom: 1.5rem;box-shadow: var(--shadow);}.chart-title{font-size: 13px;font-weight: 600;color: var(--ink);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 1.25rem;border-bottom: 1px solid var(--border2);padding-bottom: 10px;display: flex;align-items: center;gap: 8px;}.chart-title svg{color: var(--accent);}.donut-svg{display: block;margin: 0 auto;max-width: 190px;}.donut-center-text{font-family: var(--sans);fill: var(--ink);text-anchor: middle;dominant-baseline: middle;}.donut-legend{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-top: 1.5rem;font-size: 11.5px;border-top: 1px solid var(--border2);padding-top: 12px;}.waterfall-svg{width: 100%;height: auto;display: block;}.columns-svg{width: 100%;height: auto;display: block;}.directory-search-wrapper{max-width: 540px;margin: 2rem auto;position: relative;}.search-icon-svg{position: absolute;left: 18px;top: 50%;transform: translateY(-50%);color: var(--ink3);pointer-events: none;}.directory-search-input{width: 100%;height: 52px;border: 2px solid var(--border);border-radius: 16px;padding: 0 16px 0 50px;font-size: 15px;font-family: var(--sans);color: var(--ink);background: #ffffff;box-shadow: var(--shadow);transition: all 0.3s ease;outline: none;}.directory-search-input:focus{border-color: var(--accent);box-shadow: 0 0 0 4px rgba(30,107,74,0.06);}.filter-tabs-row{display: flex;justify-content: center;gap: 10px;margin-bottom: 3rem;flex-wrap: wrap;}.filter-tab-btn{padding: 8px 20px;border: 1px solid var(--border);border-radius: 20px;background: #ffffff;color: var(--ink2);font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;font-family: var(--sans);}.filter-tab-btn:hover{border-color: var(--accent);color: var(--accent);}.filter-tab-btn.active{background: var(--accent);color: #ffffff;border-color: var(--accent);box-shadow: 0 4px 12px rgba(30,107,74,0.12);}.mobile-sticky-cta{display: none;position: fixed;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-top: 1px solid var(--border);padding: 12px 20px;z-index: 100;box-shadow: 0 -4px 20px rgba(0,0,0,0.05);}.mobile-sticky-btn{width: 100%;height: 48px;background: var(--accent);color: #ffffff;border: none;border-radius: 12px;font-size: 15px;font-weight: 600;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;box-shadow: 0 4px 14px rgba(30,107,74,0.15);font-family: var(--sans);}@keyframes numberRoll{from{opacity: 0.3;transform: scale(0.98);}to{opacity: 1;transform: scale(1);}}.animate-number{animation: numberRoll 0.25s ease-out;}@media(max-width:992px){.calc-grid{grid-template-columns: 1fr;}.calc-results-pane{position: static;max-height: none;border-left: none;border-top: 1px solid var(--border);border-bottom-right-radius: 0;}.trust-stats-bar{grid-template-columns: repeat(2,1fr);margin-top: 2.5rem;margin-bottom: 2.5rem;padding: 0 1.5rem;}.mobile-sticky-cta{display: block;}.calc-body{padding-bottom: 80px;}}@media(max-width:576px){.trust-stats-bar{grid-template-columns: 1fr;gap: 12px;}}@media(max-width:900px){.footer-top{grid-template-columns: 1fr 1fr;gap: 2rem;}}@media(max-width:768px){.hero{grid-template-columns: 1fr;gap: 1.25rem;}.hero-left{padding-top: 0;}.features-grid{grid-template-columns: 1fr 1fr;}.steps{grid-template-columns: 1fr 1fr;}.footer-top{grid-template-columns: 1fr 1fr;gap: 1.5rem;}.footer-bottom{flex-direction: column;align-items: flex-start;gap: 8px;}.nav-links{display: none;}.hamburger{display: flex;}.nav-cta{display: none;}.field-group{grid-template-columns: 1fr;}}@media(max-width:480px){.features-grid{grid-template-columns: 1fr;}.steps{grid-template-columns: 1fr;}.stats-row{grid-template-columns: 1fr 1fr;}.download-row{grid-template-columns: 1fr;}nav{padding: 0 1rem;}.footer-top{grid-template-columns: 1fr;gap: 1.5rem;}.footer-inner{padding: 2.5rem 1.25rem 0;}.footer-bottom{padding: 1.25rem;}}.hero-ctas{display: flex;gap: 14px;margin-bottom: 2rem;flex-wrap: wrap;justify-content: center;}.btn-primary{background: linear-gradient(135deg,#1e6b4a 0%,#108553 100%);color: #ffffff;border: none;border-radius: 12px;padding: 12px 28px;font-size: 14.5px;font-weight: 600;cursor: pointer;font-family: var(--sans);box-shadow: 0 4px 14px rgba(30,107,74,0.18),0 2px 4px rgba(0,0,0,0.04);transition: all 0.25s ease;text-decoration: none;}.btn-primary:hover{background: linear-gradient(135deg,#2d9b6a 0%,#15aa71 100%);transform: translateY(-2px);box-shadow: 0 8px 24px rgba(30,107,74,0.28),0 4px 8px rgba(0,0,0,0.06);}.btn-secondary{background: rgba(30,107,74,0.02);color: var(--accent);border: 1px solid rgba(30,107,74,0.25);border-radius: 12px;padding: 12px 28px;font-size: 14.5px;font-weight: 600;cursor: pointer;font-family: var(--sans);transition: all 0.25s ease;text-decoration: none;box-shadow: 0 2px 8px rgba(0,0,0,0.02);}.btn-secondary:hover{background: rgba(30,107,74,0.08);border-color: var(--accent);color: var(--accent);transform: translateY(-2px);box-shadow: 0 4px 14px rgba(30,107,74,0.08);}.trust-pill-grid{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 1.5rem 0 2rem 0;max-width: 800px;}.trust-badge-pill{display: inline-flex;align-items: center;gap: 6px;background: var(--surface);border: 1px solid var(--border);padding: 6px 14px;border-radius: 30px;font-size: 12.5px;font-weight: 500;color: var(--ink2);box-shadow: 0 2px 8px rgba(0,0,0,0.02);transition: all 0.2s ease;}.trust-badge-pill:hover{transform: translateY(-1px);border-color: var(--accent);background: var(--accent-light);color: var(--accent);box-shadow: 0 4px 12px rgba(30,107,74,0.08);}.trust-badge-pill svg{color: var(--accent);flex-shrink: 0;}.social-proof-section{width: 100%;max-width: 1100px;margin: 3.5rem auto 1rem;padding: 2.2rem;background: var(--surface);border-radius: var(--r-lg);border: 1px solid var(--border2);display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;gap: 2rem;text-align: center;}.proof-item{display: flex;flex-direction: column;gap: 4px;flex: 1;min-width: 200px;}.proof-num{font-family: var(--serif);font-size: 2.2rem;font-weight: 700;color: var(--accent);line-height: 1;}.proof-label{font-size: 12px;color: var(--ink3);font-weight: 600;text-transform: uppercase;letter-spacing: 0.06em;}.why-ctc-calculator-section{max-width: 1100px;margin: 0 auto;}.why-header{text-align: center;margin-bottom: 3.5rem;}.feature-card-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 24px;margin-top: 3rem;}.feature-card{background: #ffffff;border: 1px solid rgba(4,120,87,0.08);border-radius: 20px;padding: 2.25rem;box-shadow: 0 4px 24px rgba(17,24,39,0.02);transition: all 0.35s cubic-bezier(0.16,1,0.3,1);display: flex;flex-direction: column;gap: 14px;text-align: left;}.feature-card:hover{transform: translateY(-6px);border-color: var(--accent);box-shadow: 0 20px 40px rgba(17,24,39,0.05);}.feature-card .icon-box{width: 48px;height: 48px;background: var(--accent-light);color: var(--accent);border-radius: 12px;display: flex;align-items: center;justify-content: center;transition: all 0.35s cubic-bezier(0.16,1,0.3,1);}.feature-card:hover .icon-box{background: var(--accent);color: #ffffff;transform: scale(1.05);box-shadow: 0 6px 16px rgba(30,107,74,0.2);}.feature-card h3{font-family: var(--serif);font-size: 19px;font-weight: 700;color: var(--ink);margin: 0;transition: color 0.3s ease;}.feature-card:hover h3{color: var(--accent);}.feature-card p{font-size: 14px;color: var(--ink3);line-height: 1.65;margin: 0;}@media (max-width: 768px){.feature-card-grid{grid-template-columns: 1fr;}.social-proof-section{flex-direction: column;gap: 1.5rem;padding: 1.5rem;}.proof-item{min-width: 100%;}}#popular-calculators{background: #fdfdfc;border-top: 1px solid rgba(13,17,23,0.06);}.popular-calcs-container{max-width: 1100px;margin: 0 auto;}.popular-calcs-header{text-align: center;margin-bottom: 3.5rem;}.popular-calcs-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 24px;margin-bottom: 48px;}.calc-card-item{text-decoration: none;display: flex;flex-direction: column;background: #fff;border: 1px solid rgba(13,17,23,0.08);border-radius: 18px;padding: 24px;height: 100%;box-sizing: border-box;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);}.calc-card-item:hover{transform: translateY(-6px);box-shadow: 0 16px 32px rgba(13,17,23,0.08);border-color: var(--ink);}.calc-card-item .calc-icon-box{width: 44px;height: 44px;background: var(--accent-soft);border-radius: 10px;display: flex;align-items: center;justify-content: center;color: var(--accent);margin-bottom: 20px;transition: all 0.25s ease;}.calc-card-item:hover .calc-icon-box{background: var(--ink);color: #fff;}.calc-card-item h3{font-size: 17px;color: var(--ink);margin: 0 0 8px 0;font-family: var(--serif);font-weight: 700;}.calc-card-item p{font-size: 13.5px;color: var(--ink3);margin: 0;line-height: 1.6;flex-grow: 1;}.guide-card-item{text-decoration: none;display: flex;flex-direction: column;background: #fff;border: 1px solid rgba(13,17,23,0.08);border-radius: 18px;padding: 24px;height: 100%;box-sizing: border-box;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);cursor: pointer;}.guide-card-item:hover{transform: translateY(-6px);box-shadow: 0 16px 32px rgba(13,17,23,0.08);border-color: var(--accent);}.guide-card-item .guide-icon-box{width: 44px;height: 44px;background: rgba(30,107,74,0.06);border-radius: 10px;display: flex;align-items: center;justify-content: center;color: var(--accent);margin-bottom: 20px;transition: all 0.25s ease;}.guide-card-item:hover .guide-icon-box{background: var(--accent);color: #fff;}.guide-card-item h3{font-size: 17px;color: var(--ink);margin: 0 0 8px 0;font-family: var(--serif);font-weight: 700;line-height: 1.4;}.guide-card-item p{font-size: 13.5px;color: var(--ink3);margin: 0;line-height: 1.6;flex-grow: 1;}.popular-calcs-footer{text-align: center;}.popular-calcs-footer .btn-all-calcs{display: inline-flex;align-items: center;gap: 8px;padding: 0 32px;height: 48px;background: var(--accent);color: #fff;text-decoration: none;border-radius: 12px;font-weight: 600;font-size: 14.5px;font-family: var(--sans);transition: all 0.25s ease;box-shadow: 0 4px 14px rgba(30,107,74,0.18),0 2px 4px rgba(0,0,0,0.04);}.popular-calcs-footer .btn-all-calcs:hover{transform: translateY(-2px);background: var(--accent2);box-shadow: 0 8px 24px rgba(30,107,74,0.28),0 4px 8px rgba(0,0,0,0.06);}.hero{padding: 1.5rem 2.5rem 2.5rem !important;}.below-fold,#gratuity-calculator,#hike-calculator,#hra-calculator,#salary-table,#offer-comparator,#popular-calculators,#blogs,.why-ctc-calculator-section{padding: 6.5rem 2.5rem 5.5rem !important;margin: 0 auto !important;}@media (max-width: 768px){.hero{padding: 1.25rem 1.75rem 2rem !important;}.below-fold,#gratuity-calculator,#hike-calculator,#hra-calculator,#salary-table,#offer-comparator,#popular-calculators,#blogs,.why-ctc-calculator-section{padding: 4.5rem 1.75rem !important;}}@media (max-width: 480px){.hero{padding: 1rem 1.25rem 1.5rem !important;}.below-fold,#gratuity-calculator,#hike-calculator,#hra-calculator,#salary-table,#offer-comparator,#popular-calculators,#blogs,.why-ctc-calculator-section{padding: 3.5rem 1.25rem !important;}}.tooltip{position: relative;display: inline-flex;align-items: center;margin-left: 6px;cursor: pointer;color: var(--ink3);vertical-align: middle;}.tooltip svg{width: 13px;height: 13px;opacity: 0.5;transition: opacity 0.2s,color 0.2s;pointer-events: none;}.tooltip:hover svg{opacity: 1;color: var(--accent);}.tooltip-text{visibility: hidden;width: 250px;background-color: var(--ink);color: #ffffff;text-align: left;border-radius: 8px;padding: 10px 12px;position: absolute;z-index: 999;bottom: 130%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.2s,visibility 0.2s;font-size: 11.5px;line-height: 1.45;font-family: var(--sans);font-weight: 400;box-shadow: 0 10px 25px rgba(0,0,0,0.18);pointer-events: none;text-transform: none;letter-spacing: normal;}.tooltip-text::after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: var(--ink) transparent transparent transparent;}.tooltip:hover .tooltip-text{visibility: visible;opacity: 1;}.tax-flow-container{margin-top: 1.5rem;background: #ffffff;border: 1.5px solid var(--border2);border-radius: 14px;padding: 1.25rem;box-shadow: var(--shadow);}.tax-flow-title{font-size: 11px;font-weight: 600;color: var(--ink2);text-transform: uppercase;margin-bottom: 12px;border-bottom: 1px solid var(--border2);padding-bottom: 6px;display: flex;align-items: center;gap: 6px;letter-spacing: 0.05em;}.tax-flow-step{display: flex;justify-content: space-between;align-items: flex-start;padding: 10px 0;border-bottom: 1px dashed var(--border2);font-size: 13px;color: var(--ink2);}.tax-flow-step:last-child{border-bottom: none;font-weight: 700;color: var(--ink);font-size: 14px;background: var(--bg2);padding: 12px 8px;border-radius: 8px;margin-top: 4px;}.tax-flow-step-desc{font-size: 10.5px;color: var(--ink3);margin-top: 2px;font-weight: 400;line-height: 1.3;}.tax-flow-val{font-weight: 600;color: var(--ink);font-family: var(--serif);}.tax-flow-val.deduct{color: var(--danger);}.tax-flow-val.add{color: var(--accent);}.narrative-card{background: #fdfdfb;border: 1px solid rgba(30,107,74,0.18);border-radius: 14px;padding: 1.25rem;margin-top: 1.25rem;line-height: 1.6;color: var(--ink2);font-size: 13.5px;box-shadow: inset 0 2px 4px rgba(0,0,0,0.01);}.narrative-card p{margin: 0;}.narrative-card strong{color: var(--ink);}.error-msg{color: #dc2626;font-size: 11px;margin-top: 5px;display: none;font-weight: 500;line-height: 1.3;}.field.has-error input{border-color: #dc2626 !important;background-color: #fef2f2 !important;}.collapsible-panel{max-height: 5000px;opacity: 1;overflow: hidden;transition: max-height 0.5s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease;}.collapsible-panel.collapsed{max-height: 0;opacity: 0;margin-top: 0 !important;margin-bottom: 0 !important;pointer-events: none;}.toggle-advanced-btn{width: 100%;padding: 12px;margin-top: 24px;background: var(--bg2);border: 1.5px solid var(--border2);border-radius: 10px;color: var(--ink2);font-size: 13.5px;font-weight: 600;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: all 0.2s;}.toggle-advanced-btn:hover{background: var(--border2);color: var(--ink);}.toggle-advanced-btn svg{transition: transform 0.3s;}.toggle-advanced-btn.active svg{transform: rotate(180deg);}@media print{body *{visibility: hidden;}#print-report,#print-report *{visibility: visible;}#print-report{position: absolute;left: 0;top: 0;width: 100%;}}@media (max-width: 768px){.result-stat-cards{grid-template-columns: 1fr;}}.breadcrumbs{max-width: 1100px;margin: 1rem auto 0;padding: 0 2.5rem;font-size: 13px;color: var(--ink3);display: flex;align-items: center;gap: 8px;}.breadcrumbs a{color: var(--accent);text-decoration: none;font-weight: 500;transition: color 0.2s ease;}.breadcrumbs a:hover{color: var(--accent2);}.breadcrumbs span.separator{color: #d1d5db;user-select: none;}.breadcrumbs span.current{color: var(--ink3);}@media (max-width: 768px){.breadcrumbs{padding: 0 1.75rem;margin-top: 0.75rem;}}@media (max-width: 480px){.breadcrumbs{padding: 0 1.25rem;margin-top: 0.5rem;}}.blog-author-card{display: flex;align-items: center;gap: 12px;background: #ffffff;border: 1px solid var(--border);border-radius: 12px;padding: 12px 16px;margin: 1.5rem auto 2rem;font-size: 13px;max-width: 500px;}.blog-author-card .author-avatar{width: 40px;height: 40px;background: var(--accent-soft);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--accent);font-weight: bold;font-size: 16px;}.blog-author-card .author-details{display: flex;flex-direction: column;gap: 2px;}.blog-author-card .author-name{font-weight: 500;color: var(--ink);}.blog-author-card .reviewer-status{color: var(--ink3);font-size: 11px;}.disclosure-block{margin-top: 2.5rem;padding-top: 1.5rem;border-top: 1px solid rgba(13,17,23,0.06);font-size: 12px;color: var(--ink3);}.disclosure-block p{margin-bottom: 0.5rem;}.disclosure-block p:last-child{margin-bottom: 0;}.understand-result-block{background: var(--surface);border: 1px solid var(--border);border-radius: 12px;padding: 1.25rem;margin-top: 1.5rem;text-align: left;}.understand-result-block h3{font-family: var(--serif);font-size: 15px;color: var(--ink);margin-bottom: 0.75rem;display: flex;align-items: center;gap: 6px;margin-top: 0;}.understand-result-block p{font-size: 13px;line-height: 1.6;color: var(--ink2);margin-bottom: 0.75rem;}.understand-result-block p:last-child{margin-bottom: 0;}.understand-result-block ul{padding-left: 1.25rem;margin-top: 0.5rem;margin-bottom: 0.75rem;}.understand-result-block li{font-size: 12.5px;color: var(--ink2);line-height: 1.6;margin-bottom: 4px;}.cta-banner{background: linear-gradient(135deg,#e8f5ef 0%,#dff2e9 100%);border: 1px solid rgba(30,107,74,0.15);border-radius: 16px;padding: 2rem;margin: 2.5rem 0;display: flex;align-items: center;justify-content: space-between;gap: 24px;box-shadow: 0 4px 20px rgba(30,107,74,0.04);}.cta-banner-content{flex: 1;}.cta-banner-title{font-family: var(--serif);font-size: clamp(1.4rem,3vw,1.8rem);color: #1c1c1c;margin: 0 0 8px 0;letter-spacing: -0.01em;}.cta-banner-desc{font-size: 15px;line-height: 1.6;color: var(--ink2);margin: 0;}.cta-banner-btn{background: var(--accent);color: #fff !important;border: none;padding: 12px 24px;font-size: 15px;font-weight: 600;border-radius: 10px;cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;transition: all 0.2s ease;white-space: nowrap;box-shadow: 0 4px 12px rgba(30,107,74,0.15);}.cta-banner-btn:hover{background: #165238;transform: translateY(-2px);box-shadow: 0 6px 16px rgba(30,107,74,0.25);}@media (max-width: 768px){.cta-banner{flex-direction: column;align-items: stretch;text-align: center;padding: 1.5rem;gap: 16px;}.cta-banner-btn{justify-content: center;}}@media (max-width: 768px){.offer-grid{grid-template-columns: 1fr !important;gap: 16px !important;}.offer-grid-vs{flex-direction: row !important;padding-top: 10px !important;padding-bottom: 10px !important;gap: 12px !important;}.offer-grid-vs-line{width: 100% !important;height: 1px !important;}}