:root{--bg:#fbfcff;--surface:#fff;--text:#090f22;--muted:#505b70;--line:#e3e7ef;--soft:#f3f1ff;--blue:#2e5cff;--purple:#762cff;--shadow:0 10px 28px rgba(28,42,76,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}.container{width:min(1190px,calc(100% - 48px));margin:auto}a{text-decoration:none;color:inherit}header{height:70px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:3px}.logo span,.mini-card span{font-size:32px;font-style:italic;font-weight:900;background:linear-gradient(135deg,#13a6ff,#3154ff,#932cff);background-clip:text;color:transparent}.nav nav{display:flex;gap:35px;font-size:11px;font-weight:600;height:100%;align-items:center}.nav nav a{height:100%;display:flex;align-items:center;position:relative}.nav nav .active{color:#4034ff}.nav nav .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#4542ff}.nav-actions{display:flex;gap:9px;align-items:center}.nav-actions button{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px}.nav-actions #menuBtn{display:none}.offer{height:39px;padding:0 20px;border-radius:8px;background:linear-gradient(100deg,#2867ff,#762cff);color:#fff;display:flex;align-items:center;font-weight:700}.intro{height:225px;background:radial-gradient(ellipse 32% 90% at 76% 47%,rgba(67,63,255,.08),transparent 74%);overflow:hidden}.intro-inner{height:100%;position:relative;display:grid;place-items:center}.intro-copy{text-align:center;position:relative;z-index:2;margin-left:-120px}.intro h1{font-size:36px;margin:0 0 15px;letter-spacing:-1px}.intro p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.intro img{position:absolute;right:-8px;top:-40px;width:430px;height:300px;object-fit:cover;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 65% 75% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 65% 75% at 50% 50%,#000 58%,transparent 100%)}.services-section{padding:0 0 16px}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.service-card{min-height:220px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 17px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow)}.service-icon{width:70px;height:70px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:#5145ff;margin-bottom:13px}.service-icon svg{width:36px;height:36px;stroke-width:1.8}.service-card h2{font-size:12px;line-height:1.35;margin:0 0 9px}.service-card p{font-size:9px;line-height:1.7;margin:0;color:var(--muted)}.service-card>a{margin-top:auto;color:#393bff;font-size:10px;font-weight:600}.google-g{font-size:42px;color:#4285f4}.nfc-service{width:41px;height:36px;display:flex;align-items:center;justify-content:center;gap:1px;transform:rotate(180deg)}.nfc-service i{border:3px solid currentColor;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;width:8px;height:14px}.nfc-service i:nth-child(2){width:11px;height:24px}.nfc-service i:nth-child(3){width:14px;height:34px}.why-section{padding:0 0 15px}.why-box{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:14px 20px 20px;box-shadow:var(--shadow)}.why-box>h2{text-align:center;font-size:16px;margin:0 0 12px}.why-grid{display:grid;grid-template-columns:repeat(6,1fr)}.why-grid article{text-align:center;padding:0 16px;border-right:1px solid var(--line)}.why-grid article:last-child{border:0}.why-grid svg{width:29px;height:29px;color:#5841ff}.why-grid h3{font-size:11px;margin:8px 0}.why-grid p{font-size:9px;line-height:1.5;margin:0;color:var(--muted)}.why-grid>.nfc-service{margin:auto}.cta-section{padding:0 0 25px}.cta{height:142px;border-radius:12px;background:linear-gradient(105deg,#f5f5ff,#eceeff 65%,#d5d7ff);border:1px solid #dedffa;padding:20px 55px;color:#091024;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.cta h2{font-size:20px;margin:0 0 8px}.cta p{font-size:10px;line-height:1.6}.actions{display:flex;gap:11px;margin-top:11px}.btn{height:36px;padding:0 20px;border-radius:8px;display:inline-flex;align-items:center;font-size:10px;font-weight:700}.primary{background:linear-gradient(100deg,#2867ff,#702cff);color:white}.whatsapp{background:white;border:1px solid #6047ff;color:#182044}.cta-cards{position:absolute;right:300px;bottom:-38px;display:flex;align-items:flex-end}.mini-card{width:100px;height:165px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 12px 25px #0003}.mini-card.dark{background:#080a0d;color:#fff;transform:rotate(-7deg)}.mini-card.light{background:#fff;color:#101522;transform:rotate(7deg);margin-left:-10px}.mini-card em{font-style:normal;color:#ffb600}.mini-card small{font-size:8px}
[data-theme="dark"]{--bg:#030915;--surface:#0c1423;--text:#f7f9ff;--muted:#aab5c8;--line:#26344a;--soft:#17194b;--shadow:0 10px 28px rgba(0,0,0,.24)}[data-theme="dark"] .intro img{mix-blend-mode:screen}[data-theme="dark"] .cta{background:linear-gradient(105deg,#101c3a,#1a1744 70%,#291758);color:#fff;border-color:#28375b}

/* Seven service cards, including SMM. */
.services-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.service-card{padding-inline:13px}@media(max-width:1050px){.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.services-grid{grid-template-columns:1fr}}
+

/* Clickable services with a JavaScript detail panel. */
.services-browser{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.services-browser .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.services-browser .service-card{appearance:none;width:100%;color:var(--text);font-family:inherit;cursor:pointer;min-height:220px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.services-browser .service-card:hover{transform:translateY(-3px);border-color:#5147cb}.services-browser .service-card.active{border-color:#704cff;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,#324cff 12%),color-mix(in srgb,var(--surface) 90%,#8b35ff 10%));box-shadow:0 0 0 1px rgba(111,76,255,.18),0 13px 30px rgba(34,25,91,.24)}.service-more{margin-top:auto;color:#655cff;font-size:10px;font-weight:700}.service-more b{margin-left:5px}.service-detail{position:sticky;top:85px;min-height:450px;border:1px solid #3d3a78;border-radius:13px;padding:26px;background:radial-gradient(circle at 100% 0,rgba(99,49,255,.2),transparent 42%),linear-gradient(150deg,#0e182b,#09111e);box-shadow:var(--shadow)}.detail-service-icon{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;color:#6960ff;background:linear-gradient(145deg,#17205c,#23165f);border:1px solid #4b419d;margin-bottom:22px}.detail-service-icon svg{width:38px;height:38px}.detail-service-icon .google-g{font-size:40px}.detail-service-icon .nfc-service{transform:rotate(180deg) scale(1.25)}.service-detail>small{display:block;color:#8c65ff;font-size:8px;font-weight:800;letter-spacing:1.1px}.service-detail h2{font-size:23px;line-height:1.2;margin:7px 0 13px}.service-detail>p{font-size:10px;line-height:1.75;color:var(--muted);margin:0 0 18px}.service-detail ul{list-style:none;padding:0;margin:0 0 23px}.service-detail li{display:flex;align-items:flex-start;gap:9px;font-size:9px;line-height:1.5;margin:10px 0;color:#d8deea}.service-detail li b{color:#6e80ff}.service-detail>a{height:39px;border-radius:8px;background:linear-gradient(100deg,#315cff,#7c2fff);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:800}.service-detail>a span{transition:transform .2s}.service-detail>a:hover span{transform:translateX(3px)}[data-theme="light"] .service-detail{background:radial-gradient(circle at 100% 0,rgba(99,49,255,.12),transparent 42%),#fff;border-color:#d9d5ef}[data-theme="light"] .service-detail li{color:#2c3548}[data-theme="light"] .detail-service-icon{background:linear-gradient(145deg,#eef3ff,#eee8ff)}
@media(max-width:1000px){.services-browser{grid-template-columns:minmax(0,1fr) 290px}.services-browser .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail{padding:22px}}
@media(max-width:760px){.services-browser{display:flex;flex-direction:column}.services-browser .services-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail{position:static;width:100%;min-height:0;order:2}.services-browser .service-card{min-height:210px}}
@media(max-width:480px){.services-browser .services-grid{grid-template-columns:1fr}.services-browser .service-card{min-height:195px}.service-detail{padding:20px}}

@media(max-width:850px){.container{width:min(100% - 28px,600px)}header{height:64px}.nav nav{display:none;position:absolute;top:65px;left:14px;right:14px;background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:12px;flex-direction:column;height:auto;align-items:flex-start}.nav nav.open{display:flex}.nav nav a{height:auto}.offer{display:none}.nav-actions #menuBtn{display:block}.intro{height:350px}.intro-inner{display:flex;flex-direction:column}.intro-copy{margin:35px 0 0}.intro h1{font-size:31px}.intro p br{display:none}.intro img{position:absolute;width:420px;height:260px;right:50%;transform:translateX(50%);top:145px}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:235px}.why-grid{grid-template-columns:1fr 1fr;gap:22px 0}.why-grid article:nth-child(2n){border:0}.cta{height:auto;min-height:230px;padding:25px}.cta p br{display:none}.cta-cards{opacity:.22;right:10px}.cta>div:first-child{position:relative;z-index:2}}@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service-card{min-height:210px}.why-grid{grid-template-columns:1fr}.why-grid article{border-right:0;border-bottom:1px solid var(--line);padding:12px}.actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}}
