/* Page-only body styling. Header/footer reuse the unchanged homepage CSS. */
.yidi-capabilities-page .cap-main { background:#faf8f5; color:#292724; margin:0; padding:0; max-width:none; font-size:18px; line-height:1.55; }
.yidi-capabilities-page .cap-main .elementor,
.yidi-capabilities-page .cap-elementor { --container-default-padding-top:0; --container-default-padding-right:0; --container-default-padding-bottom:0; --container-default-padding-left:0; }
.yidi-capabilities-page .cap-elementor,
.yidi-capabilities-page .cap-elementor > .e-con-inner,
.yidi-capabilities-page .cap-elementor .elementor-widget { display:block; width:100%; max-width:none; margin:0; padding:0; gap:0; }
.yidi-capabilities-page .cap-main :is(h1,h2,h3,h4,p,ul,ol,figure) { margin:0; }
.yidi-capabilities-page .cap-main :is(ul,ol) { list-style:none; padding:0; }
.yidi-capabilities-page .cap-main :is(h1,h2) { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:0; text-transform:none; color:#242320; }
.yidi-capabilities-page .cap-main h2 { font-size:40px; line-height:1.25; }
.yidi-capabilities-page .cap-main :is(h3,h4) { font-family:inherit; font-size:19px; line-height:1.35; font-weight:600; letter-spacing:0; color:#242320; }
.yidi-capabilities-page .cap-main p { color:#625f5a; font-size:18px; line-height:1.55; }
.yidi-capabilities-page .cap-main a { color:#754b32; text-underline-offset:3px; }
.yidi-capabilities-page .cap-main img { display:block; width:100%; max-width:100%; height:100%; object-fit:cover; }
.yidi-capabilities-page .cap-main [id] { scroll-margin-top:110px; }
.yidi-capabilities-page .cap-wrap { width:calc(100% - 64px); max-width:1240px; margin-inline:auto; }
.yidi-capabilities-page .cap-section { padding-block:30px; }
.yidi-capabilities-page .cap-band { background:#f2eeea; }
.yidi-capabilities-page .cap-section > .cap-wrap > h2::after,
.yidi-capabilities-page .cap-faq > h2::after { content:""; display:block; width:38px; height:2px; background:#a47154; margin:12px 0; }
.yidi-capabilities-page .cap-main .cap-intro { margin-bottom:22px; }
.yidi-capabilities-page .cap-main .cap-kicker { color:#754b32; font-weight:600; letter-spacing:0; }
.yidi-capabilities-page .cap-hero__note::before { content:""; display:block; height:2px; background:#a47154; }
.yidi-capabilities-page .cap-actions { display:flex; flex-wrap:wrap; align-items:center; }
.yidi-capabilities-page .cap-main .cap-button { display:inline-flex; align-items:center; gap:16px; padding:13px 22px; min-height:48px; background:#754b32; color:#fff; border:1px solid #754b32; border-radius:2px; font-size:17px; line-height:1.25; font-weight:600; text-decoration:none; }
.yidi-capabilities-page .cap-text-link { display:inline-flex; align-items:center; gap:14px; font-size:17px; padding-block:12px; text-decoration:none; }
.yidi-capabilities-page .cap-icon { display:block; color:#805237; width:40px; height:40px; flex:0 0 40px; }
.yidi-capabilities-page .cap-glance__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; }
.yidi-capabilities-page .cap-glance__grid li { padding:15px 18px 12px; text-align:center; border-left:1px solid #ddd6ce; }
.yidi-capabilities-page .cap-glance__grid li:first-child { border-left:0; }
.yidi-capabilities-page .cap-glance__grid .cap-icon { margin:0 auto 14px; width:48px; height:48px; }
.yidi-capabilities-page .cap-glance__grid h3 { font-size:18px; margin-bottom:6px; }
.yidi-capabilities-page .cap-glance__grid p { font-size:16px; line-height:1.5; }
.yidi-capabilities-page .cap-main .cap-small { font-size:14px; line-height:1.5; }
.yidi-capabilities-page .cap-main .cap-glance__note { margin-top:20px; text-align:center; }
.yidi-capabilities-page .cap-services,
.yidi-capabilities-page .cap-development { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 32px; }
.yidi-capabilities-page .cap-service { background:#faf8f5; }
.yidi-capabilities-page .cap-service__image { aspect-ratio:1 / 1; overflow:hidden; }
.yidi-capabilities-page .cap-service:nth-child(1) .cap-service__image img { object-position:18% center; }
.yidi-capabilities-page .cap-service:nth-child(2) .cap-service__image img { object-position:42% center; }
.yidi-capabilities-page .cap-service:nth-child(3) .cap-service__image img { object-position:right center; }
.yidi-capabilities-page .cap-service:nth-child(4) .cap-service__image img { object-position:42% center; }
.yidi-capabilities-page .cap-service__image[data-media-slot="06"] img { object-position:56% center; }
.yidi-capabilities-page .cap-service:nth-child(6) .cap-service__image img { object-position:34% center; }
.yidi-capabilities-page .cap-service__copy { padding:10px 8px 12px; }
.yidi-capabilities-page .cap-service__copy p { font-size:18px; margin-top:4px; }
.yidi-capabilities-page .cap-service__copy a { display:inline-block; font-size:17px; margin-top:7px; }
.yidi-capabilities-page .cap-service__copy a span { display:inline-block; margin-left:9px; }
.yidi-capabilities-page .cap-main .cap-process-link { text-align:center; margin-top:22px; font-size:17px; }
.yidi-capabilities-page .cap-process-link span { margin-left:12px; }
.yidi-capabilities-page .cap-development__image { aspect-ratio:1 / 1; overflow:hidden; margin-bottom:10px; }
.yidi-capabilities-page .cap-development__image[data-media-slot="08"] img { object-position:44% center; }
/* Both measuring hands span the landscape original: retain it over a same-image backdrop. */
.yidi-capabilities-page .cap-development__image[data-media-slot="09"] { position:relative; isolation:isolate; background:#b89a7d; }
.yidi-capabilities-page .cap-development__image[data-media-slot="09"]::before { content:""; position:absolute; inset:-16px; z-index:-1; background:url('/wp-content/uploads/yidi/capabilities-v2-20261028/yidi-sample-fit-approval-800.webp') center / cover; filter:blur(14px); opacity:.75; }
.yidi-capabilities-page .cap-development__image[data-media-slot="09"] img { object-fit:contain; object-position:center; }
.yidi-capabilities-page .cap-development__image[data-media-slot="10"] img { object-position:52% center; }
.yidi-capabilities-page .cap-development p { margin-top:4px; }
.yidi-capabilities-page .cap-management { display:grid; grid-template-columns:0.38fr 0.62fr; gap:32px; }
.yidi-capabilities-page .cap-management__points { display:grid; gap:24px; align-content:start; padding-top:8px; }
.yidi-capabilities-page .cap-management__points li { display:flex; align-items:flex-start; gap:20px; }
.yidi-capabilities-page .cap-management__points p { margin-top:5px; font-size:17px; }
.yidi-capabilities-page .cap-management__points h3 { font-size:18px; }
.yidi-capabilities-page .cap-management__right { min-width:0; display:grid; gap:18px; align-content:start; }
.yidi-capabilities-page .cap-workflow,
.yidi-capabilities-page .cap-checkpoints { background:#faf8f5; padding:24px 20px 18px; }
.yidi-capabilities-page .cap-workflow ol { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.yidi-capabilities-page .cap-workflow li { position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; font-size:16px; line-height:1.3; }
.yidi-capabilities-page .cap-workflow li:not(:last-child)::after { content:"→"; position:absolute; top:16px; right:-17px; color:#a47154; font-size:22px; }
.yidi-capabilities-page .cap-workflow__icon { background:#eee7df; width:62px; height:62px; border-radius:50%; display:grid; place-items:center; }
.yidi-capabilities-page .cap-workflow__icon .cap-icon { width:34px; height:34px; }
.yidi-capabilities-page .cap-workflow .cap-small { text-align:center; margin-top:18px; }
.yidi-capabilities-page .cap-checkpoints { padding:16px 18px 18px; }
.yidi-capabilities-page .cap-checkpoints h3 { font-size:18px; margin-bottom:14px; }
.yidi-capabilities-page .cap-checkpoints ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.yidi-capabilities-page .cap-checkpoints li { display:flex; gap:10px; padding-right:10px; border-right:1px solid #ddd6ce; }
.yidi-capabilities-page .cap-checkpoints li:last-child { border:0; padding-right:0; }
.yidi-capabilities-page .cap-checkpoints .cap-icon { width:28px; height:32px; flex-basis:28px; }
.yidi-capabilities-page .cap-checkpoints h4 { font-size:13px; line-height:1.4; }
.yidi-capabilities-page .cap-checkpoints p { font-size:13px; line-height:1.45; margin-top:4px; }
.yidi-capabilities-page .cap-inquiry__grid { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); gap:42px; align-items:start; }
.yidi-capabilities-page .cap-faq details { border:1px solid #dfd8d0; margin-top:10px; }
.yidi-capabilities-page .cap-faq details[open] { background:#f2eeea; }
.yidi-capabilities-page .cap-faq summary { cursor:pointer; display:flex; align-items:center; gap:12px; list-style:none; padding:16px 14px; font-size:17px; line-height:1.4; font-weight:500; }
.yidi-capabilities-page .cap-faq summary::-webkit-details-marker { display:none; }
.yidi-capabilities-page .cap-faq summary .cap-icon { width:19px; height:22px; flex-basis:19px; }
.yidi-capabilities-page .cap-chevron { width:9px; height:9px; border-bottom:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); margin-left:auto; flex:0 0 9px; transition:transform .15s ease; }
.yidi-capabilities-page .cap-faq details[open] .cap-chevron { transform:rotate(225deg); }
.yidi-capabilities-page .cap-faq details > p { padding:2px 45px 20px; font-size:16px; }
.yidi-capabilities-page .cap-quote { background:#f2eeea; padding:24px; min-width:0; }
.yidi-capabilities-page .cap-quote > h2 { font-size:28px; line-height:1.25; margin-bottom:8px; }
.yidi-capabilities-page .cap-quote > p { font-size:16px; line-height:1.45; }
.yidi-capabilities-page .cap-quote .yidi-quote-form { margin-top:18px; background:none; padding:0; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__form { display:flex; flex-direction:column; gap:12px; padding:0; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__primary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field { margin:0; min-width:0; display:flex; flex-direction:column; gap:5px; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field:has([name="full_name"]) { order:1; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field:has([name="business_email"]) { order:2; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field:has([name="company"]) { order:3; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field:has([name="whatsapp"]) { order:4; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field:has(textarea) { order:5; grid-column:1 / -1; }
.yidi-capabilities-page .cap-quote label { font-size:13px; line-height:1.35; color:#292724; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__primary label::after { content:" *"; color:#a63b31; }
.yidi-capabilities-page .cap-quote :is(input:not([type="checkbox"]),textarea) { box-sizing:border-box; width:100%; min-width:0; padding:8px; border:1px solid #d6cec5; border-radius:2px; background:#fff; color:#292724; font-family:inherit; font-size:16px; line-height:1.4; }
.yidi-capabilities-page .cap-quote textarea { min-height:98px; resize:vertical; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field--consent { display:grid; grid-template-columns:17px minmax(0,1fr); gap:8px; align-items:start; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field--consent input[type="checkbox"] { margin:2px 0 0; width:16px; height:16px; accent-color:#754b32; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field--consent label { font-size:12px; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__field--consent .yidi-quote-form__error { grid-column:1 / -1; }
.yidi-capabilities-page .cap-quote button[type="submit"] { display:block; width:100%; border:1px solid #754b32; border-radius:2px; min-height:46px; padding:10px 14px; background:#754b32; color:white; font-family:inherit; font-size:16px; font-weight:600; line-height:1.4; cursor:pointer; }
.yidi-capabilities-page .cap-quote button:disabled { opacity:.65; cursor:wait; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__errors:empty,
.yidi-capabilities-page .cap-quote .yidi-quote-form__error:empty { display:none; }
.yidi-capabilities-page .cap-quote .yidi-quote-form__errors { font-size:14px; color:#a63b31; }
.yidi-capabilities-page .cap-quote .cap-privacy { font-size:12px; line-height:1.5; margin-top:10px; }
.yidi-capabilities-page .cap-missing-media { display:grid; width:100%; height:100%; min-height:100%; place-content:center; gap:8px; text-align:center; padding:18px; box-sizing:border-box; background:#e8e3dc; color:#6e6358; font-size:14px; border:1px dashed #a89b8d; }
.yidi-capabilities-page .cap-missing-media small { font-size:12px; }
@media (max-width:1100px) {
 .yidi-capabilities-page .cap-main h2 { font-size:36px; }
 .yidi-capabilities-page .cap-glance__grid { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:22px; }
 .yidi-capabilities-page .cap-glance__grid li:nth-child(4) { border-left:0; }
 .yidi-capabilities-page .cap-services,
 .yidi-capabilities-page .cap-development { gap:24px; }
 .yidi-capabilities-page .cap-management { grid-template-columns:1fr; }
 .yidi-capabilities-page .cap-management__points { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .yidi-capabilities-page .cap-management__points li { flex-direction:column; gap:10px; }
 .yidi-capabilities-page .cap-inquiry__grid { grid-template-columns:1.3fr 1fr; gap:28px; }
 .yidi-capabilities-page .cap-quote > h2 { font-size:26px; }
 .yidi-capabilities-page .cap-quote { padding:20px; }
}
@media (max-width:800px) {
 .yidi-capabilities-page .cap-services { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .yidi-capabilities-page .cap-development { grid-template-columns:1fr; }
 .yidi-capabilities-page .cap-inquiry__grid { grid-template-columns:1fr; gap:32px; }
 .yidi-capabilities-page .cap-quote { padding:26px; }
 .yidi-capabilities-page .cap-quote > h2 { font-size:30px; }
 .yidi-capabilities-page .cap-inquiry { padding-bottom:64px; }
}
@media (max-width:600px) {
 .yidi-capabilities-page .cap-wrap { width:calc(100% - 40px); }
 .yidi-capabilities-page .cap-section { padding-block:30px; }
 .yidi-capabilities-page .cap-main h2 { font-size:30px; line-height:1.25; }
 .yidi-capabilities-page .cap-main p { font-size:17px; }
 .yidi-capabilities-page .cap-glance__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; }
 .yidi-capabilities-page .cap-glance__grid li { padding:8px 12px; }
 .yidi-capabilities-page .cap-glance__grid li:nth-child(odd) { border-left:0; }
 .yidi-capabilities-page .cap-glance__grid li:nth-child(even) { border-left:1px solid #ddd6ce; }
 .yidi-capabilities-page .cap-glance__grid h3 { font-size:17px; }
 .yidi-capabilities-page .cap-glance__grid p { font-size:16px; }
 .yidi-capabilities-page .cap-services { grid-template-columns:1fr; }
 .yidi-capabilities-page .cap-management__points { grid-template-columns:1fr; }
 .yidi-capabilities-page .cap-management__points li { flex-direction:row; gap:16px; }
 .yidi-capabilities-page .cap-workflow ol { grid-template-columns:1fr; gap:22px; }
 .yidi-capabilities-page .cap-workflow li { flex-direction:row; gap:18px; text-align:left; }
 .yidi-capabilities-page .cap-workflow li:not(:last-child)::after { content:"↓"; left:23px; right:auto; top:auto; bottom:-23px; }
 .yidi-capabilities-page .cap-workflow__icon { width:56px; height:56px; flex:0 0 56px; }
 .yidi-capabilities-page .cap-checkpoints ul { grid-template-columns:1fr; gap:16px; }
 .yidi-capabilities-page .cap-checkpoints li { border:0; }
 .yidi-capabilities-page .cap-checkpoints h4 { font-size:16px; }
 .yidi-capabilities-page .cap-checkpoints p { font-size:15px; }
 .yidi-capabilities-page .cap-faq summary { font-size:16px; padding:14px 12px; }
 .yidi-capabilities-page .cap-faq details > p { padding:2px 20px 18px; font-size:16px; }
 .yidi-capabilities-page .cap-quote { padding:22px 18px; }
 .yidi-capabilities-page .cap-quote > h2 { font-size:27px; }
 .yidi-capabilities-page .cap-quote > p { font-size:16px; }
 .yidi-capabilities-page .cap-quote .cap-privacy { font-size:12px; }
 .yidi-capabilities-page .cap-inquiry { padding-bottom:72px; }
}
@media (prefers-reduced-motion:reduce) {
 .yidi-capabilities-page .cap-chevron { transition:none; }
}
@media (max-width:480px) {
 .yidi-capabilities-page .cap-quote .yidi-quote-form__primary { grid-template-columns:minmax(0,1fr); }
}

/* Approved continuous Hero: one image layer, one warm gradient, live HTML copy. */
.yidi-capabilities-page .cap-hero { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; min-height:600px; background:#efe8e0; }
.yidi-capabilities-page .cap-hero::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,#efe8e0 0%,#efe8e0 max(0px,calc(100% - 900px)),rgba(239,232,224,.96) 47%,rgba(239,232,224,.80) 51%,rgba(239,232,224,.42) 59%,rgba(239,232,224,.08) 69%,rgba(239,232,224,0) 75%); }
.yidi-capabilities-page .cap-hero__copy { position:relative; z-index:2; box-sizing:content-box; width:560px; max-width:calc(91% - 32px); padding:64px 32px 64px 9%; }
.yidi-capabilities-page .cap-main .cap-hero h1 { font-size:56px; line-height:1.12; max-width:560px; }
.yidi-capabilities-page .cap-main .cap-hero .cap-kicker { font-size:13px; margin-bottom:20px; }
.yidi-capabilities-page .cap-main .cap-hero__intro { font-size:21px; line-height:1.55; max-width:560px; margin-top:20px; }
.yidi-capabilities-page .cap-main .cap-hero__note { font-size:17px; line-height:1.5; max-width:600px; margin-top:16px; }
.yidi-capabilities-page .cap-hero__note::before { width:40px; margin-bottom:18px; }
.yidi-capabilities-page .cap-hero__media { position:absolute; inset:0; z-index:0; aspect-ratio:auto; }
.yidi-capabilities-page .cap-hero__media > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:right center; filter:none; }
.yidi-capabilities-page .cap-hero .cap-actions { gap:24px; margin-top:28px; }
.yidi-capabilities-page .cap-main .cap-hero .cap-button { min-height:64px; padding:18px 30px; font-size:19px; }
.yidi-capabilities-page .cap-hero .cap-text-link { font-size:19px; }
@media (min-width:1600px) {
 .yidi-capabilities-page .cap-hero { min-height:680px; }
 .yidi-capabilities-page .cap-hero__copy { width:620px; padding-block:72px; }
 .yidi-capabilities-page .cap-main .cap-hero h1 { font-size:64px; max-width:620px; }
 .yidi-capabilities-page .cap-main .cap-hero__intro { font-size:23px; max-width:600px; }
 .yidi-capabilities-page .cap-main .cap-hero__note { font-size:18px; }
 .yidi-capabilities-page .cap-hero::before { background:linear-gradient(90deg,#efe8e0 0%,#efe8e0 max(0px,calc(100% - 1020px)),rgba(239,232,224,.96) 47%,rgba(239,232,224,.80) 51%,rgba(239,232,224,.42) 59%,rgba(239,232,224,.08) 69%,rgba(239,232,224,0) 75%); }
}
@media (max-width:1100px) {
 .yidi-capabilities-page .cap-hero { min-height:580px; }
 .yidi-capabilities-page .cap-hero__copy { width:520px; padding:52px 32px; }
 .yidi-capabilities-page .cap-main .cap-hero h1 { font-size:50px; max-width:520px; }
 .yidi-capabilities-page .cap-main .cap-hero__intro { font-size:20px; max-width:500px; }
 .yidi-capabilities-page .cap-main .cap-hero .cap-button { min-height:48px; padding:13px 22px; font-size:17px; }
 .yidi-capabilities-page .cap-hero .cap-text-link { font-size:17px; }
}
@media (max-width:800px) {
 .yidi-capabilities-page .cap-hero { min-height:0; display:block; }
 .yidi-capabilities-page .cap-hero::before { background:linear-gradient(180deg,#efe8e0 0%,#efe8e0 calc(100% - 66.65vw),rgba(239,232,224,.90) calc(100% - 54vw),rgba(239,232,224,.35) calc(100% - 38vw),rgba(239,232,224,0) calc(100% - 20vw)); }
 .yidi-capabilities-page .cap-hero__copy { width:auto; max-width:none; padding:42px 32px clamp(230px,55vw,420px); }
 .yidi-capabilities-page .cap-main .cap-hero h1 { font-size:46px; max-width:540px; }
 .yidi-capabilities-page .cap-hero__media > img { object-position:center bottom; }
}
@media (max-width:600px) {
 .yidi-capabilities-page .cap-hero__copy { padding:36px 20px clamp(230px,55vw,420px); }
 .yidi-capabilities-page .cap-main .cap-hero h1 { font-size:36px; line-height:1.17; max-width:400px; }
 .yidi-capabilities-page .cap-main .cap-hero .cap-kicker { font-size:12px; margin-bottom:18px; }
 .yidi-capabilities-page .cap-main .cap-hero__intro { font-size:18px; line-height:1.5; margin-top:18px; }
 .yidi-capabilities-page .cap-main .cap-hero__note { font-size:16px; }
 .yidi-capabilities-page .cap-hero .cap-actions { gap:8px 20px; margin-top:24px; }
}