.hero h1 { max-width: 740px; }
.hero-lede { max-width: 600px; }
.hero-capabilities { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.hero-capabilities span { border: 1px solid #ffffff55; background: #0813256b; backdrop-filter: blur(12px); padding: 11px 14px; border-radius: 4px; color: #e8edf5; font: 800 10px Manrope, sans-serif; letter-spacing: .13em; }
.hero-art { animation: ambientLight 11s ease-in-out infinite alternate; }
.hero-motion { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 760px) { .hero-motion { object-position: 65% center; } }
.hero-content .eyebrow, .hero-content h1, .hero-lede, .hero-actions, .hero-capabilities { animation: enterHero .8s both; }
.hero-content h1 { animation-delay: .12s; }
.hero-lede { animation-delay: .22s; }
.hero-actions { animation-delay: .32s; }
.hero-capabilities { animation-delay: .42s; }
@keyframes ambientLight { from { filter: brightness(.88) saturate(.92); } to { filter: brightness(1.12) saturate(1.06); } }
@keyframes enterHero { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
.capabilities { background: #fffefa; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.capability-card { min-height: 455px; display: flex; flex-direction: column; padding: 34px; border: 1px solid #dce1e4; background: #f7f8f7; border-radius: 13px; }
.capability-number { font: 800 11px Manrope, sans-serif; letter-spacing: .13em; color: #7186a4; }
.capability-symbol { font: 300 57px/1 Manrope, sans-serif; color: #315780; margin: 45px 0 28px; }
.capability-card h3 { font: 700 24px/1.2 Manrope, sans-serif; letter-spacing: -.04em; margin: 0 0 13px; }
.capability-card p { color: #5d6e80; line-height: 1.65; font-size: 15px; margin: 0; }
.capability-card ul { border-top: 1px solid #d5dde2; padding: 18px 0 0; margin: auto 0 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.capability-card li { font-size: 13px; font-weight: 700; color: #31475c; }
.capability-card li:before { content: "+"; color: #5273a2; padding-right: 10px; }
.journey { margin-top: 24px; padding: 30px 34px; border-radius: 13px; background: #102438; color: #fff; display: grid; grid-template-columns: .8fr 1.4fr; gap: 32px; align-items: center; }
.journey-intro span { color: #d6bb88; font: 800 10px Manrope, sans-serif; letter-spacing: .14em; }
.journey-intro h3 { font: 700 21px/1.25 Manrope, sans-serif; letter-spacing: -.04em; margin: 8px 0 0; }
.journey ol { display: flex; padding: 0; margin: 0; list-style: none; gap: 8px; }
.journey li { display: flex; flex: 1; flex-direction: column; gap: 10px; border-left: 1px solid #ffffff40; padding-left: 18px; font-size: 12px; line-height: 1.35; color: #d5dfe6; }
.journey li b { color: #d6bb88; font: 800 11px Manrope, sans-serif; }
.browser-body[hidden] { display: none !important; }
.solution-caption { align-items: center; }
.solution-contact { display: inline-flex; align-items: center; gap: 10px; color: #173453; font-size: 13px; font-weight: 700; white-space: nowrap; border-bottom: 1px solid currentColor; padding-bottom: 3px; }
.solution-contact:hover { color: #426de6; }
.automation-ui, .system-ui { background: #f3f6f6 !important; color: #152a3a; }
.mini-app-header { height: 39px; background: #163342; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; font-size: 8px; }
.mini-app-header b { letter-spacing: .12em; }
.mini-app-header span { color: #b3d0d7; }
.mini-app-content { padding: 19px 16px; }
.mini-app-title { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.mini-app-title strong { font: 700 clamp(11px, 1.1vw, 17px) Manrope, sans-serif; letter-spacing: -.04em; }
.mini-app-title small { font-size: 7px; color: #738794; }
.lead-flow { display: flex; align-items: center; gap: 4px; margin-top: 20px; }
.lead-card { background: #fff; border: 1px solid #dae3e5; border-radius: 7px; flex: 1; min-width: 0; padding: 11px 8px; display: flex; flex-direction: column; gap: 7px; height: 87px; box-shadow: 0 5px 15px #18394b12; }
.lead-card span { font-size: 8px; color: #22928b; }
.lead-card b { font: 700 clamp(7px, .8vw, 11px)/1.15 Manrope, sans-serif; }
.lead-card small { font-size: 7px; line-height: 1.25; color: #708292; }
.flow-arrow { font-size: 13px; color: #3d8d91; }
.mini-app-footer { margin-top: 17px; color: #617785; font-size: 8px; }
.system-ui { display: flex; }
.mini-sidebar { width: 38px; flex: none; background: #142538; color: #adbdc7; display: flex; flex-direction: column; align-items: center; gap: 17px; padding-top: 11px; font-size: 11px; }
.mini-sidebar b { color: #e3bd7b; font-size: 12px; }
.mini-sidebar b span { color: #7e9af7; }
.system-main { flex: 1; padding: 13px; min-width: 0; }
.system-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.system-top>div { display: flex; flex-direction: column; gap: 5px; }
.system-top small { font: 800 7px Manrope, sans-serif; letter-spacing: .1em; color: #79919d; }
.system-top strong { font: 700 clamp(10px, 1vw, 16px) Manrope, sans-serif; letter-spacing: -.035em; }
.system-avatar { border-radius: 50%; width: 22px; height: 22px; display: grid; place-items: center; background: #d6e2e7; color: #64798b; font-size: 9px; }
.system-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 14px; }
.system-metrics>div { background: white; border: 1px solid #dbe3e6; border-radius: 6px; padding: 9px 8px; display: flex; flex-direction: column; gap: 4px; }
.system-metrics small { font-size: 6px; color: #758e9a; letter-spacing: .08em; }
.system-metrics b { font: 700 16px Manrope, sans-serif; }
.system-metrics span { font-size: 7px; color: #63808e; }
.system-list { background: #fff; border: 1px solid #dbe3e6; border-radius: 6px; margin-top: 9px; padding: 9px; }
.system-list strong { font-size: 8px; }
.system-list>div { display: flex; justify-content: space-between; padding: 6px 0 0; margin-top: 4px; border-top: 1px solid #e4e9ec; font-size: 7px; }
.system-list em { font-style: normal; color: #668687; }
.preview-scene[data-mode="automation"] .floating-icon { color: #148e89; }
.preview-scene[data-mode="system"] .floating-icon { color: #6c70a4; }
@media (prefers-reduced-motion: reduce) { .hero-motion { display: none; } .hero-art, .hero-content .eyebrow, .hero-content h1, .hero-lede, .hero-actions, .hero-capabilities { animation: none; } }
@media (max-width: 760px) { .solution-caption { flex-wrap: wrap; gap: 12px; } .solution-contact { white-space: normal; } }
@media (max-width: 1050px) { .capability-grid { gap: 12px; } .capability-card { padding: 24px; min-height: 490px; } .hero h1 { max-width: 660px; } }
@media (max-width: 760px) { .hero h1 { max-width: 610px; } .hero-capabilities { margin-top: 28px; gap: 7px; } .hero-capabilities span { font-size: 8px; padding: 9px; } .capability-grid { grid-template-columns: 1fr; } .capability-card { min-height: 0; padding: 25px; } .capability-symbol { margin: 18px 0; } .capability-card ul { margin-top: 25px; } .journey { display: block; padding: 27px; } .journey ol { margin-top: 24px; } .mini-app-header { height: 28px; } .mini-app-content { padding: 12px; } .lead-flow { margin-top: 12px; } .lead-card { height: 72px; } .mini-app-footer { margin-top: 12px; } }
@media (max-width: 480px) { .hero-capabilities { gap: 5px; } .hero-capabilities span { font-size: 7px; letter-spacing: .06em; } .journey ol { flex-direction: column; gap: 15px; } .lead-card { padding: 7px 5px; height: 65px; gap: 5px; } .lead-card small { font-size: 6px; } .flow-arrow { font-size: 10px; } .system-main { padding: 8px; } .system-metrics { gap: 3px; } .system-metrics>div { padding: 6px; } .system-list { margin-top: 5px; padding: 6px; } }
.faq{background:#f8f8f4}
.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(40px,9vw,130px);align-items:start}
.faq h2{font:600 clamp(2.25rem,3.4vw,3.9rem)/1.13 Manrope,sans-serif;letter-spacing:-.052em;margin:0 0 22px;max-width:640px}
.faq-intro>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#596778;max-width:440px;margin:0 0 30px}
.faq-list{border-top:1px solid #cbd3d8}
.faq-list details{border-bottom:1px solid #cbd3d8;padding:0 4px}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font:700 17px/1.45 Manrope,sans-serif}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span:last-child{font-size:25px;color:#9a7744;font-weight:400;transition:transform .2s}
.faq-list details[open] summary span:last-child{transform:rotate(45deg)}
.faq-list details p{margin:-4px 32px 24px 0;color:#596778;font-size:16px;line-height:1.7;max-width:570px}
.site-footer{padding-top:0}
.footer-feature{padding-block:62px;border-bottom:1px solid #ffffff28;display:flex;align-items:end;justify-content:space-between;gap:24px}
.footer-kicker{display:block;color:#d8ba83;font:800 11px Manrope,sans-serif;letter-spacing:.17em;margin-bottom:20px}
.footer-feature h2{font:600 clamp(2rem,3.2vw,3.7rem)/1.14 Manrope,sans-serif;letter-spacing:-.048em;margin:0;max-width:760px;color:#fff}
.footer-feature .button{flex-shrink:0}
.footer-grid{display:grid;grid-template-columns:minmax(180px,1.35fr) repeat(4,minmax(130px,1fr));gap:clamp(22px,3.2vw,55px);padding-block:60px 75px}
.footer-brand p{font-size:15px;line-height:1.7;color:#a8b4c2;max-width:280px;margin:23px 0 0}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-column h3{font:800 12px Manrope,sans-serif;letter-spacing:.09em;color:#e2c69c;margin:2px 0 12px}
.footer-column a,.footer-column>span{font-size:14px;line-height:1.45;color:#adbac9}
.footer-column a:hover,.footer-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-contact>span{color:#8494a6;margin-top:8px}
.footer-bottom a{font-size:12px}
@media(max-width:1100px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.footer-brand{grid-column:span 3}.footer-brand p{max-width:470px}}
@media(max-width:760px){.faq-layout{grid-template-columns:1fr;gap:34px}.faq-list summary{font-size:16px;padding:19px 0}.footer-feature{padding-block:52px;align-items:flex-start;flex-direction:column}.footer-feature .button{width:100%}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;padding-block:48px 60px}.footer-brand{grid-column:span 2}.footer-column a,.footer-column>span{font-size:14px}.footer-bottom{gap:16px;align-items:flex-start}}
@media(max-width:440px){.footer-grid{grid-template-columns:1fr 1fr}.footer-column{gap:12px}.footer-column h3{min-height:28px}.footer-bottom{flex-wrap:wrap}}
.process-heading{max-width:870px}
.project-steps{list-style:none;padding:0;margin:62px 0 0;display:grid;gap:12px;counter-reset:none}
.project-card{display:grid;grid-template-columns:60px minmax(0,1fr) 205px;gap:22px;align-items:start;border:1px solid #62738a77;border-radius:17px;background:linear-gradient(115deg,#152a43,#0d2037);padding:30px 32px;position:relative}
.project-card::before{content:"";position:absolute;left:61px;top:100%;height:13px;width:1px;background:#b9a67e88}
.project-card:nth-last-child(2)::before,.project-card:last-child::before{display:none}
.project-num{font:700 31px/1 Manrope,sans-serif;letter-spacing:-.06em;color:#e1c591}
.project-phase{font:800 11px Manrope,sans-serif;letter-spacing:.15em;color:#d9bf8d}
.project-card h3{font:700 clamp(1.15rem,1.6vw,1.45rem)/1.3 Manrope,sans-serif;letter-spacing:-.03em;margin:10px 0}
.project-card p{font-size:15px;line-height:1.7;color:#bac8d6;margin:0;max-width:740px}
.project-outcome,.project-payment{align-self:center;justify-self:end;width:100%;border-left:1px solid #ffffff32;padding-left:25px;font-size:13px;line-height:1.55;color:#d6e0e8}
.project-payment b{display:block;font:700 34px/1.15 Manrope,sans-serif;letter-spacing:-.05em;color:#e6c994}
.project-payment span{display:block;margin-top:4px}
.payment-caption{color:#c4d0df;font-size:14px;line-height:1.7;border-left:2px solid #e1c591;padding-left:18px;margin:30px 0 0}
.maintenance{scroll-margin-top:28px;margin-top:110px;padding-top:64px;border-top:1px solid #ffffff42}
.maintenance-heading{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:end;margin-bottom:35px}
.maintenance h3{font:600 clamp(2rem,3vw,3.4rem)/1.14 Manrope,sans-serif;letter-spacing:-.05em;margin:0}
.maintenance-heading>p{font-size:16px;line-height:1.75;color:#b9c5d4;margin:0}
.maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.maintenance-card{border:1px solid #6b7b9099;border-radius:16px;padding:30px;background:#112640;min-height:230px}
.maintenance-card>span{color:#dbc28d;font:800 11px Manrope,sans-serif;letter-spacing:.12em}
.maintenance-card h4{font:700 21px/1.3 Manrope,sans-serif;letter-spacing:-.035em;margin:28px 0 12px}
.maintenance-card p{font-size:15px;line-height:1.7;color:#b7c4d3;margin:0}
.maintenance-note{font-size:14px;line-height:1.7;color:#c6d2dc;margin:24px 0 0;max-width:930px}
@media(max-width:900px){.project-card{grid-template-columns:50px minmax(0,1fr);gap:16px}.project-outcome,.project-payment{grid-column:2;justify-self:start;border-left:0;border-top:1px solid #ffffff32;padding:16px 0 0;margin-top:4px}.project-payment b{display:inline;font-size:26px;margin-right:9px}.project-payment span{display:inline}.maintenance-heading{grid-template-columns:1fr;gap:22px}.maintenance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.project-steps{margin-top:42px}.project-card{grid-template-columns:1fr;gap:10px;padding:25px 23px}.project-card::before{display:none}.project-num{font-size:25px}.project-outcome,.project-payment{grid-column:1}.maintenance{margin-top:75px;padding-top:50px}.maintenance-grid{grid-template-columns:1fr}.maintenance-card{min-height:0}.payment-caption{font-size:13px}}
.scope-choice{border:1px solid #ffffff36;border-radius:22px;background:#102540;padding:clamp(28px,4vw,50px);margin-top:68px}
.scope-heading>span,.milestone-heading span{color:#e1c591;font:800 11px Manrope,sans-serif;letter-spacing:.15em}
.scope-heading h3,.milestone-heading h3{font:600 clamp(1.6rem,2.5vw,2.8rem)/1.17 Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0}
.scope-heading p,.milestone-heading p{color:#becbd8;font-size:16px;line-height:1.7;max-width:740px;margin:0}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.scope-card{background:#1c3452;border:1px solid #ffffff27;border-radius:14px;padding:30px}
.scope-card>span{font:800 11px Manrope,sans-serif;letter-spacing:.13em;color:#e1c591}
.scope-card h4{font:700 22px/1.3 Manrope,sans-serif;letter-spacing:-.04em;margin:16px 0 12px}
.scope-card p{font-size:15px;line-height:1.7;color:#c7d2df;margin:0}
.milestone-heading{display:grid;grid-template-columns:.85fr 1fr;align-items:end;gap:10%;margin-top:88px}
.project-steps{margin-top:30px}
@media(max-width:760px){.scope-choice{margin-top:48px}.scope-grid,.milestone-heading{grid-template-columns:1fr}.milestone-heading{gap:14px;margin-top:68px}.directions .direction-image{height:clamp(165px,45vw,205px)}.directions .direction-meta{padding:17px 19px 20px}.directions .direction-meta h3{font-size:20px;margin-top:8px}.directions .mini-label{font-size:10px}.directions .round-arrow{width:34px;height:34px}.direction-grid{gap:16px}}
@media(max-width:480px){.scope-card{padding:22px}.scope-grid{gap:12px}.directions .direction-image{height:clamp(150px,44vw,185px)}.directions .direction-meta h3{font-size:18px}.directions .round-arrow{width:30px;height:30px}}

.hero-shade{background:linear-gradient(90deg,rgba(4,12,27,.96) 0%,rgba(4,12,27,.88) 35%,rgba(4,12,27,.54) 66%,rgba(4,12,27,.06) 100%),linear-gradient(0deg,rgba(3,11,24,.75),transparent 28%)}
@media(max-width:760px){.hero-shade{background:linear-gradient(90deg,#061227f2 0%,#061227d9 62%,#06122770),linear-gradient(0deg,#061227e8,transparent 50%)}.hero-motion{object-position:66% center}}
.payment-disclosure{margin-top:36px;border:1px solid #d7be8f8a;border-radius:17px;background:#142a44;overflow:hidden}
.payment-disclosure summary{list-style:none;display:flex;align-items:center;gap:21px;padding:26px 30px;cursor:pointer;color:#fff}
.payment-disclosure summary::-webkit-details-marker{display:none}
.payment-disclosure summary:hover{background:#1a3450}
.payment-summary-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.payment-summary-copy strong{font:700 clamp(1.15rem,1.7vw,1.5rem)/1.3 Manrope,sans-serif;letter-spacing:-.025em}
.payment-summary-copy small{font-size:14px;line-height:1.45;color:#b8c7d6}
.payment-lock{position:relative;width:33px;height:29px;border:2px solid #e5c991;border-radius:5px;flex:none;margin-top:8px}
.payment-lock:before{content:"";position:absolute;left:6px;top:-18px;width:17px;height:16px;border:2px solid #e5c991;border-bottom:0;border-radius:12px 12px 0 0}
.payment-lock:after{content:"";position:absolute;left:14px;top:9px;width:3px;height:8px;border-radius:3px;background:#e5c991}
.payment-chevron{margin-left:auto;color:#e5c991;font-size:29px;line-height:1;transition:transform .2s}
.payment-disclosure[open] .payment-chevron{transform:rotate(180deg)}
.payment-panel{border-top:1px solid #ffffff2d;padding:27px 30px 30px}
.payment-panel>p:first-child{max-width:900px;color:#c5d1df;font-size:15px;line-height:1.7;margin:0 0 25px}
.payment-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0}
.payment-list li{border:1px solid #ffffff2f;background:#1b3550;border-radius:12px;padding:21px;min-height:130px}
.payment-list b{display:block;color:#e5c991;font:700 30px Manrope,sans-serif;letter-spacing:-.04em;margin-bottom:10px}
.payment-list span{font-size:14px;line-height:1.5;color:#d6e0e9}
.payment-total{color:#d6e0e9;font-size:14px;line-height:1.6;margin:22px 0 0}
@media(max-width:760px){.payment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-disclosure summary{padding:24px 22px}.payment-panel{padding:24px 22px}}
@media(max-width:480px){.payment-list{grid-template-columns:1fr}.payment-list li{min-height:0}.payment-summary-copy small{font-size:13px}.payment-lock{transform:scale(.8);margin-inline:-4px 0}.payment-disclosure summary{gap:14px}}
/* Lead form (2026-10-01) */
.lead-form{background:#fffefa;border:1px solid #d9dedf;border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #10203a14}
.lead-form h3{font:700 24px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:0}
.lead-sub{margin:-6px 0 4px;color:#617081;font-size:14px;line-height:1.6}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#3b4a5c;flex:1;min-width:0}
.lead-form input,.lead-form select,.lead-form textarea{font:500 15px 'DM Sans',sans-serif;color:#122137;background:#fff;border:1px solid #cfd6da;border-radius:8px;padding:11px 12px;width:100%}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid #426de6;outline-offset:1px;border-color:#426de6}
.lead-row{display:flex;gap:12px}
.lead-form .button{width:100%;margin-top:4px;border:0}
.lead-form .button[disabled]{opacity:.6;cursor:wait}
.lead-note{font-size:12px;color:#5b6878;margin:0}
.lead-error{color:#b42318;font-size:13px;font-weight:600;margin:0}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:760px){.lead-form{margin-top:34px;padding:22px}.lead-row{flex-direction:column}}

/* Especialidades (2026-10-03) — substitui a seção "Inspiration" */
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.spec-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e3e6e4;border-radius:16px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s}
.spec-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #10203a14;border-color:#c9d4e6}
.spec-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#101d30;color:#e2c69c;font-size:20px}
.spec-card h3{font:700 21px/1.25 Manrope,sans-serif;letter-spacing:-.03em;margin:4px 0 0}
.spec-card p{color:#617081;font-size:15px;line-height:1.6;margin:0;flex:1}
.spec-more{font:800 12px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#426de6}
@media(max-width:1000px){.spec-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.spec-grid{grid-template-columns:1fr}}

/* Site só em inglês (2026-10-10): esconde o botão EN/PT. */
.language{display:none!important}
/* Cabeçalho único (2026-10-10): telefone + menu também nas páginas internas. */
.header-phone{color:#fff;font-size:13px;font-weight:700;white-space:nowrap;letter-spacing:.01em}.header-phone:hover{color:#dec28d}
.site-header .desktop-nav{margin:auto}
@media(max-width:1240px){.header-phone{display:none}}

/* Portfólio (/portfolio) — scripts/build-portfolio.py */
.pf-badge{display:inline-block;font:800 11px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;border-radius:999px;background:#f3efe6;color:#122137;border:1px solid #e7dcc6}
.pf-shot{margin:0}.pf-shot img{width:100%;height:auto;border-radius:16px;border:1px solid #d9dedf;box-shadow:0 24px 60px #08132522}.pf-shot figcaption,.pf-note{font-size:13px;color:#617081;margin-top:12px}
.pf-story p,.pf-tech{font-size:18px;line-height:1.75;color:#33414f}.pf-story{padding-top:0}
.pf-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.pf-grid a{display:flex;flex-direction:column;gap:10px;height:100%;padding:16px 16px 24px;border-radius:18px;background:#fff;border:1px solid #e3e6e4;color:inherit;text-decoration:none}
.pf-grid a:hover{border-color:#426de6}.pf-grid img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:12px;border:1px solid #e3e6e4}
.pf-grid .pf-badge{align-self:flex-start;margin-top:6px}.pf-grid strong{font:700 22px/1.25 Manrope,sans-serif;color:#122137}.pf-grid span:last-child{font-size:16px;line-height:1.6;color:#617081}
@media(max-width:760px){.pf-grid{grid-template-columns:1fr}}
.pf-home .section-head{margin-bottom:40px}.pf-home .pf-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1050px){.pf-home .pf-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pf-home .pf-grid{grid-template-columns:1fr}}
/* O rótulo decorativo do rodapé do hero ficava por cima das etiquetas em telas até ~1000px de altura (bug antigo). */
@media(min-width:761px) and (max-height:1000px){.hero-bottom>span:first-child{visibility:hidden}}
/* Vídeo institucional (home) — capa + player do YouTube só no clique (video.js). */
.video-section .section-head{margin-bottom:36px}
.yt-lite{position:relative;max-width:1040px;margin:0 auto;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#081325;box-shadow:0 24px 60px #08132533}
.yt-lite img,.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.yt-play{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(0deg,#08132566,transparent 60%);border:0;cursor:pointer;display:grid;place-items:center}
.yt-play span{width:84px;height:84px;border-radius:50%;background:#e6d2a6;box-shadow:0 12px 40px #0008;display:grid;place-items:center;transition:transform .2s}
.yt-play span:before{content:"";margin-left:6px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent #081325}
.yt-play:hover span,.yt-play:focus-visible span{transform:scale(1.08)}
.yt-note{max-width:1040px;margin:12px auto 0;font-size:13px;color:#617081}.yt-note a{text-decoration:underline}
@media(max-width:760px){.yt-play span{width:64px;height:64px}.yt-play span:before{border-width:12px 0 12px 19px}}
/* Nova home (BBIO 2.0) — mesmas cores do site. */
.facts-band{background:#0b192e;color:#fff;border-top:1px solid #ffffff14}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0}
.facts-grid div{display:flex;flex-direction:column;gap:6px;border-left:1px solid #67768c;padding-left:18px}
.facts-grid strong{font:700 17px/1.3 Manrope,sans-serif;color:#e2c69c;letter-spacing:-.02em}.facts-grid span{font-size:14px;line-height:1.55;color:#b2becd}
.spec-grid-4{grid-template-columns:repeat(4,1fr)}
.tools-row{margin-top:48px}.tool-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.tool-chips li{border:1px solid #c9d1d6;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;background:#fff}
.blog-home .spec-card h3{font-size:19px}
@media(max-width:1100px){.facts-grid,.spec-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.facts-grid,.spec-grid-4{grid-template-columns:1fr}.facts-grid{gap:18px;padding:26px 0}}