@font-face{font-family:Poppins;src:url('product-fonts/Poppins-Bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Vietnam;src:url('product-fonts/BeVietnamPro-Regular.ttf');font-display:swap}@font-face{font-family:Montserrat;src:url('product-fonts/Montserrat-Regular.ttf');font-display:swap}@font-face{font-family:Anton;src:url('product-fonts/Anton-Regular.ttf');font-display:swap}
:root{--mint:#beebc2;--lemon:#f8ed7d;--grey:#ececec;--ink:#151515}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:Vietnam,Arial,sans-serif}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;gap:28px;border-bottom:1px solid #ddd}.logo{width:165px;display:block}nav{display:flex;flex-wrap:wrap;gap:24px;font:13px Montserrat,Arial,sans-serif}nav a{text-decoration:none;padding:12px 0}nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.hero{background:var(--mint);padding:64px 8%;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:30px}.eyebrow{font:11px Montserrat,sans-serif;letter-spacing:1.7px;line-height:1.7}h1{font:700 clamp(42px,6vw,78px)/1.09 Poppins,sans-serif;letter-spacing:-2px;margin:25px 0}h1 span{background:var(--lemon);padding:0 8px;margin-left:-8px}.intro{margin:26px 0 0;line-height:1.7}.mark{align-self:stretch;background:var(--lemon);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:35px}.mark img{width:150px;max-width:100%}.mark span{font:22px Anton,sans-serif}.explorer{padding:54px 8% 70px;background:var(--grey)}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #999;padding-bottom:22px}.section-top h2{font:700 25px Poppins,sans-serif;margin:0}.section-top>span{font:10px Montserrat,sans-serif;letter-spacing:1px}.selectors{display:grid;grid-template-columns:1fr 1.6fr;gap:24px;margin:30px 0}label{display:block;font:12px Montserrat,sans-serif;margin-bottom:12px}select{width:100%;height:58px;border:1px solid #aaa;border-radius:0;background:white;padding:0 40px 0 18px;font:14px Vietnam,sans-serif;color:var(--ink);text-overflow:ellipsis}select:disabled{background:#f4f4f4;color:#666}.empty{background:white;padding:50px 30px;text-align:center}.empty-number{font:28px Anton,sans-serif}.empty p{font-size:14px;color:#555}.empty[hidden],[hidden]{display:none!important}#detail{display:grid;grid-template-columns:1fr 1fr;background:white}.copy{padding:38px 32px}.copy h2{font:700 clamp(23px,2.7vw,34px)/1.3 Poppins,sans-serif;letter-spacing:-.5px;margin:22px 0}.copy>p:not(.eyebrow):not(.file-note):not(.status){font-size:15px;line-height:1.9}.callout{background:var(--lemon);padding:12px 16px;font-family:Anton,sans-serif}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:20px;background:var(--lemon);border:1px solid var(--ink);padding:14px 18px;font:12px Montserrat,sans-serif;text-decoration:none}.button:hover{background:var(--mint)}.button.secondary{background:white}.file-note,.status{font-size:11px;color:#666;line-height:1.6}.status:empty{display:none}figure{margin:0;padding:28px;background:var(--mint)}figure img{display:block;width:100%;height:auto;box-shadow:0 4px 15px #0002}figcaption{text-align:center;font:10px Montserrat,sans-serif;margin-top:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6%;gap:20px;font:11px Montserrat,sans-serif}footer img{width:120px}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:var(--lemon);z-index:10}.skip:focus{top:8px}:focus-visible{outline:3px solid var(--ink);outline-offset:5px}@media(max-width:700px){header{flex-direction:column;align-items:flex-start;padding:20px 6%}nav{gap:20px}.hero{padding:40px 7%;grid-template-columns:1fr}.mark{display:none}h1{letter-spacing:-1px}.explorer{padding:35px 6%}.section-top{display:block}.section-top>span{display:block;margin-top:15px}.selectors,#detail{grid-template-columns:1fr}.selectors{gap:20px}.copy{padding:25px 22px}figure{padding:20px}footer{flex-wrap:wrap}select{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}