/* Original team design, extracted from the live page; scoped to the native page. */
#bpb-design-native { --ink: #19383b; --gold: #f1b933; --mint: #5dbdae; --muted: #52676b; --line: #d8e9e6; --wash: #eef9f7; font-family: Poppins, Arial, sans-serif; color: var(--ink); background: rgb(255, 255, 255); font-size: 16px; line-height: 1.75; isolation: isolate; }
#bpb-design-native * { box-sizing: border-box; }
#bpb-design-native :is(h1, h2, h3, p, a, span, summary, li, strong) { font-family: inherit; }
#bpb-design-native .container { width: min(1200px, 100% - 64px); margin-inline: auto; }
#bpb-design-native section { padding: 80px 0px; scroll-margin-top: 100px; }
#bpb-design-native :is(h1, h2, h3, p) { margin: 0px; }
#bpb-design-native :is(h1, h2, h3) { color: var(--ink); font-weight: 700; line-height: 1.2; letter-spacing: -0.035em; }
#bpb-design-native h1 { font-size: clamp(36px, 4.7vw, 60px); font-weight: 800; }
#bpb-design-native h2 { font-size: clamp(28px, 3vw, 40px); max-width: 850px; }
#bpb-design-native h3 { font-size: 21px; letter-spacing: -0.02em; }
#bpb-design-native p { color: var(--muted); margin-top: 16px; }
#bpb-design-native a { color: var(--ink); text-underline-offset: 5px; }
#bpb-design-native img { display: block; width: 100%; height: auto; }
#bpb-design-native :is(a, summary):focus-visible { outline: 3px solid var(--gold); outline-offset: 5px; }
#bpb-design-native .eyebrow { display: inline-flex; align-items: center; gap: 9px; font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 0.045em; line-height: 1.4; text-transform: uppercase; color: var(--ink); margin-bottom: 16px; }
#bpb-design-native .eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); flex: 0 0 auto; }
#bpb-design-native .section-intro { max-width: 760px; margin-top: 18px; margin-bottom: 36px; }
#bpb-design-native .text-link { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; text-decoration: none; margin-top: 24px; }
#bpb-design-native .text-link:hover { text-decoration: none; }
#bpb-design-native :is(.primary-btn, .secondary-btn, .whatsapp-btn) { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 49px; padding: 12px 20px; border-radius: 10px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-decoration: none; line-height: 1.4; transition: background-color 0.18s, box-shadow 0.18s; }
#bpb-design-native .primary-btn { background: var(--gold); color: var(--ink); box-shadow: rgba(241, 185, 51, 0.14) 0px 7px 20px; }
#bpb-design-native .secondary-btn { border-color: var(--line); color: var(--ink); background: rgb(255, 255, 255); }
#bpb-design-native .whatsapp-btn { background: var(--mint); color: var(--ink); }
#bpb-design-native :is(.primary-btn, .secondary-btn, .whatsapp-btn):hover { transform: none; }
#bpb-design-native .hero-actions, #bpb-design-native .cta-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
#bpb-design-native .hero-section { position: relative; overflow: hidden; padding: 30px 0px 36px; background: radial-gradient(at 100% 0%, rgb(8, 125, 116) 0px, transparent 47%), radial-gradient(at 0px 100%, rgb(40, 100, 90) 0px, transparent 40%), linear-gradient(110deg, rgb(7, 86, 79), rgb(25, 56, 59)); }
#bpb-design-native .hero-section::after { content: ""; position: absolute; right: 7%; top: 34px; width: 100px; height: 100px; border: 2px solid rgba(93, 189, 174, 0.333); border-radius: 15px; transform: rotate(-8deg); pointer-events: none; }
#bpb-design-native .breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; font-weight: 500; margin-bottom: 30px; color: rgb(181, 210, 205); }
#bpb-design-native .breadcrumb a { color: rgb(230, 245, 242); text-decoration: none; }
#bpb-design-native .hero-layout { display: grid; grid-template-columns: 1.35fr 1fr; gap: 48px; align-items: center; position: relative; z-index: 1; }
#bpb-design-native .hero-badge { border: 1px solid rgba(241, 185, 51, 0.4); background: rgba(241, 185, 51, 0.07); color: var(--gold); padding: 8px 14px; border-radius: 30px; font-size: 11px; font-weight: 700; }
#bpb-design-native .hero-badge::before { background: var(--gold); box-shadow: rgba(241, 185, 51, 0.125) 0px 0px 0px 4px; }
#bpb-design-native .hero-section h1 { color: rgb(255, 255, 255); }
#bpb-design-native .hero-text { font-size: 17px; line-height: 1.85; color: rgb(214, 231, 227); max-width: 650px; margin-top: 20px; }
#bpb-design-native .hero-section .secondary-btn { background: rgba(255, 255, 255, 0.047); border-color: rgba(255, 255, 255, 0.27); color: rgb(255, 255, 255); }
#bpb-design-native .hero-highlights { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; margin-top: 29px; }
#bpb-design-native .hero-highlights strong { display: block; font-size: 21px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: -0.02em; }
#bpb-design-native .hero-highlights :is(span, a) { display: block; font-size: 11px; color: rgb(184, 212, 206); line-height: 1.6; text-decoration: none; margin-top: 3px; }
#bpb-design-native .feature-tags { display: flex; flex-wrap: wrap; gap: 12px 24px; border-top: 1px solid rgba(255, 255, 255, 0.145); margin-top: 24px; padding-top: 18px; }
#bpb-design-native .feature-tags span { font-size: 12px; font-weight: 600; color: rgb(237, 247, 244); display: flex; gap: 7px; align-items: center; }
#bpb-design-native .feature-tags span::before { content: "✓"; color: var(--mint); font-size: 20px; }
#bpb-design-native .timing-note { font-size: 11px; color: rgb(184, 212, 206); margin-top: 9px; }
#bpb-design-native .hero-image { background: rgba(255, 255, 255, 0.047); border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 26px; padding: 17px; box-shadow: rgba(0, 29, 35, 0.17) 0px 20px 45px; }
#bpb-design-native .hero-image img { aspect-ratio: 7 / 5; object-fit: contain; background: rgb(255, 255, 255); border-radius: 18px; }
#bpb-design-native .hero-image-caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 14px 3px 0px; color: rgb(216, 236, 231); font-size: 11px; }
#bpb-design-native .hero-image-caption a { color: var(--gold); font-weight: 600; text-decoration: none; }
#bpb-design-native .design-row { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
#bpb-design-native .design-row + .design-row { margin-top: 75px; }
#bpb-design-native .reverse .design-text { order: 2; }
#bpb-design-native .design-image { position: relative; padding: 12px; background: var(--wash); border-radius: 24px; border: 1px solid var(--line); }
#bpb-design-native .design-image img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: 16px; }
#bpb-design-native .design-text .text-link { border-bottom: 2px solid var(--mint); padding-bottom: 5px; }
#bpb-design-native .design-capabilities { background: var(--wash); }
#bpb-design-native .capabilities-grid, #bpb-design-native .process-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; }
#bpb-design-native .capability-card { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 16px; padding: 29px; position: relative; box-shadow: rgba(25, 56, 59, 0.02) 0px 7px 22px; transition: box-shadow 0.18s, border-color 0.18s; }
#bpb-design-native .capability-card::after { content: "↗"; position: absolute; right: 25px; top: 22px; color: var(--mint); font-size: 23px; }
#bpb-design-native .capability-card:hover { transform: none; }
#bpb-design-native .card-number { display: inline-block; color: var(--ink); font-size: 11px; font-weight: 600; letter-spacing: 0.02em; border-radius: 6px; background: var(--wash); padding: 7px 10px; margin-bottom: 22px; }
#bpb-design-native .capability-card h3 { min-height: 51px; }
#bpb-design-native .capability-card p { font-size: 14px; }
#bpb-design-native .trustpilot-wrapper { display: grid; grid-template-columns: 1.15fr 1fr; gap: 60px; align-items: center; }
#bpb-design-native .trustpilot-right { display: grid; gap: 16px; }
#bpb-design-native .review-card { padding: 28px 30px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 4px solid var(--mint); border-radius: 14px; background: var(--wash); }
#bpb-design-native .review-card:first-child::before { content: "★ ★ ★ ★ ★"; display: block; letter-spacing: 3px; color: rgb(40, 116, 105); font-size: 20px; margin-bottom: 15px; }
#bpb-design-native .review-card p { font-size: 14px; }
#bpb-design-native .design-industries { background: linear-gradient(rgb(255, 255, 255), rgb(242, 250, 248)); }
#bpb-design-native .industries-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; }
#bpb-design-native .industry-card { display: grid; grid-template-columns: 0.95fr 1.05fr; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(25, 56, 59, 0.03) 0px 10px 30px; transition: box-shadow 0.18s, border-color 0.18s; }
#bpb-design-native .industry-card:hover { transform: none; box-shadow: rgba(25, 56, 59, 0.07) 0px 16px 35px; }
#bpb-design-native .industry-image { overflow: hidden; background: var(--wash); }
#bpb-design-native .industry-image img { height: 100%; min-height: 300px; object-fit: cover; }
#bpb-design-native .card-body { padding: 26px; display: flex; flex-direction: column; min-width: 0px; }
#bpb-design-native .industry-card h3 { font-size: 23px; min-height: 56px; }
#bpb-design-native .industry-card p { font-size: 14px; margin-top: 14px; }
#bpb-design-native .card-body .text-link { margin-top: auto; padding-top: 22px; }
#bpb-design-native .industry-card .text-link::after { content: "↗"; background: var(--gold); width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; margin-left: auto; }
#bpb-design-native .design-process { background: var(--ink); }
#bpb-design-native .design-process :is(h2, .eyebrow) { color: rgb(255, 255, 255); }
#bpb-design-native .design-process .section-intro { color: rgb(197, 217, 213); }
#bpb-design-native .process-card { border: 1px solid rgba(93, 189, 174, 0.27); background: rgba(255, 255, 255, 0.02); padding: 29px; border-radius: 16px; }
#bpb-design-native .process-card .card-number { background: var(--mint); color: var(--ink); font-weight: 700; }
#bpb-design-native .process-card h3 { color: rgb(255, 255, 255); min-height: 51px; }
#bpb-design-native .process-card p { color: rgb(197, 217, 213); font-size: 14px; }
#bpb-design-native .portfolio-gallery { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
#bpb-design-native .portfolio-item { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(25, 56, 59, 0.03) 0px 10px 28px; }
#bpb-design-native .project-image { position: relative; background: rgb(244, 246, 245); padding: 12px; }
#bpb-design-native .project-image img { aspect-ratio: 4 / 3; object-fit: contain; border-radius: 10px; }
#bpb-design-native .project-image-label { position: absolute; bottom: 22px; left: 22px; right: 22px; width: fit-content; padding: 5px 9px; border-radius: 5px; background: rgba(25, 56, 59, 0.91); color: rgb(255, 255, 255); font-size: 10px; font-weight: 500; }
#bpb-design-native .portfolio-item .card-body { flex: 1 1 0%; display: grid; grid-template-rows: auto 54px 1fr auto auto; gap: 0px; }
#bpb-design-native .project-label { font-size: 11px; letter-spacing: 0.035em; text-transform: uppercase; color: rgb(50, 120, 110); font-weight: 600; margin-bottom: 12px; }
#bpb-design-native .portfolio-item h3 { font-size: 21px; }
#bpb-design-native .portfolio-item p { font-size: 14px; margin-top: 14px; }
#bpb-design-native .project-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
#bpb-design-native .project-meta span { font-size: 11px; font-weight: 500; padding: 6px 9px; border-radius: 6px; background: var(--wash); }
#bpb-design-native .portfolio-item .text-link { justify-content: space-between; border-top: 1px solid var(--line); margin-top: 22px; padding-top: 18px; }
#bpb-design-native .portfolio-cta { display: flex; gap: 25px; align-items: center; flex-wrap: wrap; margin-top: 32px; }
#bpb-design-native .portfolio-cta .text-link { margin: 0px; }
#bpb-design-native .why-design-services { background: var(--wash); }
#bpb-design-native .why-benefits { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; counter-reset: benefits 0; }
#bpb-design-native .benefit-item { padding: 26px 23px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 16px; counter-increment: benefits 1; display: grid; grid-template-rows: 48px 60px 1fr; gap: 15px; align-content: start; box-shadow: rgba(25, 56, 59, 0.02) 0px 6px 20px; }
#bpb-design-native .benefit-item::before { content: "0" counter(benefits); width: 44px; height: 44px; background: var(--wash); border: 1px solid rgba(93, 189, 174, 0.4); color: rgb(40, 106, 97); border-radius: 12px; display: grid; place-items: center; font-weight: 700; font-size: 16px; }
#bpb-design-native .benefit-item:nth-child(2)::before, #bpb-design-native .benefit-item:nth-child(4)::before { background: rgba(241, 185, 51, 0.125); border-color: rgba(241, 185, 51, 0.4); color: var(--ink); }
#bpb-design-native .benefit-item h3 { font-size: 20px; line-height: 1.35; }
#bpb-design-native .benefit-item p { font-size: 14px; margin: 0px; }
#bpb-design-native .design-faq { background: linear-gradient(rgb(238, 250, 248), rgb(225, 243, 240)); text-align: center; }
#bpb-design-native .design-faq .eyebrow { color: rgb(38, 124, 112); }
#bpb-design-native .design-faq h2 { max-width: 750px; margin-inline: auto; font-size: clamp(27px, 3vw, 37px); }
#bpb-design-native .design-faq .section-intro { margin-inline: auto; max-width: 690px; }
#bpb-design-native .faq-wrapper { max-width: 950px; margin-inline: auto; text-align: left; display: grid; gap: 18px; }
#bpb-design-native .faq-item { background: rgb(255, 255, 255); border-top: 1px solid rgb(199, 228, 222); border-right: 1px solid rgb(199, 228, 222); border-bottom: 1px solid rgb(199, 228, 222); border-image: none; border-left: 3px solid var(--mint); border-radius: 12px; box-shadow: rgba(25, 56, 59, 0.043) 0px 8px 20px; overflow: hidden; }
#bpb-design-native .faq-item summary { list-style: none; cursor: pointer; position: relative; font-size: 15px; font-weight: 600; color: var(--ink); padding: 25px 72px 25px 28px; line-height: 1.65; }
#bpb-design-native .faq-item summary::-webkit-details-marker { display: none; }
#bpb-design-native .faq-item summary::after { content: "+"; position: absolute; right: 26px; top: 24px; width: 27px; height: 27px; border-radius: 8px; background: var(--mint); color: var(--ink); font-size: 22px; line-height: 1; display: grid; place-items: center; box-shadow: rgba(93, 189, 174, 0.314) 0px 3px 10px; }
#bpb-design-native .faq-item[open] { border-left-color: var(--gold); box-shadow: rgba(25, 56, 59, 0.082) 0px 14px 30px; }
#bpb-design-native .faq-item[open] summary::after { content: "×"; background: var(--gold); transform: rotate(45deg); }
#bpb-design-native .faq-answer { padding: 0px 72px 26px 28px; }
#bpb-design-native .faq-answer p { margin: 0px; font-size: 14px; color: var(--muted); }
#bpb-design-native .design-cta { padding: 60px 0px 75px; background: rgb(255, 255, 255); }
#bpb-design-native .cta-box { position: relative; overflow: hidden; border: 1px solid rgba(93, 189, 174, 0.267); background: radial-gradient(ellipse at 100% 100%,#28645a,transparent 65%),var(--ink); padding: 52px; border-radius: 24px; display: grid; grid-template-columns: 1.25fr 1fr; gap: 55px; align-items: center; }
#bpb-design-native .cta-box::after { content: ""; position: absolute; right: -40px; top: -55px; width: 160px; height: 160px; border: 1px solid rgba(93, 189, 174, 0.27); border-radius: 30px; transform: rotate(30deg); pointer-events: none; }
#bpb-design-native .cta-box :is(h2, .eyebrow) { color: rgb(255, 255, 255); }
#bpb-design-native .cta-box h2 { font-size: clamp(29px, 3vw, 40px); }
#bpb-design-native .cta-box p { font-size: 15px; color: rgb(202, 222, 218); }
#bpb-design-native .cta-box .secondary-btn { background: rgba(255, 255, 255, 0.03); color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.25); }
#bpb-design-native .cta-list { padding: 24px; list-style: none; margin: 0px; border: 1px solid rgba(255, 255, 255, 0.125); border-radius: 16px; background: rgba(255, 255, 255, 0.02); position: relative; z-index: 1; }
#bpb-design-native .cta-list li { display: flex; gap: 12px; color: rgb(229, 243, 239); font-size: 14px; padding: 12px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.075); }
#bpb-design-native .cta-list li:last-child { border: 0px; }
#bpb-design-native .cta-list li::before { content: "✓"; color: var(--mint); font-size: 18px; font-weight: 700; }
@media (max-width: 1050px) {
#bpb-design-native .hero-layout { gap: 30px; grid-template-columns: 1.2fr 1fr; }
#bpb-design-native .hero-highlights strong { font-size: 18px; }
#bpb-design-native .hero-actions { gap: 8px; }
#bpb-design-native .hero-actions a { padding: 12px 14px; font-size: 12px; }
#bpb-design-native .industry-card { grid-template-columns: 1fr; }
#bpb-design-native .industry-image img { height: 240px; min-height: 0px; object-fit: cover; }
#bpb-design-native .industry-card h3 { min-height: 0px; }
#bpb-design-native .industry-card .card-body { min-height: 250px; }
#bpb-design-native .why-benefits { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
#bpb-design-native .portfolio-gallery { gap: 16px; }
#bpb-design-native .portfolio-item .card-body { padding: 20px; grid-template-rows: auto 78px 1fr auto auto; }
#bpb-design-native .design-row { gap: 36px; }
#bpb-design-native .cta-box { padding: 36px; gap: 30px; }
}
@media (max-width: 760px) {
#bpb-design-native .container { width: calc(100% - 36px); }
#bpb-design-native section { padding: 55px 0px; }
#bpb-design-native .hero-section { padding: 24px 0px 30px; }
#bpb-design-native .hero-layout, #bpb-design-native .design-row, #bpb-design-native .trustpilot-wrapper, #bpb-design-native .cta-box { grid-template-columns: 1fr; gap: 30px; }
#bpb-design-native .hero-image { max-width: 550px; width: 100%; margin-inline: auto; }
#bpb-design-native .hero-text { font-size: 15px; }
#bpb-design-native .hero-highlights { gap: 10px; }
#bpb-design-native .hero-highlights strong { font-size: 17px; }
#bpb-design-native .hero-highlights :is(span, a) { font-size: 10px; }
#bpb-design-native .feature-tags { gap: 8px 18px; }
#bpb-design-native .feature-tags span { font-size: 11px; }
#bpb-design-native .reverse .design-text { order: 0; }
#bpb-design-native .design-row + .design-row { margin-top: 50px; }
#bpb-design-native .capabilities-grid, #bpb-design-native .process-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
#bpb-design-native .capability-card, #bpb-design-native .process-card { padding: 22px; }
#bpb-design-native .portfolio-gallery { grid-template-columns: 1fr; }
#bpb-design-native .portfolio-item .card-body { grid-template-rows: auto auto auto auto auto; padding: 25px; }
#bpb-design-native .portfolio-item h3 { min-height: 0px; }
#bpb-design-native .project-image img { max-height: 340px; }
#bpb-design-native .cta-box { padding: 30px 25px; }
#bpb-design-native .cta-list { padding: 18px; }
#bpb-design-native .faq-item summary { padding: 22px 60px 22px 21px; font-size: 14px; }
#bpb-design-native .faq-item summary::after { right: 20px; top: 22px; }
#bpb-design-native .faq-answer { padding: 0px 24px 24px 21px; }
#bpb-design-native .design-cta { padding: 45px 0px; }
}
@media (max-width: 520px) {
#bpb-design-native .industries-grid, #bpb-design-native .capabilities-grid, #bpb-design-native .process-grid, #bpb-design-native .why-benefits { grid-template-columns: 1fr; }
#bpb-design-native .benefit-item { grid-template-rows: 48px auto auto; }
#bpb-design-native .industry-card .card-body { min-height: 0px; }
#bpb-design-native .capability-card h3, #bpb-design-native .process-card h3 { min-height: 0px; }
#bpb-design-native .hero-actions .primary-btn { width: 100%; }
#bpb-design-native .hero-actions :is(.secondary-btn, .whatsapp-btn) { flex: 1 1 0%; }
#bpb-design-native .cta-buttons a { width: 100%; }
#bpb-design-native .hero-badge { font-size: 9px; }
#bpb-design-native .hero-highlights { grid-template-columns: 1fr 1fr; }
#bpb-design-native .hero-highlights > div:last-child { grid-column: 1 / -1; }
#bpb-design-native .hero-highlights > div:last-child strong { display: none; }
#bpb-design-native .hero-highlights > div:last-child a { color: var(--gold); font-size: 12px; }
#bpb-design-native .industry-image img { height: 260px; }
}
@media (prefers-reduced-motion: reduce) {
#bpb-design-native * { transition: none !important; transform: none !important; }
}
#bpb-design-native { font-weight: 400 !important; font-style: normal !important; }
#bpb-design-native p, #bpb-design-native p:hover, #bpb-design-native .section-intro, #bpb-design-native .faq-answer p, #bpb-design-native .cta-list li { font-weight: 400 !important; font-style: normal !important; }
#bpb-design-native p :is(span, a) { font-weight: inherit !important; }
#bpb-design-native :is(h1, h2, h3) { font-weight: 700 !important; }
#bpb-design-native h1 { font-weight: 800 !important; }
#bpb-design-native a, #bpb-design-native a:link, #bpb-design-native a:visited, #bpb-design-native a:hover, #bpb-design-native a:focus, #bpb-design-native a:active { font-family: Poppins, Arial, sans-serif !important; font-weight: 600 !important; font-style: normal !important; letter-spacing: normal !important; text-decoration: none !important; transform: none !important; translate: none !important; scale: none !important; animation: auto ease 0s 1 normal none running none !important; transition: color 180ms, background-color 180ms, border-color 180ms, box-shadow 180ms !important; }
#bpb-design-native a :is(span, strong) { font-family: inherit !important; font-weight: inherit !important; color: inherit !important; text-decoration: none !important; transition: none !important; }
#bpb-design-native :is(.primary-btn, .secondary-btn, .whatsapp-btn), #bpb-design-native :is(.primary-btn, .secondary-btn, .whatsapp-btn):is(:hover, :focus, :active, :visited) { font-size: 14px !important; line-height: 1.4 !important; border-width: 1px !important; border-style: solid !important; }
#bpb-design-native .primary-btn, #bpb-design-native .primary-btn:visited { background-color: var(--gold) !important; color: var(--ink) !important; border-color: transparent !important; }
#bpb-design-native .primary-btn:is(:hover, :focus-visible) { background-color: rgb(229, 172, 37) !important; color: var(--ink) !important; border-color: transparent !important; box-shadow: rgba(241, 185, 51, 0.208) 0px 8px 22px !important; }
#bpb-design-native .whatsapp-btn, #bpb-design-native .whatsapp-btn:visited { background-color: var(--mint) !important; color: var(--ink) !important; border-color: transparent !important; }
#bpb-design-native .whatsapp-btn:is(:hover, :focus-visible) { background-color: rgb(120, 203, 189) !important; color: var(--ink) !important; border-color: transparent !important; box-shadow: rgba(93, 189, 174, 0.145) 0px 6px 18px !important; }
#bpb-design-native .secondary-btn, #bpb-design-native .secondary-btn:visited { color: var(--ink) !important; background-color: rgb(255, 255, 255) !important; border-color: var(--line) !important; }
#bpb-design-native .secondary-btn:is(:hover, :focus-visible) { color: var(--ink) !important; background-color: var(--wash) !important; border-color: var(--mint) !important; }
#bpb-design-native :is(.hero-section, .cta-box) .secondary-btn, #bpb-design-native :is(.hero-section, .cta-box) .secondary-btn:visited { color: rgb(255, 255, 255) !important; background-color: rgba(255, 255, 255, 0.047) !important; border-color: rgba(255, 255, 255, 0.27) !important; }
#bpb-design-native :is(.hero-section, .cta-box) .secondary-btn:is(:hover, :focus-visible) { color: rgb(255, 255, 255) !important; background-color: rgba(255, 255, 255, 0.094) !important; border-color: var(--mint) !important; }
#bpb-design-native .text-link, #bpb-design-native .text-link:is(:hover, :focus, :active, :visited) { font-size: 14px !important; line-height: 1.75 !important; color: var(--ink) !important; }
#bpb-design-native .text-link:is(:hover, :focus-visible) { color: rgb(40, 116, 105) !important; }
#bpb-design-native .design-text .text-link { border-bottom: 2px solid var(--mint) !important; }
#bpb-design-native .portfolio-item .text-link { border-top: 1px solid var(--line) !important; }
#bpb-design-native .breadcrumb a, #bpb-design-native .breadcrumb a:is(:hover, :focus, :visited) { font-size: 13px !important; font-weight: 500 !important; line-height: 1.75 !important; color: rgb(230, 245, 242) !important; }
#bpb-design-native .hero-highlights a, #bpb-design-native .hero-highlights a:is(:hover, :focus, :visited) { font-size: 11px !important; line-height: 1.6 !important; color: rgb(184, 212, 206) !important; }
#bpb-design-native .hero-highlights a:is(:hover, :focus-visible) { color: var(--gold) !important; }
#bpb-design-native .hero-image-caption a, #bpb-design-native .hero-image-caption a:is(:hover, :focus, :visited) { font-size: 11px !important; line-height: 1.75 !important; color: var(--gold) !important; }
#bpb-design-native :is(.capability-card, .industry-card), #bpb-design-native :is(.capability-card, .industry-card):hover { transform: none !important; translate: none !important; scale: none !important; animation: auto ease 0s 1 normal none running none !important; transition: border-color 180ms, box-shadow 180ms !important; }
#bpb-design-native .capability-card:hover { border-color: var(--mint); box-shadow: rgba(25, 56, 59, 0.047) 0px 8px 24px; }
#bpb-design-native .faq-item summary { font-weight: 600 !important; font-style: normal !important; transition: color 180ms !important; }
#bpb-design-native .faq-item summary::after { font-family: Arial, sans-serif !important; font-weight: 400 !important; transition: background-color 180ms, box-shadow 180ms !important; }
#bpb-design-native .faq-item[open] summary::after { content: "−"; transform: none !important; }
@media (max-width: 1050px) {
#bpb-design-native .hero-actions :is(.primary-btn, .secondary-btn, .whatsapp-btn), #bpb-design-native .hero-actions :is(.primary-btn, .secondary-btn, .whatsapp-btn):is(:hover, :focus, :active, :visited) { font-size: 12px !important; }
}
@media (max-width: 520px) {
#bpb-design-native .hero-highlights > div:last-child a, #bpb-design-native .hero-highlights > div:last-child a:is(:hover, :focus, :visited) { font-size: 12px !important; color: var(--gold) !important; }
}
@media (prefers-reduced-motion: reduce) {
#bpb-design-native a, #bpb-design-native :is(.capability-card, .industry-card, .faq-item summary) { transition: none !important; }
}
/* Native page corrections: preserve the team design without duplicate decoration. */
#bpb-design-native .faq-item summary::before,#bpb-design-native .benefit-item::after,#bpb-design-native .industry-card .text-link::after,#bpb-design-native .capability-card::after{content:none!important;display:none!important}
#bpb-design-native .faq-item summary{list-style:none}
#bpb-design-native .faq-item summary::marker{content:''}
#bpb-design-native .faq-item summary::-webkit-details-marker{display:none}
#bpb-design-native .benefit-item:nth-child(1)::before{content:'01'}
#bpb-design-native .benefit-item:nth-child(2)::before{content:'02'}
#bpb-design-native .benefit-item:nth-child(3)::before{content:'03'}
#bpb-design-native .benefit-item:nth-child(4)::before{content:'04'}
#bpb-design-native .hero-image img{aspect-ratio:4/3;object-fit:cover}
#bpb-design-native .text-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:520px){#bpb-design-native .container{width:calc(100% - 40px)}#bpb-design-native .hero-highlights{gap:12px}#bpb-design-native .hero-highlights strong{font-size:17px}#bpb-design-native .hero-image{padding:12px}#bpb-design-native .hero-image-caption{gap:8px}#bpb-design-native .cta-buttons a{width:100%}}