@charset "UTF-8";
:root{color-scheme:light;--paper:#f8f7f2;--ink:#202521;--muted:#62675f;--line:#dcded4;--green:#c1ee80;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.75}
html[lang=en] .translation[lang=vi],html[lang=vi] .translation[lang=en]{display:none}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,button:focus-visible{outline:3px solid #479137;outline-offset:5px}
::selection{background:var(--green);color:var(--ink)}
.skip-link{position:fixed;top:-100px;left:16px;padding:10px 18px;background:var(--green);z-index:20}
.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:10;background:#171b1a;color:#f6f6ec;border-bottom:1px solid #353c34}
.header-inner{max-width:1200px;margin:auto;min-height:86px;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:37px;height:37px;color:var(--green);transform:translateY(5px)}
.brand strong{display:block;font-size:21px;letter-spacing:2.6px;line-height:1.1;font-weight:850}
.brand small{display:block;margin-top:6px;letter-spacing:2.9px;font:9px var(--mono)}
.header-actions{display:flex;align-items:center;gap:30px}
.header-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#c4c8be}
.status-dot{display:block;width:6px;height:6px;background:var(--green)}
.language-switch{display:flex;border:1px solid #42483f;border-radius:5px;padding:3px;gap:3px}
.language-switch button{font:11px var(--mono);border:0;min-width:38px;min-height:34px;padding:8px 10px;border-radius:3px;color:#c4c8be;background:transparent;cursor:pointer;transition:background .15s,color .15s}
.language-switch button:hover{color:#fff;background:#30382e}
.language-switch button[aria-pressed=true]{background:var(--green);color:#1e2b17;font-weight:bold}
.hero{background:#edf0e5;border-bottom:1px solid #cdd2c4}
.hero-inner{max-width:1200px;margin:auto;padding:65px 40px 58px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 26px;font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:1.45px;color:#5d6851}
.tiny-block{width:7px;height:7px;display:inline-block;background:#568333}
h1{margin:0;font-size:clamp(64px,7.4vw,92px);line-height:.98;letter-spacing:-5.5px;font-weight:800}
.title-accent{color:#587d35}
.hero-description{font-size:16px;line-height:1.8;color:#616a58;max-width:420px;margin:25px 0 28px}
.hero-description strong{font-weight:600;color:#3c4932}
.hero-meta{display:flex;align-items:center;gap:25px}
.meta-item{display:flex;flex-direction:column;font-size:10px;line-height:1.9;text-transform:uppercase;letter-spacing:.7px;color:#727967}
.meta-item time,.meta-item strong{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#36402e}
.meta-divider{height:25px;width:1px;background:#ccd0c1}
.hero-art{background:#171d19;border:1px solid #33402c;box-shadow:8px 8px 0 #d7ddc9;color:#ced5c1;padding:17px 20px 15px;transform:rotate(-2deg)}
.art-top,.art-bottom{display:flex;align-items:center;justify-content:space-between;font:8px/1.4 var(--mono);letter-spacing:.8px;color:#aab79d}
.art-top{padding-bottom:14px;border-bottom:1px solid #39412f}
.block-board{--unit:42px;position:relative;height:260px;margin:17px 0;background-image:linear-gradient(#8eaa6614 1px,transparent 1px),linear-gradient(90deg,#8eaa6614 1px,transparent 1px);background-size:var(--unit) var(--unit);overflow:hidden}
.piece,.ghost-piece{position:absolute;display:grid;grid-template-columns:repeat(3,var(--unit));grid-template-rows:repeat(2,var(--unit));gap:3px}
.piece i{width:var(--unit);height:var(--unit);background:var(--piece-color);border:4px solid #ffffff14;box-shadow:inset 0 -4px #00000014,inset 0 3px #ffffff20}
.piece-t{--piece-color:#c1ee80;left:35%;top:20%;transform:rotate(-8deg)}
.piece-t i:nth-child(1){grid-column:2}.piece-t i:nth-child(2){grid-row:2}.piece-t i:nth-child(3){grid-row:2;grid-column:2}.piece-t i:nth-child(4){grid-row:2;grid-column:3}
.piece-l{--piece-color:#efa873;left:6%;bottom:0;grid-template-columns:repeat(2,var(--unit));grid-template-rows:repeat(3,var(--unit));transform:rotate(7deg)}
.piece-l i:nth-child(1){grid-row:1}.piece-l i:nth-child(2){grid-row:2}.piece-l i:nth-child(3){grid-row:3}.piece-l i:nth-child(4){grid-row:3;grid-column:2}
.piece-square{--piece-color:#9cb2e8;right:7%;bottom:10%;grid-template-columns:repeat(2,var(--unit));transform:rotate(6deg)}
.piece-line{--piece-color:#d8cb83;right:-22%;top:-17%;grid-template-columns:repeat(4,var(--unit));grid-template-rows:var(--unit);transform:rotate(90deg)}
.ghost-piece{left:30%;bottom:-9%;opacity:.3;transform:rotate(-8deg)}
.ghost-piece i{width:var(--unit);height:var(--unit);border:1px dashed #c1ee80}.ghost-piece i:nth-child(1){grid-column:2}.ghost-piece i:nth-child(2){grid-row:2}.ghost-piece i:nth-child(3){grid-row:2;grid-column:2}.ghost-piece i:nth-child(4){grid-row:2;grid-column:3}
.board-cross{position:absolute;color:#6e7f62;font:14px var(--mono)}.cross-one{top:15%;left:8%}.cross-two{right:8%;top:22%}
.art-bottom{border-top:1px solid #39412f;padding-top:13px;gap:8px;font-size:7px}.art-bottom>span:last-child{margin-left:auto;font-size:17px}.art-dot{width:5px;height:5px;display:block;background:var(--green)}
.hero-bottom{max-width:1120px;margin:auto;padding:14px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cdd2c4;font:9px var(--mono);letter-spacing:1.3px;color:#79816f}
.hero-bottom a{font:11px var(--sans);letter-spacing:0;color:#3e4d32;display:flex;gap:14px;align-items:center;text-decoration:none;padding:5px 0}
.hero-bottom a:hover{text-decoration:underline}
.policy-layout{max-width:1200px;margin:auto;padding:65px 40px 75px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;align-items:start}
.policy-sidebar{position:sticky;top:120px}
.sidebar-title{margin:0 0 18px;color:#858a7e;font-size:9px;letter-spacing:1.8px}
.contents{display:flex;flex-direction:column;gap:4px}
.contents a{display:flex;gap:12px;text-decoration:none;padding:9px 10px 9px 12px;border-left:2px solid transparent;color:#72776d;font-size:12px;line-height:1.5;transition:color .15s,background .15s}
.contents a>span:first-child{color:#8d9484;font:9px/1.95 var(--mono)}
.contents a:hover{color:#273b1c;background:#ecf0e5}
.contents a[aria-current]{color:#355021;background:#e9efdf;border-left-color:#729845;font-weight:600}
.contents a[aria-current]>span:first-child{color:#587d35}
.sidebar-note{margin-top:36px;padding:22px 13px 0;border-top:1px solid var(--line);color:#758564}
.sidebar-note p{font-size:11px;line-height:1.8;color:#777d70;margin:10px 0}
.sidebar-note a{font-size:11px;color:#526f38;display:inline-flex;gap:12px;align-items:center;text-decoration:none}
.sidebar-note a:hover{text-decoration:underline}
.policy-content{min-width:0;max-width:745px}
.policy-section{padding:34px 0;border-top:1px solid var(--line);scroll-margin-top:16px}
.first-section{padding-top:0;border:0}
.section-heading{display:flex;gap:15px;align-items:baseline;margin-bottom:20px}
.section-number{color:#6f8556;flex:none;font:10px var(--mono);letter-spacing:1px}
h2{margin:0;font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.7px}
h3{font-size:14px;margin:24px 0 8px;font-weight:650;line-height:1.5;color:#313d29}
.policy-content p{font-size:14px;color:#656b60;line-height:1.9;margin:0 0 15px}
.policy-content strong{color:#394432;font-weight:650}
.policy-content p:last-child{margin-bottom:0}
.policy-callout{display:flex;align-items:flex-start;gap:12px;padding:19px 22px;margin-top:26px;background:#edf2e5;border:1px solid #dae3cb}
.callout-icon{font:11px var(--mono);margin-top:4px;border:1px solid #79945e;border-radius:50%;width:16px;height:16px;line-height:15px;text-align:center;flex:none;color:#688348}
.policy-callout p{font-size:12px;line-height:1.9;color:#647451}
.service-row{display:flex;gap:12px;align-items:center;margin:26px 0 12px}.service-row h3{margin:0;font-size:15px;color:#303a2a}
.service-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d8dccf;font:bold 17px var(--mono);flex:none}.ads-icon{background:#f3ecd7;color:#927328}.analytics-icon{background:#f3e4d4;color:#a16520}
.policy-content .service-label{font:10px/1.6 var(--mono);color:#8a8e80;margin:3px 0 0}
.text-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:#597a38}
.policy-content .small-note{font-size:12px;border-left:2px solid #d4dbc6;padding-left:15px;margin-top:24px;color:#818779}
.policy-list{padding:0;list-style:none;margin:0 0 22px}
.policy-list li{position:relative;padding-left:20px;font-size:14px;color:#656b60;line-height:1.9;margin-bottom:13px}
.policy-list li::before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;background:#87a367}
.contact-section{padding-bottom:30px}
.contact-card{display:flex;justify-content:space-between;align-items:center;background:#1b231b;color:var(--green);padding:28px;margin-top:22px;gap:15px}
.contact-label{font:8px/1.8 var(--mono);letter-spacing:1.4px;color:#a1b08e;display:block;margin-bottom:12px}
.contact-card strong{font-size:22px;letter-spacing:-.5px;color:#e7f1dc;display:block;line-height:1.3;margin-bottom:10px}
.contact-card a{font-size:13px;color:#c1db9f;display:inline-flex;align-items:center;gap:13px;overflow-wrap:anywhere}
.contact-card svg{flex:none}
.website-note{margin-top:10px;padding:20px 0;border-top:1px dashed var(--line)}
.policy-content .website-note p{font-size:11px;color:#888e81;line-height:1.9}
.website-note a{color:#687959}
.site-footer{background:#eeefe7;border-top:1px solid #d8ddcf}
.footer-inner{max-width:1200px;margin:auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-inner strong{font-size:11px;letter-spacing:1.3px;font-weight:750}.footer-inner strong span{color:#8b917e;margin-left:8px;font:8px var(--mono);letter-spacing:.7px}
.footer-inner p{font:9px var(--mono);color:#929787;margin:9px 0 0}
.footer-inner>a{display:flex;gap:15px;align-items:center;font-size:11px;color:#657451;text-decoration:none;padding:10px 0}.footer-inner>a:hover{text-decoration:underline}
@media(min-width:1300px){.hero-inner{padding-top:80px;padding-bottom:72px;gap:90px}.hero-art{max-width:430px}}
@media(max-width:1199px){.hero-bottom{margin:0 40px}.hero-inner{gap:40px}.block-board{--unit:36px}.policy-layout{gap:40px;grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:900px){.header-inner{padding-inline:28px}.hero-inner{padding:50px 28px;gap:28px;grid-template-columns:1.2fr 1fr}h1{font-size:68px;letter-spacing:-4px}.eyebrow{font-size:9px;letter-spacing:.9px}.hero-description{font-size:14px}.hero-art{padding:14px}.block-board{height:225px;--unit:31px}.art-top{font-size:6px}.art-bottom{font-size:6px;letter-spacing:.3px}.hero-bottom{margin:0 28px}.policy-layout{padding:45px 28px 55px;grid-template-columns:180px minmax(0,1fr);gap:30px}.contents a{font-size:11px;padding-left:8px;gap:8px}.section-heading{gap:10px}h2{font-size:21px}.contact-card{padding:22px}.contact-card a{font-size:12px}}
@media(max-width:700px){html{scroll-padding-top:88px}.header-inner{padding:15px 22px;min-height:76px}.brand strong{font-size:17px;letter-spacing:1.7px}.brand small{font-size:7px;letter-spacing:2.3px}.brand-mark{width:30px;height:30px}.brand{gap:9px}.header-label{display:none}.header-actions{gap:0}.language-switch button{min-width:37px;min-height:36px}.hero-inner{padding:41px 24px 35px;grid-template-columns:1fr;gap:35px}.hero-copy{max-width:500px}.eyebrow{margin-bottom:24px;font-size:9px}h1{font-size:72px;letter-spacing:-4px}.hero-description{font-size:15px;max-width:430px;margin-top:22px}.hero-meta{gap:24px}.hero-art{max-width:460px;width:calc(100% - 8px);transform:rotate(-1.5deg);padding:15px 18px}.block-board{height:210px;--unit:35px;margin:12px 0}.piece-t{top:13%;left:38%}.piece-square{right:7%;bottom:5%}.piece-l{left:7%}.piece-line{right:-17%}.art-top{font-size:8px;letter-spacing:.5px}.art-bottom{font-size:7px}.hero-bottom{margin:0 24px;font-size:8px;letter-spacing:.7px}.hero-bottom a{font-size:10px}.policy-layout{display:block;padding:30px 24px 40px}.policy-sidebar{position:static;margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid var(--line)}.sidebar-title{font-size:9px;margin-bottom:12px}.contents{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:3px}.contents a{font-size:11px;padding:7px 7px;gap:8px}.sidebar-note{display:none}.policy-content{max-width:none}.policy-section{padding:28px 0;scroll-margin-top:16px}.first-section{padding-top:0}.section-heading{gap:11px;margin-bottom:16px}h2{font-size:22px;letter-spacing:-.6px}.policy-content p,.policy-list li{font-size:14px;line-height:1.9}.policy-callout{padding:16px}.policy-callout p{font-size:12px}.contact-card{padding:22px 18px}.contact-card svg{width:28px;height:28px}.contact-label{font-size:7px;letter-spacing:.7px}.contact-card a{font-size:12px;gap:6px}.footer-inner{padding:26px 24px}.footer-inner strong span{display:block;margin:5px 0 0}.footer-inner>a{gap:9px}}
@media(max-width:360px){.header-inner{padding-inline:16px}.hero-inner{padding-inline:18px}.hero-bottom{margin-inline:18px}.policy-layout{padding-inline:18px}h1{font-size:64px}.contents a{font-size:10px;gap:6px}.contact-card svg{display:none}.contact-card a{font-size:11px}.hero-meta{gap:15px}.block-board{--unit:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{html{scroll-behavior:auto}.site-header,.hero-art,.hero-bottom,.policy-sidebar,.site-footer,.skip-link{display:none}.hero,.policy-layout{background:white}.hero-inner{display:block;padding:0 0 25px}.eyebrow{display:none}h1{font-size:38px;letter-spacing:-1px;line-height:1.1}h1 br{display:none}.title-accent{color:var(--ink)}.hero-description{max-width:none;font-size:12px}.hero-meta{margin-bottom:15px}.policy-layout{display:block;padding:25px 0}.policy-content{max-width:none}.policy-section{break-inside:avoid;padding:20px 0}.policy-content p,.policy-list li{font-size:11px}h2{font-size:17px}.contact-card{background:white;border:1px solid var(--line);padding:18px}.contact-card strong,.contact-card a,.contact-label{color:var(--ink)}.contact-card svg{display:none}body{padding:20px;background:white}}