.language-control{display:flex;align-items:center}.language-control select{max-width:108px;min-height:34px;border:1px solid #48636c;background:#0b1720;color:#d3e6e9;padding:5px 7px;font:11px/1.4 Arial,sans-serif;border-radius:2px;cursor:pointer}.language-control select:focus-visible{outline:2px solid #81eee0;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html:not([lang^="zh"]) h1{font-size:clamp(30px,3.5vw,52px);line-height:1.12;letter-spacing:-1px}html:not([lang^="zh"]) .campaign-copy{font-size:12px;line-height:1.65}html:not([lang^="zh"]) .campaign-copy small{font-size:9px}html:not([lang^="zh"]) .intro{width:36%}html:not([lang^="zh"]) h1 em:before{content:' '}.city-mode #cityHint{max-width:40%;text-align:end;line-height:1.5}#citySignal code,.pixel-card code,.pixel-record code{direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}.pixel-label-preview strong,.pixel-signature strong,#citySignal [data-message]{unicode-bidi:plaintext}html[dir="rtl"] .intro,html[dir="rtl"] .action-copy,html[dir="rtl"] dialog,html[dir="rtl"] #citySignal{text-align:right}html[dir="rtl"] .hero-english,html[dir="rtl"] .tiny,html[dir="rtl"] .country-kicker{direction:ltr}html[dir="rtl"] .campaign-copy{line-height:1.9}html[dir="rtl"] .action-copy{flex-direction:row-reverse}html[dir="rtl"] #citySignal button{text-align:right}html[dir="rtl"] .pixel-label-form>label{justify-content:flex-start}html[dir="rtl"] .language-control select{direction:rtl}
@media(max-width:1050px){nav{gap:13px}.prototype{display:none}.language-control select{max-width:94px}html:not([lang^="zh"]) .intro{width:40%}html:not([lang^="zh"]) h1{font-size:38px}}
@media(max-width:759px){header{left:16px;right:16px}.brand{font-size:12px;gap:5px;letter-spacing:0}.brand .logo{font-size:27px}.brand small{font-size:5px;letter-spacing:.8px}nav{gap:8px}nav button{font-size:9px}nav button span{margin-left:2px}.language-control select{width:65px;max-width:65px;font-size:10px;padding:5px 2px;min-height:32px}html:not([lang^="zh"]) .intro{width:85%;top:14%}html:not([lang^="zh"]) h1{font-size:clamp(27px,7.5vw,36px);line-height:1.17}html:not([lang^="zh"]) .campaign-copy{font-size:9px;line-height:1.55;max-width:94%}html:not([lang^="zh"]) .campaign-copy small{font-size:7px}html:not([lang^="zh"]) .country-panel{top:37%}.city-mode #cityHint{max-width:100%;text-align:start;font-size:9px}.action .primary,.action .demo{white-space:normal;line-height:1.4}.city-mode .action .primary{justify-content:center}.population p{line-height:1.5}html[dir="rtl"] .country-panel{text-align:right}html[dir="rtl"] .brand{direction:ltr}.pixel-label-form input{font-size:16px}}
@media(max-width:380px){nav{gap:5px}.brand{font-size:11px}.brand .logo{font-size:23px}.language-control select{width:58px;max-width:58px}}