:root{--navy:#0f1e33;--navy2:#172b46;--blue:#1687f8;--orange:#f59e0b;--red:#f21d2f;--green:#16a568;--ink:#132238;--muted:#627083;--bg:#f4f7fb;--line:#dce4ee;--white:#fff;--purple:#7c3aed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}.hero{background:linear-gradient(135deg,var(--navy),#0d2948);color:white;padding:28px 0 62px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-180px;top:-250px;background:radial-gradient(circle,#1687f830,transparent 67%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.logo{width:300px;max-width:52vw;height:auto}.toplinks{display:flex;gap:10px;align-items:center}.ghost,.primary{display:inline-block;text-decoration:none;border-radius:10px;padding:11px 15px;font-weight:800}.ghost{border:1px solid #ffffff42}.primary{background:var(--orange);color:#0d1b2f}.hero-copy{max-width:770px;padding-top:46px;position:relative;z-index:2}.eyebrow{display:inline-block;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;letter-spacing:.07em}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.02;margin:18px 0 14px;letter-spacing:-.035em}.hero p{font-size:19px;line-height:1.6;color:#cfdaea;max-width:720px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.section{padding:64px 0}.section h2{font-size:34px;margin:0 0 10px;letter-spacing:-.02em}.lead{color:var(--muted);font-size:17px;line-height:1.6;max-width:800px}.demo-shell{display:grid;grid-template-columns:1.45fr .75fr;gap:20px;margin-top:26px}.panel{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 46px #10203912;overflow:hidden}.screen{position:relative;overflow:hidden;background:#0b1726;line-height:0;width:100%;aspect-ratio:1672/941}
.demo-camera-image{display:block;position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none !important;object-fit:fill;z-index:0}
.screen:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,#ffffff07 43%,transparent 44%);pointer-events:none;z-index:1}
.camtop{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#d9e5f3;font-size:12px;background:#0a1726bb;position:absolute;left:0;right:0;top:0;z-index:5;line-height:1}
.live{color:#6ae6a5;font-weight:900}
.boxmark{position:absolute;z-index:4;border:3px solid #35e093;color:#35e093;font-size:12px;font-weight:900;letter-spacing:.03em;border-radius:5px;opacity:0;transition:opacity .2s ease;box-shadow:0 0 0 1px rgba(0,0,0,.18) inset;line-height:1}
.boxmark span{position:absolute;left:-3px;top:-28px;background:#35e093;color:#06150d;border-radius:4px 4px 0 0;padding:5px 7px;white-space:nowrap}
.personbox{left:23.3254%;top:24.9734%;width:6.2799%;height:30.2870%}
.carbox{left:71.4713%;top:19.1286%;width:19.1388%;height:17.5345%;border-color:#33a8ff;color:#33a8ff}
.carbox span{background:#33a8ff;color:#06111f}
.plate{position:absolute;z-index:4;left:72.2488%;top:28.1615%;width:3.1100%;min-width:0;text-align:center;background:#fefefe;color:#111;border:2px solid #111;padding:2px 4px;font:700 10px/1.1 monospace;border-radius:3px;opacity:0;transition:opacity .2s ease}
.alertbar{position:absolute;left:18px;right:18px;bottom:16px;background:#0a1726e8;border:1px solid #ffffff20;border-radius:10px;padding:12px 14px;color:#dbe6f4;font-size:13px;z-index:4}.controls{padding:18px}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.demo-tabs button{border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer;background:#eef4fb;color:#315270}.demo-tabs button.active{background:var(--navy);color:white}.demo-tabs button:hover{filter:brightness(.97)}.demo-actions button{border:0;border-radius:10px;padding:14px 12px;font-weight:800;cursor:pointer}.demo-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.demo-actions button{background:#eaf3ff;color:#0f4e96}.demo-actions button:hover{filter:brightness(.97)}.side{padding:20px}.side h3{margin:0 0 4px}.side .planprice{font-size:30px;color:var(--blue);font-weight:900}.side .setup{font-size:12px;color:var(--muted)}.eventfeed{margin-top:18px;max-height:370px;overflow:auto}.event{background:#f6f9fd;border-left:4px solid var(--blue);border-radius:8px;padding:11px 12px;margin:9px 0;font-size:13px;line-height:1.45}.event b{display:block}.capabilities{font-size:13px;color:#48576b;padding-left:19px;line-height:1.55}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.plan{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;position:relative;box-shadow:0 10px 34px #1020390d}.plan.pop{border:2px solid var(--orange)}.badge{position:absolute;top:13px;right:13px;border-radius:99px;background:#fff2cf;color:#8a5600;font-size:10px;font-weight:900;padding:5px 8px}.plan h3{margin:9px 0 10px;max-width:76%}.price{font-size:32px;font-weight:900;color:var(--blue)}.price small{font-size:14px}.setup{font-size:12px;color:var(--muted)}.plan ul{min-height:178px;padding-left:18px;color:#4f5e72;font-size:13px;line-height:1.55}.order{display:block;text-align:center;padding:11px;background:var(--navy);color:white;text-decoration:none;border-radius:9px;font-weight:850}.reuse{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:22px}.card h3{margin-top:0}.steps{counter-reset:s}.step{position:relative;padding:0 0 18px 44px}.step:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#0f5baa;font-weight:900}.note{font-size:12px;color:var(--muted);line-height:1.55}.footer{background:var(--navy);color:#c7d5e6;padding:30px 0}.footer strong{color:white}.disclaimer{background:#fff8e7;border:1px solid #f5d48c;border-radius:13px;padding:15px;margin-top:18px;font-size:12px;color:#6d5a2b;line-height:1.5}
@media(max-width:980px){.demo-shell{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr}.reuse{grid-template-columns:1fr}}
@media(max-width:620px){.toplinks{display:none}.logo{width:240px;max-width:78vw}.hero{padding-bottom:46px}.hero-copy{padding-top:32px}.hero p{font-size:16px}.section{padding:46px 0}.section h2{font-size:29px}.plans{grid-template-columns:1fr}.demo-actions{grid-template-columns:1fr}.plan ul{min-height:0}.wrap{padding:0 16px}}