.l9-c-shell { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }
.l9-c-section { padding: clamp(42px, 5vw, 76px) 0; }
.l9-c-wash { background: #f3f6f5; }
.l9-c-heading { max-width: 920px; margin-bottom: 38px; }
.l9-c-section > .l9-c-heading { margin-bottom: 0; }
.l9-c-eyebrow { color: #00894f; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; margin: 0 0 16px; }
.l9-c-section h2 { color: #171d20; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.1; letter-spacing: -.035em; font-weight: 700; margin: 0 0 22px; }
.l9-c-section h3 { color: #171d20; font-size: 23px; line-height: 1.25; letter-spacing: -.02em; font-weight: 650; margin: 0 0 18px; }
.l9-c-section p { line-height: 1.75; color: #5e6972; }
.l9-c-needs,.l9-c-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.l9-c-need { overflow: hidden; border-radius: 12px; background: #fff; border: 1px solid #e8ecea; box-shadow: 0 3px 8px #1122330b, 0 16px 38px #11223316; }
.l9-c-need a { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: #10243b; }
.l9-c-need img { width: 100%; height: auto; display: block; }
.l9-c-need-caption { padding: 22px 24px; flex: 1; display: flex; flex-direction: column; }
.l9-c-need-caption p { margin: 0 0 18px; font-size: 14px; }
.l9-c-need-caption > span { margin-top: auto; font-size: 12px; font-weight: 750; }
.l9-c-need a:hover { background: #f8faf9; }
.l9-c-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.l9-c-ecosystem { display: block; padding: 14px; background: #fff; border-radius: 12px; box-shadow: 0 12px 35px #11223312; }
.l9-c-ecosystem img { display: block; width: 100%; height: auto; border-radius: 7px; }
.l9-c-center { text-align: center; margin-top: 30px; }
.l9-c-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 50px; padding: 15px 24px; background: #171d20; color: #fff !important; border: 1px solid #171d20; border-radius: 3px; font: inherit; font-size: 12px; line-height: 1.35; font-weight: 750; text-decoration: none !important; text-align: center; cursor: pointer; }
.l9-c-button:hover { background: #284354; }
.l9-c-button:disabled { opacity: .55; cursor: wait; }
.l9-c-section a:focus-visible,.l9-c-button:focus-visible { outline: 3px solid #00ad68; outline-offset: 4px; }
.l9-c-steps article,.l9-c-callout,.l9-c-plan,.l9-c-form,.l9-c-meeting,.l9-c-direct { border-radius: 12px; border: 1px solid #e5eae7; background: #fff; box-shadow: 0 3px 8px #1122330b,0 16px 38px #11223312; padding: clamp(24px,3vw,40px); min-width: 0; }
.l9-c-steps article > span { color: #00894f; display: block; font-weight: 800; font-size: 12px; margin-bottom: 20px; }
.l9-c-callout { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; background: #f3f6f5; }
.l9-c-callout p:last-child { margin-bottom: 0; }
.l9-c-actions { display:grid; gap:18px; text-align:center; font-size:13px; }
.l9-c-plan-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 70px; align-items: start; }
.l9-package-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: stretch; }
.l9-c-plan.l9-package { padding: 0; overflow: hidden; border-radius: 10px; display: flex; flex-direction: column; }
.l9-package-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 110px; padding: 24px 28px; background: #11243c; border-bottom: 3px solid #00ad68; }
.l9-package-header p { color: #c0d7d2; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 8px; line-height: 1.4; }
.l9-package-header h3 { color: #fff; margin: 0; font-size: 25px; }
.l9-package-header > span { color: #64dba9; font-size: 25px; }
.l9-package-featured .l9-package-header { background: #006a43; }
.l9-package-featured .l9-package-header p { color: #d3f2e3; }
.l9-package-body { display: flex; flex-direction: column; flex: 1; padding: 28px; }
.l9-package-description { min-height: 52px; font-size: 14px; margin-bottom: 18px; }
.l9-c-prices p .l9-package-billing { font-size: 11px; margin-top: 8px; color: #5e6972; }
.l9-package-body > .l9-c-small { min-height: 40px; margin: 12px 0 18px; }
.l9-package-body > .l9-contact-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; width: 100%; gap: 6px; }
.l9-package-body > .l9-contact-actions > a { font-size: 12px; padding-inline: 10px; }
.l9-package-body .l9-contact-whatsapp > span:first-child { padding-inline: 9px; }
.l9-package-body .l9-contact-whatsapp .l9-contact-icon { padding: 7px; }
.l9-c-plan .l9-package-body ul { flex: 1; margin: 28px 0; }
.l9-c-plan .l9-package-body li { padding-block: 10px; font-size: 14px; line-height: 1.65; }
.l9-package-periods { border-top: 1px solid #dfe5e1; padding-top: 12px; }
.l9-package-periods h4 { font-size: 13px; margin: 0 0 8px; font-weight: 700; }
.l9-package-periods dl { margin: 0; }
.l9-package-periods dl > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid #edf0ee; }
.l9-package-periods dt { font-weight: 500; font-size: 13px; color: #263e4c; }
.l9-package-periods dt small { display: inline-block; margin-left: 6px; color: #007b4c; font-size: 11px; font-weight: 700; }
.l9-package-periods dd { text-align: right; margin: 0; }
.l9-package-periods dd strong { display: block; color: #11243c; font-size: 14px; line-height: 1.4; }
.l9-package-periods dd span { display: block; font-size: 10px; line-height: 1.3; color: #5e6972; margin-top: 1px; }
.l9-package-terms { max-width: 1080px; margin: 30px auto 0; }
.l9-package-terms p { font-size: 12px; }
.l9-store-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.l9-store-feature { min-width: 0; padding: 28px; border: 1px solid #e5eae7; border-radius: 12px; background: #fff; box-shadow: 0 3px 8px #11223308,0 12px 30px #1122330b; }
.l9-store-feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 22px; color: #00894f; background: #f1f7f4; border-radius: 50%; }
.l9-store-feature h3 { font-size: 21px; }
.l9-store-feature ul { list-style: none; padding: 0; margin: 0; }
.l9-store-feature li { padding: 9px 0; border-top: 1px solid #edf0ee; color: #5e6972; font-size: 13px; line-height: 1.65; }
.l9-store-feature-finale { display: grid; grid-template-columns: 1fr auto; gap: 36px; align-items: center; padding: clamp(28px,4vw,48px); margin-top: 30px; border-radius: 12px; background: #11243c; }
.l9-store-feature-finale .l9-c-eyebrow { color: #91e6bf; font-size: 13px; }
.l9-store-feature-finale p { color: #d4dfe8; }
.l9-store-feature-finale h3 { color: #fff; font-size: clamp(30px,3.3vw,44px); line-height: 1.15; max-width: 680px; margin: 0 0 20px; }
.l9-store-feature-finale h3 strong { color: #91e6bf; font-weight: 800; }
.l9-store-feature-finale .l9-store-feature-intro { color: #fff; font-size: clamp(18px,1.8vw,23px); font-weight: 500; line-height: 1.5; margin-bottom: 24px; }
.l9-store-feature-finale p:last-child { margin-bottom: 0; }
.l9-store-feature-finale .l9-contact-proposal { border-color: #ffffff8c; }
.l9-store-features .l9-store-feature-scope { margin: 20px 0 0; font-size: 12px; line-height: 1.7; }
@media(max-width:1100px) { .l9-store-feature-finale { grid-template-columns: 1fr; gap: 26px; } }
@media(max-width:800px) { .l9-store-feature-grid { grid-template-columns: 1fr; gap: 20px; } .l9-store-feature { padding: 26px; } }
@media(max-width:1100px) { .l9-package-grid { gap: 16px; } .l9-package-body { padding: 20px; } .l9-package-header { padding: 20px; } .l9-package-body > .l9-contact-actions { flex-direction: column; } }
@media(max-width:800px) { .l9-package-grid { grid-template-columns: 1fr; gap: 28px; } .l9-package-body > .l9-contact-actions { flex-direction: row; } .l9-package-description,.l9-package-body > .l9-c-small { min-height: 0; } }
.l9-c-prices { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.l9-c-prices p { margin: 0; }
.l9-c-price-from { display: block; font-size: 13px; font-weight: 700; line-height: 1; margin-bottom: 2px; }
.l9-c-prices strong { display: block; line-height: 1.1; }
.l9-booking-dialog { position: fixed; inset: 0; margin: auto; padding: 0; width: min(1100px,calc(100vw - 32px)); max-width: none; height: min(850px,calc(100dvh - 32px)); max-height: none; border: 0; border-radius: 12px; background: #fff; color: #171d20; box-shadow: 0 24px 80px #0005; }
.l9-booking-dialog::backdrop { background: #10243bb3; }
.l9-booking-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; border-bottom: 1px solid #e5eae7; }
.l9-booking-header h2 { margin: 0; font-size: 18px; line-height: 1.3; }
.l9-booking-close { min-width: 44px; min-height: 44px; background: #f1f6f3; border: 0; border-radius: 6px; color: #171d20; font-size: 24px; cursor: pointer; }
.l9-booking-dialog iframe { display: block; width: 100%; height: calc(100% - 130px); border: 0; }
.l9-booking-fallback { display: block; padding: 12px 20px; font-size: 12px; line-height: 1.5; }
@media(max-width:600px) { .l9-booking-dialog { width: 100vw; height: 100dvh; border-radius: 0; } }
.l9-c-prices strong { color: #10243b; font-size: clamp(34px,3.5vw,48px); font-weight: 700; letter-spacing: -.04em; }
.l9-c-prices p span { display: block; font-size: 13px; }
.l9-c-price-note,.l9-c-small { font-size: 12px; line-height: 1.6; }
.l9-c-plan ul { margin: 28px 0; padding: 0; list-style: none; }
.l9-c-plan li { padding: 10px 0 10px 24px; border-bottom: 1px solid #edf0ee; position: relative; font-size: 14px; }
.l9-c-plan li::before { content:'✓'; color:#00894f; position:absolute; left:0; }
.l9-c-faq { max-width: 960px; }
.l9-c-faq details { border-bottom:1px solid #dfe5e1; padding:20px 0; }
.l9-c-faq summary { cursor:pointer; font-weight:650; color:#171d20; }
.l9-c-faq details p { margin:16px 0 0; }
.l9-c-contact-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:30px; align-items:start; }
.l9-c-contact-aside { display:grid; gap:24px; }
.l9-c-meeting { background:#f1f6f3; }
.l9-c-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.l9-c-form label { display:block; font-size:13px; font-weight:600; color:#263e4c; margin-bottom:20px; }
.l9-c-form .l9-c-field-hint { display: block; margin-top: 8px; font-size: 12px; line-height: 1.6; font-weight: 400; color: #5e6972; }
.l9-c-form :is(input:not([type=checkbox]):not([type=hidden]),select,textarea) { box-sizing:border-box; display:block; width:100%; max-width:100%; min-height:48px; margin-top:8px; padding:12px 14px; border:1px solid #ccd7d1; border-radius:6px; background:#fbfcfb; color:#171d20; font:inherit; font-weight:400; }
.l9-c-form textarea { resize:vertical; }
.l9-c-form :is(input,select,textarea):focus { outline:2px solid #00894f; outline-offset:2px; }
.l9-c-form .l9-c-consent { display:flex; align-items:flex-start; gap:10px; font-weight:400; line-height:1.65; }
.l9-c-consent input { margin-top:4px; flex-shrink:0; width:18px; height:18px; }
.l9-c-form .l9-c-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.l9-c-email-fallback { display:block; margin-top:18px; font-size:13px; }
.l9-c-form [hidden] { display:none !important; }
.l9-c-form [data-l9-secure-submit] { margin-top:12px; }
.l9-c-form button:disabled { opacity:.65; cursor:wait; }
.l9-c-direct > a { display:block; margin:12px 0; overflow-wrap:anywhere; }
.l9-c-direct ol { margin:0; padding-left:20px; line-height:1.9; }
@media(max-width:991px) { .l9-c-needs { gap:16px; } .l9-c-steps,.l9-c-plan-layout,.l9-c-contact-layout { grid-template-columns:1fr; gap:24px; } .l9-c-callout { grid-template-columns:1fr; gap:24px; } }
@media(max-width:767px) { .l9-c-shell { width:calc(100% - 40px); } .l9-c-needs,.l9-c-fields { grid-template-columns:1fr; } .l9-c-needs { gap:24px; } .l9-c-button { width:100%; box-sizing:border-box; } .l9-c-heading { margin-bottom:28px; } .l9-c-ecosystem { padding:5px; } .l9-c-form { padding:24px 20px; } }
