/* JoveWorks: páginas comerciais internas. V2 preview. */
/* Estrutura e identidade visual compartilham os tokens de style.css. */
:focus-visible{outline:2px solid #edcd91;outline-offset:4px}
.main-nav a.nav-current{color:#eed09a}
.inner-section{padding:108px 0}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#7185a4;font-size:11px;font-weight:600;padding-top:35px;padding-bottom:4px}
.breadcrumb a{color:#a5bbd8}.breadcrumb a:hover{color:#eed09a}
.breadcrumb>span{color:#cead73}
.detail-hero{position:relative;padding:95px 0 132px;overflow:hidden;background:radial-gradient(ellipse 60% 80% at 80% 40%,rgba(65,118,227,.13),transparent 70%)}
.detail-hero.tone-violet{background:radial-gradient(ellipse 60% 80% at 80% 40%,rgba(142,90,224,.2),transparent 70%)}
.detail-hero.tone-gold{background:radial-gradient(ellipse 60% 80% at 80% 40%,rgba(209,149,76,.13),transparent 70%)}
.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(97,124,165,.032) 1px,transparent 1px),linear-gradient(rgba(97,124,165,.032) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,black,transparent);pointer-events:none}
.detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;position:relative}
.detail-heading{max-width:610px}
.detail-heading>.eyebrow{font-size:10px;line-height:1.6}
.product-status{display:table;padding:7px 12px;border-radius:24px;border:1px solid rgba(225,191,127,.32);font-size:10px;color:#e5c18a;font-weight:700;margin-bottom:26px;background:rgba(221,175,92,.07)}
.product-status .tiny-orb{display:inline-block;vertical-align:middle;margin-right:8px;height:6px;width:6px}
.detail-heading h1,.page-intro h1{font-family:"Space Grotesk",sans-serif;letter-spacing:-.065em;font-size:clamp(3.3rem,4.75vw,5.6rem);line-height:1.08;font-weight:700;margin:0 0 27px}
.detail-heading>p{color:#a9bbd5;font-size:15px;line-height:1.85;max-width:585px}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.detail-quote{margin-top:49px;padding-left:16px;border-left:2px solid #e4bb73;color:#c5d2e6;font-size:12px;font-weight:600}
.detail-visual{position:relative;border:1px solid rgba(186,208,243,.19);padding:13px;border-radius:20px;background:linear-gradient(135deg,rgba(24,38,66,.8),rgba(6,14,31,.82));box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 100px rgba(56,109,194,.08)}
.tone-violet .detail-visual{border-color:rgba(171,142,231,.33);box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 110px rgba(115,84,205,.15)}
.tone-gold .detail-visual{border-color:rgba(213,169,111,.33);box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 110px rgba(199,152,70,.09)}
.pv-preview{height:360px;width:100%;border:1px solid rgba(165,193,233,.15);overflow:hidden;border-radius:11px;background:#0b1730;color:#e8f1ff;position:relative}
.pv-shell-top{height:48px;padding:0 16px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(176,197,226,.13);font-size:10px;letter-spacing:.13em;font-weight:700;color:#a9bbda}
.pv-shell-top>span:last-child{margin-left:auto}
.pv-traffic{color:#6688c6;font-size:9px;letter-spacing:.34em}
.detail-visual-caption{display:flex;justify-content:space-between;padding:14px 4px 2px;font-size:9px;font-weight:700;letter-spacing:.18em;color:#7389a9}
.pv-dashboard{background:linear-gradient(135deg,#152a50,#08162f)}
.pv-dashboard-body{height:calc(100% - 48px);display:flex}
.pv-side{width:60px;flex-shrink:0;border-right:1px solid rgba(156,180,225,.17);padding:15px 17px;display:flex;flex-direction:column;gap:19px;align-items:center}
.pv-side b{width:25px;height:25px;background:#437ee2;border-radius:6px;display:grid;place-items:center;font-size:15px}
.pv-side i{width:19px;height:7px;border-radius:12px;background:#46638e}
.pv-content{padding:25px 20px;flex:1;min-width:0}
.pv-greeting{font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:700;margin-bottom:23px}
.pv-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pv-cards>div{height:116px;border:1px solid rgba(115,161,224,.21);background:rgba(8,22,45,.76);padding:14px;border-radius:10px}
.pv-cards small{display:block;font-size:8px;color:#829aba;letter-spacing:.12em}
.pv-cards strong{font-size:11px;display:block;margin-top:8px}
.pv-stats{display:block;color:#7ab7f6;margin-top:20px;font-size:17px;letter-spacing:6px;white-space:nowrap;overflow:hidden}
.pv-rows{display:grid;margin-top:14px}
.pv-rows>div{display:flex;align-items:center;gap:11px;padding:9px;border-bottom:1px solid rgba(168,200,251,.08)}
.pv-rows i{display:block;width:9px;height:9px;border-radius:50%;background:#4b94d6}
.pv-rows span{display:block;height:7px;border-radius:9px;background:#44618c;width:46%}
.pv-rows em{display:block;height:7px;border-radius:9px;background:#355075;width:18%;margin-left:auto}
.pv-chat{background:radial-gradient(circle at 95% 90%,rgba(125,78,200,.27),transparent 52%),#151935}
.pv-chat .pv-shell-top{height:63px;font-size:11px;letter-spacing:0;gap:10px}
.pv-avatar{width:38px;height:38px;background:linear-gradient(140deg,#ad83f6,#5e69d3);border-radius:13px;display:grid;place-items:center;font-size:24px;color:#fff}
.pv-chat .pv-shell-top span:nth-child(2){display:grid;gap:3px}.pv-chat .pv-shell-top b{font-size:13px;color:#fff}.pv-chat .pv-shell-top small{font-size:9px;color:#9eacd4;font-weight:400}
.pv-chat .pv-green{color:#60dbb2;font-size:12px}
.pv-chat-inner{padding:17px 17px 0;display:flex;flex-direction:column;gap:9px}
.pv-chat-msg{padding:11px 14px;font-size:11px;border-radius:12px;max-width:83%;line-height:1.55;width:fit-content}
.pv-chat-msg.bot{background:#2a3555;color:#e3ebff;border-bottom-left-radius:3px}
.pv-chat-msg.user{background:#6855ac;color:#fff;margin-left:auto;border-bottom-right-radius:3px}
.pv-chat-note{align-self:center;font-size:8px;color:#9b9dbe;letter-spacing:.15em;margin:3px 0}
.pv-chat-choices{display:flex;flex-wrap:wrap;gap:6px;margin:3px 15px}
.pv-chat-choices button{background:#241f42;color:#ceb9fc;border:1px solid rgba(191,167,251,.28);border-radius:40px;padding:6px 9px;font-size:9px}
.pv-chat-choices button:hover{background:#3c315e}
.pv-demo-answer{font-size:9px;color:#a9b9df;padding:3px 15px;line-height:1.5;max-height:44px;overflow:auto}
.pv-website{background:#090e1d}
.pv-website-hero{position:relative;height:calc(100% - 48px);padding:25px 38px;background:radial-gradient(circle at 80% 60%,rgba(233,187,104,.16),transparent 50%),radial-gradient(circle at 20% 90%,rgba(50,91,166,.26),transparent 70%)}
.pv-web-nav{font-size:17px;font-weight:700;font-family:"Space Grotesk",sans-serif;letter-spacing:.02em;display:flex;justify-content:space-between;gap:10px}
.pv-web-nav span{font-size:9px;color:#a7b6d1;font-family:"DM Sans",sans-serif;font-weight:400}
.pv-website-hero>small{display:block;margin-top:40px;color:#d5b077;letter-spacing:.2em;font-size:9px}
.pv-website-hero>strong{font-family:"Space Grotesk",sans-serif;display:block;margin-top:9px;font-size:39px;letter-spacing:-.06em;line-height:1.08}
.pv-website-hero>strong i{font-style:normal;color:#ddbb79}
.pv-web-button{background:linear-gradient(125deg,#f4d996,#c79f5f);color:#14213a;font-size:9px;font-weight:700;padding:11px 14px;border-radius:6px;margin-top:20px;width:max-content}
.pv-glow-circle{position:absolute;width:170px;height:170px;border-radius:50%;right:13px;top:92px;border:1px solid rgba(221,183,111,.23);box-shadow:0 0 60px rgba(218,172,98,.12),inset 0 0 80px rgba(216,159,67,.07);pointer-events:none}
.pv-mail{background:linear-gradient(140deg,#102442,#0d182e)}
.pv-mail-body{display:flex;height:calc(100% - 48px)}
.pv-mail-side{width:66px;border-right:1px solid rgba(160,190,241,.13);padding:19px;display:flex;align-items:center;flex-direction:column;gap:25px;font-size:24px;color:#7badf4}
.pv-mail-side span{font-size:17px;color:#6d8db9}
.pv-mail-list{padding:24px 20px;flex:1;min-width:0}
.pv-mail-list>strong{font-size:17px;font-family:"Space Grotesk",sans-serif;display:block;margin-bottom:15px}
.pv-mail-row{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid rgba(158,187,222,.12);font-size:9px;white-space:nowrap;min-width:0}
.pv-mail-row span{color:#7eb8ef}
.pv-mail-row b{color:#c4d4eb;min-width:100px;font-weight:600}
.pv-mail-row i{color:#7e98bc;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-calcs{background:radial-gradient(circle at 80% 90%,rgba(118,87,185,.21),transparent 59%),#16172f}
.pv-calc-visual{padding:28px}
.pv-calc-visual>span{color:#c4a8f4;font-size:9px;letter-spacing:.18em;font-weight:700}
.pv-calc-visual>strong{font-family:"Space Grotesk",sans-serif;font-size:27px;line-height:1.14;letter-spacing:-.05em;display:block;margin-top:8px}
.pv-calc-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:23px}
.pv-calc-progress>div{padding:9px;background:rgba(64,53,115,.27);border:1px solid rgba(191,162,232,.21);border-radius:6px;color:#8f85b6;font-size:13px;font-weight:700}
.pv-calc-progress>div.selected{color:#e5d5ff;border-color:#b29bde}
.pv-calc-progress small{display:block;font-size:9px;font-weight:400}
.pv-calc-field{height:13px;border-radius:5px;background:#353252;margin-top:13px;width:90%}
.pv-calc-field.short{width:62%;margin-top:9px}
.pv-calc-outline{margin-top:16px;font-size:10px;color:#c4aff0}
.pv-sign{background:#14213b}
.pv-sign-bg{height:calc(100% - 48px);display:grid;place-items:center;background:radial-gradient(circle,#314364,#132039)}
.pv-sign-paper{width:230px;height:273px;background:#f1f1f2;color:#253b5d;border-radius:8px;transform:rotate(-5deg) translateY(14px);padding:25px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.pv-sign-heading{font-weight:700;font-size:10px;margin-bottom:24px}
.pv-doc-line{height:5px;width:100%;border-radius:9px;background:#cdd1d8;margin-top:9px}
.pv-doc-line.short{width:65%}
.pv-signature{margin-top:33px;font:italic 28px cursive;color:#385a8a;transform:rotate(-7deg);white-space:nowrap}
.pv-sign-under{border-top:1px solid #7d8da2;margin-top:3px}
.pv-sign-paper small{font-size:8px;color:#657890}

.problem-section{border-top:1px solid rgba(145,167,210,.1);border-bottom:1px solid rgba(145,167,210,.08);background:rgba(18,30,52,.23)}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.problem-grid h2{font-size:clamp(2.55rem,4.1vw,3.8rem)}
.problem-answers{display:grid;gap:25px;margin-top:29px}
.problem-answers>div{border-left:2px solid rgba(223,182,113,.5);padding-left:23px}
.problem-answers>div>span{display:block;color:#e5c487;letter-spacing:.16em;font-weight:700;font-size:10px;margin-bottom:13px}
.problem-answers p{color:#b0c1d9;font-size:14px;line-height:1.8}
.value-section{background:radial-gradient(ellipse at 92% 10%,rgba(48,90,168,.09),transparent 65%)}
.value-section .section-head{align-items:center}
.value-section .section-head p{margin:0}
.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px}
.value-cell{padding:30px 25px 33px;border-radius:14px;background:linear-gradient(160deg,#17243c,#0b172c);border:1px solid var(--line);min-height:257px;transition:transform .2s,border-color .2s}
.value-cell:hover{transform:translateY(-5px);border-color:rgba(232,186,108,.4)}
.value-index{font-family:"Space Grotesk",sans-serif;color:#dbbe83;font-size:13px;margin-bottom:34px}
.value-cell h3{font-size:23px;margin:0 0 13px}
.value-cell p{font-size:12px;line-height:1.85;color:#a0b4cc;margin:0}
.process-section{border-top:1px solid rgba(141,170,220,.09)}
.process-section>div>h2{max-width:650px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:49px}
.process-tile{min-height:240px;padding:27px;border:1px solid rgba(161,185,226,.18);background:linear-gradient(135deg,rgba(28,44,75,.66),rgba(10,19,38,.66));border-radius:14px}
.process-tile>span{font-family:"Space Grotesk",sans-serif;font-size:29px;color:#e7c384}
.process-tile h3{font-size:25px;margin:25px 0 7px}
.process-tile p{font-size:12px;color:#a7b7d1;line-height:1.8}
.transparency-note{margin-top:29px;border:1px solid rgba(222,183,111,.27);border-radius:12px;padding:23px 25px;background:rgba(232,188,112,.055);display:flex;align-items:center;gap:25px}
.transparency-note span{font-size:11px;color:#e4c180;font-weight:700;letter-spacing:.11em;white-space:nowrap}
.transparency-note p{color:#abbbd1;font-size:12px;margin:0;line-height:1.7}
.faq-section{border-top:1px solid rgba(141,170,220,.1);background:rgba(16,27,48,.35)}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}
.faq-layout h2{margin-bottom:28px}
.faq-stack{display:grid;gap:12px}
.faq-item{border:1px solid rgba(158,179,216,.2);border-radius:11px;background:rgba(12,24,45,.77)}
.faq-item[open]{border-color:rgba(214,176,114,.38);background:rgba(23,34,56,.87)}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 21px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;color:#e6ebf5;font-weight:700}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{font-size:20px;color:#e6c584;transition:transform .2s}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item p{padding:0 21px 20px;color:#a9bad0;font-size:13px;line-height:1.85;margin:0}
.related-section{padding-bottom:100px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.related-card{padding:30px 34px;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;min-height:195px;background:linear-gradient(140deg,#172841,#0c182b);transition:transform .2s,border-color .2s}
.related-card:hover{border-color:rgba(226,183,109,.4);transform:translateY(-4px)}
.related-card span{color:#94accd;font-size:9px;letter-spacing:.13em;font-weight:700}
.related-card strong{font-family:"Space Grotesk",sans-serif;font-size:26px;letter-spacing:-.04em;margin-top:21px}
.related-card b{color:#e1be82;font-size:12px;margin-top:auto}
.cta-section{padding-top:65px;padding-bottom:125px}
.cta-frame{min-height:278px;border:1px solid rgba(219,182,116,.32);border-radius:19px;padding:47px 51px;background:radial-gradient(ellipse at 90% 80%,rgba(187,127,56,.09),transparent 63%),linear-gradient(130deg,#182846,#101c32);display:flex;align-items:center;justify-content:space-between;gap:55px}
.cta-frame>div{max-width:750px}
.cta-frame>div>span{display:block;color:#e5c081;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:21px}
.cta-frame h2{font-size:clamp(2rem,3.3vw,3.2rem)}
.cta-frame p{font-size:13px;color:#a7bbd5;margin:16px 0 0}
.cta-frame>.btn{white-space:nowrap;flex-shrink:0}

.page-intro{padding-top:125px;padding-bottom:75px;background:radial-gradient(ellipse 42% 60% at 50% 20%,rgba(47,88,175,.15),transparent 85%);position:relative}
.page-intro:before{content:"";position:absolute;inset:0 0 auto;height:100%;background-image:linear-gradient(rgba(103,125,169,.033) 1px,transparent 1px),linear-gradient(90deg,rgba(103,125,169,.033) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}
.intro-center{max-width:1090px;text-align:center;position:relative}
.intro-center .section-eyebrow{justify-content:center}
.page-intro h1{font-size:clamp(3rem,5.3vw,5.7rem);margin-bottom:28px}
.intro-center>p{max-width:690px;color:#acbdd4;font-size:15px;line-height:1.85;margin:0 auto 26px}
.intro-center>.btn{margin-top:13px}
.three-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-feature{padding:31px 29px;min-height:490px;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;background:linear-gradient(160deg,#182744,#0e192d)}
.service-feature.tone-violet{background:radial-gradient(circle at 85% 10%,rgba(134,91,202,.15),transparent 52%),linear-gradient(160deg,#1d2341,#0e192c)}
.service-feature.tone-gold{background:radial-gradient(circle at 85% 10%,rgba(216,171,91,.12),transparent 52%),linear-gradient(160deg,#20283c,#0e192c)}
.service-feature>span{color:#e4c488;font-size:10px;letter-spacing:.14em;font-weight:700}
.service-feature h2{font-size:31px;margin:31px 0 15px;min-height:103px}
.service-feature p{font-size:13px;color:#b1c0d5;line-height:1.8}
.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;margin-bottom:25px}
.service-tags em{font-style:normal;padding:6px 9px;border:1px solid rgba(154,175,209,.18);border-radius:25px;color:#9fb4d2;font-size:10px}
.service-feature>.btn{margin-top:auto}
.story-section{border-top:1px solid rgba(150,173,216,.11)}
.story-grid{display:grid;grid-template-columns:.88fr 1fr;align-items:center;gap:110px}
.story-grid h2{font-size:clamp(2.5rem,3.8vw,3.8rem)}
.story-grid p{font-size:14px;color:#acbed9;line-height:1.9;margin-top:26px}
.story-grid .btn{margin-top:12px}
.story-art{min-height:420px;border-radius:21px;border:1px solid rgba(234,189,115,.23);display:grid;place-content:center;justify-items:center;gap:22px;background:radial-gradient(circle,rgba(202,161,87,.1),transparent 65%),linear-gradient(140deg,#172943,#09172d)}
.story-art img{width:170px;height:170px;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.story-art span{font-size:9px;letter-spacing:.24em;color:#d7bc85;font-weight:700}
.values-section{border-top:1px solid rgba(150,173,216,.11)}
.values-section .value-grid{margin-top:48px}

.faq-standalone{padding-top:45px;padding-bottom:100px}
.faq-standalone .faq-stack{max-width:860px;margin:auto}
.faq-standalone .faq-item summary{font-size:15px}
.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.insight-card{padding:29px;border:1px solid var(--line);border-radius:16px;min-height:330px;background:linear-gradient(135deg,#16263e,#0c172b);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.insight-card:hover{transform:translateY(-5px);border-color:rgba(224,185,114,.4)}
.insight-card>span{color:#e3bf7f;letter-spacing:.17em;font-size:9px;font-weight:700}
.insight-card strong{font-family:"Space Grotesk",sans-serif;font-size:25px;letter-spacing:-.045em;line-height:1.17;margin-top:30px}
.insight-card p{color:#9fb1cb;font-size:12px;line-height:1.75;margin-top:15px}
.insight-card b{color:#e8c58b;font-size:12px;margin-top:auto}
.articles-section{padding-top:20px}
.article-body{max-width:830px;margin:0 auto;padding:95px 0 100px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.article-body h2{font-size:clamp(2.4rem,4.1vw,3.7rem);margin-bottom:24px}
.article-body .article-summary{font-size:17px;line-height:1.8;color:#cad6e8;margin-bottom:36px}
.article-body section{margin-top:33px}
.article-body section h3{font-size:23px;margin-bottom:8px}
.article-body section p{color:#9db0c9;font-size:14px;line-height:1.95}
.article-end{font-size:13px;color:#9fb1cb;border-left:2px solid #e4bf7a;padding-left:16px;margin-top:35px}
.article-end a{color:#f2d9a0}
.contact-page-section{padding-top:35px;padding-bottom:125px}
.contact-page-grid{display:grid;grid-template-columns:.86fr 1fr;gap:80px;align-items:start}
.contact-pitch{padding-top:23px}
.contact-pitch h2{font-size:clamp(2.5rem,3.7vw,3.6rem);margin-bottom:35px}
.contact-tip{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid rgba(154,180,222,.12)}
.contact-tip span{font-size:19px;color:#ebc78a}
.contact-tip p{margin:0;color:#c6d3e7;font-size:13px}
.contact-safety{margin-top:50px;color:#90a5c1;font-size:12px;line-height:1.85;border:1px solid rgba(212,174,111,.25);padding:19px;border-radius:11px;background:rgba(219,178,118,.04)}
.contact-briefing{max-width:610px;width:100%}
.lead-output{border-top:1px solid rgba(146,174,222,.2);padding-top:24px;margin-top:27px}
.lead-output h3{font-size:20px;margin-bottom:8px}
.lead-output p{font-size:11px;color:#abbdd7}
.lead-output textarea{width:100%;font-size:12px;line-height:1.7;background:#0c172b;border:1px solid rgba(163,183,219,.24);color:#eef2fa;border-radius:9px;padding:12px;resize:vertical}
.lead-actions{display:flex;gap:10px;margin-top:10px}
.lead-actions button{flex:1;color:#f2d9aa;background:#233752;border:1px solid rgba(235,194,119,.33);border-radius:7px;padding:11px}
#lead-status{color:#b1ebd0;min-height:16px}
.legal-intro{padding-bottom:55px}
.legal-section{padding-top:30px;padding-bottom:120px}
.legal-body{max-width:850px}
.legal-body h2{font-size:26px;margin:38px 0 10px}
.legal-body p{font-size:14px;color:#a5b7d1;line-height:1.9}
.legal-alert{padding:20px 25px;border:1px solid rgba(225,178,105,.35);border-radius:9px;background:rgba(234,187,102,.06);color:#dfcba4;font-size:12px;line-height:1.8;margin-top:40px}
.audience-home{border-top:1px solid rgba(144,166,210,.1);padding-top:90px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.audience-grid>a{padding:28px;border:1px solid rgba(156,181,224,.17);border-radius:13px;background:linear-gradient(140deg,#14243c,#0a162b);transition:border-color .2s,transform .2s;min-height:259px;display:flex;flex-direction:column}
.audience-grid>a:hover{transform:translateY(-4px);border-color:rgba(225,184,107,.42)}
.audience-grid span{color:#dabb7d;font-weight:700;letter-spacing:.17em;font-size:9px}
.audience-grid h3{font-size:24px;margin:28px 0 9px}
.audience-grid p{font-size:12px;color:#a1b5cd;line-height:1.75}
.audience-grid b{margin-top:auto;color:#e4c285;font-size:11px}
.insight-home{padding-top:40px;padding-bottom:110px}
.insight-home-inner{display:flex;align-items:center;gap:60px;justify-content:space-between;padding:50px;border:1px solid rgba(208,169,105,.22);border-radius:17px;background:linear-gradient(110deg,rgba(28,43,68,.9),rgba(12,24,46,.72))}
.insight-home-inner>div{max-width:760px}.insight-home h2{font-size:clamp(2.1rem,3vw,3rem)}.insight-home p{font-size:13px;color:#9bafca;line-height:1.8;margin:14px 0 0}.insight-home .btn{flex-shrink:0}

@media(max-width:1150px){
 .detail-hero-grid{gap:37px}.detail-heading h1{font-size:clamp(2.9rem,5vw,4.7rem)}
 .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-feature h2{font-size:26px}
 .story-grid{gap:65px}
}
@media(max-width:850px){
 .inner-section{padding:82px 0}
 .detail-hero-grid,.problem-grid,.faq-layout,.story-grid,.contact-page-grid{grid-template-columns:1fr;gap:45px}
 .detail-hero{padding-top:55px;padding-bottom:90px}
 .detail-heading{max-width:790px}
 .detail-heading h1{font-size:clamp(3.1rem,7vw,5rem)}
 .detail-visual{max-width:750px;width:100%;margin:auto}
 .problem-answers{margin-top:0}
 .value-grid{grid-template-columns:repeat(2,1fr)}
 .three-service-cards{grid-template-columns:1fr}
 .service-feature{min-height:360px}
 .service-feature h2{min-height:auto;margin:27px 0 10px}
 .process-grid{grid-template-columns:1fr}
 .process-tile{min-height:185px}
 .insights-grid{grid-template-columns:1fr}
 .insight-card{min-height:255px}
 .insight-card strong{margin-top:22px}
 .cta-frame{padding:40px;flex-direction:column;align-items:start;gap:22px}
 .story-art{min-height:320px;max-width:540px;width:100%;margin:auto}
 .audience-grid{grid-template-columns:1fr}
 .audience-grid>a{min-height:220px}
 .insight-home-inner{align-items:start;flex-direction:column}
 .contact-page-grid{gap:32px}
 .contact-pitch{padding-top:0}
 .contact-safety{margin-top:26px}
 .contact-briefing{max-width:none}
 .related-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .inner-section{padding:70px 0}
 .breadcrumb{padding-top:24px;font-size:10px}
 .detail-hero{padding-top:55px;padding-bottom:76px}
 .detail-heading h1,.page-intro h1{font-size:clamp(2.6rem,11vw,3.8rem)}
 .detail-heading>p{font-size:13px}
 .detail-actions{display:grid}
 .detail-actions>.btn{width:100%}
 .detail-quote{margin-top:32px;font-size:11px}
 .detail-visual{padding:7px;border-radius:13px}
 .pv-preview{height:315px}
 .pv-shell-top{font-size:8px;padding:0 10px;gap:9px}
 .pv-content{padding:16px 11px}
 .pv-side{width:36px;padding:13px 7px}
 .pv-cards>div{padding:8px;height:95px}
 .pv-greeting{font-size:15px;margin-bottom:12px}
 .pv-cards strong{font-size:9px}
 .pv-rows{margin-top:12px}
 .pv-chat-inner{padding:13px 8px 0}
 .pv-chat-msg{font-size:10px;padding:8px}
 .pv-chat-choices{margin:2px 8px}
 .pv-chat-choices button{font-size:8px}
 .pv-demo-answer{padding:2px 8px;font-size:8px}
 .pv-website-hero{padding:22px 20px}
 .pv-website-hero>strong{font-size:32px}
 .pv-web-nav span{font-size:7px}
 .pv-mail-list{padding:18px 10px}
 .pv-mail-side{width:43px;padding:12px 8px}
 .pv-mail-row b{min-width:85px}
 .pv-calc-visual{padding:20px}
 .pv-calc-visual>strong{font-size:25px}
 .problem-grid h2{font-size:2.5rem}
 .value-grid{grid-template-columns:1fr}
 .value-cell{min-height:198px;padding:24px}
 .value-index{margin-bottom:18px}
 .value-cell h3{font-size:22px}
 .process-tile{padding:22px}
 .transparency-note{display:block;padding:20px}
 .transparency-note p{margin-top:10px}
 .faq-item summary{font-size:12px;padding:15px}
 .faq-item p{font-size:12px;padding:0 15px 17px}
 .cta-frame{padding:28px 23px;min-height:auto}
 .cta-frame>.btn{width:100%;white-space:normal}
 .page-intro{padding-top:95px;padding-bottom:40px}
 .intro-center>p{font-size:13px}
 .service-feature{padding:25px}
 .service-feature h2{font-size:27px}
 .story-grid h2{font-size:2.6rem}
 .story-art{min-height:285px}
 .story-art img{width:140px;height:140px}
 .contact-pitch h2{font-size:2.4rem}
 .faq-standalone .faq-item summary{font-size:13px}
 .legal-body h2{font-size:22px}
 .insight-home-inner{padding:27px 23px}
 .insight-home .btn{width:100%}
 .article-body{padding:60px 0}
 .article-body .article-summary{font-size:15px}
 .article-body section h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.value-cell,.related-card,.insight-card,.audience-grid>a,.service-feature{transition:none}}

/* V3 — produtos localizados no JovePC, com prévias de interface do próprio acervo. */
.products-real{background:radial-gradient(ellipse 53% 38% at 92% 11%,rgba(39,93,184,.08),transparent)}
.flagship-grid{gap:24px}
.flagship-card{grid-column:span 6;display:flex;flex-direction:column;min-height:0;background:linear-gradient(155deg,#152743,#0c182c)}
.flagship-card[hidden]{display:none!important}
.flagship-image{display:block;position:relative;overflow:hidden;background:#17243c;aspect-ratio:16/9;line-height:0;border-bottom:1px solid rgba(171,187,224,.19)}
.flagship-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .35s,filter .35s;filter:saturate(.94)}
.flagship-card:hover .flagship-image img{transform:scale(1.04);filter:saturate(1.07)}
.flagship-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(to top,rgba(5,13,27,.52),transparent);pointer-events:none}
.flagship-num{position:absolute;z-index:1;left:20px;top:19px;color:#f6dfac;border:1px solid rgba(239,197,128,.42);background:rgba(8,22,47,.83);padding:7px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.2}
.flagship-photo-label{position:absolute;z-index:1;bottom:17px;left:20px;color:#e7ddcf;letter-spacing:.13em;font-size:9px;font-weight:700;line-height:1.2;text-shadow:0 1px 8px #010814}
.flagship-content{display:flex;flex-direction:column;flex:1;padding:27px 29px 30px}
.flagship-meta{display:flex;justify-content:space-between;align-items:center;gap:14px}
.flagship-meta>span:first-child{color:#e3c181;font-size:10px;letter-spacing:.12em;font-weight:700}
.flagship-status{font-size:10px;color:#a2b6d2;white-space:nowrap;border:1px solid rgba(174,194,230,.24);border-radius:40px;padding:5px 10px}
.flagship-card h3{font-size:32px;line-height:1.13;margin:23px 0 14px}
.flagship-card h3 small{display:block;color:#9cb2d4;font-size:18px;line-height:1.5;margin-top:4px;letter-spacing:-.025em}
.flagship-card p{font-size:13px;line-height:1.8;max-width:485px;margin:0 0 30px;color:#9fb1cb}
.flagship-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto}
.flagship-bottom .text-link{white-space:nowrap}
.flagship-source{max-width:205px;font-size:9px;line-height:1.5;color:#7587a3;text-align:right}
.flagship-note{display:flex;align-items:flex-start;gap:20px;margin-top:24px;padding:21px 24px;border:1px solid rgba(208,170,111,.25);border-radius:11px;background:rgba(214,175,102,.04)}
.flagship-note-icon{color:#e2b976;font-size:22px;line-height:1}
.flagship-note strong{display:block;color:#edddb9;font-size:12px;margin-bottom:5px}
.flagship-note p{margin:0;color:#9bb0c8;font-size:11px;line-height:1.7}
.secondary-products{margin-top:31px;padding:25px 28px;border:1px solid rgba(158,182,220,.15);border-radius:14px;background:linear-gradient(135deg,rgba(24,39,65,.74),rgba(10,19,35,.68));display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:20px}
.secondary-products>div>span{font-size:9px;letter-spacing:.14em;font-weight:700;color:#e0bd83}
.secondary-products h3{font-size:23px;margin:9px 0 0}
.secondary-products>a{display:flex;flex-direction:column;justify-content:center;gap:8px;border-left:1px solid rgba(147,174,212,.2);padding-left:25px;height:100%;transition:color .2s}
.secondary-products>a:hover span,.secondary-products>a:hover b{color:#fff0bc}
.secondary-products a span{font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:700}
.secondary-products a b{font-size:11px;color:#d3ad6e}
.proven-gallery{background:radial-gradient(circle at 7% 35%,rgba(53,105,194,.1),transparent 55%);border-block:1px solid rgba(145,170,207,.08)}
.proven-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}
.proven-copy h2{font-size:clamp(2.4rem,3.7vw,3.7rem);margin-bottom:22px}
.proven-copy>p{font-size:14px;line-height:1.9;color:#b1c2d8;max-width:420px}
.proven-badge{display:inline-flex;align-items:center;gap:8px;color:#ecd09a;font-size:12px;font-weight:700;border:1px solid rgba(232,189,114,.27);background:rgba(220,175,95,.06);border-radius:10px;padding:11px 14px;margin:17px 0 0}
.proven-badge span{font-size:20px}
.proven-copy>.proven-privacy{color:#7d93b1;font-size:10px;margin-top:18px}
.proven-shot{margin:0;padding:12px;border:1px solid rgba(184,202,233,.23);border-radius:17px;background:linear-gradient(155deg,#1c3050,#0b1628);box-shadow:0 30px 70px rgba(0,0,0,.28);min-width:0}
.proven-shot img{display:block;width:100%;height:auto;border-radius:9px;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.proven-shot figcaption{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:12px 4px 2px;color:#8399b6;font-size:9px;letter-spacing:.1em;font-weight:700}
.proven-shot figcaption span{color:#c5ac80}
@media(max-width:1060px){
.flagship-source{max-width:140px}
.secondary-products{grid-template-columns:1fr 1fr}
.secondary-products>div{grid-column:span 2}
.proven-grid{gap:35px}
}
@media(max-width:790px){
.flagship-card{grid-column:span 12}
.flagship-image{aspect-ratio:16/9}
.flagship-source{max-width:185px}
.proven-grid{grid-template-columns:1fr;gap:25px}
.proven-copy>p{max-width:none}
}
@media(max-width:560px){
.flagship-grid{gap:17px}
.flagship-image{aspect-ratio:16/10}
.flagship-card h3{font-size:27px;margin-top:21px}
.flagship-card h3 small{font-size:17px}
.flagship-content{padding:22px 20px 25px}
.flagship-meta>span:first-child{font-size:9px}
.flagship-status{font-size:9px;padding:5px 8px}
.flagship-source{font-size:8px;max-width:115px}
.flagship-note{padding:18px;gap:10px}
.secondary-products{grid-template-columns:1fr;padding:21px;gap:16px}
.secondary-products>div{grid-column:span 1}
.secondary-products>a{border-left:0;border-top:1px solid rgba(147,174,212,.2);padding-left:0;padding-top:16px}
.proven-shot{padding:7px}
.proven-shot figcaption{font-size:7px;gap:7px}
.proven-badge{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.flagship-image img{transition:none}}

/* Mission Control: links adicionais nos CTAs dos quatro produtos */
.cta-frame.mc-product-cta{flex-wrap:wrap;column-gap:13px;row-gap:16px}
.cta-frame.mc-product-cta>div:first-child{flex:1 1 100%;max-width:100%}
.cta-frame.mc-product-cta>.btn{white-space:normal;flex:0 1 auto;max-width:100%}
@media(max-width:790px){.cta-frame.mc-product-cta>.btn{width:100%}}
