:root{--ink:#0f1c26;--primary:#132f3c;--primary-2:#1b4357;--accent:#0070b0;--accent-deep:#005a8e;--accent-soft:#e5f2fa;--muted:#5b6b7c;--line:#e2e8f0;--bg:#fff;--soft:#f4f6f9;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Helvetica Neue",Arial,sans-serif;--mono:"SF Mono",ui-monospace,"Menlo",monospace}[data-lang=id]{--primary:#6b1620;--primary-2:#8c1f28;--accent:#ce1126;--accent-deep:#a80e1d;--accent-soft:#fde8ea}[data-lang=vi]{--primary:#0f3d2e;--primary-2:#1a5c3a;--accent:#1b7a4b;--accent-deep:#15603a;--accent-soft:#e3f3ea}[data-lang=th]{--primary:#3b2360;--primary-2:#4a2a6b;--accent:#8b5cf6;--accent-deep:#6d3fd1;--accent-soft:#efe7fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.65}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.num{font-variant-numeric:tabular-nums}header{z-index:50;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.nav{align-items:center;gap:28px;height:70px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font-size:16.5px;font-weight:700;display:flex}.brand .mark{background:var(--primary);color:#fff;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.brand small{color:var(--muted);letter-spacing:.1em;margin-top:-1px;font-size:10px;font-weight:500;display:block}nav{color:var(--ink);align-items:center;gap:28px;margin-left:auto;font-size:14.5px;display:flex}nav a{border-bottom:2px solid #0000;padding:6px 0;transition:all .15s}nav a:hover,nav a.on{color:var(--accent);border-color:var(--accent)}.nav-right{align-items:center;gap:14px;margin-left:6px;display:flex}.lang{color:var(--muted);font-size:12px;font-family:var(--mono);gap:2px;display:flex}.lang a{border-radius:4px;padding:4px 8px}.lang a.on{background:var(--primary);color:#fff}.lang a:hover{color:var(--accent)}.cta{background:var(--accent);color:#fff;border-radius:8px;align-items:center;height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.cta:hover{background:var(--accent-deep)}.burger{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:8px;width:42px;height:38px;margin-left:auto;font-size:16px;display:none}.btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;height:50px;padding:0 26px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{color:#fff;background:0 0;border:1px solid #ffffff73}.btn-ghost:hover{border-color:#fff}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-soft)}.hero{background:var(--bg);padding:48px 0 0}.hero-block{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 100%);border-radius:28px;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;max-width:1200px;margin:0 auto;padding:68px 56px;display:grid;position:relative;overflow:hidden}.hero-block:after{content:"";pointer-events:none;background:radial-gradient(circle,#0070b059,#0000 65%);border-radius:50%;width:380px;height:380px;position:absolute;top:-80px;right:-80px}.hero-txt{z-index:1;position:relative}.hero .kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8fc3e8;margin-bottom:20px;font-size:12.5px}.hero h1{letter-spacing:.01em;color:#fff;font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1.3}.hero h1 .accent{color:#7fc3e8}.hero .lead{color:#c9dbea;max-width:520px;margin-top:22px;font-size:16.5px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-visual{z-index:1;position:relative}.hero-visual .frame{text-align:center;background:linear-gradient(150deg,#ffffff14,#ffffff05);border:1px solid #ffffff29;border-radius:16px;padding:34px 30px}.hero-visual .frame .gear{opacity:.9;font-size:88px;line-height:1;animation:20s linear infinite gearSpin;display:inline-block}@keyframes gearSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hero-visual .frame .gear{animation:none}}.hero-visual .frame .lbl{font-family:var(--mono);letter-spacing:.14em;color:#8fc3e8;text-transform:uppercase;margin-top:16px;font-size:11px}.hero-visual .frame .sub{color:#9fb3c8;margin-top:6px;font-size:13px}.hero-trust{max-width:1200px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:30px;margin:28px auto 0;padding:0 8px;font-size:13.5px;display:flex}.hero-trust span{align-items:center;gap:8px;display:flex}.hero-trust .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.numbers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);margin-top:40px}.num-grid{grid-template-columns:repeat(4,1fr);display:grid}.num-item{text-align:center;border-right:1px solid var(--line);padding:38px 24px}.num-item:last-child{border-right:none}.num-item .n{color:var(--primary);letter-spacing:-.02em;font-size:clamp(36px,4vw,50px);font-weight:800;line-height:1}.num-item .n span{color:var(--accent);margin-left:2px;font-size:20px;font-weight:600}.num-item .l{color:var(--muted);margin-top:10px;font-size:14px}.sec{padding:88px 0}.sec.soft{background:var(--soft)}.sec-head{max-width:820px;margin-bottom:48px}.sec-head h2{letter-spacing:-.01em;color:var(--ink);margin-top:14px;font-size:clamp(27px,3.1vw,38px);font-weight:800}.sec-head p{color:var(--muted);margin-top:14px;font-size:16.5px}.page-hero{background:var(--soft);border-bottom:1px solid var(--line);padding:64px 0 56px}.page-hero h1{color:var(--ink);font-size:clamp(30px,3.6vw,42px);font-weight:800}.page-hero p{color:var(--muted);max-width:760px;margin-top:14px;font-size:16.5px}.crumb{color:var(--muted);font-size:13px;font-family:var(--mono);margin-bottom:14px}.crumb a:hover{color:var(--accent)}.crumb span{opacity:.5;margin:0 8px}.seg-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.seg{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.seg:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 34px #0f1c261a}.seg .ic{background:var(--accent-soft);place-items:center;height:120px;display:grid}.seg .ic .emoji{font-size:44px;line-height:1}.seg .bd{flex-direction:column;flex:1;padding:20px 20px 24px;display:flex}.seg h3{color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:700}.seg p{color:var(--muted);flex:1;font-size:13.5px}.seg .more{color:var(--accent);margin-top:16px;font-size:13.5px;font-weight:600}.prod-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.prod{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.prod:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f1c2617}.prod .img{background:linear-gradient(150deg,var(--primary) 0%,var(--primary-2) 100%);place-items:center;height:140px;display:grid;position:relative}.prod .img .code{font-family:var(--mono);color:#ffffff8c;letter-spacing:.1em;font-size:11.5px}.prod .bd{flex-direction:column;flex:1;padding:18px 18px 22px;display:flex}.prod h3{color:var(--ink);margin-bottom:8px;font-size:15.5px;font-weight:700}.prod p{color:var(--muted);flex:1;font-size:12.5px}.prod .more{color:var(--accent);margin-top:14px;font-size:13px;font-weight:600}.agent{background:var(--primary);color:#fff;padding:88px 0;position:relative;overflow:hidden}.agent:after{content:"";pointer-events:none;background:radial-gradient(circle,#0070b059,#0000 65%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-60px;right:-60px}.agent .wrap{position:relative}.agent .sec-head h2{color:#fff}.agent .sec-head p{color:#c9dbea}.agent .sec-head .eyebrow{color:#8fc3e8}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;display:grid}.stat{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:26px 22px}.stat .n{font-family:var(--mono);color:#7fc3e8;letter-spacing:-.02em;font-size:clamp(32px,3.4vw,42px);font-weight:700;line-height:1}.stat .u{color:#8fc3e8;margin-left:3px;font-size:15px}.stat .l{color:#c9dbea;margin-top:10px;font-size:13.5px}.stat .src{color:#8fb2ce;margin-top:6px;font-size:11px}.agent-cta{background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;flex-wrap:wrap;align-items:center;gap:22px;margin-top:38px;padding:28px 30px;display:flex}.agent-cta .txt h3{color:#fff;font-size:19px;font-weight:700}.agent-cta .txt p{color:#c9dbea;margin-top:6px;font-size:14px}.app-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.app{border:1px solid var(--line);background:#fff;border-radius:14px;padding:28px 26px;transition:all .18s}.app:hover{border-color:var(--accent);box-shadow:0 10px 26px #0f1c2614}.app .tag{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);font-size:11px;font-weight:600}.app h3{color:var(--ink);margin-top:10px;font-size:19px;font-weight:700}.app p{color:var(--muted);margin-top:10px;font-size:14px}.app .pkg{color:var(--ink);background:var(--accent-soft);border-radius:8px;margin-top:16px;padding:10px 14px;font-size:13px;line-height:1.7}.trust-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tcard{border:1px solid var(--line);background:#fff;border-radius:14px;padding:28px 24px}.tcard h3{color:var(--ink);border-bottom:2px solid var(--accent-soft);margin-bottom:12px;padding-bottom:12px;font-size:16px;font-weight:700}.tcard ul{color:var(--muted);font-size:13.5px;line-height:2.1}.tcard li:before{content:"✓ ";color:var(--accent);font-weight:700}.rfq{grid-template-columns:1fr 1fr;align-items:start;gap:44px;display:grid}.rfq-info h3{color:var(--ink);margin-bottom:12px;font-size:20px;font-weight:700}.rfq-info p{color:var(--muted);margin-bottom:18px;font-size:15px}.rfq-info .ch{color:var(--muted);align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.rfq-info .ch b{color:var(--ink);flex:none}form{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px;box-shadow:0 8px 28px #0f1c2612}.f2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{margin-bottom:14px}.field label{color:var(--ink);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfe;border-radius:8px;padding:11px 13px;font-family:inherit;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:88px}.field .hint{color:#8b9aae;margin-top:5px;font-size:11.5px}form .btn{width:100%;margin-top:6px}.prose{max-width:860px}.prose h2{color:var(--ink);margin:34px 0 12px;font-size:22px;font-weight:700}.prose p{color:var(--ink);margin:12px 0;font-size:15.5px}.prose ul,.prose ol{margin:12px 0 12px 4px}.prose li{color:var(--ink);margin:8px 0;padding-left:24px;font-size:15px;position:relative}.prose ul li:before{content:"—";color:var(--accent);position:absolute;left:0}.prose ol{counter-reset:li}.prose ol li{counter-increment:li}.prose ol li:before{content:counter(li) ".";color:var(--accent);font-weight:700;position:absolute;left:0}.spec{border-collapse:collapse;width:100%;margin:18px 0;font-size:14px}.spec th,.spec td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}.spec th{background:var(--soft);color:var(--ink);font-size:13px;font-weight:600}.spec td{color:var(--ink)}footer{background:var(--primary);color:#9fb3c8;padding:56px 0 30px;font-size:13px}.fgrid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px;display:grid}footer h4{color:#fff;margin-bottom:14px;font-size:13px;font-weight:600}footer a{color:#9fb3c8;padding:3px 0;display:block}footer a:hover{color:#7fc3e8}footer .brand{color:#fff;margin-bottom:8px;font-size:16px;font-weight:700}footer p{line-height:1.9}.copy{color:#6b8aa4;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:36px;padding-top:20px;font-size:12px;display:flex}@media (max-width:960px){.hero-block{grid-template-columns:1fr;padding:48px 32px}.seg-grid,.prod-grid,.stat-grid,.trust-grid{grid-template-columns:1fr 1fr}.app-grid,.rfq,.fgrid{grid-template-columns:1fr}nav{display:none}.num-grid{grid-template-columns:1fr 1fr}.num-item{border-right:none;border-bottom:1px solid var(--line)}.burger{display:block}}@media (max-width:600px){.seg-grid,.prod-grid,.stat-grid,.trust-grid,.f2{grid-template-columns:1fr}.nav{height:62px}.hero-block{border-radius:20px;padding:40px 24px}.sec{padding:60px 0}}