[blossom-carousel]{display:inline-block;white-space:nowrap;overflow-x:auto;overflow-y:clip;scroll-behavior:smooth;overscroll-behavior-x:contain;list-style-type:none;inline-size:100%;max-inline-size:100vw;box-sizing:border-box;scrollbar-width:none}[blossom-carousel]:is(ul){padding-inline-start:0}[blossom-carousel]::-webkit-scrollbar{display:none}[blossom-carousel][has-repeat=true]{scroll-padding-inline:50%!important;padding-inline:50%!important}[blossom-carousel][has-snap=true]{scroll-snap-type:var(--snap-type)!important}[blossom-carousel][has-overflow=true]{cursor:grab}[blossom-carousel][has-overflow=true]:active{cursor:grabbing}@media(pointer:fine){[blossom-carousel][has-overflow=true]:active{scroll-snap-type:none!important}}[blossom-carousel]>*{display:inline-block;white-space:initial;vertical-align:top}[blossom-carousel] *{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ws3-modal-overlay{--modal-close-cursor-size: 36px;--modal-close-cursor-icon-size: 20px;--modal-close-cursor-shadow: 0 2px 16px rgba(0, 0, 0, .08);--modal-close-cursor-press-scale: .88;--modal-close-cursor-fade-duration: .12s;--modal-close-cursor-hide-duration: .22s;--modal-close-cursor-press-duration: .28s;--modal-close-cursor-open-duration: .68s;position:fixed;top:0;left:0;width:1px;height:1px;overflow:visible;z-index:2000;pointer-events:none}.ws3-modal-overlay--inner{position:absolute;top:0;left:0;width:100vw;height:100dvh;display:grid;place-items:center;pointer-events:none}.ws3-modal-overlay--open .ws3-modal-overlay--inner{pointer-events:auto}.ws3-modal-backdrop{position:absolute;inset:0;background:var(--color-white);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;will-change:opacity;transition:opacity var(--modal-backdrop-close-duration, .32s) cubic-bezier(.4,0,.2,1)}.ws3-modal-overlay--open .ws3-modal-backdrop{opacity:1;transition-duration:var(--modal-backdrop-open-duration, .576s);transition-delay:var(--modal-backdrop-open-delay, 72ms);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ws3-modal-close-cursor{position:fixed;top:0;left:0;z-index:2;opacity:0;pointer-events:none;will-change:transform,opacity;transform:translate3d(var(--modal-close-cursor-x, -48px),var(--modal-close-cursor-y, -48px),0) translate(-50%,-50%);transition:opacity var(--modal-close-cursor-fade-duration) ease-out}.ws3-modal-overlay--inner[data-close-cursor-visible=true] .ws3-modal-close-cursor{opacity:1}.ws3-modal-close-cursor-body{--modal-close-cursor-scale: 0;position:relative;width:var(--modal-close-cursor-size);height:var(--modal-close-cursor-size);transform:scale(var(--modal-close-cursor-scale));transition:transform var(--modal-close-cursor-hide-duration) var(--ease-out-quint)}.ws3-modal-overlay--inner[data-close-cursor-visible=true] .ws3-modal-close-cursor-body{--modal-close-cursor-scale: 1;transition-duration:var(--modal-close-cursor-open-duration);transition-timing-function:var(--ease-spring-medium)}.ws3-modal-overlay--inner[data-close-cursor-visible=true][data-close-cursor-pressed=true] .ws3-modal-close-cursor-body{--modal-close-cursor-scale: var(--modal-close-cursor-press-scale);transition-duration:var(--modal-close-cursor-press-duration);transition-timing-function:cubic-bezier(.22,1.2,.36,1)}.ws3-modal-close-cursor-circle,.ws3-modal-close-cursor-icon{position:absolute;display:block}.ws3-modal-close-cursor-circle{inset:0;width:var(--modal-close-cursor-size);height:var(--modal-close-cursor-size);border-radius:50%;background:var(--color-white);box-shadow:var(--modal-close-cursor-shadow)}.ws3-modal-close-cursor-icon{top:50%;left:50%;width:var(--modal-close-cursor-icon-size);height:var(--modal-close-cursor-icon-size);transform:translate(-50%,-50%)}.ws3-modal-card{--modal-column-width: min(552px, 76vw);position:relative;width:min(620px,76vw);max-height:85vh;overflow-y:auto;opacity:0;filter:blur(3px);transform:scale(1.05);will-change:opacity,filter,transform;transition-property:opacity,filter,transform;transition-duration:var(--modal-content-close-duration, .24s);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ws3-modal-card[data-swiping]{transition:none!important;will-change:transform}.ws3-modal-overlay--open .ws3-modal-card{opacity:1;filter:blur(0px);transform:scale(1);transition-duration:var(--modal-content-open-duration, .612s);transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:var(--modal-content-delay, .1s)}.ws3-modal-overlay--article .ws3-modal-overlay--inner{overflow-y:auto;overscroll-behavior:contain;display:flex;justify-content:center;align-items:flex-start;padding:64px 0}.ws3-modal-overlay--article .ws3-modal-backdrop{position:fixed;pointer-events:none}.ws3-modal-overlay--over-webgl.ws3-modal-overlay--article .ws3-modal-overlay--inner{padding-top:clamp(200px,50vh,480px);padding-bottom:50dvh}.ws3-modal-overlay--over-webgl:before,.ws3-modal-overlay--over-webgl:after{content:"";position:fixed;left:0;right:0;height:40vh;pointer-events:none;z-index:0;opacity:0;transition:opacity var(--modal-content-close-duration, .24s) cubic-bezier(.4,0,.2,1)}.ws3-modal-overlay--over-webgl.ws3-modal-overlay--open:before,.ws3-modal-overlay--over-webgl.ws3-modal-overlay--open:after{opacity:1;transition-duration:var(--modal-content-open-duration, .612s);transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:var(--modal-content-delay, .1s)}.ws3-modal-overlay--over-webgl:before{top:0;background:linear-gradient(to bottom,black,transparent)}.ws3-modal-overlay--over-webgl:after{bottom:0;background:linear-gradient(to top,black,transparent)}.ws3-modal-overlay--over-webgl .ws3-modal-backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;transition:none;pointer-events:none}.ws3-modal-card--article{width:var(--modal-column-width);max-height:none;overflow-y:visible}.ws3-modal-card--over-webgl{--modal-column-width: min(580px, calc(100vw - 64px) );width:var(--modal-column-width);color:#fff}.ws3-modal-card--photo,.ws3-modal-card--video{width:fit-content;max-height:85vh;overflow-y:visible;display:flex;flex-direction:column}.ws3-modal-card--photo .ws3-modal-meta,.ws3-modal-card--video .ws3-modal-meta{width:100%;max-width:var(--modal-column-width);margin:0 auto;padding-top:24px;flex-shrink:0}.ws3-modal-image,.ws3-modal-video{max-width:min(1440px,calc(100vw - 16px));max-height:85vh;width:auto;height:auto;display:block;margin:0 auto;border-radius:16px;box-shadow:0 8px 32px #0000001f}.ws3-modal-explore{position:absolute;bottom:32px;left:32px;z-index:1;text-decoration:none}.ws3-modal-card--video .ws3-modal-explore{position:static;align-self:flex-end;margin-top:20px}.ws3-modal-card--photo-group{width:100vw;max-width:100vw;max-height:none;overflow:visible;padding:0}.ws3-modal-photo-group>*+*{margin-inline-start:15px}.ws3-modal-photo-group{text-align:center;padding-inline:20px;padding-block:12px}.ws3-modal-photo-group-img{height:325px;width:auto;max-width:none;border-radius:16px;display:block}.ws3-modal-photo-group-slide{opacity:0;transform:scale(1.05)}.ws3-modal-overlay--open .ws3-modal-photo-group-slide{animation:photoGroupReveal .8s var(--ease-spring-medium) both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes photoGroupReveal{0%{transform:scale(1.05);opacity:0}to{transform:scale(1);opacity:1}}.ws3-modal-card--photo-group .ws3-modal-meta{width:var(--modal-column-width);margin:0 auto;padding-top:48px}.ws3-modal-card--over-webgl .ws3-modal-article-body{color:#fffffff0}.ws3-modal-article-body :where(.text-3,.text-4,.text-5,.text-6,.text-7,.text-8){color:inherit}.ws3-modal-card--over-webgl .ws3-article-headline.text-3,.ws3-modal-card--over-webgl .ws3-article-headline.text-4{color:#fff}.ws3-modal-article-body p+p{margin-top:1em}.ws3-modal-article-body ul,.ws3-modal-article-body ol{padding-left:1.5em;margin:1em 0}.ws3-modal-article-body li+li{margin-top:.5em}[data-article=manifesto] .ws3-article-headline,[data-article=manifesto] p{text-wrap:pretty;max-width:none;margin-bottom:0}[data-article=manifesto] .ws3-article-headline,[data-article=manifesto] p,[data-article=manifesto] .manifesto-break-marker{opacity:0;transform:translateY(48px);filter:blur(4px);will-change:opacity,transform,filter;transition:opacity 1.8s var(--ease-out-expo) var(--reveal-delay, 0s),transform 1.2s var(--ease-out-expo) var(--reveal-delay, 0s),filter .8s var(--ease-out-expo) var(--reveal-delay, 0s)}[data-article=manifesto] p+p{margin-top:.85em}[data-article=manifesto] .ws3-article-headline+p{margin-top:.85em}[data-article=manifesto] .manifesto-break-marker{width:24px;height:24px;background:var(--color-white);margin:6em auto}[data-article=manifesto] .manifesto-break-marker+p{margin-top:0}[data-article=manifesto] .ws3-article-headline.manifesto-revealed,[data-article=manifesto] p.manifesto-revealed,[data-article=manifesto] .manifesto-break-marker.manifesto-revealed{opacity:1;transform:translateY(0);filter:blur(0px);will-change:auto}.ws3-article-headline.text-3,.ws3-article-headline.text-4{color:var(--color-red);max-width:415px;margin-bottom:24px}.ws3-modal-card--article:not(.ws3-modal-card--over-webgl) .ws3-article-headline{margin-bottom:80px}.ws3-modal-mobile-close{display:none}.ws3-modal-meta{display:flex;justify-content:space-between;padding:24px 0}.ws3-modal-meta-title.text-8{color:var(--color-black)}.ws3-modal-meta-subtitle.text-8{color:var(--color-grey-60)}.ws3-modal-article-header .ws3-modal-meta-subtitle.text-8{color:var(--color-black)}.ws3-modal-card--over-webgl .ws3-modal-meta-title.text-8{color:#ffffffe6}.ws3-modal-card--over-webgl .ws3-modal-meta-subtitle.text-8,.ws3-modal-card--over-webgl .ws3-modal-article-header .ws3-modal-meta-subtitle.text-8{color:var(--color-grey-muted)}@media(max-width:768px){.ws3-modal-overlay--article .ws3-modal-overlay--inner{padding-inline:var(--page-pad-mobile)}.ws3-modal-card--article{width:100%}.ws3-modal-close-cursor{display:none}.ws3-modal-explore{bottom:16px;left:16px}.ws3-modal-card--video .ws3-modal-explore{margin-top:16px}.ws3-modal-mobile-close{--modal-mobile-close-size: 44px;--modal-mobile-close-icon-size: 20px;position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 32px);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--modal-mobile-close-size);height:var(--modal-mobile-close-size);padding:0;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:var(--color-white);box-shadow:0 2px 32px #0000001f;color:var(--color-black);appearance:none;-webkit-appearance:none;transform:translate(-50%);cursor:pointer}.ws3-modal-mobile-close-icon{display:block;width:var(--modal-mobile-close-icon-size);height:var(--modal-mobile-close-icon-size)}.ws3-modal-mobile-close:focus-visible{outline:2px solid #fff;outline-offset:3px}}@media all{.ws3-modal-card,.ws3-modal-backdrop,.ws3-modal-close-cursor,.ws3-modal-close-cursor-body{transition:none!important}.ws3-modal-card{filter:none}.ws3-modal-overlay--inner[data-close-cursor-visible=true] .ws3-modal-close-cursor-body,.ws3-modal-overlay--inner[data-close-cursor-visible=true][data-close-cursor-pressed=true] .ws3-modal-close-cursor-body{--modal-close-cursor-scale: 1}.ws3-modal-photo-group-slide{animation:none;opacity:1;transform:none}[data-article=manifesto] .ws3-article-headline,[data-article=manifesto] p,[data-article=manifesto] .manifesto-break-marker{opacity:1;transform:none;filter:none;transition:none}}img{max-width:100%;height:auto;display:block;-webkit-touch-callout:none;user-select:none}.layout-root{position:relative;width:100%;min-height:100vh}.layout-root.loading .hero,.layout-root.loading .site-header,.layout-root.loading .hero-live-bar{animation-play-state:paused}.layout-inner{position:relative;width:100%}.section{position:relative;width:100%;overflow:visible}.headline{--side-bearing: -.08em;margin-left:var(--side-bearing);user-select:none}.wr{display:inline-block;position:relative}.wr .wr-text{display:inline-block;color:transparent}.wr[data-side=left] .wr-text{transform-origin:left bottom}.wr[data-side=right] .wr-text{transform-origin:right bottom}.wr .wr-text:before{content:"";position:absolute;width:.12em;height:.12em;background:#000;bottom:.02em;visibility:hidden;scale:1}.wr[data-side=left] .wr-text:before{right:100%;transform-origin:right bottom}.wr[data-side=right] .wr-text:before{left:calc(100% + .06em);transform-origin:left bottom}.wr[data-shape=circle] .wr-text:before{border-radius:50%}.wr.revealed .wr-text:before{animation:wr-shape 1s step-end var(--wr-delay, 0s) both}.wr.revealed .wr-text{animation:wr-text 1s step-end var(--wr-delay, 0s) forwards,wr-drift .25s ease-out calc(var(--wr-delay, 0s) + .55s) both}@keyframes wr-shape{0%{visibility:hidden;scale:1}0.5%{visibility:visible;scale:1}15%{visibility:visible;scale:1.5}30%{visibility:visible;scale:2}45%{visibility:visible;scale:2}55%{visibility:hidden;scale:0}}@keyframes wr-text{0%{color:transparent;transform:scale(.35)}15%{color:transparent;transform:scale(.35)}30%{color:inherit;transform:scale(.35)}45%{color:inherit;transform:scale(.65)}55%{color:inherit;transform:scale(1)}to{color:inherit;transform:scale(1)}}@keyframes wr-drift{0%{translate:calc(var(--wr-drift-dir, -1) * .08em) 0}to{translate:0 0}}[data-id=hero-headline-2]{position:relative}[data-id=hero-headline-2] .wr:nth-child(2){z-index:1}.countdown-headline-type{font-family:var(--font-headline);font-weight:500;font-size:1600px;line-height:.7;letter-spacing:-.04em;color:var(--color-black)}.shape{position:absolute}.layout-root{--hero-live-pad-x: calc(var(--page-pad) + 4px)}.hero{--hero-fs: clamp(48px, calc((100vw - var(--page-pad) * 2) / 8.6), 182px);--hero-wrap-h: max(600px, 65svh);--hero-tagline-offset: calc((40px + var(--text-5) * 1.1) / 2);transform:translateY(calc(50svh - var(--hero-wrap-h) / 2 - var(--hero-tagline-offset)));animation:hero-rise var(--hero-rise-dur, 2.4s) var(--hero-rise-ease, var(--ease-in-out-quint)) var(--hero-rise-delay, .2s) both}@keyframes hero-rise{to{transform:translateY(0)}}.layout-root .site-header{position:absolute;top:-40px;left:0;right:0;z-index:1;pointer-events:none;opacity:0;animation:header-in .8s var(--ease-out-expo) var(--header-delay, 2s) both}@keyframes header-in{to{opacity:1;top:0}}.layout-root .site-header>*{pointer-events:auto}.layout-root .site-logo{pointer-events:none;transition:filter .6s ease}.hero-cta .btn-pill:not(.btn-pill--icon){width:280px}.hero-cta-marquee-icon{border-radius:3px;transform:rotate(2deg)}.hero-cta-date{flex-shrink:0;margin-left:8px}.hero-headline-wrap{padding-top:120px;height:var(--hero-wrap-h);position:relative;max-width:var(--grid-max);margin:0 auto;display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);align-content:center}.hero .headline{grid-column:1 / -1;text-align:center;text-wrap:pretty}.hero-tagline.text-5{grid-column:4 / span 4;margin-top:40px;color:var(--color-black);text-align:center;white-space:nowrap;text-wrap:pretty}.hero-live-bar.text-8{display:flex;align-items:center;gap:16px;max-width:var(--grid-max);margin:112px auto 0;padding:0 var(--hero-live-pad-x);color:var(--color-black);opacity:0}.hero-live-bar.tagline-in{animation:live-bar-reveal 1.6s var(--ease-out-expo) var(--live-bar-delay, 3s) both}@keyframes live-bar-reveal{0%{opacity:1;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.hero-live-left,.hero-live-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.hero-live-right{color:inherit;text-decoration:none;padding:6px}.hero-live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-green);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.hero-live-line{flex:1;height:1px;background:var(--color-border)}.hero-live-label{white-space:nowrap}.hero-live-right:hover .hero-live-logo,.hero-live-right:focus-visible .hero-live-logo{transform:scale(1.1) rotate(3deg)}.hero-live-logo{flex-shrink:0;transform-origin:50% 50%;transition:transform .5s var(--ease-spring-medium)}.hero-grid{position:relative;display:grid;grid-template-columns:repeat(var(--hero-grid-cols, 3),1fr);gap:clamp(.5rem,1.5vw,1.5rem);max-width:var(--grid-max);margin:20px auto 0;padding:0 var(--page-pad)}@media all{.hero-live-logo{transition:none}.hero-live-right:hover .hero-live-logo,.hero-live-right:focus-visible .hero-live-logo{transform:none}}.hero-grid:after{content:"";position:absolute;bottom:0;left:0;right:0;height:250px;pointer-events:none}.hero-grid-col{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,1.5rem)}.hero-grid-card{appearance:none;display:block;width:100%;padding:0;background:var(--card-bg, #f0f0f0);font:inherit;color:inherit;text-align:inherit;cursor:pointer;position:relative;overflow:hidden;border-radius:var(--radius-card);opacity:0;transform:translate(var(--card-x, 0),var(--card-y, 500px)) scale(1.5);border:1px solid rgba(0,0,0,.04);outline:none}.hero-grid-card:focus-visible{outline:2px solid var(--color-body);outline-offset:2px}@supports (corner-shape: superellipse(1.2)){.hero-grid-card,.carousel-card-shell,.carousel-card-inner{corner-shape:superellipse(1.2)}}.hero-grid-card.card-static{--hover-speed: .65s;box-shadow:var(--shadow-card-hover-off);transition:transform var(--hover-speed) var(--ease-spring-bouncy),box-shadow var(--hover-speed) var(--ease-spring-bouncy)}.hero-grid-card.card-static:hover{transform:scale(1.015);box-shadow:var(--shadow-card-hover)}.hero-grid-card.card-static:active{transform:scale(.97);box-shadow:var(--shadow-card-hover-off)}.hero-grid-card.card-in{animation:card-slide-in var(--card-dur, 1.8s) var(--ease-out-expo) var(--hero-card-delay, 0s) both;will-change:transform,opacity}.hero-grid-card.card-static{opacity:1;transform:none}.hero-grid-card.card-static .hero-grid-video{opacity:1}@keyframes card-slide-in{0%{opacity:0;transform:translate(var(--card-x, 0),var(--card-y, 500px)) scale(1.5)}5%{opacity:1}to{opacity:1;transform:translate(0) scale(1)}}.hero-grid-video{width:100%;height:auto;display:block;object-fit:cover;background:var(--card-bg, #f0f0f0)}@keyframes card-media-fade{0%{opacity:0}to{opacity:1}}@keyframes card-media-reveal{0%{clip-path:inset(30% round 24px)}to{clip-path:inset(0% round 16px)}}.hero-grid-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible;z-index:1;transition:opacity .18s ease;pointer-events:none}.hero-grid-card[data-video-state=ready] .hero-grid-poster{opacity:0}@media(max-width:768px){.header-cta-link{width:100%;max-width:250px;min-width:0}.header-cta-link .hero-cta{width:100%}.header-cta-link .hero-cta .btn-pill:not(.btn-pill--icon){width:100%;flex-shrink:1;overflow:hidden}.header-cta-link .hero-cta-date,.header-cta-link .btn-pill--icon{display:none}.layout-root{--hero-live-pad-x: calc(var(--page-pad-mobile) + 4px)}.hero{--hero-fs: clamp(48px, calc((100vw - var(--page-pad-mobile) * 2) / 7.95), 220px);--hero-wrap-h: max(510px, 55svh);--hero-tagline-offset: calc((28px + var(--text-5) * 1.1) / 2);transform:translateY(calc(50svh - var(--hero-wrap-h) / 2 - var(--hero-tagline-offset)))}.hero-headline-wrap{padding:44px var(--page-pad-mobile) 0;grid-template-columns:1fr;height:var(--hero-wrap-h)}.hero-tagline.text-5{grid-column:1;margin-top:28px;white-space:pre-line}.hero-live-bar.text-8{margin-top:0}.hero-live-logo{width:24px;height:auto}.hero-grid{margin-top:20px;padding:0 var(--page-pad-mobile)}.hero-grid-card{border-radius:var(--radius-card-mobile);transform:translate(var(--card-x, 0),var(--card-y, 120px)) scale(1.15)}@keyframes card-slide-in{0%{opacity:0;transform:translate(var(--card-x, 0),var(--card-y, 120px)) scale(1.15)}5%{opacity:1}to{opacity:1;transform:translate(0) scale(1)}}}.countdown{--ring-size: max(1400px, min(1800px, 98vw));--clock-accent: #FF591D;--clock-tick: #E5E5E5;position:relative;pointer-events:none;margin-top:max(-140vh,-1300px);padding-bottom:calc(var(--ring-size) * .35)}.countdown-stage{position:relative;height:600vh}.countdown-stage-sticky{position:sticky;top:0;height:100dvh;overflow:visible;z-index:1;isolation:isolate}.countdown [data-id=countdown-headline]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;font-size:calc(var(--ring-size) * .75);visibility:hidden}.cd-ring{top:50%;left:50%;transform:translate(-50%,-50%);width:var(--ring-size);height:var(--ring-size);border-radius:50%}.dom-clock-wrap,.dom-clock-hand-wrap{position:absolute;top:0;left:50%;width:var(--ring-size);height:var(--ring-size);transform:translate(-50%,100dvh);visibility:hidden;pointer-events:none;will-change:transform}.dom-clock-wrap{z-index:10}.dom-clock-hand-wrap{z-index:12}.dom-clock{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.dom-clock-ring{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.dom-clock-hand-layer{position:absolute;top:calc(var(--ring-size) / 2);left:50%;transform:translate(-50%,-50%);width:calc(var(--ring-size) / 1.6);aspect-ratio:1;pointer-events:none;z-index:2}.dom-clock-hand-dial{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));will-change:transform}.dom-clock-digits{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.05);width:calc(var(--ring-size) * .726);display:flex;gap:0;align-items:stretch;pointer-events:none;transition:transform .5s var(--ease-spring-bouncy)}.dom-clock-digits.is-filled{transform:translate(-50%,-50%) scale(.95)}.dom-clock-digit-slot{flex:1;position:relative;aspect-ratio:66 / 88}.dom-clock-digit-slot svg{display:block;width:100%;height:100%}.countdown .manifesto.manifesto--countdown{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(var(--manifesto-y, 78vh));visibility:var(--manifesto-vis, hidden);width:100vw;margin:0;padding:24px 0 0;pointer-events:none;z-index:11;isolation:isolate}.countdown .manifesto.manifesto--countdown .button-row{pointer-events:auto}@media(max-width:1024px){.countdown{--ring-size: min(1800px, 122vw)}.countdown .manifesto--countdown .manifesto-columns:before{display:block}}.manifesto{position:relative;margin-top:-430px;padding:80px 0 100px;z-index:1}.manifesto-columns{position:relative;display:grid;max-width:var(--grid-max);margin:0 auto;grid-template-columns:repeat(var(--grid-cols),1fr);padding:140px 40px}.manifesto-columns:before{content:"";position:absolute;inset:0 0 0 50%;transform:translate(-50%);width:100vw;background:linear-gradient(to bottom,transparent 0%,var(--color-white) 35%);pointer-events:none;z-index:-1}.manifesto-left{grid-column:3 / span 3;padding-right:80px}.manifesto-right{grid-column:6 / span 3;padding-right:32px}.manifesto-headline{text-wrap:pretty}.manifesto-body.text-5{color:var(--color-black);max-width:480px;margin-bottom:26px;text-wrap:pretty}.manifesto-btn{--pill-gap: 8px;--pill-text-gap: 10px;--pill-pad-x-start: 20px;--pill-pad-x-end: 24px;--pill-gap-mobile: 6px;--pill-pad-x-start-mobile: 14px;--pill-pad-x-end-mobile: 18px}.manifesto-btn .manifesto-btn__mark{--pill-icon-size: 18px;width:18px;height:auto;transform:translateY(-.5px)}@media(max-width:1280px)and (min-width:1025px){.manifesto-left{grid-column:2 / span 3;padding-right:0}.manifesto-right{grid-column:6 / span 4}}@media(max-width:1024px){.manifesto{margin-top:0}.manifesto-columns:before{display:none}.countdown .manifesto--countdown .manifesto-columns:before{display:block;top:-120px}.manifesto-columns{grid-template-columns:1fr;padding:0 var(--page-pad-mobile);height:auto;text-align:center;justify-items:center;max-width:480px;margin:0 auto}.manifesto-left{grid-column:1;padding-right:0;margin-bottom:20px}.manifesto-right{grid-column:1;display:flex;flex-direction:column;align-items:center;padding-right:0}.manifesto-body.text-5{max-width:100%}}.carousel-section{--carousel-headline-top-safety: 0px}.carousel-headline-stack{padding-top:calc(100px + var(--carousel-headline-top-safety));position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;width:fit-content;margin:0 auto;overflow:visible}@media(max-height:820px)and (min-width:769px){.carousel-section{--carousel-headline-top-safety: clamp(24px, calc((820px - 100vh)*.6) , 84px)}}.carousel-tagline.text-5{margin-top:64px;color:var(--color-black);white-space:pre-line;text-align:center;max-width:340px;text-wrap:pretty}.carousel-container{--card-width: 415;--card-height: 558;--card-gap: 24;--carousel-bleed: 220px;position:relative;z-index:1;display:flex;gap:calc(var(--card-gap) * 1px);overflow-x:auto;overflow-y:hidden;--carousel-gutter: var(--page-gutter);padding-left:var(--carousel-gutter);padding-right:var(--carousel-gutter);width:100%;height:calc(var(--card-height) * 1px + var(--carousel-bleed) * 2);padding-top:var(--carousel-bleed);padding-bottom:var(--carousel-bleed);margin-top:calc(96px - var(--carousel-bleed));margin-bottom:calc(-1 * var(--carousel-bleed));scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overflow-anchor:none;overscroll-behavior-x:contain;visibility:visible}.carousel-container::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 calc(var(--card-width) * 1px);height:calc(var(--card-height) * 1px);cursor:pointer;scroll-snap-align:center}button.carousel-card{appearance:none;padding:0;border:0;background:none;color:inherit;text-align:inherit;font:inherit;outline:none}button.carousel-card:focus-visible .carousel-card-shell{outline:2px solid var(--color-body);outline-offset:2px}.carousel-card-shell{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-card);opacity:0;--carousel-enter-x: 100vw;--carousel-enter-scale: 2.25;--carousel-enter-gap: calc(var(--card-width) * 1px * 1.4);--carousel-enter-spread-t: 1;transform:translate(calc(var(--carousel-enter-x) + (var(--carousel-enter-index-offset, 0) * var(--carousel-enter-gap) + var(--carousel-enter-center-distance, 0) * var(--carousel-enter-gap) * .9) * var(--carousel-enter-spread-t))) scale(var(--carousel-enter-scale));transition:transform 1.5s var(--ease-out-expo) var(--carousel-enter-delay, 0ms),opacity .4s var(--ease-out-expo) var(--carousel-enter-delay, 0ms);will-change:transform,opacity}.carousel-container.carousel-container-entered .carousel-card-shell{opacity:1;--carousel-enter-x: 0px;--carousel-enter-scale: 1;--carousel-enter-spread-t: 0}.carousel-card-shell.carousel-card-hoverable{--hover-speed: .65s;box-shadow:var(--shadow-card-hover-off);transition:transform var(--hover-speed) var(--ease-spring-bouncy),box-shadow var(--hover-speed) var(--ease-spring-bouncy)}@media(hover:hover)and (pointer:fine){.carousel-card-shell.carousel-card-hoverable:hover{transform:scale(1.015);box-shadow:var(--shadow-card-hover)}}.carousel-card-shell.carousel-card-hoverable:active{transform:scale(.97);box-shadow:var(--shadow-card-hover-off)}.carousel-card-inner{width:100%;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-card);background:var(--card-bg);color:var(--card-fg);user-select:none;overflow:hidden;padding:calc(var(--card-width) * .068px)}.carousel-card-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.carousel-card-bg-text.text-1--card-bg{z-index:1;color:var(--card-fg);pointer-events:none;transition:transform 1s var(--ease-spring-medium)}@media(hover:hover)and (pointer:fine){.carousel-card-bg-text{transform:translate(-45%,-50%)}.carousel-card-shell:hover .carousel-card-bg-text{transform:translate(-55%,-50%)}}.carousel-card-heading.text-3--card{position:relative;z-index:1;color:var(--card-fg);margin:0;flex:1}.carousel-card-media{display:flex;align-items:center;justify-content:center;flex:1;position:relative;z-index:1;transition:transform .3s var(--ease-spring)}@media(hover:hover)and (pointer:fine){.carousel-card-shell:hover .carousel-card-media{transform:scale(1.04)}}.carousel-card-media--single{transform:rotate(var(--media-rotation, 2deg))}.carousel-card-media-frame{position:relative;border-radius:calc(var(--card-width) * .058px);box-shadow:var(--shadow-medium);overflow:hidden}.carousel-card-media-frame .carousel-card-media-img{max-width:calc(var(--card-width) * .58px);max-height:calc(var(--card-height) * .47px);display:block;object-fit:cover}.carousel-card-media--stack{display:flex;align-items:center;justify-content:center;position:relative}.carousel-card-stack-img{position:absolute;width:calc(var(--card-width) * .52px);height:calc(var(--card-width) * .52px);border-radius:calc(var(--card-width) * .058px);object-fit:cover;box-shadow:var(--shadow-medium);transition:transform .65s var(--ease-spring-bouncy)}.carousel-card-media--stack-2 .carousel-card-stack-img:nth-child(1){transform:translate(-6%,2%) rotate(-5deg)}.carousel-card-media--stack-2 .carousel-card-stack-img:nth-child(2){transform:translate(6%,-2%) rotate(5deg)}.carousel-card-media--stack-3 .carousel-card-stack-img:nth-child(1){transform:translate(-14%,4%) rotate(-7deg)}.carousel-card-media--stack-3 .carousel-card-stack-img:nth-child(2){transform:translate(0) rotate(0)}.carousel-card-media--stack-3 .carousel-card-stack-img:nth-child(3){transform:translate(12%,12%) rotate(8deg)}@media(hover:hover)and (pointer:fine){.carousel-card-shell:hover .carousel-card-media--stack-2 .carousel-card-stack-img:nth-child(1){transform:translate(-10%,3%) rotate(-7deg)}.carousel-card-shell:hover .carousel-card-media--stack-2 .carousel-card-stack-img:nth-child(2){transform:translate(10%,-3%) rotate(7deg)}.carousel-card-shell:hover .carousel-card-media--stack-3 .carousel-card-stack-img:nth-child(1){transform:translate(-18%,5%) rotate(-9.5deg)}.carousel-card-shell:hover .carousel-card-media--stack-3 .carousel-card-stack-img:nth-child(2){transform:translate(0) rotate(0)}.carousel-card-shell:hover .carousel-card-media--stack-3 .carousel-card-stack-img:nth-child(3){transform:translate(16%,14%) rotate(11deg)}}.carousel-card-play-label.text-7--card{position:absolute;bottom:12px;left:12px;z-index:2;display:flex;align-items:center;gap:3px;color:var(--color-white);pointer-events:none}.carousel-card-play-label svg{width:calc(var(--card-width) * .034px);height:calc(var(--card-width) * .034px)}.carousel-card-footer.text-8--card{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:6px;margin-top:auto;color:var(--card-footer-fg)}.carousel-card-footer-right{opacity:.4}@media all{.carousel-card-shell{opacity:1;transform:none;animation:none!important;transition:none!important}}@media(max-width:768px){.carousel-section{margin-top:0}.carousel-container{--card-width: 320;--card-gap: 16;--carousel-bleed: 120px;--carousel-gutter: var(--page-pad-mobile);height:calc(min(360px,100vw - var(--carousel-gutter) * 2) / 3 * 4 + var(--carousel-bleed) * 2);margin-top:calc(48px - var(--carousel-bleed));margin-bottom:calc(-1 * var(--carousel-bleed))}.carousel-tagline.text-5{margin-top:32px}.carousel-card-shell{--carousel-enter-scale: 1.3}.carousel-card{flex:0 0 min(360px,calc(100vw - var(--carousel-gutter) * 2));min-width:0;height:auto;aspect-ratio:3 / 4}.carousel-card-inner{border-radius:var(--radius-card)}}.remote{margin-top:200px;padding-bottom:200px}.remote-grid{display:grid;max-width:var(--grid-max);margin:0 auto;grid-template-columns:repeat(var(--grid-cols),1fr)}.remote .headline{text-align:left}.remote-red.text-1--remote{color:var(--color-red-remote)}.remote-location-label.text-8--remote{color:var(--color-black);white-space:pre-line;align-self:flex-end;margin-bottom:min(9px,.625vw)}[data-reveal=headline-artifact]{opacity:0}[data-reveal=headline-artifact].label-in{animation:label-fade-in .8s var(--ease-out-expo) both}@keyframes label-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.remote-location-label--spaced{margin-left:2.5em}.remote-line{display:flex;align-items:baseline;gap:2.5em}.remote-line-1{grid-column:3 / span 5}.remote-line-2{grid-column:4 / span 6;gap:min(48px,3.333vw);padding-left:min(48px,3.333vw)}.remote-line-3{grid-column:2 / span 6;gap:min(48px,3.333vw)}.remote-line-4{grid-column:4 / span 6;gap:1em}.remote-line-5{grid-column:5 / span 5;gap:1em}.remote-line-6{grid-column:3 / span 8;align-items:center;gap:0}.remote-line-7{grid-column:5 / span 6;gap:1em}.remote-line-8{grid-column:4 / span 7;gap:1.5em}.remote-studio-thumb{appearance:none;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;position:relative;width:min(203px,14.097vw);margin:0 min(20px,1.389vw);flex-shrink:0;cursor:pointer;border-radius:min(16px,1.111vw);overflow:hidden;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring)}.remote-studio-thumb:hover{transform:scale(1.03);box-shadow:0 0 20px #0003}.remote-studio-thumb:focus-visible{outline:2px solid var(--color-body);outline-offset:2px}.remote-studio-img{display:block;width:100%;height:100%;border-radius:min(16px,1.111vw)}.remote-studio-thumb-overlay{position:absolute;left:min(15px,1.042vw);bottom:min(13px,.903vw);display:inline-flex;align-items:flex-end;justify-content:space-between;gap:min(6px,.417vw);pointer-events:none;width:calc(100% - min(30px,2.083vw))}.remote-studio-thumb-logo{width:min(52px,3.611vw);height:auto;display:block}.remote-studio-thumb-expand{width:min(14px,.972vw);height:min(14px,.972vw);display:block;margin-bottom:1px}@media(max-width:768px){.remote{margin-top:120px;padding-bottom:120px}.remote-grid{grid-template-columns:1fr;padding:0 2vw}.remote-grid>*{grid-column:1}.remote-line{gap:5.1vw}.remote-line-1{padding-left:2vw}.remote-line-2{padding-left:10vw}.remote-line-3{padding-left:2vw}.remote-line-4{padding-left:31vw}.remote-line-5{padding-left:14vw}.remote-line-6{padding-left:1.3vw;gap:1.5vw;align-items:center}.remote-line-7{padding-left:23vw}.remote-line-8{padding-left:10vw}.remote-location-label{display:none}.remote-studio-thumb{width:18vw;aspect-ratio:5 / 4;margin:0vw 1.5vw 0;border-radius:2vw}.remote-studio-thumb .remote-studio-img{width:100%;height:100%;object-fit:cover}.remote-studio-thumb-overlay{left:6px;bottom:5px;gap:4px;width:calc(100% - 12px)}.remote-studio-thumb-logo,.remote-studio-thumb-expand{display:none}}

/* HubZek: pílula estática "Entrar · Começar agora", sem seta */
.hero-cta .btn-pill--icon{display:none!important}
.hero-cta .btn-pill__marquee,.hero-cta .hero-cta-marquee-icon,.hero-cta .hero-cta-date{display:none!important}
.hero-cta .btn-pill:not(.btn-pill--icon){display:flex;align-items:center;gap:10px}
/* HubZek: capsula estatica; somente o texto e clicavel */
.header-cta-link{pointer-events:none!important;-webkit-tap-highlight-color:transparent!important}
.header-cta-link:focus,.header-cta-link:active,.header-cta-link *:focus,.header-cta-link *:active{box-shadow:none!important;outline:none!important}
.hz-cta2{display:inline-flex;align-items:center;gap:8px;pointer-events:none;font:inherit;line-height:1}
.hz-cta2 a{pointer-events:auto;text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:8px;padding:2px 4px;margin:-2px 0;transition:opacity .15s ease}
.hz-cta2 a:hover{opacity:.68}
.hz-cta2 a:active{opacity:.5}
.hz-cta2 a:focus-visible{outline:2px solid #2c5feb;outline-offset:2px}
.hz-cta2-in{color:#000}
.hz-cta2-dot{color:#000;opacity:.42;pointer-events:none;user-select:none}
.hz-cta2-go{color:#2c5feb;font-weight:500}

/* HubZek: sem barra vendas-ao-vivo; cards mais proximos da tagline */
.hero-live-bar{display:none!important}
.hero-grid{margin-top:-10px!important}
/* HubZek: links de navegacao ao lado do logo */
.hz-nav{position:absolute;display:flex;gap:36px;align-items:center;z-index:2;pointer-events:auto}
.hz-nav a{font-family:HZDisplay,sans-serif;font-size:16px;font-weight:400;color:#6f7680;text-decoration:none;transition:color .2s ease}
.hz-nav a:hover{color:#000}
@media(max-width:900px){.hz-nav{display:none}}

/* HubZek: header imediato, sem capsula 3D */
:root{--header-delay:0s}


/* HubZek: nada aparece antes da hidratacao — entrada unica, tudo junto */
.layout-root.loading{opacity:0!important}

/* HubZek: sem rolagem horizontal */
html,body{overflow-x:clip!important}

/* HubZek: headline com impacto em telas estreitas (3 linhas grandes) */
@media(max-width:1100px){
  .headline.text-1--hero{font-size:calc((100vw - 64px)/4.55)!important;white-space:normal!important;line-height:.85!important}
}

@media(max-width:1100px){.hero-grid{margin-top:90px!important}}
@media(max-width:600px){.hero-grid{margin-top:40px!important}}

/* HubZek: grade reduzida e balanceada — 11 cards, 3 colunas sem buracos.
   Fora (pedido do André): renaissance (The Edition), racing, sidekick, thinker-promo (verde c/ celular), julian (luvas) + tinker (o outro card verde do tinker).
   Fora (equilibrio das colunas): rundle, logo-animation, text-strings, taylor, open-ai, shop-web, type-pill. */
.hero-grid-col>div:has([data-id="hero-renaissance-img"]),
.hero-grid-col>div:has([data-id="hero-racing-img"]),
.hero-grid-col>div:has([data-id="hero-sidekick-img"]),
.hero-grid-col>div:has([data-id="hero-tinker-img"]),
.hero-grid-col>div:has([data-id="hero-thinker-promo-img"]),
.hero-grid-col>div:has([data-id="hero-julian-prototype-1-img"]),
.hero-grid-col>div:has([data-id="hero-rundle-prototype-1-img"]),
.hero-grid-col>div:has([data-id="hero-hz-logo-animation-img"]),
.hero-grid-col>div:has([data-id="hero-text-strings-img"]),
.hero-grid-col>div:has([data-id="hero-taylor-prototype-1-img"]),
.hero-grid-col>div:has([data-id="hero-open-ai-integration-img"]),
.hero-grid-col>div:has([data-id="hero-shop-web-img"]),
.hero-grid-col>div:has([data-id="hero-type-pill-img"]){display:none!important}

/* HubZek: mobile — menos espaco entre o ultimo card e o relogio */
@media(max-width:1100px){.countdown{margin-top:max(-175vh,-1650px)!important}}

/* HubZek: relogio azul + sem botao de filosofia */
.countdown{--clock-accent:#2c5feb!important}
.manifesto-btn{display:none!important}

/* HubZek: faixa de posicionamento entre a headline e o grid */
.hz-strip{margin:64px auto 0;max-width:880px;padding:0 24px;text-align:center;opacity:0;transform:translateY(12px);animation:hzStripIn .9s cubic-bezier(.22,1,.36,1) .45s forwards}
@keyframes hzStripIn{to{opacity:1;transform:none}}
.hz-strip p{margin:0;font-family:HZDisplay,sans-serif}
.hz-strip-line{font-weight:400;font-size:clamp(18px,1.6vw,24px);line-height:1.5;color:#6f7680}
.hz-strip-claim{margin-top:6px!important;font-weight:500;font-size:clamp(20px,1.9vw,28px);line-height:1.4;color:#000}
.hero:has(.hz-strip) .hero-grid{margin-top:48px!important}
@media(max-width:1100px){.hz-strip{margin-top:52px}.hz-strip-line{font-size:18px}.hz-strip-claim{font-size:21px}.hero:has(.hz-strip) .hero-grid{margin-top:52px!important}}
@media(max-width:600px){.hz-strip{margin-top:40px}.hz-strip-line{font-size:16px}.hz-strip-claim{font-size:19px}.hero:has(.hz-strip) .hero-grid{margin-top:36px!important}}

/* HubZek: secao O PROBLEMA REAL (entre o relogio e as proximas secoes) */
.hz-problema{padding:150px 32px 40px}
.hz-prob-inner{max-width:1160px;margin:0 auto;text-align:center}
.hz-kicker{font-family:HZMono,monospace;font-size:13px;letter-spacing:.16em;color:#2c5feb;margin:0 0 30px}
.hz-prob-h{font-family:HZDisplay,sans-serif;font-weight:500;font-size:clamp(42px,5.4vw,80px);line-height:1.04;letter-spacing:-.02em;color:#000;margin:0}
.hz-prob-h span{color:#2c5feb}
.hz-prob-sub{font-family:HZDisplay,sans-serif;font-weight:400;font-size:clamp(17px,1.6vw,23px);line-height:1.5;color:#6f7680;margin:26px auto 0;max-width:660px}
.hz-prob-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:76px;text-align:left}
.hz-prob-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:38px 34px 42px;position:relative}
.hz-prob-num{position:absolute;top:34px;right:34px;font-family:HZMono,monospace;font-size:12px;letter-spacing:.1em;color:#b9bec6}
.hz-prob-card svg{display:block;margin-bottom:28px}
.hz-prob-card h3{font-family:HZDisplay,sans-serif;font-weight:500;font-size:22px;color:#000;margin:0 0 12px}
.hz-prob-card p{font-family:HZDisplay,sans-serif;font-weight:400;font-size:16.5px;line-height:1.55;color:#6f7680;margin:0}
.hz-rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--d,0s),transform .8s cubic-bezier(.22,1,.36,1) var(--d,0s)}
.hz-rv.hz-in{opacity:1;transform:none}
@media(max-width:1100px){.hz-problema{padding:110px 24px 20px}.hz-prob-cards{grid-template-columns:1fr;gap:16px;margin-top:56px}.hz-prob-card{border-radius:12px;padding:30px 26px 34px}}

/* HubZek: tier unico para titulos de secao secundaria — sem conflito entre secoes vizinhas */
.hz-prob-h{font-size:clamp(54px,7.6vw,110px)!important;line-height:.98!important;max-width:1240px;margin-left:auto;margin-right:auto}
.text-1--carousel{font-size:clamp(54px,7.6vw,110px)!important}
.hz-prob-sub{margin-top:32px}
@media(max-width:600px){.hz-prob-h{font-size:clamp(44px,13vw,54px)!important}.text-1--carousel{font-size:clamp(44px,13vw,54px)!important}}
.hz-prob-sub{max-width:900px}

/* HubZek: secao AS FERRAMENTAS (#recursos) — menu lateral + palco em moldura de navegador */
.hz-ferramentas{padding:150px 32px 40px}
.hzf-inner{max-width:1240px;margin:0 auto;text-align:center}
.hzf-body{display:grid;grid-template-columns:320px 1fr;gap:24px;margin-top:72px;text-align:left;align-items:start}
.hzf-menu{display:flex;flex-direction:column;gap:10px}
.hzf-item{appearance:none;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px 20px;text-align:left;cursor:pointer;display:block;font:inherit;transition:border-color .25s ease,background .25s ease}
.hzf-item:hover{border-color:rgba(0,0,0,.22)}
.hzf-item.hzf-on{border-color:#2c5feb;box-shadow:inset 0 0 0 1px #2c5feb}
.hzf-num{font-family:HZMono,monospace;font-size:11px;letter-spacing:.1em;color:#b9bec6;display:block;margin-bottom:6px}
.hzf-item.hzf-on .hzf-num{color:#2c5feb}
.hzf-item-t{font-family:HZDisplay,sans-serif;font-weight:500;font-size:17px;color:#000;display:block}
.hzf-item-d{font-family:HZDisplay,sans-serif;font-size:13.5px;line-height:1.4;color:#6f7680;display:block;margin-top:4px}
.hzf-frame{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;overflow:hidden;min-height:560px;display:flex;flex-direction:column}
.hzf-frame-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.06)}
.hzf-dots i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e3e5e8;margin-right:6px}
.hzf-url{font-family:HZMono,monospace;font-size:12px;color:#6f7680;background:#f4f5f6;border-radius:999px;padding:6px 16px}
.hzf-stages{position:relative;flex:1}
.hzf-stage{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease;padding:28px 30px}
.hzf-stage.hzf-live{opacity:1;pointer-events:auto;position:relative}
/* demo: painel */
.hzf-app{display:flex;flex-direction:column;gap:20px;height:100%}
.hzf-app-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.hzf-app-title{font-family:HZDisplay,sans-serif;font-weight:500;font-size:18px;color:#000}
.hzf-tabs span,.hzf-tabs b{font-family:HZDisplay,sans-serif;font-weight:400;font-size:13.5px;color:#6f7680;margin-left:16px}
.hzf-tabs b{color:#000;font-weight:500;border-bottom:2px solid #2c5feb;padding-bottom:3px}
.hzf-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hzf-kpi{border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.hzf-kpi-l{font-family:HZMono,monospace;font-size:10px;letter-spacing:.08em;color:#9aa0a8}
.hzf-kpi-v{font-family:HZDisplay,sans-serif;font-weight:500;font-size:22px;color:#000}
.hzf-kpi-s{font-family:HZDisplay,sans-serif;font-size:12px;color:#9aa0a8}
.hzf-kpi-s.up{color:#1a9e4b}
.hzf-chart{border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:16px 18px;flex:1;display:flex;flex-direction:column;min-height:190px}
.hzf-chart-head{display:flex;justify-content:space-between;align-items:center;font-family:HZDisplay,sans-serif;font-size:13.5px;color:#000}
.hzf-legend{color:#6f7680;font-size:12px;display:flex;align-items:center;gap:6px}
.hzf-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:10px}
.hzf-dot-b{background:#2c5feb}.hzf-dot-r{background:#E8442E}
.hzf-bars{display:flex;align-items:flex-end;gap:14px;flex:1;margin-top:16px}
.hzf-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}
.hzf-bar{width:100%;height:var(--bh);border-radius:6px 6px 3px 3px;overflow:hidden;display:flex;flex-direction:column;transform:scaleY(0);transform-origin:bottom;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.hzf-anim .hzf-bar{transform:scaleY(1)}
.hzf-bar-wrap:nth-child(1) .hzf-bar{transition-delay:.05s}.hzf-bar-wrap:nth-child(2) .hzf-bar{transition-delay:.12s}.hzf-bar-wrap:nth-child(3) .hzf-bar{transition-delay:.19s}.hzf-bar-wrap:nth-child(4) .hzf-bar{transition-delay:.26s}.hzf-bar-wrap:nth-child(5) .hzf-bar{transition-delay:.33s}.hzf-bar-wrap:nth-child(6) .hzf-bar{transition-delay:.4s}.hzf-bar-wrap:nth-child(7) .hzf-bar{transition-delay:.47s}
.hzf-bar-b{background:#2c5feb;display:block;width:100%}
.hzf-bar-r{background:#E8442E;display:block;width:100%}
/* demo: placeholder */
.hzf-ph{height:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
.hzf-ph-tag{font-family:HZMono,monospace;font-size:11px;letter-spacing:.14em;color:#b9bec6;border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:6px 14px}
.hzf-ph p{font-family:HZDisplay,sans-serif;font-weight:500;font-size:24px;color:#000;margin:0}
.hzf-ph-sub{font-family:HZDisplay,sans-serif;font-size:14px;color:#9aa0a8;max-width:320px}
@media(max-width:1100px){
 .hz-ferramentas{padding:110px 24px 20px}
 .hzf-body{grid-template-columns:1fr;margin-top:52px}
 .hzf-menu{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
 .hzf-item{min-width:230px;border-radius:12px}
 .hzf-frame{border-radius:12px;min-height:480px}
 .hzf-kpis{grid-template-columns:repeat(2,1fr)}
 .hzf-stage{padding:18px 16px}
}

/* HubZek: ferramentas mobile — menu em grade 2x2, sem barra de rolagem */
@media(max-width:1100px){
 .hzf-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible;padding-bottom:0}
 .hzf-item{min-width:0;padding:14px 14px}
 .hzf-item-t{font-size:15px}
 .hzf-item-d{font-size:12px;margin-top:3px}
}

/* HubZek: demos animadas das ferramentas */
.hzd{position:relative;height:100%;min-height:500px}
.hzd-ph{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 8%}
.hzd-ph.on{opacity:1;pointer-events:auto}
.hzd-spark{color:#2c5feb;font-size:22px;margin-bottom:14px}
.hzd h4{font-family:HZDisplay,sans-serif;font-weight:500;font-size:24px;color:#000;margin:0 0 8px}
.hzd-sub{font-family:HZDisplay,sans-serif;font-size:14px;color:#6f7680;margin:0 0 26px;max-width:420px}
.hzd-box{width:100%;max-width:560px;min-height:96px;border:1.5px solid #2c5feb;border-radius:14px;background:#fff;padding:16px 18px;text-align:left;font-family:HZDisplay,sans-serif;font-size:14.5px;line-height:1.5;color:#000}
.hzd-box-s{min-height:64px}
.hzd-caret{display:inline-block;width:2px;height:16px;background:#2c5feb;vertical-align:-3px;margin-left:2px;animation:hzdCaret 1s steps(1) infinite}
@keyframes hzdCaret{50%{opacity:0}}
.hzd-cta{margin-top:18px;font-family:HZDisplay,sans-serif;font-weight:500;font-size:14.5px;color:#fff;background:#2c5feb;border-radius:999px;padding:12px 26px;opacity:.45;transition:opacity .3s ease,transform .3s ease}
.hzd-cta.go{opacity:1;transform:scale(1.04)}
.hzd-loading .hzd-doc{width:120px;height:150px;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:10px;padding:18px 16px;display:flex;flex-direction:column;gap:9px;margin-bottom:22px;position:relative;overflow:hidden}
.hzd-doc i{display:block;height:8px;border-radius:4px;background:#eceef1}
.hzd-doc i:nth-child(2){width:70%}
.hzd-doc b{position:absolute;left:0;right:0;top:0;height:3px;background:#2c5feb;animation:hzdScan 1.6s ease-in-out infinite alternate}
@keyframes hzdScan{to{transform:translateY(146px)}}
.hzd-load-t{font-family:HZDisplay,sans-serif;font-weight:500;font-size:18px;color:#000;margin:0 0 6px}
.hzd-load-s{font-family:HZMono,monospace;font-size:12px;color:#6f7680;margin:0;min-height:16px}
.hzd-result .hzd-pagewrap{width:min(420px,84%);height:340px;border:1px solid rgba(0,0,0,.09);border-radius:12px;overflow:hidden;background:#fff}
.hzd-pagewrap img{width:100%;height:auto;display:block;animation:hzdScroll 9s ease-in-out infinite alternate}
@keyframes hzdScroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 340px))}}
.hzd-pill{margin-top:16px;font-family:HZMono,monospace;font-size:12px;color:#1a9e4b;background:#eef8f1;border:1px solid #cdeeda;border-radius:999px;padding:8px 16px}
.hzd-pill span{color:#000}
.hzd-quizcard{width:min(340px,86%);background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:18px;overflow:hidden;text-align:left;animation:hzdPop .5s cubic-bezier(.22,1,.36,1)}
@keyframes hzdPop{from{opacity:0;transform:translateY(14px) scale(.97)}}
.hzd-qc-cover{background:#7a1f2b;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.hzd-qc-tag{font-family:HZMono,monospace;font-size:10px;letter-spacing:.14em;color:#fff;opacity:.85}
.hzd-qc-title{font-family:Lora,Georgia,serif;font-size:26px;line-height:1.15;color:#fff}
.hzd-qc-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:7px}
.hzd-qc-name{font-family:HZDisplay,sans-serif;font-weight:500;font-size:16px;color:#000}
.hzd-qc-meta{font-family:HZDisplay,sans-serif;font-size:12.5px;color:#6f7680}
.hzd-qc-badges{display:flex;gap:8px;margin-top:4px}
.hzd-qc-badges i{font-style:normal;font-family:HZMono,monospace;font-size:10.5px;color:#6f7680;border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:4px 10px}
.hzd-qc-badges .hzd-b-pub{color:#1a9e4b;border-color:#cdeeda;background:#eef8f1}
.hzd-steps{position:absolute;top:6px;left:0;right:0;display:flex;justify-content:center;gap:18px;font-family:HZMono,monospace;font-size:11px;color:#b9bec6;z-index:2}
.hzd-steps .cur{color:#2c5feb}
.hzd-steps .done{color:#1a9e4b}
.hzd-lab{display:block;font-family:HZMono,monospace;font-size:10.5px;letter-spacing:.08em;color:#9aa0a8;margin:16px 0 7px;text-align:left;width:100%;max-width:560px;margin-left:auto;margin-right:auto;text-transform:uppercase}
.hzd-fields{display:flex;gap:12px;width:100%;max-width:560px}
.hzd-fields>div{flex:1;text-align:left}
.hzd-mini{border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#fff;padding:10px 14px;font-family:HZDisplay,sans-serif;font-size:13.5px;color:#000;text-align:left}
.hzd-covers{display:flex;gap:10px;justify-content:center;width:100%;max-width:560px;margin:0 auto}
.hzd-covers i{width:52px;height:70px;border-radius:6px;background:#eceef1;border:2px solid transparent}
.hzd-covers i.pick{border-color:#2c5feb;background:#dfe6fb}
.hzd-pal{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%;max-width:560px;margin:0 auto}
.hzd-pal span{font-family:HZDisplay,sans-serif;font-size:12.5px;color:#000;border:1.5px solid rgba(0,0,0,.12);border-radius:999px;padding:7px 14px;display:flex;align-items:center;gap:7px}
.hzd-pal span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c,#9aa0a8)}
.hzd-fonts span::before{display:none}
.hzd-pal span.pick{border-color:#2c5feb;box-shadow:inset 0 0 0 1px #2c5feb}
.hzd-book{width:min(300px,80%);aspect-ratio:3/4;background:#0e5c46;border-radius:8px;padding:34px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:left;animation:hzdPop .5s cubic-bezier(.22,1,.36,1);box-shadow:14px 14px 0 rgba(0,0,0,.06)}
.hzd-book-rule{width:36px;height:3px;background:#d98e5f}
.hzd-book-t{font-family:Lora,Georgia,serif;font-size:22px;line-height:1.25;color:#fff}
.hzd-book-a{font-family:HZMono,monospace;font-size:11px;color:#fff;opacity:.75;margin-top:auto}
@media(max-width:1100px){
 .hzd{min-height:440px}
 .hzd h4{font-size:20px}
 .hzd-ph{padding:10px 5%}
 .hzd-result .hzd-pagewrap{height:280px}
 @keyframes hzdScroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 280px))}}
 .hzd-steps{gap:10px;font-size:10px}
}

/* HubZek: v4 — frame maior + painel animado + quiz em smartphone */
.hzf-frame{min-height:604px!important}
.hzd{min-height:544px!important}
/* PAINEL animado */
.hzp{display:flex;flex-direction:column;gap:16px;height:100%;padding:2px}
.hzp-head{display:flex;align-items:center;justify-content:space-between}
.hzp-title{font-family:HZDisplay,sans-serif;font-weight:500;font-size:18px;color:#000}
.hzp-live{display:flex;align-items:center;gap:7px;font-family:HZDisplay,sans-serif;font-size:12.5px;color:#1a9e4b;background:#eef8f1;border:1px solid #cdeeda;border-radius:999px;padding:5px 12px}
.hzp-live i{width:7px;height:7px;border-radius:50%;background:#1a9e4b;animation:hzpPulse 1.6s ease-in-out infinite}
@keyframes hzpPulse{50%{opacity:.35}}
.hzp-tabs{display:flex;gap:22px;border-bottom:1px solid rgba(0,0,0,.07);padding-bottom:0}
.hzp-tabs span{font-family:HZDisplay,sans-serif;font-size:13.5px;color:#6f7680;padding-bottom:10px;position:relative;transition:color .3s ease}
.hzp-tabs span.on{color:#000}
.hzp-tabs span.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#2c5feb;border-radius:2px}
.hzp-tabs .hzp-mut{color:#c2c7ce}
.hzp-body{position:relative;flex:1;min-height:420px}
.hzp-pane{position:absolute;inset:0;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:14px;transition:opacity .4s ease}
.hzp-pane.on{opacity:1;pointer-events:auto}
.hzp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.hzp-kpis-4{grid-template-columns:repeat(4,1fr)}
.hzp-kpis-3{grid-template-columns:repeat(3,1fr)}
.hzp-kpi{border:1px solid rgba(0,0,0,.07);border-radius:13px;padding:13px 15px;display:flex;flex-direction:column;gap:3px}
.hzp-pane.anim .hzp-kpi{animation:hzpUp .5s cubic-bezier(.22,1,.36,1) both}
.hzp-pane.anim .hzp-kpi:nth-child(2){animation-delay:.05s}.hzp-pane.anim .hzp-kpi:nth-child(3){animation-delay:.1s}.hzp-pane.anim .hzp-kpi:nth-child(4){animation-delay:.15s}.hzp-pane.anim .hzp-kpi:nth-child(5){animation-delay:.2s}.hzp-pane.anim .hzp-kpi:nth-child(6){animation-delay:.25s}
@keyframes hzpUp{from{opacity:0;transform:translateY(10px)}}
.hzp-kl{font-family:HZMono,monospace;font-size:9.5px;letter-spacing:.06em;color:#9aa0a8}
.hzp-kv{font-family:HZDisplay,sans-serif;font-weight:500;font-size:21px;color:#000}
.hzp-ks{font-family:HZDisplay,sans-serif;font-size:11.5px;color:#9aa0a8}
.hzp-ks.up{color:#1a9e4b}
.hzp-chart{border:1px solid rgba(0,0,0,.07);border-radius:13px;padding:15px 17px;flex:1;display:flex;flex-direction:column;min-height:170px}
.hzp-chart-h{display:flex;justify-content:space-between;align-items:center;font-family:HZDisplay,sans-serif;font-size:13px;color:#000}
.hzp-leg{color:#6f7680;font-size:11.5px;display:flex;align-items:center;gap:5px}
.hzp-leg i{width:8px;height:8px;border-radius:50%;margin-left:9px}
.hzp-leg .d-b{background:#2c5feb}.hzp-leg .d-r{background:#E8442E}
.hzp-bars{display:flex;align-items:flex-end;gap:12px;flex:1;margin-top:14px}
.hzp-bar-w{flex:1;height:100%;display:flex;align-items:flex-end}
.hzp-bar{width:100%;height:var(--bh);border-radius:5px 5px 2px 2px;overflow:hidden;display:flex;flex-direction:column;transform:scaleY(0);transform-origin:bottom}
.hzp-pane.anim .hzp-bar{animation:hzpGrow .8s cubic-bezier(.22,1,.36,1) forwards}
.hzp-bars .hzp-bar-w:nth-child(1) .hzp-bar{animation-delay:.1s}.hzp-bars .hzp-bar-w:nth-child(2) .hzp-bar{animation-delay:.16s}.hzp-bars .hzp-bar-w:nth-child(3) .hzp-bar{animation-delay:.22s}.hzp-bars .hzp-bar-w:nth-child(4) .hzp-bar{animation-delay:.28s}.hzp-bars .hzp-bar-w:nth-child(5) .hzp-bar{animation-delay:.34s}.hzp-bars .hzp-bar-w:nth-child(6) .hzp-bar{animation-delay:.4s}.hzp-bars .hzp-bar-w:nth-child(7) .hzp-bar{animation-delay:.46s}
@keyframes hzpGrow{to{transform:scaleY(1)}}
.hzp-b-b{background:#2c5feb;width:100%;height:38%}.hzp-b-r{background:#E8442E;width:100%;height:62%}
.hzp-hbars{display:flex;flex-direction:column;gap:11px;margin-top:14px;flex:1;justify-content:center}
.hzp-hb{display:grid;grid-template-columns:130px 1fr 78px;align-items:center;gap:12px}
.hzp-hb-l{font-family:HZDisplay,sans-serif;font-size:12.5px;color:#000}
.hzp-hb-track{height:9px;background:#f0f1f3;border-radius:5px;overflow:hidden}
.hzp-hb-track i{display:block;height:100%;width:0;border-radius:5px}
.hzp-pane.anim .hzp-hb-track i{animation:hzpWidth .9s cubic-bezier(.22,1,.36,1) forwards}
@keyframes hzpWidth{to{width:var(--w)}}
.hzp-hb-v{font-family:HZDisplay,sans-serif;font-size:12.5px;color:#6f7680;text-align:right}
.hzp-2col{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;flex:1}
.hzp-pbars{display:flex;align-items:flex-end;gap:14px;flex:1;margin-top:14px}
.hzp-pb-w{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.hzp-pb{width:60%;height:var(--bh);border-radius:5px 5px 2px 2px;transform:scaleY(0);transform-origin:bottom}
.hzp-pane.anim .hzp-pb{animation:hzpGrow .8s cubic-bezier(.22,1,.36,1) forwards}
.hzp-pb-w span{font-family:HZMono,monospace;font-size:9px;color:#9aa0a8}
.hzp-rows{display:flex;flex-direction:column;margin-top:6px}
.hzp-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.05);font-family:HZDisplay,sans-serif;font-size:12.5px;color:#000}
.hzp-row b{font-weight:500}
/* PÁGINAS full-bleed */
.hzd-page-res{padding:0!important;position:absolute;inset:0}
.hzd-pagefull{position:absolute;inset:0;overflow:hidden;background:#F1ECE2}
.hzd-pagefull img{width:100%;height:auto;display:block;animation:hzdScrollFull 11s ease-in-out infinite alternate}
@keyframes hzdScrollFull{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + 604px))}}
.hzd-float-pill{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-family:HZMono,monospace;font-size:12px;color:#1a9e4b;background:rgba(238,248,241,.94);border:1px solid #cdeeda;border-radius:999px;padding:8px 16px;backdrop-filter:blur(4px);z-index:3;white-space:nowrap}
.hzd-float-pill span{color:#000}
/* QUIZ phone */
.hzd-quiz-res,.hzd-prod-res{padding:0!important}
.hzq-phone{width:290px;height:566px;background:#111;border-radius:38px;padding:9px;box-shadow:0 30px 60px -20px rgba(0,0,0,.35);position:relative;animation:hzdPop .5s cubic-bezier(.22,1,.36,1)}
.hzq-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:120px;height:22px;background:#111;border-radius:0 0 16px 16px;z-index:4}
.hzq-screen{background:#fff;border-radius:30px;height:100%;overflow:hidden;display:flex;flex-direction:column}
.hzq-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 8px}
.hzq-back{font-size:20px;color:#111;line-height:1}
.hzq-logo{font-family:HZMono,monospace;font-size:9px;letter-spacing:.12em;color:#c2c7ce;border:1px solid #eceef1;border-radius:6px;padding:4px 8px}
.hzq-step{font-family:HZMono,monospace;font-size:10px;color:#b3324a}
.hzq-prog{height:4px;background:#f0e6e8;margin:0 18px;border-radius:3px;overflow:hidden}
.hzq-prog i{display:block;height:100%;width:6%;background:#b3324a;border-radius:3px;transition:width .6s cubic-bezier(.22,1,.36,1)}
.hzq-views{position:relative;flex:1}
.hzq-view{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:22px 20px;display:flex;flex-direction:column;overflow:hidden}
.hzq-view.on{opacity:1;pointer-events:auto}
.hzq-cover{justify-content:center;background:#6a1a26;margin:-2px;border-radius:0}
.hzq-cover .hzq-tag{font-family:HZMono,monospace;font-size:8.5px;letter-spacing:.12em;color:#e7c3ca;margin-bottom:18px}
.hzq-cover h5{font-family:Lora,Georgia,serif;font-size:24px;line-height:1.25;color:#fff;margin:0 0 14px}
.hzq-cover p{font-family:HZDisplay,sans-serif;font-size:13px;line-height:1.5;color:#e7c3ca;margin:0 0 26px}
.hzq-btn{font-family:HZDisplay,sans-serif;font-weight:500;font-size:14px;color:#fff;background:#b3324a;border-radius:12px;padding:14px;text-align:center}
.hzq-q h6,.hzq-proc h6,.hzq-res h6{font-family:Lora,Georgia,serif;font-size:19px;line-height:1.28;color:#1a1a1a;margin:6px 0 16px;text-align:center}
.hzq-opts{display:flex;flex-direction:column;gap:10px;flex:1}
.hzq-opt{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #ececec;border-radius:14px;padding:10px 12px;text-align:left;font:inherit;cursor:default;transition:border-color .3s ease,background .3s ease}
.hzq-opt.sel{border-color:#b3324a;background:#fbf1f3}
.hzq-thumb{width:44px;height:44px;border-radius:10px;flex-shrink:0}
.hzq-ot{flex:1;font-family:HZDisplay,sans-serif;font-size:12.5px;line-height:1.3;color:#1a1a1a}
.hzq-radio{width:18px;height:18px;border-radius:50%;border:2px solid #d8d8d8;flex-shrink:0;position:relative;transition:border-color .3s ease}
.hzq-opt.sel .hzq-radio{border-color:#b3324a}
.hzq-opt.sel .hzq-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#b3324a}
.hzq-btn-cont{margin-top:12px;opacity:.4;transition:opacity .3s ease}
.hzq-btn-cont.go{opacity:1}
.hzq-proc{justify-content:center;align-items:center;text-align:center}
.hzq-ring{position:relative;width:130px;height:130px;margin-bottom:24px}
.hzq-ring svg{width:100%;height:100%}
.hzq-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:HZDisplay,sans-serif;font-weight:500;font-size:26px;color:#b3324a}
.hzq-proc p{font-family:HZDisplay,sans-serif;font-size:12.5px;line-height:1.5;color:#8a8f96;text-align:center;margin:10px 0 0}
.hzq-res{justify-content:flex-start}
.hzq-area{width:100%;height:120px;margin:6px 0 10px}
.hzq-fill{opacity:0}
.hzq-res.draw .hzq-fill{animation:hzqFill .9s ease .2s forwards}
@keyframes hzqFill{to{opacity:1}}
.hzq-line{stroke-dasharray:340;stroke-dashoffset:340}
.hzq-res.draw .hzq-line{animation:hzqDraw 1.1s ease forwards}
@keyframes hzqDraw{to{stroke-dashoffset:0}}
.hzq-cap{font-family:HZDisplay,sans-serif;font-size:12px;line-height:1.5;color:#b3324a;text-align:center;margin:4px 0 16px}
.hzq-res .hzq-btn{margin-top:auto}
/* PRODUTOS book3d */
.hzd-book3d{perspective:1400px;animation:hzdPop .5s cubic-bezier(.22,1,.36,1)}
.hzd-book-cover{width:270px;height:378px;background:#0e5c46;border-radius:6px 12px 12px 6px;padding:34px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;box-shadow:16px 20px 40px -12px rgba(0,0,0,.4),inset 4px 0 0 rgba(255,255,255,.06);transform:rotateY(-16deg) rotateX(2deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.hzd-book3d.in .hzd-book-cover{transform:rotateY(-8deg)}
.hzd-book-rule{width:38px;height:3px;background:#d98e5f}
.hzd-book-t{font-family:Lora,Georgia,serif;font-size:32px;line-height:1.05;color:#fff}
.hzd-book-st{font-family:Lora,Georgia,serif;font-size:16px;line-height:1.25;color:#eae4d8;font-style:italic}
.hzd-book-ph{width:100%;flex:1;border-radius:6px;background:#0a4a38;margin:8px 0}
.hzd-book-foot{font-family:HZMono,monospace;font-size:9px;letter-spacing:.14em;color:#8fbcac}
@media(max-width:1100px){
 .hzf-frame{min-height:560px!important}
 .hzd{min-height:500px!important}
 .hzp-hb{grid-template-columns:96px 1fr 64px;gap:8px}
 .hzp-2col{grid-template-columns:1fr}
 @keyframes hzdScrollFull{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + 500px))}}
 .hzq-phone{width:260px;height:520px}
}

/* HubZek: v4 fixes — crossfade opaco + pill abaixo do phone */
.hzq-view{background:#fff}
.hzq-cover{background:#6a1a26}
.hzd-quiz-res,.hzd-prod-res{flex-direction:column!important;gap:14px;align-items:center;justify-content:center}
.hzd-quiz-res .hzd-float-pill,.hzd-prod-res .hzd-float-pill{position:static;transform:none;bottom:auto;left:auto}
.hzq-phone{width:274px;height:524px}
@media(max-width:1100px){.hzq-phone{width:250px;height:494px}}

/* HubZek: v5 — iframes reais (página + quiz) e leitor de e-book real */
.hzd-page-res{padding:0!important;position:absolute;inset:0}
.hzd-iwrap{position:absolute;inset:0;overflow:hidden;background:#F1ECE2;border-radius:0}
.hzd-iframe-page{position:absolute;top:0;left:0;width:1280px;height:8200px;border:0;transform:scale(.585);transform-origin:top left;animation:hzScrollFrame 26s ease-in-out infinite alternate}
@keyframes hzScrollFrame{0%,8%{transform:scale(.585) translateY(0)}92%,100%{transform:scale(.585) translateY(-7100px)}}
.hzd-iframe-quiz{width:390px;height:100%;border:0;transform:scale(.673);transform-origin:top left;width:calc(100% / .673);height:calc(100% / .673)}
.hzq-screen{overflow:hidden}
/* e-book leitor real */
.hzd-book-res{flex-direction:column!important;gap:12px;align-items:center;justify-content:center}
.hzb{position:relative;width:300px;height:424px;perspective:1600px}
.hzb-pg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:4px 8px 8px 4px;box-shadow:14px 18px 40px -12px rgba(0,0,0,.4);opacity:0;transform:translateX(16px) scale(.98);transition:opacity .6s ease,transform .6s ease;background:#fff}
.hzb-pg.on{opacity:1;transform:none}
.hzb-dots{display:flex;gap:7px}
.hzb-dots i{width:7px;height:7px;border-radius:50%;background:#d4d7db;transition:background .3s ease,width .3s ease}
.hzb-dots i.on{background:#0e5c46;width:20px;border-radius:4px}
.hzd-book-res .hzd-float-pill{position:static;transform:none;bottom:auto;left:auto}
@media(max-width:1100px){
 .hzd-iframe-page{transform:scale(.44) translateY(0);animation:hzScrollFrameM 26s ease-in-out infinite alternate}
 @keyframes hzScrollFrameM{0%,8%{transform:scale(.44) translateY(0)}92%,100%{transform:scale(.44) translateY(-8400px)}}
 .hzb{width:250px;height:353px}
}

/* HubZek: v6 — página preenche a moldura (sem faixa bege) + quiz como card em vídeo */
.hzd-iwrap{background:#fff!important}
.hzd-iframe-page{width:100%!important;height:4400px!important;transform:translateY(0)!important;transform-origin:top left;animation:hzScrollPage 26s ease-in-out infinite alternate!important}
@keyframes hzScrollPage{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(-3760px)}}
.hzd-quizcard-res{flex-direction:column!important;gap:12px;align-items:center;justify-content:center}
.hzd-vidcard{height:100%;display:flex;align-items:center;justify-content:center}
.hzd-qvid{height:100%;max-height:500px;width:auto;max-width:100%;border-radius:16px;display:block}
.hzd-quizcard-res .hzd-float-pill{position:static;transform:none;bottom:auto;left:auto}
@media(max-width:1100px){
 .hzd-iframe-page{height:4000px!important}
 @keyframes hzScrollPage{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(-3400px)}}
 .hzd-qvid{max-height:440px}
}

/* HubZek: v7 — painel fiel + página escalada (sem corte/gap) + quiz card sem caixa bege */
/* página: escala para caber a largura sem cortar nem sobrar */
.hzd-iwrap{overflow:hidden}
.hzd-iscale{width:1280px;transform-origin:top left}
.hzd-iframe-page{width:1280px!important;height:4200px!important;border:0;transform:translateY(0);animation:hzScrollPage 28s ease-in-out infinite alternate!important}
@keyframes hzScrollPage{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(-2600px)}}
/* quiz: fundo bege do vídeo vira o fundo do palco (sem retângulo) */
.hzd-quizcard-res{background:#E9E6DF}
.hzd-vidcard{width:100%;height:100%}
.hzd-qvid{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;border-radius:0!important}
.hzd-quizcard-res .hzd-float-pill{position:absolute;left:50%;bottom:16px;transform:translateX(-50%)}
/* PAINEL v7 */
.hzp-head{align-items:center}
.hzp-tools{display:flex;align-items:center;gap:10px}
.hzp-tool{font-family:HZDisplay,sans-serif;font-size:11.5px;color:#6f7680;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:5px 10px}
.hzp-tool-g{color:#1a9e4b;border-color:#cdeeda;background:#eef8f1}
.hzp-conn{font-family:HZDisplay,sans-serif;font-weight:500;font-size:11.5px;color:#fff;background:#2c5feb;border-radius:8px;padding:6px 12px}
.hzp-tabs{gap:16px;flex-wrap:nowrap;overflow:hidden}
.hzp-tabs span{font-size:12.5px;white-space:nowrap}
.hzp-filt{display:flex;align-items:center;gap:12px;margin-top:-4px}
.hzp-filt span{font-family:HZDisplay,sans-serif;font-size:11px}
.hzp-f-on{background:#111;color:#fff;border-radius:6px;padding:3px 9px}
.hzp-f-mut{color:#9aa0a8}
.hzp-f-r{margin-left:auto;font-family:HZMono,monospace!important;font-size:9.5px!important;letter-spacing:.06em;color:#b9bec6}
.hzp-vg{display:grid;grid-template-columns:1.55fr 1fr;gap:12px}
.hzp-kgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hzp-kgrid-4{grid-template-columns:repeat(4,1fr)}
.hzp-kgrid-3{grid-template-columns:repeat(3,1fr)}
.hzk{border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}
.hzk::before{content:"";position:absolute;top:0;left:0;width:26px;height:3px;background:var(--ac,#2c5feb);border-radius:0 0 3px 0}
.hzp-pane.anim .hzk{animation:hzpUp .5s cubic-bezier(.22,1,.36,1) both}
.hzp-pane.anim .hzk:nth-child(2){animation-delay:.04s}.hzp-pane.anim .hzk:nth-child(3){animation-delay:.08s}.hzp-pane.anim .hzk:nth-child(4){animation-delay:.12s}.hzp-pane.anim .hzk:nth-child(5){animation-delay:.16s}.hzp-pane.anim .hzk:nth-child(6){animation-delay:.2s}
.hzk-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-top:4px}
.hzk-l{font-family:HZMono,monospace;font-size:9px;letter-spacing:.05em;color:#9aa0a8;line-height:1.3}
.hzk-i{opacity:.5;font-style:normal;font-size:8px}
.hzp-spark{width:52px;height:16px;flex-shrink:0}
.hzk-v{font-family:HZDisplay,sans-serif;font-weight:500;font-size:21px;color:#000;margin-top:6px;display:flex;align-items:baseline;gap:8px}
.hzk-d{font-size:11px;font-weight:400}
.hzk-d.up{color:#1a9e4b}
.hzk-s{font-family:HZDisplay,sans-serif;font-size:10.5px;color:#9aa0a8;display:block;margin-top:3px}
.hzp-side{display:flex;flex-direction:column;gap:10px}
.hzp-mf,.hzp-sc{border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:13px 15px;background:#fafbfc}
.hzp-mf-h{display:flex;justify-content:space-between;align-items:center;font-family:HZMono,monospace;font-size:9px;letter-spacing:.05em;color:#6f7680}
.hzp-mf-a{color:#2c5feb}
.hzp-mf-b{display:flex;align-items:center;gap:10px;margin-top:10px}
.hzp-mf-ico{font-size:20px}
.hzp-mf-b b{font-family:HZDisplay,sans-serif;font-weight:500;font-size:14px;color:#000;display:block}
.hzp-mf-b span{font-family:HZDisplay,sans-serif;font-size:11px;color:#9aa0a8}
.hzp-mf-bar{height:6px;background:#eceef1;border-radius:4px;margin-top:12px;overflow:hidden}
.hzp-mf-bar i{display:block;height:100%;background:#1a9e4b;border-radius:4px;width:0}
.hzp-pane.anim .hzp-mf-bar i{animation:hzpWidth .9s cubic-bezier(.22,1,.36,1) forwards;--w:68%}
.hzp-mf-row{display:flex;justify-content:space-between;font-family:HZDisplay,sans-serif;font-size:11px;color:#6f7680;margin-top:6px}
.hzp-mf-dots{display:flex;gap:10px;margin-top:12px}
.hzp-mf-dots i{width:9px;height:9px;border-radius:50%;background:#e3e5e8}
.hzp-mf-dots i.on{background:#1a9e4b}
.hzp-sc-h{font-family:HZMono,monospace;font-size:9px;letter-spacing:.05em;color:#6f7680;margin-bottom:10px}
.hzp-sc-row{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;margin-bottom:8px;font-family:HZDisplay,sans-serif;font-size:11.5px;color:#000}
.hzp-sc-t{height:6px;background:#eceef1;border-radius:4px;overflow:hidden}
.hzp-sc-t i{display:block;height:100%;background:#2c5feb;border-radius:4px;width:0}
.hzp-pane.anim .hzp-sc-t i{animation:hzScW 1s cubic-bezier(.22,1,.36,1) forwards}
@keyframes hzScW{from{width:0}}
.hzp-bval{font-family:HZDisplay,sans-serif;font-size:9.5px;color:#9aa0a8;text-align:center}
.hzp-bar-w{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}
.hzp-b-p{background:#7c3aed;width:100%;height:44%}
.hzp-b-o{background:#E8442E;width:100%;height:56%}
.hzp-leg .d-o{background:#E8442E}.hzp-leg .d-p{background:#7c3aed}
@media(max-width:1100px){
 .hzp-vg{grid-template-columns:1fr}
 .hzp-tabs span:nth-child(n+5){display:none}
 .hzp-filt{display:none}
 .hzd-iframe-page{width:1280px!important}
}

/* HubZek: v8 — quiz card no branco (chroma key), contain, sem caixa bege */
.hzd-quizcard-res{background:transparent!important}
.hzd-qvid{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
.hzd-quizcard-res .hzd-float-pill{position:absolute;left:50%;bottom:14px;transform:translateX(-50%)}

/* HubZek: v9 — página como card desktop largo (scroll) + quiz card limpo com sombra CSS */
/* PÁGINA card */
.hzd-page-res{padding:0!important;flex-direction:column;align-items:center;justify-content:center;background:transparent!important}
.hzd-pgcard{width:92%;max-width:770px;height:494px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -22px rgba(20,22,30,.28),0 2px 8px rgba(20,22,30,.06);display:flex;flex-direction:column;animation:hzdPop .5s cubic-bezier(.22,1,.36,1)}
.hzd-pgbar{height:34px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid rgba(0,0,0,.06);background:#fafbfc}
.hzd-pgdots{display:flex;gap:6px}
.hzd-pgdots i{width:9px;height:9px;border-radius:50%;background:#e3e5e8}
.hzd-pgurl{font-family:HZMono,monospace;font-size:11px;color:#6f7680;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:4px 14px}
.hzd-pgcard .hzd-iwrap{position:relative;flex:1;overflow:hidden;background:#fff}
.hzd-iscale{width:1280px;transform-origin:top left}
.hzd-iframe-page{width:1280px!important;height:4200px!important;border:0;animation:hzScrollPage 28s ease-in-out infinite alternate!important}
@keyframes hzScrollPage{0%,7%{transform:translateY(0)}93%,100%{transform:translateY(-3100px)}}
.hzd-page-res .hzd-float-pill{position:static;transform:none;margin-top:14px}
/* QUIZ card limpo */
.hzd-quizcard-res{background:transparent!important;flex-direction:column!important;gap:14px;align-items:center;justify-content:center}
.hzd-qcard{height:496px;aspect-ratio:680/1094;background:#F9F5F2;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(20,22,30,.3),0 2px 8px rgba(20,22,30,.06)}
.hzd-qvid{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important}
.hzd-quizcard-res .hzd-float-pill{position:static;transform:none}
@media(max-width:1100px){
 .hzd-pgcard{height:440px;width:96%}
 @keyframes hzScrollPage{0%,7%{transform:translateY(0)}93%,100%{transform:translateY(-2600px)}}
 .hzd-qcard{height:452px}
}

/* HubZek: v10 — cards flutuam sobre fundo levemente escuro; página rola por todas as seções; quiz entra virando */
.hzd-page-res,.hzd-quizcard-res{background:#eef0f3!important}
/* página: rola por todas as seções (iframe alto) */
.hzd-iframe-page{width:1280px!important;height:12200px!important;border:0;animation:hzScrollPageAll 52s ease-in-out infinite alternate!important}
@keyframes hzScrollPageAll{0%,4%{transform:translateY(0)}96%,100%{transform:translateY(-10800px)}}
.hzd-pgcard{box-shadow:0 40px 80px -24px rgba(20,22,30,.36),0 4px 12px rgba(20,22,30,.08)}
/* quiz: card limpo entrando com giro 3D (mesmo dinamismo dos cards do topo) */
.hzd-quizcard-res{perspective:1400px}
.hzd-qcard{box-shadow:0 34px 66px -20px rgba(20,22,30,.34),0 3px 10px rgba(20,22,30,.08);transform-style:preserve-3d}
.hzd-qcard.enter{animation:hzdTurnIn 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes hzdTurnIn{
 0%{opacity:0;transform:perspective(1400px) rotateY(-32deg) rotateX(7deg) translateY(26px) scale(.9)}
 60%{opacity:1}
 100%{opacity:1;transform:perspective(1400px) rotateY(0) rotateX(0) translateY(0) scale(1)}
}
@media(max-width:1100px){
 @keyframes hzScrollPageAll{0%,4%{transform:translateY(0)}96%,100%{transform:translateY(-10800px)}}
}

/* HubZek: v11 — fundo transparente; cards entram/saem "tortos"; página rola de verdade (classe nova) */
.hzd-page-res,.hzd-quizcard-res{background:transparent!important;perspective:1600px}
/* página: card + iframe rolando (sem !important de transform conflitante) */
.hzpgframe{position:absolute;top:0;left:0;width:1280px;height:12200px;border:0;transform:translateY(0)}
.hzpgframe.scroll{animation:hzPgScroll 30s linear forwards}
@keyframes hzPgScroll{from{transform:translateY(0)}to{transform:translateY(-10600px)}}
/* entrada/saída torta — mesmo dinamismo do card do topo, os dois cards */
.hzd-qcard,.hzd-pgcard{transform-style:preserve-3d;backface-visibility:hidden}
.hzd-qcard.enter,.hzd-pgcard.enter{animation:hzCardIn 1s cubic-bezier(.2,.8,.2,1) both}
.hzd-qcard.exit,.hzd-pgcard.exit{animation:hzCardOut .8s cubic-bezier(.4,0,.7,1) both}
@keyframes hzCardIn{
 0%{opacity:0;transform:rotateY(-26deg) rotateX(7deg) rotate(-3deg) translateY(30px) scale(.9)}
 55%{opacity:1}
 100%{opacity:1;transform:rotateY(0) rotateX(0) rotate(0) translateY(0) scale(1)}
}
@keyframes hzCardOut{
 0%{opacity:1;transform:rotateY(0) rotate(0) translateY(0) scale(1)}
 100%{opacity:0;transform:rotateY(22deg) rotateX(-5deg) rotate(3deg) translateY(-20px) scale(.94)}
}
@media(max-width:1100px){
 @keyframes hzPgScroll{from{transform:translateY(0)}to{transform:translateY(-10600px)}}
}

/* HubZek: secao COMO FUNCIONA (#como-funciona) — 3 passos em linha do tempo */
.hz-como{padding:150px 32px 60px}
.hz-como-inner{max-width:1160px;margin:0 auto;text-align:center}
.hz-como-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:80px;text-align:left;position:relative}
.hz-como-steps::before{content:"";position:absolute;top:7px;left:8%;right:8%;height:2px;background:rgba(0,0,0,.08)}
.hz-step{position:relative;padding-top:34px}
.hz-step-dot{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:var(--c,#2c5feb);border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.hz-step-num{font-family:HZMono,monospace;font-size:12px;letter-spacing:.1em;color:#b9bec6;display:block;margin-bottom:10px}
.hz-step h3{font-family:HZDisplay,sans-serif;font-weight:500;font-size:23px;color:#000;margin:0 0 10px}
.hz-step p{font-family:HZDisplay,sans-serif;font-size:16.5px;line-height:1.55;color:#6f7680;margin:0}
.hz-step.hz-rv{transition-delay:var(--d,0s)}
.hz-como-cta{display:inline-block;margin-top:64px;font-family:HZDisplay,sans-serif;font-weight:500;font-size:17px;color:#fff;background:#2c5feb;border-radius:999px;padding:16px 34px;text-decoration:none;transition:transform .25s ease,background .25s ease}
.hz-como-cta:hover{background:#1e49c8;transform:translateY(-2px)}
@media(max-width:1100px){
 .hz-como{padding:110px 24px 40px}
 .hz-como-steps{grid-template-columns:1fr;gap:40px;margin-top:56px}
 .hz-como-steps::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
 .hz-step{padding-top:0;padding-left:38px}
 .hz-como-cta{margin-top:48px}
}

/* HubZek: secao INTEGRACOES — marquee de logos cinza (ref. Tuple) */
.hz-integ{padding:70px 0 110px;text-align:center;overflow:hidden}
.hz-integ-label{font-family:HZMono,monospace;font-size:12px;letter-spacing:.18em;color:#b9bec6;margin:0 24px 44px}
.hz-marq{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.hz-marq-track{display:flex;align-items:center;gap:104px;width:max-content;padding-left:104px}
.hz-marq-on .hz-marq-track{animation:hzMarq 34s linear infinite}
@keyframes hzMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hz-marq-logo{font-family:HZDisplay,sans-serif;font-weight:500;font-size:27px;color:#a7adb5;white-space:nowrap}
.hz-marq-logo img{height:32px;width:auto;display:block;filter:grayscale(1) brightness(1.12) contrast(.82);opacity:.75}
@media(max-width:1100px){.hz-integ{padding:50px 0 80px}.hz-marq-track{gap:64px;padding-left:64px}.hz-marq-logo{font-size:21px}.hz-marq-logo img{height:25px}}

/* HubZek: marquee com logos reais ja em cinza (sem filtro) */
.hz-marq-logo img{filter:none!important;opacity:1!important;width:auto!important}
.hz-marq-track{gap:88px;padding-left:88px}
@media(max-width:1100px){.hz-marq-track{gap:56px;padding-left:56px}.hz-marq-logo img{transform:scale(.82);transform-origin:center}}

/* HubZek: secao COMPARATIVO (#comparativo) — onze assinaturas vs uma */
.hz-comp{padding:150px 32px 60px}
.hzc-inner{max-width:1160px;margin:0 auto;text-align:center}
.hzc-grid{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch;margin-top:72px;text-align:left;position:relative}
.hzc-card{border-radius:24px;padding:34px 34px 38px}
.hzc-left{background:#fff;border:1px solid rgba(0,0,0,.08)}
.hzc-right{background:#2c5feb;color:#fff;box-shadow:0 34px 70px -28px rgba(44,95,235,.55)}
.hzc-vs{align-self:center;justify-self:center;font-family:HZMono,monospace;font-size:12px;letter-spacing:.08em;color:#9aa0a8;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:999px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:2}
.hzc-lab{font-family:HZMono,monospace;font-size:11px;letter-spacing:.14em;color:#9aa0a8;margin:0}
.hzc-lab-w{color:rgba(255,255,255,.75)}
.hzc-sublab{font-family:HZDisplay,sans-serif;font-size:13.5px;color:#6f7680;margin:8px 0 10px}
.hzc-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.hzc-row b{font-family:HZDisplay,sans-serif;font-weight:500;font-size:15px;color:#000;display:block}
.hzc-row span{font-family:HZMono,monospace;font-size:10px;color:#b9bec6;display:block;margin-top:2px}
.hzc-row i{font-style:normal;font-family:HZDisplay,sans-serif;font-weight:500;font-size:14.5px;color:#000;white-space:nowrap}
.hzc-row i u{text-decoration:none;color:#9aa0a8;font-weight:400;font-size:11.5px}
.hzc-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:20px}
.hzc-total em{font-style:normal;font-family:HZDisplay,sans-serif;font-weight:500;font-size:38px;color:#E8442E;position:relative}
.hzc-total em s{position:absolute;left:-6%;right:-6%;top:52%;height:4px;background:#E8442E;border-radius:2px;transform:rotate(-5deg) scaleX(0);transform-origin:left center;text-decoration:none}
.hzc-anim .hzc-total em s{animation:hzcStrike .5s cubic-bezier(.6,0,.4,1) 1.4s forwards}
@keyframes hzcStrike{to{transform:rotate(-5deg) scaleX(1)}}
.hzc-rhead{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.hzc-hlogo{width:34px;height:34px;border-radius:9px;background:#fff;color:#2c5feb;font-family:HZDisplay,sans-serif;font-weight:500;font-size:19px;display:flex;align-items:center;justify-content:center}
.hzc-rhead b{font-family:HZDisplay,sans-serif;font-weight:500;font-size:19px}
.hzc-rtag{margin-left:auto;font-family:HZMono,monospace;font-size:10px;letter-spacing:.14em;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px}
.hzc-inc{display:flex;gap:14px;align-items:flex-start;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.hzc-check{width:22px;height:22px;border-radius:50%;background:#fff;color:#2c5feb;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.hzc-inc b{font-family:HZDisplay,sans-serif;font-weight:500;font-size:15.5px;display:block}
.hzc-inc span{font-family:HZDisplay,sans-serif;font-size:12.5px;color:rgba(255,255,255,.72);display:block;margin-top:2px}
.hzc-soonlab{font-family:HZMono,monospace;font-size:10.5px;letter-spacing:.13em;color:#F2B90D;margin:22px 0 12px}
.hzc-soon{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:14px;padding:7px 0}
.hzc-soon>span:first-child{font-family:HZDisplay,sans-serif;font-size:14px;color:#fff}
.hzc-bar{height:7px;background:rgba(255,255,255,.22);border-radius:4px;overflow:hidden}
.hzc-bar i{display:block;height:100%;width:0;background:#F2B90D;border-radius:4px}
.hzc-anim .hzc-bar i{animation:hzcBarW 1s cubic-bezier(.22,1,.36,1) forwards}
.hzc-anim .hzc-soon:nth-child(1) .hzc-bar i{animation-delay:.5s}.hzc-anim .hzc-soon:nth-child(2) .hzc-bar i{animation-delay:.6s}
@keyframes hzcBarW{to{width:var(--w)}}
.hzc-price{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.hzc-price em{font-style:normal;font-family:HZDisplay,sans-serif;font-weight:500;font-size:44px;color:#fff}
.hzc-price em u{text-decoration:none;font-size:15px;color:rgba(255,255,255,.72);font-weight:400}
.hzc-save{font-family:HZDisplay,sans-serif;font-size:clamp(16px,1.5vw,20px);color:#6f7680;margin:44px auto 0;max-width:760px}
.hzc-save b{color:#000;font-weight:500}
@media(max-width:1100px){
 .hz-comp{padding:110px 24px 40px}
 .hzc-grid{grid-template-columns:1fr;gap:18px;margin-top:52px}
 .hzc-vs{display:none}
 .hzc-card{border-radius:16px;padding:26px 22px 30px}
 .hzc-total em{font-size:30px}
 .hzc-price em{font-size:36px}
}
.hzc-inc .hzc-check{color:#2c5feb;font-size:13.5px;font-weight:700}

/* HubZek: comparativo v2 — lado HubZek branco com borda azul, checks SVG, EM BREVE no lugar das barras */
.hzc-right{background:#fff;color:#000;border:1.5px solid #2c5feb;box-shadow:none}
.hzc-hlogo{background:#2c5feb;color:#fff}
.hzc-rhead b{color:#000}
.hzc-rtag{color:#2c5feb;border-color:rgba(44,95,235,.45)}
.hzc-inc{border-bottom:1px solid rgba(0,0,0,.06)}
.hzc-inc b{color:#000}
.hzc-inc span{color:#6f7680}
.hzc-ck{width:20px;height:20px;flex-shrink:0;margin-top:3px}
.hzc-soonlab{color:#2c5feb}
.hzc-soon{display:flex;align-items:center;gap:12px;padding:9px 0;grid-template-columns:none}
.hzc-soon>span{font-family:HZDisplay,sans-serif;font-size:14.5px;color:#000;flex:1}
.hzc-soon-dot{width:13px;height:13px;border-radius:50%;border:2px dashed #b9bec6;flex-shrink:0}
.hzc-soon em{font-style:normal;font-family:HZMono,monospace;font-size:9.5px;letter-spacing:.12em;color:#9aa0a8;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:4px 10px;white-space:nowrap}
.hzc-price{border-top:1px solid rgba(0,0,0,.08)}
.hzc-price .hzc-lab{color:#9aa0a8}
.hzc-price em{color:#2c5feb}
.hzc-price em u{color:#9aa0a8}

/* HubZek: respiro entre secoes reduzido (pedido: menos espaco, desktop e mobile) */
.hz-problema{padding:100px 32px 36px;margin-top:-170px}
.hz-ferramentas{padding:112px 32px 36px}
.hz-como{padding:112px 32px 48px}
.hz-integ{padding:52px 0 86px}
.hz-comp{padding:112px 32px 48px}
@media(max-width:1100px){
 .hz-problema{padding:78px 24px 16px;margin-top:-64px}
 .hz-ferramentas{padding:84px 24px 16px}
 .hz-como{padding:84px 24px 30px}
 .hz-integ{padding:38px 0 60px}
 .hz-comp{padding:84px 24px 30px}
}

/* HubZek: depoimentos v1 — 4 cards no carrossel; some imagem do estudio na tipografia */
.carousel-container>*:nth-child(n+5){display:none!important}
.remote img[src*="designstudio"],.remote img[src*="studio-logo"],.remote img[src*="expand-icon"]{display:none!important}
.remote a[href*="studio"],.remote [class*="studio"]{display:none!important}
.remote [data-id="york-headline"]{margin-left:.2em}

/* HubZek: tipografia "Quem usa, aprova." em azul */
.remote-red{color:#2c5feb!important}

/* HubZek: grade de depoimentos com avatar (apos a tipografia) */
.hz-depo2{padding:40px 32px 120px;text-align:center}
.hz-depo2 .hz-kicker{margin-bottom:56px}
.hzd2-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}
.hzd2-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:28px 26px 24px;display:flex;flex-direction:column;gap:22px}
.hzd2-card.hz-rv{transition-delay:var(--d,0s)}
.hzd2-q{font-family:HZDisplay,sans-serif;font-weight:400;font-size:16.5px;line-height:1.55;color:#111;margin:0;flex:1}
.hzd2-ft{display:flex;align-items:center;gap:12px}
.hzd2-av{width:42px;height:42px;border-radius:50%;object-fit:cover}
.hzd2-ft b{font-family:HZDisplay,sans-serif;font-weight:500;font-size:14px;color:#000;display:block}
.hzd2-ft span{font-family:HZMono,monospace;font-size:9.5px;letter-spacing:.1em;color:#9aa0a8;display:block;margin-top:3px}
@media(max-width:1100px){.hz-depo2{padding:20px 24px 80px}.hzd2-grid{grid-template-columns:1fr;gap:14px}}
@media(min-width:601px) and (max-width:1100px){.hzd2-grid{grid-template-columns:1fr 1fr}}

/* HubZek: baralho anima na troca; modal de video proprio */
.carousel-card-stack-img{transition:transform .42s cubic-bezier(.22,1,.36,1)}
.hz-vmodal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.hz-vmodal-bg{position:absolute;inset:0;background:rgba(10,12,16,.78)}
.hz-vmodal-box{position:relative;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 90px -20px rgba(0,0,0,.6);animation:hzdPop .35s cubic-bezier(.2,.8,.2,1)}
.hz-vmodal-box video{display:block;max-width:min(920px,92vw);max-height:86vh}
.hz-vmodal-x{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#111;font-size:15px;cursor:pointer;line-height:1}

/* HubZek: tipografia da secao depoimentos — mobile sem estouro lateral */
@media(max-width:768px){
 .text-1.text-1--remote{font-size:12.5vw!important;line-height:.95!important}
}

/* HubZek: labels de pais/estado visiveis no mobile + menos gap Paris -> depoimentos */
@media(max-width:768px){
 .remote-location-label{display:block!important;font-size:9px!important;letter-spacing:.08em}
}
.hz-depo2{margin-top:-130px}
@media(max-width:1100px){.hz-depo2{margin-top:-110px}}

/* ============ HubZek: PLANOS E PRECOS ============ */
.hz-planos{background:#fff;padding:118px 24px 96px;text-align:center;position:relative;z-index:2}
.hzpl-inner{max-width:1320px;margin:0 auto}
.hz-planos .hz-prob-sub{margin-top:22px}
.hzpl-toggle{display:inline-flex;align-items:center;gap:4px;margin:44px auto 54px;padding:5px;border:1px solid rgba(0,0,0,.14);border-radius:999px;background:#fff}
.hzpl-toggle button{font-family:HZMono,monospace;font-size:13px;letter-spacing:.06em;color:#111;background:transparent;border:0;border-radius:999px;padding:10px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s}
.hzpl-toggle button.on{background:#000;color:#fff}
.hzpl-toggle button i{font-style:normal;font-size:11px;color:#1a9e4b;background:rgba(26,158,75,.1);border-radius:999px;padding:3px 8px;letter-spacing:.02em}
.hzpl-toggle button.on i{color:#8ff0b4;background:rgba(255,255,255,.12)}
.hzpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left;align-items:stretch}
.hzpl-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:30px 26px 28px}
.hzpl-card-pop{border:1.5px solid #2c5feb;box-shadow:0 18px 44px -22px rgba(44,95,235,.35)}
.hzpl-pop{position:absolute;top:-11px;left:26px;font-family:HZMono,monospace;font-size:10px;letter-spacing:.14em;color:#fff;background:#2c5feb;border-radius:999px;padding:5px 12px}
.hzpl-nome{font-family:HZDisplay,sans-serif;font-weight:500;font-size:22px;color:#000;display:block}
.hzpl-desc{font-family:HZDisplay,sans-serif;font-size:14.5px;line-height:1.45;color:#6f7680;display:block;margin:6px 0 22px;min-height:42px}
.hzpl-price{display:flex;align-items:baseline;gap:6px}
.hzpl-price em{font-style:normal;font-family:HZDisplay,sans-serif;font-weight:500;font-size:42px;letter-spacing:-.02em;color:#000;line-height:1}
.hzpl-price u{text-decoration:none;font-family:HZMono,monospace;font-size:13px;color:#8a9099}
.hzpl-sub{display:block;font-family:HZMono,monospace;font-size:11.5px;letter-spacing:.04em;color:#8a9099;margin:10px 0 0;min-height:15px}
.hzpl-feats{list-style:none;margin:24px 0 28px;padding:22px 0 0;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:13px;flex:1}
.hzpl-feats li{display:flex;align-items:flex-start;gap:10px;font-family:HZDisplay,sans-serif;font-size:14.5px;line-height:1.42;color:#2a2e33}
.hzpl-feats .hzc-ck{width:17px;height:17px;flex:0 0 17px;margin-top:2px}
.hzpl-minus{color:#8a9099}
.hzpl-minus i{font-style:normal;width:17px;flex:0 0 17px;text-align:center;color:#b3b9c0;margin-top:1px}
.hzpl-cta{display:block;text-align:center;font-family:HZMono,monospace;font-size:13.5px;letter-spacing:.04em;color:#000;border:1px solid rgba(0,0,0,.32);border-radius:999px;padding:15px 18px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.hzpl-cta:hover{background:#2c5feb;border-color:#2c5feb;color:#fff}
.hzpl-cta-dark{background:#000;border-color:#000;color:#fff}
.hzpl-cta-dark:hover{background:#2c5feb;border-color:#2c5feb}
.hzpl-card-pop .hzpl-cta{background:#2c5feb;border-color:#2c5feb;color:#fff}
.hzpl-card-pop .hzpl-cta:hover{background:#000;border-color:#000}
@media(max-width:1180px){.hzpl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
 .hz-planos{padding:88px 18px 72px}
 .hzpl-grid{grid-template-columns:1fr;gap:16px}
 .hzpl-desc{min-height:0}
 .hzpl-toggle{margin:36px auto 40px}
}

/* ============ HubZek: FAQ ============ */
.hz-faq{background:#fff;padding:96px 24px 130px;text-align:center;position:relative;z-index:2}
.hzfaq-inner{max-width:880px;margin:0 auto}
.hzfaq-list{margin-top:64px;text-align:left;border-top:1px solid rgba(0,0,0,.12)}
.hzfaq-item{border-bottom:1px solid rgba(0,0,0,.12)}
.hzfaq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:transparent;border:0;padding:24px 2px;cursor:pointer;text-align:left}
.hzfaq-q span{font-family:HZDisplay,sans-serif;font-weight:500;font-size:18px;line-height:1.35;color:#000}
.hzfaq-q i{position:relative;width:18px;height:18px;flex:0 0 18px;transition:transform .3s ease}
.hzfaq-q i:before,.hzfaq-q i:after{content:"";position:absolute;background:#000;left:50%;top:50%}
.hzfaq-q i:before{width:16px;height:1.6px;transform:translate(-50%,-50%)}
.hzfaq-q i:after{width:1.6px;height:16px;transform:translate(-50%,-50%)}
.hzfaq-item.open .hzfaq-q i{transform:rotate(45deg)}
.hzfaq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.hzfaq-a p{font-family:HZDisplay,sans-serif;font-size:16px;line-height:1.55;color:#6f7680;margin:0;padding:0 44px 24px 2px;max-width:760px}
@media(max-width:640px){
 .hz-faq{padding:72px 18px 96px}
 .hzfaq-list{margin-top:44px}
 .hzfaq-q span{font-size:16px}
 .hzfaq-a p{padding-right:24px}
}

/* HubZek: planos — preco anual real com riscado + nota de economia */
.hzpl-was{font-family:HZDisplay,sans-serif;font-weight:400;font-size:19px;color:#b3b9c0;text-decoration:line-through;margin-right:4px}
.hzpl-was:empty{display:none}
.hzpl-note{font-family:HZDisplay,sans-serif;font-weight:500;font-size:15.5px;color:#1a9e4b;margin:-34px 0 54px}
.hzpl-note[hidden]{display:none}
@media(max-width:640px){.hzpl-note{margin:-22px 0 40px;font-size:14px}}

/* ============ HubZek: CTA FINAL + RODAPE (substitui o footer do modelo) ============ */
.site-footer{display:none!important}
.hz-cta{background:#0b0b0c;padding:132px 24px 122px;text-align:center;position:relative;z-index:2}
.hzcta-inner{max-width:1100px;margin:0 auto}
.hzcta-k{color:rgba(255,255,255,.5)}
.hz-cta .hz-prob-h{color:#fff}
.hz-cta .hz-prob-h span{color:#2c5feb}
.hzcta-sub{font-family:HZDisplay,sans-serif;font-weight:400;font-size:clamp(17px,1.6vw,22px);line-height:1.5;color:rgba(255,255,255,.72);margin:28px auto 0;max-width:660px}
.hzcta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:46px}
.hzcta-cta{font-family:HZMono,monospace;font-size:14px;letter-spacing:.04em;border-radius:999px;padding:17px 32px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.hzcta-blue{background:#2c5feb;color:#fff}
.hzcta-blue:hover{background:#fff;color:#000}
.hzcta-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.hzcta-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hzcta-checks{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin:40px 0 0;font-family:HZMono,monospace;font-size:12px;letter-spacing:.05em;color:rgba(255,255,255,.6)}
.hzcta-checks i{font-style:normal;color:#3ecf6f;margin-right:8px}
.hz-footer{background:#F1ECE2;padding:86px 24px 40px}
.hzft-inner{max-width:1240px;margin:0 auto}
.hzft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;text-align:left}
.hzft-logo{display:flex;align-items:center;gap:12px}
.hzft-mark{width:34px;height:34px;border-radius:9px;background:#0b0b0c;color:#fff;font-family:HZDisplay,sans-serif;font-weight:500;font-size:20px;display:inline-flex;align-items:center;justify-content:center}
.hzft-logo b{font-family:HZDisplay,sans-serif;font-weight:500;font-size:21px;color:#000}
.hzft-brand p{font-family:HZDisplay,sans-serif;font-size:15px;line-height:1.5;color:#6f7680;margin:16px 0 0;max-width:250px}
.hzft-col{display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.hzft-k{font-family:HZMono,monospace;font-size:11px;letter-spacing:.16em;color:#8a9099;margin:0 0 8px}
.hzft-col a{font-family:HZDisplay,sans-serif;font-size:15.5px;color:#111;text-decoration:none;transition:color .15s}
.hzft-col a:hover{color:#2c5feb}
.hzft-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.12);margin-top:66px;padding-top:26px;font-family:HZMono,monospace;font-size:11.5px;letter-spacing:.04em;color:#8a9099}
.hzft-bottom a{color:#8a9099;text-decoration:none}
.hzft-bottom a:hover{color:#000}
@media(max-width:900px){.hzft-grid{grid-template-columns:1fr 1fr}.hzft-brand{grid-column:1/-1}}
@media(max-width:640px){
 .hz-cta{padding:96px 20px 88px}
 .hzcta-btns{margin-top:38px}
 .hzcta-cta{padding:15px 26px;font-size:13px}
 .hzcta-checks{gap:14px 22px;margin-top:34px}
 .hz-footer{padding:64px 22px 32px}
 .hzft-grid{gap:34px 24px}
 .hzft-bottom{margin-top:48px}
}

/* HubZek: menos gap depoimentos -> planos */
.hz-planos{padding-top:40px}
@media(max-width:640px){.hz-planos{padding-top:36px}}

/* HubZek: FAQ com mais respiro nas laterais (mobile) */
@media(max-width:640px){.hz-faq{padding-left:28px;padding-right:28px}}
.hz-depo2{padding-bottom:56px}
@media(max-width:640px){.hz-depo2{padding-bottom:44px}}

/* ============ HubZek: CTA final v2 (card azul) + rodape v2 (branco) ============ */
.hz-cta{background:#fff;padding:20px 24px 104px}
.hzcta-inner{max-width:1360px;margin:0 auto}
.hzcta-card{background:#2c5feb;border-radius:44px;padding:104px 48px 92px;text-align:center}
.hzcta-k{color:rgba(255,255,255,.65)}
.hzcta-h2{font-family:HZDisplay,sans-serif;font-weight:500;font-size:clamp(46px,6.6vw,98px);line-height:.98;letter-spacing:-.02em;color:#fff;margin:0}
.hzcta-h2 span{color:#0b0b0c}
.hzcta-sub{font-family:HZDisplay,sans-serif;font-weight:400;font-size:clamp(17px,1.6vw,22px);line-height:1.5;color:rgba(255,255,255,.88);margin:26px auto 0;max-width:640px}
.hzcta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.hzcta-dark{background:#0b0b0c;color:#fff}
.hzcta-dark:hover{background:#fff;color:#000}
.hzcta-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.hzcta-ghost:hover{background:#fff;border-color:#fff;color:#2c5feb}
.hzcta-checks{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:38px 0 0;font-family:HZMono,monospace;font-size:12px;letter-spacing:.05em;color:rgba(255,255,255,.8)}
.hzcta-checks i{font-style:normal;color:#fff;margin-right:8px}
.hz-footer{background:#fff;border-top:0;padding:78px 24px 0;overflow:hidden}
.hzft-bottom{margin-top:56px;padding-top:24px}
.hzft-giant{font-family:HZDisplay,sans-serif;font-weight:500;font-size:clamp(88px,15.5vw,225px);line-height:.8;letter-spacing:-.035em;color:#0b0b0c;text-align:center;margin:64px 0 -.085em;white-space:nowrap}
@media(max-width:640px){
 .hz-cta{padding:8px 16px 72px}
 .hzcta-card{border-radius:30px;padding:66px 22px 58px}
 .hzcta-btns{margin-top:36px}
 .hzcta-checks{gap:12px 20px;margin-top:30px}
 .hz-footer{padding:58px 22px 0}
 .hzft-giant{margin-top:44px}
}
.hz-cta{padding-bottom:56px}
.hz-footer{padding-top:60px}
.hzft-giant{margin-bottom:-.03em}
@media(max-width:640px){.hz-cta{padding-bottom:40px}}

/* ============ HubZek: CTA final v3 (estilo Notion, cinza claro) + rodape v3 ============ */
.hz-cta{background:#f4f2ee;padding:148px 24px 156px;text-align:center}
.hzcta3-inner{max-width:900px;margin:0 auto}
.hzcta3-h{font-family:HZDisplay,sans-serif;font-weight:500;font-size:clamp(36px,4.6vw,64px);line-height:1.04;letter-spacing:-.02em;color:#0b0b0c;margin:0}
.hzcta3-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.hzcta3-b1,.hzcta3-b2{font-family:HZDisplay,sans-serif;font-weight:500;font-size:16.5px;border-radius:12px;padding:15px 26px;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s}
.hzcta3-b1{background:#2c5feb;color:#fff}
.hzcta3-b1:hover{background:#1e49c8}
.hzcta3-b2{background:#fff;color:#2c5feb;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.hzcta3-b2:hover{background:#fafaf9}
.hzcta3-checks{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:34px 0 0;font-family:HZMono,monospace;font-size:12px;letter-spacing:.04em;color:#8a9099}
.hzcta3-checks i{font-style:normal;color:#1a9e4b;margin-right:7px}
.hz-footer{background:#fff;border-top:0;padding:92px 24px 56px;overflow:visible}
.hzft-bottom{margin-top:64px;padding-top:26px;align-items:center}
.hzft-bright{display:inline-flex;align-items:center;gap:18px}
.hzft-lang{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.16);border-radius:9px;padding:8px 12px;background:#fff;color:#111}
.hzft-lang svg{width:15px;height:15px;flex:0 0 15px}
.hzft-lang select{border:0;background:transparent;font-family:HZDisplay,sans-serif;font-size:14px;color:#111;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:14px}
.hzft-chev{font-style:normal;position:absolute;right:10px;pointer-events:none;font-size:10px;color:#6f7680}
@media(max-width:640px){
 .hz-cta{padding:96px 20px 104px}
 .hzcta3-btns{margin-top:32px}
 .hzcta3-b1,.hzcta3-b2{font-size:15.5px;padding:14px 22px}
 .hzcta3-checks{gap:12px 18px;margin-top:28px}
 .hz-footer{padding:64px 22px 44px}
 .hzft-bottom{margin-top:48px;flex-direction:column;align-items:flex-start;gap:14px}
}
.hzft-logoimg{height:30px;width:auto;display:block}
.site-logo{width:auto!important;height:30px!important}

/* ============ HubZek v5: refinamentos globais ============ */
/* 1) logo menor e mais delicada */
.site-logo{height:24px!important}
@media(max-width:768px){.site-logo{height:20px!important}}
/* 2) gap hero-sub -> faixa */
.hz-strip{margin-top:-44px}
@media(max-width:1100px){.hz-strip{margin-top:-34px}}
@media(max-width:600px){.hz-strip{margin-top:-26px}}
/* 3) relogio: scrollytelling mais curto — encurta o TRILHO interno (sticky), mantendo DOM e cena em sincronia */
.countdown-stage{height:118vh!important}
/* 4) problema mais proximo do relogio */
.hz-problema{padding-top:92px}
@media(max-width:1100px){.hz-problema{padding-top:64px}}
/* 7/9) CTA final v4 — mais impactante, mesma familia visual */
.hz-cta{padding:126px 24px 134px}
.hzcta3-k{display:block;margin:0 0 26px}
.hzcta3-h{font-size:clamp(44px,6.8vw,100px);line-height:.98;letter-spacing:-.022em}
.hzcta3-h span{color:#2c5feb;display:block}
.hzcta3-btns{margin-top:44px;gap:14px}
.hzcta3-b1,.hzcta3-b2{font-size:17px;padding:17px 32px;border-radius:14px}
.hzcta3-checks{margin-top:32px}
@media(max-width:640px){
 .hz-cta{padding:88px 20px 96px}
 .hzcta3-btns{margin-top:34px}
 .hzcta3-b1,.hzcta3-b2{font-size:16px;padding:15px 26px}
 .hzcta3-checks{margin-top:26px}
}
/* 6) remote/cidades — composicao mobile refeita (linhas flex com recuos intencionais) */
@media(max-width:768px){
 .remote-grid{padding:0 22px}
 .remote-grid .remote-line{display:flex!important;align-items:baseline;gap:.3em;margin:0 0 .12em 0!important;padding:0!important;transform:none!important;flex-wrap:nowrap}
 .remote-grid .remote-line .headline.text-1--remote{font-size:11vw!important;line-height:1.06!important;letter-spacing:-.02em;margin:0!important;transform:none!important;white-space:nowrap}
 .remote-grid .remote-location-label{display:block!important;font-size:9px!important;line-height:1.15!important;letter-spacing:.08em;margin:0 .4em!important;transform:none!important;white-space:pre-line;align-self:center}
 .remote-line-1{margin-left:0!important}
 .remote-line-2{margin-left:10%!important}
 .remote-line-3{margin-left:0!important}
 .remote-line-4{margin-left:9%!important}
 .remote-line-5{margin-left:15%!important}
 .remote-line-6{margin-left:0!important}
 .remote-line-7{margin-left:7%!important}
 .remote-line-8{margin-left:3%!important}
 .remote-studio-thumb{display:none!important}
}


/* v5.1: espaco entre palavras nas linhas do remote (mobile) */
@media(max-width:768px){
 .remote-grid .remote-line .headline.text-1--remote[data-id="in-headline"]{margin-left:.3em!important}
 .remote-grid .remote-line .headline.text-1--remote[data-id="design-headline"]{margin-left:.3em!important}
 .remote-grid .remote-line .headline.text-1--remote[data-id="york-headline"]{margin-left:.28em!important}
}

/* v5.2: relogio nasce montado + gaps do fim da secao + camada do kicker */
.countdown{padding-bottom:140px!important}
@media(max-width:768px){.countdown{padding-bottom:20px!important}}
.hz-problema{position:relative;z-index:2;background:#fff}
@media(max-width:1100px){.hz-problema{padding-top:56px}}
/* v5.2b: corta a cauda da colagem do hero que ficou exposta com o relogio curto */
.hero-grid{max-height:150vh;overflow:hidden}
@media(max-width:768px){.hero-grid{max-height:135vh}
 .countdown{margin-top:max(-131vh,-1240px)!important}}
/* v5.2c: desvanece o corte da colagem em vez de cortar cartao ao meio */
.hero-grid{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}
@media(max-width:768px){.hero-grid{-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 78%);mask-image:linear-gradient(to bottom,#000 58%,transparent 78%)}}
@media(max-width:768px){.hz-problema{margin-top:-80px}}

/* v5.3: desktop — relogio nao passa mais por cima dos cards (reduz o puxao) */
@media(min-width:769px){
 .countdown{margin-top:max(-34vh,-380px)!important}
 .hero-grid{-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 96%);mask-image:linear-gradient(to bottom,#000 72%,transparent 96%)}
}

/* v5.4: relogio nasce 100% montado (JS clamp) — stage segura um beat no desktop */
.countdown-stage{height:150vh!important}
@media(max-width:768px){
 .countdown-stage{height:118vh!important}
 .countdown{margin-top:max(-30vh,-300px)!important}
}

/* v5.4b: desktop sem sobreposicao — relogio montado entra depois da colagem */
@media(min-width:769px){.countdown{margin-top:-6vh!important}}

/* v5.5: relogio cabe inteiro na viewport no desktop — zero sobreposicao com os cards */
@media(min-width:769px){
 .countdown{--ring-size:min(96vh,92vw)!important;margin-top:0!important}
}

/* v5.5b: ring gigante de volta; margem calculada p/ o topo do ring nascer DEPOIS do fim do fade dos cards */
@media(min-width:769px){
 .countdown{--ring-size:max(1400px,min(1800px,98vw))!important;margin-top:max(calc(49vw - 56vh + 24px),0px)!important}
}

/* v5.6: devolve o texto "Mais qualidade / Você só precisa..." abaixo do relógio no desktop,
   com respiro extra antes do "O problema real" para ele aparecer inteiro na saída */
@media(min-width:769px){
 .countdown{padding-bottom:540px!important}
}

/* v5.7: mostra a colagem (quase) inteira — fade sombreado só no fim */
.hero-grid{max-height:290vh}
.hero-grid{-webkit-mask-image:linear-gradient(to bottom,#000 90%,transparent 99%);mask-image:linear-gradient(to bottom,#000 90%,transparent 99%)}
@media(min-width:769px){
 .countdown{margin-top:max(calc(49vw - 52vh + 24px),0px)!important}
}
@media(max-width:768px){
 .hero-grid{max-height:178vh}
 .hero-grid{-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 98%);mask-image:linear-gradient(to bottom,#000 88%,transparent 98%)}
 .countdown{margin-top:max(-22vh,-200px)!important}
}

/* v5.8: demo do construtor de paginas vira captura estatica com scroll CSS (sem iframe externo) */
.hzd-pgimg{position:absolute;top:0;left:0;width:100%;height:auto;display:block;transform:translateY(0)}
.hzd-pgimg.scroll{animation:hzPgImgScroll 26s linear forwards}
@keyframes hzPgImgScroll{0%{transform:translateY(0)}8%{transform:translateY(0)}92%{transform:translateY(var(--pgend,-2400px))}100%{transform:translateY(var(--pgend,-2400px))}}