/* ORDO / direção editorial: fotografias integradas ao layout, sem quadros superpostos */
:root{--flow-ink:#0c0c0e;--flow-soft:#151314;--flow-warm:#201912;--flow-gold:#e3b778}
.pn-premium-page{background:#0c0c0e}
.pn-premium-page .site-header{background:rgba(11,11,13,.85)!important}
/* HOME. A FOTO É AMBIENTE — NUNCA SUPORTE PARA O MOCKUP DO CRM. */
.pn-home .pn-hero{min-height:586px;padding:100px 0 93px;display:flex;align-items:center;isolation:isolate;background:#0d0d10;border-bottom:0}
.pn-home .pn-hero-grid{display:block;position:relative;z-index:2;width:min(100% - 64px,1250px)}
.pn-home .pn-hero-content{max-width:620px;position:relative;z-index:3}
.pn-home .pn-hero-content>p{color:#e1d9ce;max-width:510px}
.pn-home .pn-hero h1{font-size:clamp(48px,5.45vw,76px);line-height:1.08}
.pn-home .pn-hero-visual{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;max-width:none!important;min-width:0;min-height:100%;height:100%;padding:0!important;margin:0!important;pointer-events:none;overflow:hidden}
.pn-home .pn-hero-workday{position:absolute!important;inset:0 0 0 auto!important;width:78%!important;height:100%!important;top:0!important;right:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow:hidden}
.pn-home .pn-hero-workday img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.66) contrast(1.02) brightness(.73);transform:scale(1.03)}
.pn-home .pn-hero-workday::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0d0d10 0%,#0d0d10ed 18%,#0d0d10a6 37%,#0d0d1030 71%,#0d0d1042 100%),linear-gradient(0deg,#0c0c0e 0%,transparent 35%,#0c0c0e52 100%);pointer-events:none}
.pn-home .pn-hero::after{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 78% 35%,transparent 12%,#11101229 58%),linear-gradient(0deg,#0c0c0e 0%,transparent 22%);pointer-events:none}
.pn-home .pn-orbit{display:none}
/* A demonstração tem sua própria seção, abaixo da hero, sem sobreposição. */
.pn-product-demo{background:linear-gradient(180deg,#0c0c0e 0%,#131113 52%,#171411 100%);padding:20px 0 86px;overflow:hidden;isolation:isolate}
.pn-product-demo::before{content:'';position:absolute;inset:20% 0 auto 0;height:460px;background:radial-gradient(ellipse at 50% 45%,#bd8a4830,transparent 68%);pointer-events:none;z-index:-1}
.pn-demo-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:28px 0 33px}
.pn-demo-heading>div{max-width:690px}
.pn-demo-heading h2{font:800 clamp(29px,3.4vw,47px)/1.14 Manrope,sans-serif;letter-spacing:-.06em;color:#fff3e5;margin:13px 0 0}
.pn-demo-heading p{max-width:390px;margin:0 0 4px;color:#baada0;font-size:14px;line-height:1.75}
.pn-demo-interface{width:100%!important;margin:0!important;transform:none!important;box-shadow:0 26px 70px #0004!important;border:1px solid #57432e85!important;border-radius:13px!important;background:#121214!important}
.pn-demo-interface:hover{transform:none!important}
.pn-demo-interface .pn-browser-bar{display:none!important}
.pn-demo-interface .pn-browser-tabs{background:#151315;border-bottom:1px solid #3b3229;padding:15px 20px;gap:9px}
.pn-demo-interface .pn-browser-tabs button{border-radius:6px;background:transparent;border:1px solid #63513d55;color:#ccbeb0;padding:9px 18px;font-size:11px}
.pn-demo-interface .pn-browser-tabs button.selected{background:#3e3020;color:#ffe0ab;border-color:#b88a52}
.pn-demo-interface .pn-tour-stage{min-height:355px;padding:15px 18px}
.pn-demo-interface .pn-tour-stage .tour-app{min-height:320px}
.pn-demo-interface .pn-browser-bottom{background:#181619}
/* EDITORIAL: imagem e cor se misturam, sem cartão fotográfico individual. */
.pn-life-strip{background:linear-gradient(180deg,#171411 0%,#181515 100%)!important;border:0!important}
.pn-life-strip-inner{min-height:205px;grid-template-columns:minmax(200px,.68fr) minmax(0,1.4fr) auto;gap:18px}
.pn-life-strip-photo{height:205px;border:0;mask-image:linear-gradient(90deg,#000 0%,#000 59%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 59%,transparent 100%)}
.pn-life-strip-photo::after{display:none}
.pn-life-strip-photo img{filter:saturate(.72) contrast(1.04) brightness(.85)}
.pn-life-strip-copy p{font-size:clamp(15px,1.5vw,21px);max-width:685px}
.pn-products{background:linear-gradient(180deg,#181515 0%,#111113 45%,#111012 100%)}
.pn-products-grid{gap:12px}
.pn-product-card{border:1px solid #5a4a3966!important;border-radius:11px!important;min-height:398px!important;background:#1a1818!important;box-shadow:none!important;transition:border-color .2s ease,transform .2s ease}
.pn-product-card:hover{transform:translateY(-2px);box-shadow:none!important;border-color:#a98a6280!important}
.pn-product-card::before{content:'';position:absolute;inset:37% 0 0;background-size:cover;background-position:center;mask-image:linear-gradient(to bottom,transparent 0%,#000 42%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 42%,#000 100%);filter:saturate(.65) brightness(.60);opacity:.85}
.pn-product-sales::before{background-image:linear-gradient(0deg,#0e0d0ff2,#0e0d0f1a 73%),url('assets/office/rotina-escritorio.webp');background-position:center 40%}
.pn-product-chat::before{background-image:linear-gradient(0deg,#0e0d0feb,#0e0d0f19 73%),url('assets/office/atendimento-comercial.webp')}
.pn-product-data::before{background-image:linear-gradient(0deg,#0e0d0fe6,#0e0d0f18 73%),url('assets/office/reuniao-planejamento.webp')}
.pn-product-text{position:relative;z-index:2;padding:28px 28px 25px;display:flex;flex-direction:column;height:100%}
.pn-product-text h3{max-width:310px}
.pn-product-text p{max-width:310px;color:#c7bfb3}
.pn-product-text a{margin-top:auto;padding-top:158px;color:#ffe0a3}
.pn-mini-pipeline,.pn-mini-chat,.pn-mini-chart{display:none!important}
.pn-life-detail{border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(90deg,#1b1715,#151416 86%)!important;min-height:200px;grid-template-columns:40% 1fr;gap:10px!important}
.pn-life-detail>img{height:242px!important;filter:saturate(.71) brightness(.87);mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%)}
.pn-life-detail>div{padding:24px 26px 24px 0!important}
.pn-choose{background:linear-gradient(180deg,#111012,#161310 80%,#100e10);border:0!important}
.pn-choose-panel{border-radius:12px!important;box-shadow:none!important;border-color:#6b543d6b!important}
.pn-final{background:linear-gradient(180deg,#100e10,#0c0c0e)}
.pn-final-card{border-radius:14px;box-shadow:none;max-width:1220px}
/* Interiors: avoid stand-alone photo frames and hard color changes. */
.pn-platform-people{background:linear-gradient(180deg,#161416,#211b16 55%,#151416)!important;border:0!important;padding:44px 0}
.pn-platform-people-media{border:0!important;border-radius:0!important;max-height:none!important;mask-image:linear-gradient(90deg,#000 0%,#000 62%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 62%,transparent 100%)}
.pn-platform-people-media img{height:290px!important;filter:saturate(.75) brightness(.91)}
.pn-resources-picture{border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(100deg,#211a16,#171516 75%)!important;margin:0 0 36px!important;min-height:230px}
.pn-resources-picture img{height:255px!important;mask-image:linear-gradient(90deg,#000 0%,#000 59%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 59%,transparent 100%);filter:saturate(.72) brightness(.86)}
.pn-inside-photo{border:0!important;border-radius:0!important;box-shadow:none!important}
.pn-inside-photo img{filter:saturate(.72) brightness(.85)}
.pn-inside-photo::after{inset:0!important;background:linear-gradient(0deg,#111013ba,transparent 65%),linear-gradient(90deg,transparent 65%,#151416 100%)!important}
.pn-premium-page .site-resource-card,.pn-premium-page .module-point-card,.pn-premium-page .site-story-card,.pn-premium-page .site-process-step{border-radius:12px!important;box-shadow:none!important}
.pn-premium-page .module-visual-window,.pn-premium-page .tour-environment{box-shadow:none!important;border-color:#70583c6e!important}
@media (max-width:950px){
 .pn-home .pn-hero{min-height:520px;padding:94px 0 70px}
 .pn-home .pn-hero-grid{width:min(100% - 48px,1250px)}
 .pn-home .pn-hero-workday{width:95%!important;opacity:.87}
 .pn-home .pn-hero-workday::after{background:linear-gradient(90deg,#0d0d10 0%,#0d0d10e8 30%,#0d0d1085 65%,#0d0d104a 100%),linear-gradient(0deg,#0d0d10,transparent 35%)}
 .pn-demo-heading{display:block}
 .pn-demo-heading p{margin-top:15px;max-width:650px}
 .pn-life-strip-inner{grid-template-columns:170px minmax(0,1fr)}
 .pn-life-link{grid-column:2;justify-self:start;margin:0 0 12px}
 .pn-life-strip-photo{height:100%;grid-row:span 2;min-height:190px}
}
@media (max-width:650px){
 .pn-home .pn-hero{display:block;min-height:0;padding:72px 0 0;background:#0d0d0f}
 .pn-home .pn-hero-grid{width:min(100% - 36px,1250px);display:flex;flex-direction:column;gap:0}
 .pn-home .pn-hero-content{max-width:none;padding-bottom:19px}
 .pn-home .pn-hero h1{font-size:clamp(41px,10vw,55px)}
 .pn-home .pn-hero-visual{position:relative!important;inset:auto!important;width:calc(100% + 36px)!important;max-width:none!important;min-height:0!important;height:252px!important;margin:0 -18px!important;overflow:hidden}
 .pn-home .pn-hero-workday{inset:0!important;width:100%!important;height:100%!important}
 .pn-home .pn-hero-workday img{object-position:center 45%;transform:none;filter:saturate(.72) brightness(.83)}
 .pn-home .pn-hero-workday::after{background:linear-gradient(180deg,#0d0d0f 0%,transparent 24%,transparent 70%,#0d0d0f 100%),linear-gradient(90deg,#0d0d0f42,transparent 40%,#0d0d0f22)}
 .pn-home .pn-hero::after{display:none}
 .pn-product-demo{padding:28px 0 53px}
 .pn-demo-heading{padding:12px 0 23px}
 .pn-demo-heading h2{font-size:30px}
 .pn-demo-heading p{font-size:12px;line-height:1.6}
 .pn-demo-interface{border-radius:9px!important}
 .pn-demo-interface .pn-browser-tabs{padding:9px}
 .pn-demo-interface .pn-browser-tabs button{font-size:10px;padding:8px 11px}
 .pn-demo-interface .pn-tour-stage{padding:7px;min-height:290px}
 .pn-life-strip-inner{grid-template-columns:115px minmax(0,1fr);gap:11px;min-height:190px}
 .pn-life-strip-photo{min-height:190px;height:100%}
 .pn-life-strip-copy p{font-size:12px;line-height:1.55}
 .pn-product-card{min-height:375px!important}
 .pn-product-text a{padding-top:125px}
 .pn-life-detail{grid-template-columns:1fr!important;gap:0!important}
 .pn-life-detail>img{height:185px!important;mask-image:linear-gradient(180deg,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%)}
 .pn-life-detail>div{padding:10px 21px 24px!important}
 .pn-platform-people-media{mask-image:linear-gradient(180deg,#000 40%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}
 .pn-platform-people-media img{height:225px!important}
 .pn-resources-picture{grid-template-columns:1fr!important;gap:0!important}
 .pn-resources-picture img{height:175px!important;mask-image:linear-gradient(180deg,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%)}
 .pn-resources-picture>div{padding:0 20px 24px!important}
}
@media(prefers-reduced-motion:reduce){.pn-product-card,.pn-demo-interface{transition:none!important}}