:root{--bg:#fff;--surface:#fff;--soft:#f8f9fc;--text:#0a1022;--muted:#566071;--line:#e0e4ec;--blue:#2762ff;--purple:#7b2cff;--green:#22bb6c;--red:#ef3348;--shadow:0 8px 25px rgba(24,40,77,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:13px;transition:.25s}a{color:inherit;text-decoration:none}.container{width:min(1170px,calc(100% - 44px));margin:auto}.header{height:72px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:3px}.logo-mark{font-size:30px;font-weight:900;font-style:italic;background:linear-gradient(145deg,#11a8ff 8%,#3156ff 48%,#ac2bff);color:transparent;background-clip:text;-webkit-background-clip:text}.nav nav{display:flex;gap:35px;font-size:11px;font-weight:600}.nav nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer}.menu{display:none}.btn{height:45px;padding:0 22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-weight:700;font-size:12px}.primary{background:linear-gradient(100deg,#2768ff,#7c27ff);color:white;box-shadow:0 9px 22px rgba(91,48,255,.25)}.outline{border-color:#7051e9;background:transparent;color:var(--text)}.nav-cta{height:38px;padding:0 19px}.hero{padding-top:20px}.hero-grid{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:450px}.hero-copy{padding:28px 0 0}.badge{display:inline-flex;padding:7px 12px;background:var(--soft);border:1px solid var(--line);border-radius:20px;font-size:11px}.hero h1{font-size:39px;line-height:1.14;letter-spacing:-1.4px;margin:24px 0 18px}.hero h1 span{background:linear-gradient(100deg,#1668ff,#8830f9);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:13px;line-height:1.75;max-width:430px;color:var(--text)}.actions{display:flex;gap:15px;margin-top:24px}.trust{display:flex;gap:20px;margin-top:34px;font-size:10px;white-space:nowrap}.trust span{display:flex;align-items:center;gap:6px}.trust svg{width:14px;color:var(--blue)}.hero-art{height:405px;position:relative;overflow:visible}.hero-art>img{width:100%;height:100%;object-fit:cover}.metric{position:absolute;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px}.metric>b{font-size:25px;color:#ffb300}.metric span{display:flex;flex-direction:column}.metric strong{font-size:17px}.metric small{font-size:8px;margin-top:2px}.rating{left:0;top:35px}.reviews{left:-15px;top:230px}.reviews>b{color:#35ce68}.speed{right:3px;top:170px}.speed>b{color:#2e70ff}.stats-panel,.panel,.tile,.price-card,.testimonial{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.stats-panel{height:90px;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.stat{display:flex;justify-content:center;align-items:center;gap:14px}.stat>span{width:44px;height:44px;border-radius:50%;background:#f3f1ff;color:#4e43ff;display:grid;place-items:center}.stat svg{width:23px}.stat b{font-size:21px}.stat small{display:block;margin-top:4px;font-size:10px}.section{padding:18px 0}.tight{padding:9px 0}h2{text-align:center;font-size:21px;margin:0 0 17px;letter-spacing:-.4px}.dual-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border-radius:12px;min-height:282px;padding:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step{text-align:center;position:relative;padding:4px 8px}.num{position:absolute;left:1px;top:0;width:25px;height:25px;background:#2860ef;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:700}.step-icon{width:78px;height:78px;border-radius:22px;background:linear-gradient(140deg,#f5f4ff,#fff);display:grid;place-items:center;margin:4px auto 12px;color:#3970ff}.step-icon svg{width:35px;height:35px}.step h3{font-size:13px;line-height:1.45;margin:0 0 7px}.step p{font-size:10px;line-height:1.55;margin:0}.arrow{position:absolute;right:-13px;top:46px;color:#4d38f0;font-size:24px}.compare{display:grid;grid-template-columns:1fr 115px 1fr;padding:0;overflow:hidden}.compare-col{padding:22px 16px}.compare h3{font-size:13px;margin:0 0 16px}.compare ul,.price-card ul{list-style:none;padding:0;margin:0}.compare li{display:flex;gap:8px;align-items:center;font-size:10px;margin:15px 0}.compare li b{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;color:white}.problem{background:linear-gradient(115deg,#fff2f3,transparent)}.problem h3{color:var(--red)}.problem li b{background:var(--red)}.solution{background:linear-gradient(245deg,#ecfff5,transparent)}.solution h3{color:var(--green)}.solution li b{background:var(--green)}.mini-product{display:grid;place-items:center;background:radial-gradient(circle,#9163ff44,transparent 68%)}.mini-card-product{height:190px;width:100px;border:1px solid #777;border-radius:7px;background:#07090d;color:white;transform:rotate(9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 18px 30px #0003}.mini-card-product em,.cta-card em{color:#ffb400;font-style:normal}.sectors{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.services{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.tile{border-radius:9px;min-height:88px;padding:10px 5px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center}.tile svg{width:29px;height:29px;color:#6349f8;stroke-width:1.5}.tile b{font-size:10px;line-height:1.2}.service{min-height:92px}.service b{font-size:12px}.lower-grid{display:grid;grid-template-columns:1.18fr .9fr;gap:20px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.price-card{border-radius:10px;padding:17px;position:relative;min-height:255px}.price-card.featured{border-color:#7638ff;box-shadow:0 0 22px #7837ff22}.popular{position:absolute;left:50%;top:-11px;transform:translateX(-50%);background:#7544ed;color:white;padding:4px 14px;border-radius:14px;font-size:9px;white-space:nowrap}.price-card h3{font-size:13px;margin:0 0 4px}.price{font-size:26px;font-weight:800}.price small{font-size:8px;font-weight:400}.price-card li{font-size:9px;color:var(--muted);margin:11px 0}.price-card li::first-letter{color:var(--green)}.price-card .btn{width:100%;height:36px;margin-top:6px}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.testimonial{border-radius:10px;padding:15px;min-height:225px}.quote{font-size:39px;line-height:.7;color:#6540f5}.testimonial p{font-size:9px;line-height:1.7;height:98px}.person{display:flex;align-items:center;gap:8px}.person>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#e5b285,#333);color:#fff;font-size:9px}.person b{font-size:9px}.person small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.dots{text-align:center;margin-top:10px}.dots>*{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e3e2f1;margin:0 3px}.dots b{background:#4c4ff5}.final-cta{height:145px;border-radius:12px;background:linear-gradient(105deg,#1767ed,#6d2df2 67%,#b253f7);color:#fff;padding:21px 25px;display:flex;align-items:center;position:relative;overflow:hidden}.final-cta h2{text-align:left;margin:0 0 7px}.final-cta p{font-size:10px;max-width:460px}.final-cta .actions{margin-top:13px}.final-cta .btn{height:37px}.white{background:white;color:#2258d8}.whatsapp{background:#1bc96d;color:white}.cta-card{position:absolute;right:345px;width:96px;height:150px;border-radius:7px;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.black{background:#080a0d;color:white}.cta-watermark{position:absolute;right:135px;font-size:120px;font-weight:900;opacity:.13}footer{padding-top:5px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px;padding:20px 0 10px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid .logo{margin-bottom:4px}.footer-grid p{font-size:10px;line-height:1.55;color:var(--muted);max-width:250px}.footer-grid h4{font-size:11px;margin:0 0 6px}.footer-grid a{font-size:9px}.social{font-size:11px}.copyright{text-align:center;font-size:9px;padding:9px;border-top:1px solid var(--line)}.wa-float{position:fixed;right:24px;bottom:24px;width:54px;height:54px;background:#20c968;color:white;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-size:27px;box-shadow:var(--shadow);z-index:20}
[data-theme="dark"]{--bg:#030915;--surface:#0c1423;--soft:#0c1423;--text:#f7f9ff;--muted:#aeb8ca;--line:#26344a;--shadow:0 10px 28px rgba(0,0,0,.24)}[data-theme="dark"] .step-icon,[data-theme="dark"] .stat>span{background:#151a43}[data-theme="dark"] .problem{background:linear-gradient(115deg,#3b101d88,transparent)}[data-theme="dark"] .solution{background:linear-gradient(245deg,#073a2288,transparent)}
@media(max-width:800px){.container{width:min(100% - 28px,560px)}.header{height:64px}.nav nav{display:none;position:absolute;left:14px;right:14px;top:65px;flex-direction:column;background:var(--surface);padding:22px;border:1px solid var(--line);border-radius:12px}.nav nav.open{display:flex}.menu{display:block}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1{font-size:34px}.hero-copy>p{margin-inline:auto}.actions,.trust{justify-content:center;flex-wrap:wrap}.trust{white-space:normal}.hero-art{height:300px}.metric{transform:scale(.78)}.rating{left:-8px}.reviews{left:-12px;top:190px}.stats-panel{height:auto;grid-template-columns:1fr 1fr;padding:18px;gap:20px}.stat{justify-content:flex-start}.dual-row,.lower-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{padding:12px}.arrow{display:none}.compare{grid-template-columns:1fr}.mini-product{padding:20px}.sectors{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(2,1fr)}.pricing,.testimonials{grid-template-columns:1fr}.testimonial p{height:auto}.final-cta{height:auto;min-height:210px}.cta-card,.cta-watermark{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}}

/* Hero product artwork blends naturally into the page background. */
.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 65% at 72% 48%,rgba(68,86,255,.10),transparent 72%)}.hero-grid{position:relative}.hero-art:before{content:"";position:absolute;inset:7% 4% 1%;background:radial-gradient(ellipse at center,rgba(75,50,255,.20),transparent 69%);filter:blur(16px);pointer-events:none}.hero-art>img{width:112%;height:108%;margin-left:-7%;margin-top:-3%;display:block;position:relative;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 70% 76% at 55% 53%,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 70% 76% at 55% 53%,#000 64%,transparent 100%)}[data-theme="dark"] .hero:before{background:radial-gradient(ellipse 48% 76% at 72% 49%,rgba(38,69,255,.20),transparent 72%)}[data-theme="dark"] .hero-art>img{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 72% 78% at 55% 52%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 55% 52%,#000 62%,transparent 100%)}

/* Dark artwork uses a tighter feather so no rectangular image edge remains. */
[data-theme="dark"] .hero-art{isolation:isolate;overflow:visible}[data-theme="dark"] .hero-art:after{content:"";position:absolute;z-index:2;pointer-events:none;inset:-4% -10% -5%;background:linear-gradient(90deg,var(--bg) 0%,transparent 15%,transparent 82%,var(--bg) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 17%,transparent 90%,var(--bg) 100%)}[data-theme="dark"] .hero-art>img{width:120%;height:116%;margin-left:-11%;margin-top:-7%;mix-blend-mode:normal;-webkit-mask-image:radial-gradient(ellipse 65% 70% at 54% 51%,#000 55%,rgba(0,0,0,.94) 67%,transparent 100%);mask-image:radial-gradient(ellipse 65% 70% at 54% 51%,#000 55%,rgba(0,0,0,.94) 67%,transparent 100%)}[data-theme="dark"] .metric{z-index:4}
.hero-copy,.trust{position:relative;z-index:5}

/* Remove the dark overlay rectangle; feather the original artwork itself. */
[data-theme="dark"] .hero-art:after{display:none}[data-theme="dark"] .hero-art>img{width:124%;height:120%;margin-left:-13%;margin-top:-9%;mix-blend-mode:screen;opacity:.96;-webkit-mask-image:radial-gradient(ellipse 59% 66% at 53% 50%,#000 48%,rgba(0,0,0,.88) 64%,rgba(0,0,0,.35) 82%,transparent 100%);mask-image:radial-gradient(ellipse 59% 66% at 53% 50%,#000 48%,rgba(0,0,0,.88) 64%,rgba(0,0,0,.35) 82%,transparent 100%)}

/* Extend the dark artwork beyond the visible right edge. */
[data-theme="dark"] .hero-art>img{width:148%;height:126%;margin-left:-19%;margin-top:-12%;object-position:center;-webkit-mask-image:radial-gradient(ellipse 63% 69% at 49% 50%,#000 50%,rgba(0,0,0,.9) 66%,rgba(0,0,0,.28) 86%,transparent 100%);mask-image:radial-gradient(ellipse 63% 69% at 49% 50%,#000 50%,rgba(0,0,0,.9) 66%,rgba(0,0,0,.28) 86%,transparent 100%)}

@media(max-width:800px){
  .hero{padding-top:10px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%}.hero-copy .actions{margin-top:22px}.trust{width:100%;margin:26px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;text-align:left;white-space:normal}.trust span{justify-content:flex-start}.hero-art{width:calc(100% + 28px);height:315px;margin:5px -14px 0;overflow:hidden}.hero-art:before{inset:5% 0 0}.hero-art>img,[data-theme="dark"] .hero-art>img{width:116%;height:108%;margin:-4% 0 0 -8%;object-fit:cover;object-position:center;opacity:1;-webkit-mask-image:radial-gradient(ellipse 68% 72% at 50% 50%,#000 58%,rgba(0,0,0,.72) 78%,transparent 100%);mask-image:radial-gradient(ellipse 68% 72% at 50% 50%,#000 58%,rgba(0,0,0,.72) 78%,transparent 100%)}.metric{z-index:6}.rating{left:10px;top:24px}.reviews{left:4px;top:205px}.speed{right:8px;top:135px}
}

/* Mobile: preserve the larger neon-stage composition, but keep it below content. */
@media(max-width:800px){.hero-art{height:350px;margin-top:16px;overflow:hidden}.hero-art>img,[data-theme="dark"] .hero-art>img{width:146%;height:124%;margin:0 0 0 -23%;object-fit:cover;object-position:center top;opacity:1;-webkit-mask-image:radial-gradient(ellipse 66% 73% at 50% 47%,#000 55%,rgba(0,0,0,.88) 72%,transparent 100%);mask-image:radial-gradient(ellipse 66% 73% at 50% 47%,#000 55%,rgba(0,0,0,.88) 72%,transparent 100%)}.trust{margin-bottom:0}.rating{top:62px}.reviews{top:225px}.speed{top:150px}}

/* Three-step section */
.dual-row{grid-template-columns:1fr}.steps-wrap{min-height:0;padding:18px 20px 20px}.steps-wrap h2{margin-bottom:14px}.steps{gap:38px}.step{min-height:104px;padding:15px 18px;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,var(--blue)),var(--surface));box-shadow:var(--shadow)}.step-icon{width:58px;height:58px;margin:0;border-radius:50%;background:linear-gradient(145deg,rgba(31,104,255,.17),rgba(105,46,255,.14));color:#526dff}.step-icon svg{width:30px;height:30px;stroke-width:2}.step-icon strong{font-size:27px;color:#4382ff}.step-text h3{font-size:14px;line-height:1.3;margin:0 0 6px}.step-text p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.step .arrow{display:block;right:-29px;top:39px;font-size:21px;color:#4d8fff}.compare{min-height:250px}[data-theme="dark"] .step{background:linear-gradient(135deg,#101a2c,#0c1423)}[data-theme="dark"] .step-icon{background:linear-gradient(145deg,#162553,#171348);box-shadow:inset 0 0 22px rgba(65,75,255,.12)}
@media(max-width:800px){.steps-wrap{padding:18px 14px}.steps{grid-template-columns:1fr;gap:14px}.step{min-height:100px;grid-template-columns:60px 1fr;padding:15px}.step-icon{width:56px;height:56px}.step .arrow{display:none}.step-text h3{font-size:14px}.step-text p{font-size:11px}.compare{margin-top:2px}}

@media(max-width:800px){.steps-wrap.panel{width:100%;padding:18px 12px}.steps-wrap .steps{display:flex;flex-direction:column;width:100%;gap:12px}.steps-wrap .step{display:grid;width:100%;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto;align-items:center;column-gap:14px;min-height:108px;padding:17px;border-radius:12px;text-align:left}.steps-wrap .step-icon{grid-column:1;grid-row:1;width:58px;height:58px;margin:0}.steps-wrap .step-text{grid-column:2;grid-row:1;width:100%;min-width:0}.steps-wrap .step-text h3{font-size:14px;line-height:1.35;margin:0 0 7px;white-space:normal}.steps-wrap .step-text p{font-size:11px;line-height:1.55;margin:0;max-width:none;white-space:normal}.steps-wrap .num{display:none!important}}

.nfc-waves{width:34px;height:34px;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(180deg)}.nfc-waves i{display:block;border:3px solid currentColor;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;height:14px;width:7px}.nfc-waves i:nth-child(2){height:23px;width:10px}.nfc-waves i:nth-child(3){height:32px;width:13px}

/* Final four-sided blend for the homepage product visual. */
@media(min-width:801px){.hero-art>img,[data-theme="dark"] .hero-art>img{width:132%;height:120%;margin-left:-16%;margin-top:-9%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 84%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 13%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 84%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 13%,#000 88%,transparent 100%);mask-composite:intersect}}

/* Match homepage service icons with the Services page. */
.service .google-g{font-size:29px;line-height:1;color:#4285f4}.service .nfc-service{height:30px;display:flex;align-items:center;justify-content:center;gap:1px;color:#6349f8;transform:rotate(180deg)}.service .nfc-service i{width:6px;height:12px;border:2px solid currentColor;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%}.service .nfc-service i:nth-child(2){width:9px;height:20px}.service .nfc-service i:nth-child(3){width:12px;height:29px}.service b{max-width:135px}
