:root{--bg:#070b09;--bg2:#0a100d;--surface:#0e1512;--surface2:#121b16;--border:rgba(74, 222, 128, .13);--border-strong:rgba(74, 222, 128, .3);--green:#22c55e;--green-bright:#4ade80;--green-deep:#16a34a;--amber:#fbbf24;--sky:#38bdf8;--violet:#a78bfa;--rose:#fb7185;--text:#e8f1eb;--muted:#96a89d;--muted2:#6b7d72;--radius:18px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Anuphan,sans-serif;font-size:16.5px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Prompt,sans-serif;line-height:1.28;font-weight:700}::selection{background:rgba(34,197,94,.35)}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(7,11,9,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:28px;height:68px}.brand{display:flex;align-items:center;gap:11px;font-family:Prompt;font-weight:700;font-size:19px}.brand .logo{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;background:#000;border:1.5px solid rgba(74,222,128,.35);box-shadow:0 4px 18px rgba(34,197,94,.35)}.brand em{font-style:normal;color:var(--green-bright)}.nav-links{display:flex;gap:26px;margin-left:auto;font-size:15.5px;color:var(--muted)}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--green-bright)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:Prompt;font-weight:600;font-size:15.5px;padding:12px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;white-space:nowrap}.btn-primary{background:linear-gradient(145deg,#22c55e,#16a34a);color:#04150a;box-shadow:0 6px 24px rgba(34,197,94,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(34,197,94,.45)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:rgba(34,197,94,.06)}.btn-ghost:hover{background:rgba(34,197,94,.14);transform:translateY(-2px)}.btn-sm{padding:9px 18px;font-size:14.5px;border-radius:10px}.nav-cta{margin-left:6px}.hamburger{display:none;margin-left:auto;background:0 0;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:20px;padding:6px 12px;cursor:pointer}.mobile-menu{display:none;flex-direction:column;gap:4px;padding:10px 24px 18px;border-top:1px solid var(--border)}.mobile-menu a{padding:11px 6px;color:var(--muted);border-radius:8px}.mobile-menu a:hover{color:var(--green-bright)}.mobile-open .mobile-menu{display:flex}.hero{position:relative;padding:158px 0 84px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 420px at 82% 12%,rgba(34,197,94,.13),transparent 65%),radial-gradient(560px 380px at 8% 88%,rgba(34,197,94,.07),transparent 60%)}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(74,222,128,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(900px 600px at 60% 30%,#000,transparent 75%);-webkit-mask-image:radial-gradient(900px 600px at 60% 30%,#000,transparent 75%)}.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--green-bright);border:1px solid var(--border-strong);background:rgba(34,197,94,.08);padding:7px 16px;border-radius:999px;margin-bottom:22px}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:800;letter-spacing:-.5px;margin-bottom:20px}.hero h1 .grad{background:linear-gradient(120deg,#4ade80 10%,#a7f3d0 50%,#4ade80 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{color:var(--muted);font-size:18px;max-width:540px;margin-bottom:34px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px}.hero-stats{display:flex;gap:34px;flex-wrap:wrap}.hstat b{display:flex;align-items:center;gap:8px;font-family:Prompt;font-size:17px;font-weight:600}.hstat span{color:var(--muted2);font-size:14px}.hstat .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(34,197,94,.1);border:1px solid var(--border);font-size:16px}.phone-zone{position:relative;display:flex;justify-content:center}.phone{width:340px;border-radius:44px;border:1px solid rgba(148,180,160,.25);background:linear-gradient(160deg,#101814,#0a0f0c);padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 8px rgba(255,255,255,.02),0 0 90px rgba(34,197,94,.14);position:relative}.phone::before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:110px;height:26px;background:#05080a;border-radius:999px;z-index:5}.screen{border-radius:32px;overflow:hidden;background:#0a0f0c;border:1px solid rgba(255,255,255,.05)}.app-head{display:flex;align-items:center;gap:9px;padding:38px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.app-head .mini-logo{width:30px;height:30px;border-radius:9px;object-fit:cover;display:block;background:#000;border:1px solid rgba(255,255,255,.14)}.app-head b{font-family:Prompt;font-size:15px}.live-chip{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:Prompt;font-weight:600;font-size:11px;color:#fecaca;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);padding:3px 10px;border-radius:999px}.live-chip i{width:6px;height:6px;border-radius:50%;background:#f87171;animation:pulse 1.6s infinite}.map-box{position:relative;background:#0c1310}.map-box svg{display:block;width:100%;height:auto}.sysnot{position:absolute;top:14px;left:8px;right:8px;display:flex;gap:10px;align-items:flex-start;background:rgba(16,22,19,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px 12px;box-shadow:0 14px 40px rgba(0,0,0,.55);transition:opacity .45s,transform .45s}.sysnot.hide{opacity:0;transform:translateY(-10px)}.sysnot .sn-ic{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;border:1px solid rgba(255,255,255,.15)}.sysnot .sn-app{font-size:10px;color:var(--muted2);letter-spacing:.3px;margin-bottom:2px}.sysnot .sn-title{font-family:Prompt;font-weight:600;font-size:12.3px;line-height:1.35;color:var(--text)}.sysnot .sn-text{font-size:11.3px;color:var(--muted);line-height:1.4}.members{padding:12px 14px 16px;display:flex;flex-direction:column;gap:9px;background:#0a0f0c}.member{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:8px 11px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:Prompt;font-weight:600;font-size:13px;color:#04150a;flex:none}.member .mi{min-width:0}.member .mi b{font-size:13px;font-weight:600;display:block;line-height:1.3}.member .mi span{font-size:11px;color:var(--muted2)}.m-status{margin-left:auto;font-family:Prompt;font-weight:600;font-size:10.5px;padding:3px 9px;border-radius:999px;white-space:nowrap}.st-riding{color:#86efac;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.35)}.st-stopped{color:#fcd34d;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35)}.st-far{color:#fda4af;background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.4)}.st-off{color:#cbd5e1;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.35)}.batt{margin-left:8px;font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:4px}.batt-low{color:#fca5a5}.float-card{position:absolute;right:-14px;bottom:60px;background:rgba(14,21,18,.94);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:16px;padding:13px 16px;box-shadow:0 18px 50px rgba(0,0,0,.5);animation:bob 4.5s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}.float-card .fc-t{font-family:Prompt;font-weight:600;font-size:13px;margin-bottom:3px}.float-card .fc-v{font-size:22px;font-family:Prompt;font-weight:700;color:var(--green-bright)}.float-card .fc-v small{font-size:12px;color:var(--muted2);font-weight:500}.code-card{position:absolute;left:-26px;top:120px;background:rgba(14,21,18,.94);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:16px;padding:13px 18px;box-shadow:0 18px 50px rgba(0,0,0,.5);animation:bob 5.2s .6s ease-in-out infinite;text-align:center}.code-card .fc-t{font-family:Prompt;font-size:12px;color:var(--muted);font-weight:500}.code-card .code{font-family:Prompt;font-weight:700;font-size:23px;letter-spacing:5px;color:var(--green-bright)}section{padding:88px 0}.sec-head{text-align:center;max-width:660px;margin:0 auto 56px}.sec-tag{font-family:Prompt;font-weight:600;font-size:13.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-bright);margin-bottom:12px}.sec-head h2{font-size:clamp(27px,3.4vw,40px);font-weight:700;margin-bottom:14px}.sec-head p{color:var(--muted);font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 0 26px}.chip{font-size:14.5px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:8px 18px;background:rgba(255,255,255,.02)}.chip b{color:var(--green-bright);font-weight:600}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:linear-gradient(170deg,var(--surface),var(--bg2));border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:0 18px 44px rgba(0,0,0,.4)}.card .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:rgba(34,197,94,.1);border:1px solid var(--border);margin-bottom:18px}.card h3{font-size:18.5px;margin-bottom:8px}.card p{color:var(--muted);font-size:15.3px}.card .num{position:absolute;top:20px;right:24px;font-family:Prompt;font-weight:800;font-size:15px;color:rgba(74,222,128,.28)}.new-badge{display:inline-block;vertical-align:4px;margin-left:8px;font-family:Prompt;font-weight:600;font-size:10.5px;letter-spacing:.5px;color:#04150a;background:linear-gradient(145deg,#4ade80,#16a34a);padding:2px 10px;border-radius:999px;box-shadow:0 3px 12px rgba(34,197,94,.4)}#demo{background:radial-gradient(800px 400px at 50% 0,rgba(34,197,94,.07),transparent 70%),var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.demo-shell{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:stretch}.demo-map{background:linear-gradient(170deg,var(--surface),var(--bg2));border:1px solid var(--border-strong);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.45)}.demo-map svg{display:block;width:100%;height:auto}.demo-map .map-label{position:absolute;top:14px;left:16px;font-family:Prompt;font-weight:600;font-size:13px;color:var(--muted);background:rgba(7,11,9,.7);border:1px solid var(--border);padding:5px 12px;border-radius:999px;display:flex;gap:7px;align-items:center}.demo-side{display:flex;flex-direction:column;gap:16px;min-width:0}.demo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seg{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg button{background:0 0;border:none;color:var(--muted);font-family:Prompt;font-weight:600;font-size:13.5px;padding:8px 14px;cursor:pointer}.seg button.on{background:rgba(34,197,94,.16);color:var(--green-bright)}.demo-members{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;flex:1}.demo-members h4{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.8px}.dm-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px}.dm-row+.dm-row{border-top:1px solid rgba(255,255,255,.05)}.dm-row .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:Prompt;font-weight:600;font-size:12.5px;color:#04150a;flex:none}.dm-row .nm b{display:block;font-size:13.5px;line-height:1.3}.dm-row .nm span{font-size:11px;color:var(--muted2)}.dm-row .sp{margin-left:auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.demo-log{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;height:190px;overflow-y:auto}.demo-log::-webkit-scrollbar{width:8px}.demo-log::-webkit-scrollbar-track{background:0 0}.demo-log::-webkit-scrollbar-thumb{background:rgba(74,222,128,.22);border-radius:8px}.demo-log h4{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.log-item{display:flex;gap:9px;font-size:12.8px;padding:5px 2px;color:var(--muted);align-items:baseline}.log-item time{color:var(--muted2);font-variant-numeric:tabular-nums;font-size:11.5px;flex:none}.log-item.alert{color:#fda4af}.log-item.info{color:#86efac}.demo-summary{background:linear-gradient(145deg,rgba(34,197,94,.14),rgba(34,197,94,.05));border:1px solid var(--border-strong);border-radius:16px;padding:16px;display:none}.demo-summary.show{display:block;animation:pop .5s ease}@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.demo-summary h4{font-size:15px;margin-bottom:8px;color:var(--green-bright)}.sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:13.5px;color:var(--muted)}.sum-grid b{color:var(--text);font-family:Prompt}.toast-stack{position:fixed;top:84px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:rgba(12,19,15,.95);backdrop-filter:blur(10px);border:1px solid var(--border-strong);border-radius:14px;padding:12px 18px;font-size:14.5px;font-weight:500;box-shadow:0 16px 44px rgba(0,0,0,.55);animation:toastIn .4s ease;max-width:340px}.toast.out{animation:toastOut .4s ease forwards}@keyframes toastIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateX(30px)}}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.step{background:linear-gradient(170deg,var(--surface),var(--bg2));border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;position:relative;transition:transform .25s,border-color .25s}.step:hover{transform:translateY(-4px);border-color:var(--border-strong)}.step .sn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:Prompt;font-weight:700;font-size:17px;color:#04150a;background:linear-gradient(145deg,#4ade80,#16a34a);margin-bottom:16px;box-shadow:0 5px 18px rgba(34,197,94,.3)}.step h3{font-size:17px;margin-bottom:7px}.step p{color:var(--muted);font-size:14.6px}.step::after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:var(--muted2);font-size:20px;z-index:2}.step:last-child::after{display:none}.shots-row{width:100%;display:flex;gap:22px;overflow-x:auto;padding:8px 0 26px;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}.shots-row::-webkit-scrollbar{display:none}.shot{flex:0 0 auto;width:256px;scroll-snap-align:center;text-align:center;margin:0;margin-bottom:30px}.shot .frame{border-radius:30px;border:1px solid rgba(148,180,160,.25);padding:8px;background:linear-gradient(160deg,#101814,#0a0f0c);box-shadow:0 18px 50px rgba(0,0,0,.45);transition:transform .25s,border-color .25s}.shot:hover .frame{transform:translateY(-6px);border-color:var(--border-strong)}.shot img{display:block;width:100%;border-radius:23px}.shot figcaption{margin-top:12px;font-family:Prompt;font-weight:600;font-size:15px;color:var(--text)}.shot .cap-sub{font-size:12.5px;color:var(--muted2);margin-top:2px}#safety .grid2{align-items:stretch}.alert-card{display:flex;gap:16px;align-items:flex-start}.alert-card .ic{margin-bottom:0;flex:none;width:46px;height:46px;font-size:21px}.alert-card .code-chip{display:inline-block;font-family:Prompt;font-size:11px;letter-spacing:.6px;color:var(--muted2);border:1px solid rgba(148,163,184,.25);border-radius:6px;padding:1px 8px;margin-left:8px;vertical-align:2px}.dash{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}.dash h2{font-size:clamp(25px,3vw,36px);margin-bottom:14px}.dash .points{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:24px}.dash .points li{display:flex;gap:12px;color:var(--muted);font-size:15.6px}.dash .points li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;color:#04150a;background:var(--green);margin-top:3px}.dash-visual{background:linear-gradient(170deg,var(--surface),var(--bg2));border:1px solid var(--border-strong);border-radius:20px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.dash-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dash-top .dt{font-family:Prompt;font-weight:600;font-size:14px}.dash-top .conn{margin-left:auto;font-size:11.5px;font-family:Prompt;color:#86efac;display:flex;gap:6px;align-items:center;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);padding:3px 11px;border-radius:999px}.dash-top .conn i{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat-cell{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 14px}.stat-cell span{font-size:11.5px;color:var(--muted2);display:block}.stat-cell b{font-family:Prompt;font-size:19px}.mini-map{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.mini-map svg{display:block;width:100%;height:auto}.billing-row{display:flex;justify-content:center;margin:-26px 0 34px}.billing-row .seg button{padding:9px 18px;font-size:14px}.seg .save{display:inline-block;margin-left:7px;font-size:10px;font-weight:700;color:#04150a;background:linear-gradient(145deg,#4ade80,#16a34a);border-radius:999px;padding:1px 8px}.pay-note{text-align:center;font-size:12.5px;color:var(--muted2);margin:-18px 0 30px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.price{background:linear-gradient(170deg,var(--surface),var(--bg2));border:1px solid var(--border);border-radius:22px;padding:28px 22px;display:flex;flex-direction:column;position:relative;transition:transform .25s,border-color .25s}.price:hover{transform:translateY(-5px)}.price.hot{border-color:var(--border-strong);box-shadow:0 0 0 1px rgba(74,222,128,.18),0 26px 70px rgba(0,0,0,.45)}.price .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:Prompt;font-weight:600;font-size:12.5px;background:linear-gradient(145deg,#22c55e,#16a34a);color:#04150a;padding:4px 16px;border-radius:999px;white-space:nowrap}.price .tag.tag-alt{background:linear-gradient(145deg,#38bdf8,#0369a1);color:#04121a}.price h3{font-size:19px;margin-bottom:4px}.price .desc{color:var(--muted);font-size:13.8px;margin-bottom:16px}.price .amount{font-family:Prompt;font-weight:800;font-size:36px;line-height:1.1;color:var(--text)}.price .amount small{font-size:14px;color:var(--muted2);font-weight:500}.price .unit{font-family:Prompt;font-size:12.3px;color:var(--muted2);margin-top:6px}.price ul{list-style:none;margin:20px 0 24px;display:flex;flex-direction:column;gap:9px;flex:1}.price ul li{display:flex;gap:9px;font-size:13.8px;color:var(--muted);line-height:1.5}.price ul li::before{content:"✓";color:var(--green-bright);font-weight:700;flex:none}.price ul li.no{opacity:.6}.price ul li.no::before{content:"—";color:var(--muted2)}.price ul li b{color:var(--text);font-weight:600}.price .btn{width:100%}.included-strip{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:30px}.included-strip .inc-t{font-family:Prompt;font-weight:600;font-size:14px;color:var(--green-bright);margin-right:4px}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}details{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .25s}details[open]{border-color:var(--border-strong)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:19px 22px;font-family:Prompt;font-weight:600;font-size:16px}summary::-webkit-details-marker{display:none}summary .qm{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(34,197,94,.12);color:var(--green-bright);font-size:13px;transition:transform .25s}details[open] .qm{transform:rotate(45deg)}details .ans{padding:0 22px 20px 64px;color:var(--muted);font-size:15.3px}.cta-box{position:relative;border-radius:26px;overflow:hidden;text-align:center;padding:74px 30px;background:linear-gradient(160deg,rgba(34,197,94,.2),rgba(34,197,94,.05) 55%),var(--surface);border:1px solid var(--border-strong)}.cta-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,222,128,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.05) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(500px 260px at 50% 0,#000,transparent);-webkit-mask-image:radial-gradient(500px 260px at 50% 0,#000,transparent)}.cta-box h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:14px;position:relative}.cta-box p{color:var(--muted);max-width:520px;margin:0 auto 34px;position:relative}.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}#contact-form{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:18px}#contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}#contact-form label{display:block;font-family:Prompt;font-weight:600;font-size:14px;margin-bottom:7px}#contact-form input,#contact-form textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:Anuphan,sans-serif;font-size:15.5px;line-height:1.6;padding:12px 16px;transition:border-color .2s,box-shadow .2s}#contact-form input:focus,#contact-form textarea:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 3px rgba(34,197,94,.14)}#contact-form input::placeholder,#contact-form textarea::placeholder{color:var(--muted2)}#contact-form textarea{min-height:140px;resize:vertical}#contact-form .btn{align-self:center;min-width:200px;margin-top:6px}.form-status{text-align:center;font-size:15px;font-weight:500}.form-status.ok{color:var(--green-bright)}.form-status.err{color:var(--rose)}.hp-field{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}footer{border-top:1px solid var(--border);padding:44px 0 34px;color:var(--muted2);font-size:14px}.foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.foot .brand{font-size:16px}.foot .links{margin-left:auto;display:flex;gap:22px}.foot .links a:hover{color:var(--green-bright)}.foot .cp{width:100%;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.05)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media (max-width:1024px){.hero .wrap{grid-template-columns:1fr;gap:60px}.hero{padding-top:132px}.hero .lead{max-width:100%}.grid3{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.step::after{display:none}.price-grid{grid-template-columns:1fr 1fr;gap:18px}.nav-cta,.nav-links{display:none}.hamburger{display:block}.demo-shell{grid-template-columns:1fr}.dash{grid-template-columns:1fr;gap:36px}.code-card{left:-6px}}@media (max-width:640px){body{font-size:15.5px}section{padding:64px 0}.nav-cta,.nav-links{display:none}.hamburger{display:block}.grid2,.grid3,.price-grid,.steps{grid-template-columns:1fr}.hero h1{font-size:33px}.phone{width:300px}.float-card{right:0;bottom:30px}.code-card{top:84px;padding:10px 14px}.code-card .code{font-size:18px;letter-spacing:3px}.hero-stats{gap:20px}.toast-stack{right:12px;left:12px;top:76px}.toast{max-width:none}details .ans{padding-left:22px}#contact-form .form-row{grid-template-columns:1fr}}