
.ob-header{max-width:1440px;margin:auto;padding:28px 58px;min-height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe4d9}
.ob-header-right{display:flex;gap:32px;align-items:center;font-size:13px}.ob-header-caption{color:#809184;letter-spacing:2px;font-size:10px;font-weight:700}.ob-header-right a{border-bottom:1px solid #aab9ac;padding-bottom:3px}
.ob-shell{max-width:1320px;margin:auto;padding:46px 58px 0}.ob-intro{margin:15px 0 46px}.ob-intro h1{font-size:clamp(64px,7vw,93px);line-height:.96;margin:8px 0 19px;letter-spacing:-3px}.ob-intro>p{font-size:15px;color:#6b7f71;max-width:550px}
.ob-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#608468;display:block;margin-bottom:18px}.ob-status-dot{display:inline-block;background:#78ab76;border-radius:50%;height:7px;width:7px;margin-right:8px}
.ob-layout{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:56px}.ob-sidebar{padding-top:15px}.ob-side-heading{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7d907c}.ob-side-title{font-family:var(--serif);font-size:30px;line-height:1.1;margin:17px 0 35px;letter-spacing:-.4px}
#step-nav{display:grid;gap:12px;border-left:1px solid #d4dcd0;padding-left:23px;margin-left:10px}#step-nav button{border:0;background:transparent;display:flex;align-items:flex-start;text-align:left;gap:15px;padding:10px 8px;color:#71847a;cursor:pointer;border-radius:10px;position:relative}
#step-nav button::before{content:"";width:8px;height:8px;border:2px solid #d4dfd1;background:#f6f5ee;border-radius:50%;position:absolute;left:-30px;top:19px}#step-nav button[aria-current="step"]{color:#163b31;background:#e9efdf;font-weight:650}#step-nav button[aria-current="step"]::before{background:#214d38;border-color:#214d38}#step-nav button:disabled{opacity:.65}
.ob-step-count{font-size:10px;letter-spacing:1px;font-weight:700;color:#8da68c;min-width:22px}#step-nav button small{display:block;font-size:11px;font-weight:400;color:#84958a;margin-top:3px}
.ob-side-help{background:#e8eee0;margin-top:58px;padding:25px;border-radius:14px}.ob-side-help-symbol{font-family:var(--serif);font-size:34px;color:#4d7b5a;margin-bottom:9px}.ob-side-help strong{font-size:14px}.ob-side-help p{font-size:12px;color:#657c6c;line-height:1.7;margin-top:8px}.ob-side-help a{font-size:12px;font-weight:700;display:inline-block;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.ob-content{min-width:0}.ob-panel{background:#fff;border:1px solid #e0e7dc;border-radius:18px;box-shadow:0 16px 40px #183b3109;padding:clamp(26px,4vw,55px)}.ob-progress-meta{display:flex;justify-content:space-between;gap:20px;color:#6e8576;font-size:10px;letter-spacing:1.2px;font-weight:700}.ob-progress-track{height:3px;background:#edf0e9;margin:16px 0 43px;border-radius:10px;overflow:hidden}#progress-bar{height:100%;background:#547f58;width:25%;transition:width .25s}
.ob-page h2,.ob-complete h2{font-size:clamp(41px,4.5vw,58px);letter-spacing:-1.7px;margin:0 0 15px}.ob-section-intro{color:#64796b;font-size:13px;line-height:1.85;margin-bottom:34px;max-width:580px}
.ob-field{margin-bottom:22px}.ob-field label{display:block;font-size:12px;font-weight:700;margin-bottom:9px;line-height:1.6}.ob-field label b{color:#c27553;font-weight:600}.ob-field label span{font-size:10px;color:#8b9a8f;font-weight:400;margin-left:3px}.ob-field input,.ob-field select,.ob-field textarea{background:#f9faf7;border:1px solid #d6dfd5;padding:14px 15px;min-height:51px;border-radius:8px;width:100%;font:inherit;font-size:13px;color:#1c3c31;transition:border .15s,box-shadow .15s}.ob-field textarea{resize:vertical;line-height:1.6}.ob-field input:focus,.ob-field textarea:focus,.ob-field select:focus{border-color:#749879;outline:0;box-shadow:0 0 0 3px #84b28b2b}.ob-field input::placeholder,.ob-field textarea::placeholder{color:#9aaa9d}.ob-field small{display:block;font-size:11px;color:#809284;margin-top:7px}.ob-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ob-connect{border:1px solid #dfe8dd;background:#f6f8f4;display:flex;align-items:flex-start;gap:16px;padding:21px 18px;border-radius:10px;margin:15px 0 21px}.ob-connect-icon{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#e6ecdf;font-size:24px;color:#3f6a4a}.ob-connect strong{font-size:14px}.ob-connect p{font-size:12px;color:#728679;line-height:1.7;margin-top:4px}.ob-pill{white-space:nowrap;margin-left:auto;font-size:9px;letter-spacing:.7px;font-weight:700;color:#618266;background:#e6f0dd;padding:6px 9px;border-radius:20px}
.ob-sensitive{padding:21px;border:1px solid #e7e0cd;background:#fcfaf1;border-radius:9px;margin-top:26px}.ob-sensitive strong{font-size:13px}.ob-sensitive p{font-size:12px;color:#746d5c;margin-top:6px}
.ob-review{border:1px solid #e2e9de;border-radius:10px;margin:0 0 28px;overflow:hidden}.ob-review-item{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:15px 17px;border-bottom:1px solid #e6ebe3;font-size:12px}.ob-review-item:last-child{border-bottom:0}.ob-review-item dt{font-weight:700;color:#708477}.ob-review-item dd{margin:0;color:#1f4335;overflow-wrap:anywhere;white-space:pre-wrap}
.ob-check{display:flex;gap:12px;align-items:flex-start;padding:15px 0;color:#526a5b;font-size:12px;line-height:1.8;cursor:pointer}.ob-check input{margin-top:5px;accent-color:#204d37;flex:none;width:17px;height:17px}.ob-check a{text-decoration:underline}
.ob-feedback{font-size:12px;min-height:24px;margin-top:20px;color:#476f50}.ob-feedback[data-error=true]{color:#a52c3b}
.ob-wizard-actions{display:flex;align-items:center;gap:14px;border-top:1px solid #e2e9df;padding-top:24px;margin-top:12px;flex-wrap:wrap}.ob-action-spacer{flex:1}.ob-button{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#173b31;color:#fff;border:1px solid #173b31;padding:15px 21px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.4}.ob-button:hover{background:#245142;color:#fff}.ob-button:disabled{opacity:.45;cursor:wait}.ob-button-muted{color:#173b31;background:transparent;border-color:#afc0b2}.ob-button-muted:hover{background:#e8f0e4;color:#173b31}.ob-text-button{font-size:11px;color:#54715b;text-decoration:underline;text-underline-offset:4px;border:0;background:transparent;padding:14px 6px;font-weight:700}.ob-note{color:#7e8d80;font-size:12px;margin-top:18px}
.ob-auth{max-width:620px;margin:70px auto 110px}.ob-auth h1{font-size:clamp(52px,6vw,78px);margin:8px 0 20px}.ob-auth>p{color:#657c6c;margin-bottom:25px}.ob-auth form{display:grid;gap:12px}.ob-auth form label{font-size:12px;font-weight:700}.ob-auth form input{padding:15px;border-radius:8px;border:1px solid #bdcdbf;font:inherit}.ob-auth .ob-button{justify-self:start}.ob-underlink{display:inline-block;color:#547e5c;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:25px}
.ob-success-icon{display:grid;place-items:center;width:58px;height:58px;background:#e3efdc;border-radius:50%;font-size:27px;color:#3f754b;margin-bottom:25px}.ob-complete>p{color:#687f70;font-size:13px;line-height:1.85;max-width:590px}.ob-timeline{margin:36px 0 30px;border-left:1px solid #d5dfd4;padding-left:26px}.ob-milestone{position:relative;margin:0 0 26px}.ob-milestone::before{content:"";width:11px;height:11px;position:absolute;left:-32px;top:5px;background:#f7f9f4;border:2px solid #cad8c8;border-radius:50%}.ob-milestone[data-done=true]::before{background:#3e7750;border-color:#3e7750}.ob-milestone strong{font-size:13px}.ob-milestone p{font-size:12px;color:#75877a;margin-top:4px}.ob-owner-note{background:#eff4ea;padding:20px;border-radius:10px;color:#395844;font-size:13px;white-space:pre-wrap}.ob-complete-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}
.ob-footer{margin:80px 0 35px;border-top:1px solid #dee6db;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#7e907f;font-size:11px}.ob-footer a{text-decoration:underline}
@media(max-width:920px){.ob-shell{padding:40px 26px 0}.ob-header{padding:24px 26px}.ob-layout{grid-template-columns:1fr;gap:24px}.ob-sidebar{padding:0}.ob-side-title{margin:9px 0 18px}.ob-side-heading{display:none}#step-nav{grid-template-columns:repeat(4,1fr);border:0;padding:0;margin:0;gap:6px}#step-nav button{flex-direction:column;gap:5px;padding:9px}#step-nav button::before{display:none}#step-nav button small{font-size:10px}.ob-side-help{display:none}}
@media(max-width:600px){.ob-header-caption{display:none}.ob-header-right{gap:10px;font-size:11px}.ob-intro h1{font-size:61px}.ob-panel{padding:24px 18px}.ob-form-grid{grid-template-columns:1fr;gap:0}.ob-connect{flex-wrap:wrap}.ob-pill{margin:0 0 0 58px}#step-nav button{font-size:10px}#step-nav button small{display:none}.ob-progress-meta{font-size:9px}.ob-review-item{grid-template-columns:1fr;gap:3px}.ob-wizard-actions{gap:9px}.ob-wizard-actions .ob-button{padding:13px 14px}.ob-action-spacer{display:none}.ob-text-button{order:3;width:100%;text-align:center}.ob-footer{flex-direction:column;gap:8px}}


.ob-preview-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;margin:-10px 0 34px;border:1px solid #b8d0b6;border-radius:9px;background:#e7f0e1;color:#214e35;flex-wrap:wrap;font-size:12px}
.ob-preview-banner strong{letter-spacing:.9px;font-size:10px;white-space:nowrap}
.ob-preview-banner span{flex:1;min-width:260px}
.ob-preview-banner button{color:#214e35;background:transparent;border:1px solid #7f9f7c;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:700}
@media(max-width:600px){.ob-preview-banner{align-items:start;flex-direction:column}.ob-preview-banner span{min-width:0}}


/* Client orientation, optional kickoff call and explicit launch sign-off */
.ob-guide-card{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#ecf2e9,#f7f9f4);border:1px solid #dce7d8;border-radius:12px;padding:21px 25px;margin:-7px 0 38px}
.ob-guide-icon{display:grid;place-items:center;flex:0 0 49px;height:49px;border:1px solid #b5cbbb;color:#345c42;background:#fff;border-radius:50%;font-size:17px;padding-left:2px}
.ob-guide-card>div:nth-child(2){flex:1;min-width:0}.ob-guide-card strong{display:block;margin:6px 0;font-family:Georgia,serif;font-size:20px;font-weight:500;color:#244535}.ob-guide-card p{margin:0;font-size:12px;line-height:1.65;color:#65796a}
.ob-guide-tag{font-size:9px;letter-spacing:1px;color:#6d8873;border:1px solid #b9d0b7;border-radius:20px;padding:9px 12px;white-space:nowrap}
.ob-kickoff-card{margin-top:24px;border:1px solid #d8e5d6;border-radius:12px;padding:25px;background:#f4f7f0}
.ob-kickoff-card h3,.ob-approval-card h3{font-family:Georgia,serif;font-size:26px;font-weight:500;color:#264838;margin:10px 0}
.ob-kickoff-card>p,.ob-approval-card>p{font-size:13px;line-height:1.7;color:#657d69;margin:0 0 18px}
.ob-kickoff-card .ob-check{border-top:1px solid #dfe9d9;padding-top:20px;margin:18px 0 8px}
.ob-kickoff-card #kickoff-times-wrap{margin-top:19px}
.ob-approval-card{margin-top:30px;border:1px solid #c5d7c2;border-radius:12px;background:#f5f8f1;padding:27px}
.ob-scope-text{white-space:pre-wrap;overflow-wrap:anywhere;background:white;border:1px solid #dae7d9;border-radius:9px;padding:21px;font-size:13px;line-height:1.85;color:#284737;margin:22px 0}
.ob-approval-card .ob-check{margin-bottom:20px}
.ob-approval-card .ob-button{display:inline-flex;align-items:center}
@media(max-width:680px){.ob-guide-card{align-items:flex-start;flex-wrap:wrap;padding:18px}.ob-guide-tag{width:100%;text-align:center}.ob-kickoff-card,.ob-approval-card{padding:19px}.ob-guide-card strong{font-size:18px}}
