/* Identidade PROTHEX: azul-marinho, azul e ciano da logomarca fornecida. */
.capabilities{padding:40px 0 42px}
.capabilities-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:end;margin-bottom:25px}
.capabilities-heading h2{font-size:clamp(25px,2.7vw,34px);line-height:1.25;letter-spacing:-.9px;margin:13px 0 0}
.capabilities-heading>p{font-size:14px;line-height:1.8;max-width:420px}
.capabilities-status{display:flex;align-items:flex-start;gap:12px;background:#edf5ff;padding:17px 20px;border:1px solid #d8e7f7;border-radius:9px;margin-bottom:24px}
.capabilities-status p{font-size:12px;line-height:1.8;color:#456482}
.capabilities-status strong{color:#164a7c}
.planning-dot{width:7px;height:7px;border-radius:50%;background:#0879c6;flex-shrink:0;margin-top:7px}
.capabilities-list{display:grid;gap:12px}
.capability{border:1px solid #dce7f2;border-radius:11px;overflow:hidden;background:#fff}
.capability summary{display:flex;align-items:center;gap:22px;padding:25px 27px;cursor:pointer;list-style:none;transition:background .15s}
.capability summary::-webkit-details-marker{display:none}
.capability summary:hover{background:#f6faff}
.capability summary:focus-visible{outline:3px solid #0075c9;outline-offset:-4px;border-radius:10px}
.capability-number{display:grid;place-items:center;min-width:43px;height:43px;border-radius:12px;background:#edf5ff;color:#0067b5;font-weight:650;font-size:15px}
.capability-icon svg{width:25px;height:25px;display:block}
.resource-grid dt{display:flex;align-items:center;gap:11px}
.resource-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#edf5ff;color:#006dc4;flex-shrink:0}
.resource-icon svg{width:19px;height:19px;display:block}
.resource-grid dd{padding-left:39px}
@media(max-width:760px){.capability-icon svg{width:22px;height:22px}.resource-grid dd{padding-left:0}.resource-icon{width:26px;height:26px}}
.capability-title{flex:1}
.capability-title strong{display:block;font-size:18px;letter-spacing:-.3px;font-weight:600}
.capability-title small{display:block;font-size:12px;color:#62778e;margin-top:7px;line-height:1.6}
.capability-toggle{width:28px;height:28px;border:1px solid #cfdfed;border-radius:50%;position:relative;flex-shrink:0}
.capability-toggle:before,.capability-toggle:after{content:'';position:absolute;background:#1768a5;top:12px;left:8px;width:10px;height:1px}
.capability-toggle:after{transform:rotate(90deg)}
.capability[open] .capability-toggle:after{display:none}
.capability[open] summary{border-bottom:1px solid #e2ebf4;background:#f8fbff}
.capability-body{padding:7px 27px 24px 92px}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px;margin:0}
.resource-grid>div{padding:20px 0;border-bottom:1px solid #edf1f6}
.resource-grid dt{font-size:13px;font-weight:650;color:#123f6e;margin-bottom:7px;line-height:1.5}
.resource-grid dd{margin:0;font-size:12px;line-height:1.85;color:#5c7289}
.resource-context{font-size:12px;line-height:1.8;padding-top:17px;color:#456482}
.resource-note{margin-top:20px;padding:16px 18px;border-left:3px solid #2994da;background:#f1f7fe;color:#456482;font-size:12px;line-height:1.85;border-radius:0 7px 7px 0}
.capability-future{background:#f6faff}
@media(max-width:760px){.capabilities{padding-top:25px}.capabilities-heading{grid-template-columns:1fr;gap:20px}.capabilities-heading h2{font-size:27px}.capabilities-status{padding:15px}.capability summary{gap:13px;padding:20px 16px}.capability-number{min-width:34px;height:36px;font-size:12px;border-radius:9px}.capability-title strong{font-size:15px}.capability-title small{font-size:11px}.capability-toggle{width:24px;height:24px}.capability-toggle:before,.capability-toggle:after{top:10px;left:6px}.capability-body{padding:0 20px 22px}.resource-grid{grid-template-columns:1fr}.resource-grid>div{padding:17px 0}.resource-note{font-size:11px}}
.brand-official{display:block;position:relative;background:#fff;border-radius:8px;height:98px;overflow:hidden;margin:-7px -6px 0}
.brand-official img{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%)}
.landing{background:#fff;color:#092c54}
.landing-header{max-width:1320px;padding:15px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.landing-logo{display:block;position:relative;width:228px;height:91px;overflow:hidden;flex-shrink:0}
.landing-logo img{position:absolute;width:228px;height:auto;top:50%;transform:translateY(-50%)}
.landing-header nav{display:flex;align-items:center;gap:25px}
.landing-header nav a{margin:0;font-size:13px;color:#16416d}
.landing-header nav a:hover{background:#eff6ff}
.landing-header nav .primary{color:#fff;background:#006dc4;padding:14px 20px}
.landing-header nav .primary:hover{background:#00569c}
.landing-main{max-width:1320px;padding:0 36px;margin:auto}
.landing-hero{border-radius:16px;overflow:hidden;background:#eaf3fc;border:1px solid #e3ecf5}
.campaign-image{width:100%;height:auto;display:block}
.campaign-caption{display:flex;align-items:center;gap:14px;padding:20px 26px;background:#06264c;color:#dceeff;font-size:10px;letter-spacing:2.3px;line-height:1.6}
.caption-line{width:36px;height:2px;background:#00b7f1;flex-shrink:0}
.landing-intro{padding:55px 8px 42px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;scroll-margin-top:20px}
.landing-intro .eyebrow{color:#005caa;font-size:10px;letter-spacing:1.8px}
.landing h1{font-size:clamp(29px,3.2vw,44px);line-height:1.2;letter-spacing:-1.5px;margin:15px 0 0;font-weight:650}
.landing h1 span{color:#0077c8}
.intro-copy p{font-size:15px;line-height:1.8;color:#556c83;max-width:490px}
.intro-copy .button{margin-top:22px;padding:14px 22px;font-size:13px}
.intro-copy small{display:block;margin-top:12px;color:#62778e;font-size:11px}
.landing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid #dfe8f2;border-radius:12px;background:#f7faff;overflow:hidden;margin-bottom:32px}
.landing-features article{padding:29px;border-right:1px solid #dfe8f2}
.landing-features article:last-child{border:0}
.feature-number{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#0068b6}
.landing-features h2{font-size:18px;line-height:1.45;margin:17px 0 12px;max-width:260px}
.landing-features p{font-size:13px;color:#556c83;line-height:1.8}
.landing-demo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:23px;border-top:1px solid #e0e9f3;padding:24px 8px;color:#5e7289}
.landing-demo strong{font-size:9px;letter-spacing:1px;color:#456484}
.landing-demo p{font-size:11px;line-height:1.8}
.landing-demo a{font-size:11px;color:#005ea8;white-space:nowrap}
.landing-footer{max-width:1320px;padding:25px 44px 35px;margin:auto;color:#647991;border-top:1px solid #e6edf5;font-size:11px}
.landing-footer strong{color:#0a3968;letter-spacing:1px}
@media(max-width:760px){.brand-official{width:200px;height:80px;margin:0}.landing-header{padding:12px 20px;gap:10px}.landing-logo{width:160px;height:74px}.landing-logo img{width:160px}.landing-header nav{gap:5px;margin:0}.landing-header nav>a:first-child{display:none}.landing-header nav .primary{padding:11px 12px;font-size:11px}.landing-main{padding:0 16px}.landing-hero{border-radius:10px}.campaign-caption{padding:14px;font-size:8px;letter-spacing:1.3px;gap:10px}.caption-line{width:18px}.landing-intro{grid-template-columns:1fr;gap:22px;padding:32px 4px}.landing h1{font-size:32px;letter-spacing:-1px}.intro-copy p{font-size:14px}.landing-features{grid-template-columns:1fr}.landing-features article{border-right:0;border-bottom:1px solid #dfe8f2;padding:25px}.landing-features h2{max-width:none}.landing-demo{grid-template-columns:1fr;gap:10px;padding:22px 4px}.landing-footer{padding:20px;gap:14px}}