*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050509;color:#f7f7fb;font-family:Inter,Arial,sans-serif;line-height:1.5}
body:before{content:"";position:fixed;inset:0;background:
radial-gradient(circle at 20% 10%,rgba(113,70,255,.16),transparent 28%),
radial-gradient(circle at 85% 25%,rgba(0,198,255,.12),transparent 24%),
radial-gradient(circle at 50% 85%,rgba(255,180,60,.08),transparent 30%);pointer-events:none}
.stars{position:fixed;inset:0;opacity:.45;pointer-events:none;background-image:
radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#a98cff 1px,transparent 1.5px);
background-size:85px 85px,137px 137px;background-position:10px 20px,45px 70px}
.hero,main,footer{position:relative;max-width:1050px;margin:auto;padding-left:22px;padding-right:22px}
.hero{text-align:center;padding-top:72px;padding-bottom:55px}
.badge,.section-kicker{font-size:11px;letter-spacing:3px;font-weight:800;color:#bfa9ff}
.badge{display:inline-block;border:1px solid rgba(191,169,255,.35);padding:9px 13px;border-radius:99px;background:rgba(15,12,28,.72)}
h1{font-size:clamp(42px,9vw,82px);line-height:.95;margin:22px 0 15px;letter-spacing:-3px}
h1 span{display:block;background:linear-gradient(90deg,#fff,#bfa9ff,#7ee7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.subtitle{max-width:720px;margin:0 auto;color:#b9b9c9;font-size:17px}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border-radius:14px;text-decoration:none;color:white;font-weight:750;border:1px solid rgba(255,255,255,.12);background:#11111a;transition:.2s}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}
.primary{background:linear-gradient(135deg,#7c4dff,#a98cff);border:0}
.whatsapp{background:#123a2a;border-color:#1c9b66}
.mail{background:#22202c}
.contact{background:#171b28;border-color:#6e7fff}
main{padding-bottom:60px}
section{margin-top:25px;padding:42px 0}
h2{font-size:clamp(30px,6vw,48px);line-height:1.05;margin:10px 0 28px;letter-spacing:-1.5px}
h2 span{color:#a98cff}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.services article,.steps div{background:rgba(14,14,22,.78);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:24px;backdrop-filter:blur(10px)}
.icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#221842,#102331);color:#d8ccff;font-weight:900;margin-bottom:18px}
h3{margin:0 0 8px;font-size:19px}
p{color:#aaa9b8}
.services p{margin-bottom:0}
.gallery{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8d63ff #14111f}
figure{flex:0 0 min(78%,620px);margin:0;overflow:hidden;background:#0e0e16;border:1px solid rgba(255,255,255,.09);border-radius:20px;scroll-snap-align:center}
figure img{width:100%;height:min(68vh,780px);min-height:420px;object-fit:contain;background:#07070b;display:block}
figcaption{padding:16px}
figcaption b,figcaption small{display:block}
figcaption small{color:#9e9cab;margin-top:4px}.swipe-hint{text-align:center;color:#aaa9b8;font-size:13px;letter-spacing:.5px;margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps span{color:#9e83ff;font-weight:900;font-size:13px}
.steps b{display:block;font-size:20px;margin-top:8px}
.contact-section{text-align:center;padding-bottom:70px}
.contact-section>p{max-width:620px;margin:0 auto}
footer{text-align:center;color:#777686;border-top:1px solid rgba(255,255,255,.08);padding-top:25px;padding-bottom:35px;font-size:13px}
@media(max-width:760px){.hero{padding-top:48px}.services,.steps{grid-template-columns:1fr}.gallery figure{flex-basis:84vw}.gallery figure img{height:68vh;min-height:400px;max-height:760px}.gallery figure img{height:330px}.btn{width:100%}.actions{display:grid;grid-template-columns:1fr}}