:root{--q-bg:#020204;--q-ink:#f4f4f7;--q-blue:#01a4ff;--q-muted:#b4b6c2;--q-font:'Plus Jakarta Sans',sans-serif;--q-body:'Inter',sans-serif;--q-gutter:clamp(24px,5.55vw,80px);--q-ease:cubic-bezier(.22,1,.36,1);--q-line:#ffffff35}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--q-bg);color:var(--q-ink);font:400 16px/1.5 var(--q-body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--q-font);word-spacing:.075em}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a4cdff;outline-offset:5px}::selection{background:var(--q-blue);color:white}[hidden]{display:none!important}.q-skip{position:fixed;top:12px;left:20px;z-index:100;background:#0074b4;padding:12px 20px;transform:translateY(-180%);border-radius:30px}.q-skip:focus{transform:none}
.q-header{position:fixed;top:0;left:0;width:100%;z-index:30;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:transparent;transition:color 200ms ease;color:white}.q-brand{display:flex;align-items:center;gap:19px;text-decoration:none}.q-brand img{width:154px;height:auto}.q-brand>span{border-left:1px solid #ffffff50;padding-left:19px;font-size:13px;letter-spacing:.01em}.q-header nav{display:flex;align-items:center;gap:40px}.q-nav-link{font-size:12px;font-weight:700;letter-spacing:.025em;text-transform:uppercase;text-decoration:none;position:relative;padding:12px 0}.q-nav-link::after{position:absolute;content:'';bottom:4px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--q-ease)}.q-header.is-scrolled{background:transparent;box-shadow:none;backdrop-filter:none}
.q-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:14px 24px;border-radius:100px;background:#0074b4;color:white;border:0;text-decoration:none;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;transition:transform 160ms var(--q-ease),color 250ms ease}.q-button::before{position:absolute;z-index:-1;content:'';inset:0;background:#f4f4f7;border-radius:inherit;transform:translateY(105%);transition:transform 300ms var(--q-ease)}.q-button svg{flex:0 0 auto;transition:transform 250ms var(--q-ease)}.q-button:active{transform:scale(.97)}.q-header-cta{background:#f4f4f7;color:#020204;padding:13px 23px}.q-header-cta::before{background:#0074b4}
.q-opening{position:relative;isolation:isolate;overflow-x:clip}.q-hero{position:sticky;top:0;height:100svh;min-height:720px;overflow:clip;background:#182334}.q-photo,.q-photo-fallback,.q-mosaic,.q-hero-shade,.q-hero-dim{position:absolute;inset:0;width:100%;height:100%}.q-photo-fallback{object-fit:cover;object-position:55% 50%}.q-mosaic{overflow:hidden;isolation:isolate;opacity:0;transition:opacity 150ms ease}.q-mosaic.is-ready{opacity:1}.q-photo.has-mosaic .q-photo-fallback{opacity:0}.q-tile{position:absolute;overflow:hidden;background-image:url('/assets/shared/recomenda/quadro/hero-parceria-vista-superior.webp');background-repeat:no-repeat;border-right:1px solid #ffffff36;border-bottom:1px solid #ffffff36;transform-origin:50% 50%;touch-action:pan-y}.q-tile.is-dragging{z-index:5;box-shadow:0 12px 40px #0006;outline:1px solid #ffffff60;cursor:grabbing}.q-hero-shade{background:linear-gradient(90deg,#08101e77 0%,#08101e20 60%,#08101e08 100%),linear-gradient(0deg,#0d17266b,transparent 50%);pointer-events:none}
.q-hero-dim{background:#080f1a;opacity:0;pointer-events:none}.q-hero-copy{position:absolute;inset:0;padding:clamp(150px,17svh,200px) var(--q-gutter) 64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;pointer-events:none}.q-prelude{font:500 clamp(20px,2.55vw,38px)/1.17 var(--q-font);letter-spacing:-.035em}.q-prelude-highlight{--q-mark-scale:1;position:relative;display:inline-block;isolation:isolate;white-space:nowrap}.q-prelude-highlight::before{content:"";position:absolute;z-index:-1;inset:-.1em -.05em;background:var(--q-blue);transform:translateY(.1em) rotate(-2deg) scaleX(var(--q-mark-scale));transform-origin:left center}.q-prelude-highlight-ink{position:absolute;inset:0;color:#020204;clip-path:inset(0 calc(100% * (1 - var(--q-mark-scale))) 0 0)}.q-hero h1{font:800 clamp(72px,7vw,114px)/.94 var(--q-font);letter-spacing:-.065em;text-transform:uppercase;margin:25px 0 32px;max-width:100%;position:relative}.q-title-line{display:block;overflow:clip;padding:.32em .14em;margin:-.32em -.14em}.q-title-line>span{display:block}.q-mobile-break{display:none}.q-hero-bottom p{font-size:16px;line-height:1.6;color:#fafbff;max-width:410px}.q-main-cta{pointer-events:auto;margin-top:24px;min-height:50px}.q-puzzle-controls{position:absolute;right:35px;bottom:54px;display:grid;gap:16px;z-index:7;color:#e5ecf9;max-width:210px}.q-puzzle-hint{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.5}.q-puzzle-hint svg{flex:0 0 auto}.q-puzzle-reset{background:#02020466;color:inherit;border:1px solid #ffffff70;border-radius:50px;font-size:12px;padding:11px 15px;min-height:44px;text-align:left;display:flex;justify-content:space-between;gap:12px;transition:background-color 200ms ease}.q-puzzle-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.q-scroll-cue{position:absolute;bottom:24px;left:50%;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ffffff60;border-radius:100%;transition:transform 240ms var(--q-ease)}
.q-footer{background:var(--q-bg);padding:34px var(--q-gutter);border-top:1px solid #ffffff25;display:flex;gap:28px;align-items:center;flex-wrap:wrap}.q-footer-brand img{width:140px;height:auto}.q-footer>p{font-size:13px;color:#c8cedb;margin-right:auto}.q-legal-link{color:#dbe8ff;background:transparent;border:0;padding:12px 0;text-decoration:underline;text-underline-offset:5px;font-size:12px;min-height:44px}.q-footer>small{flex-basis:100%;color:#b4b6c2;font-size:11px}.q-dialog{width:min(680px,calc(100% - 32px));max-height:85svh;overflow:auto;padding:32px;color:var(--q-ink);background:var(--q-bg);border:1px solid #ffffff35;border-radius:8px}.q-dialog::backdrop{background:#070b13cc}.q-dialog-close{float:right;background:transparent;color:inherit;border:1px solid #ffffff50;border-radius:40px;min-height:44px;padding:8px 16px}.q-dialog-kicker{font-size:12px;color:#8bbcff;padding-top:15px}.q-dialog h2{font-size:34px;letter-spacing:-.04em;line-height:1.1;margin:34px 0 20px}.q-dialog h3{font-size:18px;margin:24px 0 10px}.q-dialog p{font-size:14px;line-height:1.6;margin-bottom:14px;color:#d1d5df}.q-dialog .q-dialog-note{font-size:12px;color:#a8b5cb;padding-top:18px;border-top:1px solid #ffffff25}
@media(hover:hover) and (pointer:fine){.q-tile{cursor:grab}.q-nav-link:hover::after{transform:scaleX(1)}.q-button:hover::before{transform:translateY(0)}.q-button:hover{color:#020204}.q-button:hover svg{transform:translateX(3px)}.q-header-cta:hover{color:white}.q-puzzle-reset:hover{background:#0074b4;color:var(--q-ink)}.q-scroll-cue:hover{transform:translateY(4px)}}
.q-brand .q-logo-on-light{display:none}.q-header.is-light{background:transparent;color:#020204;box-shadow:none;backdrop-filter:none}.q-header.is-light .q-logo-on-dark{display:none}.q-header.is-light .q-logo-on-light{display:block}.q-header.is-light .q-brand>span{border-color:#02020440}.q-header.is-light .q-header-cta{background:#0074b4;color:white}.q-header.is-light .q-header-cta::before{background:#020204}
@media(min-width:701px){.q-hero h1{translate:0 45px}}
@media(min-width:1600px){.q-hero-copy{padding-top:160px}.q-hero h1{font-size:clamp(114px,7.7vw,160px)}}
@media(max-height:820px) and (min-width:801px){.q-hero{min-height:680px}.q-hero-copy{padding-top:130px;padding-bottom:44px}.q-prelude{font-size:27px}.q-hero h1{font-size:clamp(68px,6.5vw,96px);margin:24px 0}.q-hero-bottom p{font-size:14px}.q-main-cta{margin-top:18px}.q-puzzle-controls{bottom:40px}}
@media(max-width:1000px){.q-header nav{gap:24px}.q-brand>span{display:none}.q-hero h1{font-size:8.3vw}.q-puzzle-controls{right:24px;max-width:180px}}
@media(max-width:700px){html{scroll-padding-top:90px}.q-header{padding:18px 24px;gap:16px}.q-brand img{width:128px}.q-header nav{gap:0}.q-nav-link{display:none}.q-header-cta{min-height:42px;padding:12px 17px;font-size:11px;gap:12px}.q-header-cta svg{width:16px}.q-hero{min-height:760px;height:100svh}.q-hero-copy{padding:145px 24px 74px;justify-content:space-between}.q-photo-fallback{object-position:90% 50%}.q-hero-shade{background:linear-gradient(180deg,#07122233,#07122218 28%,#07122299 70%,#071222e0 100%),linear-gradient(90deg,#07122240,transparent)}.q-prelude{font-size:24px;max-width:290px}.q-hero h1{font-size:clamp(40px,12.8vw,62px);line-height:.98;letter-spacing:-.055em;margin:clamp(48px,11svh,100px) 0 20px;width:100%}.q-mobile-break{display:block}.q-hero-bottom{width:100%}.q-hero-bottom p{font-size:14px;line-height:1.55;max-width:320px}.q-main-cta{min-height:50px;width:100%;justify-content:space-between;margin-top:20px;font-size:12px;padding:15px 20px}.q-puzzle-controls{left:24px;right:auto;bottom:17px;max-width:none;display:block}.q-puzzle-hint{display:none}.q-puzzle-reset{font-size:10px;min-height:36px;padding:8px 12px;gap:16px;border-color:#ffffff50;background:transparent}.q-scroll-cue{left:auto;right:24px;bottom:14px;min-width:36px;min-height:36px}.q-scroll-cue svg{height:18px}.q-footer{gap:12px 24px;padding-block:28px}.q-footer>p{font-size:12px;flex-basis:100%;order:2}.q-footer>small{order:3}.q-legal-link{margin-left:auto;font-size:11px}.q-footer-brand img{width:125px}.q-dialog{padding:24px}.q-dialog h2{font-size:28px}}
@media(max-width:359px){.q-header{padding-inline:20px}.q-brand img{width:116px}.q-hero{min-height:720px}.q-hero-copy{padding:120px 20px 70px}.q-prelude{font-size:22px}.q-hero h1{font-size:40px;margin-top:55px}.q-hero-bottom p{font-size:13px}.q-main-cta{font-size:10px;gap:10px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.q-hero{position:relative}.q-mosaic{display:none}.q-puzzle-controls{display:none}.q-title-line{overflow:visible}.q-hero-copy{opacity:1!important;transform:none!important}.q-scroll-cue{transform:none!important}}