@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--ink:#171817;--paper:#f5f2e9;--lime:#d9ff43;--coral:#ff5f45;--blue:#5368ff;--line:#1718172e;--muted:#6b6d68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}.nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:20;background:#f5f2e9eb;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 clamp(22px,5vw,80px);display:grid;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo span{background:var(--ink);color:var(--lime);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Archivo Black;display:flex}.logo strong{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.nav-status{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.nav-status i{background:#33c778;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse}.nav-cta{border-bottom:2px solid var(--ink);text-transform:uppercase;justify-self:end;padding-bottom:4px;font-size:12px;font-weight:700}.hero{grid-template-columns:1fr 1fr;min-height:calc(100vh - 84px);display:grid}.hero-copy{align-self:center;padding:80px clamp(28px,7vw,120px)}.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.07em;text-transform:uppercase;margin:26px 0 34px;font-family:Archivo Black;font-size:clamp(56px,6.4vw,108px);line-height:.86}.hero h1 em{color:var(--blue);font-style:normal}.lead{color:var(--muted);max-width:680px;font-size:clamp(17px,1.5vw,21px);line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:40px;display:flex}.btn{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:28px;min-height:58px;padding:0 25px;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s;display:flex}.btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-3px,-3px)}.lime{background:var(--lime)}.coral{background:var(--coral);color:#fff}.plain-link{text-transform:uppercase;font-size:12px;font-weight:700}.payroll-visual{background:var(--ink);color:#fff;min-height:680px;padding:44px;position:relative;overflow:hidden}.payroll-visual:before{background:linear-gradient(135deg,var(--blue),#9274ff);content:"";filter:blur(2px);border-radius:50%;width:340px;height:340px;position:absolute;top:-90px;right:-120px}.visual-top{letter-spacing:.16em;z-index:2;justify-content:space-between;font-size:10px;font-weight:700;display:flex;position:relative}.pay-card{background:var(--paper);box-shadow:16px 16px 0 var(--lime);color:var(--ink);z-index:3;width:72%;padding:30px;animation:5s ease-in-out infinite float;position:absolute;top:25%;left:10%;transform:rotate(-4deg)}.pay-head{border-bottom:1px solid var(--line);letter-spacing:.08em;justify-content:space-between;padding-bottom:17px;font-size:10px;font-weight:700;display:flex}.pay-head b{color:#229d5f}.pay-amount{padding:26px 0}.pay-amount small{color:var(--muted);font-size:11px;display:block}.pay-amount strong{letter-spacing:-.05em;font-family:Archivo Black;font-size:clamp(34px,4vw,60px)}.pay-amount sup{font-size:.45em}.pay-bars{align-items:end;gap:8px;height:84px;display:flex}.pay-bars i{background:var(--blue);flex:1;height:45%;display:block}.pay-bars i:nth-child(2){height:70%}.pay-bars i:nth-child(3){background:var(--coral);height:55%}.pay-bars i:nth-child(4){height:90%}.pay-bars i:nth-child(5){height:62%}.pay-bars i:nth-child(6){background:var(--lime);height:80%}.pay-bars i:nth-child(7){height:100%}.pay-foot{border-top:1px solid var(--line);text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;padding-top:18px;font-size:9px;display:grid}.pay-foot span{flex-direction:column;gap:6px;display:flex}.pay-foot b{font-size:16px}.orbit-tag{border:2px solid var(--ink);z-index:5;border-radius:50%;justify-content:center;align-items:center;font-family:Archivo Black;display:flex;position:absolute}.tag-a{background:var(--coral);width:86px;height:86px;animation:3.8s infinite drift;top:18%;left:3%;transform:rotate(-10deg)}.tag-b{background:var(--lime);color:var(--ink);width:98px;height:98px;animation:4.5s -1s infinite drift;bottom:14%;right:4%;transform:rotate(8deg)}.tag-c{background:var(--blue);width:58px;height:58px;animation:3.4s -2s infinite drift;bottom:6%;left:8%}.ticker{letter-spacing:.08em;white-space:nowrap;gap:38px;width:100%;padding:20px;font-family:Archivo Black;font-size:15px;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.ticker span:before{color:var(--lime);content:"✦";margin-right:38px}.metrics{background:var(--lime);border-bottom:1px solid var(--ink);border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);padding:0 clamp(28px,6vw,100px);display:grid}.metrics article{border-right:1px solid var(--ink);align-items:center;gap:22px;padding:32px;display:flex}.metrics article:last-child{border:0}.metrics strong{font-family:Archivo Black;font-size:34px}.metrics span{text-transform:uppercase;max-width:140px;font-size:11px;font-weight:700}.services{padding:clamp(80px,10vw,150px) clamp(28px,7vw,120px)}.section-title{grid-template-columns:.6fr 1.4fr;gap:50px;margin-bottom:70px;display:grid}.section-title>p{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.section-title h2,.promise h2,.contact h2{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:Archivo Black;font-size:clamp(42px,5.5vw,82px);line-height:.95}.service-list{border-top:1px solid var(--ink)}.service-list article{border-bottom:1px solid var(--ink);grid-template-columns:50px 1fr 1fr 50px;align-items:center;gap:28px;min-height:150px;padding:25px 0;transition:padding .2s,background .2s;display:grid}.service-list article:hover{background:#fff;padding-left:20px;padding-right:20px}.service-list article>span{font-size:11px}.service-list h3{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-family:Archivo Black;font-size:clamp(25px,3vw,42px)}.service-list p{color:var(--muted);margin:0;line-height:1.6}.service-list a{background:var(--coral);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.promise{background:var(--blue);color:#fff;grid-template-columns:100px 1.3fr .7fr;gap:55px;padding:clamp(80px,9vw,140px) clamp(28px,7vw,120px);display:grid}.promise-mark{background:var(--lime);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;font-size:38px;display:flex}.promise>div p{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.promise ol{margin:0;padding:0;list-style:none}.promise li{border-top:1px solid #ffffff4d;gap:25px;padding:20px 0;display:flex}.promise li:last-child{border-bottom:1px solid #ffffff4d}.promise li b{color:var(--lime);font-size:11px}.promise li span{font-weight:600}.contact{grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,130px);padding:clamp(80px,10vw,150px) clamp(28px,7vw,120px);display:grid}.contact-copy>p:not(.kicker){color:var(--muted);margin-top:30px;font-size:17px;line-height:1.6}.whatsapp{border-left:8px solid var(--coral);flex-direction:column;gap:5px;margin-top:45px;padding:8px 0 8px 18px;font-size:10px;font-weight:700;display:flex}.whatsapp strong{font-family:Archivo Black;font-size:24px}form{border:1px solid var(--ink);box-shadow:12px 12px 0 var(--lime);background:#fff;padding:clamp(28px,5vw,56px)}.field-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:25px;font-size:10px;font-weight:700;display:block}input,select{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;outline:0;width:100%;margin-top:10px;padding:10px 0 14px;display:block}input:focus,select:focus{border-bottom:3px solid var(--blue)}form .btn{width:100%}form small{color:var(--muted);text-align:center;margin-top:16px;font-size:9px;display:block}.success{color:#21985c;text-align:center;font-size:12px;font-weight:700}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:40px clamp(28px,6vw,100px);display:grid}footer p{text-align:center;margin:0;font-size:11px}footer>a{text-align:right;text-transform:uppercase;font-size:11px;font-weight:700}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(-2deg)}}@keyframes drift{0%,to{translate:0}50%{translate:0 -12px}}@keyframes pulse{50%{box-shadow:0 0 0 7px #33c77833}}@media (width<=900px){.nav{grid-template-columns:1fr auto}.nav-status{display:none}.hero,.section-title,.promise,.contact{grid-template-columns:1fr}.payroll-visual{min-height:620px}.metrics{grid-template-columns:1fr}.metrics article{border-bottom:1px solid var(--ink);border-right:0}.service-list article{grid-template-columns:35px 1fr 46px}.service-list p{grid-column:2}.service-list a{grid-area:1/3}.promise{gap:35px}.promise-mark{width:60px;height:60px}footer{grid-template-columns:1fr}footer p,footer>a{text-align:left}}@media (width<=560px){.nav{height:74px;padding:0 18px}.logo strong{display:none}.hero-copy,.services,.promise,.contact{padding-left:20px;padding-right:20px}.hero h1{font-size:52px}.payroll-visual{min-height:540px;padding:28px 20px}.pay-card{width:80%;padding:20px;top:22%;left:8%}.pay-amount strong{font-size:36px}.tag-a{width:62px;height:62px}.tag-b{width:72px;height:72px}.metrics{padding:0 20px}.metrics article{padding:25px 0}.section-title h2,.promise h2,.contact h2{font-size:42px}.field-row{grid-template-columns:1fr}.service-list h3{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
