:root{--ink:#262a29;--deep:#151b20;--blue:#3179bd;--green:#71d147;--cream:#f6f4ef;--muted:#65706d;--line:#dfe3df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif}.container{width:min(1120px,calc(100% - 44px));margin:auto}.topbar{height:34px;background:var(--blue);color:#eaf5ff;padding:0 max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.topbar a{color:white;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.header{height:76px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1120px)/2));position:relative;z-index:2}.brand img,footer img{width:158px;height:auto;display:block}.nav-phone{color:#fff;text-decoration:none;border-left:1px solid #4d5352;padding-left:20px;display:flex;gap:8px;align-items:baseline;font-size:12px}.nav-phone span{color:#bfc9c4}.nav-phone strong{font-size:15px}.hero{min-height:600px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{background:url("https://www.vipoffice.com.br/wp-content/webp-express/webp-images/uploads/2024/06/vip-office-sobre-nos-2.jpg.webp") center/cover}.hero-overlay{background:linear-gradient(90deg,rgba(14,19,20,.91) 0%,rgba(15,21,22,.68) 46%,rgba(15,21,22,.18) 100%)}.hero-content{position:relative;padding:82px 0 94px;max-width:1120px}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.eyebrow{color:#c9e8fb;display:flex;align-items:center;gap:9px}.eyebrow i{display:block;width:25px;height:2px;background:var(--green)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{max-width:720px;font-size:clamp(38px,5.4vw,70px);line-height:1.04;letter-spacing:-.055em;margin-top:18px}h1 em{font-style:normal;color:var(--green)}.hero p{font-size:18px;line-height:1.55;max-width:590px;color:#e2e7e5;margin:24px 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:19px;padding:15px 20px;font:700 13px "DM Sans";text-decoration:none;cursor:pointer;transition:.2s}.button span,.text-link span{font-size:19px;line-height:10px}.button-primary{background:var(--green);color:#17201b}.button-primary:hover{background:#8add61;transform:translateY(-2px)}.button-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.hero-proof{margin-top:25px;font-size:13px;color:#d7e1dc}.hero-proof span,.contact-note span{color:var(--green);font-weight:bold;margin-right:7px}.hero-card{position:absolute;right:max(22px,calc((100vw - 1120px)/2));bottom:0;background:var(--blue);padding:22px 28px;display:flex;align-items:center;gap:14px}.hero-card strong{font:800 31px Manrope}.hero-card span{font-size:12px;line-height:1.35}.benefits{padding:94px 0}.section-heading h2,.location h2,.contact h2{font-size:clamp(29px,3.5vw,45px);line-height:1.13;letter-spacing:-.045em;margin-top:11px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}.benefit-grid article{border-top:2px solid var(--ink);padding:19px 6px}.icon{color:var(--blue);font-size:30px;height:42px}.benefit-grid h3{font-size:17px;letter-spacing:-.035em}.benefit-grid p,.gallery-intro>p,.location-copy p,.contact-copy p{color:var(--muted);font-size:15px;line-height:1.6}.gallery-section{background:var(--cream);padding:92px 0}.gallery-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:37px}.gallery-intro>p{margin:0 0 4px}.gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:210px 210px;gap:14px}.gallery figure{margin:0;overflow:hidden;position:relative;background:#333}.gallery-main{grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.gallery figure:hover img{transform:scale(1.04)}figcaption{position:absolute;left:0;right:0;bottom:0;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));padding:35px 15px 13px;font-size:12px;font-weight:600}.numbers{background:var(--ink);color:white}.numbers-grid{padding:40px 0;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.numbers-grid div+div{border-left:1px solid #444}.numbers strong{font:800 38px Manrope;color:var(--green);display:block;letter-spacing:-.05em}.numbers span{font-size:12px;color:#d0d6d4}.location{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:100px 0}.location-image{height:440px;position:relative}.location-image:after{content:"";position:absolute;width:110px;height:110px;border:10px solid var(--green);right:-30px;bottom:-30px;z-index:-1}.location-image img{width:100%;height:100%;object-fit:cover}.location-copy ul{list-style:none;padding:0;margin:25px 0}.location-copy li{margin:12px 0;font-size:14px;font-weight:600}.location-copy li:before{content:"✓";color:var(--blue);margin-right:10px}.text-link{color:var(--blue);font-weight:bold;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.contact{background:var(--deep);color:white;padding:88px 0}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.kicker.light{color:#92d6ff}.contact-copy h2{margin-top:12px;max-width:480px}.contact-copy p{color:#c4ceca;max-width:460px}.contact-note{font-size:14px;margin-top:23px;font-weight:bold}form{background:#fff;padding:28px;color:var(--ink);display:grid;gap:13px}label{font-weight:700;font-size:12px;display:grid;gap:7px}input,select{border:1px solid #d8ddda;padding:13px 12px;font:14px "DM Sans";width:100%;background:#fff;color:var(--ink)}.form-feedback{font-size:13px;margin:0;color:#21824b;font-weight:600}footer{padding:29px max(22px,calc((100vw - 1120px)/2));background:var(--ink);border-top:1px solid #39403d;color:#aab5b0;font-size:12px;display:flex;align-items:center;gap:28px}footer img{width:112px}footer a{color:#fff;text-decoration:none;margin-left:auto;font-weight:bold}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:4;border-radius:99px;background:var(--green);color:#152018;text-decoration:none;padding:13px 17px;display:flex;gap:8px;align-items:center;font-size:14px;box-shadow:0 7px 23px rgba(0,0,0,.22)}.whatsapp b{font-size:12px}@media(max-width:760px){.topbar{padding:0 18px}.topbar span{display:none}.header{height:68px;padding:0 18px}.brand img{width:135px}.nav-phone span{display:none}.nav-phone{padding-left:12px}.hero{min-height:580px}.hero-content{padding:66px 22px 110px}.hero p{font-size:16px}.hero-card{right:0;padding:15px 18px}.benefits,.gallery-section{padding:65px 0}.benefit-grid{grid-template-columns:1fr 1fr;margin-top:32px}.gallery-intro,.location,.contact-grid{grid-template-columns:1fr;gap:30px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.gallery-main{grid-column:span 2;grid-row:auto}.numbers-grid{grid-template-columns:1fr 1fr;gap:27px}.numbers-grid div+div{border:0}.location{padding:70px 0}.location-image{height:310px}.location-image:after{display:none}.contact{padding:65px 0}footer{flex-wrap:wrap;gap:15px}footer span{display:none}footer a{margin-left:auto}.whatsapp b{display:none}.whatsapp{width:46px;height:46px;justify-content:center;padding:0}.whatsapp{font-size:23px}}
/* VIP Office BPO identity and locally supplied imagery */
.brand{display:flex;align-items:center;gap:11px;color:#d9e4df;text-decoration:none}.brand img{width:154px;height:auto;display:block}.brand span,.footer-brand span{padding-left:11px;border-left:1px solid #68716e;color:#7ec4f2;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.header-contact{display:flex;align-items:center;gap:20px}.nav-email{color:#bfc9c4;text-decoration:none;font-size:12px}.hero-image{background:url("assets/call-center-02.png") center/cover}.thanks{padding:150px 0 160px;text-align:center}.thanks .section-heading{max-width:640px;margin:0 auto}.thanks p{color:var(--muted);font-size:16px;line-height:1.6;max-width:560px;margin:22px auto 34px}.thanks .hero-actions{justify-content:center;margin-bottom:26px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:112px;height:auto;display:block}.footer-brand span{font-size:9px}.footer-brand+span{margin-left:auto}footer a{margin-left:0}@media(max-width:760px){.brand img{width:130px}.brand span,.nav-email{display:none}.header-contact{gap:0}.footer-brand+span{display:none}.footer-brand{width:100%}footer a{margin-left:0}.footer-brand~a:last-child{margin-left:auto}.thanks{padding:90px 0 100px}}