:root{--bg:#f4f6fa;--paper:#fff;--ink:#0b1020;--muted:#6f7787;--line:#dde2ea;--blue:#155cff;--dark:#08101f;--cyan:#52d9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none;z-index:-1}.ambient-a{width:380px;height:380px;background:#8db4ff;right:-100px;top:15vh;animation:ambientMove 12s ease-in-out infinite}.ambient-b{width:320px;height:320px;background:#d8e5ff;left:-100px;bottom:10vh;animation:ambientMove 15s ease-in-out infinite reverse}.header{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(244,246,250,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(11,16,32,.08)}.brand{font-family:'Space Grotesk';font-size:24px;font-weight:700;letter-spacing:-1.3px}.brand span{color:var(--blue)}nav{display:flex;gap:26px;font-size:14px;color:#50586a}nav a{transition:.25s}nav a:hover{color:var(--ink)}.layout-link{font-weight:700;color:var(--blue)}.cta-small{font-size:13px;font-weight:700;padding:12px 16px;border:1px solid #bfc7d4;border-radius:999px;background:rgba(255,255,255,.68)}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:6vw;padding:7vw 7vw 6vw;position:relative}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:'Space Grotesk';font-size:clamp(52px,7vw,104px);line-height:.92;letter-spacing:-.055em;margin:24px 0 28px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;padding:15px 21px;border-radius:999px;font-weight:700;font-size:14px;transition:.3s}.button:hover{transform:translateY(-3px)}.primary{background:var(--dark);color:#fff}.secondary{background:var(--paper);border:1px solid var(--line)}.hero-art{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}.visual-card{position:relative;width:min(430px,72%);aspect-ratio:.78;background:linear-gradient(160deg,#0b1324,#101d39 65%,#155cff);border-radius:34px;padding:28px;color:#fff;box-shadow:0 35px 80px rgba(16,25,46,.24);transform:rotate(2.5deg);transition:transform .25s ease;z-index:2}.visual-top,.visual-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;opacity:.8}.visual-title{font-family:'Space Grotesk';font-size:58px;line-height:.85;letter-spacing:-.07em;margin-top:90px}.visual-footer{position:absolute;bottom:28px;left:28px;right:28px}.data-card{position:absolute;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(191,199,212,.75);box-shadow:0 18px 48px rgba(22,30,48,.12);border-radius:20px;z-index:4}.google-card{left:0;top:13%;padding:14px 16px;display:flex;gap:10px;align-items:center;min-width:190px}.google-card small,.metric-card small{display:block;font-size:9px;letter-spacing:.13em;color:#8790a0}.google-card strong{display:block;font-size:12px;margin-top:3px}.live-dot{margin-left:auto;color:#22c55e;font-size:11px}.google-ads-mark,.google-mini{position:relative;width:28px;height:28px;flex:0 0 auto}.google-ads-mark i,.google-mini i{position:absolute;width:8px;height:25px;border-radius:99px;transform-origin:center bottom}.google-ads-mark .g-blue,.google-mini i:first-child{background:#4285f4;left:7px;transform:rotate(30deg)}.google-ads-mark .g-green,.google-mini i:nth-child(2){background:#34a853;left:14px;transform:rotate(-30deg)}.google-ads-mark b,.google-mini b{position:absolute;width:9px;height:9px;border-radius:50%;background:#fbbc04;bottom:0;left:1px}.metric-card{padding:15px 17px;min-width:128px}.metric-card strong{display:block;font-family:'Space Grotesk';font-size:26px;line-height:1;margin:7px 0}.metric-card span{font-size:10px;color:#667085}.leads-card{right:-2%;top:20%}.leads-card span{color:#0ea56b}.roas-card{right:3%;bottom:19%;min-width:150px}.conversion-card{left:-4%;bottom:16%}.cpc-card{right:13%;top:3%}.spark{display:flex;align-items:end;gap:3px;height:24px}.spark i{display:block;width:6px;background:#155cff;border-radius:5px 5px 1px 1px}.spark i:nth-child(1){height:7px}.spark i:nth-child(2){height:11px}.spark i:nth-child(3){height:9px}.spark i:nth-child(4){height:16px}.spark i:nth-child(5){height:20px}.spark i:nth-child(6){height:24px}.float-a{animation:floatA 5.5s ease-in-out infinite}.float-b{animation:floatB 6.2s ease-in-out infinite}.float-c{animation:floatA 7s ease-in-out infinite reverse}.float-d{animation:floatB 5.8s ease-in-out infinite reverse}.float-e{animation:floatA 6.8s ease-in-out infinite}.trust-strip{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap;padding:22px 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.12em;color:#7b8493;background:rgba(255,255,255,.45)}.trust-strip i{color:var(--blue)}.section{padding:110px 7vw;position:relative}.section-label{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--blue);margin-bottom:42px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about h2,.section-head h2,.contact h2,.performance-head h2{font-family:'Space Grotesk';font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.05em}.about h2 span,.performance-head h2 span{color:var(--blue)}.about-grid>div>p,.section-head p,.performance-head>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:620px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.metrics div{padding-top:22px;border-top:1px solid var(--line)}.metrics strong{display:block;font-family:'Space Grotesk';font-size:36px}.metrics span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.services{background:var(--paper)}.section-head,.performance-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head h2,.performance-head h2{margin-bottom:0}.service-list article{display:grid;grid-template-columns:70px 1.1fr 1.7fr 40px;align-items:center;gap:24px;padding:32px 0;border-top:1px solid var(--line);transition:.25s}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list article:hover{padding-left:14px;background:#fafbfe}.service-list article>span{color:#9aa2af}.service-list h3{font-family:'Space Grotesk';font-size:26px;margin:0}.service-list p{margin:0;color:var(--muted);line-height:1.6}.service-list b{font-size:20px}.performance{background:linear-gradient(180deg,#eef3fb 0%,#f8f9fc 100%);overflow:hidden}.performance-orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(21,92,255,.13),transparent 68%);right:-120px;top:10px;animation:ambientMove 10s ease-in-out infinite}.performance-head{align-items:flex-end}.performance-head>div{max-width:900px}.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}.performance-card{min-height:260px;background:rgba(255,255,255,.86);border:1px solid #dce2ec;border-radius:28px;padding:26px;box-shadow:0 18px 55px rgba(35,48,75,.07);position:relative;overflow:hidden;transition:.35s}.performance-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(35,48,75,.12)}.performance-card small{display:block;font-size:10px;letter-spacing:.13em;color:#8790a0;margin-top:20px}.performance-card strong{display:block;font-family:'Space Grotesk';font-size:46px;letter-spacing:-.05em;margin:18px 0 2px}.performance-card>span{font-size:12px;color:var(--muted)}.dark-card{background:linear-gradient(155deg,#0b1324,#0c1d3d);color:#fff}.dark-card small,.dark-card>span{color:#99a8c1}.trend{position:absolute;bottom:22px;left:26px;font-size:11px;font-weight:700}.trend.up{color:#0ea56b}.bars{position:absolute;left:26px;right:26px;bottom:24px;height:55px;display:flex;align-items:end;gap:7px}.bars i{flex:1;background:#4c83ff;border-radius:8px 8px 2px 2px}.bars i:nth-child(1){height:20%}.bars i:nth-child(2){height:35%}.bars i:nth-child(3){height:28%}.bars i:nth-child(4){height:52%}.bars i:nth-child(5){height:66%}.bars i:nth-child(6){height:78%}.bars i:nth-child(7){height:100%}.ring-chart{position:absolute;width:92px;height:92px;border-radius:50%;right:20px;bottom:18px;background:conic-gradient(#155cff 0 62%,#e4e9f1 62% 100%);display:grid;place-items:center}.ring-chart:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:#fff}.ring-chart b{position:relative;z-index:2;font-size:13px}.mini-line{position:absolute;left:25px;right:25px;bottom:28px;height:55px;border-bottom:1px solid #d6dce6}.mini-line i{display:block;height:100%;background:linear-gradient(145deg,transparent 42%,#155cff 43%,#155cff 46%,transparent 47%);opacity:.8}.platform-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid #dce2ec;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.7)}.platform-row>div{padding:22px;border-right:1px solid #dce2ec}.platform-row>div:last-child{border-right:0}.platform-row strong{display:block;font-size:14px;margin:8px 0 4px}.platform-row small{font-size:10px;color:var(--muted)}.platform-dot{display:block;width:9px;height:9px;border-radius:50%}.platform-dot.blue{background:#4285f4}.platform-dot.meta{background:linear-gradient(135deg,#1877f2,#a033ff)}.platform-dot.black{background:#111827}.platform-dot.cyan{background:#24c7e8}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.project-card{transition:.35s}.project-card:hover{transform:translateY(-6px)}.project-preview{min-height:560px;border-radius:30px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-one{background:linear-gradient(135deg,#dce7ff,#f7f9fd)}.preview-two{background:#0c1426}.browser{width:78%;height:68%;background:#fff;border-radius:18px;box-shadow:0 25px 60px rgba(28,42,72,.17);padding:22px;position:relative}.browser>span{width:9px;height:9px;background:#c9ced8;border-radius:50%;display:inline-block;margin-right:5px}.browser h4{font-family:'Space Grotesk';font-size:clamp(40px,5vw,72px);line-height:.87;letter-spacing:-.06em;margin:75px 0 0;color:#11192b}.browser-chip{position:absolute;right:20px;bottom:20px;background:#0b1020;color:white;border-radius:999px;padding:10px 13px;font-size:10px}.phone{width:240px;height:470px;background:#f4f7fb;border-radius:40px;padding:28px;box-shadow:0 28px 70px rgba(0,0,0,.35);position:relative}.phone small{color:#7b8493}.phone strong{display:block;font-family:'Space Grotesk';font-size:36px;line-height:1;margin-top:90px}.phone i{display:block;height:90px;margin-top:50px;border-radius:18px;background:linear-gradient(135deg,#155cff,#8eb1ff)}.phone-data{position:absolute;right:-20px;bottom:70px;background:#fff;border-radius:14px;padding:10px 13px;font-size:11px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.18)}.project-info{display:flex;justify-content:space-between;align-items:end;padding:22px 4px}.project-info small{font-size:10px;letter-spacing:.12em;color:var(--blue)}.project-info h3{font-family:'Space Grotesk';font-size:24px;margin:5px 0 0}.project-info>span{font-size:12px;color:var(--muted)}.statement{text-align:center;background:var(--dark);color:#fff;overflow:hidden;min-height:480px;display:grid;place-items:center}.statement p{font-family:'Space Grotesk';font-size:clamp(42px,6vw,82px);line-height:1.04;letter-spacing:-.055em;margin:0;position:relative;z-index:2}.statement span{color:#7aa2ff}.statement-float{position:absolute;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:12px 16px;border-radius:999px;font-size:11px;color:#c9d7ff}.sf-a{left:12%;top:22%;animation:floatA 6s ease-in-out infinite}.sf-b{right:13%;top:29%;animation:floatB 7s ease-in-out infinite}.sf-c{right:22%;bottom:17%;animation:floatA 5.5s ease-in-out infinite reverse}.contact{display:flex;justify-content:space-between;align-items:end;gap:50px}.contact h2{margin:18px 0 0}.contact-button{display:inline-flex;white-space:nowrap;background:var(--blue);color:#fff;padding:19px 25px;border-radius:999px;font-size:13px;font-weight:700;transition:.3s}.contact-button:hover{transform:translateY(-4px)}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 14px 38px rgba(37,211,102,.32);font-size:13px;font-weight:700;animation:whatsappPulse 3.4s ease-in-out infinite}.whatsapp-float svg{width:24px;height:24px;fill:#fff}.whatsapp-float:hover{transform:translateY(-3px)}footer{display:flex;justify-content:space-between;align-items:center;padding:34px 7vw;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:.75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes floatA{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(.8deg)}}@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}@keyframes ambientMove{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-35px,25px,0) scale(1.08)}}@keyframes whatsappPulse{0%,100%{box-shadow:0 14px 38px rgba(37,211,102,.28)}50%{box-shadow:0 14px 48px rgba(37,211,102,.5)}}@media(max-width:1100px){.performance-grid{grid-template-columns:repeat(2,1fr)}.platform-row{grid-template-columns:repeat(2,1fr)}.platform-row>div:nth-child(2){border-right:0}.platform-row>div:nth-child(-n+2){border-bottom:1px solid #dce2ec}}@media(max-width:900px){.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{min-height:560px}.about-grid,.project-grid{grid-template-columns:1fr}.section-head,.performance-head,.contact{display:block}.section-head p,.performance-head>p{margin-top:25px}.service-list article{grid-template-columns:45px 1fr 28px}.service-list p{grid-column:2/4}.metrics{grid-template-columns:1fr}.contact-button{margin-top:30px}footer{gap:16px;flex-wrap:wrap}.google-card{left:4%}.conversion-card{left:2%}.leads-card{right:1%}}@media(max-width:600px){.header{padding:0 20px}.cta-small{display:none}.hero,.section{padding-left:22px;padding-right:22px}.hero h1{font-size:53px}.hero-art{min-height:470px}.visual-card{width:76%;padding:22px}.visual-title{font-size:42px;margin-top:65px}.google-card{top:4%;left:0;transform:scale(.88)}.leads-card{right:-4%;top:20%;transform:scale(.85)}.roas-card{right:-2%;bottom:10%;transform:scale(.86)}.conversion-card{left:-4%;bottom:8%;transform:scale(.84)}.cpc-card{display:none}.performance-grid,.platform-row{grid-template-columns:1fr}.platform-row>div{border-right:0;border-bottom:1px solid #dce2ec}.platform-row>div:last-child{border-bottom:0}.project-preview{min-height:410px}.browser{width:88%;height:70%}.phone{transform:scale(.8)}.statement-float{font-size:9px;padding:9px 12px}.sf-a{left:5%}.sf-b{right:4%}.sf-c{right:8%;bottom:12%}.whatsapp-float{right:14px;bottom:14px;padding:13px}.whatsapp-float span{display:none}footer{padding-left:22px;padding-right:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ambient,.float-a,.float-b,.float-c,.float-d,.float-e,.statement-float,.whatsapp-float{animation:none!important}.reveal{transition:none!important}.button:hover,.project-card:hover,.performance-card:hover,.contact-button:hover,.whatsapp-float:hover{transform:none!important}}