.container{max-width:var(--content-width);margin:0 auto;padding:0 24px;container-type:inline-size}section{padding:120px 0}@media (width<=768px){section{padding:72px 0}}.eyebrow{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:clamp(11px,1.1cqw,13px);font-weight:600;display:block}.section-title{color:var(--text-primary);max-width:760px;font-size:clamp(26px,3.6cqw,48px);font-weight:700;line-height:1.1}:lang(my) .hero-title,:lang(km) .hero-title,:lang(bn) .hero-title,:lang(th) .hero-title,:lang(lo) .hero-title{line-height:1.4}:lang(my) .section-title,:lang(km) .section-title,:lang(bn) .section-title,:lang(th) .section-title,:lang(lo) .section-title{line-height:1.35}.section-sub{color:var(--text-secondary);max-width:640px;margin-top:20px;font-size:clamp(15px,1.5cqw,18px);line-height:1.6}.section-head{margin-bottom:64px}.btn{cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--orange);color:var(--text-primary)}.btn-primary:hover{background:#f07d4f;box-shadow:0 0 24px #e86a3a73}.btn-secondary{color:var(--text-primary);border-color:var(--border);background:0 0}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff08}.btn-text{color:var(--gold);background:0 0;border-radius:0;padding:0}.btn-text:hover{color:var(--orange)}.site-header{z-index:100;transition:background .25s var(--ease-out), border-color .25s var(--ease-out), backdrop-filter .25s var(--ease-out), padding .25s var(--ease-out);border-bottom:1px solid #0000;padding:22px 0;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border);background:#08090bb8;padding:16px 0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;display:flex}.site-header .logo,.header-actions{flex-shrink:0}.site-header nav{flex:1;min-width:0;container-type:inline-size}.logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.logo span{color:var(--gold)}.logo-mark{object-fit:contain;flex:none;width:28px;height:28px}.nav-links{align-items:center;gap:clamp(12px,2.4cqw,28px);margin:0;padding:0;list-style:none;display:flex}.nav-links a:not(.btn){color:var(--text-secondary);transition:color .2s var(--ease-out);white-space:nowrap;font-size:clamp(11px,1.7cqw,14px)}.nav-links .btn{padding:clamp(8px,1.3cqw,13px) clamp(10px,2cqw,20px);font-size:clamp(11px,1.7cqw,15px)}.nav-links a:not(.btn):hover{color:var(--text-primary)}.header-actions{align-items:center;gap:10px;display:flex}.nav-toggle{width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:border-color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:none}.nav-toggle:hover{border-color:var(--border);background:#ffffff08}.nav-toggle svg{width:26px;height:26px}@media (width<=860px){.nav-toggle{display:inline-flex}.nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:all .25s var(--ease-out);background:#08090bf7;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;position:fixed;top:64px;left:0;right:0;transform:translateY(-8px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}}.site-header.nav-overflow .nav-toggle{display:inline-flex}.site-header.nav-overflow .nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:all .25s var(--ease-out);background:#08090bf7;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;position:fixed;top:64px;left:0;right:0;transform:translateY(-8px)}.site-header.nav-overflow .nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-switcher{position:relative}.lang-trigger{height:44px;color:var(--text-primary);cursor:pointer;transition:border-color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.lang-trigger:hover,.lang-trigger[aria-expanded=true]{border-color:var(--border);background:#ffffff08}@media (width<=1320px){.lang-trigger span{display:none}.lang-trigger{padding:0 10px}}.lang-menu{z-index:200;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;width:200px;max-height:70vh;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 16px 40px #00000073}.lang-menu li+li{margin-top:2px}.lang-menu button{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;display:block}.lang-menu button:hover{color:var(--text-primary);background:#ffffff0d}.lang-menu button.active{color:var(--gold);background:#c9a96e1a}@media (width<=400px){.lang-menu{width:168px}}.hero{align-items:center;min-height:92vh;padding-top:140px;padding-bottom:96px;display:flex;position:relative;overflow:hidden}.hero-visual{z-index:0;position:absolute;inset:0}.hero-visual img{object-fit:cover;object-position:center 58%;filter:saturate(1.05);width:100%;height:100%;transform:scale(1.02)}.hero-visual:before{content:"";background:radial-gradient(ellipse 70% 60% at 50% 62%, transparent 0%, #08090b8c 60%, var(--bg) 100%), linear-gradient(to bottom, var(--bg) 0%, transparent 22%, transparent 68%, var(--bg) 100%), linear-gradient(to right, var(--bg) 0%, transparent 12%, transparent 88%, var(--bg) 100%);position:absolute;inset:0}.hero-visual:after{content:"";background:#08090b26;position:absolute;inset:0}.hero-content{z-index:1;width:100%;position:relative}.hero-brand{flex-direction:column;align-items:flex-start;width:clamp(200px,34vw,340px);margin-bottom:44px;display:flex;container-type:inline-size}.hero-brand-icon{width:clamp(64px,48cqw,150px);height:auto;margin-bottom:8px}.hero-brand-word{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-primary);white-space:nowrap;font-size:clamp(18px,11.5cqw,32px);font-weight:800;line-height:1.1}.hero-brand-tagline{color:var(--text-secondary);white-space:nowrap;margin-top:6px;font-size:clamp(11px,4.3cqw,15px)}.hero-title{letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(38px,6.5cqw,80px);font-weight:700;line-height:1}.hero-title em{background:linear-gradient(90deg, var(--gold), var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy{color:var(--text-secondary);max-width:620px;margin-top:28px;font-size:clamp(16px,1.6cqw,19px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.product-card{background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .2s var(--ease-out);border-radius:16px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:56px;padding:56px;display:grid}.product-card:hover{border-color:var(--border-hover)}@media (width<=860px){.product-card{grid-template-columns:1fr;gap:32px;padding:32px}}.product-info{container-type:inline-size}.product-mark{background:linear-gradient(135deg, var(--gold), var(--orange));border-radius:12px;width:44px;height:44px;margin-bottom:24px}.product-card h3{color:var(--text-primary);font-size:clamp(22px,6.3cqw,30px)}.product-tagline{color:var(--text-secondary);margin-top:12px;font-size:clamp(14px,3.6cqw,17px);line-height:1.6}.product-features{flex-direction:column;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:flex}.product-features li{color:var(--text-secondary);align-items:baseline;gap:10px;font-size:clamp(13px,3.2cqw,15px);display:flex}.product-features li:before{content:"";background:var(--gold);border-radius:50%;flex:none;width:5px;height:5px}.product-card .btn{margin-top:32px}.product-visual{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.mock-chrome{border-bottom:1px solid var(--border);gap:6px;padding:12px 14px;display:flex}.mock-chrome span{background:#ffffff1f;border-radius:50%;width:8px;height:8px}.mock-body{flex-direction:column;gap:14px;padding:28px;display:flex}.mock-row{background:#ffffff0f;border-radius:4px;height:12px}.mock-card-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;display:grid}.mock-card-grid div{aspect-ratio:1;border:1px solid var(--border);background:#ffffff0d;border-radius:8px}.mock-card-grid div:first-child{background:linear-gradient(135deg,#c9a96e40,#e86a3a33);border-color:#c9a96e4d}.tech-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=960px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.tech-grid{grid-template-columns:1fr}}.tech-card{background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);border-radius:12px;flex-direction:column;padding:28px 24px;display:flex;container-type:inline-size}.tech-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.tech-card h3{color:var(--text-primary);font-size:clamp(15px,4.6cqw,19px)}.tech-card p{color:var(--text-secondary);flex:1;margin-top:10px;font-size:clamp(13px,3.5cqw,14.5px);line-height:1.6}.tech-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:clamp(10px,4cqw,20px);margin-top:22px;padding-top:18px;font-size:clamp(11.5px,3.2cqw,13.5px);display:flex}.work-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=860px){.work-grid{grid-template-columns:1fr}}.work-card{border:1px solid var(--border);background:var(--bg-elevated);transition:border-color .2s var(--ease-out);border-radius:16px;overflow:hidden;container-type:inline-size}.work-card:hover{border-color:var(--border-hover)}.work-thumb{aspect-ratio:4/3;background:var(--surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-thumb:after{content:"";background:radial-gradient(circle at 30% 20%,#c9a96e1f,#0000 60%);position:absolute;inset:0}.work-thumb-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:clamp(11px,3.1cqw,13px);font-weight:700;position:relative}.work-card.is-live .work-thumb-label{color:var(--gold)}.work-body{padding:22px 24px 26px}.work-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:clamp(10.5px,3cqw,12.5px)}.work-card h3{color:var(--text-primary);margin-top:8px;font-size:clamp(16px,4.4cqw,18px)}.work-card p{color:var(--text-secondary);margin-top:8px;font-size:clamp(13px,3.4cqw,14px);line-height:1.55}.work-card .btn-text{margin-top:16px;font-size:clamp(13px,3.4cqw,14px);display:inline-block}.why-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px;display:grid}@media (width<=860px){.why-grid{grid-template-columns:1fr;gap:40px}}.why-item{container-type:inline-size}.why-item .why-index{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;font-size:clamp(12px,3.5cqw,14px)}.why-item h3{color:var(--text-primary);margin-top:16px;font-size:clamp(19px,5.6cqw,22px)}.why-item p{color:var(--text-secondary);margin-top:12px;font-size:clamp(13px,3.8cqw,15px);line-height:1.65}.brand-section{text-align:center}.brand-stack{flex-direction:column;align-items:center;gap:4px;display:flex}.brand-stack span{font-family:var(--font-display);color:var(--text-muted);transition:color .4s var(--ease-out);font-size:clamp(34px,8vw,88px);font-weight:800;line-height:1}.brand-stack span:nth-child(2){color:var(--text-primary)}.brand-stack span:nth-child(3){background:linear-gradient(90deg, var(--gold), var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text}.brand-statement{color:var(--text-secondary);margin-top:36px;font-size:18px}.brand-cn{color:var(--text-muted);letter-spacing:.04em;margin-top:10px;font-size:14px}.cta-section{text-align:center;padding:160px 0;position:relative;overflow:hidden}.cta-visual{z-index:0;position:absolute;inset:0}.cta-visual img{object-fit:cover;object-position:center 58%;filter:blur(.5px);opacity:.55;width:100%;height:100%}.cta-visual:before{content:"";background:radial-gradient(ellipse 60% 70% at 50% 100%, #e86a3a2e, transparent 60%), linear-gradient(to bottom, var(--bg) 0%, transparent 30%, var(--bg) 100%), linear-gradient(to right, var(--bg) 0%, transparent 15%, transparent 85%, var(--bg) 100%);position:absolute;inset:0}.cta-content{z-index:1;position:relative}.cta-content .section-title{margin:0 auto}.cta-content .section-sub{margin-left:auto;margin-right:auto}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.site-footer{border-top:1px solid var(--border);padding:64px 0 32px}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:48px;display:grid}@media (width<=720px){.footer-top{grid-template-columns:1fr;gap:36px}}.footer-brand{container-type:inline-size}.footer-brand .logo{display:inline-block}.footer-tagline{color:var(--text-muted);max-width:280px;margin-top:14px;font-size:clamp(12px,3.1cqw,14px);line-height:1.6}.footer-col{container-type:inline-size}.footer-col h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:18px;font-size:clamp(11px,4.1cqw,13px);font-weight:600}.footer-col ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--text-secondary);transition:color .2s var(--ease-out);font-size:clamp(12px,4.5cqw,14.5px)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:56px;padding-top:24px;font-size:clamp(11px,1.2cqw,13px);display:flex}.footer-bottom ul{gap:20px;margin:0;padding:0;list-style:none;display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090b;--bg-elevated:#11100f;--surface:#171411;--text-primary:#f2f0ea;--text-secondary:#a8a6a1;--text-muted:#74736f;--gold:#c9a96e;--orange:#e86a3a;--earth:#a88d6a;--border:#ffffff14;--border-hover:#c9a96e4d;--font-noto:"Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", "Noto Sans Lao", "Noto Sans Bengali", "Noto Sans Myanmar", "Noto Sans Khmer";--font-body:"Inter", var(--font-noto), -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-display:"Manrope", var(--font-noto), -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--content-width:1280px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::selection{color:var(--text-primary);background:#c9a96e4d}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}