:root{--bg:#070b10;--bg2:#0a1017;--surface:#0e151e;--surface2:#111d28;--text:#f3f7fa;--muted:#adb8c6;--line:#27333f;--cyan:#2cc6df;--violet:#2cc6df;--max:1240px;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.15}h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.035em}h3{font-size:20px}p{color:var(--muted)}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--cyan);color:#061016;z-index:200}.skip:focus{top:12px}
header{position:sticky;top:0;z-index:100;background:#070b10f5;border-bottom:1px solid var(--line);padding:15px 0;backdrop-filter:blur(18px)}.nav,.nav-actions,.brand{display:flex;align-items:center;gap:12px}.nav{justify-content:space-between}.brand{font:700 15px var(--display);letter-spacing:.09em}.brand img{width:38px;height:38px}.back-link{padding:10px 14px;border:1px solid var(--line);border-radius:99px;font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;border:1px solid var(--line);border-radius:10px;font:700 13px var(--body);cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan);color:#041016;border-color:var(--cyan)}.btn-ghost{background:var(--surface);color:var(--text)}.btn-lg{padding:16px 24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.eyebrow{display:block;color:var(--cyan);font:600 11px/1.5 var(--display);letter-spacing:.18em;margin-bottom:18px}.muted{font-size:14px}
.hero{padding:52px 0 0;min-height:85vh;background:radial-gradient(ellipse at 90% 0%,#12313e55,transparent 60%)}.hero-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:35px}h1{font-size:clamp(36px,5vw,70px);letter-spacing:-.055em;margin-bottom:16px}h1 span{color:var(--cyan)}.hero h2{font-size:clamp(20px,2vw,27px);max-width:550px;letter-spacing:-.02em}.hero-intro>p+p{margin-top:10px}.campaign{overflow:hidden;border:1px solid var(--line);border-radius:16px;aspect-ratio:1920/1005;background:#070b10}.campaign img{width:100%;height:auto;filter:none!important}.campaign-hero{aspect-ratio:1672/941}.proof{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;list-style:none;margin:0;padding:24px 0;color:var(--muted);font-size:13px}.proof li:before{content:'•';color:var(--cyan);margin-right:10px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0 52px;gap:28px;border-bottom:1px solid var(--line);font-size:14px}.benefits strong{display:block;color:var(--text);font-size:17px;margin-bottom:6px}
.section{padding:88px 0;border-bottom:1px solid var(--line)}.section:nth-of-type(even){background:var(--bg2)}.section-heading{max-width:820px;margin-bottom:35px}.section-heading>p{margin-top:20px;max-width:710px}.feature{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:44px}.details>p{margin-top:16px}.tags{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none;margin:20px 0 0}.tags li{border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--muted)}.flow{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:26px 0 0;counter-reset:step}.flow li{padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px}.flow li:not(:last-child):after{content:' →';color:var(--cyan);margin-left:10px}.module-grid,.segment-grid,.country-grid{display:grid;gap:16px;margin-top:28px}.module-grid{grid-template-columns:repeat(4,1fr)}.segment-grid{grid-template-columns:repeat(3,1fr)}.country-grid{grid-template-columns:1fr 1fr}.card{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.card h3{font-size:18px}.card p{font-size:14px;margin-top:12px}.number{display:block;color:var(--cyan);font:500 12px var(--display);margin-bottom:24px}.questions p{padding:17px 20px;border-left:2px solid var(--cyan);background:var(--surface);margin:12px 0;color:var(--text)}
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.screen-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.screen-card h3{font-size:15px;padding:18px 20px}.placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(125deg,#11202b,#0b1119);border-bottom:1px solid var(--line)}.placeholder span{font:400 36px var(--display);color:#7e99a9}.placeholder p{font-size:13px;color:#abbcc8}.screen-image{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--bg)}#oficina-global-gallery{margin-top:35px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);touch-action:pan-y}.gallery-media{aspect-ratio:16/9}.gallery-media>.placeholder{height:100%}.gallery-media img{height:100%;width:100%;object-fit:contain}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:20px}.gallery-bottom .eyebrow{margin-bottom:10px}.gallery-bottom p{font-size:13px;margin-top:8px}.gallery-controls{display:flex;gap:8px}.gallery-controls button{font-size:22px;min-width:48px}.plan{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.plan p{margin-top:22px}.plan-action{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.trial-number{font:500 72px var(--display);color:var(--cyan)}.trial-number small{font-size:25px}.plan-action .btn{margin-top:24px}.text-link{display:block;font-size:13px;color:var(--muted);margin-top:20px;text-decoration:underline}.cta-band{padding:100px 0;text-align:center;background:radial-gradient(ellipse at bottom,#12384666,transparent 70%)}.cta-band h2{max-width:850px;margin:auto}.cta-band p{margin-top:22px}.cta-band .actions{justify-content:center}
footer{padding:35px 0 26px;background:#050609}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:10px;font:700 14px var(--display);letter-spacing:.09em}.footer-brand img{width:34px;height:34px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:12px}.footer-links a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:14px;padding-top:18px;color:var(--muted);font-size:10px;letter-spacing:.05em}.footer-social{display:flex;gap:10px}.footer-social a{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.footer-social svg{width:16px;height:16px}
@media(min-width:1000px){.hero .campaign{max-width:1020px;margin:auto}}@media(max-width:1000px){.hero-heading{gap:30px}.feature{grid-template-columns:1fr;gap:20px}.module-grid{grid-template-columns:1fr 1fr}.screen-grid{grid-template-columns:1fr 1fr}.plan{gap:32px}.nav-actions{gap:8px}.back-link .txt{display:none}}@media(max-width:720px){.wrap{width:calc(100% - 32px)}header{padding:12px 0}.nav{gap:8px;flex-wrap:wrap}.brand span{font-size:12px}.brand img{width:30px;height:30px}.nav-actions{gap:6px}.nav-actions .btn{padding:10px;font-size:11px}.back-link{padding:10px;font-size:11px}.nav-actions .back-link:first-of-type{display:none}.hero{padding-top:38px;min-height:0}.hero-heading{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(35px,9vw,60px)}.actions{gap:10px}.hero .actions .btn{flex:1 1 auto}.proof{justify-content:flex-start;gap:12px 20px;font-size:12px}.benefits{grid-template-columns:1fr;gap:22px;padding-top:24px;padding-bottom:36px}.section{padding:55px 0}.section-heading{margin-bottom:26px}.campaign{border-radius:10px}.segment-grid,.screen-grid,.plan,.country-grid{grid-template-columns:1fr}.card{padding:20px}.module-grid{gap:12px}.module-grid h3{font-size:16px}.module-grid .card{padding:18px}.gallery-bottom{padding:18px;align-items:flex-start}.gallery-bottom h3{font-size:18px}.gallery-controls{gap:6px}.gallery-controls .btn{padding:8px;min-width:44px}.cta-band{padding:65px 0}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.plan-action{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.price-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.price-card.featured{border-color:var(--cyan);background:linear-gradient(150deg,#10303c,var(--surface) 65%)}.price-card .eyebrow{min-height:34px;margin-bottom:14px}.price-card h3{font-size:26px}.price-card .price{font:600 clamp(25px,2.5vw,36px)/1.4 var(--display);color:var(--text);margin:24px 0 16px;white-space:nowrap}.price small{font:400 13px var(--body);color:var(--muted)}.price-card>p:not(.price):not(.eyebrow){font-size:14px}.price-card ul{padding-left:20px;font-size:14px;color:var(--muted);margin:24px 0 30px}.price-card li+li{margin-top:10px}.price-card .btn{margin-top:auto;width:100%}.pricing-note{font-size:13px;margin-top:25px}.pricing-note a{text-decoration:underline;color:var(--text)}@media(max-width:1000px){.pricing-grid{gap:14px}.price-card{padding:22px}.price-card .price{font-size:26px}}@media(max-width:720px){.pricing-grid{grid-template-columns:1fr}.price-card .eyebrow{min-height:0}.price-card .price{font-size:34px}}

/* Oficina Global refinement: isolated motion and interaction layer. */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
section[id]{scroll-margin-top:24px}
.section{overflow-x:clip}
.header-sentinel{position:absolute;top:0;width:1px;height:1px;pointer-events:none}
header{transition:background 200ms,border-color 200ms,box-shadow 200ms}
header.is-scrolled{background:rgba(7,11,16,.94);border-color:color-mix(in srgb,var(--cyan) 16%,transparent);box-shadow:0 8px 32px #0002;backdrop-filter:blur(10px)}
.hero{position:relative;isolation:isolate;overflow:clip}
.hero .wrap{position:relative;z-index:1}
.glow-cursor{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:screen}
.hero h1>.hero-word{color:inherit}
.hero-word{display:inline-block}
.hero h1{overflow:clip;padding-bottom:.08em}
.hero h1.motion-ready:not(.is-visible) .hero-word{opacity:0;transform:translateY(24px)}
.hero-word{transition:opacity 620ms var(--ease-out),transform 620ms var(--ease-out);transition-delay:calc(var(--word-delay,0ms) + 80ms)}
.motion-ready{transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.motion-ready:not(.is-visible){opacity:0;transform:translateY(24px)}
.reveal-left.motion-ready:not(.is-visible){transform:translateX(-24px)}
.reveal-right.motion-ready:not(.is-visible){transform:translateX(24px)}
.reveal-scale.motion-ready:not(.is-visible){transform:scale(.985)}
.hero-image-enter.motion-ready{transition-duration:1050ms}
.hero-image-enter.motion-ready:not(.is-visible){transform:scale(1.03)}
.campaign{position:relative;box-shadow:0 16px 50px #0002}
.campaign-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#05091022)}
.campaign img{transition:transform 300ms var(--ease-out)}
.proof{justify-content:flex-start;gap:0}
.proof li{padding:0 24px;border-right:1px solid var(--line)}
.proof li:first-child{padding-left:0}.proof li:last-child{border:0}
.btn{transition:transform 200ms var(--ease-out),box-shadow 200ms,border-color 200ms,background 200ms}
.btn:active{transform:translateY(0)}
.card,.price-card{transition:transform 200ms var(--ease-out),border-color 200ms,box-shadow 200ms,opacity 600ms var(--ease-out);transition-delay:0ms}
.card.motion-ready,.price-card.motion-ready{transition-delay:var(--reveal-delay,0ms)}
.card.motion-settled,.price-card.motion-settled{transition-delay:0ms}
.module-grid .card{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--cyan) 5%,transparent),transparent 75%),var(--surface)}
.module-grid .number{color:var(--muted);transition:color 200ms}
.tags li{transition:border-color 200ms,background 200ms}
.feature>*{min-width:0}
#ia.section{background:radial-gradient(ellipse at 80% 50%,color-mix(in srgb,var(--cyan) 6%,transparent),transparent 65%),var(--bg2)}
.questions p{border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:0 12px 12px 12px;position:relative;padding:20px 24px;font-size:15px;box-shadow:0 8px 24px #0001}
.segment-icon{display:block;width:24px;height:24px;color:var(--cyan);margin-bottom:20px}.segment-icon svg{width:100%;height:100%}
.price-card{position:relative}
.plan-badge{position:absolute;top:-13px;right:22px;display:inline-block;padding:4px 10px;border:1px solid color-mix(in srgb,var(--cyan) 45%,transparent);border-radius:99px;background:var(--surface);color:var(--cyan);font-size:11px;letter-spacing:.04em}
.price-card.featured{box-shadow:0 0 36px color-mix(in srgb,var(--cyan) 6%,transparent)}
.cta-band{background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 70%),repeating-linear-gradient(120deg,transparent 0 90px,#ffffff02 90px 91px);border-top:1px solid color-mix(in srgb,var(--cyan) 15%,transparent)}
.cta-band h2{letter-spacing:-.04em}.cta-band p:not(.eyebrow){--reveal-delay:80ms}.cta-band .actions{--reveal-delay:160ms}

/* Connected steps: all steps fit on a large screen; smaller screens snap. */
.flow-track{position:relative;isolation:isolate;display:flex;flex-wrap:nowrap;gap:8px;padding:18px 2px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain}
.flow-track:before{content:'';position:absolute;left:2px;right:2px;top:5px;height:1px;background:var(--cyan);transform-origin:left;transition:transform 900ms var(--ease-out);opacity:.6}
.flow-track.motion-ready:not(.is-visible){opacity:1;transform:none}
.flow-track.motion-ready:not(.is-visible):before{transform:scaleX(0)}
.flow-track li{position:relative;flex:1 0 0;min-width:0;text-align:center;padding:15px 6px;font-size:12px;border-color:color-mix(in srgb,var(--cyan) 36%,var(--line));scroll-snap-align:start;display:grid;place-items:center;transition:opacity 500ms,border-color 500ms;transition-delay:calc(var(--step)*70ms)}
.flow-track li:before{content:'';position:absolute;top:-17px;left:calc(50% - 3px);width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px var(--bg)}
.flow-track li:not(:last-child):after{content:none}
.flow-track.motion-ready:not(.is-visible) li{opacity:.5;border-color:var(--line)}
#financeiro .flow-track li{font-size:12px;min-width:82px}

/* Gallery controls are real buttons; placeholders have no fake zoom action. */
.screen-image{height:auto}
.screen-grid .screen-open{aspect-ratio:16/9;overflow:hidden}
.screen-grid .screen-open>.screen-image,.screen-grid .screen-open>.placeholder{width:100%;height:100%;object-fit:contain}
.screen-grid .screen-card>h3{min-height:72px}
#oficina-global-gallery{margin:0 0 32px;box-shadow:0 24px 80px #0003;touch-action:auto}
.gallery-media{overflow:hidden;touch-action:pan-y}
.gallery-expand,.screen-open{position:relative;display:block;border:0;padding:0;width:100%;background:var(--bg);color:var(--text);cursor:zoom-in}
.gallery-expand{height:100%}
.gallery-expand:focus-visible,.screen-open:focus-visible{outline-offset:-4px}
.expand-hint{position:absolute;bottom:14px;right:14px;background:#070b10e8;border:1px solid #ffffff40;border-radius:8px;padding:7px 12px;color:#f3f7fa;font:500 12px var(--body)}
.gallery-thumbs{position:relative;display:flex;gap:10px;padding:4px 24px 22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain}
.gallery-thumb{flex:0 0 134px;min-width:0;scroll-snap-align:center;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--muted);text-align:left;cursor:pointer;transition:border-color 200ms,background 200ms}
.gallery-thumb[aria-pressed=true]{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 9%,var(--bg));color:var(--text)}
.gallery-thumb .screen-image,.gallery-thumb>.placeholder{width:100%;height:72px;aspect-ratio:auto;border-radius:5px;object-fit:contain}
.thumb-title{display:block;font-size:11px;line-height:1.4;padding:9px 5px;min-height:48px}
.gallery-thumb .placeholder{gap:4px}.gallery-thumb .placeholder span{font-size:18px}.gallery-thumb .placeholder p{font-size:9px}.gallery-thumb .placeholder:before{display:none}
.placeholder:before{content:'';display:block;width:26px;height:19px;border:1px solid #7e99a980;border-radius:3px;background:linear-gradient(140deg,transparent 48%,#7e99a933 49%,#7e99a933 52%,transparent 53%)}
.screen-grid .screen-card{box-shadow:0 8px 24px #0001;transition:transform 220ms var(--ease-out),border-color 220ms,box-shadow 220ms}
.screen-lightbox{width:min(1500px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);overflow:auto}
.screen-lightbox::backdrop{background:rgba(2,5,9,.94)}
.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-top{margin-bottom:16px}.lightbox-top h2{font-size:clamp(17px,2vw,24px);letter-spacing:-.02em}
.lightbox-media{touch-action:pan-y;display:grid;place-items:center;background:#05080b;border-radius:8px;overflow:hidden}
.lightbox-media img{max-height:calc(100dvh - 205px);aspect-ratio:auto;width:auto;max-width:100%;height:auto;object-fit:contain}
.lightbox-media .placeholder{width:100%;max-height:calc(100dvh - 205px)}
.lightbox-bottom{margin-top:16px}.lightbox-bottom .btn{min-width:48px}.lightbox-bottom p{font-size:13px}.lightbox-open{overflow:hidden}
@media(hover:hover) and (pointer:fine){
 .btn:hover{box-shadow:0 5px 22px color-mix(in srgb,var(--cyan) 11%,transparent);border-color:color-mix(in srgb,var(--cyan) 55%,var(--line))}
 .card:hover,.price-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 45%,var(--line));box-shadow:0 12px 30px #0002}
 .country-grid .card:hover{transform:translateY(-3px)}.module-grid .card:hover .number{color:var(--cyan)}
 .campaign:not(.campaign-hero):hover img{transform:scale(1.015)}
 #desafio .tags li:hover{border-color:color-mix(in srgb,var(--cyan) 55%,var(--line));background:color-mix(in srgb,var(--cyan) 5%,var(--bg))}
 .gallery-thumb:hover{border-color:var(--cyan)}
 .screen-grid .screen-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 60%,var(--line));box-shadow:0 12px 30px #0003,0 0 20px color-mix(in srgb,var(--cyan) 7%,transparent)}
}
@media(min-width:1001px){#ordens .feature,#financeiro .feature{grid-template-columns:1fr 1.3fr}#ordens .feature .details,#financeiro .feature .details{grid-column:1;grid-row:1}#ordens .feature .campaign,#financeiro .feature .campaign{grid-column:2;grid-row:1}}
@media(max-width:1100px){#recursos .flow-track li{flex:0 0 128px;min-height:72px}}
@media(max-width:720px){
 .proof{gap:14px 0;display:grid;grid-template-columns:repeat(6,1fr)}.proof li{grid-column:span 2;padding:0 10px;font-size:11px;text-align:center}.proof li:nth-child(3){border:0}.proof li:nth-child(4){grid-column:2 / span 2}.proof li:last-child{grid-column:4 / span 2}.proof li:before{margin-right:5px}.proof li:first-child{padding-left:0}
 .reveal-left.motion-ready:not(.is-visible),.reveal-right.motion-ready:not(.is-visible){transform:translateY(18px)}
 .gallery-thumbs{padding:4px 18px 18px}.gallery-thumb{flex-basis:118px}.gallery-bottom{flex-wrap:wrap}.gallery-controls{margin-left:auto}
 .screen-lightbox{padding:12px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.lightbox-top{gap:10px}.lightbox-top .btn{padding:10px;font-size:12px;white-space:nowrap}.lightbox-media img{max-height:calc(100dvh - 190px)}
 .btn:hover{transform:none}.glow-cursor{display:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.motion-ready,.motion-ready:not(.is-visible),.hero h1.motion-ready .hero-word,.flow-track.motion-ready:not(.is-visible) li{opacity:1!important;transform:none!important;transition-delay:0ms!important}
 .flow-track.motion-ready:before{transform:none!important}.glow-cursor{display:none!important}.btn,.card,.price-card,.screen-grid .screen-card,.campaign img{transform:none!important}
}