@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--indigo: oklch(.55 .22 277);--indigo-deep: oklch(.47 .225 277);--amber: oklch(.8 .15 75);--cyan: oklch(.7 .13 220);--ink: oklch(.21 .03 264);--ink-2: oklch(.42 .03 262);--muted: oklch(.55 .025 262);--paper: oklch(.99 .003 250);--surface: oklch(1 0 0);--surface-2: oklch(.97 .006 262);--line: oklch(.92 .006 262);--line-strong: oklch(.86 .008 262);--accent: var(--indigo);--accent-2: var(--indigo-deep);--accent-wash: oklch(.96 .03 277);--up: oklch(.55 .15 150);--up-wash: oklch(.96 .03 150);--down: oklch(.55 .2 27);--down-wash: oklch(.96 .025 27);--ring: oklch(.55 .22 277 / .45);--btn-bg: var(--indigo);--btn-bg-hover: var(--indigo-deep);--btn-fg: #ffffff;--viz-1: var(--indigo);--viz-2: var(--cyan);--viz-3: var(--amber);--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-sans: "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-sm: 8px;--r: 12px;--r-lg: 18px;--shadow-sm: 0 1px 2px oklch(.21 .03 264 / .05), 0 1px 3px oklch(.21 .03 264 / .07);--shadow: 0 6px 16px -6px oklch(.21 .03 264 / .12), 0 2px 6px -2px oklch(.21 .03 264 / .07);--shadow-accent: 0 8px 22px -8px oklch(.55 .22 277 / .38);--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--container: 1040px}@media(prefers-color-scheme:dark){:root{--ink: oklch(.96 .005 260);--ink-2: oklch(.8 .012 260);--muted: oklch(.66 .018 260);--paper: oklch(.175 .02 264);--surface: oklch(.22 .022 264);--surface-2: oklch(.26 .024 264);--line: oklch(.32 .02 264);--line-strong: oklch(.4 .022 264);--accent: oklch(.74 .15 277);--accent-2: oklch(.8 .13 277);--accent-wash: oklch(.3 .06 277);--up: oklch(.74 .16 150);--up-wash: oklch(.3 .06 150);--down: oklch(.7 .18 27);--down-wash: oklch(.3 .07 27);--ring: oklch(.74 .15 277 / .5);--btn-bg: oklch(.74 .15 277);--btn-bg-hover: oklch(.8 .13 277);--btn-fg: oklch(.18 .02 264);--shadow-sm: 0 1px 2px oklch(0 0 0 / .35), 0 1px 3px oklch(0 0 0 / .4);--shadow: 0 8px 24px -8px oklch(0 0 0 / .55)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:17px;line-height:1.65;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;font-optical-sizing:auto;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);margin:0 0 .5rem}h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.7rem);margin:0 0 1rem}h3{font-size:1.15rem;margin:0 0 .5rem}p{margin:0 0 1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}strong{font-weight:600}.small{font-size:.85rem}.muted{color:var(--muted)}.lede{font-size:1.2rem;color:var(--ink-2);max-width:60ch}code{background:var(--surface-2);padding:.12rem .38rem;border-radius:6px;font-size:.9em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:.75rem 1rem;border-radius:var(--r-sm)}.container{max-width:var(--container);margin-inline:auto;padding-inline:1.25rem}.section{margin-top:2.75rem}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--paper) 80%,transparent);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--ink);letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.05)}.brand b{color:var(--accent);font-weight:600}.brand-mark{display:block;flex-shrink:0;border-radius:7px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease)}.brand-text{line-height:1}.tagline{color:var(--muted)}.site-header .nav-link{color:var(--ink-2);font-weight:600;font-size:.9rem;text-decoration:none}.site-header .nav-link:hover{color:var(--accent)}.nav-primary{display:flex;gap:1.5rem;align-items:center}.site-footer{margin-top:4rem;border-top:1px solid var(--line);background:var(--surface-2)}.site-footer .container{padding-block:1.75rem;color:var(--muted);font-size:.85rem}.site-footer a{color:var(--ink-2);text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.4rem;box-shadow:var(--shadow-sm)}.chart-card h2{font-size:1.2rem;margin-bottom:1rem}.change{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.95rem;padding:.22rem .6rem;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}.change.up{color:var(--up);background:var(--up-wash)}.change.down{color:var(--down);background:var(--down-wash)}.change.flat{color:var(--muted);background:var(--surface-2)}.stat-value{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,1.7rem + 2.6vw,3.2rem);line-height:1;letter-spacing:-.02em}.area-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;margin:.5rem 0 1.25rem}.crumb{font-size:.9rem;color:var(--muted);margin:1.5rem 0 .75rem}.crumb a{color:var(--muted)}.type-grid{list-style:none;padding:0;margin:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.type-grid li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:.9rem 1rem}.type-grid .t-label{color:var(--muted);font-size:.85rem;display:block;margin-bottom:.3rem}.type-grid .t-value{font-family:var(--font-display);font-weight:600;font-size:1.4rem}.type-grid .t-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap}.type-grid .change{font-size:.72rem;padding:.12rem .42rem}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{text-align:left;padding:.62rem .5rem;border-bottom:1px solid var(--line)}.data-table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table tbody tr:hover{background:var(--surface-2)}.area-grid{list-style:none;padding:0;margin:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.area-grid li{display:grid}.area-card{display:flex;flex-direction:column;gap:.55rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.area-card:hover{text-decoration:none;border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.area-card .a-name{font-weight:600}.area-card .a-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.area-card .a-price{font-family:var(--font-display);font-size:1.2rem;font-weight:600;white-space:nowrap}.area-card .change{flex-shrink:0;font-size:.8rem}.search{position:relative;max-width:560px;margin-top:1.5rem}.search input{width:100%;padding:.9rem 1.1rem;font-size:1.1rem;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r);box-shadow:var(--shadow-sm)}.search input::placeholder{color:var(--muted)}.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.search ul{list-style:none;margin:.4rem 0 0;padding:.3rem;position:absolute;left:0;right:0;z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.search ul:empty{display:none}.search ul li a{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.5rem .7rem;border-radius:var(--r-sm);color:var(--ink)}.search ul li a:hover{background:var(--accent-wash);text-decoration:none}.search ul li a .s-tag{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.hero{padding:3rem 0 .5rem}.cta{position:relative;display:flex;gap:1.1rem;align-items:flex-start;background:linear-gradient(125deg,var(--accent-wash),var(--surface) 70%);border:1px solid color-mix(in oklab,var(--accent) 22%,var(--line));border-radius:var(--r-lg);padding:1.35rem 1.5rem 1.35rem 1.6rem;margin-top:1.75rem;overflow:hidden}.cta:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.cta-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid color-mix(in oklab,var(--accent) 18%,var(--line));display:grid;place-items:center;color:var(--accent);box-shadow:var(--shadow-sm)}.cta-main{flex:1 1 auto;min-width:0}.cta-main>h3{margin-bottom:.3rem}@media(max-width:540px){.cta{gap:.85rem;padding-left:1.5rem}.cta-icon{width:38px;height:38px}}.cta h3{margin-bottom:.35rem}.btn{display:inline-block;margin-top:.6rem;background:var(--btn-bg);color:var(--btn-fg);padding:.6rem 1.15rem;border-radius:var(--r-sm);font-weight:600;box-shadow:var(--shadow-accent);transition:background var(--dur) var(--ease),transform .12s var(--ease),box-shadow var(--dur) var(--ease)}.btn:hover{background:var(--btn-bg-hover);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.985);box-shadow:var(--shadow-sm)}.footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--line)}.brand--sm{font-size:1.05rem;color:var(--ink)}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1rem}.footer-top .footer-links{margin-bottom:0}.footer-links a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.85rem;transition:color var(--dur) var(--ease)}.footer-links a:hover{color:var(--accent);text-decoration:none}.epc-bar{display:flex;width:100%;height:36px;border-radius:var(--r-sm);overflow:hidden;margin:.75rem 0 1rem;border:1px solid var(--line)}.epc-seg{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;min-width:24px;transition:flex .15s}.epc-seg span{text-shadow:0 1px 1px rgba(0,0,0,.25)}.epc-a{background:#008054}.epc-b{background:#19b459}.epc-c{background:#8dce46;color:#2d3a1a;text-shadow:none}.epc-d{background:#ffe21f;color:#2d3a1a;text-shadow:none}.epc-e{background:#fdb913;color:#2d3a1a;text-shadow:none}.epc-f{background:#ee7c20}.epc-g{background:#ee1c25}.epc-stats{list-style:none;padding:0;margin:0 0 .75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.epc-stats li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:.8rem 1rem;display:flex;flex-direction:column;gap:.3rem}.epc-stats .t-label{color:var(--muted);font-size:.82rem}.epc-stats .t-value{font-family:var(--font-display);font-weight:600;font-size:1.2rem}.epc-pill{display:inline-block;padding:.15rem .55rem;border-radius:6px;font-weight:700;font-size:1rem;font-family:var(--font-sans)}.epc-pill.epc-a,.epc-pill.epc-b,.epc-pill.epc-f,.epc-pill.epc-g{color:#fff}.epc-pill.epc-c,.epc-pill.epc-d,.epc-pill.epc-e{color:#2d3a1a}.legal{max-width:72ch}.legal h1{margin-top:0}.legal h2{font-size:1.35rem;margin-top:2.5rem;display:flex;align-items:center;gap:.6rem}.legal h2:before{content:"";flex-shrink:0;width:14px;height:3px;border-radius:2px;background:var(--accent)}.legal h3{font-size:1.05rem;margin-top:1.5rem}.legal p,.legal li{color:var(--ink-2)}.legal ul{padding-left:1.25rem;margin:0 0 1rem}.legal li{margin-bottom:.4rem}.legal .updated{color:var(--muted);font-size:.9rem;margin:0 0 2rem}.legal .pop-badge{margin:.35rem 0 1.1rem;color:#372508}.legal a{text-decoration:underline}.legal table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 1.25rem}.legal th,.legal td{text-align:left;padding:.6rem .55rem;border-bottom:1px solid var(--line);vertical-align:top}.legal th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom-color:var(--line-strong)}.legal tbody tr{transition:background var(--dur) var(--ease)}.legal tbody tr:hover{background:var(--surface-2)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.site-header .nav-link{position:relative;transition:color var(--dur) var(--ease)}.site-header .nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.site-header .nav-link:hover:after,.site-header .nav-link[aria-current=page]:after{transform:scaleX(1)}.pop-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--amber);color:#372508;font-family:var(--font-sans);font-weight:700;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;padding:.28rem .6rem;border-radius:999px;box-shadow:inset 0 1px oklch(.98 .04 95 / .5),0 1px 2px oklch(.45 .13 70 / .35),0 3px 8px oklch(.45 .13 70 / .16)}.pop-badge:before{content:"";width:7px;height:7px;border-radius:999px;background:radial-gradient(circle at 32% 28%,#b2fdc1,#20c45f 52%,oklch(.52 .15 150));box-shadow:inset 0 -.5px 1px oklch(.4 .12 150 / .55),0 0 5px oklch(.72 .2 150 / .65)}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes hph-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.reveal{animation:hph-rise .6s var(--ease) both}.reveal-1{animation-delay:.04s}.reveal-2{animation-delay:.12s}.reveal-3{animation-delay:.2s}.reveal-4{animation-delay:.28s}}.panel,.chart-card{position:relative;overflow:hidden}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem 1.5rem;box-shadow:var(--shadow-sm)}.panel:before,.chart-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--cyan))}.panel .type-grid li,.panel .epc-stats li{background:var(--surface-2)}.callout{position:relative;overflow:hidden;background:var(--accent-wash);border:1px solid color-mix(in oklab,var(--accent) 20%,var(--line));border-radius:var(--r);padding:1rem 1.15rem 1rem 1.25rem}.callout:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.callout :last-child{margin-bottom:0}.area-sec>h2{display:flex;align-items:center;gap:.6rem}.area-sec>h2:before{content:"";flex-shrink:0;width:14px;height:3px;border-radius:2px;background:var(--accent)}.guides-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.guides-list li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.guides-list li:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.guides-list h2{font-size:1.15rem;margin:0 0 .4rem}.guides-list h2 a{color:var(--ink)}.guides-list h2 a:after{content:"";position:absolute;inset:0}.guides-list h2 a:hover{text-decoration:none;color:var(--accent)}.guides-list p{margin:0;color:var(--ink-2);font-size:.95rem}
