:root{--navy:#081a3a;--blue:#1267e8;--cyan:#18b8f2;--ink:#15233d;--muted:#667085;--bg:#f5f8fc;--line:#dbe5f1;--white:#fff;--green:#18a957}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px max(5vw,24px);background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #eef2f7}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy);font-size:21px}.brand img,.footer-brand img{width:38px;height:38px;object-fit:contain}.topbar nav{display:flex;gap:24px;margin-left:auto;font-weight:700;font-size:14px}.topbar nav a:hover{color:var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:white}.btn-outline{border:1px solid var(--line);background:#fff}.btn-whatsapp{background:var(--green);color:#fff}.hero{min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding:80px max(7vw,28px);background:radial-gradient(circle at 82% 28%,#dff3ff 0,transparent 32%),linear-gradient(180deg,#fff,#f7fbff)}.eyebrow{display:inline-block;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.hero h1,.section-head h2,.contact h2,.why h2{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:14px 0 20px;color:var(--navy);letter-spacing:-.04em}.hero h1 span,.why h2 span{color:var(--blue)}.hero p{font-size:19px;max-width:700px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:28px 0}.trust{display:flex;flex-wrap:wrap;gap:16px;color:#44546c;font-size:14px}.hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.device-card{width:min(460px,90%);padding:18px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 60px #183d6f22}.mock-head{display:flex;gap:6px}.mock-head span{width:8px;height:8px;border-radius:50%;background:#c7d5e8}.mock-content{margin-top:16px;border-radius:14px;padding:48px 30px;background:linear-gradient(145deg,var(--navy),#154e9f);color:white}.mock-content b{font-size:25px}.mock-line{height:8px;background:#ffffff40;border-radius:5px;margin-top:18px}.mock-line.short{width:65%}.mock-content button{margin-top:28px;background:var(--cyan);border:0;padding:10px 16px;border-radius:8px;color:#05264c;font-weight:800}.float-card{position:absolute;right:0;bottom:30px;background:#fff;padding:15px 18px;border-radius:14px;box-shadow:0 15px 35px #183d6f22;font-weight:900}.services,.portfolio{padding:90px max(7vw,28px)}.section-head{max-width:850px;margin-bottom:40px}.section-head h2{font-size:clamp(34px,4vw,52px)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{padding:32px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 35px #1a3f7020}.service-card.featured{border-color:#9dc7ff}.service-icon{font-size:34px}.tag{display:inline-block;margin:14px 0 4px;padding:5px 9px;background:#eaf3ff;color:var(--blue);border-radius:99px;font-size:12px;font-weight:800}.service-card h3{font-size:27px;margin:8px 0}.service-card p,.service-card li{color:var(--muted)}.service-card ul{padding-left:20px}.price{margin:24px 0}.price small{display:block;color:var(--muted)}.price strong{font-size:35px;color:var(--navy)}.price em{font-size:13px;font-style:normal}.portfolio{background:var(--bg);overflow:hidden}.portfolio-head{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px}.portfolio-head p{color:var(--muted);margin:0}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:20px;cursor:pointer}.portfolio-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px;scrollbar-width:none}.portfolio-track::-webkit-scrollbar{display:none}.portfolio-card{flex:0 0 min(390px,86vw);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #1a3f7014}.portfolio-card img,.placeholder-visual{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#e8f2ff}.portfolio-card>a{display:block;overflow:hidden}.portfolio-card img{transition:transform .35s ease}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-info{padding:22px}.portfolio-info>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--blue)}.portfolio-info h3{font-size:24px;margin:7px 0}.portfolio-info p{color:var(--muted);margin:0 0 15px}.portfolio-link{color:var(--blue);font-weight:900}.placeholder-visual{display:grid;place-items:center;text-align:center;color:white;font-size:36px;font-weight:900;background:linear-gradient(145deg,var(--navy),var(--blue))}.placeholder-visual small{display:block;font-size:14px;font-weight:600}.why{padding:80px max(7vw,28px);background:var(--navy);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.why h2{color:white;font-size:clamp(34px,4vw,52px)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why-grid div{padding:22px;border:1px solid #ffffff25;border-radius:16px;background:#ffffff0a}.why-grid b{color:var(--cyan)}.why-grid p{color:#c9d6e8}.contact{padding:90px max(7vw,28px);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contact h2{font-size:clamp(34px,4vw,52px)}.contact-copy p{color:var(--muted)}.wa-number{margin-top:28px;padding:18px;border-radius:14px;background:#eaf8ef;color:#14733d;display:inline-block}.lead-form{padding:30px;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px #1a3f7016}.lead-form label,.lead-form legend{font-weight:800}.lead-form input,.lead-form textarea{width:100%;margin:7px 0 18px;padding:13px;border:1px solid #ccd8e6;border-radius:10px;font:inherit}.lead-form fieldset{border:0;padding:0;margin:0 0 16px}.radio{display:flex!important;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:9px}.radio input{width:auto;margin:4px}.radio small{display:block;color:var(--muted);font-weight:500}.btn-full{width:100%}.privacy{font-size:12px;color:var(--muted);text-align:center}footer{padding:35px max(7vw,28px);display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);background:#fff}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand div{display:grid}.footer-brand span{font-size:12px;color:var(--muted)}footer p{margin-left:auto;color:var(--muted)}footer>a{color:var(--blue);font-weight:800}@media(max-width:820px){.topbar nav{display:none}.topbar .btn{padding:10px 12px;font-size:12px}.hero,.contact,.why{grid-template-columns:1fr}.hero{padding-top:55px}.service-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.portfolio-head{align-items:center}.contact{gap:28px}footer p{margin-left:0;width:100%}}@media(max-width:520px){.topbar{padding:10px 16px}.brand span{display:none}.hero,.services,.portfolio,.why,.contact{padding-left:18px;padding-right:18px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust{display:grid}.portfolio-card{flex-basis:88vw}.carousel-controls button{width:40px;height:40px}.lead-form{padding:20px}}