/* Isolated WO-036 composition. The accepted shared shell is imported unchanged. */
html{scroll-behavior:auto}
.services-proof{--family-gap:60px;--entry-gap:24px}
.directory-opening{background:var(--hero);color:#fff}
.opening-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:56px;align-items:center;padding-block:24px}
.services-proof h1{font-size:clamp(42px,3.55vw,52px);line-height:1.08;letter-spacing:-.025em;max-width:24ch}
.opening-copy>p{font-size:17px;line-height:1.55;max-width:61ch;margin-block-start:12px;color:#fff}
.opening-action{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:8px 16px;margin-block-start:18px;border:1px solid #fff;border-radius:6px;text-decoration:none;background:#fff;color:#005a96;font-size:15px;font-weight:600}
.opening-action:hover{background:#e3f3ff;border-color:#e3f3ff}
.directory-opening :focus-visible{outline-color:#fff}
.software-visual{margin:0;min-width:0}
.software-scene{display:grid;grid-template-columns:34% 66%;gap:0;align-items:center;min-width:0}
.odoo-visual{padding-inline-end:20px;display:grid;gap:16px;justify-items:center}
.odoo-mark{width:90px;height:40px;object-fit:contain;background:#fff;border-radius:6px;padding:7px}
.odoo-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.odoo-icons img{display:block;width:40px;height:40px}
.application-crop{border-radius:10px;overflow:hidden;aspect-ratio:1.9;background:var(--deep)}
.application-crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 49%}
.software-visual figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;margin-block-start:12px;color:#fff}
.software-visual figcaption span:last-child{text-align:end}
.directory-family{padding-block:var(--family-gap)}
.services-proof h2{font-size:34px;line-height:1.2;letter-spacing:-.015em;margin-block-end:24px}
.software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.service-entry{min-width:0;display:grid;grid-template-rows:1fr auto;gap:18px}
.service-entry h3{font-size:25px;line-height:1.2;letter-spacing:-.012em}
.service-entry p{font-size:16px;line-height:1.6;color:var(--muted);margin-block-start:10px;max-width:65ch}
.software-grid>.service-entry{padding:26px 24px}
.software-grid>.service-entry:first-child{padding-inline-start:0}
.software-grid>.service-entry:last-child{padding-inline-end:0}
.software-grid>.service-entry+.service-entry{border-inline-start:1px solid var(--line)}
.service-destination{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.service-action{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:9px 16px;border:1px solid var(--link);border-radius:6px;color:var(--link);font-size:15px;font-weight:600;line-height:1.45;text-align:center;text-decoration:none;max-width:100%}
.service-action:hover{background:var(--link);color:var(--paper)}
.service-action:active{background:var(--soft);color:var(--ink)}
.hosting-family{background:var(--soft)}
.hosting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hosting-grid>.service-entry{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px 26px}
.portal-note{font-size:13px;color:var(--muted)}
.reseller-entry{grid-template-columns:1fr auto;grid-template-rows:auto;align-items:center;margin-block-start:18px;padding:24px 26px;border:1px solid var(--line);border-radius:12px;background:var(--paper);gap:32px}
.reseller-entry h3{font-size:24px}
.reseller-entry p{margin-block-start:6px}
.infrastructure-list{border-block-start:1px solid var(--line)}
.infrastructure-list>.service-entry{grid-template-columns:1fr auto;grid-template-rows:auto;align-items:center;gap:40px;padding-block:24px;border-block-end:1px solid var(--line)}
.infrastructure-list .service-copy{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:28px;align-items:start}
.infrastructure-list h3{font-size:23px}
.infrastructure-list p{margin:0}
.infrastructure-list .service-destination{width:248px;justify-content:flex-end}
.infrastructure-list .service-action{width:100%}
.business-family{padding-block-start:0}
.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.business-grid>.service-entry{padding-block:22px 0;border-block-start:1px solid var(--line)}
.agency-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:28px 32px;border-radius:12px;background:var(--soft)}
.agency-inner h2{font-size:28px;margin:0}
.agency-inner p{font-size:16px;line-height:1.6;color:var(--muted);margin-block-start:10px;max-width:67ch}
.agency-inner>.service-action{flex-shrink:0}
.directory-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:56px}
.directory-closing h2{font-size:32px;margin:0}
.directory-closing p{font-size:17px;color:var(--muted);margin-block-start:12px;max-width:64ch}
.directory-closing>.primary{flex-shrink:0}
[dir=rtl] .services-proof :is(h1,h2,h3){letter-spacing:0;line-height:1.5}
[dir=rtl] .services-proof h1{font-size:44px;line-height:1.35}
[dir=rtl] .service-entry p{line-height:1.85}
[dir=rtl] .software-visual figcaption{font-size:11px}
@media(max-width:1100px){.opening-grid{gap:30px}.services-proof h1{font-size:42px}.odoo-icons{gap:7px}.odoo-icons img{width:32px;height:32px}.odoo-visual{padding-inline-end:16px}.software-grid>.service-entry{padding:24px 18px}.service-entry h3{font-size:23px}.infrastructure-list .service-copy{grid-template-columns:1fr;gap:8px}.infrastructure-list .service-destination{width:230px}}
@media(max-width:850px){.services-proof{--family-gap:42px}.opening-grid{gap:24px;grid-template-columns:1.05fr .95fr;padding-block:28px}.services-proof h1{font-size:37px}.opening-copy>p{font-size:16px}.software-scene{grid-template-columns:32% 68%}.odoo-mark{width:60px;height:31px}.odoo-icons{grid-template-columns:repeat(2,1fr);gap:6px}.odoo-icons img{width:26px;height:26px}.odoo-visual{gap:10px;padding-inline-end:12px}.application-crop{aspect-ratio:.92}.software-visual figcaption{display:block;font-size:11px}.software-visual figcaption span{display:block;text-align:start}.services-proof h2{font-size:29px}.software-grid{grid-template-columns:1fr}.software-grid>.service-entry,.software-grid>.service-entry:first-child,.software-grid>.service-entry:last-child{padding:20px 0;grid-template-columns:1fr auto;grid-template-rows:auto;align-items:center;gap:24px}.software-grid>.service-entry+.service-entry{border-inline-start:0;border-block-start:1px solid var(--line)}.software-grid .service-destination{width:205px}.software-grid .service-action{width:100%}.hosting-grid>.service-entry{padding:22px}.service-entry h3{font-size:23px}.reseller-entry{padding:22px;gap:22px}.agency-inner{padding:24px;display:block}.agency-inner>.service-action{margin-block-start:18px}.directory-closing{align-items:start;flex-direction:column;gap:20px}[dir=rtl] .services-proof h1{font-size:34px}}
@media(max-width:600px){.services-proof{--family-gap:32px}.opening-grid{grid-template-columns:1fr;gap:18px;padding-block:24px 20px}.services-proof h1{font-size:34px;line-height:1.12;max-width:22ch}.opening-copy>p{font-size:16px;line-height:1.5;margin-block-start:12px}.opening-action{margin-block-start:14px}.software-visual{width:100%}.software-scene{grid-template-columns:34% 66%;gap:0}.odoo-visual{gap:8px;padding-inline-end:18px}.odoo-mark{width:66px;height:29px;padding:5px}.odoo-icons{grid-template-columns:repeat(3,1fr);gap:6px}.odoo-icons img{width:25px;height:25px}.application-crop{aspect-ratio:2.45}.software-visual figcaption{display:flex;align-items:start;gap:8px;font-size:11px;line-height:1.5;margin-block-start:8px}.software-visual figcaption span:last-child{text-align:end}.services-proof h2{font-size:27px;line-height:1.25;margin-block-end:18px}.software-grid>.service-entry,.software-grid>.service-entry:first-child,.software-grid>.service-entry:last-child{display:grid;grid-template-columns:1fr;gap:13px;padding-block:18px}.service-entry h3{font-size:23px;line-height:1.25}.service-entry p{font-size:16px;line-height:1.5;margin-block-start:8px}.software-grid .service-destination{width:auto}.software-grid .service-action{width:auto}.service-action{font-size:15px;padding:9px 14px}.hosting-grid{grid-template-columns:1fr;gap:14px}.hosting-grid>.service-entry{padding:19px 18px;gap:14px}.reseller-entry{grid-template-columns:1fr;gap:14px;padding:19px 18px;margin-block-start:14px}.reseller-entry h3{font-size:23px}.infrastructure-list>.service-entry{grid-template-columns:1fr;gap:14px;padding-block:20px}.infrastructure-list .service-copy{gap:8px}.infrastructure-list .service-destination{width:auto;justify-content:start}.infrastructure-list .service-action{width:auto}.infrastructure-list p{margin:0}.business-grid{grid-template-columns:1fr;gap:24px}.business-grid>.service-entry{padding-block-start:20px;gap:14px}.agency-inner{padding:22px 20px}.agency-inner h2{font-size:25px}.agency-inner p{font-size:16px;line-height:1.6}.directory-closing{padding-block:36px}.directory-closing h2{font-size:27px}.directory-closing p{font-size:16px;line-height:1.6}.directory-closing>.primary{min-height:48px}[dir=rtl] .services-proof h1{font-size:32px;line-height:1.4}[dir=rtl] .opening-copy>p{line-height:1.8}[dir=rtl] .service-entry p{line-height:1.75}[dir=rtl] .software-visual figcaption{font-size:10px}[dir=rtl] .services-proof h2{line-height:1.55}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.services-proof *{animation:none;transition:none}}

/* Readable illustration captions across locales and viewports. */
.software-visual figcaption,[dir=rtl] .software-visual figcaption{font-size:12px}

/* Amendment 01: native discovery links replace the opening inventory sentence. */
.group-jumps{margin-block-start:14px;max-width:480px}
.group-jumps>p{font-size:14px;font-weight:600;line-height:1.4;margin-block-end:8px}
.jump-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jump-grid>a{display:flex;align-items:center;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #b6e0fa;border-radius:6px;color:#fff;font-size:15px;line-height:1.4;text-decoration:none}
.jump-grid>a:hover{background:#0068ad;border-color:#fff}
.jump-grid>a:active{background:#005a96}
.jump-grid>a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.opening-action{margin-block-start:14px}
.software-visual figcaption{justify-content:flex-start;flex-wrap:wrap;gap:2px 12px}
.software-visual figcaption span:last-child{text-align:start}
.application-crop{display:block;aspect-ratio:1.7}
.application-crop img{object-position:50% 58%}
.hosting-entry{scroll-margin-top:24px}
.hosting-entry:focus-visible{outline:2px solid var(--link);outline-offset:-4px}
.services-proof h2[tabindex]:focus-visible{outline:2px solid var(--link);outline-offset:6px}
.agency-companion{padding-block-end:32px}
.agency-inner{padding:24px 28px}
.agency-inner h2{font-size:26px}
.agency-inner p{max-width:76ch}
.hosting-family .directory-family{padding-block-start:36px}
.included-value{font-weight:600;color:var(--ink)}
@media(min-width:851px){.opening-grid{padding-block:16px}}
@media(min-width:601px) and (max-width:850px){
 .opening-grid{grid-template-columns:1.08fr 1fr;gap:24px;padding-block:24px}
 .services-proof h1{font-size:34px}
 [dir=rtl] .services-proof h1{font-size:32px}
 .software-scene{grid-template-columns:1fr;gap:14px}
 .odoo-visual{display:flex;align-items:center;justify-content:center;gap:14px;padding:0}
 .odoo-mark{width:70px;height:32px}
 .odoo-icons{grid-template-columns:repeat(3,1fr);gap:6px}
 .odoo-icons img{width:24px;height:24px}
 .application-crop{aspect-ratio:1.5}
 .application-crop img{object-fit:contain}
 .software-visual figcaption{display:flex;flex-direction:column;gap:0;margin-block-start:10px;text-align:center}
 .software-visual figcaption span:last-child{text-align:center}
 .jump-grid>a{padding-inline:9px}
}
@media(max-width:600px){
 .opening-grid{gap:12px;padding-block:20px}
 .group-jumps{margin-block-start:12px}
 .group-jumps>p{margin-block-end:6px}
 .jump-grid>a{padding:8px 10px;font-size:15px}
 .opening-action{margin-block-start:12px}
 .software-scene{grid-template-columns:34% 66%}
 .application-crop{aspect-ratio:2.3}
 .application-crop img{object-position:50% 72%}
 .software-visual figcaption{justify-content:space-between;gap:6px;margin-block-start:6px;line-height:1.5}
 .software-visual figcaption span:last-child{text-align:end}
 .agency-companion{padding-block-end:24px}
 .agency-inner{padding:20px}
 .agency-inner h2{font-size:24px;line-height:1.3}
 [dir=rtl] .agency-inner h2{font-size:24px;line-height:1.5}
 .agency-inner p{line-height:1.6;margin-block-start:8px}
 [dir=rtl] .agency-inner p{line-height:1.75}
 .agency-inner>.service-action{margin-block-start:14px}
 .hosting-family .directory-family{padding-block-start:28px}
}