/* Página Produtos: composição editorial do portfólio e da plataforma compartilhada. */
.products-page{background:#fff}
.products-page :where(.products-hero-grid,.hero-content,.portfolio-intro>*,.products-ecosystem-intro>*,.product-detail-grid>*,.product-columns>*,.audience-block>*,.shared-base-intro>*,.products-cta-inner>*){min-width:0}
.products-page :where(h1,h2,h3,p,li){overflow-wrap:break-word}
.products-page :focus-visible{outline:3px solid var(--green);outline-offset:4px}
.products-page .header{background:rgba(255,255,255,.96)}
.products-hero{padding:clamp(6rem,10vw,9rem) 0 clamp(5rem,8vw,7rem);overflow:hidden;background:#fff}
.products-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(3rem,8vw,7rem);align-items:center;min-height:600px}
.products-hero h1{max-width:850px;font-size:clamp(3.2rem,6.1vw,5.7rem);color:var(--gray-900)}
.products-hero .hero-content>p:not(.eyebrow){max-width:720px;margin:0;color:var(--gray-500);font-size:clamp(1.02rem,1.55vw,1.2rem)}
.products-hero-visual{position:relative;width:min(100%,450px);aspect-ratio:1;margin-inline:auto}
.product-orbit{position:absolute;border:1px solid #d6d9d6;border-radius:50%}
.product-orbit-a{inset:3%;animation:orb-spin 76s linear infinite}.product-orbit-b{inset:17%;border-style:dashed;border-color:#bfc4bf;animation:orb-spin 58s linear infinite reverse}.product-orbit-c{inset:30%;border-color:rgba(196,239,1,.95);animation:orb-spin 44s linear infinite}
.product-orbit-core{position:absolute;z-index:3;inset:37%;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#050505;box-shadow:10px 10px 0 var(--green)}
.product-orbit-core img{width:118%;height:auto;max-width:none}
.product-node-ring{position:absolute;z-index:2;inset:0;pointer-events:none;--orbit-duration:64s;animation:orb-spin var(--orbit-duration) linear infinite}.product-node-ring>.product-node{animation:orb-spin var(--orbit-duration) linear infinite reverse}.product-node-ring.orbit-reverse{animation-direction:reverse}.product-node-ring.orbit-reverse>.product-node{animation-direction:normal}.product-node-ring-one{--orbit-duration:72s}.product-node-ring-two{--orbit-duration:58s}.product-node-ring-three{--orbit-duration:66s}.product-node-ring-four{--orbit-duration:52s}.product-node-ring-five{--orbit-duration:61s}.product-node-ring-six{--orbit-duration:56s}
.product-node{position:absolute;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;background:var(--gray-900);color:#fff;font-size:.64rem;font-weight:700;box-shadow:0 0 0 1px #d4d8d4}
.node-mind{top:-1%;left:45%}.node-nutri{top:20%;right:3%;background:var(--green);color:#000}.node-work{right:3%;bottom:19%}.node-cortex{bottom:-1%;left:45%;background:var(--green);color:#000}.node-cloud{bottom:19%;left:3%}.node-conecta{top:20%;left:3%}
.portfolio-overview{background:var(--gray-50)}
.portfolio-intro{display:grid;grid-template-columns:1fr .8fr;gap:clamp(3rem,8vw,7rem);align-items:end;margin-bottom:4.5rem}
.portfolio-intro>p{max-width:540px;margin:0;color:var(--gray-500);font-size:1.04rem}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.portfolio-card{position:relative;min-height:320px;padding:1.6rem;display:flex;flex-direction:column;border:1px solid #e0e3e0;border-radius:14px;background:#fff;transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease)}
.portfolio-number{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#979c98}
.portfolio-status,.detail-status{align-self:flex-start;margin-top:1.2rem;padding:.35rem .65rem;border:1px solid #d8dcd8;border-radius:999px;color:var(--gray-500);font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.portfolio-status.status-live,.detail-status.status-live{border-color:rgba(196,239,1,.8);background:rgba(196,239,1,.12);color:#4d5d00}
.portfolio-card h3{margin:auto 0 .55rem;font-size:1.45rem;letter-spacing:-.03em}
.portfolio-card p{min-height:3.6em;margin:0;color:var(--gray-500);font-size:.88rem;line-height:1.55}
.portfolio-domain{margin-top:1.4rem;padding-top:1rem;border-top:1px solid #eceeec;color:#848984;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.products-ecosystem{position:relative;overflow:hidden;background:#050505;color:#fff}
.products-ecosystem::after{content:"";position:absolute;width:460px;height:460px;right:-230px;top:16%;border:1px solid rgba(196,239,1,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(196,239,1,.025),0 0 0 160px rgba(255,255,255,.018);pointer-events:none}
.products-ecosystem h2,.products-ecosystem h3{color:#fff}
.products-ecosystem-intro{display:grid;grid-template-columns:1fr .8fr;gap:clamp(3rem,8vw,7rem);align-items:end;margin-bottom:5rem}
.products-ecosystem-intro>p{max-width:550px;margin:0;color:#9ca19d;font-size:1.03rem}
.ecosystem-map{position:relative;z-index:1;padding:clamp(1.2rem,3vw,2.2rem);border:1px solid #2e312e;border-radius:18px;background:rgba(12,14,12,.88)}
.ecosystem-products{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem}
.ecosystem-products a{min-height:100px;padding:1rem .7rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #303330;border-radius:10px;background:#101210;transition:border-color var(--ease),background var(--ease),transform var(--ease)}
.ecosystem-products strong{font-family:var(--display);font-size:.9rem;color:#fff}.ecosystem-products span{color:#7f857f;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}
.ecosystem-connector{height:72px;display:grid;grid-template-columns:repeat(6,1fr);padding-inline:4%}
.ecosystem-connector i{position:relative;border-left:1px solid #343734;transform-origin:bottom}.ecosystem-connector i:nth-child(1),.ecosystem-connector i:nth-child(2){transform:rotate(-18deg)}.ecosystem-connector i:nth-child(5),.ecosystem-connector i:nth-child(6){transform:rotate(18deg)}
.ecosystem-platform{width:min(430px,90%);margin-inline:auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-radius:999px;background:var(--green);color:#000}
.ecosystem-platform span{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ecosystem-platform strong{font-family:var(--display);font-size:1rem}
.ecosystem-layers{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:2rem;background:#303330;border:1px solid #303330;border-radius:12px;overflow:hidden}
.ecosystem-layers article{min-height:180px;padding:1.5rem;background:#0e100e}.ecosystem-layers article>span{color:var(--green);font-size:.64rem;font-weight:700}.ecosystem-layers h3{margin:3rem 0 .6rem;font-size:1.08rem}.ecosystem-layers p{margin:0;color:#8f958f;font-size:.82rem}
.ecosystem-notes{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:1rem;margin-top:1rem}
.ecosystem-summary,.ecosystem-note{min-height:260px;margin:0;padding:clamp(1.5rem,3vw,2.2rem);border:1px solid #292c29;border-radius:12px;background:#0b0d0b}
.ecosystem-summary{display:flex;align-items:flex-end;color:#c5c8c5;font-size:1.05rem}.ecosystem-note>span{color:var(--green);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ecosystem-note h3{margin:4rem 0 .7rem;font-size:1.08rem}.ecosystem-note p{margin:0;color:#8e938f;font-size:.82rem}
.product-detail{padding-block:clamp(6rem,10vw,9rem);border-top:1px solid #e4e7e4;background:#fff;scroll-margin-top:72px}
.product-detail-light{background:var(--gray-50)}
.product-detail-dark{background:#050505;color:#fff;border-color:#050505}
.product-detail-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(4rem,9vw,8rem);align-items:start}
.product-identity{position:sticky;top:112px}
.product-index{display:block;margin-bottom:2rem;color:#989d99;font-size:.65rem;font-weight:700;letter-spacing:.14em}
.product-by{margin:0;font-family:var(--display);font-size:clamp(2rem,4vw,3.3rem);font-weight:500;line-height:1;letter-spacing:-.05em;color:var(--gray-900)}
.product-by small{font-family:var(--body);font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8b908c}
.product-identity .detail-status{display:inline-block;margin:1.5rem 0}
.product-identity h2{max-width:560px;font-size:clamp(2rem,3.5vw,3.15rem)}
.product-area{max-width:520px;margin:1.5rem 0 0;padding-top:1.2rem;border-top:1px solid #daddda;color:var(--gray-500);font-size:.74rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.product-story{border-top:1px solid #daddda}
.story-block{padding:2.3rem 0;border-bottom:1px solid #daddda}
.story-block>span,.audience-block span,.product-status-block>span{display:block;margin-bottom:.75rem;color:#8c918d;font-size:.63rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.story-block h3{margin:0 0 .8rem;font-size:1.35rem}.story-block p{margin:0;color:var(--gray-500);font-size:1rem}
.product-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#daddda;border-bottom:1px solid #daddda}
.detail-list{padding:2.2rem;background:#fff}.product-detail-light .detail-list{background:var(--gray-50)}
.detail-list h3{margin:0 0 1.5rem;font-size:1.15rem}.detail-list ul,.audience-block ul{list-style:none;margin:0;padding:0}.detail-list li,.audience-block li{position:relative;padding:.7rem 0 .7rem 1.2rem;border-top:1px solid #e2e5e2;color:var(--gray-500);font-size:.84rem}.detail-list li::before,.audience-block li::before{content:"";position:absolute;left:0;top:1.28rem;width:5px;height:5px;border-radius:50%;background:var(--green)}
.audience-block{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2.3rem 0;border-bottom:1px solid #daddda}.audience-block p{margin:0;color:var(--gray-500);font-size:.9rem}
.product-status-block{margin-top:1.5rem;padding:1.7rem;border-left:3px solid var(--green);background:#f7fbe8}.product-status-block p{margin:0;color:var(--gray-900);font-size:.9rem}
.product-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}
.product-detail-dark .product-index,.product-detail-dark .product-by small,.product-detail-dark .product-area,.product-detail-dark .story-block p,.product-detail-dark .detail-list li,.product-detail-dark .audience-block p,.product-detail-dark .audience-block li{color:#979c98}
.product-detail-dark .product-by,.product-detail-dark h2,.product-detail-dark h3{color:#fff}.product-detail-dark .detail-status{border-color:#424642;color:#c7cbc7}.product-detail-dark .detail-status.status-live{color:var(--green)}
.product-detail-dark .product-area,.product-detail-dark .product-story,.product-detail-dark .story-block,.product-detail-dark .product-columns,.product-detail-dark .audience-block{border-color:#303330}.product-detail-dark .product-columns{background:#303330}.product-detail-dark .detail-list{background:#090b09}.product-detail-dark .detail-list li,.product-detail-dark .audience-block li{border-color:#292c29}.product-detail-dark .product-status-block{background:#11150b}.product-detail-dark .product-status-block p{color:#d7dad7}
.shared-base{background:var(--gray-100)}
.shared-base-intro{display:grid;grid-template-columns:1fr .8fr;gap:clamp(3rem,8vw,7rem);align-items:end;margin-bottom:4rem}.shared-base-intro>p{max-width:510px;margin:0;color:var(--gray-500);font-size:1.04rem}
.shared-base-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.shared-card{min-height:290px;padding:1.6rem;display:flex;flex-direction:column;border-radius:12px;background:#fff;transition:transform var(--ease),box-shadow var(--ease)}.shared-card>span{font-size:.64rem;font-weight:700;color:#979c98}.shared-card h3{margin:auto 0 .75rem;font-size:1.1rem}.shared-card p{margin:0;color:var(--gray-500);font-size:.84rem}
.products-cta{background:#fff}.products-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:end}.products-cta-inner>div:last-child>p{max-width:490px;margin:0;color:var(--gray-500);font-size:1.05rem}
@media(max-width:1050px){.products-hero-grid{grid-template-columns:1fr .72fr;gap:2.5rem}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-products{grid-template-columns:repeat(3,1fr)}.ecosystem-connector{display:none}.ecosystem-platform{margin-top:1.5rem}.ecosystem-notes{grid-template-columns:1fr 1fr}.ecosystem-summary{grid-column:1/-1;min-height:190px}.product-detail-grid{gap:4rem}.shared-base-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.products-hero-grid,.portfolio-intro,.products-ecosystem-intro,.product-detail-grid,.shared-base-intro,.products-cta-inner{grid-template-columns:1fr}.products-hero-grid{min-height:0}.products-hero-visual{width:min(72vw,410px)}.product-identity{position:static}.product-identity h2{max-width:680px}.product-detail-grid{gap:3rem}.products-ecosystem-intro,.portfolio-intro,.shared-base-intro{gap:2rem}.products-ecosystem-intro{margin-bottom:3.5rem}}
@media(max-width:600px){.products-hero{padding:4.5rem 0}.products-hero h1{font-size:clamp(2.65rem,13vw,3.65rem)}.products-hero-visual{width:min(86vw,330px)}.product-node{width:38px;height:38px;border-width:4px}.portfolio-grid,.ecosystem-products,.ecosystem-layers,.ecosystem-notes,.product-columns,.audience-block,.shared-base-grid{grid-template-columns:1fr}.portfolio-card{min-height:270px}.ecosystem-products a{min-height:82px}.ecosystem-platform{width:100%;border-radius:12px;align-items:flex-start;flex-direction:column}.ecosystem-summary{grid-column:auto}.ecosystem-summary,.ecosystem-note{min-height:220px}.ecosystem-layers article{min-height:165px}.product-detail{padding-block:5rem}.product-identity h2{font-size:clamp(2rem,10vw,2.8rem)}.product-by{font-size:2.5rem}.product-columns{gap:0}.detail-list{border-bottom:1px solid #daddda}.audience-block{gap:2rem}.product-actions{align-items:stretch;flex-direction:column}.product-actions .button{width:100%}.shared-card{min-height:230px}}
@media(hover:hover){.portfolio-card:hover{transform:translateY(-3px);border-color:#c7cbc7;box-shadow:0 16px 34px rgba(0,0,0,.04)}.ecosystem-products a:hover{transform:translateY(-2px);border-color:#596059;background:#161916}.shared-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.035)}}
@media(hover:none){.portfolio-card:hover,.ecosystem-products a:hover,.shared-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.product-orbit,.product-node-ring,.product-node-ring>.product-node{animation:none!important}.portfolio-card,.ecosystem-products a,.shared-card{transition:none!important;transform:none!important}}
