*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fbfdff;color:#0f172a;line-height:1.6}a{text-decoration:none;color:inherit}.site-header{height:74px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid #e8edf3;position:sticky;top:0;z-index:50}.brand{display:flex;flex-direction:column;line-height:1}.brand span{font-weight:900;font-size:28px;letter-spacing:.5px;background:linear-gradient(90deg,#13c6dd,#fa2c74);-webkit-background-clip:text;color:transparent}.brand strong{font-size:17px;letter-spacing:1px;color:#030712}.nav{display:flex;gap:24px;align-items:center;font-weight:700;font-size:14px}.nav a{padding:9px 4px}.nav-whatsapp{padding:11px 18px!important;border-radius:999px;color:#fff!important;background:linear-gradient(135deg,#12c7dd,#fb216d);box-shadow:0 12px 28px rgba(251,33,109,.22)}.menu-btn{display:none;border:0;border-radius:14px;background:linear-gradient(135deg,#10bed9,#fb2b78);color:#fff;font-size:24px;width:52px;height:52px}.hero{min-height:calc(100vh - 74px);padding:70px 7% 42px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:46px;background:radial-gradient(circle at 10% 10%,#e3fbff 0,#fff 38%),linear-gradient(135deg,#f6fdff,#fff7fb)}.eyebrow,.tag{text-transform:uppercase;letter-spacing:4px;color:#078ca2;font-weight:900;font-size:14px}.hero h1{font-size:clamp(54px,8vw,112px);margin:8px 0 0;color:#020617;letter-spacing:2px;line-height:.95}.hero h2{font-size:clamp(30px,4vw,58px);line-height:1.03;margin:10px 0 20px;max-width:760px}.hero-desc{font-size:20px;max-width:620px;color:#475569}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.btn{border-radius:16px;padding:16px 28px;font-weight:900;display:inline-flex;justify-content:center;align-items:center;min-width:190px;transition:.25s}.btn:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(15,23,42,.16)}.gradient{background:linear-gradient(135deg,#0cc7dd,#fb216d);color:#fff}.dark{background:#080f22;color:#fff}.light{background:#fff;color:#0f172a}.hero-visual{position:relative;min-height:430px}.screen-card{width:100%;max-width:540px;height:340px;margin:auto;border-radius:34px;background:linear-gradient(145deg,#fff,#eaf7ff);box-shadow:0 30px 90px rgba(39,71,112,.18);border:1px solid #e6eef7;position:relative;overflow:hidden;animation:float 5s ease-in-out infinite}.screen-card:before{content:"";position:absolute;inset:34px;border-radius:24px;background:#0f172a}.bar{position:absolute;left:70px;top:70px;width:145px;height:15px;border-radius:20px;background:#17c6dd;z-index:2}.line{position:absolute;left:70px;top:116px;width:220px;height:14px;border-radius:20px;background:#fb2c76;z-index:2}.line.wide{top:154px;width:330px;background:#7c3aed}.mini-card{position:absolute;z-index:2;width:118px;height:88px;border-radius:24px;background:#fff;right:62px;box-shadow:0 18px 35px rgba(0,0,0,.18)}.mini-card.one{top:70px}.mini-card.two{top:186px}.float-badge{position:absolute;border-radius:18px;padding:14px 18px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.12);font-weight:900}.badge-a{left:10%;bottom:30px}.badge-b{right:8%;top:40px}.badge-c{right:2%;bottom:64px}@keyframes float{50%{transform:translateY(-16px)}}.stats{margin:-28px 7% 30px;background:#fff;border:1px solid #e9eef5;border-radius:28px;box-shadow:0 18px 45px rgba(15,23,42,.08);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:24px}.stats div{padding:18px;border-radius:20px;background:#fbfdff}.stats strong{display:block;font-size:34px}.stats span{color:#64748b;font-weight:700}.section{padding:56px 7%}.section.soft{background:linear-gradient(180deg,#fff,#f7fbff)}.section-head{text-align:center;max-width:730px;margin:0 auto 34px}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 10px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card,.project,.about-card,details{background:#fff;border:1px solid #e8edf4;border-radius:26px;padding:24px;box-shadow:0 14px 35px rgba(15,23,42,.06);transition:.25s}.card:hover,.project:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(15,23,42,.12);border-color:#bdeef5}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#e0fbff,#ffe7f0);font-size:26px;margin-bottom:16px}.card h3{margin:0 0 8px}.card p,.section-head p,.project span,.about-card p,.faq p{color:#526070}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project strong{display:block;font-size:20px;margin-bottom:8px}.about{display:grid;grid-template-columns:1fr;place-items:center}.about-card{max-width:980px;padding:38px}.about-card ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px;margin-top:20px}.about-card li{font-weight:700}.skills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skills span{padding:13px 20px;border-radius:999px;background:#fff;border:1px solid #e5edf6;font-weight:900;box-shadow:0 10px 25px rgba(15,23,42,.05)}.faq{max-width:900px;margin:auto;display:grid;gap:14px}summary{cursor:pointer;font-weight:900;font-size:18px}.cta{margin:50px 7%;padding:38px;border-radius:30px;background:linear-gradient(135deg,#10bfd8,#fb2874);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{font-size:38px;margin:0 0 6px}.cta p{margin:0}.floating-wa{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 18px 40px rgba(15,23,42,.25);z-index:40}footer{text-align:center;padding:26px 7%;color:#64748b;border-top:1px solid #e8edf4}@media(max-width:980px){.site-header{padding:0 24px}.menu-btn{display:block}.nav{display:none;position:absolute;top:74px;left:20px;right:20px;flex-direction:column;background:#fff;border:1px solid #e8edf4;border-radius:24px;padding:20px;box-shadow:0 25px 70px rgba(15,23,42,.18)}.nav.show{display:flex}.hero{grid-template-columns:1fr;padding:54px 24px 32px;min-height:auto}.hero-visual{min-height:260px}.screen-card{height:240px}.stats{grid-template-columns:repeat(2,1fr);margin:10px 24px 20px;padding:14px}.section{padding:42px 24px}.grid{grid-template-columns:repeat(2,1fr)}.project-list{grid-template-columns:1fr}.cta{margin:34px 24px;flex-direction:column;text-align:center}.about-card ul{grid-template-columns:1fr}}@media(max-width:620px){.brand span{font-size:23px}.brand strong{font-size:14px}.hero{padding-top:44px}.eyebrow,.tag{font-size:12px;letter-spacing:3px}.hero h1{font-size:54px}.hero h2{font-size:34px}.hero-desc{font-size:18px}.hero-actions{display:grid}.btn{width:100%}.hero-visual{display:none}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:27px}.card,.project,.about-card{padding:20px}.section{padding-top:34px;padding-bottom:34px}.cta h2{font-size:30px}}