@charset "UTF-8";
:root{--ink:#172927;--muted:#67726e;--green:#174e43;--orange:#db693c;--line:#e2e7e1;--cream:#f8f9f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.8 "Segoe UI","Myanmar Text",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:5px}button,a{touch-action:manipulation}.wrap{width:min(1180px,90%);margin:auto}.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-weight:650;font-size:16px;line-height:1.4}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:6px}.logo{font:bold 38px/1 "Segoe UI",sans-serif;color:var(--green);letter-spacing:-4px}.logo span{color:var(--orange)}nav{display:flex;align-items:center;gap:32px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:0;background:var(--green);color:white;padding:14px 23px;border-radius:5px;font-weight:600;cursor:pointer}.button:hover{background:#256554}.small{padding:10px 18px;font-size:13px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;min-height:620px;padding-top:65px;padding-bottom:85px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 24px}.dot{display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:50%;margin-right:6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.2vw,70px);line-height:1.12;letter-spacing:-3px;margin-bottom:26px;font-weight:650}h2{font-size:clamp(30px,3.4vw,44px);line-height:1.2;letter-spacing:-1.6px;font-weight:600}h3{font-size:20px;letter-spacing:-.5px}.lead{max-width:490px;color:var(--muted);line-height:2.1}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:12px;font-weight:600}.hero-note{font-size:10px;color:var(--muted);margin:30px 0 0}.illustration{position:relative;padding:45px 0 60px}.orbit{position:absolute;inset:-25px -10px;border-radius:50%;background:radial-gradient(circle,#e6ede0 0,#f4f5e9 57%,transparent 58%)}.code-window{position:relative;background:#19352f;border-radius:12px;transform:rotate(-3deg);box-shadow:0 26px 55px #19352f22;color:#dce9df}.window-bar{border-bottom:1px solid #ffffff15;display:flex;justify-content:space-between;font:10px monospace;padding:17px 20px;color:#9caaa0}.window-bar>span:first-child{color:#db916b;letter-spacing:4px}.code{padding:28px 25px 40px;font:12px/1.8 Consolas,monospace}.code p{margin-bottom:7px}.code em{color:#dfaa7f;font-style:normal}.code b{color:#a7c9a9;font-weight:400}.comment{color:#80988b;padding-top:16px}.app-preview{position:absolute;bottom:-30px;left:25px;right:18px;padding:20px 16px;background:white;box-shadow:0 15px 35px #173d3315;border:1px solid var(--line);border-radius:9px;transform:rotate(3deg);display:flex;align-items:center;gap:13px;color:var(--ink);font-size:12px}.app-icon{background:#e9efe5;border-radius:8px;padding:8px;color:var(--green);font-weight:800;font-size:20px}.app-preview small{display:block;color:var(--muted);font-size:10px}.check{margin-left:auto;color:var(--green);background:#edf3e9;border-radius:50%;padding:0 6px}.float-tag{position:absolute;top:7px;right:-10px;font-size:10px;border:1px solid var(--line);padding:7px 13px;background:#fff;border-radius:20px;transform:rotate(7deg)}.plus-decoration{position:absolute;bottom:-5px;left:14px;color:var(--orange);font-size:38px;font-weight:300}.strip{border-block:1px solid var(--line);background:var(--cream)}.strip>.wrap{display:flex;justify-content:space-between;padding-block:21px;font-size:12px;color:var(--muted);gap:20px}.strip span:first-child{color:var(--ink);font-weight:600}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{width:350px;color:var(--muted);font-size:13px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{position:relative;padding:30px;border:1px solid var(--line);border-radius:8px}.service-icon{display:inline-flex;width:45px;height:45px;justify-content:center;align-items:center;background:#edf2e8;color:var(--green);font:24px monospace;margin-bottom:35px;border-radius:6px}.service-number{float:right;font-size:10px;color:#99a19b}.service p{color:var(--muted);font-size:13px;min-height:85px;line-height:2}.service>a{font-size:11px;color:var(--green);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.about-section{background:var(--cream);border-block:1px solid var(--line)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:85px}.orange{color:var(--orange)}.about-copy{color:var(--muted);font-size:14px;line-height:2.3}.principles{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding-top:25px;color:var(--orange);font-size:11px}.principles strong{color:var(--ink);margin-left:8px;font-weight:500}.contact{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact>div>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2}.contact-details{margin-top:28px;font-size:14px;color:var(--green)}.contact-details p{margin:5px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}input,textarea{display:block;width:100%;border:1px solid #dce2dc;background:white;border-radius:5px;padding:12px 14px;margin-top:9px;color:var(--ink);font-size:13px;resize:vertical}input:focus,textarea:focus{outline:2px solid #669885;border-color:transparent}input::placeholder,textarea::placeholder{color:#99a19b;font-weight:400}.form-note{font-size:10px;color:var(--muted);margin-top:15px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px}.footer .brand{font-size:12px}.footer .logo{font-size:28px}.footer p,.footer>a:last-child{font-size:10px;color:var(--muted);margin:0}.notice,.error{padding:15px;border-radius:5px;font-size:13px;background:#e6f2e6;color:#194d30}.error{background:#fff0eb;color:#9d3527}.admin-body{background:#f2f5f6}.admin-header{background:#fff;border-bottom:1px solid var(--line);padding:20px 5%;display:flex;align-items:center;gap:25px}.admin-header>a:nth-child(2){margin-left:auto;font-size:13px}.admin-main{max-width:1200px;width:90%;margin:40px auto}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-title h1{font-size:32px;letter-spacing:-1px;margin:0}.admin-title .eyebrow{margin-bottom:8px}.admin-grid{display:grid;grid-template-columns:230px 1fr;gap:25px;align-items:start}.box{background:#fff;border:1px solid #dce3e5;border-radius:5px;padding:28px;margin-bottom:25px}.box-header{border-bottom:1px solid var(--line);margin:-5px 0 25px;padding-bottom:15px}.box h2{font-size:21px;letter-spacing:-.4px;margin:0}.box-header h2{color:#287ca1}.box-header p{font-size:11px;color:var(--muted);margin:8px 0 0}.admin-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.login{max-width:440px;margin:70px auto}.login h1{font-size:32px;letter-spacing:-1px}.login>p{color:var(--muted)}fieldset{border:1px solid var(--line);border-radius:5px;margin:25px 0;padding:18px}legend{font-size:13px;color:#287ca1;padding:0 8px}.message{border-bottom:1px solid var(--line);padding:15px 0;overflow-wrap:anywhere}.message>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.message h3{font-size:15px;margin:0}.message time{font-size:10px;color:var(--muted)}.message a{font-size:12px;color:var(--green)}.message p{font-size:13px;margin:12px 0}.empty{padding:25px;color:var(--muted);font-size:13px}
@media(max-width:900px){.brand{font-size:12px}nav{gap:18px}.hero{gap:30px}.code{font-size:10px;padding:25px 14px 40px}.app-preview{left:10px;right:0}.app-preview strong{font-size:10px}.float-tag{right:0}.section-heading{gap:30px}.service{padding:22px}.about,.contact{gap:40px}.admin-grid{grid-template-columns:180px 1fr}}
@media(max-width:650px){.header{flex-wrap:wrap;justify-content:center;padding-block:22px;gap:20px}.header nav{width:100%;justify-content:center}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:65px;gap:35px;min-height:0}h1{font-size:51px}.hero .lead{font-size:13px}.hero-note{font-size:9px}.illustration{max-width:420px;width:94%;margin:auto}.strip>.wrap{flex-wrap:wrap;gap:10px;font-size:10px}.strip span{width:45%}.section{padding-block:60px}.section-heading{display:block}.section-heading>p{width:auto;margin-top:25px}.services,.about,.contact{grid-template-columns:1fr}.service p{min-height:0}.service-icon{margin-bottom:20px}.about{padding-block:60px;gap:20px}.contact{gap:25px}.footer{flex-wrap:wrap;gap:18px}.footer .brand{width:100%}.admin-header{flex-wrap:wrap;padding:20px}.admin-header .brand{font-size:14px}.admin-header>a:nth-child(2){font-size:11px}.admin-grid{grid-template-columns:1fr}.admin-nav{display:flex;flex-wrap:wrap;gap:15px}.admin-nav h3,.admin-nav p{display:none}.admin-nav a{border:0;padding:0}.box{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.message>div{display:block}.admin-title .button{font-size:11px}.actions{gap:18px}.button{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Language selection and Arabic reading direction. */
.header { flex-wrap: wrap; padding-block: 24px; }
.admin-header { flex-wrap: wrap; }
html[lang="my"] h1, html[lang="th"] h1, html[lang="ar"] h1 { line-height: 1.55; letter-spacing: 0; font-size: clamp(32px, 4vw, 54px); }
html[lang="my"] h2, html[lang="th"] h2, html[lang="ar"] h2 { line-height: 1.65; letter-spacing: 0; }
[dir="rtl"] { font-family: "Segoe UI", Tahoma, sans-serif; }
[dir="rtl"] .code-window, [dir="rtl"] .logo, [dir="rtl"] .code, [dir="rtl"] .window-bar { direction: ltr; }
[dir="rtl"] .eyebrow, [dir="rtl"] .brand small { letter-spacing: 0; }
[dir="rtl"] .service-number { float: left; }
[dir="rtl"] .admin-header > a:nth-child(2) { margin-left: 0; margin-right: auto; }
[dir="rtl"] input[type="email"], [dir="rtl"] .message time { direction: ltr; text-align: start; }
[dir="rtl"] .principles strong { margin-left: 0; margin-right: 8px; }
.service h3 { min-height: 2.5em; }
.message p { unicode-bidi: plaintext; }

@media(max-width:650px) { html[lang="my"] h1, html[lang="th"] h1, html[lang="ar"] h1 { font-size: 36px; } }

/* Compact flag menu, aligned with header controls. */
.header { display: grid; grid-template-columns: minmax(200px, 1fr) auto 44px; gap: 22px; align-items: center; }
.language-switcher { position: relative; width: 44px; flex: 0 0 44px; margin: 0; z-index: 20; direction: ltr; }
.language-switcher summary { width: 44px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 5px; cursor: pointer; list-style: none; color: var(--muted); }
.language-switcher summary::-webkit-details-marker { display: none; }
.language-switcher summary:hover, .language-switcher[open] summary { background: #edf2ef; }
.language-switcher summary:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
.language-flag { display: block; width: 24px; height: 16px; object-fit: cover; border-radius: 1px; box-shadow: 0 0 0 1px #00000012; flex-shrink: 0; }
.language-chevron { font: 13px/1 sans-serif; }
.language-menu { position: absolute; top: calc(100% + 8px); right: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 175px; padding: 6px; background: white; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 10px 30px #1729271a; }
.language-menu a { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 4px; font-size: 13px; line-height: 1.5; }
.language-menu a:hover, .language-menu a[aria-current] { background: #edf2ef; color: var(--green); }
.language-check { margin-left: auto; }
.admin-header .language-switcher { margin-left: 0; }
@media(max-width:900px) { .header { column-gap: 14px; } .header > nav { gap: 16px; } }
@media(max-width:650px) { .header { grid-template-columns: minmax(0, 1fr) 44px; gap: 16px; } .header > .brand { grid-column: 1; grid-row: 1; } .header > .language-switcher { grid-column: 2; grid-row: 1; } .header > nav { grid-column: 1 / -1; grid-row: 2; width: 100%; justify-content: space-between; gap: 12px; } .admin-header { gap: 12px; } .admin-header > .brand { margin-inline-end: auto; } .admin-header > a:nth-child(2) { margin: 0; } .admin-header .small { padding: 8px 12px; } }

.settings-select { display: block; width: min(100%, 360px); padding: 12px 14px; border: 1px solid #dce2dc; border-radius: 5px; background: white; color: var(--ink); font: inherit; }
.settings-select:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }