:root{--blue:#1e68f5;--ink:#122139;--muted:#697484;--line:#e3e8ef;--orange:#ff6800}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans','Noto Sans Khmer',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font:800 23px 'Manrope',sans-serif;letter-spacing:-.7px}.brand img{border-radius:12px}.brand-light{font-weight:500}nav{display:flex;align-items:center;gap:17px}.language{padding:8px 2px;border:0;background:none;cursor:pointer;color:#758091;font-family:inherit;font-size:14px;font-weight:600}.language[aria-pressed=true]{color:var(--blue)}.divider{height:17px;width:1px;background:var(--line)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding-top:44px;padding-bottom:72px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;margin:0 0 25px}.eyebrow>span:first-child:empty{width:7px;height:7px;background:var(--orange);border-radius:100%}h1{font-family:'Manrope','Noto Sans Khmer',sans-serif;font-size:clamp(48px,5vw,68px);line-height:1.1;font-weight:800;letter-spacing:-3.6px;margin:0 0 25px}.blue{color:var(--blue)}.intro{font-size:18px;color:var(--muted);line-height:1.75;max-width:400px;margin:0 0 32px}.download{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--blue);color:white;padding:20px 24px;border-radius:10px;font-size:16px;font-weight:600;transition:background .2s,transform .2s;min-height:60px}.download:hover{background:#1457d4;transform:translateY(-2px)}.download svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.arrow{margin-left:16px;font-size:21px;font-weight:400}.download-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:14px 0 0;padding-left:4px}#download-status{font-size:14px;line-height:1.7;color:#8a4300;max-width:390px;background:#fff4e9;padding:12px 15px;border-radius:8px}.brand-panel{background:var(--blue);border-radius:24px;padding:29px 32px;color:white;min-height:454px;display:flex;flex-direction:column;position:relative;overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px;font-weight:500;color:#e4edff}.panel-mark{font-size:25px;line-height:1}.logo-stage{flex:1;display:flex;align-items:center;justify-content:center;margin:-3px 0 -9px}.logo-stage img{width:270px;height:270px;object-fit:contain;border-radius:24%}.panel-bottom{display:flex;justify-content:space-between;align-items:flex-end}.panel-bottom p{font-family:'Manrope','Noto Sans Khmer',sans-serif;font-size:25px;line-height:1.4;letter-spacing:-.6px;font-weight:500;margin:0}.orange-dot{background:var(--orange);width:42px;height:42px;border-radius:50%;flex:none}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-top:31px;padding-bottom:42px;position:relative;gap:34px}.benefits:before{content:'';position:absolute;top:0;left:48px;right:48px;height:1px;background:var(--line)}.benefit{display:flex;gap:19px;align-items:flex-start}.index{font-family:'Manrope',sans-serif;font-size:12px;padding-top:5px;color:var(--blue);font-weight:700}.benefit h2{font-size:18px;font-weight:600;margin:0 0 9px;letter-spacing:-.3px}.benefit p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.closing{background:#f3f7fe;max-width:1144px;margin:22px auto 0;padding:39px 40px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;gap:24px}.closing .eyebrow{color:var(--blue);margin-bottom:12px;font-size:11px}.closing h2{font-family:'Manrope','Noto Sans Khmer',sans-serif;margin:0;font-size:31px;font-weight:700;letter-spacing:-1px;line-height:1.35}.secondary{background:white;color:var(--ink);border:1px solid #dee7f5;white-space:nowrap}.secondary:hover{background:#e9f0ff}footer{display:flex;justify-content:space-between;padding-top:31px;padding-bottom:31px;font-size:12px;color:#778291}html[lang=km] h1{font-size:50px;line-height:1.55;letter-spacing:0}html[lang=km] .eyebrow{letter-spacing:0;font-size:14px}html[lang=km] .intro{line-height:1.95}html[lang=km] h2,html[lang=km] .panel-bottom p{letter-spacing:0;line-height:1.8}html[lang=km] .closing h2{font-size:27px}@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:90px}}@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:30px}h1{font-size:49px;letter-spacing:-2.5px}.brand-panel{min-height:420px;padding:24px}.logo-stage img{width:220px;height:220px}.benefits{gap:18px}.benefits:before{left:28px;right:28px}.benefit{gap:10px}.closing{margin-left:28px;margin-right:28px}html[lang=km] h1{font-size:39px}}@media(max-width:650px){.wrap{padding-left:24px;padding-right:24px}.header{height:88px}.brand{font-size:21px}.brand img{width:39px;height:39px}.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:38px;gap:36px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:20px}h1{font-size:clamp(43px,11.5vw,62px);letter-spacing:-2.8px;margin-bottom:20px}.intro{font-size:16px;margin-bottom:25px;max-width:360px}.download{font-size:15px;width:100%;padding:18px 18px}.cta-group{max-width:390px}.download-note{justify-content:center}.brand-panel{min-height:340px;padding:24px;border-radius:18px}.logo-stage img{width:210px;height:210px}.panel-bottom p{font-size:21px}.orange-dot{width:34px;height:34px}.benefits{grid-template-columns:1fr;padding-top:27px;padding-bottom:25px;gap:25px}.benefits:before{left:24px;right:24px}.benefit{gap:20px}.benefit h2{font-size:18px;margin-bottom:4px}.closing{margin:10px 24px 0;padding:28px 24px;flex-direction:column;align-items:stretch;gap:25px}.closing h2{font-size:28px}.closing .eyebrow{font-size:10px}footer{font-size:12px;gap:16px;flex-wrap:wrap}html[lang=km] h1{font-size:clamp(34px,9vw,44px)}html[lang=km] .panel-bottom p{font-size:19px}html[lang=km] .closing h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
