@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#191c21;--green:#ffb72b;--text:#f8f7f3;--muted:#b7b9bd;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;display:flex;align-items:center;gap:9px;letter-spacing:-1px}.dot{color:var(--green);margin-left:-9px}.logo{background:var(--green);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;width:37px;height:40px;border-radius:10px;font-size:30px;position:relative;letter-spacing:-4px;padding-right:7px}.logo span{font-size:18px;position:absolute;right:4px;top:0}.nav nav{display:flex;gap:30px;font-size:13px;color:#d8d9db}.button{background:var(--green);color:#211c15;border:0;border-radius:7px;padding:18px 23px;display:inline-flex;justify-content:space-between;gap:30px;align-items:center;font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#ffd06a;transform:translateY(-2px)}.button.small{font-size:12px;padding:13px 16px}.button span{font-size:20px}.hero{padding-top:65px;padding-bottom:80px;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);display:flex;gap:10px;align-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #ffb72b15}h1,h2,h3,p{margin:0}h1,h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-3px;line-height:1.08}h1{font-size:clamp(48px,5.4vw,73px);margin-top:25px}em{font-style:normal;color:var(--green)}.intro>p{font-size:15px;line-height:1.85;max-width:440px;color:var(--muted);margin-top:26px}.actions{display:flex;align-items:center;gap:25px;margin-top:31px}.textlink{font-size:13px;font-weight:500;display:inline-flex;gap:15px;align-items:center}.textlink:hover{color:var(--green)}.hero-notes{display:flex;gap:22px;margin-top:40px;font-size:10px;color:#bfc1c5}.hero-art{min-height:470px;position:relative;background:radial-gradient(ellipse at center,#ff9d3b 0,#e77524 45%,#bd4b18 75%);border:1px solid #ffffff12;border-radius:18px;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffb72b08 1px,transparent 1px),linear-gradient(90deg,#ffb72b08 1px,transparent 1px);background-size:38px 38px}.art-label{position:absolute;top:25px;left:25px;font-size:9px;color:#fff0dc;letter-spacing:2px}.parking-scene{position:absolute;top:90px;left:40px;width:420px;height:300px;transform:rotate(-24deg) skew(8deg);background:#35383d;border:5px solid #62656b;border-radius:18px;box-shadow:16px 22px 0 #25272c,25px 40px 50px #11131777}.lane{position:absolute;top:15px;height:255px;width:1px;background:repeating-linear-gradient(to bottom,#fff3c1 0 18px,transparent 18px 30px)}.lane-a{left:145px}.lane-b{left:285px}.space{position:absolute;width:115px;height:95px;border:2px solid #e9e5d799;border-top:0}.s1{left:15px;top:20px}.s2{left:15px;bottom:20px}.s3{right:15px;top:20px;border-color:var(--green);background:#ffb72b16}.s4{right:15px;bottom:20px}.car{height:66px;width:96px;border-radius:24px 24px 19px 19px;background:#f1f0ea;position:absolute;left:8px;top:10px;box-shadow:6px 8px 5px #0006,inset 0 -6px #0002}.car:before{content:'';position:absolute;top:10px;left:20px;right:20px;height:44px;border-radius:12px;background:linear-gradient(90deg,#252a31 0 20%,#bac2cb 22% 75%,#252a31 77%);border:3px solid #e4e6e8}.car.green{background:#ffb72b}.car.green:before{border-color:#f39a18}.car.gray{background:#8191a3}.car.gray:before{border-color:#8498ad}.road-arrow{position:absolute;left:185px;top:55px;font-size:75px;color:#f4e7bd66}.scene-p{position:absolute;right:53px;top:33px;font-size:42px;color:#ffb72b88}.barrier{height:70px;width:15px;position:absolute;bottom:0;left:160px;background:#e7e7e3;box-shadow:7px 6px #0004}.barrier i{display:block;height:12px;width:126px;background:repeating-linear-gradient(110deg,#ffd047 0 20px,#292c31 20px 40px);transform:rotate(-32deg);transform-origin:left;position:absolute;top:0;left:6px}.camera{position:absolute;right:4px;top:125px;background:#f3f3ef;border-radius:8px;padding:5px 10px;color:#21242a;box-shadow:6px 6px #0005}.scan{position:absolute;width:125px;height:95px;left:10px;top:165px;border:1px solid var(--green);box-shadow:0 0 22px #ffb72b30}.floating{position:absolute;display:flex;align-items:center;gap:13px;padding:16px 18px;background:#fffaf2;color:#24272d;border-radius:9px;box-shadow:0 15px 25px #11131744}.floating small{font-size:7px;letter-spacing:1px;color:#6c6e73;display:block;margin-bottom:5px}.floating strong{font-size:15px}.plate{right:15px;top:83px;transform:rotate(3deg)}.icon{font-size:25px}.check{background:#fff0cc;color:#865000;display:grid;place-items:center;border-radius:50%;height:29px;width:29px}.plate .check{height:19px;width:19px;margin-left:15px;font-size:11px}.payment{bottom:69px;left:20px;transform:rotate(-3deg)}.mini-bars{color:#b76800;font-size:25px;margin-left:15px}.art-bottom{position:absolute;bottom:19px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#fff0dd}.art-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px}.integration-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.strip-inner>span:first-child{font-size:8px;letter-spacing:1.5px;color:#a9adb3}.strip-inner b{font-family:Manrope;font-size:15px;font-weight:500;color:#dedfe1}.divider{color:#777b83}.solution{padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}h2{font-size:43px;letter-spacing:-1.8px;margin-top:20px}.section-heading>p{max-width:340px;color:var(--muted);line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.features article{padding:30px 30px 30px 0;position:relative}.features article+article{border-left:1px solid var(--line);padding-left:30px}.feature-icon{font-size:29px;color:var(--green)}.number{position:absolute;right:27px;top:35px;font-size:10px;color:#92969c}.features h3{font-size:19px;margin:27px 0 12px;font-weight:500;letter-spacing:-.4px}.features p{color:var(--muted);font-size:13px;line-height:1.8;max-width:310px}.tag{font-size:10px;margin-top:28px;color:#e4d3ad}.demo-section{background:#f5f3ee;color:#24272d;padding:80px 0}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.demo-layout .eyebrow{color:#a64b0a}.demo-layout h2{font-size:55px}.demo-layout em{color:#c7540d}.demo-layout>div>p{line-height:1.8;color:#62666c;max-width:340px;margin-top:22px}.notice{display:flex;gap:10px;font-size:11px;line-height:1.7;color:#666a70;max-width:335px;margin-top:30px}.notice>span{font-size:17px}.dashboard{background:white;border:1px solid #deddd8;border-radius:13px;box-shadow:0 20px 50px #22252b12;overflow:hidden}.dash-top{padding:17px 23px;border-bottom:1px solid #f5f3ee;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:12px}.dash-top>span:first-child{display:flex;align-items:center;gap:8px}.tiny-logo{background:#173826;color:#ffb72b;border-radius:5px;padding:3px 7px}.demo-badge{font-size:8px;letter-spacing:1px;background:#fff1dc;color:#9b570b;padding:5px 8px;border-radius:4px}.dash-body{padding:24px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title small{font-size:8px;letter-spacing:1px;color:#777c84}.dash-title h3{font-size:21px;margin-top:7px}.vehicle{font-size:28px;color:#b77531}.ticket{margin:23px 0;display:flex;justify-content:space-between;background:#f6f4ef;padding:15px;border-radius:6px;font-size:11px;color:#737880}.ticket b{color:#363b43;letter-spacing:2px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inputs label{font-size:10px;font-weight:500}.inputs input,.inputs select{width:100%;border:1px solid #deddd8;background:white;border-radius:5px;padding:12px 9px;margin-top:8px;color:#333840;font-size:12px}.total{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.total>span{font-size:12px}.total small{font-size:8px;display:block;margin-top:5px;color:#7a7f86}.total strong{font-family:Manrope;font-size:27px;letter-spacing:-1px}.full{width:100%;font-size:12px;padding:13px 16px}.full:disabled{opacity:.5;cursor:default}.result{font-size:10px;color:#666c75;margin-top:13px;line-height:1.6;min-height:32px}.success{color:#885100}.access{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:100px 0;align-items:center}.access p{line-height:1.8;color:var(--muted);margin-top:22px;font-size:13px}.access-visual{min-height:380px;position:relative;border:1px solid #ffffff12;border-radius:14px;background:radial-gradient(circle,#454b55,#bd4b18 70%);display:flex;justify-content:center;align-items:center;gap:70px}.connection-node{border:1px solid #ffb72b44;background:#292e36;width:110px;height:110px;border-radius:24px;display:grid;place-content:center;text-align:center;font-size:50px;color:var(--green);position:relative;z-index:1;box-shadow:0 0 0 15px #ffb72b05,0 0 0 30px #ffb72b03}.connection-node span{position:absolute;width:160px;bottom:-45px;left:-25px;font-size:8px;letter-spacing:1.6px;color:#ddd5c5}.connector{position:absolute;top:50%;width:200px;border-top:2px dashed #ffb72b80}.protocol{position:absolute;bottom:40px;color:#bdb5a7;font-size:10px}.steps{padding:0;list-style:none;counter-reset:steps;margin:27px 0}.steps li{counter-increment:steps;display:grid;grid-template-columns:25px 1fr;gap:4px 13px;margin:18px 0}.steps li:before{content:'0' counter(steps);grid-row:span 2;font-size:9px;color:var(--green);padding-top:4px}.steps b{font-size:13px;font-weight:500}.steps span{font-size:11px;color:var(--muted)}.access p.footnote{font-size:10px;color:#a9adb4;margin-bottom:15px}.closing{background:var(--green);color:#23262c;padding:50px;border-radius:12px;position:relative;overflow:hidden}.closing .eyebrow{color:#684309}.closing h2{position:relative;z-index:1;font-size:43px}.closing .button{background:#23262c;color:var(--green);margin-top:26px}.closing-mark{font-family:Manrope;font-size:220px;font-weight:800;position:absolute;right:30px;bottom:-35px;letter-spacing:-25px;opacity:.09}footer{padding:45px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:20px}footer .logo{transform:scale(.8)}footer>span{font-size:11px;color:var(--muted)}footer small{font-size:9px;color:#9da2ab}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:100px}}@media(max-width:1100px){.wrap{width:calc(100% - 50px)}.hero{gap:25px}.hero-art{min-height:440px}.parking-scene{left:-15px;transform:rotate(-24deg) skew(8deg) scale(.85)}.hero-notes{gap:10px}.actions{gap:15px}.demo-layout{gap:50px}.access{gap:50px}.access-visual{gap:40px}.connection-node{width:90px;height:90px}.intro>p{font-size:14px}.strip-inner b{font-size:12px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:85px}.nav nav{display:none}.nav>.button{font-size:10px;padding:10px;gap:12px}.brand{font-size:21px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:40px}h1{font-size:58px;letter-spacing:-2.6px}.intro>p{max-width:490px}.hero-notes{justify-content:space-between;font-size:9px}.hero-art{min-height:420px;max-width:550px;width:100%}.parking-scene{left:calc(50% - 210px);top:75px;transform:rotate(-24deg) skew(8deg) scale(.85)}.plate{top:65px}.payment{bottom:55px}.strip-inner{flex-wrap:wrap;justify-content:center;gap:15px}.strip-inner>span:first-child{width:100%;text-align:center;font-size:7px}.strip-inner b{font-size:11px}.solution{padding:60px 0}.section-heading{display:block}.section-heading>p{margin-top:22px;font-size:13px}h2{font-size:36px}.features{grid-template-columns:1fr;margin-top:30px}.features article,.features article+article{border-left:0;padding:27px 0}.features article+article{border-top:1px solid var(--line)}.features h3{margin-top:16px}.features p{max-width:100%}.tag{margin-top:16px}.demo-section{padding:55px 0}.demo-layout{grid-template-columns:1fr;gap:35px}.demo-layout h2{font-size:45px}.demo-layout>div>p{max-width:100%;font-size:13px}.notice{max-width:100%}.access{grid-template-columns:1fr;gap:40px;padding:60px 0}.access-visual{min-height:290px;gap:70px}.connection-node{height:100px;width:100px}.closing{padding:30px}.closing h2{font-size:32px}.closing .eyebrow{font-size:8px;letter-spacing:1px}.closing-mark{font-size:180px;right:20px}footer{flex-wrap:wrap;padding:30px 0;gap:18px}footer small{width:100%}.actions{gap:18px}.actions .button{padding:16px;font-size:12px;gap:16px}.textlink{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Road signage palette: asphalt, safety orange and road-marking yellow. */
.hero-art{background:radial-gradient(ellipse at 50% 40%,#ffa149 0,#e97524 48%,#c95119 100%);border-color:#ffb16d}
.art-label,.art-bottom{color:#fff5e7}.hero-art:before{background-image:linear-gradient(#fff4dc15 1px,transparent 1px),linear-gradient(90deg,#fff4dc15 1px,transparent 1px)}
.plate .check,.payment .check{background:#ffedbd;color:#805000}.floating small{color:#696b70}.payment .mini-bars{color:#c65d12}
.logo{background:#1763ba;color:#fff;border:2px solid #fff;border-radius:7px;box-shadow:0 0 0 1px #1763ba}.logo span{color:#fff}
.button{background:#ffb72b;color:#242017}.button:hover{background:#ffca5e}.eyebrow{color:#ffb72b}
.feature-icon{color:#ff942f}.features .tag{color:#e9ba77}
.barrier i{background:repeating-linear-gradient(110deg,#ffd047 0 20px,#262a30 20px 40px)}
.closing{background:#f67b21;color:#211b16;border-bottom:7px solid #ffbe32}.closing .eyebrow{color:#542d0b}.closing .button{background:#24272d;color:#fff}.closing .button:hover{background:#393d44}
.connection-node{background:#292e36;border-color:#ffb72b77}.access-visual{background:radial-gradient(circle,#444a54,#24282f 70%)}

/* Light parking identity */
:root{--bg:#fcfaf7;--text:#302f2b;--muted:#75736d;--line:#e7e2da;--green:#d95b16}
body{background:#fcfaf7;color:#302f2b}.nav{border-bottom:1px solid #ece6dd}.nav nav{color:#69665f}.brand{color:#34312c}.logo{background:#eb6c20;color:white;border:0;box-shadow:none;border-radius:10px}.logo span{display:none}.logo{letter-spacing:0;padding:0;font-size:29px}.dot{color:#e56a20}
.eyebrow{color:#b9561c}.pulse{background:#ee7a2d;box-shadow:0 0 0 4px #fcebdc}h1{font-weight:600;letter-spacing:-3px}em{color:#df651d}.button{background:#ec6d22;color:#fff;border-radius:10px;box-shadow:0 5px 12px #df651d15}.button:hover{background:#d95c17}.button span{font-family:Arial,sans-serif}.button.small{color:#fff}.textlink{color:#565149}.textlink:hover{color:#c95818}.hero-notes{color:#817a6e}.hero-art{box-shadow:0 20px 45px #a7591914;border-color:#efaa73;background:radial-gradient(ellipse at 50% 30%,#ffb65f,#ee812e 60%,#e26c23)}
.integration-strip{background:#f5f1ea}.strip-inner>span:first-child{color:#8b8174}.strip-inner b{color:#645a4d}.divider{color:#c8b99e}.features article{background:transparent}.feature-icon{color:#e36b20}.features h3{color:#38352f}.features .tag{color:#a06931}.number{color:#a59a89}.demo-section{background:#f4efe6}.demo-layout .eyebrow{color:#a45829}.demo-layout em{color:#dc641e}.demo-layout>div>p,.notice{color:#776c5e}.dashboard{border-color:#e4ddd1;box-shadow:0 16px 45px #8a6e4010}.tiny-logo{background:#ed752b;color:#fff}.demo-badge{background:#fff0dc;color:#aa661d}.total strong{color:#34312b}.total span{color:#5d554b}.result{color:#777067}.success{color:#896019}
.access-visual{background:radial-gradient(circle,#fff4db,#f3e6d2);border-color:#e9dbc3}.connection-node{background:#fffdf9;color:#da691f;border-color:#e7c393;box-shadow:0 0 0 15px #dd9a3510,0 0 0 30px #dd9a3508}.connection-node span{color:#8a6c43}.connector{border-color:#d4a45d}.protocol{color:#9d7b4b}.steps li:before{color:#d76722}.steps b{color:#494136}.access p.footnote{color:#918779}.closing{background:#fff0d9;border:1px solid #f4d8b0;border-bottom:5px solid #efa236;color:#573c22}.closing .eyebrow{color:#a96b31}.closing .button{background:#e76c21;color:#fff}.closing .button:hover{background:#d45b17}.closing-mark{color:#c66a1f;opacity:.08}footer>span,footer small{color:#8d8275}
@media(max-width:760px){.nav{height:82px;gap:12px}.nav>.button{padding:11px 12px;font-size:10px;gap:7px}.brand{font-size:21px;gap:7px}.logo{width:32px;height:35px;font-size:26px}.hero{padding-top:34px;gap:30px;padding-bottom:35px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:45px;line-height:1.12;letter-spacing:-2px;margin-top:20px}.intro>p{font-size:14px;line-height:1.8;margin-top:22px}.actions{gap:19px;margin-top:25px;flex-wrap:wrap}.actions .button{padding:15px 17px;font-size:12px}.hero-notes{margin-top:28px;font-size:8px;gap:8px}.hero-art{min-height:370px;border-radius:16px}.art-label{font-size:8px;left:20px;top:20px}.parking-scene{top:60px;transform:rotate(-24deg) skew(8deg) scale(.75)}.plate{top:60px;right:10px;padding:12px}.payment{bottom:48px;padding:12px}.art-bottom{font-size:6px;left:15px;right:15px}.section-heading h2{font-size:33px}.closing h2{font-size:29px}.closing{padding:26px}.inputs{gap:10px}.dash-body{padding:20px}.total strong{font-size:25px}}