@font-face{font-family:Khmer;src:url('NotoSansKhmer-Regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f6f3eb;color:#183e35;font:15px/1.65 Arial,Khmer,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bf9153;outline-offset:4px}.topline{background:#173d34;color:#e1d7be;display:flex;justify-content:space-between;padding:8px max(5vw,24px);font-size:10px;letter-spacing:1.8px}header{max-width:1320px;margin:auto;min-height:100px;display:flex;align-items:center;gap:36px;padding:18px 28px}.brand{display:grid;grid-template-columns:54px 185px;grid-template-rows:26px 25px;column-gap:14px;align-items:center}.brand img{width:52px;height:26px;object-fit:contain}.brand b{grid-column:1;font-size:24px;letter-spacing:3px;line-height:1;text-align:center}.brand span{grid-column:2;grid-row:1/3;font-size:12px;line-height:1.5;font-weight:700}nav{display:flex;gap:30px;margin:auto}nav a{font-size:13px}.langs{display:flex;gap:8px}.langs button{border:0;background:none;font-size:11px;display:flex;gap:5px;align-items:center;padding:8px 3px;min-height:44px}.langs img{width:18px}.langs button.active{border-bottom:2px solid #a17d42}#menu{display:none}main{max-width:1264px;margin:auto}.hero{display:grid;grid-template-columns:38% 62%;border:1px solid #d3c5a8;min-height:420px}.intro{padding:42px 42px 26px;background:#153e34;color:#f6f0df;display:flex;flex-direction:column}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#a78650}.intro .eyebrow{color:#d5b87d}h1{font-size:43px;line-height:1.3;font-weight:500;letter-spacing:1px;margin:22px 0 16px}.intro p{font-size:14px;color:#c9d3c8;margin:0 0 24px}.button{display:inline-flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid #b89b66;background:#dbc69b;color:#193d32;padding:12px 20px;font-size:13px;min-height:46px;align-self:flex-start}.button:hover{background:#e7d7b8}.hero-bottom{margin-top:auto;padding-top:26px;border-top:1px solid #ffffff29;display:flex;flex-direction:column;font-size:11px;gap:5px}.hero-bottom small{font-size:10px;color:#a8bcb0}.city{margin:0;background:#f3ead7;display:flex;flex-direction:column;padding:22px 24px 0;justify-content:space-between}.plate-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#806a44}.city>img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.city figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #bea77b;padding:15px 0;font-size:10px;color:#806a44}.city b{font-size:9px;letter-spacing:1.5px}.category-section{padding:28px 0 36px}.section-label{display:flex;justify-content:space-between;font-size:12px;padding-bottom:15px}.section-label small{font-size:9px;letter-spacing:1.5px;color:#8a897e}.categories{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #cfc8b6;border-bottom:1px solid #cfc8b6}.categories button{background:transparent;border:0;border-right:1px solid #dcd5c5;display:flex;gap:12px;align-items:center;justify-content:center;padding:20px 10px;font-size:13px;min-height:74px}.categories button:last-child{border:0}.categories svg{width:26px;height:26px;stroke:#7b714e;fill:none;stroke-width:1.3}.categories button:hover,.categories button.selected{background:#e9e5d7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-head h2{font-size:29px;font-weight:500;margin:8px 0 0}.section-head form{display:flex;border-bottom:1px solid #807657;width:270px}.section-head input{border:0;background:none;min-width:0;flex:1;padding:10px 0;font-size:12px;outline-offset:0}.section-head form button{background:none;border:0;font-size:24px;padding:0 10px}.catalog-line{display:flex;justify-content:space-between;align-items:center;margin:24px 0 16px;font-size:11px;color:#7c8075}.catalog-line button{border:0;background:none;font-size:12px;min-height:44px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{border:0;background:none;text-align:left;padding:0;display:block;min-width:0}.product:hover h3{text-decoration:underline}.art{height:210px;background:#e8e9e0;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.art::before{content:'演示 / DEMO';position:absolute;left:12px;top:10px;font-size:9px;letter-spacing:1px;color:#7a8378}.device{width:70%;height:105px;background:#173e37;border:7px solid #778a7e;border-radius:6px;position:relative;box-shadow:8px 14px 20px #34463a22;display:grid;place-items:center;color:#a7c5ad;letter-spacing:10px;font-size:25px;font-weight:100;transform:perspective(600px) rotateY(-9deg)}.device:after{content:'';position:absolute;top:100%;width:120%;height:9px;background:#9ca99d;left:-10%;border-radius:1px 1px 20px 20px}.phone .device{width:63px;height:125px;border:5px solid #667e70;border-radius:13px;font-size:11px;letter-spacing:2px;transform:rotate(9deg)}.phone .device:after{display:none}.keyboard .device{height:55px;border:4px solid #667e70;background:repeating-linear-gradient(90deg,transparent 0 14px,#9aac9b 14px 16px),repeating-linear-gradient(0deg,#244a40 0 12px,#9aac9b 12px 14px);transform:perspective(150px) rotateX(25deg);color:transparent}.keyboard .device:after{display:none}.product .meta{display:flex;justify-content:space-between;color:#85877c;font-size:10px;margin-top:15px}.product h3{font-weight:500;font-size:17px;margin:5px 0}.product p{font-size:11px;color:#7d8378;margin:0}.price{display:block;font-size:18px;letter-spacing:.5px;margin-top:10px}.demo-note{font-size:10px;color:#8c8c80;margin:23px 0 40px}.services{display:grid;grid-template-columns:38% 62%;border-top:1px solid #c5b591;border-bottom:1px solid #c5b591;background:#eeeadf;padding:30px 40px;gap:0}.service-title h2{font-size:27px;line-height:1.5;font-weight:500;margin:13px 0}.service-title p{font-size:12px;color:#7e8174}.service-list button{display:flex;width:100%;align-items:center;gap:24px;border:0;border-bottom:1px solid #cfc7b3;background:none;text-align:left;padding:19px 0}.service-list button:last-child{border:0}.service-list button>span{font-size:12px;color:#a78953}.service-list h3{font-size:17px;font-weight:500;margin:0}.service-list p{font-size:11px;color:#85877a;margin:3px 0 0}.service-list b{margin-left:auto;font-weight:400;font-size:22px}footer{display:grid;grid-template-columns:38% 62%;padding:48px 0 0}.footer-brand h2{font-size:26px;line-height:1.45;font-weight:500;margin:12px 0}.footer-brand p{font-size:12px;color:#838577}.text-button{background:none;border:0;border-bottom:1px solid #9a8151;padding:6px 0;margin-top:4px;min-height:44px}.footer-brand small{display:block;font-size:10px;color:#98988a;margin:4px 0 25px}.footer-info{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:32px;border-top:1px solid #cfc7b3}.footer-info h3{font-size:13px;font-weight:500;margin:0 0 20px}.footer-info dl{display:grid;grid-template-columns:75px 1fr;font-size:11px;gap:12px}.footer-info dt{color:#8b8b7b}.footer-info dd{margin:0}.footer-info p,.footer-info a{font-size:11px}.footer-end{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #cfc7b3;padding:17px 0 23px;font-size:9px;color:#828779}dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #bca471;padding:35px;background:#f7f1e4;color:#183e35}dialog::backdrop{background:#10251ccc}dialog #close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:26px}dialog p{font-size:13px}#done{margin-top:20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.topline{padding:6px 18px;font-size:8px;letter-spacing:1px}.topline span:last-child{font-size:8px}header{padding:14px 18px;min-height:95px;gap:10px;flex-wrap:wrap}.brand{grid-template-columns:42px 155px;grid-template-rows:20px 20px;gap:0 9px}.brand img{width:40px;height:20px}.brand b{font-size:20px}.brand span{font-size:10px}#menu{display:block;margin-left:auto;background:none;border:1px solid #cfc8b6;width:40px;height:40px;font-size:20px}.langs{margin-left:auto;gap:13px}.langs button{min-height:30px;padding:3px 0;font-size:10px}nav{display:none;order:4;width:100%;justify-content:space-between;border-top:1px solid #d6cdb9;padding-top:12px}nav.open{display:flex}main{margin:0 18px}.hero{display:flex;flex-direction:column}.intro{padding:24px 24px 20px}.eyebrow{font-size:9px}h1{font-size:32px;margin:14px 0 12px}.intro p{font-size:12px;margin-bottom:18px}.button{font-size:12px;padding:9px 17px;min-height:44px}.hero-bottom{display:none}.city{padding:12px 16px 0}.plate-top{font-size:8px;letter-spacing:1px}.city>img{margin:3px 0}.city figcaption{font-size:8px;padding:8px 0;gap:8px}.city b{font-size:7px;white-space:nowrap}.category-section{padding:20px 0 30px}.section-label{font-size:11px;padding-bottom:10px}.section-label small{font-size:8px}.categories{grid-template-columns:repeat(3,1fr)}.categories button{flex-direction:column;gap:7px;padding:12px 4px;min-height:80px;font-size:11px;border-bottom:1px solid #dcd5c5}.categories button:nth-child(3n){border-right:0}.categories button:nth-child(n+4){border-bottom:0}.categories svg{width:24px;height:24px}.section-head{display:block}.section-head h2{font-size:25px}.section-head form{width:100%;margin-top:12px}.catalog-line{margin:10px 0}.products{grid-template-columns:repeat(2,1fr);gap:22px 14px}.art{height:152px}.device{height:70px;border-width:5px;font-size:18px;letter-spacing:5px}.phone .device{height:100px;width:52px}.keyboard .device{height:40px}.art:before{font-size:8px;left:8px;top:7px}.product h3{font-size:14px}.product p{font-size:10px}.price{font-size:16px}.product .meta{font-size:9px}.demo-note{font-size:9px;margin:20px 0 28px}.services{display:block;padding:24px 22px}.service-title h2{font-size:23px}.service-title h2 br{display:none}.service-title p{font-size:11px}.service-list button{gap:17px;padding:14px 0}.service-list h3{font-size:15px}.service-list p{font-size:10px}footer{display:block;padding:30px 0 0}.footer-brand h2{font-size:23px}.footer-brand h2 br{display:none}.footer-brand p{font-size:11px}.footer-brand p br{display:none}.footer-info{gap:18px;padding-top:20px}.footer-info h3{margin-bottom:10px}.footer-info dl{grid-template-columns:1fr;gap:4px}.footer-info dd{margin-bottom:8px}.footer-end{margin-top:18px;gap:10px;flex-wrap:wrap;font-size:8px}.footer-end span:first-child{width:100%}}

/* Review refinement: retain page gutters on intermediate desktops. */
@media (min-width:801px){main{width:calc(100% - 56px)}}
@media(max-width:800px){.langs button{min-height:40px}.langs{gap:16px}}