:root{--bg:#070a11;--surface:#0d1420;--surface2:#111b2c;--line:rgba(185,212,255,.15);--text:#f4f7fd;--muted:#9caac0;--cyan:#62edf7;--blue:#5976ff;--danger:#ff7a8e;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:78px;position:sticky;top:0;z-index:20;background:rgba(7,10,17,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:850;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.logo i{width:13px;height:13px;display:inline-block;border-radius:4px;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 18px var(--cyan)}.links{display:flex;gap:25px}.links a{font-size:13px;font-weight:650;color:#b8c4d8;text-decoration:none}.links a:hover,.links a.active{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 19px;border-radius:11px;text-decoration:none;border:1px solid transparent;font-size:14px;font-weight:800;cursor:pointer;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,var(--cyan),#91c2ff);color:#06121c;box-shadow:0 12px 28px rgba(84,220,255,.17)}.secondary{background:transparent;color:var(--text);border-color:var(--line)}.nav-cta{padding:10px 14px}.menu{display:none;background:none;border:0;color:white;font-size:25px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:1.8px}.eyebrow:before{content:"";display:inline-block;width:19px;height:1px;margin:0 8px 3px 0;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,7vw,86px);line-height:.99;letter-spacing:-.065em;margin:16px 0 23px}h1 span,h2 span{color:var(--cyan)}h2{font-size:clamp(35px,5vw,58px);line-height:1.03;letter-spacing:-.055em;margin:15px 0 20px}.lede{font-size:17px;color:var(--muted);max-width:600px}.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:610px;gap:30px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin:32px 0}.trust{color:#7f90ac;font-size:12px;display:flex;gap:12px;align-items:center}.trust b{color:var(--cyan)}.scene{height:490px;position:relative;overflow:hidden}.road{position:absolute;bottom:40px;left:0;right:0;height:115px;border-radius:50%;background:linear-gradient(#0c1320,#05070c);transform:perspective(220px) rotateX(44deg)}.car{position:absolute;right:22px;bottom:95px;width:385px;height:170px;background:linear-gradient(145deg,#dceeff,#6a85aa 44%,#152541 47%,#314e75);border-radius:76px 112px 35px 38px;box-shadow:0 35px 52px rgba(0,0,0,.45)}.car:before{content:"";position:absolute;width:160px;height:70px;background:linear-gradient(140deg,#bce8ff55,#375b8b);border-radius:55px 78px 3px 3px;left:107px;top:16px;transform:skewX(-10deg)}.car:after{content:"";position:absolute;width:47px;height:47px;border:13px solid #070b12;background:#a9c2dd;border-radius:50%;bottom:-23px;left:57px;box-shadow:216px 0 0 #a9c2dd,216px 0 0 13px #070b12}.tag{position:absolute;right:128px;bottom:197px;width:62px;height:78px;background:linear-gradient(160deg,#233f66,#101d33);border:1px solid #81eefa;border-radius:12px;box-shadow:0 0 28px #59edf966;z-index:3}.tag:after{content:"TAP\A TO\A TAP";white-space:pre;position:absolute;inset:20px 0 auto;text-align:center;font-size:8px;line-height:1.1;font-weight:900;color:white}.phone{position:absolute;right:15px;top:56px;width:142px;height:278px;border:7px solid #161c28;border-radius:25px;background:#dff7ff;transform:rotate(13deg);z-index:5;box-shadow:0 30px 45px #0008}.phone:before{content:"TapToTap\A\A Pasindu Silva\A Vehicle Owner\A\A  Call     WhatsApp\A\A  Save contact";white-space:pre;position:absolute;inset:37px 13px;color:#122139;font-size:11px;line-height:1.45;font-weight:700}.phone:after{content:"";position:absolute;top:10px;left:45px;width:43px;height:5px;border-radius:10px;background:#18202d}.pulse{position:absolute;border:2px solid var(--cyan);border-left-color:transparent;border-bottom-color:transparent;border-radius:0 100% 0 0;transform:rotate(-31deg);opacity:.7;z-index:4}.p1{width:82px;height:82px;right:128px;top:184px}.p2{width:122px;height:122px;right:103px;top:164px;opacity:.4}.p3{width:163px;height:163px;right:80px;top:144px;opacity:.2}.profile-pop{position:absolute;left:5px;bottom:100px;width:175px;background:#ffffff0f;border:1px solid var(--line);border-radius:15px;padding:15px;backdrop-filter:blur(10px);font-size:12px}.profile-pop b{display:block;font-size:14px}.profile-pop span{color:var(--cyan)}.statbar{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 auto 110px}.statbar div{padding:21px;text-align:center;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}.statbar div:last-child{border:0}.statbar b{display:block;color:white;font-size:20px;margin-bottom:3px}.section{padding:100px 0}.section.dark{background:#0b1019}.section-head{max-width:680px;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{border:1px solid var(--line);background:linear-gradient(150deg,#111a2b,#0b101b);padding:24px;border-radius:var(--radius);min-height:205px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:#66eefa66}.icon{width:42px;height:42px;display:grid;place-items:center;background:#61edf714;color:#69eff8;border:1px solid #61edf733;border-radius:12px;font-size:20px;margin-bottom:29px}.card h3{font-size:17px;margin-bottom:9px}.card p{font-size:13px;color:var(--muted)}.product{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.product-art{height:360px;border-radius:26px;background:radial-gradient(circle at 58% 46%,#1a6286 0,#10273c 25%,#0a101d 61%);position:relative;overflow:hidden}.product-tag{position:absolute;width:220px;height:278px;left:calc(50% - 110px);top:42px;border:1px solid #91faff;background:linear-gradient(150deg,#254776,#0b172b 58%,#173052);border-radius:24px;box-shadow:0 25px 70px #000a;transform:rotate(-8deg)}.product-tag:after{content:"TAP\A TO\A TAP\A\A ONE SMALL TAG.\A ONE SIMPLE CONNECTION.";white-space:pre;display:block;margin:44px 23px;color:#eaf7ff;font-size:17px;line-height:1.13;font-weight:850}.modes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode{border-radius:20px;padding:34px;border:1px solid var(--line);background:linear-gradient(135deg,#132844,#0f1624)}.mode.business{background:linear-gradient(135deg,#20224a,#101426)}.mode ul{padding:0;list-style:none;color:#acbbd2;font-size:13px;columns:2}.mode li{margin:8px 0}.mode li:before{content:"✓";color:var(--cyan);margin-right:9px}.mode .button{margin-top:14px}.cta{padding:90px 45px;text-align:center;border-radius:25px;background:radial-gradient(circle at 50% 100%,#174364,#101a2b 58%,#0b0f19);border:1px solid var(--line)}.cta p{color:var(--muted)}.footer{padding:64px 0 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer h4{font-size:12px;color:#7f91ad;letter-spacing:1px;margin:0 0 12px}.footer a,.footer p{display:block;color:#aab7c9;font-size:13px;text-decoration:none;margin:8px 0}.footer p{max-width:250px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);margin-top:15px;padding-top:22px;display:flex;justify-content:space-between;color:#72819a;font-size:11px}.page-hero{padding:115px 0 70px;background:radial-gradient(circle at 75% 0,#12395977,transparent 38%)}.page-hero .lede{max-width:670px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.use-card{min-height:185px}.flow{margin-top:24px;color:var(--cyan);font-size:12px;font-weight:800}.privacy{border-left:3px solid var(--cyan);padding:25px 30px;background:#0d1726;border-radius:0 15px 15px 0;color:#b9c6d8}.timeline{position:relative;margin-top:50px}.timeline:before{content:"";position:absolute;top:28px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline article{position:relative;padding-top:64px}.timeline b{position:absolute;top:0;width:57px;height:57px;border-radius:50%;background:var(--surface2);border:1px solid var(--cyan);display:grid;place-items:center;color:var(--cyan)}.timeline h3{margin:0 0 9px}.timeline p{color:var(--muted);font-size:13px}.tap-experience{padding:40px;border-radius:22px;background:#0e1827;display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:center}.mini-phone{height:250px;width:135px;margin:auto;background:#e5f9ff;border:6px solid #1b2434;border-radius:24px;color:#11223a;padding:34px 12px;font-size:11px;font-weight:700;box-shadow:0 18px 45px #0009}.mini-phone b{font-size:14px}.order-layout{display:grid;grid-template-columns:minmax(0,1.4fr) 370px;gap:28px;align-items:start}.order-main,.summary{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:28px}.summary{position:sticky;top:95px}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:25px 0 35px}.progress span{height:4px;background:#273850;border-radius:10px}.progress span:first-child{background:var(--cyan)}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fieldgrid.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:12px;font-weight:700;color:#bfcbdd;margin:15px 0 6px}input,select,textarea{width:100%;background:#070c15;border:1px solid #2b3b53;border-radius:9px;padding:12px;color:white;font:inherit;font-size:14px}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #62edf755;border-color:var(--cyan)}.choice{display:flex;gap:12px;margin:10px 0 23px}.choice input{display:none}.choice label{margin:0;flex:1;padding:15px;border:1px solid #2b3b53;border-radius:10px;cursor:pointer}.choice input:checked+label{border-color:var(--cyan);background:#62edf70c}.choice small{display:block;color:#8798b2;font-weight:400;margin-top:4px}.checks{display:flex;gap:15px;flex-wrap:wrap}.checks label{margin:0;font-size:12px}.checks input{width:auto;margin-right:6px}.upload{border:1px dashed #47617e;border-radius:10px;padding:19px;text-align:center;color:#a7b6c9;font-size:13px}.upload input{display:none}.qty{display:flex;align-items:center;gap:15px}.qty button{width:30px;height:30px;border:1px solid var(--line);color:white;background:#111d2d;border-radius:8px;cursor:pointer}.summary-row{display:flex;justify-content:space-between;color:#b7c4d6;font-size:13px;padding:10px 0}.summary .total{border-top:1px solid var(--line);margin-top:8px;padding-top:17px;color:white;font-size:17px;font-weight:800}.payment-note{font-size:11px;color:#8d9db3;margin:15px 0}.notice{display:none;margin:15px 0;padding:13px;border-radius:9px;background:#133b3c;color:#abfff6;font-size:13px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:700;font-size:15px}details p{color:var(--muted);font-size:13px;margin:14px 0 0}.form-card{border:1px solid var(--line);background:var(--surface);padding:28px;border-radius:17px}.form-card h3{font-size:24px}.twoforms{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mission{padding:50px;border:1px solid var(--line);background:linear-gradient(135deg,#112642,#0e1322);border-radius:20px;font-size:23px;line-height:1.35}.future{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.future div{padding:18px;background:#0d1725;border-radius:12px;border:1px solid var(--line);font-size:13px;color:#bfccdf}.map{height:260px;border-radius:20px;background:radial-gradient(ellipse at center,#183c55 0, #0a111d 63%);border:1px solid var(--line);position:relative;overflow:hidden}.map:before{content:"UAE  ·  USA  ·  CANADA  ·  AUSTRALIA";position:absolute;top:115px;width:100%;text-align:center;letter-spacing:5px;font-size:11px;color:var(--cyan)}@media(max-width:800px){.links,.nav-cta{display:none}.menu{display:block}.links.open{display:flex;position:absolute;top:78px;left:0;right:0;padding:20px;background:#0b101a;flex-direction:column;border-bottom:1px solid var(--line)}.hero,.product,.order-layout,.tap-experience{grid-template-columns:1fr}.hero{padding:55px 0}.scene{height:380px}.statbar,.cards,.modes,.use-grid,.timeline-grid,.twoforms,.future{grid-template-columns:1fr}.statbar{margin-bottom:70px}.statbar div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:70px 0}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}.timeline:before{left:28px;top:28px;bottom:20px;right:auto;width:1px;height:auto}.timeline article{padding:0 0 25px 75px}.fieldgrid,.fieldgrid.three{grid-template-columns:1fr}.summary{position:static}.page-hero{padding:75px 0 40px}.order-main,.summary{padding:21px}.profile-pop{left:0}.footer{gap:20px}.copyright{flex-direction:column;gap:6px}.cta{padding:55px 22px}.how-over{display:none}}@media(prefers-reduced-motion:no-preference){.pulse{animation:pulse 2s ease-out infinite}.tag{animation:tag 3s ease-in-out infinite}.card{animation:none}.reveal{animation:rise .55s both}@keyframes pulse{0%{transform:rotate(-31deg) scale(.85);opacity:.85}100%{transform:rotate(-31deg) scale(1.12);opacity:0}}@keyframes tag{50%{transform:translateY(-4px)}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
