.roofio-process{width:100%!important;max-width:100%!important;display:block;position:relative;box-sizing:border-box;background:#fff9f5;overflow:visible!important}.roofio-process,.roofio-process *,.roofio-process *::before,.roofio-process *::after{box-sizing:border-box}.roofio-process-inner{width:100%!important;max-width:1760px;margin:0 auto;padding:0;display:block}.roofio-process-grid{display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;align-items:start;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.roofio-process-left,.roofio-process-right{min-width:0!important;width:auto!important;max-width:none!important}.roofio-process-left{grid-column:1;grid-row:1}.roofio-process-right{grid-column:2;grid-row:1;overflow:visible}.roofio-process-sticky{position:sticky;top:100px;padding-right:60px;z-index:2;min-width:0}.roofio-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 46px;text-transform:uppercase;letter-spacing:.02em;font-size:16px;font-weight:600;line-height:1.2;color:#0d1b41}.roofio-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#f65309;display:inline-block;flex:none}.roofio-heading{display:block;width:100%;max-width:760px;margin:0 0 36px;color:#0b1b43;font-size:56px;line-height:1.06;font-weight:400;letter-spacing:-.045em;white-space:normal;overflow-wrap:normal;word-break:normal}.roofio-heading-highlight{color:#f65309}.roofio-description{display:block;width:100%;max-width:590px;font-size:23px;line-height:1.55;color:#27385f;margin:0 0 48px}.roofio-process-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:18px 24px;background:#f65309;color:#fff;text-decoration:none;font-size:18px;font-weight:700;line-height:1;border-radius:8px;transition:transform .25s ease,background-color .25s ease}.roofio-process-btn:hover{transform:translateY(-2px)}.roofio-btn-icon{display:inline-flex;line-height:1}

/* HARD LAYOUT: timeline has a fixed rail + flexible card track. The card track can never shrink below its content area. */
.roofio-process-timeline{position:relative;width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 0 92px!important;margin:0!important;display:block}.roofio-process-list{display:flex;flex-direction:column;gap:32px;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}.roofio-process-card-wrap{position:relative;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:block!important}.roofio-process-card{position:relative;display:block;width:100%!important;max-width:820px!important;min-width:0!important;background:#fff;border:1px solid #f0e5de;border-radius:14px;padding:38px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,opacity .5s ease}.roofio-process-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(11,27,67,.08)}

/* Rail is independent of card width. */
.roofio-timeline-line,.roofio-timeline-progress{position:absolute;left:46px;top:0;width:3px;height:100%;border-radius:4px;transform:translateX(-50%);z-index:0;pointer-events:none}.roofio-timeline-line{background:#f3d9ce}.roofio-timeline-progress{height:0;background:#f65309;transition:height .12s linear}.roofio-step-marker{position:absolute;left:-46px;top:62px;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;background:#f65309;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 8px #fff9f5;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}.roofio-step-number{font-size:22px;font-weight:800;line-height:1}.roofio-process-card-wrap.is-active .roofio-step-marker{transform:translateX(-50%) scale(1.08);box-shadow:0 0 0 8px #fff9f5,0 0 0 12px rgba(246,83,9,.12)}.roofio-process-card-wrap.is-passed .roofio-step-marker{opacity:1}.roofio-process-card-wrap:not(.is-active):not(.is-passed) .roofio-step-marker{opacity:.88}.roofio-step-title{display:block;margin:0 0 16px;font-size:32px;line-height:1.15;font-weight:500;letter-spacing:-.025em;color:#0b1b43;overflow-wrap:normal;word-break:normal}.roofio-step-text{display:block;margin:0 0 32px;font-size:20px;line-height:1.55;color:#27385f;max-width:700px}.roofio-step-image{width:100%!important;max-width:100%!important;height:288px;overflow:hidden;border-radius:12px}.roofio-step-image img{display:block;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.roofio-process-card:hover .roofio-step-image img{transform:scale(1.025)}
.roofio-process-timeline[data-progress="0"] .roofio-timeline-progress{display:none}.roofio-process-timeline[data-reveal="1"] .roofio-process-card-wrap{opacity:.35;transform:translateY(24px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.roofio-process-timeline[data-reveal="1"] .roofio-process-card-wrap.is-visible{opacity:1;transform:none}

@media(max-width:1400px){.roofio-process-inner{max-width:100%}.roofio-process-grid{grid-template-columns:minmax(0,44%) minmax(0,56%)!important}.roofio-process-sticky{padding-right:42px}.roofio-heading{font-size:50px}.roofio-process-timeline{padding-left:84px!important}.roofio-timeline-line,.roofio-timeline-progress{left:42px}.roofio-step-marker{left:-42px;width:64px;height:64px;top:58px}.roofio-step-title{font-size:29px}.roofio-step-text{font-size:18px}.roofio-process-card{max-width:780px!important}}
@media(max-width:1100px){.roofio-process-grid{grid-template-columns:minmax(0,40%) minmax(0,60%)!important}.roofio-process-sticky{padding-right:25px}.roofio-heading{font-size:43px}.roofio-description{font-size:20px}.roofio-process-timeline{padding-left:74px!important}.roofio-timeline-line,.roofio-timeline-progress{left:37px}.roofio-step-marker{left:-37px;width:58px;height:58px;top:52px}.roofio-step-number{font-size:19px}.roofio-process-card{padding:30px;max-width:100%!important}.roofio-step-title{font-size:27px}}
@media(max-width:900px){.roofio-process-grid{grid-template-columns:minmax(0,36%) minmax(0,64%)!important}.roofio-heading{font-size:38px}.roofio-process-sticky{padding-right:18px}.roofio-process-timeline{padding-left:64px!important}.roofio-timeline-line,.roofio-timeline-progress{left:32px}.roofio-step-marker{left:-32px;width:52px;height:52px;top:46px}.roofio-step-number{font-size:17px}.roofio-process-card{padding:26px}.roofio-step-title{font-size:24px}}
@media(max-width:767px){.roofio-process-grid{display:block!important}.roofio-process-left,.roofio-process-right{width:100%!important;max-width:100%!important}.roofio-process-sticky{position:relative;top:auto;padding-right:0;margin-bottom:55px}.roofio-eyebrow{margin-bottom:28px}.roofio-heading{font-size:40px;margin-bottom:24px}.roofio-description{font-size:18px;margin-bottom:30px}.roofio-process-timeline{padding:0!important}.roofio-timeline-line,.roofio-timeline-progress{display:none!important}.roofio-process-list{gap:24px!important}.roofio-process-card-wrap{display:block!important}.roofio-step-marker{position:relative;display:flex;left:auto;top:auto;transform:none!important;margin:0 0 -26px 24px!important;width:52px!important;height:52px!important;z-index:3;opacity:1!important;box-shadow:0 0 0 7px #fff9f5!important}.roofio-process-card{padding:28px 24px;max-width:none!important}.roofio-step-title{font-size:25px}.roofio-step-text{font-size:17px;margin-bottom:24px}.roofio-step-image{height:240px!important}}
@media(prefers-reduced-motion:reduce){.roofio-process-card-wrap,.roofio-process-card,.roofio-step-image img,.roofio-step-marker{transition:none!important}}