@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;0,9..40,800;1,9..40,400;1,9..40,500&family=JetBrains+Mono:wght@400&display=swap";:root{--color-navy: #1B2A4A;--color-navy-light: #2A3F6B;--color-navy-dark: #0F1A2E;--color-amber: #F59E0B;--color-amber-light: #FCD34D;--color-amber-dark: #D97706;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-heading: "DM Sans", system-ui, -apple-system, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace;--font-size-base: 16px;--line-height-body: 1.7;--line-height-heading: 1.2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--max-width: 1200px;--max-width-narrow: 800px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);font-weight:400;line-height:var(--line-height-body);color:var(--color-gray-800);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-heading);color:var(--color-navy);margin-bottom:var(--space-4)}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.025em}h2{font-size:2rem;font-weight:700;letter-spacing:-.02em}h3{font-size:1.5rem;font-weight:700}h4{font-size:1.25rem;font-weight:700}h5{font-size:1.125rem;font-weight:700}h6{font-size:1rem;font-weight:700}p{margin-bottom:var(--space-4)}a{color:var(--color-amber-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--transition-fast)}a:hover{color:var(--color-amber)}strong,b{font-weight:700}small{font-size:.875rem}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-gray-100);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--color-navy)}pre{font-family:var(--font-mono);font-size:.875rem;line-height:1.6;background-color:var(--color-navy-dark);color:var(--color-gray-200);padding:var(--space-6);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-6)}pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.container--narrow{max-width:var(--max-width-narrow)}.section{padding-block:var(--space-16)}.section--sm{padding-block:var(--space-8)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex--center{display:flex;align-items:center;justify-content:center}.flex--between{display:flex;align-items:center;justify-content:space-between}.flex--wrap{flex-wrap:wrap}.flex--col{flex-direction:column}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base);border:1px solid var(--color-gray-200)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card__header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.card__title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-1)}.card__body{color:var(--color-gray-600)}.card__footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.65em 1.5em;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.4;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.btn-primary{background-color:var(--color-amber);color:var(--color-navy);border-color:var(--color-amber)}.btn-primary:hover{background-color:var(--color-amber-light);border-color:var(--color-amber-light);color:var(--color-navy)}.btn-secondary{background-color:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.btn-secondary:hover{background-color:var(--color-navy-light);border-color:var(--color-navy-light);color:var(--color-white)}.btn-outline{background-color:transparent;color:var(--color-navy);border-color:var(--color-navy)}.btn-outline:hover{background-color:var(--color-navy);color:var(--color-white)}.btn--sm{font-size:.875rem;padding:.4em 1em}.btn--lg{font-size:1.125rem;padding:.75em 2em}.btn--block{display:flex;width:100%}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-bottom:var(--space-6)}table{width:100%;border-collapse:collapse;font-size:.9375rem}thead{position:sticky;top:0;z-index:1}thead th{background-color:var(--color-navy);color:var(--color-white);font-weight:600;text-align:left;padding:var(--space-3) var(--space-4);white-space:nowrap;border-bottom:2px solid var(--color-navy-dark)}thead th:first-child{border-top-left-radius:var(--radius-md)}thead th:last-child{border-top-right-radius:var(--radius-md)}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200);vertical-align:middle}tbody tr:nth-child(2n){background-color:var(--color-gray-50)}tbody tr:hover{background-color:var(--color-gray-100)}tbody tr:last-child td{border-bottom:none}tfoot td{padding:var(--space-3) var(--space-4);font-weight:600;background-color:var(--color-gray-100);border-top:2px solid var(--color-gray-300)}.comparison-table{font-size:.9375rem}.comparison-table thead th{text-align:center;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.comparison-table thead th:first-child{text-align:left}.comparison-table td{text-align:center}.comparison-table td:first-child{text-align:left;font-weight:500;color:var(--color-navy)}.comparison-table .rating{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700;color:var(--color-amber-dark)}.comparison-table .price-highlight{font-size:1.125rem;font-weight:800;color:var(--color-navy)}.comparison-table .price-highlight small{font-weight:400;font-size:.75rem;color:var(--color-gray-500)}.comparison-table .winner{background-color:#f59e0b14}.comparison-table .winner td{border-top:2px solid var(--color-amber);border-bottom:2px solid var(--color-amber)}label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--space-1)}input[type=text],input[type=email],input[type=url],input[type=search],input[type=number],input[type=password],select,textarea{display:block;width:100%;padding:.6em .85em;font-size:1rem;line-height:1.5;color:var(--color-gray-800);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-amber);box-shadow:0 0 0 3px #f59e0b26}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75em center;padding-right:2.5em}textarea{min-height:120px;resize:vertical}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);outline:none;border:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-amber);border:2px solid var(--color-white);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;transition:background-color var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-amber-dark)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--color-amber);border:2px solid var(--color-white);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer}.form-group{margin-bottom:var(--space-4)}.form-hint{font-size:.8125rem;color:var(--color-gray-500);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2em .65em;font-size:.75rem;font-weight:600;line-height:1.4;border-radius:var(--radius-full);background-color:var(--color-gray-100);color:var(--color-gray-700);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-amber{background-color:#f59e0b1f;color:var(--color-amber-dark)}.badge-navy{background-color:var(--color-navy);color:var(--color-white)}.stars{display:inline-flex;align-items:center;gap:2px;color:var(--color-amber);font-size:1rem;line-height:1}.stars:before{content:attr(data-rating);font-family:var(--font-body);font-weight:700;font-size:.9375rem;margin-right:var(--space-1);color:var(--color-gray-800)}.star{display:inline-block;width:1em;height:1em;background:var(--color-gray-200);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star--filled{background:var(--color-amber)}.star--half{background:linear-gradient(90deg,var(--color-amber) 50%,var(--color-gray-200) 50%)}.stars-label{font-size:.8125rem;color:var(--color-gray-500);margin-left:var(--space-2)}.cta-box{background-color:var(--color-gray-50);border-left:4px solid var(--color-amber);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);margin-block:var(--space-8)}.cta-box__title{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-2)}.cta-box__text{color:var(--color-gray-600);margin-bottom:var(--space-4)}.cta-box .btn{font-size:1.0625rem}.affiliate-disclosure{font-size:.8125rem;font-style:italic;color:var(--color-gray-500);line-height:1.6;padding:var(--space-3) 0;border-top:1px solid var(--color-gray-200);margin-top:var(--space-6)}.hero{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-dark) 100%);color:var(--color-white);padding-block:var(--space-20);text-align:center}.hero h1{color:var(--color-white);font-size:3rem;margin-bottom:var(--space-4)}.hero p{font-size:1.25rem;color:var(--color-gray-300);max-width:640px;margin-inline:auto;margin-bottom:var(--space-8)}.hero .btn{font-size:1.125rem}.hero__kicker{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-amber);margin-bottom:var(--space-3)}.trust-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-6);padding-block:var(--space-4);font-size:.8125rem;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200)}.trust-bar__item{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.trust-bar__item strong{color:var(--color-gray-700)}.prose{font-size:1.0625rem;line-height:1.8;color:var(--color-gray-700)}.prose h2{margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gray-200)}.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose h4{margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose p{margin-bottom:var(--space-5)}.prose ul,.prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose li::marker{color:var(--color-amber)}.prose blockquote{border-left:4px solid var(--color-amber);background-color:var(--color-gray-50);padding:var(--space-4) var(--space-6);margin-block:var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--color-gray-600)}.prose blockquote p:last-child{margin-bottom:0}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin-block:var(--space-6)}.prose table{margin-block:var(--space-6)}.prose hr{border:none;border-top:1px solid var(--color-gray-200);margin-block:var(--space-8)}.prose a{font-weight:500}.provider-card{display:flex;flex-direction:column;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base)}.provider-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.provider-card__logo{display:flex;align-items:center;justify-content:center;height:60px;margin-bottom:var(--space-4);padding:var(--space-2)}.provider-card__logo img{max-height:100%;width:auto;object-fit:contain}.provider-card__name{font-size:1.125rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-1);text-align:center}.provider-card__rating{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.provider-card__price{text-align:center;margin-bottom:var(--space-4)}.provider-card__price-value{font-size:1.5rem;font-weight:800;color:var(--color-navy)}.provider-card__price-period{font-size:.8125rem;color:var(--color-gray-500)}.provider-card__features{list-style:none;padding:0;margin-bottom:var(--space-4);font-size:.875rem;color:var(--color-gray-600)}.provider-card__features li{padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}.provider-card__features li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.provider-card__cta{margin-top:auto}.provider-card__cta .btn{width:100%}.email-capture{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-dark) 100%);color:var(--color-white);padding-block:var(--space-16);text-align:center}.email-capture h2{color:var(--color-white);margin-bottom:var(--space-2)}.email-capture p{color:var(--color-gray-300);max-width:540px;margin-inline:auto;margin-bottom:var(--space-6)}.email-capture__form{display:flex;gap:var(--space-3);max-width:480px;margin-inline:auto}.email-capture__form input[type=email]{flex:1;border:2px solid var(--color-navy-light);background-color:#ffffff1a;color:var(--color-white)}.email-capture__form input[type=email]::placeholder{color:var(--color-gray-400)}.email-capture__form input[type=email]:focus{border-color:var(--color-amber);background-color:#ffffff26}.email-capture__hint{font-size:.75rem;color:var(--color-gray-400);margin-top:var(--space-3)}.toc-sidebar{position:sticky;top:5rem;max-height:calc(100vh - 6rem);overflow-y:auto;padding:var(--space-4);border-left:2px solid var(--color-gray-200)}.toc-sidebar__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:var(--space-3)}.toc-sidebar ul{list-style:none;padding:0}.toc-sidebar li{margin-bottom:var(--space-1)}.toc-sidebar a{display:block;font-size:.8125rem;color:var(--color-gray-500);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.toc-sidebar a:hover{color:var(--color-navy);background-color:var(--color-gray-50)}.toc-sidebar a.active{color:var(--color-amber-dark);font-weight:600;background-color:#f59e0b0f}.toc-sidebar ul ul{padding-left:var(--space-4)}.footer{background-color:var(--color-navy-dark);color:var(--color-gray-300);padding-block:var(--space-16) var(--space-8)}.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}.footer__heading{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-white);margin-bottom:var(--space-4)}.footer ul{list-style:none;padding:0}.footer li{margin-bottom:var(--space-2)}.footer a{color:var(--color-gray-400);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.footer a:hover{color:var(--color-amber)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);font-size:.8125rem;color:var(--color-gray-500)}.footer__bottom a{color:var(--color-gray-500)}.footer__bottom a:hover{color:var(--color-amber)}.header{position:sticky;top:0;z-index:100;background-color:var(--color-navy);color:var(--color-white);box-shadow:var(--shadow-lg)}.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin-inline:auto;padding:var(--space-3) var(--space-6)}.header__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:1.25rem;color:var(--color-white);text-decoration:none}.header__logo:hover,.header__logo span{color:var(--color-amber)}.header__nav{display:flex;align-items:center;gap:var(--space-1)}.header__nav a{color:var(--color-gray-300);text-decoration:none;font-size:.9375rem;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.header__nav a:hover,.header__nav a[aria-current=page]{color:var(--color-white);background-color:#ffffff14}.header__cta{margin-left:var(--space-4)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:100%;height:2px;background-color:var(--color-white);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;inset:56px 0 0;z-index:99;background-color:var(--color-navy);padding:var(--space-6);flex-direction:column;gap:var(--space-2)}.mobile-nav.is-open{display:flex}.mobile-nav a{color:var(--color-gray-300);text-decoration:none;font-size:1.125rem;font-weight:500;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-nav a:hover{color:var(--color-white);background-color:#ffffff14}@media(max-width:1024px){.grid--3,.grid--4,.footer__grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.toc-sidebar{display:none}}@media(max-width:768px){:root{--font-size-base: 15px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.section{padding-block:var(--space-10)}.header__nav,.header__cta{display:none}.hamburger{display:flex}.grid,.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.table-wrapper{margin-inline:calc(var(--space-6) * -1);border-radius:0;border-left:none;border-right:none}.hero{padding-block:var(--space-12)}.hero h1{font-size:2rem}.hero p{font-size:1rem}.footer__grid{grid-template-columns:1fr;gap:var(--space-6)}.footer__bottom{flex-direction:column;text-align:center}.cta-box{padding:var(--space-4) var(--space-5)}.email-capture__form{flex-direction:column}.provider-card{padding:var(--space-4)}.trust-bar{gap:var(--space-4)}.prose{font-size:1rem}.hero .flex{flex-direction:column;align-items:stretch}.hero .btn{width:100%;text-align:center}.article [style*="grid-template-columns: 1fr 1fr"],.article [style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}.comparison-table{font-size:.8125rem}.comparison-table th,.comparison-table td{padding:.5rem .4rem}.btn{white-space:normal;min-height:44px}.btn--lg{padding:.65em 1.25em;font-size:1rem}.article{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(auto-fill"]{grid-template-columns:1fr 1fr!important}}@media(max-width:480px){:root{--font-size-base: 15px}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.container{padding-inline:var(--space-4)}.hero{padding-block:var(--space-10)}.hero h1{font-size:1.75rem}.hero p{font-size:.9375rem}.trust-bar{flex-direction:column;gap:var(--space-2);text-align:center}.card,.card__header,.card__body{padding:var(--space-3)}.footer__grid{grid-template-columns:1fr;gap:var(--space-4)}.comparison-table th,.comparison-table td{padding:.375rem .3rem;font-size:.75rem}.section{padding-block:var(--space-8)}.price-highlight{font-size:1.125rem}.article header [style*="gap: var(--space-8)"]{gap:var(--space-4)!important}.cta-box{padding:var(--space-3) var(--space-4)}.affiliate-btn{width:100%;text-align:center}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-amber{color:var(--color-amber)}.text-amber-dark{color:var(--color-amber-dark)}.text-navy{color:var(--color-navy)}.text-white{color:var(--color-white)}.text-gray{color:var(--color-gray-500)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-6)}.mt-4{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.mb-4{margin-bottom:var(--space-8)}.mx-auto{margin-inline:auto}.w-full{width:100%}.bg-navy{background-color:var(--color-navy)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.benchmark-placeholder{display:flex;align-items:center;justify-content:center;min-height:240px;background-color:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--color-gray-400);font-size:.9375rem}.benchmark-placeholder__icon{font-size:2rem;margin-bottom:var(--space-2);opacity:.5}.benchmark-placeholder__text{font-weight:500;color:var(--color-gray-500)}.benchmark-placeholder__hint{font-size:.8125rem;color:var(--color-gray-400);margin-top:var(--space-1)}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-bottom:var(--space-6)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:180px;flex:1}.filter-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.filter-group select,.filter-group input{font-size:.875rem;padding:.5em .75em}.slider-group{display:flex;flex-direction:column;gap:var(--space-1)}.slider-group__header{display:flex;justify-content:space-between;align-items:center}.slider-group__value{font-family:var(--font-mono);font-size:.875rem;font-weight:700;color:var(--color-navy);background-color:var(--color-gray-100);padding:.1em .5em;border-radius:var(--radius-sm)}.result-card{display:flex;align-items:center;gap:var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.result-card:hover{border-color:var(--color-amber);box-shadow:var(--shadow-md)}.result-card__rank{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-navy);color:var(--color-white);font-weight:800;font-size:.875rem;border-radius:50%;flex-shrink:0}.result-card__rank--1{background-color:var(--color-amber);color:var(--color-navy)}.result-card__info{flex:1;min-width:0}.result-card__name{font-weight:700;color:var(--color-navy);margin-bottom:var(--space-1)}.result-card__meta{font-size:.8125rem;color:var(--color-gray-500)}.result-card__score{text-align:right;flex-shrink:0}.result-card__score-value{font-size:1.25rem;font-weight:800;color:var(--color-navy);font-family:var(--font-mono)}.result-card__score-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400)}.result-card__action{flex-shrink:0}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.calculator__inputs{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6)}.calculator__results{background-color:var(--color-white);border:2px solid var(--color-navy);border-radius:var(--radius-lg);padding:var(--space-6)}.calculator__results-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:var(--space-4)}@media(max-width:768px){.filter-controls{flex-direction:column}.filter-group{min-width:100%}.calculator{grid-template-columns:1fr}.result-card{flex-wrap:wrap}}