html,body{margin:0;padding:0}.unna-standalone-preview{margin:0!important;background:#fff}.unna-site{--unna-primary:#00C58E;--unna-secondary:#19B7D8;--unna-dark:#062A34;--unna-light:#F5F7F6;--unna-text:#10262D;--unna-radius:22px;--unna-max:1240px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--unna-text);background:#fff;width:100%;overflow:hidden}.unna-site *{box-sizing:border-box}.unna-site a{text-decoration:none}.unna-container{width:min(calc(100% - 64px),var(--unna-max));margin:0 auto}.unna-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e8eeee}.unna-header .unna-container{display:flex;align-items:center;gap:34px;min-height:76px}.unna-brand{margin-right:auto}.unna-brand-mark{display:block;background:#062a34;border-radius:10px;padding:8px 12px}.unna-brand-mark img{height:24px;width:auto;display:block}.unna-header nav{display:flex;gap:28px}.unna-header nav a{color:#2c4148;font-size:14px;font-weight:600}.unna-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:750;font-size:14px;border:1px solid transparent;transition:.2s}.unna-btn-primary{background:linear-gradient(90deg,var(--unna-primary),#18dcb1);color:#052a33}.unna-btn-secondary{border-color:#b9c9ce;color:var(--unna-text);background:#fff}.unna-section{padding:92px 0}.unna-light{background:#fff}.unna-dark{background:linear-gradient(135deg,#04242d,#073743);color:#fff}.unna-eyebrow{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#00a96e;margin-bottom:16px}.unna-dark .unna-eyebrow{color:#12d99c}.unna-section h1,.unna-section h2{letter-spacing:-.045em;line-height:1.01;margin:0 0 20px}.unna-section h1{font-size:clamp(48px,5.4vw,78px);max-width:720px}.unna-section h2{font-size:clamp(38px,4vw,58px);max-width:780px}.unna-section h3{letter-spacing:-.02em}.unna-section p{font-size:17px;line-height:1.55;max-width:720px;color:#5f747b;margin:0 0 18px}.unna-dark p{color:#c8d6da}.unna-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:stretch}.unna-hero-copy{padding:54px 0 26px}.unna-ctas{display:flex;gap:12px;margin-top:30px}.unna-hero-visual{min-height:530px;position:relative;overflow:hidden;margin-right:calc((100vw - min(calc(100vw - 64px),var(--unna-max)))/-2);border-radius:0 0 0 34px;background:#edf3f2}.unna-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.unna-architecture{height:100%;min-height:530px;background:linear-gradient(110deg,#f8faf9 0,#eef3f2 52%,#fff 100%);position:relative;overflow:hidden}.unna-building-art{position:absolute;inset:0 25% 0 0;background:linear-gradient(160deg,transparent 0 28%,#d9e0df 28% 55%,#edf2f1 55%);opacity:.9}.unna-building-art .bridge{position:absolute;left:20%;right:-18%;top:38%;height:19%;background:linear-gradient(#99a8ab,#dce4e3);clip-path:polygon(0 0,100% 10%,100% 80%,0 100%)}.unna-building-art .tower{position:absolute;bottom:0;background:linear-gradient(100deg,#f6f8f7,#bfc9ca);border-left:1px solid #aab8ba}.unna-building-art .one{left:3%;width:35%;height:76%}.unna-building-art .two{left:52%;width:31%;height:92%}.unna-building-art .tree{position:absolute;width:135px;height:190px;left:40%;bottom:1%;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 28%,#6f8b79,#355948 52%,transparent 54%);filter:blur(.1px)}.unna-architecture .flow{position:absolute;right:38px;top:50px;bottom:50px;display:flex;flex-direction:column;justify-content:space-between;z-index:3}.unna-architecture .flow:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(var(--unna-primary),#b7d8d0)}.unna-architecture .flow span{position:relative;background:rgba(255,255,255,.95);border:1px solid #cfe2dd;border-radius:12px;padding:11px 14px 11px 48px;min-width:158px;font-size:12px;font-weight:800;box-shadow:0 10px 22px rgba(6,42,52,.08)}.unna-architecture .flow span:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid #1b8469;border-radius:4px;background:#fff}.unna-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:0;border-top:1px solid #e5ebec;border-bottom:1px solid #e5ebec}.unna-metrics>div{padding:24px 22px;border-right:1px solid #e5ebec}.unna-metrics>div:last-child{border-right:0}.unna-metrics b{display:block;font-size:20px;margin-bottom:3px}.unna-metrics span{font-size:12px;color:#6d7f85}.unna-problem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.unna-problem-items{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.unna-problem-items article{padding:18px 28px 18px;border-left:1px solid rgba(255,255,255,.22)}.unna-problem-items h3{font-size:25px;line-height:1.08;margin:14px 0 12px}.unna-problem-items p{font-size:14px}.unna-line-icon{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid #1c8d6e;border-radius:14px;color:#29c894;font-weight:800}.unna-core-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;margin-bottom:40px}.unna-section-head{margin-bottom:34px}.unna-dashboard-mock,.unna-table-mock{border:1px solid #dbe5e7;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(15,48,57,.10);overflow:hidden}.unna-dashboard-mock{display:grid;grid-template-columns:170px 1fr;min-height:360px}.mock-sidebar{background:#07333d;color:#fff;padding:26px 18px;display:flex;flex-direction:column;gap:16px}.mock-sidebar b{font-size:21px}.mock-sidebar span{font-size:12px;color:#d8e9e6}.mock-content{padding:24px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.mock-kpis i{font-style:normal;background:#f7faf9;border:1px solid #e5eeee;border-radius:10px;padding:14px;font-size:11px;color:#72868b}.mock-kpis b{font-size:16px;color:#15343c}.mock-chart{height:150px;display:flex;align-items:end;gap:8px;padding:18px;border:1px solid #edf2f2;border-radius:12px}.mock-chart span{width:7%;background:linear-gradient(#0ed795,#0a7c61);border-radius:5px 5px 0 0}.mock-chart span:nth-child(1){height:28%}.mock-chart span:nth-child(2){height:49%}.mock-chart span:nth-child(3){height:42%}.mock-chart span:nth-child(4){height:68%}.mock-chart span:nth-child(5){height:62%}.mock-chart span:nth-child(6){height:78%}.mock-chart span:nth-child(7){height:51%}.mock-chart span:nth-child(8){height:88%}.mock-chart span:nth-child(9){height:73%}.mock-chart span:nth-child(10){height:83%}.mock-chart span:nth-child(11){height:60%}.mock-chart span:nth-child(12){height:92%}.unna-modules{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #e1e7e8;border-bottom:1px solid #e1e7e8}.unna-modules article{padding:22px 18px;border-right:1px solid #e1e7e8;background:#fff}.unna-modules article:last-child{border-right:0}.unna-modules h3{margin:8px 0 7px;font-size:18px}.unna-modules p{font-size:12px;margin:0}.module-no{font-size:13px;color:#168866;font-weight:800}.unna-outcomes-grid,.unna-infra-grid,.unna-integrations-grid,.unna-dashboard-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center}.unna-outcome-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:20px}.unna-outcome-list article{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:18px 14px 18px 0;border-top:1px solid #dde6e7}.unna-outcome-list article:nth-child(even){padding-left:18px;border-left:1px solid #dde6e7}.unna-outcome-list article>span{font-size:22px;color:#1ba475;font-weight:500}.unna-outcome-list h3{font-size:18px;margin:0 0 5px}.unna-outcome-list p{font-size:12px;margin:0}.table-title{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.table-title button{border:1px solid #d9e5e5;background:#fff;border-radius:8px;padding:8px 13px}.table-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 22px 16px}.table-filters span{border:1px solid #dde7e8;border-radius:8px;padding:10px;font-size:11px;color:#697d82}.unna-table-mock table{width:100%;border-collapse:collapse;font-size:11px}.unna-table-mock th,.unna-table-mock td{padding:11px 13px;border-top:1px solid #edf1f1;text-align:left}.unna-table-mock th{font-weight:600;color:#687c81}.unna-table-mock em{font-style:normal;border:1px solid #a8dfcb;border-radius:5px;padding:3px 6px;color:#139568}.unna-feature-list{list-style:none;margin:28px 0 0;padding:0}.unna-feature-list li{padding:14px 0;border-bottom:1px solid #e1e8e9;font-size:17px}.unna-feature-list li span{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #1b8b6d;border-radius:8px;margin-right:12px;color:#138263}.unna-stack-mock{height:520px;position:relative}.stack-card{position:absolute;width:78%;min-height:175px;background:#fff;border:1px solid #dce6e7;border-radius:14px;padding:20px 24px;box-shadow:0 18px 50px rgba(23,52,59,.08)}.stack-card b{font-size:22px}.stack-card p{font-size:13px;margin:12px 0}.stack-card span{display:block;border-top:1px solid #e6ecec;padding-top:15px;font-size:13px}.stack-card em{font-style:normal;color:#0ea26f}.stack-card strong{font-size:26px;color:#12363e}.stack-card small{font-size:12px}.s1{right:0;top:0}.s2{right:8%;top:145px}.s3{right:16%;top:290px}.unna-head-row{display:flex;justify-content:space-between;align-items:end}.unna-link-pill{border:1px solid #80bcae;color:#17443e;border-radius:999px;padding:10px 18px;font-size:13px}.unna-cards{display:grid;gap:10px}.unna-cards-segments{grid-template-columns:repeat(5,1fr)}.unna-cards-verticals{grid-template-columns:repeat(3,1fr)}.unna-card{min-height:190px;padding:20px;border-radius:8px;background:linear-gradient(135deg,#dfe9e7,#eef3f2);background-size:cover;background-position:center;display:flex;align-items:flex-end;position:relative;overflow:hidden}.unna-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,36,44,.78));opacity:.65}.unna-card>div{position:relative;z-index:1}.unna-card h3{font-size:21px;margin:0 0 8px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}.unna-card p{font-size:12px;margin:0;color:#e5f0ef}.unna-card a{display:inline-block;margin-top:12px;font-weight:800;color:#17e0a6;text-decoration:none}.unna-use-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.unna-use-modes article{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:18px}.unna-use-modes b{display:block;margin-bottom:7px}.unna-use-modes span{font-size:12px;color:#bcd0d3}.unna-integrations-list{display:flex;gap:10px;flex-wrap:wrap}.unna-integration-chip{background:#fff;border-radius:8px;min-width:125px;height:64px;display:flex;align-items:center;justify-content:center;padding:11px;color:var(--unna-text);font-weight:800}.unna-integration-chip img{max-width:105px;max-height:34px}.unna-governance-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:center}.unna-events{border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:16px 22px}.unna-events>div{display:grid;grid-template-columns:1.1fr 1.5fr 1fr 1fr;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:12px}.unna-events>div:last-child{border-bottom:0}.events-head{font-weight:700;color:#fff}.unna-events .ok{color:#20d99d}.unna-governance-points{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.18)}.unna-governance-points span{padding:24px 18px;border-right:1px solid rgba(255,255,255,.18);font-weight:700;font-size:13px}.unna-dashboard-section{align-items:center}.unna-feature-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.unna-feature-mini span{border:1px solid #dbe7e5;border-radius:10px;padding:12px 14px;font-size:13px}.unna-device-mock{min-height:420px;display:flex;align-items:flex-end;justify-content:center;position:relative}.phone{width:180px;height:345px;background:#fff;border:9px solid #1b2b30;border-radius:34px;box-shadow:0 20px 60px rgba(0,0,0,.18);z-index:2;padding:24px 14px;display:flex;flex-direction:column;gap:11px}.phone strong{background:linear-gradient(135deg,#14c98d,#65e1b7);padding:18px 10px;border-radius:12px;font-size:20px}.phone span{font-size:10px}.phone i{font-style:normal;border-top:1px solid #e5eceb;padding-top:10px;font-size:12px}.screen{width:530px;height:330px;margin-left:-16px;background:#fff;border:12px solid #1c292e;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.16);padding:20px}.unna-limits{display:flex;align-items:center;gap:26px;padding:28px 34px;background:#f5f7f6;border:1px solid #e1e8e9;border-radius:14px}.shield{width:64px;height:64px;display:grid;place-items:center;border:2px solid #17493e;border-radius:18px;font-size:30px}.unna-section-limits{padding:36px 0}.unna-cta-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:8px 0}.unna-section-cta{padding:72px 0}.unna-footer{background:#041f27;color:#fff;padding:52px 0 26px}.unna-footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.14)}.unna-footer img{height:32px}.unna-footer p{color:#fff;font-size:14px;margin:10px 0 0}.unna-footer nav{display:flex;gap:24px}.unna-footer nav a{color:#dce8e8;font-size:13px}.unna-footer-legal{display:flex;justify-content:space-between;gap:30px;padding-top:22px}.unna-footer small{color:#91a8ad;display:block;max-width:800px;line-height:1.5}
@media(max-width:1050px){.unna-header nav{display:none}.unna-hero-grid,.unna-problem-grid,.unna-core-top,.unna-outcomes-grid,.unna-infra-grid,.unna-integrations-grid,.unna-governance-grid,.unna-dashboard-section{grid-template-columns:1fr}.unna-hero-visual{margin-right:0;border-radius:24px}.unna-modules{grid-template-columns:repeat(2,1fr);border:0;gap:10px}.unna-modules article{border:1px solid #e1e7e8;border-radius:12px}.unna-problem-items{grid-template-columns:1fr 1fr}.unna-cards-segments{grid-template-columns:repeat(2,1fr)}.unna-cards-verticals{grid-template-columns:1fr}.unna-metrics{grid-template-columns:repeat(2,1fr)}.unna-governance-points{grid-template-columns:repeat(2,1fr)}.unna-stack-mock{height:460px}}
@media(max-width:680px){.unna-container{width:min(calc(100% - 28px),var(--unna-max))}.unna-section{padding:62px 0}.unna-header .unna-btn{display:none}.unna-section h1{font-size:46px}.unna-section h2{font-size:38px}.unna-section p{font-size:16px}.unna-hero-copy{padding-top:24px}.unna-hero-visual,.unna-architecture{min-height:420px}.unna-architecture .flow{right:14px}.unna-architecture .flow span{min-width:132px;padding-left:42px}.unna-ctas{flex-direction:column;align-items:stretch}.unna-metrics,.unna-problem-items,.unna-outcome-list,.unna-use-modes,.unna-feature-mini,.unna-cards-segments,.unna-governance-points{grid-template-columns:1fr}.unna-outcome-list article:nth-child(even){padding-left:0;border-left:0}.unna-dashboard-mock{grid-template-columns:1fr}.mock-sidebar{display:none}.unna-table-mock{overflow-x:auto}.unna-table-mock table{min-width:620px}.unna-stack-mock{height:480px}.stack-card{width:92%}.s1{right:0}.s2{right:4%}.s3{right:8%}.unna-head-row,.unna-cta-box,.unna-footer-main,.unna-footer-legal{align-items:flex-start;flex-direction:column}.unna-device-mock{transform:scale(.76);transform-origin:center bottom;margin:-40px -80px}.unna-events{overflow-x:auto}.unna-events>div{min-width:600px}.unna-governance-points span{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
/* v0.4 — fidelity pass based on approved institutional reference */
.unna-site{background:#fff}.unna-header{position:relative;background:#fff;border-bottom:1px solid #e8eeee}.unna-header .unna-container{min-height:68px}.unna-brand-mark{background:var(--unna-dark);padding:8px 11px;border-radius:8px}.unna-header nav a{font-size:13px;color:#263c43}.unna-section{padding:76px 0}.unna-section h1{font-size:clamp(52px,4.55vw,68px);max-width:630px;line-height:1.01}.unna-section h2{font-size:clamp(38px,3.4vw,54px);line-height:1.04}.unna-section p{font-size:16px}.unna-eyebrow{font-size:11px;color:#009d69}.unna-hero-grid{grid-template-columns:46% 54%;gap:0;align-items:stretch;min-height:520px}.unna-hero-copy{padding:54px 44px 34px 0}.unna-hero-copy h1{margin-bottom:22px}.unna-hero-copy p{max-width:580px}.unna-hero-visual{min-height:520px;margin-right:calc((100vw - min(calc(100vw - 64px),var(--unna-max)))/-2);border-radius:0;background:#eef3f1}.unna-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.72) 8%,rgba(255,255,255,.06) 32%,rgba(255,255,255,0) 100%);pointer-events:none}.unna-hero-visual>img{object-position:center center;filter:saturate(.82) contrast(.98)}.unna-hero-flow{position:absolute;right:24px;top:28px;bottom:28px;z-index:3;display:flex;flex-direction:column;justify-content:space-between}.unna-hero-flow:before{content:"";position:absolute;left:15px;top:18px;bottom:18px;width:2px;background:linear-gradient(#0abb84,#46d4a8)}.unna-hero-flow span{position:relative;background:rgba(255,255,255,.97);border:1px solid #c7e0d8;border-radius:11px;box-shadow:0 12px 30px rgba(5,43,51,.08);min-width:150px;padding:10px 12px 10px 44px;font-size:11px;font-weight:850;color:#082a33}.unna-hero-flow span:before{content:"";position:absolute;left:9px;top:50%;transform:translateY(-50%);width:13px;height:13px;border:2px solid #188a6c;border-radius:4px;background:white}.unna-metrics{margin-top:-1px;background:#fff}.unna-metrics>div{padding:20px 18px}.unna-metrics b{font-size:16px}.unna-metrics span{font-size:11px}
.unna-section-problem{padding:78px 0}.unna-problem-grid{grid-template-columns:36% 64%;gap:48px}.unna-problem-grid h2{max-width:430px}.unna-problem-items article{padding:12px 28px 18px}.unna-problem-items h3{font-size:24px}.unna-svg-icon{display:block;width:48px;height:48px;position:relative;margin-bottom:12px}.unna-svg-icon:before,.unna-svg-icon:after{content:"";position:absolute}.unna-icon-data:before{inset:7px 6px;border:2px solid #14b882;border-radius:50%/25%;box-shadow:0 9px 0 -1px transparent}.unna-icon-data:after{left:6px;right:6px;top:17px;height:18px;border-left:2px solid #14b882;border-right:2px solid #14b882;border-bottom:2px solid #14b882;border-radius:0 0 50% 50%}.unna-icon-flow:before{left:5px;top:8px;width:10px;height:10px;border:2px solid #14b882;border-radius:50%;box-shadow:28px 0 0 -2px #062a34,28px 0 0 0 #14b882,14px 25px 0 -2px #062a34,14px 25px 0 0 #14b882}.unna-icon-flow:after{left:13px;top:14px;width:25px;height:22px;border-top:2px solid #14b882;border-left:2px solid #14b882;transform:rotate(28deg)}.unna-icon-audit:before{left:8px;top:5px;width:26px;height:34px;border:2px solid #14b882;border-radius:4px}.unna-icon-audit:after{right:2px;bottom:1px;width:13px;height:13px;border:2px solid #14b882;border-radius:50%;box-shadow:8px 8px 0 -6px #14b882}
.unna-section-core{padding:72px 0 0}.unna-core-top{grid-template-columns:39% 61%;gap:48px;margin-bottom:34px}.unna-section-core .unna-section-head{padding-right:10px}.unna-dashboard-mock{min-height:350px;border-radius:16px}.mock-sidebar{width:auto;padding:24px 18px;background:#07323d}.mock-sidebar .active{background:#008c69;margin:0 -8px;padding:8px;border-radius:6px}.mock-title{display:flex;justify-content:space-between;align-items:center}.mock-title small{font-size:10px;border:1px solid #dfe8e9;border-radius:7px;padding:6px 8px;color:#61767c}.mock-kpis i{position:relative}.mock-kpis em{display:block;color:#0baa76;font-style:normal;font-size:10px;margin-top:4px}.mock-status{display:flex;justify-content:space-between;font-size:9px;color:#0b8c68;padding-top:8px}.unna-modules article{min-height:132px}.unna-modules h3{font-size:16px}.unna-modules p{font-size:11px}
.unna-section-outcomes{background:#fbfcfb}.unna-outcomes-grid{grid-template-columns:44% 56%;gap:42px}.unna-outcome-list h3{font-size:17px}.unna-table-mock{border-radius:14px}.unna-table-mock td:last-child{color:#15966d}.unna-table-mock tr:nth-child(4) td:last-child{color:#d65454}.table-link{display:block;text-align:right;padding:12px 18px;font-size:11px;font-weight:800;color:#0a936a}
.unna-infra-grid{grid-template-columns:40% 60%;gap:50px}.unna-section-infrastructure{background:#fff}.unna-feature-list li{font-size:15px;padding:12px 0}.unna-stack-mock{height:500px}.stack-card{border-radius:12px}.unna-head-row{align-items:flex-end}.unna-cards-segments{grid-template-columns:repeat(4,1fr);gap:7px}.unna-cards-segments .unna-card{min-height:170px;border-radius:0}.unna-cards-segments .unna-card p{display:none}.unna-cards-segments .unna-card h3{font-size:18px;margin:0}.unna-cards-verticals .unna-card{min-height:220px;border-radius:10px}.unna-section-segments{background:#fbfcfb}.unna-section-verticals{background:#fff}.unna-link-pill{border-radius:999px}
.unna-section-integrations{padding:66px 0}.unna-integrations-grid{grid-template-columns:34% 66%;gap:48px}.unna-use-modes article{min-height:105px;background:rgba(255,255,255,.03)}.unna-integrations-list{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.unna-integration-chip{min-width:0;height:58px}.unna-provider-note{font-size:11px!important;margin-top:14px!important;max-width:none!important}
.unna-section-governance{padding:70px 0}.unna-governance-grid{grid-template-columns:34% 66%;gap:46px}.unna-governance-points span{font-size:12px}.unna-section-dashboard{background:#fff}.unna-dashboard-section{grid-template-columns:38% 62%;gap:38px}.unna-limits{border-radius:10px}.unna-limits h2{font-size:30px;margin-bottom:8px}.unna-section-cta{background:linear-gradient(105deg,#042b34,#073d48);color:#fff}.unna-section-cta h2{color:#fff}.unna-section-cta p{color:#c6d6d9}.unna-footer{padding-top:38px}
@media(max-width:1050px){.unna-hero-grid,.unna-problem-grid,.unna-core-top,.unna-outcomes-grid,.unna-infra-grid,.unna-integrations-grid,.unna-governance-grid,.unna-dashboard-section{grid-template-columns:1fr}.unna-hero-copy{padding-right:0}.unna-hero-visual{margin-right:0;border-radius:18px}.unna-cards-segments{grid-template-columns:repeat(2,1fr)}.unna-integrations-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.unna-header .unna-container{min-height:62px}.unna-section h1{font-size:43px}.unna-hero-grid{min-height:0}.unna-hero-visual{min-height:430px}.unna-hero-flow{right:10px}.unna-hero-flow span{min-width:128px;font-size:10px}.unna-cards-segments,.unna-integrations-list{grid-template-columns:1fr 1fr}.unna-section{padding:56px 0}.unna-metrics{grid-template-columns:1fr 1fr}}
/* v0.4.1 — HERO 1:1 fidelity pass */
.unna-header{height:60px;position:relative;background:#fff;border-bottom:1px solid #e9eeee;box-shadow:none}
.unna-header .unna-container{min-height:60px;height:60px;gap:24px}
.unna-brand{display:flex;align-items:center;margin-right:auto;line-height:0}
.unna-brand img{display:block;width:104px;height:auto;max-height:34px;object-fit:contain}
.unna-header nav{gap:22px;align-items:center}
.unna-header nav a{font-size:11px;font-weight:650;color:#183039;white-space:nowrap}
.unna-header-actions{display:flex;align-items:center;gap:18px;margin-left:8px}
.unna-login{font-size:11px;font-weight:650;color:#17323a}
.unna-header .unna-btn{padding:10px 17px;border-radius:22px;font-size:11px;min-height:38px}
.unna-section-hero{padding:0;background:#fff}
.unna-section-hero>.unna-container{width:min(calc(100% - 64px),var(--unna-max));}
.unna-hero-shell{display:grid;grid-template-columns:40% 44% 16%;min-height:435px;align-items:stretch;background:#fff}
.unna-hero-copy{padding:38px 32px 24px 0;display:flex;flex-direction:column;justify-content:center}
.unna-hero-copy .unna-eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:12px}
.unna-section-hero .unna-hero-copy h1{font-size:clamp(42px,4vw,58px);line-height:1.03;letter-spacing:-.042em;max-width:520px;margin-bottom:15px;font-weight:720}
.unna-hero-copy p{font-size:14px;line-height:1.45;max-width:485px;margin:0;color:#4f6870}
.unna-hero-copy .unna-ctas{margin-top:20px;gap:10px}
.unna-hero-copy .unna-btn{padding:10px 17px;font-size:11px;border-radius:22px;min-height:38px}
.unna-hero-image{position:relative;min-height:435px;overflow:hidden;background:#f4f7f6}
.unna-hero-image:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.50) 8%,rgba(255,255,255,.08) 25%,rgba(255,255,255,0) 45%);pointer-events:none}
.unna-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.82) contrast(.96) brightness(1.04)}
.unna-hero-rail{position:relative;min-height:435px;padding:22px 0 20px 14px;background:linear-gradient(90deg,rgba(255,255,255,.85),#fff 35%);display:flex;flex-direction:column;justify-content:space-between}
.unna-hero-flow{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:315px;padding-left:0}
.unna-hero-flow:before{content:"";position:absolute;left:12px;top:16px;bottom:16px;width:2px;background:linear-gradient(#18c794,#3dd5ab)}
.unna-hero-flow span{position:relative;display:flex;align-items:center;min-height:42px;background:#fff;border:1px solid #d9e8e4;border-radius:11px;box-shadow:0 6px 18px rgba(12,47,57,.05);padding:8px 9px 8px 43px;font-size:10px;line-height:1;font-weight:850;color:#092c35;white-space:nowrap}
.unna-hero-flow span:before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:15px;height:15px;border:2px solid #13866a;border-radius:4px;background:#fff;z-index:2}
.unna-hero-rail>p{font-size:10px;line-height:1.35;color:#567078;margin:12px 0 0 21px;letter-spacing:.04em;font-weight:650}
.unna-section-hero .unna-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid #e6eded;border-bottom:1px solid #e6eded;background:#fff}
.unna-section-hero .unna-metrics>div{padding:14px 18px;text-align:center;border-right:1px solid #e7eded}
.unna-section-hero .unna-metrics>div:last-child{border-right:0}
.unna-section-hero .unna-metrics b{font-size:14px;line-height:1.1;margin-bottom:3px;color:#112f37}
.unna-section-hero .unna-metrics span{font-size:9px;line-height:1.25;color:#6b7e84}
@media(max-width:1100px){
.unna-header nav a:nth-child(5){display:none}
.unna-hero-shell{grid-template-columns:43% 42% 15%}
.unna-section-hero .unna-hero-copy h1{font-size:46px}
}
@media(max-width:900px){
.unna-header nav{display:none}.unna-login{display:none}
.unna-hero-shell{grid-template-columns:1fr}.unna-hero-copy{padding:38px 0 26px}.unna-hero-image{min-height:390px;border-radius:18px 18px 0 0}.unna-hero-rail{min-height:auto;padding:12px 0 0}.unna-hero-flow{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0}.unna-hero-flow:before{display:none}.unna-hero-rail>p{display:none}.unna-section-hero .unna-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
.unna-header{height:58px}.unna-header .unna-container{height:58px;min-height:58px}.unna-brand img{width:94px}.unna-section-hero .unna-hero-copy h1{font-size:40px;max-width:none}.unna-hero-copy p{font-size:15px}.unna-hero-image{min-height:330px}.unna-hero-flow{grid-template-columns:1fr 1fr}.unna-section-hero .unna-metrics>div{padding:13px 8px}
}
/* v0.4.2 — Header + Hero refinement against approved reference */
.unna-site{font-weight:400}
.unna-header{height:56px}
.unna-header .unna-container{height:56px;min-height:56px;gap:22px}
.unna-brand img{width:108px;height:auto;max-height:27px;object-fit:contain}
.unna-header nav{gap:20px}
.unna-header nav a,.unna-login{font-size:10px;font-weight:400;letter-spacing:0;color:#173139}
.unna-header .unna-btn{min-height:34px;padding:8px 16px;font-size:10px;font-weight:500;border-radius:18px}
.unna-btn{font-weight:500}
.unna-btn-primary{font-weight:500}
.unna-section-hero>.unna-container{width:min(calc(100% - 56px),1280px)}
.unna-hero-shell{grid-template-columns:35% 48% 17%;min-height:408px}
.unna-hero-copy{padding:26px 24px 20px 0;justify-content:center}
.unna-hero-copy .unna-eyebrow{font-size:10px;font-weight:500;letter-spacing:.09em;margin-bottom:9px}
.unna-section-hero .unna-hero-copy h1{font-size:clamp(34px,3.15vw,46px);line-height:1.03;letter-spacing:-.032em;font-weight:560;max-width:410px;margin:0 0 11px}
.unna-hero-copy p{font-size:12px;line-height:1.38;font-weight:400;max-width:405px;color:#4d656c;margin:0}
.unna-hero-copy .unna-ctas{margin-top:15px;gap:8px}
.unna-hero-copy .unna-btn{min-height:34px;padding:8px 15px;font-size:10px;font-weight:500}
.unna-hero-image{min-height:408px}
.unna-hero-image img{object-position:center 51%}
.unna-hero-rail{min-height:408px;padding:15px 0 12px 12px}
.unna-hero-flow{height:292px}
.unna-hero-flow:before{left:11px;top:14px;bottom:14px;width:1px}
.unna-hero-flow span{min-height:38px;padding:7px 7px 7px 40px;font-size:9px;font-weight:500;border-radius:10px;box-shadow:none}
.unna-hero-flow span:before{left:4px;width:14px;height:14px;border-width:1.5px}
.unna-hero-rail>p{font-size:9px;line-height:1.35;font-weight:400;letter-spacing:.025em;margin:9px 0 0 18px}
.unna-section-hero .unna-metrics{width:83%;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e6eded}
.unna-section-hero .unna-metrics>div{padding:11px 12px}
.unna-section-hero .unna-metrics b{font-size:12px;font-weight:500}
.unna-section-hero .unna-metrics span{font-size:8px;font-weight:400}
@media(max-width:1100px){
.unna-hero-shell{grid-template-columns:36% 47% 17%}
.unna-section-hero .unna-hero-copy h1{font-size:38px}
}
\n\n/* v0.4.3 — Global typography scale + approved header/hero proportions */\n.unna-site{font-size:var(--unna-font-body,16px);font-weight:400}\n.unna-site p,.unna-site li,.unna-site td,.unna-site th{font-size:var(--unna-font-body,16px);font-weight:400}\n.unna-eyebrow{font-size:var(--unna-font-eyebrow,12px)!important;font-weight:500!important}\n.unna-section h2{font-size:var(--unna-font-h2,42px);font-weight:500;line-height:1.06}\n.unna-header{height:64px}\n.unna-header .unna-container{height:64px;min-height:64px;gap:24px}\n.unna-brand img{width:118px;max-height:32px}\n.unna-header nav{gap:24px}\n.unna-header nav a,.unna-login{font-size:var(--unna-font-nav,13px);font-weight:400;line-height:1.2}\n.unna-header .unna-btn{min-height:38px;padding:9px 18px;font-size:var(--unna-font-nav,13px);font-weight:500;border-radius:20px}\n.unna-section-hero>.unna-container{width:min(calc(100% - 56px),1280px)}\n.unna-hero-shell{grid-template-columns:35% 48% 17%;min-height:420px}\n.unna-hero-copy{padding:30px 26px 24px 0}\n.unna-section-hero .unna-hero-copy h1{font-size:var(--unna-font-h1,48px);line-height:1.04;letter-spacing:-.032em;font-weight:500;max-width:430px;margin:0 0 14px}\n.unna-hero-copy p{font-size:15px;line-height:1.48;max-width:430px;color:#4d656c}\n.unna-hero-copy .unna-ctas{margin-top:18px;gap:10px}\n.unna-hero-copy .unna-btn{min-height:38px;padding:9px 17px;font-size:12.5px;font-weight:500}\n.unna-hero-image{min-height:420px}\n.unna-hero-rail{min-height:420px;padding:17px 0 13px 13px}\n.unna-hero-flow{height:302px}\n.unna-hero-flow span{min-height:40px;padding:8px 8px 8px 42px;font-size:11.5px;font-weight:500;border-radius:10px}\n.unna-hero-flow span:before{width:15px;height:15px}\n.unna-hero-rail>p{font-size:11px;line-height:1.42;font-weight:400;margin:11px 0 0 18px}\n.unna-section-hero .unna-metrics{width:83%;grid-template-columns:repeat(4,1fr)}\n.unna-section-hero .unna-metrics>div{padding:15px 14px}\n.unna-section-hero .unna-metrics b{font-size:16px;font-weight:500}\n.unna-section-hero .unna-metrics span{font-size:10.5px;font-weight:400;line-height:1.3}\n\n/* keep secondary UI readable without becoming heavy */\n.unna-modules h3,.unna-outcome-list h3,.unna-feature-list li,.unna-problem-items h3{font-weight:500}\n.unna-modules p,.unna-outcome-list p,.mock-sidebar span,.table-filters span{font-size:var(--unna-font-small,12px)}\n\n@media(max-width:1100px){\n .unna-header nav{gap:16px}\n .unna-header nav a,.unna-login{font-size:12px}\n .unna-section-hero .unna-hero-copy h1{font-size:42px}\n}\n@media(max-width:900px){\n .unna-site{font-size:15px}\n .unna-section-hero .unna-hero-copy h1{font-size:40px}\n}\n
/* v0.4.4 — Header geometry + hero metrics fidelity */
@media(min-width:1101px){
.unna-header{height:66px}
.unna-header .unna-container{
height:66px;
min-height:66px;
gap:0;
display:grid;
grid-template-columns:118px 1fr auto;
align-items:center;
}
.unna-brand{margin:0;justify-self:start}
.unna-brand img{width:118px;max-height:32px}
.unna-header nav{
justify-self:start;
display:flex;
gap:25px;
margin-left:28px;
align-items:center;
}
.unna-header nav a,.unna-login{
font-size:13px;
font-weight:400;
letter-spacing:0;
color:#183139;
}
.unna-header-actions{
justify-self:end;
margin-left:30px;
gap:18px;
}
.unna-header .unna-btn{
min-height:40px;
padding:10px 20px;
font-size:13px;
font-weight:500;
border-radius:22px;
}
.unna-section-hero>.unna-container{width:min(calc(100% - 64px),1280px)}
.unna-hero-shell{grid-template-columns:36% 47% 17%;min-height:420px}
.unna-hero-copy{padding:30px 34px 24px 0}
.unna-section-hero .unna-hero-copy h1{
font-size:46px;
line-height:1.045;
font-weight:450;
letter-spacing:-.025em;
max-width:430px;
margin-bottom:14px;
}
.unna-hero-copy p{
font-size:15px;
line-height:1.5;
max-width:430px;
}
.unna-hero-copy .unna-btn{
min-height:40px;
padding:10px 18px;
font-size:13px;
}
.unna-hero-flow span{
font-size:11.5px;
font-weight:450;
min-height:40px;
}
.unna-hero-rail>p{font-size:11.5px;line-height:1.42}
/* Reference: metrics end before the right-side vertical rail */
.unna-section-hero .unna-metrics{
width:64%;
margin:0;
grid-template-columns:repeat(4,1fr);
}
.unna-section-hero .unna-metrics>div{
min-height:68px;
padding:13px 12px 11px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.unna-section-hero .unna-metrics b{
font-size:16px;
line-height:1.15;
font-weight:500;
margin:0 0 5px;
}
.unna-section-hero .unna-metrics span{
font-size:12px;
line-height:1.2;
font-weight:400;
color:#657a80;
white-space:nowrap;
}
}
@media(min-width:1101px) and (max-width:1280px){
.unna-header nav{gap:18px;margin-left:18px}
.unna-header-actions{margin-left:18px;gap:12px}
.unna-header nav a,.unna-login{font-size:12px}
.unna-header .unna-btn{font-size:12px;padding:9px 16px}
.unna-section-hero .unna-hero-copy h1{font-size:43px}
.unna-section-hero .unna-metrics{width:66%}
.unna-section-hero .unna-metrics span{font-size:11px}
}
/* v0.4.5 — definitive Header + Hero typography/geometry correction */
@media (min-width:1101px){
.unna-header{height:72px!important;min-height:72px!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #e7eeee!important;}
.unna-header .unna-container{
width:min(calc(100% - 72px),1280px)!important;
max-width:1280px!important;
height:72px!important;
min-height:72px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:0!important;
}
.unna-header .unna-brand{
margin:0!important;
padding:0!important;
flex:0 0 auto!important;
width:auto!important;
justify-self:auto!important;
}
.unna-header .unna-brand img{
display:block!important;
width:128px!important;
height:auto!important;
max-height:34px!important;
object-fit:contain!important;
}
.unna-header nav{
display:flex!important;
align-items:center!important;
gap:27px!important;
margin:0 0 0 36px!important;
padding:0!important;
justify-self:auto!important;
flex:0 0 auto!important;
}
.unna-header nav a,
.unna-header .unna-login{
font-size:15px!important;
line-height:1!important;
font-weight:400!important;
letter-spacing:0!important;
color:#153038!important;
white-space:nowrap!important;
}
.unna-header .unna-header-actions{
display:flex!important;
align-items:center!important;
gap:22px!important;
margin:0 0 0 auto!important;
flex:0 0 auto!important;
justify-self:auto!important;
}
.unna-header .unna-btn{
min-height:42px!important;
padding:10px 21px!important;
border-radius:24px!important;
font-size:14px!important;
line-height:1!important;
font-weight:500!important;
}
.unna-section-hero>.unna-container{
width:min(calc(100% - 72px),1280px)!important;
max-width:1280px!important;
}
.unna-hero-shell{
grid-template-columns:35% 48% 17%!important;
min-height:410px!important;
}
.unna-hero-copy{
padding:34px 32px 26px 0!important;
}
.unna-section-hero .unna-eyebrow{
font-size:13px!important;
line-height:1.25!important;
font-weight:500!important;
letter-spacing:.08em!important;
margin-bottom:13px!important;
}
.unna-section-hero .unna-hero-copy h1{
font-size:47px!important;
line-height:1.04!important;
font-weight:450!important;
letter-spacing:-.025em!important;
max-width:455px!important;
margin:0 0 15px!important;
}
.unna-section-hero .unna-hero-copy p{
font-size:16px!important;
line-height:1.48!important;
font-weight:400!important;
max-width:455px!important;
margin:0!important;
}
.unna-hero-copy .unna-ctas{
margin-top:19px!important;
gap:11px!important;
}
.unna-hero-copy .unna-btn{
min-height:42px!important;
padding:10px 19px!important;
font-size:14px!important;
font-weight:500!important;
}
.unna-hero-image,
.unna-hero-rail{min-height:410px!important;}
.unna-hero-rail{padding:16px 0 13px 13px!important;}
.unna-hero-flow{height:300px!important;}
.unna-hero-flow span{
min-height:42px!important;
padding:9px 10px 9px 43px!important;
font-size:13px!important;
line-height:1.15!important;
font-weight:500!important;
border-radius:10px!important;
}
.unna-hero-flow span:before{
width:15px!important;
height:15px!important;
}
.unna-hero-rail>p{
margin:12px 0 0 18px!important;
font-size:12.5px!important;
line-height:1.38!important;
font-weight:400!important;
letter-spacing:.01em!important;
}
.unna-section-hero .unna-metrics{
width:56%!important;
max-width:720px!important;
margin:0!important;
grid-template-columns:repeat(4,1fr)!important;
border-top:1px solid #dfe8e9!important;
border-bottom:1px solid #dfe8e9!important;
}
.unna-section-hero .unna-metrics>div{
min-height:74px!important;
padding:13px 14px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
}
.unna-section-hero .unna-metrics b{
font-size:18px!important;
line-height:1.12!important;
font-weight:500!important;
margin:0 0 6px!important;
color:#0d2831!important;
}
.unna-section-hero .unna-metrics span{
font-size:13px!important;
line-height:1.2!important;
font-weight:400!important;
color:#61767d!important;
white-space:nowrap!important;
}
}
@media (min-width:1101px) and (max-width:1220px){
.unna-header nav{gap:18px!important;margin-left:24px!important;}
.unna-header nav a,.unna-header .unna-login{font-size:14px!important;}
.unna-header .unna-header-actions{gap:14px!important;}
.unna-section-hero .unna-hero-copy h1{font-size:44px!important;}
.unna-section-hero .unna-metrics{width:60%!important;}
}
/* v0.4.6 — editable Hero icons and labels */
.unna-hero-flow span{padding-left:48px!important;font-weight:400!important}
.unna-hero-flow span:before{display:none!important}
.unna-hero-flow-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:27px;height:27px;border:1px solid #89cdbb;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#08795f;z-index:2}
.unna-hero-flow-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.unna-hero-flow span b{font-size:inherit;font-weight:500;letter-spacing:.01em}
/* v0.4.7 — Hero title two-tone + 5 KPI strip (approved reference) */
@media (min-width:1101px){
.unna-section-hero .unna-hero-copy h1.unna-hero-title{
font-size:38px!important;
line-height:1.055!important;
letter-spacing:-.024em!important;
font-weight:550!important;
max-width:390px!important;
margin:0 0 13px!important;
}
.unna-hero-title-main,
.unna-hero-title-accent{display:block;font-weight:600!important}
.unna-hero-title-main{color:#10262d!important}
.unna-hero-title-accent{color:var(--unna-primary)!important;margin-top:2px}
.unna-section-hero .unna-hero-copy p{font-size:15px!important;line-height:1.43!important;max-width:400px!important}
.unna-section-hero .unna-metrics{
width:83%!important;
max-width:none!important;
grid-template-columns:repeat(5,1fr)!important;
}
.unna-section-hero .unna-metrics>div{min-height:64px!important;padding:9px 10px!important}
.unna-section-hero .unna-metrics b{font-size:15px!important;font-weight:550!important;margin-bottom:4px!important;white-space:nowrap!important}
.unna-section-hero .unna-metrics span{font-size:11.5px!important;line-height:1.2!important;white-space:nowrap!important}
}
@media (min-width:901px) and (max-width:1100px){
.unna-section-hero .unna-hero-copy h1.unna-hero-title{font-size:35px!important;line-height:1.06!important}
.unna-section-hero .unna-metrics{width:83%!important;grid-template-columns:repeat(5,1fr)!important}
}
@media (max-width:900px){
.unna-hero-title-main,.unna-hero-title-accent{display:block}
.unna-hero-title-accent{color:var(--unna-primary)!important}
}
/* v0.4.8 — Section 02 / approved problem composition */
.unna-section-problem{padding:0!important;background:#042a34!important;overflow:hidden}
.unna-section-problem>.unna-container{width:min(calc(100% - 56px),1280px);max-width:1280px}
.unna-problem-stage{position:relative;display:grid;grid-template-columns:42% 43% 15%;grid-template-rows:1fr auto;min-height:430px;color:#fff}
.unna-problem-copy{position:relative;z-index:3;padding:34px 28px 12px 0;align-self:start}
.unna-problem-copy .unna-eyebrow{color:#12d59a!important;font-size:12px!important;letter-spacing:.08em}
.unna-problem-copy h2{margin:10px 0 8px!important;max-width:500px;font-size:34px!important;line-height:1.02!important;letter-spacing:-.025em!important;font-weight:500!important;color:#fff!important}
.unna-problem-copy h2 span{display:block}
.unna-problem-copy .problem-main{color:#fff}
.unna-problem-copy .problem-accent{color:#16d59b}
.unna-problem-copy>p{max-width:480px;margin:0;color:#d9e6e8!important;font-size:14px!important;line-height:1.45!important}
.unna-problem-photo{grid-column:2;grid-row:1/3;position:relative;min-height:430px;overflow:hidden}
.unna-problem-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.82) brightness(.72)}
.problem-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#042a34 0%,rgba(4,42,52,.5) 14%,rgba(4,42,52,.04) 52%,rgba(4,42,52,.5) 100%)}
.unna-problem-rail{grid-column:3;grid-row:1/3;position:relative;display:flex;align-items:center;padding:0 8px 0 28px;background:linear-gradient(90deg,rgba(4,42,52,.42),#042a34 48%)}
.unna-problem-rail i{position:absolute;left:12px;top:70px;bottom:70px;width:1px;background:#14d7a0}
.unna-problem-rail i:before,.unna-problem-rail i:after{content:"";position:absolute;left:-4px;width:9px;height:9px;border-radius:50%;background:#14d7a0;box-shadow:0 54px 0 #14d7a0,0 108px 0 #14d7a0}
.unna-problem-rail p{margin:0!important;color:#d8e6e8!important;font-size:14px!important;line-height:1.45!important;font-weight:400!important;letter-spacing:.02em}
.unna-problem-cards{grid-column:1;grid-row:2;position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 18px 28px 0}
.unna-problem-cards article{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;min-width:0}
.problem-icon{width:38px;height:38px;border:1px solid #13c995;border-radius:9px;display:grid;place-items:center}
.problem-icon svg{width:22px;height:22px;fill:none;stroke:#15d39c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.unna-problem-cards h3{margin:0 0 4px;color:#fff;font-size:14px!important;line-height:1.12;font-weight:500!important}
.unna-problem-cards p{margin:0;color:#cbdcdf!important;font-size:10.5px!important;line-height:1.35!important}
@media(max-width:1050px){.unna-problem-stage{grid-template-columns:1fr;grid-template-rows:auto 340px auto}.unna-problem-copy{grid-column:1;grid-row:1;padding:48px 0 22px}.unna-problem-photo{grid-column:1;grid-row:2;min-height:340px}.unna-problem-rail{display:none}.unna-problem-cards{grid-column:1;grid-row:3;padding:24px 0 40px}}
@media(max-width:680px){.unna-section-problem>.unna-container{width:min(calc(100% - 28px),1280px)}.unna-problem-copy h2{font-size:32px!important}.unna-problem-cards{grid-template-columns:1fr;gap:18px}.unna-problem-cards p{font-size:13px!important}.unna-problem-cards h3{font-size:16px!important}}
/* v0.4.9 — Section 02 fidelity pass */
.unna-section-problem{padding:0!important;background:#032832!important}
.unna-section-problem>.unna-container{width:min(calc(100% - 64px),var(--unna-max));max-width:var(--unna-max);padding:0!important}
.unna-problem-stage{position:relative!important;display:block!important;min-height:405px!important;overflow:hidden!important;color:#fff;background-image:linear-gradient(90deg,rgba(2,33,42,.98) 0%,rgba(2,33,42,.94) 28%,rgba(2,33,42,.68) 47%,rgba(2,33,42,.10) 65%,rgba(2,33,42,.45) 100%),var(--problem-bg)!important;background-size:cover!important;background-position:center right!important;background-repeat:no-repeat!important}
.unna-problem-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));pointer-events:none;z-index:0}
.unna-problem-copy{position:relative!important;z-index:2!important;width:49%!important;padding:30px 0 0 28px!important}
.unna-problem-copy .unna-eyebrow{margin:0 0 8px!important;color:#18d7a2!important;font-size:11px!important;line-height:1.2!important;letter-spacing:.055em!important;font-weight:500!important}
.unna-problem-copy h2{margin:0 0 9px!important;max-width:520px!important;font-size:34px!important;line-height:1.02!important;letter-spacing:-.035em!important;font-weight:500!important;color:#fff!important}
.unna-problem-copy h2 span{display:block!important}
.unna-problem-copy .problem-main{color:#fff!important}
.unna-problem-copy .problem-accent{color:#18d7a2!important}
.unna-problem-copy>p{max-width:455px!important;margin:0!important;color:#d6e3e6!important;font-size:13px!important;line-height:1.35!important;font-weight:400!important}
.unna-problem-cards{position:absolute!important;z-index:3!important;left:28px!important;bottom:25px!important;width:58%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:0!important}
.unna-problem-cards article{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:0 14px 0 0!important;border-right:1px solid rgba(29,218,166,.32)!important}
.unna-problem-cards article:last-child{border-right:0!important}
.problem-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid #16c998!important;border-radius:9px!important;color:#16d7a0!important;background:rgba(0,0,0,.08)!important}
.problem-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.unna-problem-cards h3{margin:0 0 4px!important;color:#fff!important;font-size:15px!important;line-height:1.08!important;font-weight:500!important;letter-spacing:-.015em!important}
.unna-problem-cards p{margin:0!important;color:#cbd9dc!important;font-size:10px!important;line-height:1.28!important;font-weight:400!important}
.unna-problem-rail{position:absolute!important;z-index:3!important;right:17px!important;top:0!important;bottom:0!important;width:15%!important;display:flex!important;align-items:center!important;padding:0 0 0 34px!important;background:transparent!important}
.unna-problem-rail i{position:absolute!important;left:7px!important;top:48px!important;bottom:48px!important;width:1px!important;background:#16d7a0!important}
.unna-problem-rail i:before,.unna-problem-rail i:after{content:""!important;position:absolute!important;left:-3.5px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#16d7a0!important;box-shadow:0 50px 0 #16d7a0,0 100px 0 #16d7a0!important}
.unna-problem-rail p{margin:0!important;max-width:120px!important;color:#dce7e9!important;font-size:12px!important;line-height:1.42!important;font-weight:400!important;letter-spacing:.02em!important}
@media(max-width:1050px){.unna-section-problem>.unna-container{width:100%!important}.unna-problem-stage{min-height:auto!important;padding:46px 28px 36px!important;background-position:68% center!important}.unna-problem-copy{width:60%!important;padding:0!important}.unna-problem-cards{position:relative!important;left:auto!important;bottom:auto!important;width:65%!important;margin-top:34px!important}.unna-problem-rail{display:none!important}}
@media(max-width:760px){.unna-problem-stage{padding:38px 22px 34px!important;background-position:72% center!important}.unna-problem-copy{width:100%!important}.unna-problem-copy h2{font-size:31px!important}.unna-problem-copy>p{font-size:14px!important}.unna-problem-cards{width:100%!important;grid-template-columns:1fr!important;gap:18px!important}.unna-problem-cards article{border-right:0!important}.unna-problem-cards p{font-size:12px!important}}
/* v0.4.10 — Section 02 full-bleed background with centered content geometry */
.unna-section-problem{
width:100vw!important;
max-width:none!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
padding:0!important;
background:#032832!important;
overflow:hidden!important;
}
.unna-section-problem>.unna-container{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.unna-problem-stage{
width:100%!important;
max-width:none!important;
min-height:405px!important;
margin:0!important;
background-size:cover!important;
background-position:center right!important;
}
/* align editable content to the same visual grid used by the rest of the site */
.unna-problem-copy{
padding-left:max(28px,calc((100vw - 1280px)/2 + 28px))!important;
}
.unna-problem-cards{
left:max(28px,calc((100vw - 1280px)/2 + 28px))!important;
width:min(58%,760px)!important;
}
.unna-problem-rail{
right:max(18px,calc((100vw - 1280px)/2 + 18px))!important;
width:min(15%,180px)!important;
}
@media(max-width:1280px){
.unna-problem-copy{padding-left:28px!important}
.unna-problem-cards{left:28px!important;width:58%!important}
.unna-problem-rail{right:18px!important;width:15%!important}
}
@media(max-width:1050px){
.unna-section-problem{width:100%!important;margin-left:0!important;margin-right:0!important}
.unna-problem-copy{padding-left:0!important}
.unna-problem-cards{left:auto!important;width:65%!important}
}
\n\n/* v0.4.11 — Section 03 Core aligned to approved reference */\n.unna-section-core{padding:52px 0 22px;background:#fff}\n.unna-section-core .unna-container{width:min(calc(100% - 72px),1240px)}\n.unna-core-top{display:grid;grid-template-columns:44% 56%;gap:34px;align-items:start;margin-bottom:20px}\n.unna-section-core .unna-section-head{padding:16px 0 0;max-width:520px}\n.unna-section-core .unna-eyebrow{font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:8px;color:#31545d}\n.unna-section-core h2{font-size:31px!important;line-height:1.03!important;font-weight:600!important;letter-spacing:-.025em!important;max-width:480px;margin-bottom:12px!important;color:#0f2730}\n.unna-section-core .unna-section-head>p{font-size:14px!important;line-height:1.4!important;color:#536b73!important;max-width:490px;margin:0!important}\n.unna-dashboard-mock{min-height:0;height:292px;border:1px solid #dbe5e7;border-radius:12px;display:grid;grid-template-columns:145px 1fr;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(23,52,59,.06)}\n.mock-sidebar{background:#07313c;color:#fff;padding:14px 11px;display:flex;flex-direction:column;gap:7px;width:auto}\n.mock-sidebar b{font-size:13px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:5px}\n.mock-brand-dot{width:11px;height:11px;border-radius:4px 8px 4px 8px;border:2px solid #14d6a2;display:inline-block;transform:rotate(-30deg)}\n.mock-sidebar span{font-size:8.5px;padding:5px 7px;border-radius:4px;color:#edf7f5}\n.mock-sidebar .active{background:#0b8d70;margin:0;padding:6px 7px}\n.mock-content{padding:14px 16px 10px;min-width:0}\n.mock-title{margin-bottom:8px}.mock-title strong{font-size:12px;font-weight:600}.mock-title small{font-size:7px;padding:4px 6px;border-radius:5px}\n.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 8px}\n.mock-kpis i{padding:8px 9px;border-radius:7px;font-size:7px;line-height:1.25}.mock-kpis b{font-size:10px;display:block;margin-top:2px}.mock-kpis em{font-size:7px;margin-top:2px}\n.mock-chart-wrap{border:1px solid #edf2f2;border-radius:8px;padding:8px 9px 6px}\n.mock-chart-title{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#314f57;margin-bottom:5px}.mock-chart-title small{font-size:6.5px;color:#70848a}\n.mock-chart{height:92px;padding:8px 5px 0;border:0;border-radius:0;gap:5px}.mock-chart span{border-radius:3px 3px 0 0}\n.mock-chart-legend{display:flex;gap:12px;font-size:6.5px;color:#547077;padding:3px 4px 0}.mock-chart-legend span:first-child{color:#0c9870}.mock-chart-legend span:last-child{color:#195d5c}\n.unna-modules{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;border:0;padding:0;margin:0}\n.unna-modules article{min-height:116px;padding:11px 10px 10px;border:1px solid #dce7e8!important;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(23,52,59,.03)}\n.core-module-icon{width:33px;height:33px;border:1px solid #97d4c2;border-radius:8px;display:grid;place-items:center;color:#0aa77b;margin-bottom:9px;background:#f8fffc}\n.core-module-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n.unna-modules h3{font-size:12px!important;line-height:1.15;margin:0 0 5px!important;font-weight:600!important;color:#183039}\n.unna-modules p{font-size:8.2px!important;line-height:1.32!important;color:#5e737a!important;margin:0!important}\n@media(max-width:1050px){.unna-core-top{grid-template-columns:1fr;gap:22px}.unna-dashboard-mock{height:auto;min-height:320px}.unna-modules{grid-template-columns:repeat(2,1fr)}}\n
/* v0.4.12 — Section 03 Core: strict alignment to approved visual */
.unna-section-core{padding:42px 0 28px!important;background:#fff!important}
.unna-section-core>.unna-container{width:min(calc(100% - 72px),1240px)!important;margin:0 auto!important}
.unna-core-top{display:grid!important;grid-template-columns:47% 53%!important;gap:28px!important;align-items:start!important;margin:0 0 18px!important}
.unna-section-core .unna-section-head{padding:8px 0 0!important;max-width:570px!important;margin:0!important}
.unna-section-core .unna-eyebrow{font-size:12px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.07em!important;margin:0 0 8px!important;color:#31545d!important}
.unna-section-core h2{font-size:34px!important;line-height:1.04!important;font-weight:560!important;letter-spacing:-.025em!important;max-width:570px!important;margin:0 0 12px!important;color:#102a32!important}
.unna-section-core .unna-section-head>p{font-size:15px!important;line-height:1.42!important;font-weight:400!important;color:#526b72!important;max-width:540px!important;margin:0!important}
.unna-section-core .unna-dashboard-mock{height:254px!important;min-height:254px!important;width:100%!important;display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;border:1px solid #d9e5e6!important;border-radius:12px!important;background:#fff!important;box-shadow:0 7px 20px rgba(23,52,59,.055)!important;overflow:hidden!important}
.unna-section-core .mock-sidebar{padding:14px 10px!important;gap:5px!important;background:#07333d!important;display:flex!important;flex-direction:column!important;min-width:0!important}
.unna-section-core .mock-sidebar b{font-size:14px!important;line-height:1.2!important;font-weight:600!important;margin:0 0 4px!important;display:flex!important;align-items:center!important;gap:6px!important}
.unna-section-core .mock-sidebar span{font-size:8.5px!important;line-height:1.15!important;font-weight:400!important;padding:5px 7px!important;border-radius:5px!important;color:#edf7f5!important}
.unna-section-core .mock-sidebar .active{background:#0a8f70!important;margin:0!important}
.unna-section-core .mock-brand-dot{width:11px!important;height:11px!important;border:2px solid #15d5a2!important;border-radius:4px 8px 4px 8px!important;display:inline-block!important;transform:rotate(-30deg)!important;flex:0 0 auto!important}
.unna-section-core .mock-content{padding:12px 14px 10px!important;min-width:0!important;overflow:hidden!important}
.unna-section-core .mock-title{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 0 8px!important}
.unna-section-core .mock-title strong{font-size:11px!important;font-weight:600!important}
.unna-section-core .mock-title small{font-size:6.8px!important;line-height:1!important;padding:4px 6px!important;border:1px solid #dfe8e9!important;border-radius:5px!important;color:#657980!important;white-space:nowrap!important}
.unna-section-core .mock-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0 0 7px!important}
.unna-section-core .mock-kpis i{font-style:normal!important;padding:7px 8px!important;border-radius:7px!important;font-size:6.8px!important;line-height:1.22!important;color:#71848a!important;background:#f7faf9!important;border:1px solid #e4eded!important;min-width:0!important}
.unna-section-core .mock-kpis b{display:block!important;font-size:9.5px!important;line-height:1.2!important;color:#15343c!important;margin-top:2px!important;white-space:nowrap!important}
.unna-section-core .mock-kpis em{display:block!important;font-size:6.5px!important;line-height:1.1!important;color:#0ba877!important;font-style:normal!important;margin-top:2px!important}
.unna-section-core .mock-chart-wrap{border:1px solid #edf2f2!important;border-radius:8px!important;padding:7px 8px 5px!important;overflow:hidden!important}
.unna-section-core .mock-chart-title{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:7.5px!important;line-height:1.1!important;color:#314f57!important;margin:0 0 4px!important}
.unna-section-core .mock-chart-title small{font-size:6px!important;color:#70848a!important;white-space:nowrap!important}
.unna-section-core .mock-chart{height:79px!important;display:flex!important;align-items:end!important;gap:5px!important;padding:6px 4px 0!important;border:0!important;border-radius:0!important}
.unna-section-core .mock-chart span{display:block!important;width:7%!important;background:linear-gradient(#0ed795,#0a7c61)!important;border-radius:3px 3px 0 0!important}
.unna-section-core .mock-chart-legend{display:flex!important;gap:11px!important;font-size:6px!important;line-height:1!important;color:#557078!important;padding:3px 3px 0!important}
.unna-section-core .unna-modules{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important;border:0!important;padding:0!important;margin:0!important}
.unna-section-core .unna-modules article{min-width:0!important;min-height:112px!important;padding:10px 9px 9px!important;border:1px solid #dce7e8!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 8px rgba(23,52,59,.025)!important;overflow:hidden!important}
.unna-section-core .core-module-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #99d5c4!important;border-radius:8px!important;background:#f8fffc!important;color:#0aa77b!important;margin:0 0 8px!important;overflow:hidden!important}
.unna-section-core .core-module-icon svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;max-height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}
.unna-section-core .core-module-icon svg *{fill:none!important;stroke:currentColor!important;vector-effect:non-scaling-stroke!important}
.unna-section-core .unna-modules h3{font-size:12.5px!important;line-height:1.14!important;font-weight:560!important;letter-spacing:-.01em!important;color:#183039!important;margin:0 0 5px!important}
.unna-section-core .unna-modules p{font-size:9px!important;line-height:1.32!important;font-weight:400!important;color:#5d737a!important;margin:0!important;max-width:none!important}
@media(max-width:1050px){
.unna-section-core>.unna-container{width:min(calc(100% - 40px),900px)!important}
.unna-core-top{grid-template-columns:1fr!important;gap:20px!important}
.unna-section-core .unna-dashboard-mock{height:280px!important}
.unna-section-core .unna-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* v0.4.13 — Core depth: cards overlap dashboard like approved reference */
@media(min-width:1051px){
.unna-section-core{padding:38px 0 24px!important;overflow:visible!important}
.unna-section-core>.unna-container{position:relative!important;isolation:isolate!important;overflow:visible!important}
.unna-core-top{grid-template-columns:40% 60%!important;gap:30px!important;margin:0!important;position:relative!important;z-index:1!important;align-items:start!important}
.unna-section-core .unna-section-head{padding:8px 0 0!important;max-width:470px!important}
.unna-section-core h2{font-size:32px!important;line-height:1.02!important;max-width:440px!important;margin-bottom:10px!important}
.unna-section-core .unna-section-head>p{font-size:14px!important;line-height:1.38!important;max-width:455px!important}
.unna-section-core .unna-dashboard-mock{position:relative!important;z-index:1!important;width:100%!important;height:272px!important;min-height:272px!important;margin-left:auto!important;overflow:hidden!important}
.unna-section-core .unna-modules{position:relative!important;z-index:3!important;width:58%!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;margin-top:-102px!important;padding:0!important;overflow:visible!important}
.unna-section-core .unna-modules article{min-height:126px!important;padding:10px 8px 9px!important;border-radius:9px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 7px 18px rgba(16,47,54,.08)!important}
.unna-section-core .core-module-icon{width:32px!important;height:32px!important;margin-bottom:7px!important}
.unna-section-core .core-module-icon svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}
.unna-section-core .unna-modules h3{font-size:11.5px!important;margin-bottom:4px!important}
.unna-section-core .unna-modules p{font-size:8.1px!important;line-height:1.27!important}
}
/* v0.4.14 — per-section spacing controls */
.unna-section {
padding-top: var(--unna-pad-top, 72px);
padding-right: var(--unna-pad-right, 0px);
padding-bottom: var(--unna-pad-bottom, 72px);
padding-left: var(--unna-pad-left, 0px);
box-sizing: border-box;
}
/* Sections with their own full-bleed geometry keep horizontal bleed; vertical padding remains configurable. */
.unna-section-hero, .unna-section-problem {
padding-right: var(--unna-pad-right, 0px);
padding-left: var(--unna-pad-left, 0px);
}
@media (max-width: 767px){
.unna-section {
padding-top: min(var(--unna-pad-top, 52px), 80px);
padding-bottom: min(var(--unna-pad-bottom, 52px), 80px);
}
}
/* v0.4.15 — Surgical Section 03 fix. Do not alter Hero/Problem. */
.unna-section-core{
padding-top:var(--unna-pad-top,52px)!important;
padding-right:var(--unna-pad-right,0px)!important;
padding-bottom:var(--unna-pad-bottom,48px)!important;
padding-left:var(--unna-pad-left,0px)!important;
}
.unna-section-core .unna-modules h3{
font-size:max(var(--unna-font-small,12px),14px)!important;
line-height:1.18!important;font-weight:500!important;letter-spacing:-.01em!important;margin:0 0 6px!important;
}
.unna-section-core .unna-modules p{
font-size:max(var(--unna-font-small,12px),12px)!important;
line-height:1.38!important;font-weight:400!important;margin:0!important;
}
@media(min-width:1051px){
.unna-section-core{padding-top:var(--unna-pad-top,52px)!important;padding-bottom:var(--unna-pad-bottom,48px)!important}
.unna-section-core .unna-modules{width:62%!important;gap:6px!important;margin-top:-96px!important}
.unna-section-core .unna-modules article{min-height:146px!important;padding:11px 9px 10px!important;overflow:visible!important}
.unna-section-core .unna-modules h3{font-size:14px!important}
.unna-section-core .unna-modules p{font-size:11.5px!important;line-height:1.35!important}
}
/* v0.4.16 — Readability pass using the global Design System scale */
.unna-section-hero .unna-metrics b{
font-size:max(var(--unna-font-body,16px),16px)!important;
font-weight:500!important;
}
.unna-section-hero .unna-metrics span{
font-size:max(var(--unna-font-small,12px),12.5px)!important;
line-height:1.3!important;
font-weight:400!important;
}
.unna-section-problem .unna-problem-cards h3{
font-size:max(var(--unna-font-body,16px),16px)!important;
line-height:1.16!important;
font-weight:500!important;
}
.unna-section-problem .unna-problem-cards p{
font-size:max(var(--unna-font-small,12px),12.5px)!important;
line-height:1.42!important;
font-weight:400!important;
}
.unna-section-problem .unna-problem-copy>p{
font-size:max(var(--unna-font-small,12px),13px)!important;
line-height:1.45!important;
}
.unna-section-core .unna-modules h3{
font-size:max(var(--unna-font-body,16px),15.5px)!important;
line-height:1.18!important;
font-weight:500!important;
}
.unna-section-core .unna-modules p{
font-size:max(var(--unna-font-small,12px),12.5px)!important;
line-height:1.42!important;
font-weight:400!important;
}
@media(min-width:1051px){
.unna-section-core .unna-modules h3{font-size:max(var(--unna-font-body,16px),15.5px)!important}
.unna-section-core .unna-modules p{font-size:max(var(--unna-font-small,12px),12.5px)!important;line-height:1.42!important}
}
/* v0.4.17 — DESIGN SYSTEM IS AUTHORITATIVE
These rules intentionally come last so global typography values configured
in UNNA Site > Design System actually control public-site typography.
Mock/dashboard microcopy is excluded on purpose. */
.unna-site{
font-size:var(--unna-font-body,16px)!important;
}
.unna-header nav a,
.unna-header .unna-login,
.unna-header .unna-btn{
font-size:var(--unna-font-nav,13px)!important;
font-weight:400!important;
}
.unna-header .unna-btn{font-weight:500!important}
.unna-eyebrow,
.unna-section .unna-eyebrow,
.unna-problem-eyebrow{
font-size:var(--unna-font-eyebrow,12px)!important;
font-weight:500!important;
}
.unna-section h1,
.unna-hero-title{
font-size:var(--unna-font-h1,48px)!important;
line-height:1.04!important;
font-weight:500!important;
}
.unna-section h2,
.unna-section-head h2,
.unna-problem-title{
font-size:var(--unna-font-h2,42px)!important;
line-height:1.06!important;
font-weight:500!important;
}
/* normal body copy across sections */
.unna-hero-copy>p,
.unna-section-head>p,
.unna-problem-copy>p,
.unna-outcomes-copy>p,
.unna-infra-copy>p,
.unna-limits-copy>p,
.unna-cta-copy>p,
.unna-section> .unna-container > p{
font-size:var(--unna-font-body,16px)!important;
line-height:1.55!important;
font-weight:400!important;
}
/* small/secondary copy */
.unna-metrics span,
.unna-problem-cards p,
.unna-modules p,
.unna-outcome-item p,
.unna-infra-list small,
.unna-segment-card p,
.unna-vertical-card p,
.unna-integration-card p,
.unna-governance-features span,
.unna-limit-note,
.unna-footer,
.unna-footer a{
font-size:var(--unna-font-small,12px)!important;
line-height:1.45!important;
font-weight:400!important;
}
/* component titles should never shrink below body size */
.unna-problem-cards h3,
.unna-modules h3,
.unna-outcome-item h3,
.unna-infra-list strong,
.unna-segment-card h3,
.unna-vertical-card h3,
.unna-integration-card h3{
font-size:var(--unna-font-body,16px)!important;
line-height:1.2!important;
font-weight:500!important;
}
.unna-metrics b{
font-size:var(--unna-font-body,16px)!important;
line-height:1.2!important;
font-weight:500!important;
}
/* Hero/Problem/Core specific hardcoded rules above must not override DS */
.unna-section-core .unna-modules h3{font-size:var(--unna-font-body,16px)!important}
.unna-section-core .unna-modules p{font-size:var(--unna-font-small,12px)!important}
.unna-section-problem .unna-problem-cards h3{font-size:var(--unna-font-body,16px)!important}
.unna-section-problem .unna-problem-cards p{font-size:var(--unna-font-small,12px)!important}
.unna-section-problem .unna-problem-copy>p{font-size:var(--unna-font-body,16px)!important}
.unna-section-hero .unna-metrics b{font-size:var(--unna-font-body,16px)!important}
.unna-section-hero .unna-metrics span{font-size:var(--unna-font-small,12px)!important}
/* ===== v0.4.18 — Core cards geometry fix (authoritative) ===== */
@media (min-width: 1100px){
.unna-section-core .unna-core-top{
margin-bottom:0!important;
}
.unna-section-core .unna-section-head{
padding-bottom:92px!important; /* reserve clean space under copy so cards never cover text */
}
.unna-section-core .unna-modules{
width:70%!important;
grid-template-columns:repeat(7,minmax(0,1fr))!important;
gap:8px!important;
margin-top:-78px!important;
position:relative!important;
z-index:3!important;
overflow:visible!important;
}
.unna-section-core .unna-modules article{
min-width:0!important;
min-height:154px!important;
padding:12px 11px 11px!important;
border-radius:10px!important;
overflow:hidden!important;
}
.unna-section-core .core-module-icon{
width:34px!important;
height:34px!important;
margin-bottom:9px!important;
}
.unna-section-core .unna-modules h3{
font-size:var(--unna-font-body,16px)!important;
line-height:1.2!important;
margin:0 0 7px!important;
white-space:normal!important;
}
.unna-section-core .unna-modules p{
font-size:var(--unna-font-small,14px)!important;
line-height:1.38!important;
margin:0!important;
overflow-wrap:normal!important;
word-break:normal!important;
hyphens:none!important;
}
}
/* v0.4.24 — Sessão 04 / outcomes: composição editorial alinhada à referência */
.unna-section-outcomes{background:#fff;padding-top:52px;padding-bottom:52px}
.unna-section-outcomes>.unna-container{width:min(calc(100% - 72px),var(--unna-max));margin:0 auto}
.unna-outcomes-reference{display:grid;grid-template-columns:43% 57%;gap:34px;align-items:start}
.unna-outcomes-copy{padding:4px 0 0}
.unna-outcomes-kicker{font-size:var(--unna-font-eyebrow,14px);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#304850;margin:0 0 18px}
.unna-outcomes-intro{display:none}
.unna-outcome-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:0}
.unna-outcome-item{display:block!important;min-height:112px;padding:12px 22px 14px 0!important;border-top:0!important;border-bottom:1px solid #d8e1e3;align-content:start}
.unna-outcome-item:nth-child(even){padding-left:20px!important;border-left:1px solid #cbd7da!important}
.unna-outcome-item>span{display:block;font-size:20px!important;line-height:1;font-weight:500!important;color:#0ca872!important;margin:0 0 10px;padding:0}
.unna-outcome-item h3{font-size:17px!important;line-height:1.2!important;font-weight:500!important;margin:0 0 5px!important;color:#10262d;letter-spacing:-.018em}
.unna-outcome-item p{font-size:13px!important;line-height:1.4!important;font-weight:400!important;color:#526b72!important;margin:0!important;max-width:225px}
.unna-outcomes-visual{min-width:0;padding-top:0}
.unna-outcomes-custom-image{display:block;width:100%;height:auto;max-height:370px;object-fit:contain;object-position:center top;border-radius:10px}
.unna-section-outcomes .unna-table-mock{border-radius:11px;box-shadow:0 6px 20px rgba(15,48,57,.06);border:1px solid #d9e3e5;overflow:hidden;background:#fff}
.unna-section-outcomes .table-title{padding:13px 14px 11px}
.unna-section-outcomes .table-title strong{font-size:14px;font-weight:500}
.unna-section-outcomes .table-title button{font-size:10.5px;padding:6px 10px;border-radius:7px}
.unna-section-outcomes .table-filters{padding:0 14px 10px;gap:8px}
.unna-section-outcomes .table-filters span{padding:7px 8px;font-size:10px;border-radius:7px}
.unna-section-outcomes .unna-table-mock table{font-size:10.2px}
.unna-section-outcomes .unna-table-mock th,.unna-section-outcomes .unna-table-mock td{padding:6.5px 8px}
.unna-section-outcomes .unna-table-mock th{font-weight:500;color:#60757b}
.unna-section-outcomes .table-link{padding:9px 13px 10px;font-size:10px}
@media(max-width:1050px){.unna-outcomes-reference{grid-template-columns:1fr}.unna-outcomes-visual{margin-top:18px}.unna-section-outcomes>.unna-container{width:min(calc(100% - 48px),var(--unna-max))}}
@media(max-width:680px){.unna-outcome-list{grid-template-columns:1fr}.unna-outcome-item{min-height:0;padding:14px 0!important}.unna-outcome-item:nth-child(even){padding-left:0!important;border-left:0!important}.unna-outcomes-custom-image{max-height:none}}
/* v0.4.22 — Core custom image: preserve intrinsic aspect ratio (no crop, no side gutters) */
.unna-section-core .unna-core-custom-visual{
position:relative!important;
z-index:1!important;
width:100%!important;
height:auto!important;
min-height:0!important;
margin-left:auto!important;
padding:0!important;
border:1px solid #d9e5e6!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 7px 20px rgba(23,52,59,.055)!important;
overflow:hidden!important;
align-self:start!important;
}
.unna-section-core .unna-core-custom-visual picture{
display:block!important;
width:100%!important;
height:auto!important;
margin:0!important;
padding:0!important;
line-height:0!important;
}
.unna-section-core .unna-core-custom-visual img{
display:block!important;
width:100%!important;
height:auto!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
object-fit:initial!important;
object-position:initial!important;
background:transparent!important;
}
@media(max-width:900px){
.unna-section-core .unna-core-custom-visual{height:auto!important;min-height:0!important}
}
@media(max-width:767px){
.unna-section-core .unna-core-custom-visual{height:auto!important;min-height:0!important}
.unna-section-core .unna-core-custom-visual img{height:auto!important}
}
/* v0.4.23 — Hero hierarchy: slightly stronger, still editorial */
.unna-section-hero .unna-hero-title-main,
.unna-section-hero .unna-hero-title-accent{font-weight:600!important;}
/* v0.4.25 — Sessão 04: fidelidade à referência + legibilidade */
.unna-section-outcomes{
padding-top:46px!important;
padding-bottom:46px!important;
}
.unna-section-outcomes>.unna-container{
width:min(calc(100% - 64px),1180px)!important;
}
.unna-outcomes-reference{
grid-template-columns:47% 53%!important;
gap:30px!important;
align-items:start!important;
}
.unna-outcomes-kicker{
font-size:max(var(--unna-font-eyebrow,14px),14px)!important;
line-height:1.25!important;
font-weight:500!important;
letter-spacing:.035em!important;
margin:0 0 15px!important;
color:#304850!important;
}
.unna-outcome-list{
grid-template-columns:1fr 1fr!important;
column-gap:22px!important;
row-gap:0!important;
}
.unna-outcome-item{
position:relative!important;
display:block!important;
min-height:102px!important;
padding:8px 12px 12px 18px!important;
border:0!important;
border-bottom:1px solid #dbe4e6!important;
}
.unna-outcome-item:nth-child(even){
padding-left:18px!important;
border-left:0!important;
}
.unna-outcome-item:before{
content:"";
position:absolute;
left:0;
top:10px;
width:1px;
height:64px;
background:#c9d5d8;
}
.unna-outcome-item>span{
display:block!important;
font-size:19px!important;
line-height:1!important;
font-weight:550!important;
color:#0aa873!important;
margin:0 0 7px!important;
}
.unna-outcome-item h3{
font-size:18px!important;
line-height:1.16!important;
font-weight:520!important;
margin:0 0 5px!important;
letter-spacing:-.012em!important;
}
.unna-outcome-item p{
font-size:14px!important;
line-height:1.35!important;
font-weight:400!important;
color:#536b72!important;
margin:0!important;
max-width:235px!important;
}
.unna-section-outcomes .unna-table-mock{
border-radius:10px!important;
box-shadow:0 5px 16px rgba(15,48,57,.055)!important;
}
.unna-section-outcomes .table-title{
padding:11px 13px 9px!important;
}
.unna-section-outcomes .table-title strong{
font-size:15px!important;
font-weight:550!important;
}
.unna-section-outcomes .table-title button{
font-size:12px!important;
line-height:1!important;
padding:6px 10px!important;
font-weight:450!important;
}
.unna-section-outcomes .table-filters{
padding:0 13px 9px!important;
gap:7px!important;
}
.unna-section-outcomes .table-filters span{
padding:7px 8px!important;
font-size:12px!important;
line-height:1.2!important;
border-radius:6px!important;
color:#60757b!important;
}
.unna-section-outcomes .unna-table-mock table{
font-size:12.5px!important;
line-height:1.15!important;
}
.unna-section-outcomes .unna-table-mock th,
.unna-section-outcomes .unna-table-mock td{
padding:5.5px 7px!important;
white-space:nowrap!important;
}
.unna-section-outcomes .unna-table-mock th{
font-size:12px!important;
font-weight:500!important;
color:#5e7379!important;
}
.unna-section-outcomes .unna-table-mock td{
font-size:12.5px!important;
}
.unna-section-outcomes .unna-table-mock em{
padding:2px 5px!important;
font-size:11.5px!important;
}
.unna-section-outcomes .table-link{
padding:8px 12px 9px!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:600!important;
}
@media(max-width:1050px){
.unna-outcomes-reference{grid-template-columns:1fr!important}
.unna-section-outcomes>.unna-container{width:min(calc(100% - 48px),1180px)!important}
}
@media(max-width:680px){
.unna-outcome-list{grid-template-columns:1fr!important}
.unna-outcome-item{padding-left:18px!important}
}
/* v0.4.26 — Sessão 05: infraestrutura editorial, sem aparência de dashboard */
.unna-section-infrastructure{background:#fff;padding-top:58px;padding-bottom:58px}
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 80px),1240px)}
.unna-infra-reference{display:grid;grid-template-columns:34% 66%;gap:36px;align-items:center;min-height:470px}
.unna-infra-copy{align-self:start;padding-top:8px}
.unna-infra-copy .unna-eyebrow{display:block;margin-bottom:7px;font-size:var(--unna-font-eyebrow,14px)!important;font-weight:500!important;letter-spacing:.08em;color:#0b7d64}
.unna-infra-copy h2{margin:0 0 12px;font-size:clamp(28px,2.35vw,36px)!important;line-height:1.05!important;font-weight:560!important;letter-spacing:-.025em;color:#0a2630;text-transform:none;max-width:360px}
.unna-infra-desc{margin:0 0 20px!important;font-size:14px!important;line-height:1.45!important;color:#587078;max-width:390px}
.unna-infra-list{display:flex;flex-direction:column;margin-top:4px;max-width:365px}
.unna-infra-feature{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-height:43px;border-bottom:1px solid #dfe8e6}
.unna-infra-feature:last-child{border-bottom:0}
.unna-infra-feature i{display:grid;place-items:center;width:28px;height:28px;color:#0b8368}
.unna-infra-feature i svg{width:22px;height:22px}
.unna-infra-feature span{font-size:14px!important;line-height:1.25;font-weight:430;color:#243b42}
.unna-infra-visual{position:relative;min-height:470px}
.unna-infra-custom-image{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;object-position:center}
.infra-fragment{position:absolute;background:rgba(255,255,255,.98);border:1px solid #dbe6e4;border-radius:10px;box-shadow:0 12px 30px rgba(15,46,55,.07);color:#1c333a;overflow:hidden}
.infra-cobrancas{top:8px;right:0;width:75%;height:210px;padding:15px 16px}
.infra-recuperar{top:158px;left:4%;width:72%;height:205px;padding:15px 16px;z-index:2}
.infra-conciliar{bottom:0;right:2%;width:71%;height:208px;padding:15px 16px;z-index:3}
.infra-frag-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.infra-frag-head strong{font-size:14px}.infra-frag-head span{font-size:10px;border:1px solid #dbe5e3;border-radius:6px;padding:4px 8px;color:#567078}
.infra-frag-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.infra-frag-filters i{font-style:normal;font-size:9px;border:1px solid #e0e8e6;border-radius:5px;padding:6px;color:#60767c}
.infra-mini-table{display:grid;grid-template-columns:1.25fr .85fr .75fr .9fr;align-items:center;font-size:9px;border-top:1px solid #edf1f0}.infra-mini-table>*{padding:6px 3px;border-bottom:1px solid #edf1f0}.infra-mini-table b{font-weight:500;color:#63767c}.infra-mini-table em,.infra-mini-table i{font-style:normal;color:#0b9e76}
.infra-tabs{font-size:9px;color:#75868b;border-bottom:1px solid #e8eeee;padding-bottom:7px;margin-bottom:10px}.infra-recuperar h4{font-size:11px;margin:0 0 8px}.infra-rule{display:grid;grid-template-columns:1fr .55fr .9fr;gap:6px;font-size:9px;padding:7px 0;border-bottom:1px solid #edf1f0}.infra-rule b{font-weight:550}.infra-rule em{font-style:normal;color:#61757b;text-align:right}
.infra-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.infra-kpis span{font-size:8px;border:1px solid #e2e9e7;border-radius:6px;padding:7px;color:#60737a}.infra-kpis b{display:block;font-size:13px;color:#17353d;margin-top:2px}.infra-conc-row{display:grid;grid-template-columns:1fr 1fr .8fr;gap:6px;align-items:center;font-size:8.5px;padding:5px 0;border-bottom:1px solid #eef2f1}.infra-conc-row b{font-weight:500}.infra-conc-row em{font-style:normal;color:#0b9e76}.infra-conc-row i{font-style:normal;color:#e45858}
@media(max-width:900px){.unna-section-infrastructure>.unna-container{width:min(calc(100% - 40px),1240px)}.unna-infra-reference{grid-template-columns:1fr;gap:30px}.unna-infra-copy h2{max-width:none}.unna-infra-list{max-width:none}.unna-infra-visual{min-height:430px}.infra-cobrancas{width:92%}.infra-recuperar{left:0;width:88%}.infra-conciliar{width:90%}}
@media(max-width:620px){.unna-infra-visual{min-height:auto;display:grid;gap:12px}.infra-fragment{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:180px}.unna-infra-reference{min-height:0}.unna-infra-copy h2{font-size:30px!important}}
/* v0.4.27 — Sessão 05: mais presença visual sem virar dashboard de produto */
.unna-section-infrastructure{
background:
radial-gradient(circle at 82% 24%,rgba(0,197,142,.09),transparent 28%),
linear-gradient(180deg,#f8fbfa 0%,#f2f7f5 100%);
padding-top:72px;
padding-bottom:72px;
border-top:1px solid #e6efec;
border-bottom:1px solid #e6efec;
}
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 80px),1260px)}
.unna-infra-reference{grid-template-columns:36% 64%;gap:44px;align-items:center;min-height:520px}
.unna-infra-copy{padding:10px 0 4px}
.unna-infra-copy .unna-eyebrow{font-size:var(--unna-font-eyebrow,14px)!important;font-weight:600!important;letter-spacing:.1em;margin-bottom:10px}
.unna-infra-copy h2{font-size:clamp(34px,2.8vw,44px)!important;line-height:1.03!important;font-weight:560!important;max-width:430px;margin-bottom:16px}
.unna-infra-desc{font-size:15.5px!important;line-height:1.55!important;max-width:430px;margin-bottom:24px!important}
.unna-infra-list{max-width:430px;margin-top:8px}
.unna-infra-feature{grid-template-columns:42px 1fr;gap:12px;min-height:50px;border-bottom:1px solid #d9e6e2}
.unna-infra-feature i{width:34px;height:34px;border:1px solid #b7dbcf;border-radius:10px;background:rgba(255,255,255,.72);box-shadow:0 5px 18px rgba(8,70,57,.05)}
.unna-infra-feature i svg{width:21px;height:21px}
.unna-infra-feature span{font-size:15.5px!important;line-height:1.3!important;font-weight:480;color:#173840}
.unna-infra-visual{
min-height:520px;
border:1px solid #d7e6e1;
border-radius:24px;
background:
linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,250,248,.94));
box-shadow:0 26px 70px rgba(10,55,47,.11);
overflow:visible;
padding:26px;
}
.unna-infra-visual:before{
content:"";
position:absolute;
right:-18px;
top:48px;
width:152px;
height:300px;
border-radius:20px;
background:linear-gradient(180deg,#073941,#0b5b52);
box-shadow:0 18px 46px rgba(4,48,44,.18);
z-index:0;
}
.infra-visual-kicker{
position:absolute;
left:28px;
top:22px;
z-index:5;
display:flex;
align-items:center;
gap:12px;
}
.infra-visual-kicker span{font-size:11px;letter-spacing:.1em;font-weight:700;color:#0b8f6c}
.infra-visual-kicker strong{font-size:15px;font-weight:550;color:#16383e}
.infra-accent-note{
position:absolute;
right:-2px;
top:94px;
width:124px;
z-index:4;
color:#fff;
font-size:15px;
line-height:1.35;
font-weight:520;
padding:0 18px;
}
.infra-fragment{
border:1px solid #d8e6e2;
border-radius:14px;
box-shadow:0 16px 38px rgba(12,55,48,.10);
background:rgba(255,255,255,.985);
}
.infra-cobrancas{top:62px;right:46px;width:76%;height:205px;padding:18px 20px;z-index:1}
.infra-recuperar{top:202px;left:18px;width:75%;height:210px;padding:18px 20px;z-index:2}
.infra-conciliar{bottom:18px;right:28px;width:73%;height:214px;padding:18px 20px;z-index:3}
.infra-frag-head{margin-bottom:12px}
.infra-frag-head strong{font-size:16px}
.infra-frag-head span{font-size:11px;padding:5px 9px}
.infra-frag-filters i{font-size:10.5px;padding:7px}
.infra-mini-table{font-size:10.5px}
.infra-mini-table>*{padding:7px 4px}
.infra-tabs{font-size:10.5px;padding-bottom:8px;margin-bottom:11px}
.infra-recuperar h4{font-size:13px;margin-bottom:9px}
.infra-rule{font-size:10.5px;padding:8px 0}
.infra-kpis span{font-size:9.5px;padding:8px}
.infra-kpis b{font-size:15px}
.infra-conc-row{font-size:10px;padding:6px 0}
@media(max-width:1050px){
.unna-infra-reference{grid-template-columns:1fr;gap:34px}
.unna-infra-copy h2,.unna-infra-desc,.unna-infra-list{max-width:none}
.unna-infra-visual{min-height:500px}
}
@media(max-width:700px){
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 36px),1260px)}
.unna-section-infrastructure{padding-top:54px;padding-bottom:54px}
.unna-infra-visual{padding:14px;overflow:hidden}
.unna-infra-visual:before,.infra-accent-note,.infra-visual-kicker{display:none}
.infra-fragment{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:190px;margin-bottom:12px}
}
/* =========================================================
v0.4.28 — Sessão 05 / Infraestrutura — referência aprovada
========================================================= */
.unna-section-infrastructure{
position:relative;
background:
radial-gradient(circle at 18% 12%,rgba(0,197,142,.035),transparent 25%),
linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
padding-top:72px!important;
padding-bottom:78px!important;
border-top:0!important;
border-bottom:1px solid #edf3f1!important;
overflow:hidden;
}
.unna-section-infrastructure:before{
content:"";
position:absolute;
right:12%;top:0;width:280px;height:210px;
background:linear-gradient(145deg,rgba(11,139,104,.06),rgba(0,197,142,.015));
border-radius:44px;
transform:skew(-10deg);
pointer-events:none;
}
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 96px),1320px)!important}
.unna-infra-reference{
display:grid!important;
grid-template-columns:42% 58%!important;
gap:24px!important;
align-items:start!important;
min-height:690px!important;
}
.unna-infra-copy{padding:8px 10px 0 0!important;position:relative;z-index:5}
.unna-infra-copy .unna-eyebrow{
display:block!important;
margin:0 0 12px!important;
font-size:max(var(--unna-font-eyebrow,14px),14px)!important;
line-height:1.2!important;
font-weight:600!important;
letter-spacing:.08em!important;
color:#04956e!important;
}
.unna-infra-copy h2{
margin:0 0 18px!important;
max-width:560px!important;
font-size:clamp(42px,4vw,58px)!important;
line-height:1.02!important;
letter-spacing:-.035em!important;
font-weight:480!important;
color:#102c35!important;
}
.unna-infra-copy h2 span,.unna-infra-copy h2 strong{display:block}
.unna-infra-copy h2 strong{color:#0ba16f!important;font-weight:600!important}
.unna-infra-desc{
margin:0 0 24px!important;
max-width:550px!important;
font-size:max(var(--unna-font-body,16px),16px)!important;
line-height:1.48!important;
color:#536d75!important;
}
.unna-infra-list{display:flex!important;flex-direction:column!important;max-width:555px!important;margin:0!important}
.unna-infra-feature{
display:grid!important;
grid-template-columns:54px 1fr!important;
gap:14px!important;
align-items:center!important;
min-height:64px!important;
padding:8px 0!important;
border-bottom:1px solid #dce8e4!important;
}
.unna-infra-feature:last-child{border-bottom:0!important}
.unna-infra-feature i{
display:grid!important;place-items:center!important;
width:46px!important;height:46px!important;
color:#078e69!important;
background:#e9f8f2!important;
border:0!important;
border-radius:11px!important;
box-shadow:none!important;
}
.unna-infra-feature i svg{width:26px!important;height:26px!important}
.unna-infra-feature>div{min-width:0}
.unna-infra-feature strong{
display:block!important;
margin:0 0 3px!important;
font-size:max(var(--unna-font-body,16px),16px)!important;
line-height:1.2!important;
font-weight:600!important;
color:#18333c!important;
}
.unna-infra-feature small{
display:block!important;
font-size:max(var(--unna-font-small,14px),14px)!important;
line-height:1.3!important;
color:#647a81!important;
}
.unna-infra-visual{
position:relative!important;
min-height:690px!important;
margin-top:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
isolation:isolate;
}
.unna-infra-visual:before{
content:""!important;
position:absolute!important;
right:-18px!important;
top:34px!important;
width:170px!important;
height:360px!important;
border-radius:26px 0 0 26px!important;
background:linear-gradient(180deg,#064f49,#0a725c)!important;
box-shadow:none!important;
z-index:-1!important;
}
.unna-infra-visual:after{
content:"";
position:absolute;
right:-60px;top:112px;width:210px;height:340px;
border:1px solid rgba(0,213,155,.55);
border-left:0;
border-radius:36px 0 0 36px;
z-index:-1;
}
.infra-soft-shape{position:absolute;z-index:-3;pointer-events:none}
.infra-shape-a{left:-40px;top:-4px;width:250px;height:160px;border-radius:50px;background:linear-gradient(145deg,rgba(8,142,104,.035),rgba(8,142,104,.005));transform:skew(-15deg)}
.infra-shape-b{left:40px;bottom:20px;width:210px;height:260px;border-radius:44px;background:linear-gradient(145deg,rgba(8,142,104,.05),rgba(8,142,104,.005));transform:skew(-14deg)}
.infra-accent-note{
position:absolute!important;
right:-10px!important;top:92px!important;
width:126px!important;
padding:0!important;
color:#fff!important;
z-index:1!important;
font-size:19px!important;
line-height:1.35!important;
}
.infra-accent-note span{display:block;color:#12d59d;font-weight:500}
.infra-accent-note b{display:block;color:#fff;font-weight:450}
.infra-fragment{
position:absolute!important;
background:rgba(255,255,255,.985)!important;
border:1px solid #d9e6e3!important;
border-radius:14px!important;
box-shadow:0 16px 40px rgba(14,52,48,.08)!important;
color:#17323a!important;
overflow:hidden!important;
}
.infra-cobrancas{top:0!important;right:46px!important;width:79%!important;height:284px!important;padding:17px 18px 15px!important;z-index:1!important}
.infra-recuperar{top:278px!important;left:0!important;width:76%!important;height:252px!important;padding:17px 18px!important;z-index:2!important}
.infra-conciliar{bottom:0!important;right:0!important;width:82%!important;height:268px!important;padding:17px 18px!important;z-index:4!important}
.infra-frag-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 11px!important}
.infra-frag-title{display:flex;align-items:center;gap:12px;min-width:0}
.infra-frag-title>i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e8f7f1;color:#078d68;flex:0 0 42px}
.infra-frag-title>i svg{width:24px;height:24px}
.infra-frag-title strong{display:block;font-size:18px!important;line-height:1.1!important;font-weight:650!important;color:#102e37}
.infra-frag-title small{display:block;margin-top:3px;font-size:12px!important;line-height:1.25!important;color:#668087}
.infra-frag-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.infra-frag-actions span,.infra-frag-actions button{border:1px solid #dbe7e4;background:#fff;border-radius:7px;padding:7px 10px;font-size:10.5px;color:#45656d}
.infra-frag-actions button{font-weight:600;color:#0a7459}
.infra-frag-filters{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important;margin-bottom:10px!important}
.infra-frag-filters i{font-style:normal!important;font-size:9.5px!important;line-height:1.25!important;border:1px solid #dfe9e6!important;border-radius:7px!important;padding:7px 10px!important;color:#536e75!important;background:#fff!important}
.infra-frag-filters i b{display:block;margin-top:2px;color:#24424a;font-size:10.5px;font-weight:500}
.infra-mini-table{display:grid!important;align-items:center!important;border-top:1px solid #edf2f0!important;font-size:9.7px!important}
.infra-cob-table{grid-template-columns:1.25fr .9fr 1fr .8fr .85fr 1fr!important}
.infra-mini-table>*{padding:6px 3px!important;border-bottom:1px solid #edf2f0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.infra-mini-table>b{font-weight:550!important;color:#557078!important}
.infra-mini-table em{font-style:normal!important}
.infra-mini-table em.ok{color:#078c68!important}.infra-mini-table em.warning{color:#de8c15!important}
.infra-view-link{position:absolute;right:18px;bottom:10px;font-size:10.5px;font-weight:600;color:#088b67}.infra-view-link span{font-size:14px}
.infra-tabs{display:flex!important;gap:28px!important;font-size:10.5px!important;line-height:1!important;color:#5f777d!important;border-bottom:1px solid #dfe8e6!important;padding:0 0 9px!important;margin:0 0 10px!important}
.infra-tabs b{color:#078b67!important;border-bottom:2px solid #078b67;padding-bottom:8px;margin-bottom:-11px}
.infra-rule-head,.infra-rule{display:grid!important;grid-template-columns:1.35fr .7fr .7fr .7fr .9fr!important;gap:8px!important;align-items:center!important}
.infra-rule-head{font-size:9.5px;color:#546d74;padding:3px 0 6px}
.infra-rule{font-size:10.2px!important;padding:7px 0!important;border-bottom:1px solid #edf2f0!important}
.infra-rule b{font-weight:500!important}.infra-rule em{font-style:normal!important;color:#435f66!important;text-align:left!important}
.infra-rule a{justify-self:start;border-radius:999px;background:#d9f3e8;color:#087a5e;padding:5px 11px;font-size:9.5px;font-weight:600}
.infra-kpis{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:10px 0 8px!important}
.infra-kpis span{font-size:9.5px!important;line-height:1.2!important;border:1px solid #dfe9e6!important;border-radius:7px!important;padding:8px 10px!important;color:#526d75!important;background:#fff!important}
.infra-kpis b{display:block!important;font-size:19px!important;line-height:1.05!important;color:#17343d!important;margin-top:2px!important}
.infra-kpis small{display:block;margin-top:2px;font-size:9px;color:#5b777e}
.infra-conc-head,.infra-conc-row{display:grid!important;grid-template-columns:1fr .9fr .9fr .9fr 1fr!important;gap:8px!important;align-items:center!important}
.infra-conc-head{font-size:9px;color:#526d75;padding:4px 0 5px;border-bottom:1px solid #e8efed}
.infra-conc-row{font-size:9.4px!important;padding:5px 0!important;border-bottom:1px solid #edf2f0!important}
.infra-conc-row b{font-weight:500!important}.infra-conc-row em{font-style:normal!important;color:#078c68!important}.infra-conc-row i{font-style:normal!important;color:#e25a59!important}
.unna-infra-custom-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
/* Editor da seção 05 */
.unna-infra-elements-editor .unna-infra-editor-row{grid-template-columns:42px minmax(150px,.8fr) minmax(220px,1.3fr)!important;align-items:start!important}
.unna-infra-elements-editor .unna-infra-editor-desc{grid-column:2/-1!important;width:100%!important}
.unna-infra-elements-editor .unna-infra-editor-desc textarea{width:100%!important;min-height:72px!important;resize:vertical!important;box-sizing:border-box!important}
@media(max-width:1100px){
.unna-infra-reference{grid-template-columns:1fr!important;min-height:0!important;gap:44px!important}
.unna-infra-copy h2,.unna-infra-desc,.unna-infra-list{max-width:none!important}
.unna-infra-visual{min-height:690px!important;width:min(100%,850px);margin:0 auto!important}
}
@media(max-width:720px){
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 34px),1320px)!important}
.unna-section-infrastructure{padding-top:54px!important;padding-bottom:54px!important}
.unna-infra-copy h2{font-size:38px!important}
.unna-infra-feature{grid-template-columns:46px 1fr!important}
.unna-infra-visual{display:grid!important;gap:12px!important;min-height:0!important}
.unna-infra-visual:before,.unna-infra-visual:after,.infra-soft-shape,.infra-accent-note,
.infra-fragment{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:220px!important}
.infra-cobrancas,.infra-recuperar,.infra-conciliar{padding:14px!important}
.infra-frag-title small,.infra-frag-actions{display:none!important}
}
/* =========================================================
v0.4.29 — Sessão 05: ajuste de enquadramento / textos visíveis
========================================================= */
@media (min-width:1101px){
.unna-section-infrastructure{overflow:hidden!important}
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 72px),1280px)!important}
.unna-infra-reference{grid-template-columns:40% 60%!important;gap:34px!important;min-height:710px!important}
.unna-infra-visual{min-height:710px!important;overflow:visible!important}
/* Reserva uma faixa real à direita para o texto verde-escuro. */
.unna-infra-visual:before{
right:0!important;
top:56px!important;
width:132px!important;
height:350px!important;
border-radius:28px 0 0 28px!important;
}
.unna-infra-visual:after{
right:-14px!important;
top:128px!important;
width:158px!important;
height:300px!important;
}
.infra-accent-note{
right:12px!important;
top:122px!important;
width:106px!important;
font-size:17px!important;
line-height:1.42!important;
z-index:8!important;
}
/* Os recortes deixam de ocupar a faixa reservada para a mensagem lateral. */
.infra-cobrancas{
top:0!important;
right:86px!important;
width:75%!important;
height:284px!important;
}
.infra-recuperar{
top:278px!important;
left:68px!important;
width:72%!important;
height:252px!important;
}
.infra-conciliar{
bottom:0!important;
right:10px!important;
width:78%!important;
height:268px!important;
}
/* Nota manuscrita fica totalmente dentro da composição, com seta visível. */
}
@media (min-width:1101px) and (max-width:1280px){
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 44px),1220px)!important}
.unna-infra-reference{grid-template-columns:39% 61%!important;gap:24px!important}
.infra-cobrancas{right:74px!important;width:76%!important}
.infra-recuperar{left:52px!important;width:73%!important}
.infra-conciliar{right:4px!important;width:79%!important}
.infra-accent-note{right:10px!important;width:100px!important;font-size:16px!important}
}
/* =========================================================
v0.4.31 — Sessão 05: removido callout manuscrito para preservar composição
========================================================= */
@media (min-width:1101px){
.unna-infra-reference{
grid-template-columns:42% 58%!important;
gap:56px!important;
min-height:720px!important;
}
.unna-infra-visual{
min-height:720px!important;
overflow:visible!important;
}
/* Trilho lateral verde: texto 100% dentro da área reservada. */
.unna-infra-visual:before{
right:0!important;
top:58px!important;
width:142px!important;
height:360px!important;
border-radius:30px 0 0 30px!important;
}
.unna-infra-visual:after{
right:-18px!important;
top:132px!important;
width:172px!important;
height:310px!important;
}
.infra-accent-note{
right:18px!important;
top:124px!important;
width:102px!important;
font-size:17px!important;
line-height:1.42!important;
z-index:12!important;
}
/* Cards não invadem mais a faixa lateral verde. */
.infra-cobrancas{
top:0!important;
right:154px!important;
width:calc(100% - 190px)!important;
height:284px!important;
}
.infra-recuperar{
top:286px!important;
left:38px!important;
width:72%!important;
height:252px!important;
}
.infra-conciliar{
bottom:0!important;
right:22px!important;
width:78%!important;
height:270px!important;
}
/* Nota manuscrita ocupa o espaço entre copy e visual, sem caixa/corte. */
}
@media (min-width:1101px) and (max-width:1280px){
.unna-section-infrastructure>.unna-container{width:min(calc(100% - 52px),1240px)!important}
.unna-infra-reference{grid-template-columns:41% 59%!important;gap:46px!important}
.infra-cobrancas{right:142px!important;width:calc(100% - 176px)!important}
.infra-recuperar{left:30px!important;width:70%!important}
.infra-conciliar{right:12px!important;width:77%!important}
.infra-accent-note{right:16px!important;width:96px!important;font-size:16px!important}
}
/* =========================================================
v0.4.32 — Segmentos: experiência editorial e navegável
========================================================= */
.unna-section-segments{
background:#fbfcfb!important;
padding-top:74px!important;
padding-bottom:78px!important;
}
.unna-section-segments>.unna-container{
width:min(calc(100% - 64px),1240px)!important;
}
.unna-segment-head{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:48px!important;
align-items:start!important;
margin-bottom:30px!important;
}
.unna-segment-head-copy{max-width:820px!important}
.unna-segment-head .unna-eyebrow{
margin-bottom:10px!important;
font-size:var(--unna-font-eyebrow,14px)!important;
font-weight:500!important;
letter-spacing:.085em!important;
}
.unna-segment-head h2{
max-width:760px!important;
margin:0 0 10px!important;
font-size:clamp(34px,var(--unna-font-h2,42px),48px)!important;
line-height:1.08!important;
font-weight:500!important;
letter-spacing:-.035em!important;
}
.unna-segment-head p{
max-width:760px!important;
margin:0!important;
font-size:var(--unna-font-body,16px)!important;
line-height:1.5!important;
color:#64787f!important;
}
.unna-segment-all{
align-self:start!important;
margin-top:2px!important;
display:inline-flex!important;
align-items:center!important;
gap:10px!important;
padding:12px 20px!important;
border-color:#83c8b8!important;
background:#fff!important;
color:#133e37!important;
font-size:14px!important;
font-weight:500!important;
white-space:nowrap!important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.unna-segment-all:hover{
transform:translateY(-2px)!important;
border-color:#1ea47f!important;
box-shadow:0 8px 24px rgba(15,91,73,.08)!important;
}
.unna-segment-grid{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:7px!important;
}
.unna-segment-tile{
position:relative!important;
display:block!important;
min-width:0!important;
height:168px!important;
overflow:hidden!important;
background:#dfe9e7!important;
color:#fff!important;
text-decoration:none!important;
cursor:pointer!important;
}
.unna-segment-tile>img{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
transform:scale(1.001)!important;
filter:saturate(.96) contrast(.99)!important;
transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .35s ease!important;
}
.unna-segment-shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
background:linear-gradient(180deg,rgba(4,32,40,0) 40%,rgba(4,32,40,.18) 60%,rgba(4,32,40,.86) 100%)!important;
transition:background .3s ease!important;
}
.unna-segment-label{
position:absolute!important;
left:0!important;
right:0!important;
bottom:0!important;
z-index:2!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
padding:13px 15px 14px!important;
}
.unna-segment-label strong{
font-size:16px!important;
line-height:1.15!important;
font-weight:500!important;
color:#fff!important;
text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
}
.unna-segment-label i{
display:grid!important;
place-items:center!important;
width:27px!important;
height:27px!important;
flex:0 0 27px!important;
border:1px solid rgba(255,255,255,.55)!important;
border-radius:50%!important;
font-style:normal!important;
font-size:15px!important;
opacity:.82!important;
transform:translateX(-3px)!important;
transition:transform .25s ease,opacity .25s ease,background .25s ease!important;
}
.unna-segment-tile:hover>img{
transform:scale(1.035)!important;
filter:saturate(1.04) contrast(1.01)!important;
}
.unna-segment-tile:hover .unna-segment-shade{
background:linear-gradient(180deg,rgba(4,32,40,0) 32%,rgba(4,32,40,.12) 54%,rgba(4,32,40,.9) 100%)!important;
}
.unna-segment-tile:hover .unna-segment-label i{
transform:translateX(0)!important;
opacity:1!important;
background:rgba(255,255,255,.10)!important;
}
@media(max-width:1050px){
.unna-segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.unna-segment-tile{height:172px!important}
}
@media(max-width:680px){
.unna-section-segments{padding-top:58px!important;padding-bottom:64px!important}
.unna-section-segments>.unna-container{width:min(calc(100% - 28px),1240px)!important}
.unna-segment-head{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:22px!important}
.unna-segment-head h2{font-size:34px!important}
.unna-segment-all{justify-self:start!important;margin-top:0!important}
.unna-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.unna-segment-tile{height:126px!important}
.unna-segment-label{padding:10px 11px!important}
.unna-segment-label strong{font-size:14px!important}
.unna-segment-label i{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:13px!important}
}
/* =========================================================
v0.4.35 — Integrações + Verticais conforme referência aprovada
========================================================= */
.unna-section-integrations{background:#062f39!important;padding:54px 0 48px!important;color:#fff!important;overflow:hidden}
.unna-section-integrations>.unna-container{width:min(calc(100% - 72px),1240px)!important}
.unna-integration-reference{display:grid!important;grid-template-columns:30% 70%!important;gap:44px!important;align-items:start!important}
.unna-integration-copy{padding-top:4px!important}
.unna-integration-copy .unna-eyebrow{color:#19d5a0!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important}
.unna-integration-copy h2{color:#fff!important;font-size:34px!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.025em!important;margin:10px 0 14px!important;max-width:360px!important}
.unna-integration-copy p{color:#d1e1e3!important;font-size:15px!important;line-height:1.45!important;max-width:390px!important;margin-bottom:22px!important}
.unna-integration-copy .unna-btn{padding:12px 20px!important;font-size:14px!important}
.unna-integration-content{min-width:0!important}
.unna-section-integrations .unna-use-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:0 0 18px!important}
.unna-section-integrations .unna-use-modes article{display:grid!important;grid-template-columns:50px 1fr!important;gap:14px!important;align-items:center!important;min-height:112px!important;padding:10px 24px!important;border:0!important;border-right:1px solid rgba(255,255,255,.22)!important;border-radius:0!important;background:transparent!important}
.unna-section-integrations .unna-use-modes article:first-child{padding-left:0!important}.unna-section-integrations .unna-use-modes article:last-child{border-right:0!important}
.unna-use-modes .mode-icon{width:48px!important;height:48px!important;border:1px solid rgba(38,222,171,.45)!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:rgba(0,197,142,.07)!important}.unna-use-modes .mode-icon svg{width:25px!important;height:25px!important;stroke:#22d4a2!important;fill:none!important;stroke-width:1.6!important}
.unna-section-integrations .unna-use-modes b{font-size:15px!important;line-height:1.2!important;color:#fff!important;margin:0 0 7px!important}.unna-section-integrations .unna-use-modes span{font-size:13px!important;line-height:1.4!important;color:#b9d0d4!important}
.unna-partner-strip{min-height:62px!important;background:#fff!important;border-radius:8px!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important;display:flex!important;align-items:center!important;gap:0!important;padding:8px 12px!important;overflow:hidden!important}
.unna-partner{height:46px!important;min-width:90px!important;flex:1 1 0!important;padding:6px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;border-right:1px solid #edf1f1!important;color:#29444a!important}.unna-partner:last-of-type{border-right:0!important}.unna-partner img{display:block!important;max-width:100%!important;max-height:30px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:none!important}.unna-partner strong{font-size:13px!important;line-height:1.1!important;text-align:center!important;color:#29444a!important}.unna-partner-more{flex:0 0 auto!important;padding:0 4px 0 12px!important;color:#2f7f72!important;font-size:11px!important;white-space:nowrap!important}
.unna-section-verticals{background:#fff!important;padding:54px 0 68px!important}.unna-section-verticals>.unna-container{width:min(calc(100% - 72px),1240px)!important}.unna-section-verticals .unna-head-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:34px!important;align-items:start!important;margin-bottom:24px!important}.unna-section-verticals .unna-head-row>div{max-width:650px!important}.unna-section-verticals .unna-eyebrow{font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important}.unna-section-verticals .unna-head-row h2{font-size:34px!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.025em!important;margin:10px 0 12px!important;max-width:590px!important}.unna-section-verticals .unna-head-row p{font-size:15px!important;line-height:1.45!important;color:#657a80!important;margin:0!important;max-width:620px!important}.unna-section-verticals .unna-link-pill{margin-top:0!important;padding:11px 20px!important;background:#fff!important;font-size:13px!important;font-weight:600!important}
.unna-cards-verticals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.unna-cards-verticals .unna-card{min-height:208px!important;border-radius:8px!important;padding:18px!important;background-position:center!important;background-size:cover!important;box-shadow:none!important}.unna-cards-verticals .unna-card:after{opacity:.9!important;background:linear-gradient(180deg,rgba(3,31,39,.05) 24%,rgba(3,31,39,.22) 50%,rgba(3,31,39,.94) 100%)!important}.unna-cards-verticals .unna-card h3{font-size:20px!important;line-height:1.15!important;font-weight:650!important;margin:0 0 7px!important}.unna-cards-verticals .unna-card p{font-size:14px!important;line-height:1.35!important;color:#f0f7f6!important;max-width:270px!important}.unna-cards-verticals .unna-card a{display:inline-flex!important;align-items:center!important;margin-top:12px!important;padding:8px 12px!important;background:#fff!important;border-radius:6px!important;color:#173c38!important;font-size:12px!important;font-weight:700!important;box-shadow:0 3px 12px rgba(0,0,0,.12)!important}
@media(max-width:1050px){.unna-integration-reference{grid-template-columns:1fr!important;gap:26px!important}.unna-section-integrations .unna-use-modes article:first-child{padding-left:18px!important}.unna-cards-verticals{grid-template-columns:repeat(3,minmax(0,1fr))!important}.unna-partner-strip{overflow-x:auto!important}.unna-partner{flex:0 0 110px!important}}
@media(max-width:760px){.unna-section-integrations,.unna-section-verticals{padding:48px 0!important}.unna-section-integrations>.unna-container,.unna-section-verticals>.unna-container{width:min(calc(100% - 28px),1240px)!important}.unna-section-integrations .unna-use-modes{grid-template-columns:1fr!important}.unna-section-integrations .unna-use-modes article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;padding:14px 0!important;min-height:0!important}.unna-section-integrations .unna-use-modes article:first-child{padding-left:0!important}.unna-section-integrations .unna-use-modes article:last-child{border-bottom:0!important}.unna-partner-strip{border-radius:8px!important}.unna-section-verticals .unna-head-row{grid-template-columns:1fr!important;gap:18px!important}.unna-section-verticals .unna-head-row h2,.unna-integration-copy h2{font-size:32px!important}.unna-cards-verticals{grid-template-columns:1fr!important}.unna-cards-verticals .unna-card{min-height:220px!important}}
/* =========================================================
v0.4.37 — Integrações fiel à referência aprovada
========================================================= */
.unna-section-integrations{position:relative!important;background:linear-gradient(180deg,#032a34 0%,#073945 100%)!important;padding:36px 0 34px!important;overflow:visible!important;border-bottom:1px solid #dbe7e6!important}
.unna-section-integrations>.unna-container{width:min(calc(100% - 72px),1240px)!important;position:relative!important}
.unna-integration-reference{display:grid!important;grid-template-columns:30% 70%!important;gap:34px!important;align-items:start!important}
.unna-integration-copy{padding:0 0 30px!important}
.unna-integration-copy .unna-eyebrow{color:#1ed4a0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important;margin:0 0 8px!important}
.unna-integration-copy h2{color:#fff!important;font-size:31px!important;line-height:1.08!important;font-weight:560!important;letter-spacing:-.025em!important;margin:0 0 12px!important;max-width:345px!important}
.unna-integration-copy p{color:#d0dee0!important;font-size:14px!important;line-height:1.42!important;max-width:360px!important;margin:0 0 17px!important}
.unna-integration-copy .unna-btn{padding:11px 18px!important;border-radius:26px!important;font-size:13px!important;font-weight:520!important}
.unna-integration-content{min-width:0!important;padding-top:0!important}
.unna-section-integrations .unna-use-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:0!important}
.unna-section-integrations .unna-use-modes article{display:block!important;min-height:158px!important;padding:0 24px!important;border:0!important;border-right:1px solid rgba(255,255,255,.20)!important;background:transparent!important;border-radius:0!important}
.unna-section-integrations .unna-use-modes article:first-child{padding-left:0!important}
.unna-section-integrations .unna-use-modes article:last-child{border-right:0!important;padding-right:0!important}
.unna-section-integrations .mode-heading b{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.2!important;font-weight:620!important;margin:4px 0 6px!important}
.unna-section-integrations .mode-heading span{display:block!important;color:#b9d0d4!important;font-size:12.5px!important;line-height:1.35!important;min-height:34px!important}
.unna-section-integrations .mode-diagram{display:flex!important;align-items:center!important;gap:8px!important;margin-top:16px!important;min-height:54px!important}
.unna-section-integrations .mode-icon{flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid rgba(39,222,171,.42)!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:rgba(0,197,142,.06)!important}
.unna-section-integrations .mode-icon svg{width:25px!important;height:25px!important;stroke:#e5f7f2!important;fill:none!important;stroke-width:1.55!important}
.unna-section-integrations .flow-box{height:44px!important;display:flex!important;align-items:center!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:7px!important;padding:0 9px!important;background:rgba(0,0,0,.05)!important;white-space:nowrap!important}
.unna-section-integrations .flow-box span,.unna-section-integrations .flow-stack span{color:#dfecee!important;font-size:10.5px!important;line-height:1.15!important}
.unna-section-integrations .flow-box i,.unna-section-integrations .flow-arrow{font-style:normal!important;color:#16d49c!important;font-size:14px!important;margin:0 6px!important}
.unna-section-integrations .flow-box strong,.unna-section-integrations .flow-end{color:#fff!important;font-size:11px!important;font-style:normal!important;white-space:nowrap!important}
.unna-section-integrations .flow-stack{height:44px!important;min-width:76px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:7px!important;padding:4px 8px!important;display:grid!important;grid-template-columns:1fr 12px!important;grid-template-rows:1fr 1fr!important;align-items:center!important;background:rgba(0,0,0,.04)!important}
.unna-section-integrations .flow-stack span:nth-of-type(1){grid-column:1;grid-row:1}.unna-section-integrations .flow-stack span:nth-of-type(2){grid-column:1;grid-row:2}.unna-section-integrations .flow-stack em{grid-column:2;grid-row:1/3;color:#18d5a0!important;font-style:normal!important;text-align:center!important}
.unna-section-integrations .unna-partner-strip{position:relative!important;z-index:5!important;min-height:56px!important;width:76%!important;margin:4px 0 -62px 4%!important;background:#fff!important;border-radius:6px!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important;display:flex!important;align-items:center!important;gap:0!important;padding:6px 10px!important;overflow:hidden!important}
.unna-section-integrations .unna-partner{height:44px!important;min-width:82px!important;flex:1 1 0!important;padding:5px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;border-right:0!important;color:#284148!important;background:#fff!important}
.unna-section-integrations .unna-partner img{display:block!important;max-width:96px!important;max-height:30px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:none!important}
.unna-section-integrations .unna-partner strong{font-size:12px!important;font-weight:560!important;line-height:1!important;text-align:center!important;color:#29444a!important;white-space:nowrap!important}
.unna-section-integrations .unna-partner-more{flex:0 0 auto!important;padding:0 2px 0 10px!important;color:#2c8071!important;font-size:10.5px!important;white-space:nowrap!important}
.unna-section-verticals{padding-top:82px!important}
@media(max-width:1050px){.unna-integration-reference{grid-template-columns:1fr!important;gap:22px!important}.unna-integration-copy{padding-bottom:0!important}.unna-section-integrations .unna-use-modes article:first-child{padding-left:18px!important}.unna-section-integrations .unna-partner-strip{width:100%!important;margin:14px 0 -62px 0!important;overflow-x:auto!important}.unna-section-integrations .unna-partner{flex:0 0 110px!important}}
@media(max-width:760px){.unna-section-integrations{padding:42px 0 36px!important}.unna-section-integrations>.unna-container{width:min(calc(100% - 28px),1240px)!important}.unna-section-integrations .unna-use-modes{grid-template-columns:1fr!important}.unna-section-integrations .unna-use-modes article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;padding:14px 0!important;min-height:0!important}.unna-section-integrations .unna-use-modes article:last-child{border-bottom:0!important}.unna-section-integrations .mode-heading span{min-height:0!important}.unna-section-integrations .unna-partner-strip{width:100%!important;margin:14px 0 -58px!important}.unna-section-verticals{padding-top:78px!important}}
/* v0.4.40 — Verticais especializadas conforme referência aprovada */
.unna-section-verticals{padding:58px 0 62px!important;background:#fff!important}
.unna-verticals-reference{display:grid!important;grid-template-columns:32% 68%!important;gap:34px!important;align-items:center!important}
.unna-verticals-copy .unna-eyebrow{margin-bottom:10px!important}
.unna-verticals-copy h2{font-size:clamp(30px,2.7vw,43px)!important;line-height:1.03!important;max-width:430px!important;margin-bottom:16px!important;font-weight:600!important}
.unna-verticals-copy p{font-size:15px!important;line-height:1.5!important;max-width:430px!important;margin:0!important}
.unna-verticals-side{position:relative!important;padding-bottom:0!important}
.unna-cards-verticals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.unna-cards-verticals .unna-vertical-card{min-height:205px!important;border-radius:7px!important;padding:0!important;background-color:#dfe8e6!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;position:relative!important;box-shadow:none!important}
.unna-cards-verticals .unna-vertical-card:after{display:none!important}
.unna-vertical-overlay{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,29,36,.88) 0%,rgba(3,29,36,.52) 34%,rgba(3,29,36,.16) 62%,rgba(3,29,36,.06) 100%)!important;z-index:1!important}
.unna-vertical-card-content{position:absolute!important;inset:0!important;z-index:2!important;padding:14px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;color:#fff!important}
.unna-vertical-brand{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}
.unna-vertical-mark{font-size:24px!important;line-height:1!important;color:#00d6a0!important;font-weight:400!important}
.unna-vertical-brand h3{font-size:18px!important;line-height:1.1!important;font-weight:650!important;margin:0!important;color:#fff!important}
.unna-vertical-card-content p{font-size:13px!important;line-height:1.35!important;color:#fff!important;margin:8px 0 0!important;max-width:220px!important}
.unna-vertical-card-content a{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:12px!important;background:#fff!important;color:#173b38!important;border-radius:6px!important;padding:8px 11px!important;font-size:12px!important;font-weight:750!important;box-shadow:0 4px 14px rgba(0,0,0,.14)!important}
.unna-vertical-card-content a span{color:#00a878!important;font-size:15px!important}
.unna-verticals-all{position:absolute!important;right:0!important;top:-52px!important;background:#fff!important}
@media(max-width:980px){.unna-verticals-reference{grid-template-columns:1fr!important;gap:28px!important}.unna-verticals-copy h2,.unna-verticals-copy p{max-width:700px!important}.unna-verticals-all{top:-48px!important}.unna-cards-verticals{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.unna-section-verticals{padding:48px 0!important}.unna-verticals-reference{gap:22px!important}.unna-verticals-copy h2{font-size:34px!important}.unna-verticals-side{padding-top:46px!important}.unna-verticals-all{top:0!important;left:0!important;right:auto!important}.unna-cards-verticals{grid-template-columns:1fr!important}.unna-cards-verticals .unna-vertical-card{min-height:230px!important}}
/* v0.4.42 - Vertical cards: top readability gradient like approved reference */
.unna-vertical-card-content{padding:16px!important}
.unna-vertical-brand,.unna-vertical-card-content>p{position:relative!important;z-index:3!important;text-shadow:0 1px 2px rgba(0,0,0,.28)!important}
.unna-vertical-card-content a{position:relative!important;z-index:3!important}
/* v0.4.43 — Verticais: overlay superior fiel à referência */
.unna-cards-verticals .unna-vertical-card{
isolation:isolate!important;
}
.unna-cards-verticals .unna-vertical-card .unna-vertical-overlay{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:
linear-gradient(180deg,
rgba(2,24,31,.96) 0%,
rgba(2,24,31,.94) 24%,
rgba(2,24,31,.86) 43%,
rgba(2,24,31,.48) 66%,
rgba(2,24,31,.12) 100%)!important;
}
.unna-cards-verticals .unna-vertical-card-content{
z-index:2!important;
padding:14px!important;
}
.unna-cards-verticals .unna-vertical-brand{
width:100%!important;
padding-bottom:8px!important;
border-bottom:1px solid rgba(255,255,255,.38)!important;
}
.unna-cards-verticals .unna-vertical-brand h3{
color:#fff!important;
font-size:18px!important;
font-weight:600!important;
text-shadow:0 1px 4px rgba(0,0,0,.42)!important;
}
.unna-cards-verticals .unna-vertical-card-content>p{
color:#fff!important;
font-size:13px!important;
line-height:1.4!important;
font-weight:450!important;
max-width:92%!important;
text-shadow:0 1px 4px rgba(0,0,0,.55)!important;
}
.unna-cards-verticals .unna-vertical-mark{
color:#00e2ac!important;
text-shadow:0 1px 4px rgba(0,0,0,.35)!important;
}
/* v0.4.44 — Governance & register aligned to approved reference */
.unna-section-governance{padding:54px 0 34px!important;background:linear-gradient(115deg,#031f27 0%,#062f39 58%,#061f29 100%)!important;color:#fff;overflow:hidden}
.unna-section-governance>.unna-container{width:min(calc(100% - 76px),1280px)}
.unna-governance-reference{position:relative}
.unna-governance-grid{display:grid!important;grid-template-columns:34% 66%!important;gap:34px!important;align-items:start!important}
.unna-governance-copy{padding:10px 0 0}
.unna-governance-copy .unna-eyebrow{margin-bottom:12px!important;color:#19d6a0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important}
.unna-section-governance .unna-governance-copy h2{font-size:42px!important;line-height:1.02!important;letter-spacing:-.035em!important;font-weight:500!important;max-width:390px!important;margin:0 0 14px!important;color:#fff!important}
.unna-section-governance .unna-governance-copy p{font-size:15px!important;line-height:1.5!important;color:#d7e5e7!important;max-width:360px!important;margin:0!important}
.unna-events{border:1px solid rgba(255,255,255,.23)!important;border-radius:4px!important;padding:13px 18px 9px!important;background:rgba(1,24,31,.12)!important;overflow:hidden}
.unna-events .events-title{display:block;font-size:16px!important;font-weight:500!important;color:#fff;margin:0 0 8px}
.unna-events>div{display:grid!important;grid-template-columns:1.25fr 1.45fr .9fr .72fr .82fr!important;gap:12px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;font-size:12.5px!important;line-height:1.25!important;align-items:center}
.unna-events>div:last-child{border-bottom:0!important}
.unna-events .events-head{font-weight:500!important;color:#fff!important;font-size:12px!important}
.unna-events .events-row span{color:#eef6f6}
.unna-events .events-row .ok{color:#18d59a!important;font-weight:500!important}
.unna-governance-points{display:grid!important;grid-template-columns:repeat(5,1fr)!important;margin-top:20px!important;border-top:1px solid rgba(255,255,255,.22)!important;gap:0!important}
.unna-governance-points>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:74px;padding:16px 18px 12px!important;border-right:0!important}
.unna-governance-points i{width:40px;height:40px;display:grid;place-items:center;color:#dfecee}
.unna-governance-points i svg{width:34px!important;height:34px!important;stroke-width:1.4!important}
.unna-governance-points span{padding:0!important;border:0!important;font-size:13.5px!important;line-height:1.15!important;font-weight:500!important;color:#fff!important;max-width:130px}
@media(max-width:1050px){.unna-governance-grid{grid-template-columns:1fr!important;gap:28px!important}.unna-governance-copy{max-width:520px}.unna-section-governance .unna-governance-copy h2{max-width:520px!important}.unna-events{overflow-x:auto}.unna-events>div{min-width:780px}.unna-governance-points{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:680px){.unna-section-governance{padding:46px 0 26px!important}.unna-section-governance>.unna-container{width:min(calc(100% - 28px),1280px)}.unna-section-governance .unna-governance-copy h2{font-size:36px!important}.unna-governance-points{grid-template-columns:1fr 1fr!important}.unna-governance-points>div{padding:14px 8px!important}.unna-governance-points span{font-size:12.5px!important}}
/* v0.4.45 — Arquitetura conectada + limites institucionais */
.unna-section-dashboard{background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);padding:82px 0 34px}
.unna-architecture-section{display:grid;grid-template-columns:34% 66%;gap:42px;align-items:center}
.unna-architecture-copy{padding-right:12px}
.unna-architecture-copy h2{font-size:clamp(38px,3.7vw,var(--unna-font-h2));font-weight:560;line-height:1.04;letter-spacing:-.04em;max-width:520px;margin-bottom:24px}
.unna-architecture-copy p{font-size:var(--unna-font-body);line-height:1.55;color:#62777d;max-width:500px}
.unna-architecture-map{position:relative;display:grid;grid-template-columns:1fr 260px 1fr;gap:34px;align-items:center;min-height:430px;padding:10px 0}
.unna-arch-column{display:flex;flex-direction:column;gap:22px;position:relative;z-index:2}
.unna-arch-node{position:relative;display:flex;align-items:center;gap:16px;min-height:104px;padding:18px 22px;border:1px solid #dce8e5;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(17,64,60,.05)}
.unna-arch-node i{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:#eef9f5;color:#0a7f62}
.unna-arch-node i svg{width:24px;height:24px}
.unna-arch-node strong{display:block;font-size:18px;line-height:1.12;color:#10262d;margin-bottom:4px}
.unna-arch-node span{display:block;font-size:13px;line-height:1.3;color:#667b80}
.unna-arch-left .connector-dot{position:absolute;right:-7px;top:50%;transform:translateY(-50%)}
.unna-arch-right .connector-dot{position:absolute;left:-7px;top:50%;transform:translateY(-50%)}
.connector-dot{width:14px;height:14px;border-radius:50%;background:var(--unna-primary);box-shadow:0 0 0 5px rgba(0,197,142,.08);z-index:3}
.unna-core-hub{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px}
.unna-core-glow{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(0,197,142,.17),rgba(0,197,142,.04) 46%,transparent 72%);filter:blur(2px)}
.unna-core-box{position:relative;z-index:2;width:210px;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 24px;border:1px solid #a9dfd0;border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(0,118,88,.12)}
.unna-core-box img{display:block;max-width:145px;max-height:78px;width:auto;height:auto;object-fit:contain;margin-bottom:14px}
.unna-core-box strong{font-size:22px;font-weight:520;letter-spacing:-.02em;color:#12333b}
.unna-core-caption{position:relative;z-index:2;margin-top:28px;width:260px;padding:14px 18px;border-radius:12px;background:linear-gradient(180deg,#f1f8f5,#eef4f3);color:#0c9d72;text-align:center;font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.02em}
.unna-arch-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}
.unna-arch-lines path{fill:none;stroke:#23b88d;stroke-width:1.4;stroke-dasharray:4 5;opacity:.72}
.unna-section-limits{padding:0 0 60px;background:#fbfdfc}
.unna-limits-strip{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:stretch;padding:26px 30px;border:1px solid #e2ebe8;border-radius:18px;background:linear-gradient(180deg,#f6f9f8,#f1f5f4)}
.unna-limits-main{display:grid;grid-template-columns:78px 1fr;gap:24px;align-items:center;padding-right:28px;border-right:1px solid #dce5e3}
.unna-limits-shield{width:72px;height:72px;display:grid;place-items:center;color:#173d45}
.unna-limits-shield svg{width:58px;height:58px;stroke-width:1.4}
.unna-limits-main .unna-eyebrow{margin-bottom:5px;color:#6c7f84;font-size:11px}
.unna-limits-main h2{font-size:24px!important;line-height:1.08!important;font-weight:560!important;margin:0 0 6px!important;letter-spacing:-.025em!important}
.unna-limits-main p{font-size:13px!important;line-height:1.45!important;margin:0!important;color:#66797e!important;max-width:680px!important}
.unna-limit-attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:stretch}
.unna-limit-attrs>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:4px 18px;border-right:1px solid #dce5e3}
.unna-limit-attrs>div:last-child{border-right:0}
.unna-limit-attrs i{grid-row:1/3;display:grid;place-items:center;color:#173d45}
.unna-limit-attrs i svg{width:32px;height:32px}
.unna-limit-attrs strong{font-size:14px;line-height:1.2;color:#17343c;margin-bottom:3px}
.unna-limit-attrs span{font-size:11px;line-height:1.35;color:#728489}
@media(max-width:1100px){
.unna-architecture-section{grid-template-columns:1fr;gap:24px}
.unna-architecture-copy{max-width:760px}
.unna-architecture-map{grid-template-columns:1fr 230px 1fr;gap:20px}
.unna-arch-node{padding:15px;min-height:92px}
.unna-arch-node strong{font-size:16px}
.unna-limits-strip{grid-template-columns:1fr}
.unna-limits-main{border-right:0;border-bottom:1px solid #dce5e3;padding:0 0 22px}
}
@media(max-width:760px){
.unna-section-dashboard{padding:60px 0 28px}
.unna-architecture-map{display:flex;flex-direction:column;min-height:0;gap:16px}
.unna-arch-left,.unna-arch-right{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
.unna-arch-node{min-height:82px;width:100%}
.unna-core-hub{order:2;min-height:280px}
.unna-arch-left{order:1}.unna-arch-right{order:3}
.unna-arch-lines,.connector-dot{display:none}
.unna-core-box{width:190px;min-height:180px}
.unna-core-caption{width:min(100%,280px)}
.unna-limits-strip{padding:22px 18px}
.unna-limits-main{grid-template-columns:54px 1fr;gap:14px}
.unna-limits-shield{width:50px;height:50px}.unna-limits-shield svg{width:42px;height:42px}
.unna-limit-attrs{grid-template-columns:1fr}
.unna-limit-attrs>div{border-right:0;border-bottom:1px solid #dce5e3;padding:14px 0}
.unna-limit-attrs>div:last-child{border-bottom:0}
}
/* =========================================================
v0.4.46 — RESPONSIVIDADE AUTORITATIVA
Objetivo: impedir overflow/cortes e reorganizar cada sessão
em mobile sem alterar a geometria aprovada do desktop.
========================================================= */
@media (max-width: 760px){
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.unna-site{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.unna-site *{min-width:0}
.unna-site img,.unna-site svg{max-width:100%;height:auto}
.unna-container,
.unna-section>.unna-container,
.unna-section-hero>.unna-container,
.unna-section-problem>.unna-container,
.unna-section-core>.unna-container,
.unna-section-outcomes>.unna-container,
.unna-section-infrastructure>.unna-container,
.unna-section-segments>.unna-container,
.unna-section-integrations>.unna-container,
.unna-section-verticals>.unna-container,
.unna-section-governance>.unna-container{
width:calc(100% - 28px)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Header mobile: simples, limpo e sem menu esmagado */
.unna-header{height:64px!important;min-height:64px!important;position:sticky!important;top:0!important}
.unna-header .unna-container{width:calc(100% - 28px)!important;height:64px!important;min-height:64px!important;display:flex!important;align-items:center!important;gap:12px!important}
.unna-header .unna-brand{margin:0 auto 0 0!important;padding:0!important;flex:0 0 auto!important}
.unna-header .unna-brand img{width:112px!important;max-height:32px!important}
.unna-header nav,.unna-header .unna-login{display:none!important}
.unna-header .unna-header-actions{display:flex!important;margin:0!important;gap:0!important;flex:0 0 auto!important}
.unna-header .unna-btn{display:inline-flex!important;min-height:38px!important;padding:9px 13px!important;font-size:12px!important;border-radius:22px!important;white-space:nowrap!important}
.unna-header .unna-btn span{display:none!important}
/* Escala tipográfica mobile */
.unna-section{padding-left:0!important;padding-right:0!important}
.unna-section .unna-eyebrow{font-size:12px!important;line-height:1.25!important;margin-bottom:10px!important;letter-spacing:.08em!important}
.unna-section h1,.unna-section h2{max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.unna-section h2{font-size:clamp(30px,9.5vw,38px)!important;line-height:1.05!important;letter-spacing:-.03em!important}
.unna-section p{font-size:15px!important;line-height:1.5!important}
/* HERO */
.unna-section-hero{padding:0 0 34px!important}
.unna-hero-shell{display:flex!important;flex-direction:column!important;min-height:0!important;width:100%!important}
.unna-hero-copy{order:1!important;width:100%!important;padding:30px 0 22px!important}
.unna-section-hero .unna-hero-copy h1.unna-hero-title{font-size:clamp(32px,10.4vw,40px)!important;line-height:1.04!important;max-width:100%!important;margin:0 0 14px!important;font-weight:560!important}
.unna-hero-title-main,.unna-hero-title-accent{display:block!important}
.unna-hero-copy>p{font-size:15px!important;line-height:1.48!important;max-width:100%!important}
.unna-hero-copy .unna-ctas{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:18px!important}
.unna-hero-copy .unna-btn{width:100%!important;min-height:44px!important;font-size:13px!important}
.unna-hero-image{order:2!important;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:4/3!important;border-radius:14px!important;overflow:hidden!important;margin:0!important}
.unna-hero-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 60%!important;transform:none!important}
.unna-hero-rail{order:3!important;width:100%!important;min-height:0!important;padding:14px 0 0!important}
.unna-hero-flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;height:auto!important;padding:0!important}
.unna-hero-flow:before{display:none!important}
.unna-hero-flow span{position:relative!important;min-width:0!important;min-height:44px!important;padding:8px 8px 8px 42px!important;font-size:11.5px!important;border-radius:9px!important;white-space:normal!important}
.unna-hero-flow-icon{left:7px!important;width:27px!important;height:27px!important}
.unna-hero-rail>p{display:none!important}
.unna-section-hero .unna-metrics{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;margin:14px 0 0!important}
.unna-section-hero .unna-metrics>div{min-height:64px!important;padding:10px 8px!important;border-bottom:1px solid #e5ebec!important}
.unna-section-hero .unna-metrics>div:nth-child(even){border-right:0!important}
.unna-section-hero .unna-metrics>div:last-child{grid-column:1/-1!important;border-right:0!important}
.unna-section-hero .unna-metrics b{font-size:15px!important;white-space:normal!important}
.unna-section-hero .unna-metrics span{font-size:11px!important;white-space:normal!important;text-align:center!important}
/* PROBLEMA — leitura primeiro, foto como atmosfera */
.unna-section-problem{padding:0!important}
.unna-problem-stage{display:block!important;min-height:0!important;padding:38px 20px 34px!important;background-position:78% center!important;background-size:cover!important;background-image:linear-gradient(90deg,rgba(2,33,42,.985) 0%,rgba(2,33,42,.97) 60%,rgba(2,33,42,.82) 100%),var(--problem-bg)!important}
.unna-problem-copy{position:relative!important;width:100%!important;max-width:none!important;padding:0!important;z-index:2!important}
.unna-problem-copy h2{font-size:34px!important;line-height:1.04!important;max-width:100%!important;margin-bottom:14px!important}
.unna-problem-copy>p{font-size:14px!important;line-height:1.45!important;max-width:100%!important}
.unna-problem-rail{display:none!important}
.unna-problem-cards{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;margin:28px 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;z-index:2!important}
.unna-problem-cards article{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;padding:15px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
.unna-problem-cards article:last-child{border-bottom:0!important}
.unna-problem-cards h3{font-size:16px!important;line-height:1.15!important;margin:0 0 5px!important}
.unna-problem-cards p{font-size:13px!important;line-height:1.4!important;margin:0!important}
/* CORE — sem sobreposição/negative margin em mobile */
.unna-section-core{padding:48px 0!important;overflow:hidden!important}
.unna-core-top{display:flex!important;flex-direction:column!important;gap:22px!important;margin:0!important}
.unna-section-core .unna-section-head{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.unna-section-core h2{font-size:34px!important;max-width:100%!important}
.unna-core-custom-visual,.unna-dashboard-mock{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;border-radius:12px!important}
.unna-core-custom-visual picture,.unna-core-custom-visual img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.unna-dashboard-mock{grid-template-columns:1fr!important}
.mock-sidebar{display:none!important}
.mock-content{padding:14px!important}
.mock-kpis{grid-template-columns:1fr 1fr!important}
.unna-section-core .unna-modules{position:relative!important;z-index:1!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:18px 0 0!important;padding:0!important;overflow:visible!important}
.unna-section-core .unna-modules article{min-height:0!important;padding:13px 11px!important;border-radius:10px!important;overflow:visible!important}
.unna-section-core .unna-modules h3{font-size:15px!important;line-height:1.18!important}
.unna-section-core .unna-modules p{font-size:12px!important;line-height:1.4!important}
/* OUTCOMES */
.unna-section-outcomes{padding:48px 0!important}
.unna-outcomes-reference{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
.unna-outcome-list{grid-template-columns:1fr!important;gap:0!important}
.unna-outcome-item,.unna-outcome-item:nth-child(even){min-height:0!important;padding:15px 0 15px 18px!important;border-left:0!important}
.unna-outcome-item h3{font-size:17px!important}
.unna-outcome-item p{font-size:13px!important}
.unna-outcomes-visual{width:100%!important;min-width:0!important;overflow:hidden!important}
.unna-outcomes-custom-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.unna-section-outcomes .unna-table-mock{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.unna-section-outcomes .unna-table-mock table{min-width:720px!important}
/* INFRAESTRUTURA — remove as posições absolutas que geravam buracos enormes */
.unna-section-infrastructure{padding:50px 0!important;overflow:hidden!important}
.unna-section-infrastructure:before{display:none!important}
.unna-infra-reference{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;min-height:0!important}
.unna-infra-copy{padding:0!important}
.unna-infra-copy h2{font-size:36px!important;max-width:100%!important}
.unna-infra-desc,.unna-infra-list{max-width:100%!important}
.unna-infra-feature{grid-template-columns:48px 1fr!important;min-height:58px!important}
.unna-infra-feature i{width:42px!important;height:42px!important}
.unna-infra-feature strong{font-size:15px!important}
.unna-infra-feature small{font-size:12.5px!important}
.unna-infra-visual{position:relative!important;display:grid!important;gap:12px!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
.unna-infra-visual:before,.unna-infra-visual:after,.infra-soft-shape,.infra-accent-note,.infra-visual-kicker{display:none!important}
.infra-fragment,.infra-cobrancas,.infra-recuperar,.infra-conciliar{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:13px!important;transform:none!important}
.infra-frag-head{gap:8px!important;align-items:flex-start!important}
.infra-frag-title>i{width:36px!important;height:36px!important;flex-basis:36px!important}
.infra-frag-title strong{font-size:16px!important}
.infra-frag-title small,.infra-frag-actions{display:none!important}
.infra-frag-filters{grid-template-columns:1fr!important}
.infra-mini-table,.infra-cob-table,.infra-rule-head,.infra-rule,.infra-conc-head,.infra-conc-row{font-size:10px!important;overflow-x:auto!important}
.infra-cob-table{grid-template-columns:repeat(6,minmax(100px,1fr))!important;min-width:620px!important}
.infra-rule-head,.infra-rule{grid-template-columns:repeat(5,minmax(90px,1fr))!important;min-width:520px!important}
.infra-conc-head,.infra-conc-row{grid-template-columns:repeat(5,minmax(95px,1fr))!important;min-width:540px!important}
.infra-kpis{grid-template-columns:1fr 1fr 1fr!important}
/* SEGMENTOS */
.unna-section-segments{padding:48px 0 54px!important}
.unna-segment-head{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:20px!important}
.unna-segment-head h2{font-size:34px!important}
.unna-segment-all{justify-self:start!important}
.unna-segment-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
.unna-segment-tile{height:126px!important}
.unna-segment-label strong{font-size:14px!important}
/* INTEGRAÇÕES */
.unna-section-integrations{padding:46px 0 42px!important;overflow:hidden!important}
.unna-integration-reference{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
.unna-integration-copy{padding:0!important}
.unna-integration-copy h2{font-size:32px!important;max-width:100%!important}
.unna-integration-copy p{font-size:14px!important;max-width:100%!important}
.unna-section-integrations .unna-use-modes{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.unna-section-integrations .unna-use-modes article{min-height:0!important;padding:15px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
.unna-section-integrations .unna-use-modes article:last-child{border-bottom:0!important}
.unna-section-integrations .mode-heading span{min-height:0!important}
.unna-section-integrations .mode-diagram{min-height:0!important;flex-wrap:wrap!important}
.unna-partner-strip{width:100%!important;max-width:100%!important;min-height:60px!important;margin:18px 0 0!important;padding:8px!important;overflow-x:auto!important;overflow-y:hidden!important;border-radius:9px!important;scrollbar-width:thin!important}
.unna-partner{flex:0 0 105px!important;min-width:105px!important;height:44px!important;padding:5px 9px!important}
.unna-partner img{max-height:28px!important}
.unna-partner-more{flex:0 0 auto!important}
/* VERTICAIS */
.unna-section-verticals{padding:48px 0 54px!important}
.unna-section-verticals .unna-head-row{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-bottom:20px!important}
.unna-section-verticals .unna-head-row h2{font-size:34px!important}
.unna-cards-verticals{grid-template-columns:1fr!important;gap:10px!important}
.unna-cards-verticals .unna-card,.unna-vertical-card{min-height:210px!important;width:100%!important}
.unna-cards-verticals .unna-vertical-brand h3{font-size:19px!important}
.unna-cards-verticals .unna-vertical-card-content>p{font-size:13px!important}
/* GOVERNANÇA */
.unna-section-governance{padding:46px 0 30px!important;overflow:hidden!important}
.unna-governance-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
.unna-section-governance .unna-governance-copy h2{font-size:36px!important;max-width:100%!important}
.unna-events{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px!important}
.unna-events>div{min-width:720px!important}
.unna-governance-points{grid-template-columns:1fr 1fr!important;margin-top:18px!important}
.unna-governance-points>div{grid-template-columns:36px 1fr!important;gap:8px!important;min-height:64px!important;padding:12px 6px!important}
.unna-governance-points i{width:34px!important;height:34px!important}
.unna-governance-points i svg{width:28px!important;height:28px!important}
.unna-governance-points span{font-size:12.5px!important;max-width:none!important}
/* ARQUITETURA */
.unna-section-dashboard{padding:50px 0 28px!important;overflow:hidden!important}
.unna-architecture-section{display:grid!important;grid-template-columns:1fr!important;gap:26px!important}
.unna-architecture-copy{padding:0!important}
.unna-architecture-copy h2{font-size:36px!important;max-width:100%!important}
.unna-architecture-map{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-height:0!important;padding:0!important}
.unna-arch-column{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
.unna-arch-left{order:1!important}.unna-core-hub{order:2!important}.unna-arch-right{order:3!important}
.unna-arch-node{width:100%!important;min-height:78px!important;padding:13px 15px!important;border-radius:12px!important}
.unna-arch-node i{width:40px!important;height:40px!important;flex-basis:40px!important}
.unna-arch-node strong{font-size:16px!important}
.unna-arch-node span{font-size:12px!important}
.unna-core-hub{min-height:250px!important;width:100%!important}
.unna-core-box{width:185px!important;min-height:165px!important;padding:20px!important}
.unna-core-box img{max-width:125px!important;max-height:62px!important}
.unna-core-caption{width:min(100%,280px)!important;margin-top:18px!important}
.unna-arch-lines,.connector-dot{display:none!important}
/* LIMITES */
.unna-section-limits{padding:0 0 46px!important}
.unna-limits-strip{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:18px!important;border-radius:14px!important}
.unna-limits-main{grid-template-columns:48px 1fr!important;gap:12px!important;padding:0 0 18px!important;border-right:0!important;border-bottom:1px solid #dce5e3!important}
.unna-limits-shield{width:46px!important;height:46px!important}
.unna-limits-shield svg{width:40px!important;height:40px!important}
.unna-limits-main h2{font-size:22px!important}
.unna-limits-main p{font-size:13px!important}
.unna-limit-attrs{grid-template-columns:1fr!important}
.unna-limit-attrs>div{grid-template-columns:36px 1fr!important;border-right:0!important;border-bottom:1px solid #dce5e3!important;padding:13px 0!important}
.unna-limit-attrs>div:last-child{border-bottom:0!important}
/* CTA + FOOTER */
.unna-section-cta{padding:46px 0!important}
.unna-cta-box{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;padding:22px!important}
.unna-cta-box .unna-btn{width:100%!important}
.unna-footer{overflow:hidden!important}
.unna-footer .unna-container{width:calc(100% - 28px)!important}
.unna-footer-main,.unna-footer-legal{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
.unna-footer-main nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 18px!important;width:100%!important}
}
@media (max-width: 380px){
.unna-header .unna-btn{font-size:11px!important;padding:8px 11px!important}
.unna-section-hero .unna-hero-copy h1.unna-hero-title{font-size:31px!important}
.unna-problem-copy h2,.unna-section-core h2,.unna-infra-copy h2,.unna-segment-head h2,.unna-section-verticals .unna-head-row h2,.unna-section-governance .unna-governance-copy h2,.unna-architecture-copy h2{font-size:31px!important}
.unna-section-core .unna-modules{grid-template-columns:1fr!important}
.unna-segment-grid{grid-template-columns:1fr 1fr!important}
}
/* =========================================================
v0.4.47 — MOBILE RHYTHM FIX
Corrige densidade do Hero e Integrações sem alterar desktop.
========================================================= */
@media (max-width:760px){
/* HERO — separar capacidades e métricas em blocos respirados */
.unna-section-hero{padding-bottom:42px!important}
.unna-hero-image{margin-bottom:0!important;border-radius:14px!important}
.unna-hero-rail{
display:block!important;
background:#fff!important;
border:0!important;
box-shadow:none!important;
padding:18px 0 0!important;
margin:0!important;
}
.unna-hero-flow{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
height:auto!important;
margin:0!important;
}
.unna-hero-flow span{
min-height:48px!important;
padding:9px 9px 9px 44px!important;
font-size:12px!important;
line-height:1.15!important;
font-weight:500!important;
border:1px solid #d6e6e2!important;
border-radius:10px!important;
box-shadow:none!important;
background:#fff!important;
}
.unna-hero-flow-icon{
left:8px!important;
width:28px!important;
height:28px!important;
}
.unna-section-hero .unna-metrics{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
width:100%!important;
margin:18px 0 0!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.unna-section-hero .unna-metrics>div{
min-height:72px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:center!important;
padding:11px 8px!important;
border:1px solid #e0e9e8!important;
border-radius:10px!important;
background:#fbfcfc!important;
}
.unna-section-hero .unna-metrics>div:last-child{
grid-column:1/-1!important;
min-height:66px!important;
}
.unna-section-hero .unna-metrics b{
font-size:16px!important;
line-height:1.15!important;
margin-bottom:5px!important;
}
.unna-section-hero .unna-metrics span{
font-size:12px!important;
line-height:1.3!important;
}
/* INTEGRAÇÕES — cada modo vira um bloco autônomo, sem elementos colidindo */
.unna-section-integrations{
padding:42px 0 38px!important;
overflow:hidden!important;
}
.unna-integration-reference{gap:26px!important}
.unna-integration-copy h2{
font-size:32px!important;
line-height:1.05!important;
margin-bottom:14px!important;
}
.unna-integration-copy p{
font-size:14px!important;
line-height:1.5!important;
margin-bottom:18px!important;
}
.unna-section-integrations .unna-use-modes{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
margin:0!important;
}
.unna-section-integrations .unna-use-modes article,
.unna-section-integrations .unna-use-modes article:first-child,
.unna-section-integrations .unna-use-modes article:last-child{
display:block!important;
min-height:0!important;
padding:16px!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:12px!important;
background:rgba(255,255,255,.035)!important;
}
.unna-section-integrations .mode-heading b{
font-size:14px!important;
margin:0 0 6px!important;
}
.unna-section-integrations .mode-heading span{
font-size:12.5px!important;
line-height:1.4!important;
min-height:0!important;
}
.unna-section-integrations .mode-diagram{
display:flex!important;
align-items:center!important;
flex-wrap:nowrap!important;
gap:8px!important;
width:100%!important;
min-height:0!important;
margin-top:14px!important;
overflow:hidden!important;
}
.unna-section-integrations .mode-icon{
flex:0 0 40px!important;
width:40px!important;
height:40px!important;
}
.unna-section-integrations .flow-box{
flex:1 1 auto!important;
min-width:0!important;
height:42px!important;
padding:0 8px!important;
}
.unna-section-integrations .flow-stack{
flex:1 1 auto!important;
min-width:0!important;
height:42px!important;
padding:4px 7px!important;
}
.unna-section-integrations .flow-box span,
.unna-section-integrations .flow-stack span{
font-size:10px!important;
white-space:normal!important;
}
.unna-section-integrations .flow-box strong,
.unna-section-integrations .flow-end{
font-size:10.5px!important;
}
.unna-section-integrations .flow-arrow{
flex:0 0 auto!important;
margin:0 2px!important;
}
.unna-section-integrations .unna-partner-strip{
position:relative!important;
width:100%!important;
min-height:64px!important;
margin:20px 0 0!important;
padding:8px!important;
border-radius:10px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
box-shadow:none!important;
}
.unna-section-integrations .unna-partner{
flex:0 0 112px!important;
min-width:112px!important;
height:46px!important;
padding:6px 10px!important;
}
.unna-section-integrations .unna-partner img{max-height:29px!important;max-width:96px!important}
.unna-section-integrations .unna-partner strong{font-size:11.5px!important}
.unna-section-verticals{padding-top:48px!important}
}
@media (max-width:380px){
.unna-hero-flow{gap:7px!important}
.unna-hero-flow span{font-size:11px!important;padding-left:40px!important}
.unna-section-hero .unna-metrics b{font-size:15px!important}
.unna-section-hero .unna-metrics span{font-size:11.5px!important}
.unna-section-integrations .unna-use-modes article{padding:14px!important}
.unna-section-integrations .mode-icon{flex-basis:38px!important;width:38px!important;height:38px!important}
}
/* =========================================================
v0.4.48 — HERO MOBILE COMPOSITION FIX
Ajuste autoritativo apenas para o Hero no mobile.
Separa visualmente capacidades e indicadores, equaliza
alinhamentos e remove a sensação de bloco amontoado.
========================================================= */
@media (max-width:760px){
.unna-section-hero{padding-bottom:48px!important;}
.unna-section-hero>.unna-container{width:calc(100% - 28px)!important;max-width:none!important;}
.unna-hero-image{
width:100%!important;
aspect-ratio:16/10!important;
margin:0 0 22px!important;
border-radius:14px!important;
}
.unna-hero-image img{object-position:center 58%!important;}
/* Capacidades: bloco próprio, sem bordas externas e com cards alinhados */
.unna-hero-rail{
width:100%!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.unna-hero-flow{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px 10px!important;
width:100%!important;
height:auto!important;
margin:0!important;
padding:0!important;
}
.unna-hero-flow span{
display:flex!important;
align-items:center!important;
min-width:0!important;
min-height:54px!important;
padding:10px 10px 10px 46px!important;
margin:0!important;
border:1px solid #d7e5e2!important;
border-radius:11px!important;
background:#fff!important;
box-shadow:none!important;
font-size:12px!important;
line-height:1.18!important;
white-space:normal!important;
}
.unna-hero-flow span b{
display:block!important;
width:100%!important;
font-size:12px!important;
line-height:1.18!important;
font-weight:500!important;
text-align:left!important;
}
.unna-hero-flow-icon{
left:9px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:28px!important;
height:28px!important;
}
/* Indicadores: área independente e com respiro real */
.unna-section-hero .unna-metrics{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
margin:22px 0 0!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.unna-section-hero .unna-metrics>div{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
min-height:78px!important;
margin:0!important;
padding:13px 10px!important;
border:1px solid #e1e9e8!important;
border-radius:11px!important;
background:#fafcfc!important;
}
.unna-section-hero .unna-metrics>div:nth-child(even),
.unna-section-hero .unna-metrics>div:last-child{
border-right:1px solid #e1e9e8!important;
}
.unna-section-hero .unna-metrics>div:last-child{
grid-column:1/-1!important;
min-height:72px!important;
}
.unna-section-hero .unna-metrics b{
display:block!important;
margin:0 0 6px!important;
font-size:16px!important;
line-height:1.15!important;
font-weight:500!important;
text-align:center!important;
white-space:normal!important;
}
.unna-section-hero .unna-metrics span{
display:block!important;
margin:0!important;
font-size:12px!important;
line-height:1.3!important;
font-weight:400!important;
text-align:center!important;
white-space:normal!important;
}
}
@media (max-width:380px){
.unna-section-hero>.unna-container{width:calc(100% - 24px)!important;}
.unna-hero-flow{gap:8px!important;}
.unna-hero-flow span{min-height:52px!important;padding:9px 8px 9px 42px!important;}
.unna-hero-flow span b{font-size:11.5px!important;}
.unna-hero-flow-icon{left:7px!important;width:27px!important;height:27px!important;}
.unna-section-hero .unna-metrics{gap:8px!important;margin-top:20px!important;}
.unna-section-hero .unna-metrics>div{min-height:74px!important;padding:11px 8px!important;}
}
/* ==========================================================
v0.4.49 — HERO MOBILE SPACING / ALIGNMENT FIX
Blocos independentes: imagem, capacidades e indicadores.
Desktop permanece intacto.
========================================================== */
@media (max-width: 768px){
.unna-section-hero>.unna-container{
width:calc(100% - 32px)!important;
max-width:none!important;
}
.unna-hero-image{
width:100%!important;
margin:0 0 20px!important;
border-radius:14px!important;
}
/* capacidades: grade própria, com respiro real nas bordas */
.unna-hero-rail{
width:100%!important;
margin:0!important;
padding:0 2px!important;
background:transparent!important;
border:0!important;
}
.unna-hero-flow{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
column-gap:10px!important;
row-gap:10px!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.unna-hero-flow span{
width:100%!important;
min-width:0!important;
min-height:52px!important;
margin:0!important;
padding:10px 10px 10px 44px!important;
display:flex!important;
align-items:center!important;
border:1px solid #d7e5e2!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important;
}
.unna-hero-flow span b{
display:block!important;
width:100%!important;
margin:0!important;
font-size:11.5px!important;
line-height:1.25!important;
font-weight:500!important;
text-align:left!important;
}
.unna-hero-flow-icon{
left:8px!important;
width:28px!important;
height:28px!important;
}
/* indicadores: segundo bloco independente, separado por espaço */
.unna-section-hero .unna-metrics{
width:100%!important;
max-width:none!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
margin:22px 0 0!important;
padding:18px 2px 0!important;
border:0!important;
border-top:1px solid #e5ecea!important;
background:transparent!important;
}
.unna-section-hero .unna-metrics>div{
width:100%!important;
min-width:0!important;
min-height:78px!important;
margin:0!important;
padding:13px 10px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #e0e9e7!important;
border-radius:10px!important;
background:#fbfcfc!important;
box-shadow:none!important;
}
.unna-section-hero .unna-metrics>div:last-child{
grid-column:1/-1!important;
min-height:72px!important;
}
.unna-section-hero .unna-metrics b{
margin:0 0 6px!important;
font-size:15px!important;
line-height:1.15!important;
font-weight:550!important;
text-align:center!important;
}
.unna-section-hero .unna-metrics span{
margin:0!important;
font-size:11.5px!important;
line-height:1.3!important;
text-align:center!important;
white-space:normal!important;
}
}
@media (max-width: 380px){
.unna-section-hero>.unna-container{width:calc(100% - 28px)!important;}
.unna-hero-flow{column-gap:8px!important;row-gap:8px!important;}
.unna-hero-flow span{min-height:50px!important;padding:9px 8px 9px 41px!important;}
.unna-hero-flow-icon{left:7px!important;width:27px!important;height:27px!important;}
.unna-section-hero .unna-metrics{gap:8px!important;margin-top:20px!important;padding-top:16px!important;}
.unna-section-hero .unna-metrics>div{min-height:74px!important;padding:11px 8px!important;}
}
/* ==========================================================
v0.4.50 — HERO MOBILE ALIGNMENT FINAL
Unifica largura, margens e alinhamento de capacidades e métricas.
========================================================== */
@media (max-width:768px){
.unna-section-hero>.unna-container{
width:calc(100% - 24px)!important;
margin-left:auto!important;
margin-right:auto!important;
}
.unna-section-hero .unna-hero-rail{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.unna-section-hero .unna-hero-flow{
width:calc(100% - 20px)!important;
max-width:none!important;
margin:0 10px!important;
padding:0!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
.unna-section-hero .unna-hero-flow span{
min-width:0!important;
width:100%!important;
min-height:44px!important;
margin:0!important;
padding:8px 8px 8px 38px!important;
border-radius:9px!important;
}
.unna-section-hero .unna-hero-flow-icon{
left:7px!important;
width:25px!important;
height:25px!important;
}
.unna-section-hero .unna-hero-flow span b{
font-size:10.5px!important;
line-height:1.2!important;
text-align:left!important;
}
.unna-section-hero .unna-metrics{
width:calc(100% - 20px)!important;
max-width:none!important;
margin:18px 10px 0!important;
padding:14px 0 0!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
border:0!important;
border-top:1px solid #e5ecea!important;
background:transparent!important;
}
.unna-section-hero .unna-metrics>div{
width:100%!important;
min-width:0!important;
min-height:66px!important;
margin:0!important;
padding:10px 8px!important;
border:1px solid #e0e9e7!important;
border-radius:9px!important;
background:#fbfcfc!important;
}
.unna-section-hero .unna-metrics>div:last-child{
grid-column:1/-1!important;
min-height:62px!important;
}
.unna-section-hero .unna-metrics b{
font-size:14px!important;
line-height:1.15!important;
margin-bottom:4px!important;
}
.unna-section-hero .unna-metrics span{
font-size:10.5px!important;
line-height:1.25!important;
}
}
@media (max-width:380px){
.unna-section-hero>.unna-container{width:calc(100% - 20px)!important;}
.unna-section-hero .unna-hero-flow,
.unna-section-hero .unna-metrics{
width:calc(100% - 16px)!important;
margin-left:8px!important;
margin-right:8px!important;
}
}
/* ==========================================================
v0.4.51 — HERO MOBILE PADDING / SHARED ALIGNMENT AXIS
Capacidades e métricas passam a usar exatamente o mesmo
padding-inline do conteúdo visual do Hero.
========================================================== */
@media (max-width:768px){
.unna-section-hero .unna-hero-rail{
padding-inline:16px!important;
}
.unna-section-hero .unna-hero-flow,
.unna-section-hero .unna-metrics{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}
.unna-section-hero .unna-hero-flow{
margin-top:0!important;
}
.unna-section-hero .unna-metrics{
margin-top:18px!important;
}
}
@media (max-width:380px){
.unna-section-hero .unna-hero-rail{
padding-inline:12px!important;
}
.unna-section-hero .unna-hero-flow,
.unna-section-hero .unna-metrics{
width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
}
/* v0.4.52 — Final commercial lead form */
.unna-section-contact{padding:0!important;background:#07343d!important;overflow:hidden;position:relative}
.unna-section-contact>.unna-container{width:100%!important;max-width:none!important}
.unna-lead-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(560px,.95fr);min-height:720px;background:linear-gradient(118deg,#062d36 0%,#073640 50%,#06313a 100%);color:#fff}
.unna-lead-copy{position:relative;overflow:hidden;padding:68px 7vw 58px max(48px,calc((100vw - var(--unna-max))/2));display:flex;align-items:center}
.unna-lead-copy:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(22,222,171,.15);border-radius:48% 52% 50% 50%;right:-110px;top:70px;box-shadow:0 0 0 26px rgba(22,222,171,.035),0 0 0 54px rgba(22,222,171,.025),0 0 0 84px rgba(22,222,171,.018)}
.unna-lead-bg{position:absolute;left:0;right:0;bottom:0;height:210px;background-position:left bottom;background-size:cover;opacity:.2;mask-image:linear-gradient(to bottom,transparent,#000 45%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%)}
.unna-lead-copy-inner{position:relative;z-index:2;max-width:690px}
.unna-lead-copy .unna-eyebrow{color:#13dca3!important;font-size:var(--unna-font-eyebrow,14px)!important;letter-spacing:.14em;margin-bottom:22px}
.unna-lead-copy h2{max-width:680px!important;margin:0 0 24px!important;font-size:clamp(48px,4vw,68px)!important;font-weight:400!important;line-height:1.04!important;letter-spacing:-.045em!important;color:#fff}
.unna-lead-copy h2 span,.unna-lead-copy h2 strong{display:block;font-weight:inherit}
.unna-lead-copy h2 strong{color:#0ed69c;font-weight:560!important}
.unna-lead-intro{font-size:18px!important;line-height:1.55!important;color:#d7e5e6!important;max-width:620px!important;margin-bottom:34px!important}
.unna-lead-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 30px}
.unna-lead-benefits>div{display:flex;align-items:center;gap:13px}
.unna-lead-benefits i{width:54px;height:54px;border:1px solid #14c998;border-radius:12px;display:grid;place-items:center;color:#17dda6;flex:0 0 auto}
.unna-lead-benefits i svg{width:27px!important;height:27px!important}
.unna-lead-benefits p{margin:0!important;color:#fff!important;font-size:15px!important;line-height:1.35!important}
.unna-lead-benefits strong,.unna-lead-benefits span{display:block}.unna-lead-benefits strong{font-size:16px;margin-bottom:3px}.unna-lead-benefits span{color:#d5e5e6;font-size:14px}
.unna-lead-copy blockquote{margin:22px 0 0;padding:18px 0 18px 20px;border-left:4px solid #12d99d;font-size:22px;line-height:1.35;color:#fff;max-width:620px}
.unna-lead-form-card{background:#fff;color:#0f2b33;margin:24px 4vw 24px 0;border-radius:22px;padding:34px 40px 24px;box-shadow:0 28px 80px rgba(0,0,0,.18);align-self:center;max-width:760px}
.unna-lead-form-card>h3{font-size:32px;margin:0 0 8px;font-weight:700;letter-spacing:-.025em}.unna-lead-form-card>p{font-size:15px!important;color:#536a71!important;line-height:1.45!important;margin:0 0 22px!important}
.unna-lead-form{display:flex;flex-direction:column;gap:16px}.unna-lead-form label,.unna-lead-form legend{font-size:14px;font-weight:650;color:#122f37}.unna-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.unna-lead-form label{display:flex;flex-direction:column;gap:7px}.unna-lead-form input[type=text],.unna-lead-form input[type=email],.unna-lead-form input[type=tel],.unna-lead-form textarea{width:100%;border:1px solid #d6e2e3;border-radius:10px;background:#fff;padding:12px 14px;font:inherit;font-size:14px;outline:none;transition:.2s}.unna-lead-form input:focus,.unna-lead-form textarea:focus{border-color:#10b985;box-shadow:0 0 0 3px rgba(16,185,133,.08)}
.unna-lead-form fieldset{border:0;padding:0;margin:0}.unna-lead-form legend{margin-bottom:9px}.unna-choice-grid{display:flex;flex-wrap:wrap;gap:8px}.unna-choice-grid label{display:block}.unna-choice-grid input{position:absolute;opacity:0;pointer-events:none}.unna-choice-grid span{display:block;border:1px solid #d5e1e2;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:500;color:#244149;cursor:pointer;transition:.15s;background:#fff}.unna-choice-grid input:checked+span{background:#e8faf4;border-color:#10b985;color:#087b5b;box-shadow:inset 0 0 0 1px #10b985}.unna-choice-grid input:focus+span{outline:2px solid rgba(16,185,133,.2)}
.unna-form-notes small{font-weight:400;color:#76898e}.unna-lead-submit{border:0;border-radius:999px;background:linear-gradient(90deg,#06c98c,#11dca8);color:#062b34;font-size:16px;font-weight:750;padding:15px 22px;cursor:pointer;margin-top:2px}.unna-lead-submit span{margin-left:8px}.unna-form-privacy{text-align:center;color:#63777d;font-size:11px;line-height:1.4}.unna-form-alert{padding:11px 13px;border-radius:9px;font-size:13px;margin-bottom:14px}.unna-form-alert.success{background:#eafaf4;color:#087b5b}.unna-form-alert.error{background:#fff1f0;color:#a43b36}.unna-hp{position:absolute!important;left:-9999px!important;opacity:0!important}
@media(max-width:1100px){.unna-lead-section{grid-template-columns:1fr}.unna-lead-copy{padding:60px 7vw}.unna-lead-form-card{margin:0 6vw 56px;max-width:none}.unna-lead-copy h2{font-size:52px!important}}
@media(max-width:680px){.unna-section-contact{padding:0!important}.unna-lead-section{display:block;min-height:0}.unna-lead-copy{padding:48px 20px 38px}.unna-lead-copy h2{font-size:40px!important;line-height:1.05!important}.unna-lead-intro{font-size:15px!important}.unna-lead-benefits{grid-template-columns:1fr;gap:12px}.unna-lead-benefits i{width:46px;height:46px}.unna-lead-copy blockquote{font-size:18px}.unna-lead-form-card{margin:0;border-radius:20px 20px 0 0;padding:28px 18px 24px;box-shadow:none}.unna-lead-form-card>h3{font-size:26px}.unna-form-grid{grid-template-columns:1fr}.unna-choice-grid{gap:7px}.unna-choice-grid span{padding:8px 11px;font-size:12px}.unna-lead-submit{width:100%}}
/* v0.4.53 — CTA final: layout alinhado + imagem de fundo gerenciável */
.unna-section-contact{padding:0!important;overflow:hidden}
.unna-lead-section{grid-template-columns:minmax(0,1fr) minmax(560px,1fr);min-height:760px;align-items:stretch}
.unna-lead-copy{min-height:760px;padding:72px 64px 58px max(56px,calc((100vw - var(--unna-max))/2));align-items:flex-start;justify-content:center}
.unna-lead-bg-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.unna-lead-bg-media img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;filter:saturate(.9) contrast(1.03)}
.unna-lead-copy:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,43,52,.97) 0%,rgba(4,49,59,.92) 52%,rgba(4,49,59,.72) 100%),linear-gradient(0deg,rgba(4,45,54,.22),rgba(4,45,54,.22));pointer-events:none}
.unna-lead-copy:before{z-index:2}
.unna-lead-copy-inner{z-index:3;max-width:720px;width:100%;padding-top:8px}
.unna-lead-copy h2{font-size:clamp(46px,3.7vw,66px)!important;max-width:720px!important}
.unna-lead-intro{max-width:650px!important}
.unna-lead-form-card{width:min(760px,calc(100% - 48px));max-width:none;margin:22px 28px 22px 24px;padding:28px 34px 22px;align-self:center;border-radius:22px}
.unna-lead-form-card>h3{font-size:31px}
.unna-lead-form{gap:14px}
.unna-form-grid{gap:12px 16px}
.unna-choice-grid span{padding:7px 12px}
@media(max-width:1180px){
.unna-lead-section{grid-template-columns:1fr 1fr}
.unna-lead-copy{padding-left:42px;padding-right:36px}
.unna-lead-form-card{width:calc(100% - 32px);margin:18px 16px;padding:26px 28px 22px}
}
@media(max-width:1100px){
.unna-lead-section{grid-template-columns:1fr}
.unna-lead-copy{min-height:620px;padding:58px 7vw 48px}
.unna-lead-form-card{width:auto;margin:28px 6vw 54px;max-width:none}
}
@media(max-width:680px){
.unna-lead-copy{min-height:560px;padding:46px 20px 40px}
.unna-lead-bg-media img{object-position:center bottom}
.unna-lead-copy:after{background:linear-gradient(180deg,rgba(4,43,52,.93) 0%,rgba(4,49,59,.88) 58%,rgba(4,49,59,.68) 100%)}
.unna-lead-form-card{width:auto;margin:0;border-radius:20px 20px 0 0;padding:28px 18px 24px}
}
/* v0.4.55 — Footer institucional premium, fidelidade à referência */
.unna-footer-v054{background:radial-gradient(circle at 91% 4%,rgba(0,197,142,.15),transparent 30%),linear-gradient(135deg,#032a33 0%,#04343d 58%,#063c43 100%);padding:0!important;color:#fff;overflow:hidden}
.unna-footer-v054 .unna-container{width:min(calc(100% - 88px),1540px);max-width:1540px}
.unna-footer-top{display:grid;grid-template-columns:minmax(430px,1.22fr) minmax(560px,1.22fr) minmax(220px,.58fr);gap:58px;padding:66px 0 54px;align-items:start}
.unna-footer-brand{min-width:0}
.unna-footer-brand img{height:66px;width:auto;max-width:330px;object-fit:contain;object-position:left center;display:block;margin-bottom:28px}
.unna-footer-brand h3{font-size:34px;line-height:1.14;letter-spacing:-.028em;margin:0 0 16px;max-width:560px;color:#fff;font-weight:700}
.unna-footer-brand p{font-size:18px!important;line-height:1.48!important;color:#b9cdd1!important;max-width:610px!important;margin:0!important}
.unna-footer-tagline{display:flex;align-items:center;gap:24px;margin-top:31px;color:#a9bec3;font-size:12px;font-weight:700;letter-spacing:.26em;white-space:normal}.unna-footer-tagline i{width:74px;height:4px;border-radius:4px;background:#14d9a4;display:block;flex:0 0 74px}
.unna-footer-cols{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:0;min-width:0}.unna-footer-cols>div{padding:5px 32px 0;border-left:1px solid rgba(255,255,255,.18)}
.unna-footer-cols h4{font-size:19px;margin:0 0 24px;color:#fff;position:relative;font-weight:700}.unna-footer-cols h4:after{content:"";display:block;width:38px;height:3px;background:#13d8a3;margin-top:13px}
.unna-footer-cols a{display:block;color:#b9cdd1!important;font-size:16px!important;line-height:1.5;margin:7px 0;transition:.2s}.unna-footer-cols a:hover{color:#fff!important;transform:translateX(2px)}
.unna-footer-art{min-height:292px;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;isolation:isolate}
.unna-footer-art span{position:absolute;width:325px;height:325px;border:1px solid rgba(18,216,164,.30);border-radius:96px;transform:rotate(-43deg);right:-68px;top:-58px;box-shadow:inset 0 0 0 42px rgba(8,93,91,.16);z-index:0}
.unna-footer-art:before{content:"";position:absolute;width:285px;height:96px;border-radius:50px;background:linear-gradient(90deg,rgba(6,91,94,.18),rgba(9,117,111,.32));transform:rotate(-43deg);right:-26px;top:64px;z-index:0}
.unna-footer-art:after{content:"";position:absolute;width:210px;height:72px;border:1px solid rgba(18,216,164,.18);border-radius:42px;transform:rotate(-43deg);right:54px;top:145px;z-index:0}
.unna-footer-art small{position:relative;z-index:2;color:#95b0b5;font-size:11px;line-height:1.72;letter-spacing:.31em;text-align:left;margin:0 6px 10px 0;max-width:190px}
.unna-footer-trust{border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:34px 0;display:grid;grid-template-columns:92px minmax(0,1fr) 300px;gap:30px;align-items:center}
.unna-footer-shield{width:76px;height:76px;border:0;display:grid;place-items:center;color:#13d8a3;background:transparent;font-size:0;position:relative}
.unna-footer-shield:before{content:"";width:54px;height:62px;border:3px solid #13d8a3;clip-path:polygon(50% 0,92% 16%,88% 70%,50% 100%,12% 70%,8% 16%);display:block;box-sizing:border-box}
.unna-footer-shield:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#13d8a3;font-size:28px;font-weight:700;padding-top:3px}
.unna-footer-trust strong{display:block;color:#fff;font-size:17px;letter-spacing:.055em;margin-bottom:7px;font-weight:700}.unna-footer-trust p{margin:0!important;color:#a9c0c5!important;font-size:15px!important;line-height:1.5!important;max-width:980px!important}.unna-footer-trust aside{border-left:1px solid rgba(255,255,255,.18);padding-left:38px;color:#8da9ae;font-size:11px;line-height:1.8;letter-spacing:.26em;max-width:270px}
.unna-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:31px 0 34px;color:#a9bec3;font-size:14px}.unna-footer-bottom nav{display:flex;align-items:center;gap:0}.unna-footer-bottom nav a{color:#c4d5d8!important;font-size:14px!important}.unna-footer-bottom nav a+a:before{content:"|";color:#5f7d83;margin:0 19px}
@media(max-width:1280px){.unna-footer-v054 .unna-container{width:calc(100% - 64px)}.unna-footer-top{grid-template-columns:1.15fr 1.2fr .48fr;gap:36px}.unna-footer-brand img{height:58px}.unna-footer-brand h3{font-size:31px}.unna-footer-cols>div{padding-left:24px;padding-right:22px}.unna-footer-art span{right:-110px}.unna-footer-trust{grid-template-columns:82px 1fr 245px}}
@media(max-width:980px){.unna-footer-v054 .unna-container{width:calc(100% - 48px)}.unna-footer-top{grid-template-columns:1fr;gap:38px}.unna-footer-cols{grid-template-columns:repeat(3,1fr)}.unna-footer-art{display:none}.unna-footer-trust{grid-template-columns:68px 1fr}.unna-footer-trust aside{display:none}.unna-footer-brand img{height:54px}}
@media(max-width:680px){.unna-footer-v054 .unna-container{width:calc(100% - 32px)!important}.unna-footer-top{padding:46px 0 34px;gap:34px}.unna-footer-brand img{height:42px;margin-bottom:22px;max-width:230px}.unna-footer-brand h3{font-size:28px}.unna-footer-brand p{font-size:15px!important}.unna-footer-tagline{font-size:9px;letter-spacing:.18em;gap:14px}.unna-footer-tagline i{width:42px;flex-basis:42px}.unna-footer-cols{grid-template-columns:1fr 1fr;gap:30px 0}.unna-footer-cols>div{padding:0 18px 0 0;border-left:0}.unna-footer-cols>div:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}.unna-footer-cols h4{font-size:16px;margin-bottom:17px}.unna-footer-cols a{font-size:14px!important}.unna-footer-trust{grid-template-columns:54px 1fr;gap:16px;padding:25px 0}.unna-footer-shield{width:50px;height:50px}.unna-footer-shield:before{width:36px;height:42px;border-width:2px}.unna-footer-shield:after{font-size:20px}.unna-footer-trust strong{font-size:13px;line-height:1.35}.unna-footer-trust p{font-size:12px!important;line-height:1.55!important}.unna-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:16px;padding:23px 0 28px;font-size:12px}.unna-footer-bottom nav{flex-wrap:wrap;gap:10px 0}.unna-footer-bottom nav a{font-size:12px!important}.unna-footer-bottom nav a+a:before{margin:0 10px}}
/* v0.4.56 — Footer fidelity + editable background */
.unna-footer-v054{position:relative;isolation:isolate;background:#042f38!important}
.unna-footer-v054:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--unna-footer-bg-desktop);background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.48}
.unna-footer-v054:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,37,46,.96) 0%,rgba(3,45,54,.92) 48%,rgba(4,55,62,.88) 100%)}
.unna-footer-v054 .unna-container{position:relative;z-index:1;width:min(calc(100% - 96px),1600px);max-width:1600px}
.unna-footer-top{grid-template-columns:minmax(500px,1.35fr) minmax(610px,1.28fr) minmax(260px,.62fr);gap:54px;padding:72px 0 58px}
.unna-footer-brand img{height:84px!important;max-width:390px!important;margin-bottom:26px!important}
.unna-footer-brand h3{font-size:36px;line-height:1.13;max-width:610px}
.unna-footer-brand p{font-size:18px!important;max-width:650px!important}
.unna-footer-tagline{margin-top:30px}
.unna-footer-cols>div{padding-left:34px;padding-right:28px}
.unna-footer-cols h4{font-size:20px}.unna-footer-cols a{font-size:16px!important}
.unna-footer-art{min-height:310px}
.unna-footer-art span{width:360px;height:360px;right:-82px;top:-72px}
.unna-footer-art:before{width:315px;height:105px;right:-28px;top:62px}
.unna-footer-art:after{width:230px;height:78px;right:62px;top:158px}
.unna-footer-art small{font-size:11px;line-height:1.78;letter-spacing:.33em;margin:0 12px 6px 0;max-width:205px}
/* faixa institucional inferior mais próxima da referência */
.unna-footer-trust{padding:38px 0 36px;grid-template-columns:104px minmax(0,1fr) 330px;gap:34px}
.unna-footer-shield{width:86px;height:86px}
.unna-footer-shield:before{width:60px;height:68px}
.unna-footer-shield:after{font-size:30px}
.unna-footer-trust strong{font-size:18px;letter-spacing:.05em;margin-bottom:8px}
.unna-footer-trust p{font-size:16px!important;line-height:1.52!important;max-width:1080px!important;color:#bdd0d4!important}
.unna-footer-trust aside{padding-left:48px;font-size:11px;line-height:1.9;letter-spacing:.28em;max-width:310px}
.unna-footer-bottom{padding:34px 0 38px;font-size:14px}
@media(max-width:1280px){
.unna-footer-v054 .unna-container{width:calc(100% - 64px)}
.unna-footer-top{grid-template-columns:1.28fr 1.2fr .52fr;gap:36px}
.unna-footer-brand img{height:74px!important;max-width:340px!important}
.unna-footer-brand h3{font-size:32px}
.unna-footer-trust{grid-template-columns:88px minmax(0,1fr) 265px;gap:24px}
.unna-footer-trust aside{padding-left:30px}
}
@media(max-width:980px){
.unna-footer-v054:before{background-image:var(--unna-footer-bg-mobile)}
.unna-footer-v054:after{background:linear-gradient(180deg,rgba(2,37,46,.94),rgba(3,47,56,.92))}
.unna-footer-brand img{height:64px!important;max-width:300px!important}
.unna-footer-trust{grid-template-columns:72px 1fr}.unna-footer-trust aside{display:none}
}
@media(max-width:680px){
.unna-footer-v054 .unna-container{width:calc(100% - 32px)!important}
.unna-footer-brand img{height:52px!important;max-width:250px!important}
.unna-footer-top{padding:46px 0 34px}
.unna-footer-trust{grid-template-columns:56px 1fr;gap:16px;padding:28px 0}
.unna-footer-trust p{font-size:12.5px!important}
.unna-footer-bottom{padding:24px 0 30px}
}
/* v0.4.57 — Footer trust row structural fidelity fix */
.unna-footer-v054 .unna-footer-trust{
width:100%;
min-width:0;
padding:34px 0 32px!important;
display:grid!important;
grid-template-columns:92px minmax(0,1fr) 300px!important;
gap:28px!important;
align-items:center!important;
border-top:1px solid rgba(255,255,255,.18)!important;
border-bottom:1px solid rgba(255,255,255,.18)!important;
overflow:visible!important;
}
.unna-footer-v054 .unna-footer-shield{
width:78px!important;
height:78px!important;
display:grid!important;
place-items:center!important;
color:#13d8a3!important;
border:1px solid rgba(19,216,163,.55)!important;
border-radius:20px!important;
background:rgba(4,58,66,.42)!important;
font-size:0!important;
padding:13px!important;
box-sizing:border-box!important;
}
.unna-footer-v054 .unna-footer-shield:before,
.unna-footer-v054 .unna-footer-shield:after{content:none!important;display:none!important}
.unna-footer-v054 .unna-footer-shield svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
.unna-footer-v054 .unna-footer-trust-copy{min-width:0;padding-right:24px}
.unna-footer-v054 .unna-footer-trust-copy strong{
display:block!important;
margin:0 0 7px!important;
color:#fff!important;
font-size:16px!important;
line-height:1.25!important;
font-weight:800!important;
letter-spacing:.045em!important;
}
.unna-footer-v054 .unna-footer-trust-copy p{
margin:0!important;
max-width:none!important;
color:#b8cdd1!important;
font-size:14px!important;
line-height:1.5!important;
}
.unna-footer-v054 .unna-footer-trust aside{
min-width:0!important;
width:auto!important;
max-width:none!important;
margin:0!important;
padding:0 0 0 34px!important;
border-left:1px solid rgba(255,255,255,.18)!important;
color:#8eaaaf!important;
font-size:10px!important;
line-height:1.85!important;
letter-spacing:.28em!important;
overflow-wrap:break-word!important;
}
.unna-footer-v054 .unna-footer-bottom{
min-height:76px;
padding:25px 0 27px!important;
border-top:0!important;
}
@media(max-width:1280px){
.unna-footer-v054 .unna-footer-trust{grid-template-columns:82px minmax(0,1fr) 245px!important;gap:22px!important}
.unna-footer-v054 .unna-footer-shield{width:70px!important;height:70px!important;border-radius:18px!important;padding:12px!important}
.unna-footer-v054 .unna-footer-trust-copy{padding-right:12px}
.unna-footer-v054 .unna-footer-trust-copy strong{font-size:15px!important}
.unna-footer-v054 .unna-footer-trust-copy p{font-size:13px!important}
.unna-footer-v054 .unna-footer-trust aside{padding-left:24px!important;font-size:9.5px!important;letter-spacing:.24em!important}
}
@media(max-width:980px){
.unna-footer-v054 .unna-footer-trust{grid-template-columns:70px minmax(0,1fr)!important;gap:18px!important}
.unna-footer-v054 .unna-footer-trust aside{display:none!important}
.unna-footer-v054 .unna-footer-shield{width:62px!important;height:62px!important;border-radius:16px!important;padding:10px!important}
}
@media(max-width:680px){
.unna-footer-v054 .unna-footer-trust{grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important;padding:24px 0!important}
.unna-footer-v054 .unna-footer-shield{width:48px!important;height:48px!important;border-radius:14px!important;padding:8px!important}
.unna-footer-v054 .unna-footer-trust-copy{padding-right:0}
.unna-footer-v054 .unna-footer-trust-copy strong{font-size:12px!important;line-height:1.35!important}
.unna-footer-v054 .unna-footer-trust-copy p{font-size:11.5px!important;line-height:1.5!important}
.unna-footer-v054 .unna-footer-bottom{min-height:0;padding:22px 0 26px!important}
}