.software-connect,.software-connect *{box-sizing:border-box}
.software-connect{background:#161616;color:#f4f4f4;font-family:Montserrat,Arial,sans-serif;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center;padding:120px 5.6% 120px;border-top:0;max-width:1600px;margin:0 auto}
.sc-eyebrow{font-size:10px;line-height:1.7;font-weight:600;letter-spacing:1.8px;color:#929292;margin-bottom:20px}
.sc-copy h2{font-size:clamp(27px,2.5vw,40px);font-weight:700;line-height:1.14;letter-spacing:-1.3px;margin:0 0 20px}
.sc-copy p{color:#aaa;font-size:14px;line-height:1.85;margin:0 0 24px;max-width:510px}
.sc-link{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;color:#ef4129}
.sc-link:hover{color:#ff6c59}.sc-link:focus-visible{outline:2px solid #ef4129;outline-offset:6px}
.sc-label{font-size:9px;letter-spacing:1.5px;line-height:1.5;color:#777;font-weight:600;margin-bottom:15px}
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc-tool{background:#1e1e1e;border:1px solid #363636;border-radius:5px;padding:19px 13px;min-height:98px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
.sc-tool svg{width:22px;height:22px;color:#a1a1a1}.sc-tool>span{font-size:10px;line-height:1.5;color:#c7c7c7;font-weight:500}
.sc-caption{margin:14px 0 0;color:#777;font-size:10px;line-height:1.6}
@media(max-width:1000px) and (min-width:701px){.software-connect{gap:40px;padding-top:55px;padding-bottom:55px}.sc-copy h2{font-size:27px;letter-spacing:-1px}.sc-copy p{font-size:12px}.sc-eyebrow{font-size:9px}.sc-grid{gap:7px}.sc-tool{padding:14px 10px;min-height:94px}.sc-tool>span{font-size:8px}.sc-tool svg{width:19px;height:19px}.sc-link{font-size:12px}}
@media(max-width:700px){.software-connect{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 6% 44px}.sc-copy h2{font-size:clamp(25px,7.1vw,37px);letter-spacing:-1px;line-height:1.15;margin-bottom:18px}.sc-copy h2 br{display:none}.sc-copy p{font-size:13px;line-height:1.8;margin-bottom:20px}.sc-eyebrow{font-size:9px;margin-bottom:18px}.sc-link{font-size:12px}.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sc-tool{min-height:93px;padding:16px;gap:10px}.sc-tool>span{font-size:10px}.sc-label{font-size:9px}.sc-caption{font-size:10px}}

/* Integration options: custom-built connections, no ready-made catalogue. */
.sc-grid{grid-template-columns:1fr 1fr;gap:0 26px;border-top:1px solid #353535}
.sc-tool{background:none;border:0;border-bottom:1px solid #353535;border-radius:0;min-height:64px;padding:20px 0;display:flex;justify-content:center;align-items:flex-start;gap:0}
.sc-tool>span{font-size:12px;color:#c8c8c8;font-weight:400}
.sc-caption{font-size:11px;margin-top:20px;line-height:1.7;color:#878787}
.sc-copy h2{font-size:clamp(27px,2.45vw,39px)}
@media(max-width:1000px) and (min-width:701px){.sc-tool{min-height:62px;padding:16px 0}.sc-tool>span{font-size:10px}.sc-copy h2{font-size:27px}}
@media(max-width:700px){.sc-grid{gap:0 20px}.sc-tool{min-height:62px;padding:18px 0}.sc-tool>span{font-size:11px}.sc-copy h2{font-size:clamp(25px,7.1vw,37px)}.sc-copy h2 br{display:block}}

/* Clear custom-connection diagram, no decorative icons or selectable cards. */
.sc-flow{display:grid;grid-template-columns:minmax(125px,1fr) minmax(110px,1fr) 124px;align-items:center;gap:0;min-width:0}
.sc-flow-label{display:block;font-size:8px;line-height:1.6;letter-spacing:1.3px;font-weight:600;color:#8c8c8c}
.sc-tools-column>.sc-flow-label{margin-bottom:18px}
.sc-flow-tool{font-size:12px;line-height:1.5;color:#c6c6c6;padding:15px 0;border-bottom:1px solid #353535;min-height:49px}
.sc-flow-tool:last-child{border:0}
.sc-connections{position:relative;padding-top:35px}
.sc-connections>.sc-flow-label{position:absolute;top:0;left:4px;right:4px;text-align:center;font-size:7px;letter-spacing:1px}
.sc-connections>svg{display:block;width:100%;height:147px;fill:none;stroke:#67615f;stroke-width:1.25}
.sc-flow-caption{position:absolute;top:calc(100% + 9px);left:0;right:0;text-align:center;font-size:9px;line-height:1.6;color:#8e8e8e}
.sc-franklin{display:flex;align-items:center;justify-content:center;padding:18px 12px;min-height:90px;border:1px solid #633d35;border-radius:4px;background:#201d1c;color:#ef4129;margin-top:35px}
.sc-franklin>svg{display:block;width:100%;height:auto}
.software-connect{padding-bottom:86px}
@media(max-width:1000px) and (min-width:701px){.sc-flow{grid-template-columns:minmax(100px,1fr) minmax(78px,1fr) 85px}.sc-flow-tool{font-size:10px}.sc-flow-label{font-size:7px;letter-spacing:.7px}.sc-connections>.sc-flow-label{font-size:6px;letter-spacing:.3px}.sc-franklin{padding:15px 8px;min-height:73px}.sc-flow-caption{font-size:8px}.software-connect{gap:30px}}
@media(max-width:700px){.sc-flow{grid-template-columns:minmax(115px,1fr) minmax(90px,1fr) 94px;margin-top:6px;margin-bottom:40px}.sc-flow-label{font-size:7px;letter-spacing:.8px}.sc-connections>.sc-flow-label{font-size:6px;letter-spacing:.4px}.sc-flow-tool{font-size:10px}.sc-franklin{padding:16px 8px;min-height:78px}.sc-flow-caption{font-size:8px}.software-connect{padding-bottom:36px}}
@media(max-width:370px){.sc-flow{grid-template-columns:minmax(96px,1fr) minmax(74px,1fr) 80px}.sc-flow-tool{font-size:9px}.sc-franklin{padding:12px 6px}.sc-connections>.sc-flow-label{letter-spacing:0;font-size:5.5px}}

.sc-connections{padding-top:0;margin-top:31px}.sc-connections>svg{height:196px}.sc-franklin{margin-top:31px}.sc-flow{margin-bottom:0}@media(max-width:700px){.sc-flow{margin-bottom:0}.sc-connections>svg{height:196px}}


.lc-pin,.lc-pin *{box-sizing:border-box}
.lc-pin{max-width:1600px;margin:0 auto;position:relative;isolation:isolate;overflow:hidden;min-height:530px;background:#1d1d1d;color:#fff;font-family:Montserrat,Arial,sans-serif;padding:58px 5.6% 43px;display:flex;flex-direction:column;justify-content:space-between;gap:34px}
.lc-background{position:absolute;inset:0;width:100%;height:100%;z-index:-3}
.lc-shade{position:absolute;inset:0;background:linear-gradient(90deg,#161616eF 0%,#161616df 31%,#16161675 67%,#16161635 100%),linear-gradient(0deg,#161616db,transparent 45%);z-index:-2}
.lc-content{max-width:610px}
.lc-eyebrow{font-size:10px;line-height:1.7;letter-spacing:1.8px;color:#b3b3b3;font-weight:600;margin-bottom:18px}
.lc-content h2{margin:0;color:#f6f6f6;font-size:clamp(32px,3.05vw,47px);line-height:1.1;font-weight:700;letter-spacing:-1.5px}
.lc-panel{margin-top:25px;min-height:113px;outline-offset:7px}
.lc-panel h3{margin:0 0 10px;font-size:14px;line-height:1.5;color:#fff;font-weight:600}
.lc-panel p{margin:0;font-size:14px;line-height:1.8;color:#cacbce;max-width:560px}
.lc-controls{width:100%}.lc-hint{margin:0 0 9px;color:#b5b5b5;font-size:10px;line-height:1.5;letter-spacing:.3px}
.lc-tabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.lc-track,.lc-progress{position:absolute;left:12.5%;bottom:13px;height:1px;pointer-events:none}
.lc-track{width:75%;background:#aaaaaa70}.lc-progress{width:var(--lc-progress,0%);background:#ef4129;transition:width .25s ease}
.lc-tab{font:inherit;border:0;background:none;border-radius:0;color:#b5b5b5;cursor:pointer;padding:10px 10px 0;text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0}
.lc-phase-number{font-size:9px;line-height:1.4;letter-spacing:1px;color:#999999;transition:color .2s}
.lc-tab-name{font-size:13px;line-height:1.5;font-weight:500;margin-bottom:6px;transition:color .2s}
.lc-dot{height:27px;width:27px;display:block;position:relative}
.lc-dot:before{content:'';position:absolute;left:5px;top:5px;width:17px;height:17px;border:1.5px solid #cacbce;background:#262626;border-radius:50%;transition:background .2s,box-shadow .2s,border-color .2s}
.lc-tab[aria-selected="true"] .lc-tab-name{color:#fff;font-weight:700}.lc-tab[aria-selected="true"] .lc-phase-number{color:#ef4129}
.lc-tab[aria-selected="true"] .lc-dot:before{background:#ef4129;border-color:#ef4129;box-shadow:0 0 0 4px #ef41292f}
.lc-tab:hover .lc-tab-name{color:#fff}.lc-tab:hover .lc-dot:before{box-shadow:0 0 0 4px #ffffff20}
.lc-tab:focus-visible{outline:2px solid #ef4129;outline-offset:4px}
@media(max-width:1000px) and (min-width:701px){.lc-pin{padding-top:44px;padding-bottom:34px;min-height:490px}.lc-content{max-width:520px}.lc-content h2{font-size:35px}.lc-panel p{font-size:13px}.lc-tab-name{font-size:11px}}
@media(max-width:700px){.lc-pin{padding:37px 6% 34px;min-height:570px;gap:30px}.lc-background{width:165%;left:-45%}.lc-shade{background:linear-gradient(90deg,#161616ec,#161616b8),linear-gradient(0deg,#161616e6,transparent 70%)}.lc-content h2{font-size:clamp(30px,8vw,40px);letter-spacing:-1.2px}.lc-eyebrow{font-size:9px;letter-spacing:1.3px}.lc-panel{margin-top:25px;min-height:157px}.lc-panel h3{font-size:13px;margin-bottom:10px}.lc-panel p{font-size:13px;line-height:1.85}.lc-tab{padding:10px 3px 0;gap:7px}.lc-tab-name{font-size:10px;line-height:1.4;min-height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.lc-phase-number{font-size:8px}.lc-hint{font-size:10px}.lc-dot:before{width:15px;height:15px;left:6px;top:6px}}
@media(prefers-reduced-motion:reduce){.lc-pin *{transition:none!important}}

/* Revision 02: no numbering or helper label; clearer changing copy. */
.lc-pin{min-height:460px;padding-top:88px;padding-bottom:38px;gap:26px}
.lc-panel p{font-size:16px;line-height:1.75;color:#e0e0e0;max-width:610px}
.lc-panel h3{font-size:15px;margin-bottom:10px}
.lc-content{max-width:640px}
.lc-panel{min-height:120px}
.lc-tab{gap:0}
@media(max-width:1000px) and (min-width:701px){.lc-panel p{font-size:14px}.lc-pin{min-height:450px;padding-top:72px}}
@media(max-width:700px){.lc-pin{min-height:530px;padding-top:64px;padding-bottom:34px;gap:24px}.lc-panel p{font-size:14px;line-height:1.8}.lc-panel h3{font-size:14px}.lc-panel{min-height:165px}}

.lc-background{object-fit:cover;object-position:center center}

/* Brand charcoal copy area with the facade concentrated on the right. */
.lc-pin{background:#161616}
.lc-background{left:32%;right:0;width:68%;object-fit:cover;object-position:57% center}
.lc-shade{background:linear-gradient(90deg,#161616 0%,#161616 29%,#161616f2 37%,#161616b5 47%,#16161640 66%,#16161610 100%),linear-gradient(0deg,#1616169c,transparent 48%)}
@media(max-width:700px){.lc-background{left:12%;width:110%;object-position:62% center}.lc-shade{background:linear-gradient(90deg,#161616fa 0%,#161616e8 32%,#161616a6 68%,#1616166b 100%),linear-gradient(0deg,#161616c9,transparent 65%)}}


.closing-invitation,.closing-invitation *{box-sizing:border-box}
.closing-invitation{position:relative;isolation:isolate;overflow:hidden;max-width:1600px;margin:0 auto;min-height:540px;padding:120px 5.6% 76px;background:var(--white);color:var(--ink);font-family:Montserrat,Arial,sans-serif;display:flex;align-items:flex-start}
.ci-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}
.ci-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 24%,#fffffff5 36%,#ffffffdb 46%,#ffffffa6 56%,#ffffff59 68%,#ffffff14 82%,#ffffff00 100%);z-index:-2}
.ci-copy{width:55%;max-width:650px;position:relative}
.ci-eyebrow{font-size:10px;font-weight:600;line-height:1.7;letter-spacing:1.8px;color:var(--grey-1);margin-bottom:20px}
.ci-copy h2{margin:0 0 24px;font-size:clamp(30px,2.8vw,43px);line-height:1.12;font-weight:700;letter-spacing:-1.4px;color:var(--ink)}
.ci-copy p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0;max-width:530px}
.ci-actions{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}
.ci-button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:15px 25px;min-height:49px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;border:1px solid transparent;border-radius:2px;transition:background .15s,color .15s}
.ci-primary{background:#ef4129;color:#fff}.ci-primary:hover{background:#d73924}
.ci-secondary{background:var(--white);color:var(--ink);border-color:var(--grey-3)}.ci-secondary:hover{background:#f4f4f4;border-color:var(--grey-1)}
.ci-button:focus-visible{outline:2px solid #ef4129;outline-offset:5px}
@media(max-width:1000px) and (min-width:701px){.closing-invitation{padding-top:96px;min-height:470px}.ci-copy{width:56%}.ci-copy h2{font-size:31px;letter-spacing:-1px}.ci-copy p{font-size:12px}.ci-button{font-size:11px;padding:13px 19px}.ci-shade{background:linear-gradient(90deg,#fff 0%,#fff 26%,#fffffff5 39%,#ffffffd9 50%,#ffffff99 62%,#ffffff40 78%,#ffffff00 100%)}}
@media(max-width:700px){.closing-invitation{padding:88px 6% 260px;min-height:650px;align-items:flex-start}.ci-copy{width:100%;max-width:none}.ci-eyebrow{font-size:9px;margin-bottom:18px}.ci-copy h2{font-size:clamp(28px,7.6vw,38px);letter-spacing:-1px;margin-bottom:19px}.ci-copy h2 br{display:none}.ci-copy p{font-size:13px;line-height:1.8;max-width:430px}.ci-actions{margin-top:26px;gap:10px}.ci-button{font-size:12px;padding:13px 19px}.ci-image{top:auto;bottom:0;left:0;width:100%;height:340px;object-position:78% center}.ci-shade{background:linear-gradient(180deg,#fff 0%,#fff 45%,#fffffff5 54%,#ffffffd9 62%,#ffffff99 72%,#ffffff40 84%,#ffffff00 100%)}}
@media(prefers-reduced-motion:reduce){.ci-button{transition:none}}

/* Keep the lifecycle in normal page flow at every screen size. */
.lifecycle-story{position:relative;max-width:1600px;margin:0 auto;padding:0;background:#161616}
.lifecycle-story .lc-pin{width:100%;max-width:none;margin:0;min-width:0}
.lifecycle-story .lc-content{min-width:0}
.lifecycle-story .lc-tab-name{overflow-wrap:anywhere}
@media(max-width:370px){.software-connect .sc-flow{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.8fr)}.software-connect .sc-flow-tool{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.lc-pin *{animation:none!important;transition:none!important}}

/* Homepage chrome uses the existing Montserrat/charcoal/orange-red tokens. */
html:not(.product-showcase-embed) body{overflow-x:clip}
.software-connect{padding-block:176px;border-top:0}
.lifecycle-story{overflow:visible;background:var(--ink)}
.lifecycle-story .lc-pin{background:var(--ink)}
.reference-hero .rh-platform-shell,.project-intelligence .pi-arrow{font-family:Montserrat,Arial,sans-serif}
.reference-hero h1>span,.project-intelligence :is(.pi-link,.pi-logo),.sc-link,.sc-franklin{color:var(--red)}
.reference-hero .rh-button.rh-dark{background:#35383c;border-color:#5a5e63;color:#fff}
nav .navactions>.btn{background:#35383c;color:#fff}
nav .navactions>.btn:hover{background:#464a4f}
.reference-hero button:focus-visible,.reference-hero a:focus-visible{outline-color:var(--red)}
.software-connect :is(button,input,select,textarea),.closing-invitation :is(button,input,select,textarea){font-family:inherit}
@media(max-width:1000px) and (min-width:701px){.software-connect{padding-block:144px}}
@media(max-width:700px){.software-connect{padding-block:112px}}

/* Hide the homepage GET STARTED separators while retaining their spacing. */
.builtfor{border-bottom-color:transparent}
.closing-invitation + footer{border-top-color:transparent}

/* Reversible phase emphasis trial: steady heading and synchronized copy cross-fade. */
.lifecycle-story .lc-panel{position:relative}
.lifecycle-story .lc-panel h3{font-size:clamp(20px,2.2vw,28px);line-height:1.2;font-weight:700;color:var(--red);overflow-wrap:anywhere}
.lifecycle-story .lc-panel p{color:#ededed}
.lc-phase-outgoing{position:absolute;inset:0 0 auto;pointer-events:none}

/* More breathing room before the heading and after the phase controls. */
.lifecycle-story .lc-pin{padding-block:144px}
@media(max-width:1000px) and (min-width:701px){.lifecycle-story .lc-pin{padding-block:112px}}
@media(max-width:700px){.lifecycle-story .lc-pin{padding-block:88px}}

/* Playback shares the phase controls without changing the section layout. */

/* Give the longer Estonian lifecycle heading two balanced desktop lines. */
@media(min-width:701px){
  html[lang="et"] .lifecycle-story .lc-content{width:100%;max-width:1100px}
  html[lang="et"] #lifecycle-heading{font-size:clamp(22px,3.05vw,47px)}
}
@media(max-width:700px){.lc-heading-break{display:none}}

/* Match the unboxed mobile Franklin mark in the connected-information section. */
@media(max-width:700px){
 .software-connect .sc-franklin{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}
 html[lang="et"] .lifecycle-story .lc-tab-name{font-size:clamp(7px,2.05vw,10px);line-height:1.4;overflow-wrap:normal;word-break:normal;hyphens:none}
 html[lang="et"] .lifecycle-story .lc-panel h3{font-size:clamp(16px,4.4vw,20px);line-height:1.3;overflow-wrap:normal}
}

/* Keep the Estonian tools label on one mobile line above the connector. */
@media(max-width:700px){
 html[lang="et"] .software-connect .sc-tools-column>.sc-flow-label{white-space:nowrap}
}