@font-face{font-family: "League Spartan";src: url("/assets/fonts/league-spartan-600.woff2") format("woff2");font-weight: 600;font-display: swap}@font-face{font-family: "League Spartan";src: url("/assets/fonts/league-spartan-700.woff2") format("woff2");font-weight: 700;font-display: swap}@font-face{font-family: "League Spartan";src: url("/assets/fonts/league-spartan-800.woff2") format("woff2");font-weight: 800;font-display: swap}@font-face{font-family: "Inter";src: url("/assets/fonts/inter-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "Inter";src: url("/assets/fonts/inter-500.woff2") format("woff2");font-weight: 500;font-display: swap}@font-face{font-family: "Inter";src: url("/assets/fonts/inter-600.woff2") format("woff2");font-weight: 600;font-display: swap}:root{--navy: #0E1A44;--navy-2: #172659;--blue: #273F9E;--bright: #A3B8FF;--bright-2: #C7D4FF;--tint: #EEF2FF;--line: #DCE3F5;--text: #0E1A44;--muted: #59617A;--white: #FFFFFF;--display: "League Spartan", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--r-lg: 32px;--r-md: 20px;--wrap: 78rem;--g: clamp(16px, 4vw, 40px)}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: 1rem}body{margin: 0;background: var(--white);color: var(--text);font-family: var(--body);font-size: 17px;line-height: 1.6;-webkit-font-smoothing: antialiased}img{display: block;max-width: 100%;height: auto}a{color: var(--blue);text-underline-offset: 0.18em}.wrap{max-width: var(--wrap);margin: 0 auto;padding: 0 var(--g)}.q{color: var(--blue)}.on-dark .q{color: var(--bright)}h1, h2, h3{font-family: var(--display);font-weight: 800;letter-spacing: -0.03em;line-height: 0.92;margin: 0 0 0.4em}h1{font-size: clamp(3.2rem, 7.6vw, 6.6rem)}h2{font-size: clamp(2.5rem, 5.6vw, 4.6rem)}h3{font-size: 1.55rem;line-height: 1.05;letter-spacing: -0.02em;font-weight: 700}p{margin: 0 0 1em}.lede{font-size: clamp(1.1rem, 1.6vw, 1.3rem);color: var(--muted);max-width: 40ch}.on-dark .lede{color: rgba(255,255,255,0.78)}.eyebrow{display: inline-block;font-weight: 600;font-size: 0.85rem;background: var(--tint);color: var(--blue);padding: 0.35rem 0.85rem;border-radius: 999px;margin-bottom: 1.25rem}.on-dark .eyebrow{background: rgba(163,184,255,0.16);color: var(--bright)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;border-radius: 999px;padding: 0.95rem 1.6rem;font-family: var(--body);font-weight: 600;font-size: 1rem;line-height: 1.1;text-decoration: none;border: 0;cursor: pointer;transition: transform .15s ease, background .15s ease}.btn:hover{transform: translateY(-1px)}.btn-primary{background: var(--bright);color: var(--navy)}.btn-primary:hover{background: #B7C8FF;color: var(--navy)}.btn-dark{background: var(--navy);color: #fff}.btn-dark:hover{background: var(--navy-2);color: #fff}.btn-line{background: transparent;color: var(--navy);box-shadow: inset 0 0 0 2px var(--navy)}.btn-line:hover{background: var(--navy);color: #fff}.on-dark .btn-line{color: #fff;box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7)}.on-dark .btn-line:hover{background: #fff;color: var(--navy)}.btns{display: flex;flex-wrap: wrap;gap: 0.75rem}:focus-visible{outline: 3px solid var(--blue);outline-offset: 3px}.site-header .wrap{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding-top: 1.1rem;padding-bottom: 1.1rem}.site-header img{height: 34px;width: auto}.nav{display: flex;align-items: center;gap: 0.35rem}.nav a{color: var(--text);text-decoration: none;font-weight: 600;font-size: 0.97rem;padding: 0.6rem 0.95rem;border-radius: 999px}.nav a:hover{background: var(--tint)}.nav .btn{margin-left: 0.5rem;padding: 0.7rem 1.2rem}.nav a.btn-dark, .nav a.btn-dark:hover{color: #fff;background: var(--navy)}.nav a.btn-dark:hover{background: var(--navy-2)}.site-header{position: relative;z-index: 30;background: #fff}.menu-btn, .nav-wa{display: none}@media (max-width: 900px){.site-header img{height: 28px}.menu-btn{display: inline-flex;align-items: center;gap: 0.6rem;font: inherit;font-weight: 600;font-size: 0.97rem;color: #fff;background: var(--navy);border: 0;border-radius: 999px;padding: 0.7rem 1.15rem;cursor: pointer}.menu-icon, .menu-icon::before, .menu-icon::after{display: block;width: 16px;height: 2px;background: currentColor;border-radius: 2px;position: relative;transition: transform .2s ease, background .2s ease}.menu-icon::before, .menu-icon::after{content: "";position: absolute;left: 0}.menu-icon::before{top: -5px}.menu-icon::after{top: 5px}.menu-btn[aria-expanded="true"] .menu-icon{background: transparent}.menu-btn[aria-expanded="true"] .menu-icon::before{transform: translateY(5px) rotate(45deg)}.menu-btn[aria-expanded="true"] .menu-icon::after{transform: translateY(-5px) rotate(-45deg)}.js .nav{display: none;position: absolute;top: 100%;left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 0.25rem;background: #fff;padding: 0.75rem 16px 1.25rem;border-top: 1px solid var(--line);box-shadow: 0 18px 30px rgba(14,26,68,0.12)}.js .nav.open{display: flex}.nav a{font-size: 1.15rem;padding: 0.9rem 1rem}.nav .btn{margin: 0.4rem 0 0;justify-content: center}.js .nav .nav-wa{display: inline-flex}html:not(.js) .menu-btn{display: none}html:not(.js) .nav{flex-wrap: wrap}}.hero{position: relative;isolation: isolate;color: #fff;background: var(--navy);padding: clamp(3rem, 8vw, 6.5rem) 0 clamp(3rem, 7vw, 5.5rem);min-height: min(86vh, 48rem);display: flex;align-items: center}.hero > .wrap{width: 100%}.hero-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2}.hero::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg, rgba(14,26,68,0.88) 0%, rgba(14,26,68,0.6) 50%, rgba(14,26,68,0.3) 100%)}@media (max-width: 979px){.hero::after{background: linear-gradient(180deg, rgba(14,26,68,0.4) 0%, rgba(14,26,68,0.6) 45%, rgba(14,26,68,0.88) 100%)}}.hero-grid{display: grid;gap: 3rem;align-items: center}@media (min-width: 980px){.hero-grid{grid-template-columns: 1.15fr 1fr;gap: 4rem}}.hero-grid > *{min-width: 0}.hero h1{max-width: 11ch;color: #fff}.hero .lede{margin-bottom: 2rem;color: rgba(255,255,255,0.86)}.jump{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 2.25rem}.jump a{font-size: 0.92rem;font-weight: 600;color: #fff;text-decoration: none;background: rgba(255,255,255,0.14);padding: 0.55rem 0.95rem;border-radius: 999px;backdrop-filter: blur(6px)}.jump a:hover{background: rgba(255,255,255,0.26)}.calc{background: #fff;color: var(--navy);border-radius: var(--r-lg);padding: clamp(1.35rem, 3vw, 2.25rem);box-shadow: 0 24px 60px rgba(8,14,40,0.35)}.calc h2{font-size: 1.6rem;letter-spacing: -0.02em;line-height: 1.05;margin-bottom: 0.4rem;color: var(--navy)}.calc .sub{color: var(--muted);font-size: 0.95rem;margin-bottom: 1.5rem}.calc label{display: block;font-size: 0.85rem;font-weight: 600;color: var(--muted);margin-bottom: 0.5rem}.field{display: flex;align-items: center;background: var(--tint);border-radius: 16px;padding: 0 1.1rem}.field span{font-family: var(--display);font-weight: 700;font-size: 1.5rem;color: var(--muted)}.field input{flex: 1;min-width: 0;border: 0;outline: 0;font-family: var(--display);font-weight: 700;font-size: 1.9rem;color: var(--navy);padding: 0.85rem 0.5rem 0.7rem;background: transparent}.field:focus-within{box-shadow: 0 0 0 3px var(--blue)}.presets{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: 0.75rem 0 1.5rem}.presets button{font: inherit;font-size: 0.85rem;font-weight: 600;color: var(--navy);background: var(--tint);border: 0;border-radius: 999px;padding: 0.4rem 0.8rem;cursor: pointer}.presets button:hover{background: var(--bright-2)}.results{display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem}.result{border-radius: var(--r-md);padding: 1rem 1.1rem;background: var(--tint)}.result.ad{background: var(--bright)}.result small{display: block;font-size: 0.82rem;font-weight: 600;opacity: 0.8}.result strong{display: block;font-family: var(--display);font-weight: 800;font-size: clamp(1.5rem, 3vw, 2rem);letter-spacing: -0.02em;line-height: 1.1;margin-top: 0.2rem;font-variant-numeric: tabular-nums}.saving{margin: 0.9rem 0 0;padding: 0.95rem 1.1rem;border-radius: var(--r-md);border: 1px solid var(--line);font-size: 0.97rem}.saving strong{color: var(--blue)}.calc .fine{font-size: 0.78rem;color: var(--muted);margin: 1rem 0 0}.calc .fine a{color: var(--muted)}.section{padding: clamp(3.25rem, 7vw, 6rem) 0}.tint{background: var(--tint)}.on-dark{background: var(--navy);color: #fff}.head{display: grid;gap: 1rem 4rem;margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem);align-items: end}@media (min-width: 900px){.head{grid-template-columns: 1.1fr 1fr}}.head h2{margin: 0}.head p{margin: 0}.answer{font-size: clamp(1.15rem, 1.7vw, 1.35rem);line-height: 1.45;max-width: 44ch}.answer strong{color: var(--blue)}.on-dark .answer strong{color: var(--bright)}.stats{display: grid;gap: 1rem}@media (min-width: 640px){.stats{grid-template-columns: 1fr 1fr}}@media (min-width: 1100px){.stats{grid-template-columns: repeat(4, 1fr)}}.stat{background: var(--white);border-radius: var(--r-lg);padding: 1.75rem;display: flex;flex-direction: column}.stat .num{font-family: var(--display);font-weight: 800;font-size: clamp(3rem, 5vw, 3.8rem);letter-spacing: -0.035em;line-height: 0.9;color: var(--navy);margin-bottom: 1rem}.stat p{color: var(--muted);font-size: 0.97rem;margin-bottom: 1.25rem}.bars{display: grid;gap: 0.5rem;margin-bottom: 1.25rem;margin-top: auto}.bar{display: grid;grid-template-columns: 1fr auto;gap: 0.3rem 0.75rem;font-size: 0.8rem;color: var(--muted)}.bar .track{grid-column: 1 / -1;height: 10px;background: var(--tint);border-radius: 999px;overflow: hidden}.bar .fill{display: block;height: 100%;background: var(--blue);border-radius: 999px}.bar.alt .fill{background: var(--bright)}.bar b{color: var(--navy);font-weight: 600;font-variant-numeric: tabular-nums}.src{font-size: 0.8rem;color: var(--muted)}.src a{color: var(--muted)}.note{color: var(--muted);font-size: 0.95rem;margin-top: 1.5rem}.compare-grid{display: grid;gap: 2rem}@media (min-width: 980px){.compare-grid{grid-template-columns: 1fr 1.35fr;gap: 4rem;align-items: start}}.compare-grid > *{min-width: 0}.ctable{background: var(--white);border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden}.crow{display: grid;grid-template-columns: 1.1fr 1fr 1fr;border-top: 1px solid var(--line)}.crow:first-child{border-top: 0}.crow > div{padding: 1.15rem 1.25rem}.crow.head-row{background: var(--tint);font-weight: 700;font-family: var(--display);font-size: 1.15rem;letter-spacing: -0.01em}.crow.head-row .ad{color: var(--blue)}.crow .label{color: var(--muted);font-size: 0.92rem;font-weight: 500}.crow .cell{font-weight: 500}.crow .win{font-weight: 600}.tag{display: inline-block;font-size: 0.72rem;font-weight: 700;background: var(--bright-2);color: var(--navy);border-radius: 999px;padding: 0.15rem 0.55rem;margin-left: 0.35rem;vertical-align: 0.15em}.crow .cell small{display: none}@media (max-width: 640px){.crow{grid-template-columns: 1fr 1fr}.crow .label{grid-column: 1 / -1;padding-bottom: 0}.crow.head-row{display: none}.crow .cell small{display: block;font-size: 0.75rem;color: var(--muted);font-weight: 600;margin-bottom: 0.15rem}.crow .cell.ad-cell small{color: var(--blue)}}.cards{display: grid;gap: 1.25rem}@media (min-width: 860px){.cards{grid-template-columns: repeat(3, 1fr)}}.card{background: var(--white);border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden;display: flex;flex-direction: column;transition: transform .2s ease, box-shadow .2s ease}.card:hover{transform: translateY(-3px);box-shadow: 0 16px 40px rgba(14,26,68,0.1)}.card img{width: 100%;aspect-ratio: 3 / 2;object-fit: cover}.card .body{padding: 1.5rem 1.6rem 1.6rem;display: flex;flex-direction: column;flex: 1}.pill{align-self: flex-start;font-size: 0.8rem;font-weight: 600;color: var(--blue);background: var(--tint);border-radius: 999px;padding: 0.3rem 0.75rem;margin-bottom: 0.9rem}.card h3{font-size: 1.85rem;margin-bottom: 0.6rem}.card p{color: var(--muted);font-size: 0.97rem}.card .soon{margin-top: auto;margin-bottom: 0;font-size: 0.85rem;font-weight: 600;color: var(--navy)}.catches{display: grid;gap: 1rem}@media (min-width: 760px){.catches{grid-template-columns: 1fr 1fr}}.catch{background: var(--navy-2);border-radius: var(--r-lg);padding: 1.75rem}.catch .n{display: inline-grid;place-items: center;width: 2.3rem;height: 2.3rem;border-radius: 50%;background: var(--bright);color: var(--navy);font-family: var(--display);font-weight: 800;font-size: 1.05rem;margin-bottom: 1.1rem;padding-top: 0.15rem}.catch h3{color: #fff}.catch p{color: rgba(255,255,255,0.75);margin: 0;font-size: 0.97rem}.catch a{color: var(--bright)}.cta-block{background: var(--bright);color: var(--navy);border-radius: var(--r-lg);padding: clamp(2rem, 6vw, 4.5rem);display: grid;gap: 2rem;align-items: end}@media (min-width: 980px){.cta-block{grid-template-columns: 1.3fr 1fr}}.cta-block h2{margin: 0}.cta-block p{font-size: 1.12rem;color: var(--navy);opacity: 0.85}.brief{margin-top: 1.25rem;background: var(--tint);border-radius: var(--r-lg);padding: clamp(1.5rem, 4vw, 2.5rem);display: grid;gap: 1rem 2rem;align-items: center}@media (min-width: 900px){.brief{grid-template-columns: 1fr 1.3fr auto}}.brief h3{margin: 0;font-size: 1.7rem}.brief p{margin: 0;color: var(--muted);font-size: 0.97rem}.soon-pill{font-size: 0.85rem;font-weight: 700;background: var(--white);color: var(--blue);border-radius: 999px;padding: 0.6rem 1.1rem;white-space: nowrap;justify-self: start}.site-footer{background: var(--navy);color: rgba(255,255,255,0.7);padding: 4.5rem 0 2.5rem;font-size: 0.92rem;margin-top: clamp(3.25rem, 7vw, 5.5rem)}.foot{display: grid;gap: 2.5rem;padding-bottom: 2.5rem;border-bottom: 1px solid rgba(255,255,255,0.12)}@media (min-width: 860px){.foot{grid-template-columns: 1.5fr 1fr 1fr}}.site-footer img{height: 30px;width: auto;margin-bottom: 1.1rem}.foot-line{font-family: var(--display);font-weight: 700;font-size: 1.6rem;letter-spacing: -0.02em;line-height: 1.05;color: #fff;max-width: 18ch}.site-footer h4{color: #fff;font-size: 0.95rem;margin: 0 0 0.9rem}.site-footer ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.55rem}.site-footer a{color: #fff;text-decoration: none}.site-footer a:hover{color: var(--bright)}.fine-print{padding-top: 2rem;display: grid;gap: 0.6rem}.fine-print p{margin: 0;max-width: 80ch}.wa-float{display: none}@media (max-width: 859px){.wa-float{display: block;position: fixed;right: 16px;bottom: calc(16px + env(safe-area-inset-bottom));z-index: 50;background: var(--bright);color: var(--navy);text-decoration: none;font-weight: 600;padding: 0.85rem 1.25rem;border-radius: 999px;box-shadow: 0 8px 24px rgba(14,26,68,0.3)}.site-footer{padding-bottom: 6rem}}@media (prefers-reduced-motion: reduce){*{transition: none !important}}.skip{position: absolute;left: 16px;top: -100px;z-index: 100;background: var(--navy);color: #fff;padding: 0.7rem 1.1rem;border-radius: 999px;font-weight: 600;text-decoration: none}.skip:focus{top: 0.75rem;color: #fff}.visually-hidden{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.nav a[aria-current="page"]:not(.btn){background: var(--tint);color: var(--blue)}.on-dark :focus-visible{outline-color: var(--bright)}.page-head{position: relative;isolation: isolate;padding: clamp(3rem, 8vw, 6rem) 0 clamp(2.5rem, 6vw, 4.5rem);background: var(--tint)}.page-head h1{font-size: clamp(2.8rem, 6.4vw, 5.4rem);max-width: 14ch}.page-head .lede{max-width: 46ch;margin-bottom: 0}.page-head.on-dark{background: var(--navy);color: #fff;padding-top: clamp(4rem, 10vw, 7.5rem)}.page-head.on-dark h1{color: #fff}.page-head.on-dark .lede{color: rgba(255,255,255,0.86)}.page-head.on-dark::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg, rgba(14,26,68,0.9) 0%, rgba(14,26,68,0.62) 55%, rgba(14,26,68,0.35) 100%)}@media (max-width: 979px){.page-head.on-dark::after{background: linear-gradient(180deg, rgba(14,26,68,0.45) 0%, rgba(14,26,68,0.88) 100%)}}.updated{display: inline-block;margin-top: 1.5rem;font-size: 0.85rem;font-weight: 600;color: var(--bright)}.article{padding: clamp(3rem, 7vw, 5rem) 0 0}.article .body{max-width: 46rem}.article h2{font-size: clamp(2rem, 4vw, 2.9rem);margin-top: 2.75rem}.article .body > p{color: #2A3354}.short-answer{background: var(--tint);border-radius: var(--r-md);padding: 1.5rem 1.75rem;margin-bottom: 1rem;border-left: 6px solid var(--bright)}.short-answer strong{display: block;font-family: var(--display);font-size: 1.25rem;letter-spacing: -0.01em;margin-bottom: 0.35rem}.short-answer p{margin: 0;font-size: 1.1rem}.article .ctable{margin-top: 1.25rem}sup a{text-decoration: none;font-weight: 600;font-size: 0.8em;padding: 0 0.1em}.sources{padding-left: 1.25rem;color: var(--muted);font-size: 0.95rem}.sources li{margin-bottom: 0.5rem}.sources li:target{background: var(--tint);border-radius: 6px}.points{display: grid;gap: 1rem;margin-top: 1.25rem}@media (min-width: 760px){.points{grid-template-columns: repeat(3, 1fr)}}.point{background: var(--tint);border-radius: var(--r-md);padding: 1.5rem}.point h3{font-size: 1.3rem;margin-bottom: 0.5rem}.point p{margin: 0;color: var(--muted);font-size: 0.97rem}.signup{display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center}.signup input{flex: 1 1 220px;font: inherit;border: 0;border-radius: 999px;padding: 0.9rem 1.2rem;background: #fff;color: var(--navy)}[data-newsletter="off"] .signup{display: none}[data-newsletter="on"] .soon-pill{display: none}.contact-grid{display: grid;gap: 1.5rem;padding-top: clamp(2.5rem, 6vw, 4rem)}@media (min-width: 900px){.contact-grid{grid-template-columns: 1.6fr 1fr;align-items: start}}.contact-grid > *{min-width: 0}.form-card{background: #fff;border: 1px solid var(--line);border-radius: var(--r-lg);padding: clamp(1.5rem, 4vw, 2.5rem)}.form-row{margin-bottom: 1.35rem}.form-card label, .form-card legend{display: block;font-weight: 600;font-size: 0.95rem;margin-bottom: 0.45rem}.optional, .hint{font-weight: 400;color: var(--muted)}.hint{display: block;font-size: 0.85rem;margin-top: 0.1rem}.form-card input[type="text"], .form-card input[type="tel"], .form-card input[type="email"], .form-card select, .form-card textarea{display: block;width: 100%;font: inherit;color: var(--navy);background: var(--tint);border: 2px solid transparent;border-radius: 14px;padding: 0.8rem 1rem}.form-card input:focus, .form-card select:focus, .form-card textarea:focus{outline: 0;border-color: var(--blue);background: #fff}.form-card textarea{min-height: 7rem;resize: vertical}fieldset{border: 0;padding: 0;margin: 0}.checks{display: flex;flex-wrap: wrap;gap: 0.5rem}.checks legend{width: 100%}.checks label{display: inline-flex;align-items: center;gap: 0.5rem;font-weight: 500;background: var(--tint);border-radius: 999px;padding: 0.55rem 1rem;margin: 0;cursor: pointer}.checks input{width: 1.05rem;height: 1.05rem;accent-color: var(--blue)}.error{display: block;color: #A1162B;font-weight: 600;font-size: 0.9rem;margin-top: 0.4rem}.error:empty{display: none}.form-card [aria-invalid="true"]{border-color: #A1162B}.status{margin: 1rem 0 0;font-weight: 600}.status.ok{color: var(--blue)}.status.bad{color: #A1162B}.hp{position: absolute;left: -9999px}.aside{background: var(--navy);color: #fff;border-radius: var(--r-lg);padding: clamp(1.5rem, 4vw, 2.25rem)}.aside h2{font-size: 2rem;color: #fff}.aside .q{color: var(--bright)}.aside p{color: rgba(255,255,255,0.78);font-size: 0.97rem}.aside .licence{color: rgba(255,255,255,0.6);font-size: 0.85rem;margin: 1.5rem 0 0;padding-top: 1.25rem;border-top: 1px solid rgba(255,255,255,0.14)}.form-off p{color: var(--muted)}[data-form="off"] .enquiry-form{display: none}[data-form="on"] .form-off{display: none}[data-form="off"] .aside-wa{display: none}.pills{display: flex;flex-wrap: wrap;gap: 0.6rem}.pills a{font-weight: 600;color: var(--navy);background: var(--tint);text-decoration: none;padding: 0.75rem 1.2rem;border-radius: 999px}.pills a:hover{background: var(--bright-2)}.site-footer .licence{color: rgba(255,255,255,0.55)}.site-header .logo{position: relative;display: inline-flex}.site-header .logo img{transition: opacity .35s ease}.logo-animating img{opacity: 0}.logo-anim{position: absolute;left: 0.044em;top: 0;z-index: 2;pointer-events: none;white-space: nowrap;line-height: 1;font-family: var(--display);font-weight: 800;letter-spacing: -0.03em;font-kerning: none;color: var(--navy);transition: opacity .35s ease}.logo-anim.done{opacity: 0}.logo-swap img{transition: none !important}.la-char{visibility: hidden}.la-char.on{visibility: visible}.la-fold{display: inline-block;vertical-align: top;overflow: hidden;white-space: pre;transition: width .6s cubic-bezier(.7, 0, .3, 1), opacity .45s ease}.la-fold.folded{opacity: 0}.la-bubble{display: inline-block;position: relative;vertical-align: top;width: 0.66em;height: 1em;margin-left: 0.07em}.la-bubble .la-char{position: absolute;left: 0;top: calc(var(--bl) - 1.1813em);width: 1.1399em;height: 1.1399em;display: flex;align-items: center;justify-content: center;font-size: 0.579em;letter-spacing: 0;border-radius: 50%;background: var(--bright);color: var(--navy);padding: 0.1796em 0 0 0.0291em}.la-bubble .la-char::before{content: "";position: absolute;left: -10%;top: -10%;width: 120%;height: 120%;background: var(--bright);clip-path: polygon(19.9% 68.7%, 7.4% 92.6%, 38.4% 85.9%)}.la-caret{display: inline-block;width: 0.06em;height: 0.72em;margin-left: 0.04em;vertical-align: top;margin-top: calc(var(--bl) - 0.7em);background: var(--blue);animation: la-blink .8s steps(1) infinite}@keyframes la-blink{50%{opacity: 0}}.picker{display: grid;gap: 1rem;margin-top: 1.5rem}@media (min-width: 860px){.picker{grid-template-columns: repeat(3, 1fr)}}.picker a{display: flex;flex-direction: column;gap: 0.35rem;background: var(--tint);border-radius: var(--r-lg);padding: 1.6rem;text-decoration: none;color: var(--navy);transition: background .15s ease, transform .15s ease}.picker a:hover{background: var(--bright-2);transform: translateY(-2px)}.picker small{font-size: 0.85rem;font-weight: 600;color: var(--blue)}.picker strong{font-family: var(--display);font-weight: 800;font-size: 1.75rem;letter-spacing: -0.02em;line-height: 1.05}.picker span{color: var(--muted);font-size: 0.95rem}.islands{display: grid;gap: clamp(3.5rem, 8vw, 6rem)}.island{display: grid;gap: 1.75rem;align-items: center;scroll-margin-top: 1.5rem}.island > *{min-width: 0}@media (min-width: 900px){.island{grid-template-columns: 1fr 1.1fr;gap: 4rem}.island.flip img{order: 2}}.island img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: var(--r-lg)}.island h2{font-size: clamp(2.3rem, 4.6vw, 3.6rem);margin-bottom: 0.5rem}.island .pill{display: inline-block}.island-notes{display: grid;gap: 0.75rem;margin: 1.5rem 0}@media (min-width: 640px){.island-notes{grid-template-columns: 1fr 1fr}}.island-notes > div{background: var(--tint);border-radius: var(--r-md);padding: 1.25rem 1.35rem}.island-notes .watch{background: #FFF4E5}.island-notes h3{font-size: 1.15rem;margin-bottom: 0.4rem}.island-notes p{margin: 0;font-size: 0.95rem;color: #2A3354}.soon-line{font-size: 0.85rem;font-weight: 600;color: var(--muted);margin: 1rem 0 0}.verdict{display: grid;gap: 1rem}@media (min-width: 760px){.verdict{grid-template-columns: 1fr 1fr}}.verdict > div{border-radius: var(--r-lg);padding: clamp(1.75rem, 4vw, 2.75rem)}.verdict small{display: block;font-weight: 600;font-size: 0.95rem;margin-bottom: 0.6rem}.verdict p{margin: 0;font-family: var(--display);font-weight: 700;font-size: clamp(1.5rem, 2.6vw, 2.1rem);letter-spacing: -0.02em;line-height: 1.1}.verdict-ad{background: var(--bright);color: var(--navy)}.verdict-dxb{background: var(--navy);color: #fff}.verdict-dxb small{color: var(--bright)}@media (min-width: 640px){.stats.two{grid-template-columns: 1fr 1fr}}@media (min-width: 900px){.stats.three{grid-template-columns: repeat(3, 1fr)}}@media (min-width: 1100px){.stats.two{grid-template-columns: 1fr 1fr}}.stat-tint{background: var(--tint)}.stat-tint .bar .track{background: #fff}.stat-note{color: var(--navy) !important;font-weight: 500}.stat .pill{align-self: flex-start;font-size: 0.8rem;font-weight: 600;color: var(--blue);background: var(--tint);border-radius: 999px;padding: 0.3rem 0.75rem}.stat p strong{color: var(--navy)}.on-dark a:not(.btn){color: var(--bright)}.contrast{display: grid;gap: 1rem}@media (min-width: 760px){.contrast{grid-template-columns: 1fr 1fr}}.contrast > div{border-radius: var(--r-lg);padding: clamp(1.75rem, 4vw, 2.5rem)}.contrast small{display: block;font-weight: 600;font-size: 0.95rem;margin-bottom: 1rem}.contrast ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.85rem}.contrast li{font-family: var(--display);font-weight: 700;font-size: clamp(1.3rem, 2.2vw, 1.7rem);letter-spacing: -0.02em;line-height: 1.1;display: flex;gap: 0.75rem;align-items: baseline}.contrast-them{background: var(--tint);color: var(--muted)}.contrast-them li{text-decoration: line-through;text-decoration-thickness: 2px;text-decoration-color: rgba(89,97,122,0.5)}.contrast-them li::before{content: "\2715";font-size: 0.8em;color: #A1162B;text-decoration: none;display: inline-block}.contrast-us{background: var(--navy);color: #fff}.contrast-us small, .contrast-us .q{color: var(--bright)}.contrast-us li::before{content: "\2713";font-size: 0.85em;color: var(--bright)}.rule-n{display: inline-grid;place-items: center;width: 2.6rem;height: 2.6rem;border-radius: 50%;background: var(--bright);color: var(--navy);font-family: var(--display);font-weight: 800;font-size: 1.2rem;padding-top: 0.15rem;margin-bottom: 1.25rem}.stat h3{margin-bottom: 0.5rem}.steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 1rem}@media (min-width: 640px){.steps{grid-template-columns: 1fr 1fr}}@media (min-width: 1000px){.steps{grid-template-columns: repeat(4, 1fr)}}.steps li{background: var(--tint);border-radius: var(--r-lg);padding: 1.6rem;display: flex;flex-direction: column;gap: 0.35rem;position: relative}.steps small{font-weight: 600;color: var(--blue);font-size: 0.85rem}.steps strong{font-family: var(--display);font-weight: 800;font-size: 1.6rem;letter-spacing: -0.02em;line-height: 1.05}.steps span{color: var(--muted);font-size: 0.95rem}.steps li:last-child{background: #FFF4E5}@media (min-width: 900px){.catches.three{grid-template-columns: repeat(3, 1fr)}}main:has(> .on-dark:last-child) + .site-footer{margin-top: 0;border-top: 1px solid rgba(255,255,255,0.1)}.prose > :first-child{margin-top: 0}.prose h2{font-size: clamp(2rem, 4vw, 2.9rem);margin-top: 2.75rem}.prose h3{font-size: 1.45rem;margin-top: 2rem}.prose p, .prose li{color: #2A3354}.prose ul, .prose ol{padding-left: 1.25rem;margin: 0 0 1.25rem}.prose li{margin-bottom: 0.45rem}.prose li::marker{color: var(--blue);font-weight: 600}.prose blockquote{margin: 1.5rem 0;background: var(--tint);border-left: 6px solid var(--bright);border-radius: var(--r-md);padding: 1.25rem 1.5rem}.prose blockquote p{margin: 0;font-size: 1.1rem;color: var(--navy)}.prose blockquote p + p{margin-top: 0.6rem}.prose table{width: 100%;border-collapse: collapse;margin: 1.5rem 0;font-size: 0.97rem;background: #fff;border: 1px solid var(--line);border-radius: var(--r-md);overflow: hidden}@media (max-width: 640px){.prose table{display: block;overflow-x: auto}}.prose th, .prose td{text-align: left;padding: 0.85rem 1rem;border-top: 1px solid var(--line);vertical-align: top}.prose thead th{background: var(--tint);border-top: 0;font-family: var(--display);font-size: 1.05rem}.prose img{border-radius: var(--r-md);margin: 1.5rem 0}.guide-cards{display: grid;gap: 1rem}@media (min-width: 640px){.guide-cards{grid-template-columns: 1fr 1fr}}@media (min-width: 1000px){.guide-cards{grid-template-columns: repeat(3, 1fr)}}.guide-cards a{display: flex;flex-direction: column;gap: 0.4rem;background: var(--tint);border-radius: var(--r-lg);padding: 1.6rem;text-decoration: none;color: var(--navy);transition: background .15s ease, transform .15s ease}.guide-cards a:hover{background: var(--bright-2);transform: translateY(-2px)}.guide-cards small{font-size: 0.85rem;font-weight: 600;color: var(--blue)}.guide-cards strong{font-family: var(--display);font-weight: 800;font-size: 1.5rem;letter-spacing: -0.02em;line-height: 1.08}.guide-cards a > span:not(.thumb){color: var(--muted);font-size: 0.95rem}.tint .guide-cards a{background: #fff}.tint .guide-cards a:hover{background: var(--bright-2)}.guide-cards.small strong{font-size: 1.25rem}.page-head.on-dark .wrap{min-height: 24rem;display: flex;flex-direction: column;justify-content: flex-end}@media (max-width: 700px){.page-head.on-dark .wrap{min-height: 18rem}}.page-head h1{max-width: 16ch}.tint .eyebrow{background: #fff}.answer-card{background: var(--bright);color: var(--navy);border-radius: var(--r-lg);padding: clamp(1.75rem, 4vw, 2.75rem)}.answer-card small{display: block;font-weight: 600;font-size: 0.95rem;margin-bottom: 0.6rem}.answer-card p{margin: 0;max-width: 46ch;font-family: var(--display);font-weight: 700;font-size: clamp(1.4rem, 2.4vw, 1.95rem);letter-spacing: -0.02em;line-height: 1.15}.answer-card sup a{color: var(--navy)}.head.head-only{margin-bottom: 0}.section-body > :last-child{margin-bottom: 0}.section-body > p{max-width: 70ch}.fact-tiles{display: grid;gap: 1rem;margin: 0 0 1.25rem}@media (min-width: 640px){.fact-tiles{grid-template-columns: 1fr 1fr}}.fact{background: var(--tint);border-radius: var(--r-lg);padding: 1.6rem}.tint .fact{background: #fff}.fact h3{font-size: 1.3rem;margin-bottom: 0.45rem}.fact p{margin: 0;color: var(--muted);font-size: 0.97rem}.fact a{color: var(--blue)}.gtable-wrap{background: #fff;border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden;overflow-x: auto;margin: 0 0 1.25rem}.gtable{width: 100%;border-collapse: collapse;font-size: 0.97rem}.gtable th, .gtable td{text-align: left;padding: 1.1rem 1.25rem;border-top: 1px solid var(--line);vertical-align: top}.gtable thead th{background: var(--tint);border-top: 0;font-family: var(--display);font-weight: 700;font-size: 1.1rem;letter-spacing: -0.01em}.gtable td:first-child{color: var(--muted);font-weight: 500}.gtable td strong{color: var(--navy)}.section-body .gtable{display: table;border: 0;border-radius: 0;margin: 0;background: none;font-size: 0.97rem}@media (max-width: 640px){.section-body .gtable, .gtable tbody, .gtable tr, .gtable td{display: block;width: 100%}.gtable thead{position: absolute;left: -9999px}.gtable tr{padding: 1rem 1.15rem;border-top: 1px solid var(--line)}.gtable tbody tr:first-child{border-top: 0}.gtable td{border: 0;padding: 0.15rem 0}.gtable td:first-child{font-family: var(--display);font-weight: 700;font-size: 1.1rem;color: var(--navy);margin-bottom: 0.35rem}.gtable td:not(:first-child)::before{content: attr(data-label);display: block;font-size: 0.75rem;font-weight: 600;color: var(--blue);margin-top: 0.4rem}}.page-head .eyebrow, .page-head .updated{align-self: flex-start}.legal-links a{color: rgba(255,255,255,0.75);text-decoration: underline}.legal-links a:hover{color: var(--bright)}.aside a{color: var(--bright)}.card a.soon{color: var(--blue);text-decoration: underline;text-underline-offset: 0.2em}.cost-calc{display: grid;gap: 1rem}@media (min-width: 900px){.cost-calc{grid-template-columns: 1fr 1fr;align-items: start}}.cost-calc > *{min-width: 0}.cc-inputs{background: #fff;border: 1px solid var(--line);border-radius: var(--r-lg);padding: clamp(1.35rem, 3vw, 2rem);display: grid;gap: 1.25rem}.cc-inputs > label, .cc-home label, .cc-choice legend{display: block;font-weight: 600;font-size: 0.9rem;color: var(--muted);margin-bottom: 0.5rem}.cc-inputs .field{margin-top: -0.75rem}.cc-choice{display: flex;flex-wrap: wrap;gap: 0.5rem}.cc-choice legend{width: 100%;padding: 0}.cc-choice label{display: inline-flex;align-items: center;gap: 0.5rem;font-weight: 600;font-size: 0.95rem;background: var(--tint);border-radius: 999px;padding: 0.6rem 1rem;cursor: pointer}.cc-choice label:has(input:checked){background: var(--bright)}.cc-choice input{accent-color: var(--navy)}.cc-home select{width: 100%;font: inherit;color: var(--navy);background: var(--tint);border: 2px solid transparent;border-radius: 14px;padding: 0.8rem 1rem}.cc-results{background: var(--navy);color: #fff;border-radius: var(--r-lg);padding: clamp(1.5rem, 3vw, 2.25rem)}.cc-results small{display: block;font-weight: 600;color: var(--bright)}.cc-results strong{display: block;font-family: var(--display);font-weight: 800;font-size: clamp(2.6rem, 6vw, 3.6rem);letter-spacing: -0.03em;line-height: 1;margin: 0.4rem 0 0.75rem;font-variant-numeric: tabular-nums}.cc-results .cc-sub{color: rgba(255,255,255,0.8);font-size: 0.97rem;margin-bottom: 1.25rem}.cc-results dl{margin: 0;border-top: 1px solid rgba(255,255,255,0.14)}.cc-results dl > div{display: flex;justify-content: space-between;gap: 1rem;padding: 0.7rem 0;border-bottom: 1px solid rgba(255,255,255,0.14);font-size: 0.95rem}.cc-results dt{color: rgba(255,255,255,0.75)}.cc-results dd{margin: 0;font-weight: 600;font-variant-numeric: tabular-nums;white-space: nowrap}.cc-results .fine{font-size: 0.78rem;color: rgba(255,255,255,0.6);margin: 1rem 0 0}.cc-inputs{grid-template-columns: minmax(0, 1fr)}.cc-inputs > *, .cc-choice{min-width: 0;min-inline-size: 0}.cost-calc .field input{width: 100%}.cost-calc{grid-template-columns: minmax(0, 1fr)}@media (min-width: 900px){.cost-calc{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}}.calc-more{width: 100%;margin-top: 1rem}.tool-banner{display: grid;gap: 1.25rem;align-items: center;background: var(--navy);color: #fff;border-radius: var(--r-lg);padding: clamp(1.5rem, 4vw, 2.25rem);margin-bottom: 1rem;text-decoration: none}@media (min-width: 760px){.tool-banner{grid-template-columns: 1fr auto}}.tool-banner small{display: block;font-weight: 600;color: var(--bright);margin-bottom: 0.35rem}.tool-banner strong{display: block;font-family: var(--display);font-weight: 800;font-size: clamp(1.5rem, 3vw, 2rem);letter-spacing: -0.02em;line-height: 1.05}.tool-banner strong .q{color: var(--bright)}.tool-banner div > span{display: block;color: rgba(255,255,255,0.75);margin-top: 0.4rem}.tool-banner:hover .btn{background: #B7C8FF}@media (min-width: 901px) and (max-width: 1060px){.nav{gap: 0}.nav > a, .dd-btn{padding: 0.55rem 0.6rem;font-size: 0.92rem}.nav .btn{margin-left: 0.3rem}}:root{--hdr: 72px}html{scroll-padding-top: calc(var(--hdr) + 1rem)}:root{--fade: linear-gradient(to bottom, #000 0, #000 calc(100% - 44px), rgba(0,0,0,0.9) calc(100% - 36px), rgba(0,0,0,0.7) calc(100% - 28px), rgba(0,0,0,0.45) calc(100% - 19px), rgba(0,0,0,0.2) calc(100% - 9px), transparent 100%)}.site-header{position: sticky;top: 0;z-index: 40;background: transparent}.site-header::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: -32px;z-index: -1;pointer-events: none;background: rgba(255,255,255,0.66);-webkit-backdrop-filter: saturate(1.8) blur(20px);backdrop-filter: saturate(1.8) blur(20px);-webkit-mask-image: var(--fade);mask-image: var(--fade);transition: opacity .3s ease, background-color .3s ease}@media (max-width: 900px){.js .nav{background: #fff}}.trust{border-bottom: 1px solid var(--line)}.trust .wrap{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 2rem;padding-top: 1.4rem;padding-bottom: 1.4rem}.trust-label{font-size: 0.85rem;font-weight: 600;color: var(--muted)}.trust ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.5rem 1.75rem}.trust li{font-family: var(--display);font-weight: 800;font-size: 1.15rem;letter-spacing: -0.01em;color: var(--navy);opacity: 0.55}@media (max-width: 600px){.trust ul{gap: 0.4rem 1.1rem}.trust li{font-size: 1rem}}.reveal{opacity: 0;transform: translateY(18px);transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity: 1;transform: none}.reveal .bar .fill{transform: scaleX(0);transform-origin: left;transition: transform 1.1s cubic-bezier(.2,.7,.2,1) .25s}.reveal.in .bar .fill{transform: scaleX(1)}@media (prefers-reduced-motion: reduce){.reveal{opacity: 1;transform: none}.reveal .bar .fill{transform: none}}.section.tint, .section.on-dark, .cta-block, .tool-banner{position: relative;overflow: hidden;isolation: isolate}.ico{display: block;width: 46px;height: 46px;padding: 11px;margin-bottom: 1rem;border-radius: 14px;background: var(--bright-2);color: var(--navy);fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.tint .fact .ico{background: var(--tint)}.guide-cards a{overflow: hidden}.guide-cards .thumb{position: relative;display: block;overflow: hidden;isolation: isolate;width: calc(100% + 3.2rem);margin: -1.6rem -1.6rem 0.9rem;aspect-ratio: 16 / 9}.guide-cards.small .thumb{aspect-ratio: 2 / 1}.thumb-photo img{width: 100%;height: 100%;object-fit: cover;filter: saturate(0.85) contrast(1.03);transition: transform .5s ease}.thumb-photo::after{content: "";position: absolute;inset: 0;background: linear-gradient(160deg, rgba(39,63,158,0.08) 0%, rgba(14,26,68,0.32) 100%);pointer-events: none}.guide-cards a:hover .thumb-photo img{transform: scale(1.04)}.guide-cards .thumb-card{display: flex}.thumb-card{container-type: inline-size;flex-direction: column;justify-content: flex-end;padding: 1.4rem 1.6rem;color: #fff;background: var(--navy)}.thumb-card::before{content: "";position: absolute;z-index: -1;width: 70%;aspect-ratio: 1;right: -14%;top: -30%;background: currentColor;opacity: 0.1;-webkit-mask: url("/assets/bubble.svg") center / contain no-repeat;mask: url("/assets/bubble.svg") center / contain no-repeat;transition: transform .6s cubic-bezier(.2,.7,.2,1)}.guide-cards a:hover .thumb-card::before{transform: translate(-4%, 6%) rotate(-4deg)}.thumb-card .ico{position: absolute;top: 1.2rem;left: 1.6rem;margin: 0;width: 40px;height: 40px;padding: 9px;border-radius: 12px;background: rgba(255,255,255,0.12);color: inherit}.thumb-card strong{font-family: var(--display);font-weight: 800;font-size: clamp(2.2rem, 17cqi, 3.6rem);letter-spacing: -0.035em;line-height: 0.95;font-variant-numeric: tabular-nums}.thumb-card span{font-size: 0.9rem;font-weight: 500;opacity: 0.8;margin-top: 0.35rem}.guide-cards.small .thumb-card strong{font-size: clamp(2rem, 14cqi, 3rem)}.thumb-card.navy strong{color: var(--bright)}.thumb-card.bright{background: var(--bright);color: var(--navy)}.thumb-card.bright .ico{background: rgba(14,26,68,0.08)}.thumb-card.blue{background: var(--blue)}@media (prefers-reduced-motion: reduce){.thumb-card::before, .thumb-photo img{transition: none}}.keystats-wrap{position: relative;z-index: 3;margin-top: -3.5rem}.keystats{display: grid;gap: 1rem;grid-template-columns: repeat(3, minmax(0, 1fr))}.keystat{background: #fff;border-radius: var(--r-lg);padding: 1.5rem 1.6rem;box-shadow: 0 18px 40px rgba(14,26,68,0.12)}.keystat strong{display: block;font-family: var(--display);font-weight: 800;font-size: clamp(2.2rem, 4vw, 3.1rem);letter-spacing: -0.035em;line-height: 1;color: var(--navy);margin-bottom: 0.6rem;font-variant-numeric: tabular-nums}.keystat span{display: block;color: var(--navy);font-weight: 600;font-size: 0.97rem}.keystat small{display: block;color: var(--muted);font-size: 0.8rem;margin-top: 0.3rem}@media (max-width: 760px){.keystats{grid-template-columns: minmax(0, 1fr)}.keystats-wrap{margin-top: -2rem}}.keystats-wrap + section.section{padding-top: clamp(2.5rem, 5vw, 3.75rem)}.page-head:has(+ .keystats-wrap) .wrap{padding-bottom: 5.5rem}.read-progress{position: fixed;left: 0;right: 0;top: var(--hdr);height: 3px;z-index: 39;pointer-events: none}.read-progress span{display: block;height: 100%;background: var(--blue);transform: scaleX(0);transform-origin: left}.toc{position: sticky;top: var(--hdr);z-index: 20}.toc::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: -24px;z-index: -1;pointer-events: none;background: rgba(255,255,255,0.72);-webkit-backdrop-filter: saturate(1.8) blur(20px);backdrop-filter: saturate(1.8) blur(20px);-webkit-mask-image: linear-gradient(#000 calc(100% - 24px), transparent);mask-image: linear-gradient(#000 calc(100% - 24px), transparent)}.toc .wrap{display: flex;align-items: center;gap: 1rem;padding-top: 0.6rem;padding-bottom: 0.6rem}.toc-label{flex: none;font-size: 0.8rem;font-weight: 600;color: var(--muted)}.toc-links{display: flex;gap: 0.4rem;overflow-x: auto;scrollbar-width: none;-webkit-mask: linear-gradient(90deg, #000 92%, transparent);mask: linear-gradient(90deg, #000 92%, transparent)}.toc-links::-webkit-scrollbar{display: none}.toc-links a{flex: none;font-size: 0.85rem;font-weight: 600;color: var(--navy);text-decoration: none;background: var(--tint);padding: 0.45rem 0.85rem;border-radius: 999px;white-space: nowrap}.toc-links a:hover{background: var(--bright-2)}.toc-links a.on{background: var(--navy);color: #fff}@media (max-width: 600px){.toc-label{display: none}}html{scroll-padding-top: calc(var(--hdr) + 4rem)}@media (max-width: 760px){.keystats{gap: 0.6rem}.keystat{display: grid;grid-template-columns: auto 1fr;align-items: center;gap: 0 1rem;padding: 1rem 1.15rem}.keystat strong{grid-row: span 2;font-size: 1.85rem;margin: 0;min-width: 6.2ch}.keystat span{font-size: 0.88rem;line-height: 1.3}.keystat small{margin-top: 0.15rem}}.guide-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.75rem}@media (min-width: 860px){.guide-list{grid-template-columns: 1fr 1fr}}.guide-list a{display: flex;align-items: center;gap: 1rem;padding: 1.1rem 1.25rem;background: var(--tint);border-radius: var(--r-md);color: var(--navy);text-decoration: none;transition: background .15s ease, transform .15s ease}.guide-list a:hover{background: var(--bright-2);transform: translateY(-2px)}.gl-n{flex: none;display: grid;place-items: center;width: 2.2rem;height: 2.2rem;border-radius: 50%;background: var(--navy);color: #fff;font-family: var(--display);font-weight: 800;padding-top: 0.15rem}.gl-t{flex: 1;min-width: 0}.gl-t strong{display: block;font-family: var(--display);font-weight: 800;font-size: 1.15rem;letter-spacing: -0.015em;line-height: 1.15}.gl-t small{display: block;color: var(--muted);font-size: 0.88rem;margin-top: 0.2rem}.gl-arrow{flex: none;font-size: 1.2rem;color: var(--blue);transition: transform .15s ease}.guide-list a:hover .gl-arrow{transform: translateX(3px)}@media (max-width: 600px){.gl-t small{display: none}.guide-list a{padding: 0.9rem 1rem}.gl-t strong{font-size: 1.05rem}}.head-answer{margin-top: clamp(1.5rem, 3vw, 2.25rem);max-width: 50rem;padding: clamp(1.25rem, 2.6vw, 1.75rem) clamp(1.25rem, 3vw, 2rem);border-radius: var(--r-lg);background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px)}.head-answer small{display: block;font-size: 0.85rem;font-weight: 600;color: var(--bright);margin-bottom: 0.45rem}.head-answer p{margin: 0;color: #fff;font-size: clamp(1.02rem, 1.4vw, 1.15rem);line-height: 1.55}.head-answer sup a{color: var(--bright)}.head-answer + .updated{margin-top: 1.25rem}.keystats-wrap + .toc{margin-top: 2rem}sup{line-height: 0;vertical-align: super;font-size: 0.65em}.answer-card sup a{font-size: 1em}.section.join{padding-top: 0}.section:has(+ .section.join){padding-bottom: clamp(2rem, 4vw, 3rem)}.section.join > .wrap > .head{border-top: 1px solid var(--line);padding-top: clamp(2rem, 4vw, 3rem)}.section.tint.join > .wrap > .head{border-top-color: #D3DCF6}.sources-sec{padding: clamp(2rem, 4vw, 2.75rem) 0}.sources-sec h2{font-size: 1.15rem;letter-spacing: -0.01em;margin-bottom: 0.75rem}.sources-sec .sources{margin: 0;font-size: 0.9rem;columns: 2 26rem;column-gap: 3rem}.sources-sec .sources li{break-inside: avoid}.on-dark + .sources-sec{border-top: 0}.cta-sec{padding-bottom: 0}.sources-sec + .cta-sec{padding-top: clamp(1rem, 2vw, 1.5rem)}main:has(> .tint:last-child) + .site-footer{margin-top: 0}.head-split{display: grid;gap: 1.1rem 2rem;max-width: 60rem}@media (min-width: 760px){.head-split{grid-template-columns: 1fr 1fr}.head-split > div + div{border-left: 1px solid rgba(255,255,255,0.18);padding-left: 2rem}}@media (max-width: 759px){.head-split > div + div{border-top: 1px solid rgba(255,255,255,0.18);padding-top: 1.1rem}}.hero{flex-direction: column;justify-content: center}.hero > .trust{border: 0;border-top: 1px solid rgba(255,255,255,0.16);margin-top: clamp(2.5rem, 5vw, 4rem);padding-top: 1.4rem;padding-bottom: 0;display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 2rem}.hero > .trust{max-width: calc(var(--wrap) - 2 * var(--g));width: calc(100% - 2 * var(--g));padding-left: 0;padding-right: 0}.hero .trust-label{color: rgba(255,255,255,0.65)}.hero .trust li{color: #fff;opacity: 0.7}.contact-sec .contact-grid{padding-top: 0}.contact-sec .form-card{background: #fff}.aside a.btn-primary{color: var(--navy)}.qc-pay{border: 0;margin: 0 0 1rem;padding: 0;min-inline-size: 0}.qc-pay label{flex: 1 1 auto;justify-content: center}.qc-total{background: var(--bright);border-radius: var(--r-md);padding: 1.1rem 1.25rem}.qc-total small{display: block;font-size: 0.85rem;font-weight: 600}.qc-total strong{display: block;font-family: var(--display);font-weight: 800;font-size: clamp(2rem, 4vw, 2.6rem);letter-spacing: -0.03em;line-height: 1.05;margin: 0.2rem 0 0.3rem;font-variant-numeric: tabular-nums}.qc-total span{display: block;font-size: 0.88rem;opacity: 0.85}.cc-choice legend.visually-hidden{width: 1px;padding: 0}.head .answer + .btn{margin-top: 1.25rem}@media (min-width: 760px){.guide-cards.small{grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (min-width: 760px) and (max-width: 999px){.guide-cards.small strong{font-size: 1.1rem}}@container (max-width: 300px){.thumb-card .ico{display: none}.thumb-card span{font-size: 0.8rem}}.site-header .logo-light{position: absolute;left: 0;top: 0;opacity: 0}.js main > .hero:first-child, .js main > .page-head:first-child{margin-top: calc(-1 * var(--hdr))}.js main > .hero:first-child{padding-top: calc(clamp(3rem, 8vw, 6.5rem) + var(--hdr))}.js main > .page-head.on-dark:first-child{padding-top: calc(clamp(4rem, 10vw, 7.5rem) + var(--hdr))}.site-header, .site-header .nav a, .site-header .logo img, .menu-btn{transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-backdrop-filter .3s ease, backdrop-filter .3s ease}.js .site-header:not(.solid)::before{opacity: 0}.site-header.over-toc::before{bottom: 0;-webkit-mask-image: none;mask-image: none}.js .site-header.scrolled:not(.solid)::before{opacity: 1;background: rgba(14,26,68,0.5);-webkit-backdrop-filter: saturate(1.5) blur(20px);backdrop-filter: saturate(1.5) blur(20px)}.js .site-header:not(.solid) .logo img:first-child{opacity: 0}.js .site-header:not(.solid) .logo .logo-light{opacity: 1}.js .site-header:not(.solid) .logo-anim{color: #fff}.js .site-header:not(.solid) .logo-animating .logo-light{opacity: 0}@media (min-width: 901px){.js .site-header:not(.solid) .nav > a:not(.btn), .js .site-header:not(.solid) .dd-btn{color: #fff}.js .site-header:not(.solid) .nav > a:not(.btn):hover, .js .site-header:not(.solid) .dd-btn:hover, .js .site-header:not(.solid) .dd.open .dd-btn{background: rgba(255,255,255,0.14)}.js .site-header:not(.solid) .nav > a[aria-current="page"]:not(.btn), .js .site-header:not(.solid) .dd-btn[data-current]{background: rgba(255,255,255,0.16);color: #fff}.js .site-header:not(.solid) .nav a.btn-dark{background: var(--bright);color: var(--navy)}.js .site-header:not(.solid) .nav a.btn-dark:hover{background: #B7C8FF}}.js .site-header:not(.solid) .menu-btn{background: rgba(255,255,255,0.16);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}.js .site-header:has(.nav.open)::before{opacity: 1;background: #fff;bottom: 0;-webkit-mask-image: none;mask-image: none}.js .site-header:has(.nav.open) .logo img:first-child{opacity: 1}.js .site-header:has(.nav.open) .logo .logo-light{opacity: 0}.js .site-header:has(.nav.open) .menu-btn{background: var(--navy)}.guide-cards a, .picker a, .guide-list a, .tool-banner, .card{transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1), background-color .2s ease, opacity .8s cubic-bezier(.16,1,.3,1)}.guide-cards a.reveal:not(.settled), .picker a.reveal:not(.settled), .guide-list a.reveal:not(.settled), .tool-banner.reveal:not(.settled), .card.reveal:not(.settled){transition-duration: 1s, .35s, .2s, .8s}.guide-cards a:hover, .picker a:hover, .guide-list a:hover, .tool-banner:hover, .card:hover{transform: translateY(-4px);box-shadow: 0 22px 44px -18px rgba(14,26,68,0.28)}.guide-cards a:active, .picker a:active, .guide-list a:active, .tool-banner:active, .card:active, .btn:active{transform: translateY(0) scale(0.985);transition-duration: .1s}.btn{transition: transform .25s cubic-bezier(.16,1,.3,1), background-color .2s ease, color .2s ease, box-shadow .2s ease}.reveal{transform: translateY(24px);transition: opacity .8s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){.guide-cards a, .picker a, .guide-list a, .tool-banner, .card, .btn, .site-header, .site-header .nav a, .site-header .logo img{transition: none}.guide-cards a:hover, .picker a:hover, .guide-list a:hover, .tool-banner:hover, .card:hover, .btn:hover{transform: none}.reveal{transform: none}}picture{display: contents}.market-chart{margin: 0 0 1rem;background: #fff;border-radius: var(--r-lg);padding: clamp(1.5rem, 3vw, 2.25rem);display: grid;gap: 2rem}@media (min-width: 900px){.market-chart{grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);align-items: end;gap: 3rem}}.mc-head{display: flex;flex-direction: column}.mc-label{font-size: 0.85rem;font-weight: 600;color: var(--blue);margin-bottom: 1rem}.market-chart .num{font-family: var(--display);font-weight: 800;font-size: clamp(3.2rem, 6vw, 4.6rem);letter-spacing: -0.035em;line-height: 0.9;color: var(--navy);margin-bottom: 0.9rem}.mc-head p{font-size: 1.05rem;max-width: 30ch}.mc-head .src a{color: var(--muted)}.mc-plot{position: relative;display: flex;align-items: flex-end;height: clamp(200px, 26vw, 260px);border-bottom: 1px solid var(--line)}.mc-col{position: relative;flex: 1;height: 100%;padding-top: 2.2rem;display: flex;flex-direction: column;align-items: center;justify-content: flex-end}.mc-col b{font-size: 0.85rem;font-weight: 600;color: var(--muted);margin-bottom: 0.5rem;font-variant-numeric: tabular-nums;white-space: nowrap}.mc-col.now b{color: var(--navy);font-weight: 700;font-size: 0.95rem}.mc-bar{display: block;width: clamp(20px, 3.4vw, 32px);height: var(--h);flex: none;background: var(--bright);border-radius: 4px 4px 0 0;transform-origin: bottom;transition: opacity .2s ease}.mc-col.now .mc-bar{background: var(--blue)}.mc-col small{position: absolute;top: calc(100% + 0.6rem);font-size: 0.82rem;font-weight: 600;color: var(--muted);text-align: center;line-height: 1.2}.mc-col small span{display: block;font-weight: 500;font-size: 0.72rem}.mc-col.now small{color: var(--navy)}.market-chart .mc-plot{margin-bottom: 2.6rem}.mc-plot:hover .mc-col:not(:hover) .mc-bar{opacity: 0.45}.mc-col::after{content: attr(data-tip);position: absolute;bottom: calc((100% - 2.2rem) * var(--v) + 1.9rem);left: 50%;transform: translate(-50%, 4px);white-space: nowrap;font-size: 0.78rem;font-weight: 600;color: #fff;background: var(--navy);padding: 0.4rem 0.65rem;border-radius: 8px;opacity: 0;pointer-events: none;transition: opacity .15s ease, transform .15s ease;z-index: 2}.mc-col:hover::after{opacity: 1;transform: translate(-50%, 0)}.market-chart.reveal .mc-bar{transform: scaleY(0);transition: transform 1s cubic-bezier(.16,1,.3,1) calc(0.25s + var(--i) * 0.09s), opacity .2s ease}.market-chart.reveal .mc-col b{opacity: 0;transition: opacity .5s ease calc(0.7s + var(--i) * 0.09s)}.market-chart.reveal.in .mc-bar{transform: none}.market-chart.reveal.in .mc-col b{opacity: 1}@media (min-width: 760px){.stats{grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (max-width: 559px){.mc-col b{font-size: 0.68rem;letter-spacing: -0.01em}.mc-col.now b{font-size: 0.74rem}.mc-col small{font-size: 0.74rem}.mc-col small span{font-size: 0.66rem}.market-chart{padding-left: 1.1rem;padding-right: 1.1rem}}h1, h2, h3{text-wrap: balance}.answer, .lede, .fact p{text-wrap: pretty}.fact{padding: 1.4rem 1.5rem 1.5rem}.fact .ico{margin-bottom: 0.85rem}.fact h3{font-size: 1.2rem;line-height: 1.1;margin-bottom: 0.4rem}.fact p{font-size: 0.95rem;line-height: 1.5}.tint .fact{box-shadow: 0 1px 2px rgba(14,26,68,0.04), 0 10px 28px -18px rgba(14,26,68,0.22)}@media (min-width: 900px){.fact-tiles:has(> :nth-child(3):last-child), .fact-tiles:has(> :nth-child(5):last-child), .fact-tiles:has(> :nth-child(6):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}}.nw{white-space: nowrap}.page-head.plain{overflow: hidden}.page-head.plain::after{background: radial-gradient(120% 90% at 85% 0%, rgba(39,63,158,0.55) 0%, rgba(14,26,68,0) 60%)}.page-head.plain::before{content: "";position: absolute;z-index: -1;width: min(60vw, 720px);aspect-ratio: 1;right: -8%;top: -18%;background: var(--navy-2);-webkit-mask: url("/assets/bubble.svg") center / contain no-repeat;mask: url("/assets/bubble.svg") center / contain no-repeat}.page-head.plain .wrap{min-height: 20rem}.timeline{list-style: none;margin: 0;padding: 0;position: relative}.timeline::before{content: "";position: absolute;left: 0.45rem;top: 0.6rem;bottom: 0.6rem;width: 2px;background: var(--line)}.timeline li{position: relative;display: grid;gap: 0.75rem 2.5rem;padding: 0 0 1.75rem 2.25rem}.timeline li::before{content: "";position: absolute;left: 0;top: 0.35rem;width: 0.95rem;height: 0.95rem;border-radius: 50%;background: var(--bright);box-shadow: 0 0 0 4px #fff}.timeline li:first-child::before{background: var(--blue)}@media (min-width: 860px){.timeline li{grid-template-columns: 13rem minmax(0, 1fr)}}.tl-when strong{display: block;font-family: var(--display);font-weight: 800;font-size: 1.25rem;letter-spacing: -0.02em;color: var(--navy);line-height: 1.1}.tl-when span{font-size: 0.85rem;color: var(--muted)}.tl-card{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;gap: 1.25rem 1.75rem;background: var(--tint);border-radius: var(--r-lg);padding: 1.4rem 1.6rem;text-decoration: none;color: var(--navy);transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1), background-color .2s ease}.tl-card:hover{background: var(--bright-2);transform: translateY(-4px);box-shadow: 0 22px 44px -18px rgba(14,26,68,0.28)}.tl-num{font-family: var(--display);font-weight: 800;font-size: clamp(1.8rem, 3.4vw, 2.6rem);letter-spacing: -0.035em;line-height: 1;color: var(--blue);min-width: 6.5ch}.tl-text strong{display: block;font-family: var(--display);font-weight: 800;font-size: 1.3rem;letter-spacing: -0.02em;line-height: 1.1;margin-bottom: 0.35rem}.tl-text > span{color: var(--muted);font-size: 0.95rem}.tl-arrow{width: 22px;height: 22px;color: var(--blue);transition: transform .2s ease}.tl-card:hover .tl-arrow{transform: translateX(3px)}@media (max-width: 600px){.tl-card{grid-template-columns: minmax(0, 1fr);gap: 0.6rem}.tl-arrow{display: none}}@media (prefers-reduced-motion: reduce){.tl-card, .tl-arrow{transition: none}.tl-card:hover{transform: none}}.gl-group{display: grid;gap: 1rem 2.5rem;padding: 1.75rem 0;border-top: 1px solid var(--line);scroll-margin-top: calc(var(--hdr) + 4.5rem)}@media (min-width: 860px){.gl-group{grid-template-columns: 5rem minmax(0, 1fr)}}.gl-letter{font-family: var(--display);font-weight: 800;font-size: 2.6rem;line-height: 1;color: var(--bright)}.gl-terms{margin: 0;display: grid;gap: 1rem}@media (min-width: 700px){.gl-terms{grid-template-columns: repeat(2, minmax(0, 1fr))}}.gl-term{background: var(--tint);border-radius: var(--r-md);padding: 1.25rem 1.4rem;scroll-margin-top: calc(var(--hdr) + 4.5rem)}.gl-term:target{box-shadow: 0 0 0 3px var(--blue)}.gl-term dt{font-family: var(--display);font-weight: 800;font-size: 1.2rem;letter-spacing: -0.02em;color: var(--navy);margin-bottom: 0.35rem}.gl-term dd{margin: 0;color: var(--muted);font-size: 0.95rem;line-height: 1.55}.gl-term dd a{font-weight: 600;white-space: nowrap}.gl-term dd a::after{content: " \2192"}a.term{color: inherit;text-decoration: underline dotted;text-decoration-color: var(--blue);text-decoration-thickness: 1.5px;text-underline-offset: 0.2em}a.term:hover{color: var(--blue)}.on-dark a.term{text-decoration-color: var(--bright)}.on-dark a.term:hover{color: var(--bright)}.crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;margin-bottom: 1.25rem;font-size: 0.85rem;font-weight: 600;align-self: flex-start}.crumbs a{color: rgba(255,255,255,0.75);text-decoration: none}.crumbs a:hover{color: #fff;text-decoration: underline}.crumbs a:last-child{color: var(--bright)}.crumbs span{color: rgba(255,255,255,0.4)}@media (min-width: 860px){.foot{grid-template-columns: 1.3fr 1fr 1fr 1fr}}.foot-h-gap{margin-top: 1.75rem !important}.fix-log{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.75rem}.fix-log li{display: grid;gap: 0.35rem 2rem;background: var(--tint);border-radius: var(--r-md);padding: 1.1rem 1.4rem}@media (min-width: 760px){.fix-log li{grid-template-columns: 11rem minmax(0, 1fr)}}.fix-log time{font-weight: 600;color: var(--blue);font-size: 0.9rem}.fix-log a{font-weight: 700;color: var(--navy)}.fix-log p{margin: 0.2rem 0 0;color: var(--muted);font-size: 0.95rem}.fix-empty{display: flex;align-items: center;gap: 1.1rem;background: var(--tint);border-radius: var(--r-lg);padding: 1.4rem 1.6rem}.fix-empty .ico{flex: none;margin: 0}.fix-empty p{margin: 0;color: var(--muted)}.fix-empty strong{color: var(--navy)}.fix-report, .more-links{margin: 1.5rem 0 0;color: var(--muted);font-size: 0.95rem}.fix-report a, .more-links a{font-weight: 600}.cc-row{display: grid;gap: 1rem;grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr))}.cc-row > *{min-width: 0}.cc-row label{display: block;font-weight: 600;font-size: 0.9rem;color: var(--muted);margin-bottom: 0.5rem}.field.small{padding: 0 0.9rem}.field.small input{font-size: 1.35rem;padding: 0.7rem 0.3rem 0.6rem;width: 100%;-moz-appearance: textfield}.field.small input::-webkit-outer-spin-button, .field.small input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.field.small span{font-size: 0.95rem;white-space: nowrap}.cc-note{margin: 0;font-size: 0.85rem;color: var(--muted)}.cc-warn{margin: 0;font-size: 0.9rem;font-weight: 600;color: #8A4B00;background: #FFF4E5;border-radius: 12px;padding: 0.7rem 0.9rem}.cc-results .fine a{color: var(--bright)}.tool-cards{display: grid;gap: 1rem}@media (min-width: 900px){.tool-cards{grid-template-columns: repeat(3, minmax(0, 1fr))}}.tool-cards a{display: flex;flex-direction: column;gap: 0.4rem;background: var(--tint);border-radius: var(--r-lg);padding: 1.6rem;overflow: hidden;text-decoration: none;color: var(--navy);transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1), background-color .2s ease}.tool-cards a:hover{background: var(--bright-2);transform: translateY(-4px);box-shadow: 0 22px 44px -18px rgba(14,26,68,0.28)}.tool-cards .thumb-card{position: relative;display: flex;isolation: isolate;overflow: hidden;margin: -1.6rem -1.6rem 0.9rem;aspect-ratio: 16 / 9}.tool-cards small{font-size: 0.85rem;font-weight: 600;color: var(--blue)}.tool-cards b{font-family: var(--display);font-weight: 800;font-size: 1.4rem;letter-spacing: -0.02em;line-height: 1.08}.tool-cards em{font-style: normal;color: var(--muted);font-size: 0.95rem}.thumb-card::before{content: none}.thumb-art{position: absolute;z-index: -1;right: 6%;top: 50%;height: 78%;aspect-ratio: 1;transform: translateY(-50%);fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;opacity: 0.26;transition: transform .6s cubic-bezier(.16,1,.3,1), opacity .3s ease}.thumb-card.navy .thumb-art{color: var(--bright);opacity: 0.32}.guide-cards a:hover .thumb-art, .tl-card:hover .thumb-art{transform: translateY(-50%) scale(1.06) rotate(-3deg);opacity: 0.4}@container (max-width: 300px){.thumb-art{height: 70%;right: 4%}}@media (prefers-reduced-motion: reduce){.thumb-art{transition: none}.guide-cards a:hover .thumb-art{transform: translateY(-50%)}}@media (min-width: 1100px){.guide-cards:has(> :nth-child(4):last-child){grid-template-columns: repeat(4, minmax(0, 1fr))}.guide-cards:has(> :nth-child(4):last-child) strong{font-size: 1.25rem}}.page-head.plain::before{-webkit-mask-image: var(--art);mask-image: var(--art)}.page-head.plain::before{width: min(34vw, 400px);right: max(var(--g), calc((100% - var(--wrap)) / 2 + var(--g)));top: 50%;transform: translateY(-50%);background: var(--bright);opacity: 0.2}@media (max-width: 760px){.page-head.plain::before{width: 120px;top: calc(var(--hdr) + 1.5rem);transform: none;opacity: 0.22}}.tint .tool-cards a{background: #fff}.tint .tool-cards a:hover{background: var(--bright-2)}.tool-cards .thumb-card{color: #fff}.tool-cards .thumb-card.bright{color: var(--navy)}.tool-cards a:hover .thumb-art{transform: translateY(-50%) scale(1.06) rotate(-3deg);opacity: 0.4}.gtable-wrap, .ctable{border: 0;background: #fff;box-shadow: 0 0 0 1px var(--line), 0 16px 36px -26px rgba(14,26,68,0.35)}.gtable thead th{background: var(--navy);color: #fff;font-family: var(--body);font-weight: 600;font-size: 0.82rem;letter-spacing: 0.02em;padding: 0.9rem 1.4rem}.gtable th, .gtable td{padding: 1rem 1.4rem}.gtable td{color: var(--text);font-variant-numeric: tabular-nums}.gtable td:first-child{color: var(--navy);font-weight: 600}.gtable .fig{text-align: right;white-space: nowrap}.gtable td.fig{font-weight: 600}.gtable tbody tr{transition: background-color .15s ease}.gtable tbody tr:hover{background: #F6F8FF}.gtable tr.total td{background: var(--tint);border-top: 2px solid var(--navy);font-size: 1.02rem}.gtable tr.total:hover td{background: var(--bright-2)}.crow.head-row{background: var(--navy);color: #fff;font-family: var(--body);font-weight: 600;font-size: 0.85rem;letter-spacing: 0.02em}.crow.head-row .ad{color: var(--bright)}.crow > div{padding: 1rem 1.4rem}.crow .label{color: var(--navy);font-weight: 600;font-size: 0.95rem}.crow .win{background: rgba(163,184,255,0.18)}.crow:not(.head-row){transition: background-color .15s ease}.crow:not(.head-row):hover{background: #F6F8FF}@media (max-width: 640px){.gtable th, .gtable td{padding: 0.15rem 0}.gtable tr{padding: 1rem 1.15rem}.gtable .fig{text-align: left;white-space: normal}.gtable tr.total{background: var(--tint);border-top: 2px solid var(--navy)}.gtable tr.total td{background: none;border-top: 0}.crow .win{border-radius: 10px}}::selection{background: var(--bright);color: var(--navy)}.on-dark ::selection, .site-footer ::selection{background: var(--bright);color: var(--navy)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}.crow, .cc-results dl, .mc-col b, .keystat strong, .stat .bars, .fix-log time{font-variant-numeric: tabular-nums}.toc .wrap{padding-top: 0.45rem;padding-bottom: 0.45rem}.toc-links a{font-size: 0.8rem;padding: 0.38rem 0.78rem}.toc-label{font-size: 0.75rem}.site-footer{padding-top: 5.5rem}.foot{gap: 3rem;padding-bottom: 3rem}.site-footer ul{gap: 0.7rem}.site-footer h4{margin-bottom: 1.1rem;letter-spacing: 0.01em}.fine-print{padding-top: 2.25rem;gap: 0.7rem}a{text-decoration-thickness: 1px}.form-off h2{font-size: clamp(1.8rem, 3vw, 2.3rem);margin-bottom: 0.5rem}.form-off > p{color: var(--muted);margin-bottom: 1.5rem}.tell-us{list-style: none;margin: 0 0 1.75rem;padding: 0;display: grid;gap: 1rem 1.5rem}@media (min-width: 640px){.tell-us{grid-template-columns: 1fr 1fr}}.tell-us li{display: flex;gap: 0.9rem;align-items: flex-start}.tell-us .ico{flex: none;margin: 0;width: 42px;height: 42px;padding: 10px}.tell-us strong{display: block;color: var(--navy);font-weight: 700}.tell-us span{color: var(--muted);font-size: 0.93rem;line-height: 1.45}.photo-belt{padding: clamp(2.5rem, 5vw, 4rem) 0;overflow: hidden;-webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent)}.belt-track{display: flex;width: max-content;animation: belt 80s linear infinite}.photo-belt:hover .belt-track, .photo-belt:focus-within .belt-track{animation-play-state: paused}.belt-set{display: flex;gap: 1rem;padding-right: 1rem}.belt-set figure{margin: 0;position: relative;flex: none;width: clamp(210px, 22vw, 300px);border-radius: var(--r-lg);overflow: hidden}.belt-set img{width: 100%;aspect-ratio: 3 / 4;object-fit: cover;transition: transform .6s ease}.belt-set figure:hover img{transform: scale(1.04)}.belt-set figcaption{position: absolute;left: 0.75rem;bottom: 0.75rem;font-size: 0.85rem;font-weight: 600;color: #fff;background: rgba(14,26,68,0.55);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);padding: 0.45rem 0.8rem;border-radius: 999px;max-width: calc(100% - 1.5rem)}@keyframes belt{to{transform: translateX(-50%)}}@media (prefers-reduced-motion: reduce){.photo-belt{overflow-x: auto;-webkit-mask: none;mask: none;padding-left: var(--g);padding-right: var(--g)}.belt-track{animation: none}.belt-set[aria-hidden="true"]{display: none}.belt-set figure:hover img{transform: none}}.belt-set img{filter: saturate(0.82) contrast(1.05) brightness(0.98) sepia(0.08)}.belt-set figure::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(180deg, rgba(39,63,158,0.10) 0%, rgba(14,26,68,0.08) 45%, rgba(14,26,68,0.42) 100%)}.belt-set figcaption{z-index: 1}.belt-set figcaption{left: 1.1rem;right: 1.1rem;bottom: 1rem;max-width: none;padding: 0;background: none;-webkit-backdrop-filter: none;backdrop-filter: none;border-radius: 0;font-size: 0.82rem;font-weight: 600;letter-spacing: 0.02em;line-height: 1.3;text-shadow: 0 1px 8px rgba(14,26,68,0.55)}.belt-set figure::after{background: linear-gradient(180deg, rgba(39,63,158,0.10) 0%, rgba(14,26,68,0.06) 50%, rgba(14,26,68,0.55) 100%)}.hero-alt{margin: 1.25rem 0 0;font-size: 0.95rem;color: rgba(255,255,255,0.8)}.hero-alt a{color: #fff;font-weight: 600;text-decoration-color: var(--bright)}.hero-alt a:hover{color: var(--bright)}.page-head.plain{background: radial-gradient(90% 120% at 100% 0%, rgba(39,63,158,0.85) 0%, rgba(39,63,158,0) 55%), linear-gradient(160deg, #0E1A44 0%, #13204F 60%, #172659 100%);box-shadow: inset 0 -2px 0 rgba(163,184,255,0.5)}.page-head.plain::after{content: none}.page-head.plain::before{width: min(38vw, 460px);opacity: 0.3}@media (max-width: 760px){.page-head.plain::before{width: 130px;opacity: 0.28}}.finder{display: grid;gap: 1rem}@media (min-width: 900px){.finder{grid-template-columns: 1fr 1fr}}.finder-q{margin: 0;border: 0;background: #fff;border-radius: var(--r-lg);padding: clamp(1.35rem, 3vw, 2rem);min-width: 0}.finder-q legend{float: left;width: 100%;display: flex;align-items: center;gap: 0.75rem;font-family: var(--display);font-weight: 800;font-size: 1.55rem;letter-spacing: -0.02em;line-height: 1.05;margin-bottom: 1.1rem;padding: 0}.finder-n{flex: none;display: grid;place-items: center;width: 2rem;height: 2rem;border-radius: 50%;background: var(--navy);color: #fff;font-size: 1rem;letter-spacing: 0}.finder-opts{clear: both;display: flex;flex-wrap: wrap;gap: 0.6rem}.finder-opts label{position: relative;cursor: pointer}.finder-opts input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer}.finder-opts span{display: block;font-weight: 600;font-size: 0.97rem;color: var(--navy);background: var(--tint);padding: 0.75rem 1.15rem;border-radius: 999px;transition: background .15s ease, color .15s ease}.finder-opts label:hover span{background: var(--bright-2)}.finder-opts input:checked + span{background: var(--navy);color: #fff}.finder-opts input:focus-visible + span{outline: 3px solid var(--blue);outline-offset: 2px}.finder-out{margin-top: clamp(1.5rem, 3vw, 2.25rem);scroll-margin-top: 1.5rem}.finder-results{scroll-margin-top: 1.5rem}.finder-wait{text-align: center;color: var(--muted);font-weight: 600;margin: 0}.finder-results{display: grid;gap: 1rem}@media (min-width: 900px){.finder-results{grid-template-columns: 1fr 1fr}}.match{display: flex;flex-direction: column;background: #fff;border-radius: var(--r-lg);padding: clamp(1.5rem, 3vw, 2.25rem)}.match:first-child{background: var(--navy);color: #fff}.match-rank{align-self: flex-start;font-size: 0.8rem;font-weight: 600;color: var(--blue);background: var(--tint);border-radius: 999px;padding: 0.3rem 0.75rem;margin-bottom: 0.9rem}.match:first-child .match-rank{background: var(--bright);color: var(--navy)}.match h2{font-size: clamp(2.2rem, 4vw, 3rem);margin-bottom: 1.1rem}.match h3{font-size: 1.1rem;margin: 1.25rem 0 0.4rem}.match ul{margin: 0;padding-left: 1.2rem}.match li, .match p{color: var(--muted);font-size: 0.97rem}.match p{margin: 0 0 1.5rem}.match:first-child li, .match:first-child p{color: rgba(255,255,255,0.78)}.match .btn{margin-top: auto;align-self: flex-start}.match:first-child .btn-dark{background: var(--bright);color: var(--navy)}.match-figs{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;padding-bottom: 1.1rem;border-bottom: 1px solid var(--line)}.match:first-child .match-figs{border-color: rgba(255,255,255,0.16)}.match-figs strong{display: block;font-family: var(--display);font-weight: 800;font-size: clamp(1.6rem, 3vw, 2.1rem);letter-spacing: -0.03em;line-height: 1}.match-figs span{font-size: 0.82rem;color: var(--muted)}.match:first-child .match-figs span{color: rgba(255,255,255,0.65)}.finder-fine{font-size: 0.82rem;color: var(--muted);text-align: center;margin: 1.25rem 0 0}.amap{display: grid;gap: 1rem}@media (min-width: 900px){.amap{grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);align-items: stretch}}.amap-figure{background: #fff;border-radius: var(--r-lg);overflow: hidden}.amap-figure svg{display: block;width: 100%;height: auto}.amap-sea{fill: #E3EAFF}.amap-land{fill: #fff;stroke: var(--line);stroke-width: 4;stroke-linejoin: round}.amap-other{fill: #F4F6FD}.amap-plane{fill: #8A93AE}.amap-ctx{font: 600 32px var(--body);fill: #8A93AE;text-anchor: middle}.amap-scale{font: 600 28px var(--body);fill: #8A93AE;text-anchor: end}.amap-spot{cursor: pointer;outline: none}.amap-shape > *{fill: #fff;stroke: var(--blue);stroke-width: 5;stroke-linejoin: round;transition: fill .15s ease, stroke .15s ease}.amap-shape circle{fill: var(--blue);stroke: #fff;stroke-width: 9}.amap-spot text{font: 700 40px var(--body);fill: var(--navy);text-anchor: middle;paint-order: stroke;stroke: #E3EAFF;stroke-width: 10px;stroke-linejoin: round;letter-spacing: -0.01em}.amap-spot:hover .amap-shape > *, .amap-spot:focus-visible .amap-shape > *, .amap-spot.on .amap-shape > *{fill: var(--navy);stroke: var(--navy)}.amap-spot.on .amap-shape circle, .amap-spot:hover .amap-shape circle{stroke: var(--bright)}.amap-spot:focus-visible text{text-decoration: underline}.amap-panel{background: #fff;border-radius: var(--r-lg);padding: clamp(1.5rem, 3vw, 2.25rem);display: flex}.amap-info{display: flex;flex-direction: column;width: 100%}.amap-info[hidden]{display: none}.amap-info h3{font-size: clamp(1.8rem, 3vw, 2.4rem);line-height: 1;margin-bottom: 1rem}.amap-info p{color: var(--muted);font-size: 0.97rem;margin: 1rem 0 1.5rem}.amap-info .btn{margin-top: auto;align-self: flex-start}@media (max-width: 640px){.amap-spot text{font-size: 62px;stroke-width: 14px}.amap-ctx{font-size: 50px}.amap-scale{font-size: 44px}.amap-shape circle{r: 28}}.hero h1.type-h{text-wrap: wrap}.type-h.typing .type-tail{box-shadow: 0.07em 0 0 var(--bright);animation: caret 0.9s steps(1) infinite}@keyframes caret{50%{box-shadow: none}}.site-header .wrap{position: relative}.dd-btn{display: inline-flex;align-items: center;gap: 0.35rem;font: inherit;font-weight: 600;font-size: 0.97rem;color: var(--text);background: none;border: 0;padding: 0.6rem 0.95rem;border-radius: 999px;cursor: pointer;transition: background-color .3s ease, color .3s ease}.dd-btn:hover, .dd.open .dd-btn{background: var(--tint)}.dd-btn[data-current]{background: var(--tint);color: var(--blue)}.dd-chev{width: 11px;height: 11px;transition: transform .2s ease}.dd.open .dd-chev{transform: rotate(180deg)}.dd-panel{display: none}.dd.open .dd-panel{display: block}.nav .dd-panel a{display: block;padding: 0.7rem 0.9rem;border-radius: 14px;font-size: 1rem;color: var(--navy)}.nav .dd-panel a:hover{background: var(--tint)}.dd-panel strong{display: block;font-weight: 600;font-size: 0.97rem;line-height: 1.3}.dd-panel span{display: block;font-weight: 400;font-size: 0.85rem;line-height: 1.4;color: var(--muted);margin-top: 0.15rem}.nav .dd-panel a.dd-feature{background: var(--tint)}.nav .dd-panel a.dd-feature strong{color: var(--blue)}.nav .dd-panel a.dd-feature:hover{background: var(--bright-2)}.dd-grid{display: grid;gap: 0.15rem}.dd-foot{display: flex;flex-wrap: wrap;gap: 0.25rem;border-top: 1px solid var(--line);margin-top: 0.6rem;padding-top: 0.6rem}.nav .dd-foot a{font-weight: 600;font-size: 0.95rem;color: var(--blue);padding: 0.55rem 0.9rem}.dd-foot a::after{content: " \2192"}@media (min-width: 901px){.dd-panel{position: absolute;top: calc(100% - 0.35rem);right: var(--g);width: min(720px, calc(100vw - 2 * var(--g)));background: #fff;border-radius: var(--r-md);padding: 0.75rem;box-shadow: 0 0 0 1px rgba(14,26,68,0.06), 0 28px 60px rgba(14,26,68,0.18)}#dd-tools{width: 380px}.dd-wide .dd-grid{grid-template-columns: 1fr 1fr}.dd.open .dd-panel{animation: dd-in .18s ease-out}}@keyframes dd-in{from{opacity: 0;transform: translateY(-6px)}}@media (prefers-reduced-motion: reduce){.dd.open .dd-panel{animation: none}.dd-chev{transition: none}}@media (max-width: 900px){.js .nav.open{max-height: calc(100dvh - 70px);overflow-y: auto;overscroll-behavior: contain}.dd-btn{width: 100%;justify-content: space-between;font-size: 1.15rem;padding: 0.9rem 1rem;border-radius: 14px}.dd-chev{width: 14px;height: 14px}.dd-panel{padding: 0 0 0.6rem 0.5rem}.dd-panel span{display: none}.nav .dd-panel a{padding: 0.6rem 1rem}.dd-foot{border-top: 0;margin-top: 0;padding-top: 0}}.sec-num{display: flex;align-items: center;gap: 0.6rem;font-weight: 700;font-size: 0.9rem;letter-spacing: 0.08em;color: var(--blue);margin-bottom: 1rem;font-variant-numeric: tabular-nums}.sec-num::before{content: "";width: 1.6rem;height: 2px;background: currentColor;border-radius: 2px}.on-dark .sec-num{color: var(--bright)}.pill, .match-rank{background: none;padding: 0;border-radius: 0;font-size: 0.85rem;font-weight: 600;color: var(--blue);margin-bottom: 0.6rem}.match:first-child .match-rank{background: none;color: var(--bright)}.tag{background: none;padding: 0;color: var(--blue);font-weight: 700;font-size: 0.75rem;letter-spacing: 0.02em}.island-notes .watch{background: var(--navy)}.island-notes .watch h3{color: #fff}.island-notes .watch p{color: rgba(255,255,255,0.78)}.island-notes .watch a{color: var(--bright)}.steps li:last-child{background: var(--navy);color: #fff}.steps li:last-child small{color: var(--bright)}.steps li:last-child span{color: rgba(255,255,255,0.75)}.guide-page .section .head h2{font-size: clamp(2.1rem, 3.9vw, 3.2rem);line-height: 0.95}@media (min-width: 900px){.catches:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, 1fr)}}@media (min-width: 1000px){.page-head.plain{--fs: min(28vw, 380px);--fr: max(var(--g), calc((100% - var(--wrap)) / 2 + var(--g)))}.page-head.plain::after{content: "";position: absolute;z-index: -2;inset: auto;width: var(--fs);aspect-ratio: 1;right: var(--fr);top: calc(50% + var(--hdr, 80px) / 2);transform: translateY(-50%);border-radius: 44px;background: linear-gradient(150deg, rgba(163,184,255,0.16) 0%, rgba(163,184,255,0.04) 100%);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), 0 30px 80px rgba(5,10,30,0.35)}.page-head.plain::before{width: calc(var(--fs) * 0.6);right: calc(var(--fr) + var(--fs) * 0.2);top: calc(50% + var(--hdr, 80px) / 2);transform: translateY(-50%);opacity: 0.9}.page-head.plain .wrap > *{max-width: min(100%, 42rem)}}@media (min-width: 1000px){.guide-cards.area-grid{grid-template-columns: repeat(4, minmax(0, 1fr))}.area-grid strong{font-size: 1.25rem}}.area-grid .finder-card{background: var(--navy);color: #fff}.area-grid .finder-card:hover{background: var(--navy-2)}.area-grid .finder-card small{color: var(--bright)}.area-grid .finder-card > span:not(.thumb){color: rgba(255,255,255,0.75)}.area-grid .finder-card .q{color: var(--bright)}.cta-sec, .sources-sec + .cta-sec{background: var(--tint);padding: clamp(2.25rem, 4.5vw, 3.25rem) 0}.tint + .cta-sec{box-shadow: inset 0 1px 0 var(--line)}main:has(> .cta-sec:last-of-type) + .site-footer{margin-top: 0;border-top: 0}.cta-block{display: grid;grid-template-columns: auto 1fr;gap: 1rem 1.5rem;align-items: center;background: none;border-radius: 0;padding: 0;box-shadow: none;color: var(--navy);overflow: visible;text-align: left}@media (min-width: 900px){.cta-block{grid-template-columns: auto 1fr auto;gap: 1.75rem}}.cta-mark{width: clamp(48px, 5vw, 56px);height: auto;border-radius: 22%;margin: 0;box-shadow: 0 10px 24px rgba(14,26,68,0.22)}.cta-block h2{color: var(--navy);font-size: clamp(1.6rem, 2.8vw, 2.25rem);line-height: 1;max-width: none;margin: 0 0 0.35rem}.cta-block h2 .q{color: var(--blue)}.cta-block p{color: var(--muted);opacity: 1;font-size: 0.97rem;max-width: 36rem;margin: 0}@view-transition{navigation: auto}.site-header{view-transition-name: site-header}::view-transition-old(root){animation: vt-out .18s ease both}::view-transition-new(root){animation: vt-in .32s cubic-bezier(.2,.7,.2,1) both}@keyframes vt-out{to{opacity: 0}}@keyframes vt-in{from{opacity: 0;transform: translateY(8px)}}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none}}@media (max-width: 899px){.cta-block .cta-mark{align-self: start;width: 44px;margin-top: 0.15rem}.cta-act{margin-top: 0.5rem}}.cta-block .cta-ctx{font-size: 0.85rem;font-weight: 600;color: var(--blue);margin: 0 0 0.45rem !important}.cta-act{display: flex;flex-direction: column;gap: 0.6rem;grid-column: 1 / -1}.cta-block .cta-fine{font-size: 0.82rem !important;color: var(--muted);margin: 0 !important}@media (min-width: 900px){.cta-act{grid-column: auto;align-items: flex-end}.cta-act .btns{flex-wrap: nowrap}.cta-fine{text-align: right}}.cta-sec, .sources-sec + .cta-sec{--above: #fff;background: linear-gradient(to bottom, var(--above) 50%, var(--navy) 50%);padding: clamp(2.5rem, 5vw, 3.5rem) 0;box-shadow: none}.tint + .cta-sec{--above: var(--tint);box-shadow: none}.cta-block{position: relative;background: #fff;border-radius: 28px;padding: clamp(1.5rem, 3.2vw, 2.4rem) clamp(1.4rem, 3.6vw, 2.8rem);box-shadow: 0 0 0 1px rgba(14,26,68,0.06), 0 40px 90px -30px rgba(14,26,68,0.55), 0 12px 30px -12px rgba(14,26,68,0.25)}.cta-block h2{font-size: clamp(1.8rem, 3.3vw, 2.7rem);letter-spacing: -0.03em}.cta-mark{width: clamp(52px, 5.5vw, 64px);box-shadow: 0 0 0 6px var(--tint), 0 14px 30px rgba(14,26,68,0.3)}.cta-act .btn-dark{padding: 1rem 1.6rem}.cta-act .btn-dark::after{content: "\2192";transition: transform .15s ease}.cta-act .btn-dark:hover::after{transform: translateX(3px)}.section + .cta-sec{padding-top: 0}.site-footer{position: relative;overflow: hidden;padding-bottom: 2.25rem}.foot{gap: 2.5rem 2rem}.foot{grid-template-columns: 1fr 1fr}.foot-brand{grid-column: 1 / -1}@media (max-width: 420px){.foot{gap: 2.25rem 1rem}.site-footer ul a{font-size: 0.88rem}}@media (min-width: 1000px){.foot{grid-template-columns: 1.6fr repeat(4, 1fr)}.foot-brand{grid-column: auto}}.foot-line{font-size: 1.45rem;margin: 0 0 0.75rem}.foot-note{color: rgba(255,255,255,0.62);font-size: 0.9rem;max-width: 30ch;margin: 0}.site-footer h4{color: var(--bright);font-size: 0.9rem;letter-spacing: 0.01em}.site-footer ul a{color: rgba(255,255,255,0.86);transition: color .15s ease}.site-footer ul a:hover{color: #fff}.fine-print{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 0.75rem 2rem;color: rgba(255,255,255,0.6);font-size: 0.85rem}.fine-print > div{display: grid;gap: 0.5rem;max-width: 62ch}.legal-links{display: flex;gap: 1.25rem;white-space: nowrap}.legal-links a{text-decoration: none}.legal-links a:hover{text-decoration: underline}background: linear-gradient(180deg, rgba(163,184,255,0.22) 0%, rgba(163,184,255,0.04) 85%);-webkit-background-clip: text;background-clip: text;color: transparent;transform: translateY(14%)}@media (max-width: 760px){.site-footer{padding-bottom: 6rem}}.amap-list{list-style: none;margin: 0.25rem 0 0;padding: 0;display: grid}.amap-list a{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;padding: 0.6rem 0;border-top: 1px solid var(--line);text-decoration: none;color: var(--navy);font-weight: 600}.amap-list li:first-child a{border-top: 0}.amap-list a:hover span{color: var(--blue)}.amap-list small{font-weight: 600;color: var(--muted);font-variant-numeric: tabular-nums;white-space: nowrap}.amap-back{align-self: flex-start;font: inherit;font-size: 0.85rem;font-weight: 600;color: var(--blue);background: none;border: 0;padding: 0;margin-bottom: 0.6rem;cursor: pointer}.amap-back:hover{text-decoration: underline}.cc-choice label:has(input:checked){color: var(--navy)}.calc .q, .calc h2 .q{color: var(--blue)}.site-footer :focus-visible, .js .site-header:not(.solid) .logo:focus-visible, .js .site-header:not(.solid) .nav > a:focus-visible, .js .site-header:not(.solid) .dd-btn:focus-visible, .js .site-header:not(.solid) .menu-btn:focus-visible{outline-color: var(--bright)}.site-footer{padding-top: clamp(3rem, 5vw, 4rem)}.foot{gap: 2rem;padding-bottom: 2rem}.site-footer ul{gap: 0.45rem}.site-footer ul a{font-size: 0.9rem}.site-footer h4{margin-bottom: 0.75rem}.site-footer img{margin-bottom: 0.8rem}.foot-line{font-size: 1.3rem;margin-bottom: 0.5rem}.foot-all{color: var(--bright) !important;font-weight: 600}.foot-all::after{content: " \2192"}.fine-print{padding-top: 1.5rem}@media (max-width: 640px){.foot-note{display: none}.foot{gap: 1.75rem 1rem}}.site-footer h4 a{color: var(--bright)}.site-footer h4 a::after{content: " \2192";opacity: 0;transition: opacity .15s ease}.site-footer h4 a:hover::after{opacity: 1}@media (min-width: 760px){.foot{grid-template-columns: repeat(4, 1fr)}.foot-brand{grid-column: 1 / -1}}@media (min-width: 1000px){.foot{grid-template-columns: 1.6fr repeat(4, 1fr)}.foot-brand{grid-column: auto}}@media (max-width: 640px){.site-footer ul{display: none}.foot{gap: 0.25rem 1rem;padding-bottom: 1.5rem}.foot-brand{margin-bottom: 1rem}.site-footer h4{margin: 0}.site-footer h4 a{display: block;padding: 0.7rem 0;font-size: 1rem}.site-footer h4 a::after{opacity: 1}}.search-btn{display: inline-grid;place-items: center;width: 42px;height: 42px;border: 0;border-radius: 999px;background: none;color: var(--text);cursor: pointer;transition: background-color .3s ease, color .3s ease}.search-btn:hover{background: var(--tint)}.search-btn svg{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round}.search-mobile{display: none}@media (max-width: 900px){.nav .search-btn{display: none}.search-mobile{display: inline-grid;margin-left: auto;margin-right: 0.35rem;background: rgba(14,26,68,0.06)}.js .site-header:not(.solid) .search-mobile{color: #fff;background: rgba(255,255,255,0.16)}.js .site-header:has(.nav.open) .search-mobile{color: var(--navy);background: rgba(14,26,68,0.06)}}@media (min-width: 901px){.js .site-header:not(.solid) .nav .search-btn{color: #fff}.js .site-header:not(.solid) .nav .search-btn:hover{background: rgba(255,255,255,0.14)}.js .site-header:not(.solid) .search-btn:focus-visible{outline-color: var(--bright)}}.search-dlg{width: min(640px, calc(100vw - 2rem));max-height: min(70vh, 640px);margin: 12vh auto auto;padding: 0;border: 0;border-radius: 22px;background: #fff;color: var(--navy);box-shadow: 0 0 0 1px rgba(14,26,68,0.08), 0 40px 100px -20px rgba(14,26,68,0.5);overflow: hidden}.search-dlg[open]{display: flex;animation: dd-in .18s ease-out}.search-dlg::backdrop{background: rgba(14,26,68,0.45);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.search-box{display: flex;flex-direction: column;width: 100%;min-height: 0}.search-field{display: flex;align-items: center;gap: 0.75rem;padding: 1rem 1.25rem;border-bottom: 1px solid var(--line)}.search-field svg{flex: none;width: 22px;height: 22px;fill: none;stroke: var(--blue);stroke-width: 2;stroke-linecap: round}.search-field input{flex: 1;min-width: 0;border: 0;outline: 0;font: inherit;font-size: 1.1rem;color: var(--navy);background: none}.search-field input::-webkit-search-cancel-button{display: none}.search-field kbd{font: 600 0.75rem var(--body);color: var(--muted);background: var(--tint);border-radius: 6px;padding: 0.2rem 0.45rem}.search-results{overflow-y: auto;padding: 0.5rem;overscroll-behavior: contain}.search-results a{display: block;padding: 0.75rem 0.9rem;border-radius: 14px;text-decoration: none;color: var(--navy)}.search-results a.on{background: var(--tint)}.search-results small{display: block;font-size: 0.78rem;font-weight: 600;color: var(--blue)}.search-results strong{display: block;font-weight: 600;font-size: 1rem;line-height: 1.3;margin-top: 0.1rem}.search-results span{display: block;font-size: 0.85rem;color: var(--muted);margin-top: 0.15rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.search-hint, .search-none{margin: 0;padding: 0.75rem 0.9rem;font-size: 0.85rem;color: var(--muted)}.search-hint{padding-bottom: 0.25rem;font-weight: 600}@media (prefers-reduced-motion: reduce){.search-dlg[open]{animation: none}}@media (min-width: 640px){#areas .cards{grid-template-columns: 1fr 1fr}}@media (min-width: 1100px){#areas .cards{grid-template-columns: repeat(4, minmax(0, 1fr))}#areas .card h3{font-size: 1.4rem}#areas .card p{font-size: 0.93rem}}.guide-page .section:has(> .wrap > .head-only){padding: clamp(2rem, 4vw, 3.25rem) 0}@media (min-width: 900px){.guide-page .head-only{align-items: start}.guide-page .head-only > div:last-child{padding-top: 2.4rem}}.thumb-card > span{max-width: 60cqi;text-wrap: balance;line-height: 1.35;min-height: 2.7em}.mc-col.on::after{opacity: 1;transform: translate(-50%, 0)}.mc-plot:has(.mc-col.on) .mc-col:not(.on) .mc-bar{opacity: 0.45}.yield-compare{margin: 1.5rem 0 0;background: #fff;border-radius: var(--r-lg);padding: clamp(1.25rem, 3vw, 1.9rem);box-shadow: 0 0 0 1px var(--line)}.tint .yield-compare{box-shadow: none}.yield-compare figcaption{margin-bottom: 1rem}.yield-compare figcaption strong{display: block;font-family: var(--display);font-weight: 800;font-size: 1.35rem;letter-spacing: -0.02em;color: var(--navy)}.yield-compare figcaption span{font-size: 0.85rem;color: var(--muted)}.yield-compare ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.15rem}.yield-compare li > a, .yield-compare li.on{position: relative;display: grid;grid-template-columns: 9.5rem 1fr 3.6rem;align-items: center;gap: 0.9rem;padding: 0.45rem 0.6rem;margin: 0 -0.6rem;border-radius: 10px;text-decoration: none;color: var(--navy)}.yield-compare li > a:hover, .yield-compare li > a:focus-visible, .yield-compare li.on{background: var(--tint)}.tint .yield-compare li.on{background: var(--tint)}.yc-name{font-weight: 600;font-size: 0.95rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.yc-track{height: 10px;background: var(--tint);border-radius: 999px;overflow: hidden}.yield-compare li.on .yc-track, .yield-compare li > a:hover .yc-track{background: #fff}.yc-bar{display: block;height: 100%;border-radius: 999px;background: var(--bright)}.yield-compare li.on .yc-bar{background: var(--navy)}.yield-compare b{text-align: right;font-variant-numeric: tabular-nums;font-size: 0.95rem}.yield-compare li.on b, .yield-compare li.on .yc-name{font-weight: 800}.yc-tip{grid-column: 1 / -1;font-size: 0.8rem;color: var(--muted);max-height: 0;overflow: hidden;transition: max-height .2s ease}.yield-compare li > a:hover .yc-tip, .yield-compare li > a:focus-visible .yc-tip, .yield-compare li.on:hover .yc-tip, .yield-compare li.on:focus .yc-tip, .yield-compare li.show .yc-tip{max-height: 1.4rem}.yc-note{margin: 0.9rem 0 0;font-size: 0.85rem;color: var(--muted)}@media (max-width: 520px){.yield-compare li > a, .yield-compare li.on{grid-template-columns: 7.2rem 1fr 3.2rem;gap: 0.6rem}.yc-name{font-size: 0.85rem}}@media (prefers-reduced-motion: reduce){.yc-tip{transition: none}}@media (max-width: 559px){.mc-col:first-child::after{left: 0;transform: translate(0, 4px)}.mc-col:last-child::after{left: auto;right: 0;transform: translate(0, 4px)}.mc-col:first-child.on::after, .mc-col:last-child.on::after{transform: none}}.hero-bg, .card > img, .thumb-photo img{filter: saturate(0.82) contrast(1.05) brightness(0.98) sepia(0.08)}.page-head.plain::before{content: none}.head-art{position: absolute;z-index: -1;pointer-events: none;fill: none;stroke: var(--bright);stroke-width: 1;stroke-linecap: round;stroke-linejoin: round;width: min(38vw, 460px);aspect-ratio: 1;right: max(var(--g), calc((100% - var(--wrap)) / 2 + var(--g)));top: 50%;transform: translateY(-50%);opacity: 0.3}@media (max-width: 760px){.head-art{width: 130px;top: calc(var(--hdr, 70px) + 1.5rem);transform: none;opacity: 0.28}}@media (min-width: 1000px){.head-art{width: calc(var(--fs) * 0.6);right: calc(var(--fr) + var(--fs) * 0.2);top: calc(50% + var(--hdr, 80px) / 2);opacity: 0.9}}.sketch{stroke-dasharray: 260;stroke-dashoffset: 260}.sketch.sketched{stroke-dasharray: none}.sketch.drawn{stroke-dashoffset: 0;transition: stroke-dashoffset 1.6s cubic-bezier(.55,0,.25,1) var(--sd, 0s), transform .6s cubic-bezier(.16,1,.3,1), opacity .3s ease}.thumb-photo{background-color: var(--tint)}.belt-set figure{background-color: var(--navy-2)}img.ph-wait{opacity: 0;transform: scale(1.03)}img.ph-wait, img.ph-in{transition: opacity .7s ease, transform 1s cubic-bezier(.16,1,.3,1), filter .7s ease}.hero-bg.ph-wait, .card > img.ph-wait, .thumb-photo img.ph-wait, .belt-set img.ph-wait{filter: saturate(0.82) contrast(1.05) brightness(0.98) sepia(0.08) blur(14px)}.hero-bg.ph-wait{transform: none}.cc-top{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem}.fx-pick select{appearance: none;-webkit-appearance: none;font: inherit;font-size: 0.85rem;font-weight: 600;color: #fff;background: rgba(255,255,255,0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23A3B8FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0.8rem center;border: 1px solid rgba(255,255,255,0.18);border-radius: 999px;padding: 0.4rem 2rem 0.4rem 0.9rem;cursor: pointer}.fx-pick select:hover{background-color: rgba(255,255,255,0.16)}.fx-pick select option{color: var(--navy)}.cc-results .fx-line{font-family: var(--display);font-weight: 700;font-size: 1.25rem;color: var(--bright);margin: -0.35rem 0 0.9rem;font-variant-numeric: tabular-nums}.qc-total .fx-pick select{color: var(--navy);background-color: rgba(255,255,255,0.5);border-color: rgba(14,26,68,0.15);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230E1A44' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.qc-total .fx-pick select:hover{background-color: rgba(255,255,255,0.75)}.qc-total .fx-line{font-family: var(--display);font-weight: 700;font-size: 1.05rem;margin: 0 0 0.35rem;font-variant-numeric: tabular-nums}.qa-sec .wrap{display: grid;gap: 1.5rem 3rem;align-items: start}@media (min-width: 900px){.qa-sec .wrap{grid-template-columns: minmax(0, 5fr) minmax(0, 7fr)}.qa-side{position: sticky;top: calc(var(--hdr) + 1.5rem)}}.qa-side h2{margin: 0 0 1.25rem}.qa-side .thumb{position: relative;display: flex;overflow: hidden;isolation: isolate;aspect-ratio: 16 / 10;max-width: 22rem;border-radius: var(--r-lg)}@media (max-width: 899px){.qa-side .thumb-card{display: none}}.qa-sec.tint .qa{background: #fff}.qa-sec.tint .qa summary::after{background-color: var(--tint)}.qa-list{display: grid;gap: 0.6rem}.qa{background: var(--tint);border-radius: var(--r-md);transition: background-color .2s ease}.qa[open]{background: #fff;box-shadow: 0 0 0 1px var(--line), 0 10px 30px -18px rgba(14,26,68,0.35)}.qa summary{list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.05rem 1.3rem;font-family: var(--display);font-weight: 700;font-size: 1.08rem;letter-spacing: -0.01em;color: var(--navy)}.qa summary::-webkit-details-marker{display: none}.qa summary::after{content: "";flex: none;width: 1.7rem;height: 1.7rem;border-radius: 50%;background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%230E1A44' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;transition: transform .25s ease;margin-left: auto}.qa[open] summary::after{transform: rotate(45deg);background-color: var(--tint)}.qa summary:focus-visible{outline: 3px solid var(--blue);outline-offset: 2px;border-radius: var(--r-md)}.qa-a{padding: 0 1.3rem 1.2rem}.qa-a p{margin: 0 0 0.7rem;color: var(--muted);line-height: 1.6;max-width: 62ch}.qa-more{font-weight: 600;font-size: 0.95rem}.qa-more::after{content: " \2192"}.qa-find{display: flex;align-items: center;gap: 0.6rem;margin-top: 1.1rem;background: #fff;border-radius: 999px;padding: 0.15rem 1.1rem;max-width: 26rem}.qa-find svg{width: 1.15rem;height: 1.15rem;flex: none;fill: none;stroke: var(--muted);stroke-width: 2;stroke-linecap: round}.qa-find input{flex: 1;border: 0;background: transparent;font: inherit;padding: 0.75rem 0;color: var(--navy);outline: none}.qa-find:focus-within{box-shadow: 0 0 0 3px var(--blue)}.qa-none{margin: 1.5rem 0 0;color: var(--muted)}.qa-topics[hidden], .qa-sec[hidden], .qa[hidden]{display: none}