:root{--p-50:#eff4ff;--p-100:#dbe6ff;--p-200:#bfd2fe;--p-300:#93b0fd;--p-400:#6086f9;--p-500:#1d4ed8;--p-600:#1942b5;--p-700:#163690;--p-800:#112b72;--p-900:#0f2a6b;--r-50:#fef2f2;--r-100:#fee2e2;--r-200:#fecaca;--r-300:#fca5a5;--r-400:#f87171;--r-500:#dc2626;--r-600:#b91c1c;--r-700:#991b1b;--ink:#0b1220;--ink-2:#1f2937;--ink-3:#475569;--ink-4:#64748b;--ink-5:#94a3b8;--line:#e5e9f2;--line-2:#cbd5e1;--bg:#f6f8fc;--surface:#fff;--ok:#16a34a;--ok-50:#ecfdf5;--warn:#d97706;--warn-50:#fffbeb;--info:#0ea5e9;--info-50:#f0f9ff;--teal:#0d9488;--teal-50:#f0fdfa;--violet:#7c3aed;--violet-50:#f5f3ff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--ink);background:var(--bg);font-family:IBM Plex Sans Thai,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.mono{font-family:IBM Plex Mono,monospace}.display{letter-spacing:-.02em;font-family:Sora,IBM Plex Sans Thai,sans-serif}.num{font-variant-numeric:tabular-nums}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn-primary{background:var(--p-500);color:#fff;box-shadow:0 4px 10px -4px #1d4ed866}.btn-primary:hover{background:var(--p-600)}.btn-primary-outline{color:var(--p-500);border-color:var(--p-300);background:0 0}.btn-secondary{color:var(--ink-2);border-color:var(--line);background:#fff}.btn-secondary:hover{background:var(--bg)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg)}.btn-destructive{background:var(--r-500);color:#fff;box-shadow:0 4px 10px -4px #dc262666}.btn-destructive:hover{background:var(--r-600)}.btn-sm{border-radius:8px;padding:7px 12px;font-size:13px}.btn-lg{border-radius:12px;padding:14px 22px;font-size:16px}.btn-icon{justify-content:center;width:38px;height:38px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:all .15s}.input:focus{border-color:var(--p-500);outline:none;box-shadow:0 0 0 4px #1d4ed81f}.input::placeholder{color:var(--ink-5)}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.3;display:inline-flex}.pill .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill-solid-red{background:var(--r-500);color:#fff}.pill-solid-blue{background:var(--p-500);color:#fff}.pill-solid-green{background:var(--ok);color:#fff}.pill-out-red{background:var(--r-50);color:var(--r-600);border-color:var(--r-200)}.pill-out-blue{background:var(--p-50);color:var(--p-600);border-color:var(--p-200)}.pill-out-green{background:var(--ok-50);color:var(--ok);border-color:#a7f3d0}.pill-out-amber{background:var(--warn-50);color:var(--warn);border-color:#fde68a}.pill-out-teal{background:var(--teal-50);color:var(--teal);border-color:#99f6e4}.pill-out-gray{color:var(--ink-3);border-color:var(--line);background:#f1f5f9}.chip{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--p-300);color:var(--p-600)}.chip.active{background:var(--p-500);color:#fff;border-color:var(--p-500)}.label-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);font-size:10px;font-weight:600}.field-label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.brand-lockup{align-items:center;gap:10px;display:inline-flex}.brand-word{letter-spacing:-.02em;font-family:Sora,IBM Plex Sans Thai,sans-serif;font-size:18px;font-weight:700}.brand-word .accent{color:var(--r-500)}.ph{background:repeating-linear-gradient(135deg, #0f2a6b0f 0 8px, transparent 8px 16px), linear-gradient(135deg, var(--p-100), var(--p-50));color:var(--p-600);justify-content:center;align-items:center;display:flex}.land-card{border:1px solid var(--line);background:#fff;border-radius:18px;transition:all .2s;overflow:hidden}.land-card:hover{border-color:var(--p-200);transform:translateY(-2px);box-shadow:0 12px 32px -16px #0f2a6b40}.land-card .media{aspect-ratio:4/3;position:relative;overflow:hidden}.land-card .media img{object-fit:cover;width:100%;height:100%}.land-card .media-overlay{flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.land-card .media .badges{flex-wrap:wrap;gap:6px;display:flex}.land-card .save-btn{cursor:pointer;background:#fffffff2;border:0;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:34px;height:34px;display:inline-flex}.land-card .save-btn.saved{background:var(--r-500);color:#fff}.land-card .body{padding:14px 16px 16px}.land-card .title{min-height:42px;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.4}.land-card .loc{color:var(--ink-4);align-items:center;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.land-card .price{letter-spacing:-.02em;color:var(--p-700);font-variant-numeric:tabular-nums;font-family:Sora,sans-serif;font-size:22px;font-weight:700}.land-card .price-unit{color:var(--ink-4);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px;font-weight:500}.land-card .specs{border-top:1px dashed var(--line);color:var(--ink-3);font-variant-numeric:tabular-nums;gap:12px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.land-card .specs>div{flex-direction:column;flex:1;gap:2px;display:flex}.land-card .specs .spec-val{color:var(--ink);font-size:13px;font-weight:600}.topnav{border-bottom:1px solid var(--line);z-index:20;background:#fff;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;padding:14px 32px;display:flex}.nav-link{color:var(--ink-3);cursor:pointer;font-size:14px;font-weight:500;transition:color .15s}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--p-600);font-weight:600}.hero-search{box-shadow:0 24px 48px -24px #0f2a6b4d, 0 0 0 1px var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:8px 8px 8px 20px;display:flex}.hero-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-family:inherit;font-size:16px}.hero-search input::placeholder{color:var(--ink-5)}.map-mock{background:radial-gradient(at 30% 40%,#1d4ed814,#0000 50%),radial-gradient(at 70% 60%,#dc26260f,#0000 50%),repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#0000000a 0 1px,#0000 1px 40px),linear-gradient(#eaf1fb,#f4f8fe);position:relative}.map-pin{background:var(--r-500);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;transform:rotate(-45deg)translate(-50%,-100%);box-shadow:0 6px 12px -4px #dc262680}.map-pin-inner{color:#fff;font-size:11px;font-weight:700;transform:rotate(45deg)}.map-pin.blue{background:var(--p-500);box-shadow:0 6px 12px -4px #1d4ed880}.map-pin.green{background:var(--ok);box-shadow:0 6px 12px -4px #16a34a80}.lang-toggle{border:1px solid var(--line);background:#fff;border-radius:10px;padding:3px;display:inline-flex}.lang-toggle button{color:var(--ink-4);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600}.lang-toggle button.active{background:var(--ink);color:#fff}.phone-frame{background:var(--bg);width:390px;height:100%;overflow:hidden}.divider-dashed{border-top:1px dashed var(--line)}.divider{border-top:1px solid var(--line)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-7{gap:28px}.gap-8{gap:32px}.gap-10{gap:40px}.gap-12{gap:48px}.gap-16{gap:64px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.w-full{width:100%}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.cursor-pointer{cursor:pointer}.text-center{text-align:center}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.02em}.leading-tight{line-height:1.2}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-12{margin-top:48px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.my-5{margin-top:20px;margin-bottom:20px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-3{padding-left:12px;padding-right:12px}.px-5{padding-left:20px;padding-right:20px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.border-b{border-bottom:1px solid var(--line)}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.max-w-screen-xl{max-width:1280px;margin-left:auto;margin-right:auto}.pb-3{padding-bottom:12px}.pb-16{padding-bottom:64px}.kanban-scroll::-webkit-scrollbar{height:6px}.kanban-scroll::-webkit-scrollbar-track{background:0 0}.kanban-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}