/* Reference-guided motion: centered hero, floating navigation and light inertia. */
html{scroll-behavior:auto}
.pp-scroll-hero{position:relative;height:180svh;min-height:1050px;background:#fbfaf7;color:#111;isolation:isolate;font-family:Arial,sans-serif}
.pp-hero-pin{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#ff620008,transparent 65%),#fbfaf7;perspective:1400px}
.pp-centered-copy{position:absolute;top:clamp(125px,17svh,185px);left:50%;width:min(1100px,90%);text-align:center;transform:translateX(-50%) translateY(var(--copy-y,0px));opacity:var(--copy-opacity,1);will-change:transform,opacity;z-index:2}
.pp-hero-eyebrow{font:500 12px/1.5 Arial,sans-serif;letter-spacing:3px;color:#6c6b68;margin:0 0 22px}
.pp-centered-copy h1{font:700 clamp(46px,4.8vw,82px)/1.04 Arial,sans-serif;letter-spacing:-3.5px;margin:0 auto 24px;max-width:1080px}.pp-centered-copy h1 span{color:#ff6200;white-space:nowrap}
.pp-hero-description{max-width:740px;margin:0 auto 27px;font:400 clamp(16px,1.05vw,19px)/1.55 Arial,sans-serif;color:#656767}
.pp-centered-copy .ref-actions{justify-content:center;gap:12px}.pp-centered-copy .ref-button{height:52px;padding:0 24px;gap:20px;font:600 15px Arial,sans-serif;border-radius:10px}.pp-centered-copy .ref-button svg{width:20px;height:20px}.pp-centered-copy .ref-button.primary{color:#fff}.pp-centered-copy .ref-button.secondary{background:#ffffffa0;border:1px solid #dedbd6}.pp-centered-copy .ref-button:active{transform:scale(.98)}
.pp-hero-dashboard{position:absolute;left:50%;top:0;width:min(1150px,82vw,calc((100svh - 165px)*1.73));margin:0;transform:translate(-50%,var(--dash-y,64svh)) scale(var(--dash-scale,.96));transform-origin:50% 0;border:1px solid #dedbd6;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 28px 80px #3e2a1514,0 4px 14px #00000008;will-change:transform;z-index:3}
.pp-window-chrome{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fafaf9;border-bottom:1px solid #e9e8e5;font:10px Arial,sans-serif;color:#777}.pp-window-chrome>span{display:flex;gap:5px;width:60px}.pp-window-chrome i{width:6px;height:6px;border-radius:50%;background:#ff8c73}.pp-window-chrome i:nth-child(2){background:#e9c16d}.pp-window-chrome i:nth-child(3){background:#83bc92}.pp-window-chrome p{margin:0}.pp-window-chrome b{font-weight:400;color:#bbb;margin:0 5px}.pp-window-chrome small{font-size:9px}.pp-hero-dashboard>img{display:block;width:100%;height:auto;}
.pp-hero-pattern{position:absolute;inset:30% 0 0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 27px,#ff620026 28px,transparent 29px);mask-image:radial-gradient(ellipse at 50% 15%,transparent 27%,#0005 75%,#000 100%);opacity:.38}
.pp-scroll-cue{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font:11px Arial,sans-serif;color:#85817b;letter-spacing:.6px;opacity:var(--copy-opacity,1);z-index:4}.pp-scroll-cue span{margin-left:7px;color:#ff6200}
.reference-nav.reference-nav{left:50%!important;right:auto!important;top:var(--nav-top,0px)!important;transform:translateX(-50%);width:calc(100% - var(--nav-inset,0px)*2);border-radius:var(--nav-radius,0px);background:rgba(255,253,248,var(--nav-glass,0))!important;backdrop-filter:blur(var(--nav-blur,0px)) saturate(130%);-webkit-backdrop-filter:blur(var(--nav-blur,0px)) saturate(130%);box-shadow:0 8px 30px rgba(25,20,12,var(--nav-shadow,0));border:1px solid rgba(120,110,95,var(--nav-border,0));transition:none;}
.reference-nav.reference-nav .nav.wrap{height:var(--nav-height,88px);padding:0 var(--nav-padding,4.5vw);transition:none;gap:24px}
.reference-nav.reference-nav .brand{width:var(--nav-logo,210px);transition:none}.reference-nav.reference-nav .nav-links{gap:22px}.reference-nav.reference-nav .nav-links>a,.reference-nav.reference-nav .nav-links>button{text-shadow:none}.reference-nav.reference-nav .login{color:#171717!important;text-shadow:none!important;white-space:nowrap;max-width:var(--nav-login-width,80px);opacity:var(--nav-login-opacity,1);overflow:hidden;padding-left:var(--nav-login-padding,24px);border-left-width:var(--nav-login-border,1px)}
.reference-nav.reference-nav .nav-actions{gap:var(--nav-action-gap,28px)}.reference-nav.reference-nav .pp-nav-indicator{bottom:8px}
@media(min-width:1200px) and (max-width:1450px){.reference-nav.reference-nav .nav-links{gap:17px}.reference-nav.reference-nav .nav.wrap{gap:18px}.reference-nav.reference-nav .brand{max-width:175px}}
@media(max-width:1199px){.reference-nav.reference-nav{left:0!important;right:0!important;transform:none;top:0!important;width:100%;border-radius:0}.reference-nav.reference-nav .nav.wrap{height:var(--mobile-nav-height,76px);padding:0 22px}.reference-nav.reference-nav .brand{width:180px}.pp-scroll-hero{height:155svh;min-height:950px}.pp-hero-pin{min-height:560px}.pp-centered-copy{top:145px;width:90%}.pp-centered-copy h1{font-size:clamp(40px,6vw,68px);letter-spacing:-2.3px}.pp-hero-description{max-width:620px;font-size:17px}.pp-hero-dashboard{width:min(900px,91vw,calc((100svh - 150px)*1.73));border-radius:13px}.pp-centered-copy .ref-button{font-size:14px;padding:0 18px}.pp-hero-eyebrow{font-size:10px;letter-spacing:2px}.pp-scroll-cue{display:none}}
@media(max-width:600px){.pp-scroll-hero{height:155svh;min-height:1000px}.pp-hero-pin{min-height:660px}.pp-centered-copy{top:125px;width:90%}.pp-centered-copy h1{font-size:clamp(35px,8.8vw,50px);letter-spacing:-1.8px;line-height:1.06}.pp-centered-copy h1 span{white-space:normal}.pp-hero-eyebrow{max-width:300px;margin:0 auto 20px;line-height:1.6;font-size:9px;letter-spacing:1.7px}.pp-hero-description{font-size:15px;line-height:1.55;margin-bottom:24px}.pp-centered-copy .ref-actions{flex-direction:column;gap:10px}.pp-centered-copy .ref-button{height:48px;width:min(310px,100%)}.pp-hero-dashboard{width:94vw;border-radius:10px}.pp-window-chrome{height:23px;padding:0 8px;font-size:8px}.pp-window-chrome small{display:none}.pp-window-chrome>span{width:30px;gap:3px}.pp-window-chrome i{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.pp-scroll-hero{height:auto;min-height:0;padding:140px 0 45px}.pp-hero-pin{height:auto;min-height:0;position:relative;overflow:visible}.pp-centered-copy{position:relative;top:auto;left:auto;width:90%;margin:0 auto;transform:none;opacity:1}.pp-hero-dashboard{position:relative;top:auto;left:auto;margin:45px auto 0;transform:none;width:min(1100px,92%)}.pp-scroll-cue{display:none}.pp-centered-copy,.pp-hero-dashboard{will-change:auto}}

/* GSAP transforms the page as one continuous surface. Fixed nav stays outside. */
.pp-scroll-active .pp-hero-pin{position:relative;top:auto;will-change:transform}#pp-smooth-content{overflow:visible;width:100%}#pp-smooth-wrapper{width:100%}

/* Hero: conteúdo em fluxo normal e perspectiva ligada à rolagem. */
.pp-scroll-hero{height:auto;min-height:0}
.pp-hero-pin,.pp-scroll-active .pp-hero-pin{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column;align-items:center;padding:clamp(135px,16vh,175px) 24px 72px;transform:none!important;perspective:1600px}
.pp-centered-copy{position:relative;top:auto;left:auto;width:min(1100px,100%);transform:none;opacity:1;will-change:auto}
.pp-centered-copy h1{max-width:950px}.pp-centered-copy h1 span{white-space:normal}
.pp-hero-dashboard{position:relative;top:auto;left:auto;width:min(1150px,88vw);margin:64px auto 0;transform:perspective(1600px) rotateX(var(--dash-rotate,12deg));transform-origin:center top;will-change:transform}
.pp-hero-assistant{position:absolute;right:3%;bottom:5%;display:flex;align-items:flex-start;gap:12px;max-width:340px;padding:15px 18px;border:1px solid #e6e2dd;border-radius:15px;background:#fff;box-shadow:0 14px 40px #1b140d26;text-align:left;font:14px/1.35 Arial,sans-serif}
.pp-hero-assistant-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:#fff0e7;color:#ff6200;font-size:20px}.pp-hero-assistant p{margin:5px 0;color:#52565e}.pp-hero-assistant small{color:#777}.pp-scroll-cue{display:none}
@media(max-width:1199px){.pp-hero-pin,.pp-scroll-active .pp-hero-pin{padding:130px 22px 52px}.pp-hero-dashboard{width:min(900px,100%);margin-top:42px;transform:none}.pp-centered-copy{width:100%}}
@media(max-width:600px){.pp-hero-pin,.pp-scroll-active .pp-hero-pin{padding:115px 18px 40px}.pp-hero-dashboard{width:100%;margin-top:35px}.pp-hero-assistant{position:relative;right:auto;bottom:auto;max-width:none;margin:0;border:0;border-top:1px solid #eee;border-radius:0;box-shadow:none;padding:12px;font-size:12px}.pp-hero-assistant-icon{width:30px;height:30px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.pp-scroll-hero{padding:0}.pp-hero-dashboard{transform:none;will-change:auto}.pp-centered-copy{margin:0}}
@media(hover:none){.reference-nav .nav-links>a:hover,.reference-nav .nav-links>button:hover{transform:none}}