/* Custom Cable Process page only: shared Hero, Header, Support and Footer remain untouched. */
.custom-cable-page .custom-cable-container { width:88%; max-width:1440px; margin:0 auto; }
.custom-cable-page .custom-cable-section { padding:104px 0; }
.custom-cable-page .custom-cable-copy h2, .custom-cable-page .custom-cable-heading h2 { margin:10px 0 16px; color:#173a61; }
.custom-cable-page .custom-cable-copy .lead { max-width:580px; margin-bottom:28px; }
.custom-cable-page .custom-cable-intro__grid { display:grid; grid-template-columns:minmax(0,42fr) minmax(0,56fr); gap:2%; align-items:center; }
.custom-cable-page .custom-cable-intro__image { aspect-ratio:1.48 / 1; margin:0; overflow:hidden; }
.custom-cable-page .custom-cable-intro__image img { display:block; width:100%; height:100%; object-fit:cover; }
.custom-cable-page .custom-cable-requirements { background:#f4f8fc; }
.custom-cable-page .custom-cable-heading { max-width:760px; margin-bottom:46px; }
.custom-cable-page .custom-cable-heading p { max-width:650px; margin:0; color:#64758a; }
.custom-cable-page .custom-cable-heading--center { margin-right:auto; margin-left:auto; text-align:center; }
.custom-cable-page .custom-cable-heading--center p { margin-right:auto; margin-left:auto; }
.custom-cable-page .custom-cable-requirements__grid, .custom-cable-page .custom-cable-benefits__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.custom-cable-page .custom-cable-requirements__grid article { min-height:260px; box-sizing:border-box; padding:34px 28px; background:#fff; border:1px solid #dce7f1; }
.custom-cable-page .custom-cable-requirements__grid span, .custom-cable-page .custom-cable-step__copy > span { display:block; color:#0b76bc; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.custom-cable-page .custom-cable-requirements__grid h3 { margin:24px 0 14px; color:#173a61; font-size:21px; line-height:1.2; }
.custom-cable-page .custom-cable-requirements__grid p { margin:0; color:#53687d; font-size:16px; line-height:1.65; }
.custom-cable-page .custom-cable-note { max-width:880px; margin:28px 0 0; padding-left:19px; color:#53687d; border-left:3px solid #f0b72e; font-size:16px; line-height:1.65; }
.custom-cable-page .custom-cable-review { overflow:hidden; }
.custom-cable-page .custom-cable-timeline { position:relative; }
.custom-cable-page .custom-cable-timeline::before { position:absolute; top:48px; bottom:48px; left:50%; width:1px; background:#e2b145; content:""; }
.custom-cable-page .custom-cable-step { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 124px minmax(0,1fr); gap:48px; align-items:center; min-height:334px; }
.custom-cable-page .custom-cable-step + .custom-cable-step { margin-top:120px; }
.custom-cable-page .custom-cable-step figure { order:0; aspect-ratio:1.55 / 1; margin:0; overflow:hidden; background:#e9f0f6; }
.custom-cable-page .custom-cable-step figure img { display:block; width:100%; height:100%; object-fit:cover; }
.custom-cable-page .custom-cable-step__copy { order:2; max-width:470px; }
.custom-cable-page .custom-cable-step__copy h3 { margin:10px 0 16px; color:#173a61; font-size:28px; line-height:1.17; }
.custom-cable-page .custom-cable-step__copy p { margin:0; color:#53687d; font-size:17px; line-height:1.7; }
.custom-cable-page .custom-cable-step__node { position:relative; z-index:1; order:1; display:flex; width:82px; height:82px; margin:auto; align-items:center; justify-content:center; flex-direction:column; color:#fff; background:#075fa7; clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%); }
.custom-cable-page .custom-cable-step__node svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.custom-cable-page .custom-cable-step__node strong { margin-top:2px; font-size:12px; letter-spacing:.08em; }
.custom-cable-page .custom-cable-step:nth-child(even) figure { order:2; }
.custom-cable-page .custom-cable-step:nth-child(even) .custom-cable-step__copy { order:0; justify-self:end; }
.custom-cable-page .custom-cable-benefits { padding-top:82px; background:#f4f8fc; }
.custom-cable-page .custom-cable-benefits__grid article { padding:8px 28px 8px 0; border-right:1px solid #d5e1ec; }
.custom-cable-page .custom-cable-benefits__grid article:not(:first-child) { padding-left:28px; }
.custom-cable-page .custom-cable-benefits__grid article:last-child { border-right:0; }
.custom-cable-page .custom-cable-benefits__grid h3 { margin:0 0 12px; color:#173a61; font-size:20px; line-height:1.25; }
.custom-cable-page .custom-cable-benefits__grid p { margin:0; color:#64758a; font-size:15px; line-height:1.65; }
@media (max-width:900px) { .custom-cable-page .custom-cable-section { padding:78px 0; } .custom-cable-page .custom-cable-intro__grid { grid-template-columns:1fr; gap:36px; } .custom-cable-page .custom-cable-requirements__grid, .custom-cable-page .custom-cable-benefits__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .custom-cable-page .custom-cable-step { grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr); gap:26px; } .custom-cable-page .custom-cable-step + .custom-cable-step { margin-top:84px; } }
@media (max-width:640px) { .custom-cable-page .custom-cable-section { padding:58px 0; } .custom-cable-page .custom-cable-requirements__grid, .custom-cable-page .custom-cable-benefits__grid { grid-template-columns:1fr; } .custom-cable-page .custom-cable-requirements__grid article { min-height:0; } .custom-cable-page .custom-cable-timeline::before { left:40px; top:44px; bottom:44px; } .custom-cable-page .custom-cable-step, .custom-cable-page .custom-cable-step:nth-child(even) { grid-template-columns:80px minmax(0,1fr); gap:20px; align-items:start; } .custom-cable-page .custom-cable-step figure, .custom-cable-page .custom-cable-step:nth-child(even) figure { grid-column:2; grid-row:1; order:initial; } .custom-cable-page .custom-cable-step__node, .custom-cable-page .custom-cable-step:nth-child(even) .custom-cable-step__node { grid-column:1; grid-row:1 / span 2; order:initial; width:80px; height:80px; } .custom-cable-page .custom-cable-step__copy, .custom-cable-page .custom-cable-step:nth-child(even) .custom-cable-step__copy { grid-column:2; grid-row:2; justify-self:start; order:initial; } .custom-cable-page .custom-cable-step__copy h3 { font-size:24px; } .custom-cable-page .custom-cable-benefits__grid article, .custom-cable-page .custom-cable-benefits__grid article:not(:first-child) { padding:20px 0; border-right:0; border-bottom:1px solid #d5e1ec; } .custom-cable-page .custom-cable-benefits__grid article:last-child { border-bottom:0; } }
