:root{--paper:#f3f4f1;--surface:#fff;--surface-2:#eceee9;--ink:#161a20;--ink-soft:#586460;--ink-faint:#8a938f;--line:#dee1db;--line-strong:#c9cec6;--accent:#10736a;--accent-ink:#0b5049;--accent-soft:#e2efec;--signal:#dc5b37;--signal-soft:#f8e6df;--live:#1e9e5a;--shadow:0 1px 2px rgba(20,30,28,.04),0 8px 24px rgba(20,30,28,.06);--shadow-lift:0 2px 6px rgba(20,30,28,.06),0 18px 40px rgba(20,30,28,.12);--radius:14px;--maxw:1120px;--font-display:"Sora","Noto Sans Lao",sans-serif;--font-body:"IBM Plex Sans","Noto Sans Lao",sans-serif;--font-lao:"Noto Sans Lao","IBM Plex Sans",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}:root:not([data-theme=light]){@media (prefers-color-scheme:dark){--paper:#0d1114;--surface:#161c21;--surface-2:#1f262c;--ink:#e9ece7;--ink-soft:#9ba6a1;--ink-faint:#6c7772;--line:#283137;--line-strong:#37424a;--accent:#38b7a9;--accent-ink:#7ed4c9;--accent-soft:#123230;--signal:#f0754f;--signal-soft:#331e17;--live:#3fbe79;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);--shadow-lift:0 2px 6px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.5)}}:root[data-theme=dark]{--paper:#0d1114;--surface:#161c21;--surface-2:#1f262c;--ink:#e9ece7;--ink-soft:#9ba6a1;--ink-faint:#6c7772;--line:#283137;--line-strong:#37424a;--accent:#38b7a9;--accent-ink:#7ed4c9;--accent-soft:#123230;--signal:#f0754f;--signal-soft:#331e17;--live:#3fbe79;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);--shadow-lift:0 2px 6px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.lo,:lang(lo){font-family:var(--font-lao)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.12;margin:0}p{margin:0}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}header.bar{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid var(--line)}.bar-in{justify-content:space-between;height:64px}.bar-in,.brand{display:flex;align-items:center}.brand{gap:11px;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:1.15rem}.logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-ink));position:relative;flex:none;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12)}.logo:after,.logo:before{content:"";position:absolute;background:hsla(0,0%,100%,.9);border-radius:1px}.logo:before{width:12px;height:2.4px;left:9px;top:11px;box-shadow:0 6px 0 hsla(0,0%,100%,.55)}.logo:after{width:2.4px;height:12px;left:14px;top:9px;box-shadow:6px 0 0 hsla(0,0%,100%,.55)}.brand small{font-family:var(--font-mono);font-weight:500;font-size:.62rem;color:var(--ink-faint);letter-spacing:.06em;display:block;margin-top:-3px}.bar-nav{display:flex;align-items:center;gap:8px}.bar-nav a.navlink{padding:8px 12px;border-radius:8px;font-size:.9rem;color:var(--ink-soft);font-weight:500}.bar-nav a.navlink:hover{color:var(--ink);background:var(--surface-2)}.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.92rem;padding:10px 18px;border-radius:10px;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.btn-primary{background:var(--signal);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--surface-2)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}@media(max-width:720px){.hide-sm{display:none}}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 90% at 78% 0,#000 0,transparent 62%);mask-image:radial-gradient(120% 90% at 78% 0,#000 0,transparent 62%);opacity:.6;pointer-events:none}.hero-in{position:relative;padding:74px 0 30px;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:48px;gap:48px;align-items:center}@media(max-width:900px){.hero-in{grid-template-columns:1fr;gap:34px;padding:52px 0 26px}}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);padding:6px 12px;border-radius:999px;font-weight:500}.dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}h1.hero-h{font-size:clamp(2.3rem,5.4vw,3.7rem);font-weight:800;letter-spacing:-.02em;margin:20px 0 0}h1.hero-h .accent{color:var(--accent)}.hero-sub{margin-top:20px;font-size:1.06rem;color:var(--ink-soft);max-width:34em}.hero-cta{margin-top:28px;gap:12px}.hero-cta,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{margin-top:30px;gap:26px;border-top:1px solid var(--line);padding-top:22px}.stat b{font-family:var(--font-display);font-weight:700;font-size:1.5rem;display:block;letter-spacing:-.02em}.stat span{font-size:.82rem;color:var(--ink-faint)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lift);overflow:hidden}.panel-top{display:flex;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--line);background:var(--surface-2)}.tl{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.panel-top .addr{margin-left:8px;font-family:var(--font-mono);font-size:.76rem;color:var(--ink-faint)}.panel-body{padding:8px}.prow{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px}.prow+.prow{margin-top:2px}.prow:hover{background:var(--surface-2)}.prow .pd{width:8px;height:8px;border-radius:50%;flex:none}.prow .psub{font-size:.82rem;color:var(--ink);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow .pst,.prow .psub{font-family:var(--font-mono)}.prow .pst{font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px;flex:none}.st-live{color:#fff;background:var(--live)}.st-demo{color:var(--accent-ink);background:var(--accent-soft)}.st-soon{color:var(--ink-faint);background:var(--surface-2);border:1px solid var(--line)}section.block{padding:64px 0}.sec-head{max-width:640px;margin-bottom:34px}.sec-kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.sec-head h2{font-size:clamp(1.6rem,3.3vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-top:12px}.sec-head p{margin-top:12px;color:var(--ink-soft);font-size:1.02rem}.proof{background:var(--ink);color:#fff;border-radius:18px;padding:30px 34px;display:grid;grid-template-columns:auto 1fr auto;grid-gap:28px;gap:28px;align-items:center}:root:not([data-theme=light]) .proof,:root[data-theme=dark] .proof{border:1px solid var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .proof{background:var(--surface)}}:root[data-theme=dark] .proof{background:var(--surface)}@media(max-width:760px){.proof{grid-template-columns:1fr;gap:18px;text-align:left}}.proof .pbadge{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--signal);padding:6px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.proof .pbadge .dot{background:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.28)}.proof h3{font-size:1.2rem;font-weight:700;color:#fff}.proof p{color:hsla(0,0%,100%,.72);font-size:.95rem;margin-top:5px}.proof .paddr{font-family:var(--font-mono);color:#fff;font-size:.9rem}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.chip{font-family:var(--font-body);font-size:.86rem;font-weight:500;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);padding:8px 15px;border-radius:999px;cursor:pointer;transition:all .14s ease}.chip:hover{color:var(--ink);border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;position:relative}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.card-top{justify-content:space-between;gap:10px}.card-sub,.card-top{display:flex;align-items:center}.card-sub{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-faint);gap:8px;min-width:0}.card-sub .cd{width:7px;height:7px;border-radius:50%;flex:none}.card-sub .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:5px;flex:none;font-weight:500}.cardicon{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}.cardicon svg{width:20px;height:20px}.card h3{font-family:var(--font-lao);font-size:1.08rem;font-weight:700;line-height:1.3}.card .en{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);letter-spacing:.02em;margin-top:-6px}.card p.desc{font-size:.88rem;color:var(--ink-soft);flex:1 1}.card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--line);margin-top:auto}.card-foot .cat{font-size:.72rem;color:var(--ink-faint)}.clink{font-size:.86rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:5px}.clink.soon{color:var(--ink-faint)}.card:hover .clink .arw{transform:translateX(3px)}.arw{transition:transform .14s ease}.head-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.76rem;color:var(--ink-faint);font-family:var(--font-mono);margin-top:14px}.head-legend span{display:inline-flex;align-items:center;gap:6px}.lg{width:8px;height:8px;border-radius:50%}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media(max-width:820px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.steps{grid-template-columns:1fr}}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow)}.step .num{font-family:var(--font-mono);font-size:.78rem;color:var(--signal);font-weight:600;letter-spacing:.05em}.step h3{font-family:var(--font-lao);font-size:1.05rem;font-weight:700;margin-top:14px}.step .en{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);margin-top:3px}.step p{font-size:.88rem;color:var(--ink-soft);margin-top:10px}.cta-box{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent-ink),var(--accent));border-radius:22px;padding:52px 40px;text-align:center;color:#fff;box-shadow:var(--shadow-lift)}.cta-box .cta-grid{position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.14) 1px,transparent 0);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(90% 90% at 50% 0,#000,transparent 70%);mask-image:radial-gradient(90% 90% at 50% 0,#000,transparent 70%)}.cta-box>*{position:relative}.cta-box h2{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:800;letter-spacing:-.02em}.cta-box p{margin:16px auto 0;max-width:32em;color:hsla(0,0%,100%,.85);font-size:1.02rem}.cta-actions{margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-white{background:#fff;color:var(--accent-ink)}.btn-white:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.btn-outline-w{background:hsla(0,0%,100%,.08);color:#fff;border:1px solid hsla(0,0%,100%,.5)}.btn-outline-w:hover{background:hsla(0,0%,100%,.16)}footer{border-top:1px solid var(--line);padding:36px 0;margin-top:20px}.foot-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-in .fbrand{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.foot-in p{font-size:.85rem;color:var(--ink-faint)}.foot-links{display:flex;gap:18px;font-size:.88rem;color:var(--ink-soft)}.foot-links a:hover{color:var(--accent)}.admin-overlay{position:fixed;inset:0;z-index:100;background:rgba(8,12,14,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end}.admin-overlay[hidden]{display:none}.admin-drawer{width:min(580px,100%);height:100%;background:var(--paper);border-left:1px solid var(--line);box-shadow:-24px 0 60px rgba(0,0,0,.3);display:flex;flex-direction:column;animation:slidein .28s cubic-bezier(.22,1,.36,1)}@keyframes slidein{0%{transform:translateX(36px);opacity:.5}to{transform:none;opacity:1}}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);flex:none}.admin-head h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.admin-head p{font-size:.78rem;color:var(--ink-faint);margin-top:6px;max-width:42ch}.admin-body{padding:20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}.admin-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}@media(max-width:520px){.admin-form{grid-template-columns:1fr}}.fld{display:flex;flex-direction:column;gap:5px}.fld.full{grid-column:1/-1}.fld label{font-size:.72rem;font-weight:600;color:var(--ink-soft);letter-spacing:.02em}.fld input,.fld select,.fld textarea{font-family:var(--font-body);font-size:.9rem;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:9px;padding:9px 11px;width:100%}.fld.lo input,.fld.lo textarea{font-family:var(--font-lao)}.fld textarea{resize:vertical;min-height:56px}.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.fld .hint{font-family:var(--font-mono);font-size:.66rem;color:var(--ink-faint)}.form-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;margin-top:2px}.btn-sm{padding:9px 16px;font-size:.86rem;border-radius:9px}.link-btn{background:none;border:0;color:var(--ink-soft);font-family:var(--font-body);font-size:.84rem;cursor:pointer;padding:6px}.link-btn:hover{color:var(--signal)}.link-btn.push{margin-left:auto}.admin-list-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.admin-list-head h4{font-family:var(--font-display);font-size:.98rem;font-weight:600}.admin-list-head span{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint)}.admin-list{display:flex;flex-direction:column;gap:8px}.alrow{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.alrow .adot{width:8px;height:8px;border-radius:50%;flex:none}.alrow .amsub{font-size:.86rem;color:var(--ink);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-lao)}.alrow .amsub small{color:var(--ink-faint);font-family:var(--font-mono);font-size:.7rem}.alrow .ambadge{font-family:var(--font-mono);font-size:.56rem;text-transform:uppercase;padding:2px 7px;border-radius:5px;flex:none;font-weight:500}.alrow .amact{display:flex;gap:4px;flex:none}.mini{width:30px;height:30px;border-radius:7px;border:1px solid var(--line-strong);background:transparent;cursor:pointer;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1}.mini:hover{background:var(--surface-2);color:var(--ink)}.mini.del:hover{color:var(--signal);border-color:var(--signal)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reveal{opacity:0;transform:translateY(14px);animation:rise .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes rise{to{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}