@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&display=swap");
/* Version 09: personal account, company context and shared registration. */
:root{--navy:#00a9a9;--ink:#0e3a5c;--accent:#4cbbbc;--line:#9dd4d661}
.v9-shell .workspace-main{max-width:1500px;margin:auto;padding:34px 36px 50px}.v9-shell .page-heading h1{font-size:3.25rem}.v9-shell .page-heading p{max-width:730px;line-height:1.6}.v9-shell .sidebar{width:260px}.v9-shell .app-body{margin-left:260px}.v9-shell .sidebar nav a{font-size:1.0625rem;min-height:48px}.v9-shell .btn{font-size:1.0625rem;min-height:48px}.v9-shell button:not(:disabled),.customer-login button{cursor:pointer}.v9-shell .btn.primary{background:#00a9a9;box-shadow:none}.v9-shell .eyebrow{font-size:.8125rem;letter-spacing:1.2px}.v9-shell .topbar{height:78px}.v9-shell p{line-height:1.65}.v9-shell .panel h2{margin-bottom:15px}.v9-shell .page-heading{gap:20px;align-items:center}.state-chip{display:inline-flex;align-items:center;border-radius:20px;padding:6px 11px;font:500 .875rem/1.3 Arial,sans-serif;background:#9dd4d633;color:#58585a;white-space:nowrap}.state-chip.blue{background:#9dd4d639;color:#0e3a5c}.state-chip.success{background:#9dd4d649;color:#0e3a5c}.state-chip.orange{background:#ff5f0020;color:#ff5f00}.account-person{display:flex;gap:12px;align-items:center;padding:18px 10px 28px}.account-person strong{display:block;font-size:1rem}.account-person small{display:block;font-size:.875rem;color:#58585a;margin-top:5px}.account-back{display:block;font-size:.9375rem;padding:20px 8px}.context-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 4px 22px;background:#9dd4d611}.context-card strong{display:block;font-size:1.125rem;line-height:1.4;margin:14px 0 10px}.company-monogram{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#00a9a9;color:white;font:25px Barlow,Arial,sans-serif}.section-caption{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px}.section-caption h2{font:32px var(--heading)}.section-caption>span{font-size:.9375rem;color:#58585a}.account-welcome{display:grid;grid-template-columns:1.5fr 1fr;background:#00a9a9;border-radius:16px;color:white;padding:32px 36px;gap:30px;overflow:hidden}.account-welcome h2{font-size:2.5rem;line-height:1.1;margin:12px 0}.account-welcome p{max-width:550px;color:#ffffff;font-size:1.0625rem;margin:12px 0 22px}.account-welcome .eyebrow{color:#ffffff}.account-welcome .light-link{background:#ffdd00;color:#0e3a5c;border:0}.account-route{align-self:center;display:flex;flex-direction:column;gap:18px;padding:20px 20px 20px 34px;position:relative;border-left:1px solid #4cbbbc66}.account-route>span{color:#ffffff;font-size:.8125rem;letter-spacing:1px}.account-route>i{width:120px;height:5px;background:linear-gradient(90deg,#4cbbbc 33%,#ff5f00 33% 66%,#ffdd00 66%);border-radius:4px}.account-route>strong{font:2rem var(--heading);color:#ffdd00}.account-route>b{position:absolute;right:5px;top:40px;font-size:60px;font-weight:400;color:#fe3b1f}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.company-tile{display:flex;flex-direction:column;background:white;border:1px solid #9dd4d669;border-radius:14px;overflow:hidden;padding:24px 24px 0;transition:transform .2s,box-shadow .2s}.company-tile:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00a9a90b}.company-tile.tone-0{border-top:4px solid #4cbbbc}.company-tile.tone-1{border-top:4px solid #ff5f00}.company-tile.tone-2{border-top:4px solid #ffdd00}.tile-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.company-tile h2{font-size:2rem;margin:25px 0 10px;line-height:1.12;overflow-wrap:anywhere}.company-tile p{font-size:1rem;flex:1;margin:0 0 16px}.tile-meta{display:flex;flex-direction:column;font-size:.875rem;color:#58585a;gap:5px}.tile-open{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:18px 0;border-top:1px solid #9dd4d644;color:#0e3a5c;font-size:1rem;font-weight:600}.company-add{background:#9dd4d621;border:1px dashed #9dd4d6;border-radius:14px;min-height:260px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:#0e3a5c}.company-add>span{font-size:36px;line-height:1;border-radius:50%;border:1px solid #9dd4d6;width:50px;height:50px;display:grid;place-items:center}.company-add strong{font-size:1.125rem}.company-add small{font-size:.9375rem;line-height:1.5;color:#58585a}.application-row{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid #9dd4d644}.application-row:last-child{border:0}.application-row>div{flex:1;min-width:0}.application-row strong{display:block;font-size:1.0625rem;line-height:1.45}.application-row small{font-size:.9375rem;color:#58585a;display:block;line-height:1.5;margin-top:5px}.row-mark{width:43px;height:43px;border-radius:9px;background:#9dd4d621;display:grid;place-items:center;flex-shrink:0}.row-cta{display:flex;gap:10px;font-size:1rem}.outside-services{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #9dd4d661;margin-top:34px;padding:32px 0}.outside-services h2{font:2rem var(--heading);margin:12px 0}.outside-services p{max-width:600px;color:#58585a;font-size:1rem}.general-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.general-tile{text-align:left;background:white;border:1px solid #9dd4d661;border-radius:14px;padding:28px}.general-tile h2{font:2rem var(--heading);margin:22px 0 12px}.general-tile p{font:1.0625rem/1.65 Arial,sans-serif;color:#58585a}.general-tile:nth-child(2){background:#ffdd0011}.general-tile:nth-child(3){background:#9dd4d61c}.general-tile:nth-child(4){background:#ff5f0010}.service-symbol{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:10px;background:#9dd4d62e;color:#0e3a5c}.company-pickers{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.company-overview{display:grid;grid-template-columns:1.3fr 1fr;border:1px solid #9dd4d6;background:#9dd4d62a;border-radius:16px;gap:30px;padding:34px;margin-bottom:25px}.company-overview h2{font:2.75rem var(--heading);margin:18px 0}.company-overview p{max-width:490px;margin-bottom:24px}.licence-summary{background:white;padding:26px;border:1px solid #9dd4d6;border-radius:12px;box-shadow:8px 8px 0 #ffdd00;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.licence-summary strong{font:1.875rem var(--heading)}.licence-summary>span:not(.company-monogram){font-size:.9375rem}.company-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.company-shortcuts>a{display:flex;align-items:center;gap:12px;background:white;border:1px solid #9dd4d661;border-radius:10px;padding:20px 15px}.company-shortcuts strong{font-size:1rem;flex:1;font-weight:500}.company-shortcuts .i{flex-shrink:0}.company-shortcuts .i:last-child{width:16px}.company-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.company-service{display:flex;align-items:center;gap:18px;padding:24px;background:white;border:1px solid #9dd4d661;border-radius:12px;text-align:left}.company-service>span:nth-child(2){flex:1}.company-service strong{font-size:1.125rem;display:block;line-height:1.4}.company-service small{display:block;font-size:.9375rem;color:#58585a;line-height:1.6;margin-top:8px}.company-service:nth-child(3n+1){border-top:3px solid #4cbbbc}.company-service:nth-child(3n+2){border-top:3px solid #ff5f00}.company-service:nth-child(3n){border-top:3px solid #ffdd00}.context-lock{display:flex;align-items:center;gap:13px;background:#9dd4d61f;padding:17px;border-radius:9px;margin:22px 0}.context-lock strong{flex:1;font-size:1rem}.quiet-state{padding:30px 0;color:#58585a;font-size:1rem;line-height:1.65}.person-record{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #9dd4d644}.person-record>div{flex:1}.person-record strong{font-size:1.125rem;display:block}.person-record small{display:block;font-size:1rem;color:#58585a;margin-top:7px}.payment-summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.payment-summary strong{font:2.5rem var(--heading);display:block;margin:10px 0}.payment-summary span{font-size:1rem}.company-messages{display:flex;flex-direction:column;gap:15px;background:#ffffff;padding:20px;margin:20px 0;border-radius:10px}.company-messages .message small{display:block;margin-top:6px;color:#58585a}.sample-document{padding:40px;border:1px dashed #9dd4d6;background:#ffdd000f;margin-top:25px}.sample-document>strong{font-size:.875rem;letter-spacing:2px;color:#ff5f00}.sample-document h3{font:2.25rem var(--heading);margin:25px 0}.profile-edit{max-width:700px}.profile-edit>.avatar{margin-bottom:30px}.customer-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white;font:18px/1.6 Arial,sans-serif;color:#0e3a5c}.login-story{background:#00a9a9;color:white;padding:50px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login-story>a{background:white;border-radius:12px;padding:16px 21px;margin-bottom:60px}.login-story .eyebrow{color:#ffffff;font-size:.875rem;letter-spacing:2px}.login-story h1{font:clamp(48px,4.8vw,76px)/1.04 var(--heading);margin:25px 0}.login-story em{font-style:normal;color:#ffdd00}.login-story>p{color:#ffffff;line-height:1.7;max-width:430px}.login-cards{display:flex;flex-direction:column;gap:15px;margin-top:35px;width:100%}.login-cards>div{position:relative;padding:18px 18px 18px 60px;border:1px solid #6ec4c466;border-radius:10px;max-width:430px}.login-cards>div>span{position:absolute;left:18px;top:23px;font-size:1rem;color:#ffdd00}.login-cards strong{font-size:1.0625rem}.login-cards small{display:block;font-size:.9375rem;color:#ffffff;margin-top:3px}.login-form{max-width:650px;padding:70px 12%;width:100%;margin:auto;box-sizing:border-box}.login-form>.back{display:block;margin-bottom:45px;font-size:1rem}.login-form .eyebrow{font-size:.875rem}.login-form h2{font:3.5rem var(--heading);margin:20px 0}.login-form>p{margin:12px 0 30px;color:#58585a}.login-form>.btn{margin:10px 0;font-size:1.125rem}.login-form small{font-size:.9375rem;color:#58585a;line-height:1.7;display:block}.preview-access{margin:35px 0 25px;padding:25px;background:#9dd4d621;border:1px solid #9dd4d66e;border-radius:12px}.preview-access strong{display:block;font-size:1.25rem;margin-top:16px}.preview-access p{font-size:1rem;color:#58585a;margin:12px 0 20px}.preview-access .btn{font-size:1.125rem}
.registration-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:22px;align-items:start}.phase-rail{padding-top:15px;position:sticky;top:95px}.phase-rail>.eyebrow{display:block;margin-bottom:28px}.phase{display:flex;gap:12px;align-items:center;margin:0 0 26px;color:#58585a;font-size:.9375rem;line-height:1.4}.phase b{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;border:1px solid #9dd4d6;font-size:.875rem;font-weight:400}.phase.active{color:#0e3a5c;font-weight:600}.phase.active b{background:#00a9a9;color:white;border-color:#00a9a9;box-shadow:0 0 0 4px #ffdd00}.phase.complete b{background:#9dd4d649;border-color:#9dd4d6;color:#0e3a5c}.saved-card{border-top:1px solid #9dd4d670;padding-top:23px;display:flex;gap:9px;color:#58585a}.saved-card strong{display:block;font-size:.875rem}.saved-card small{display:block;font-size:.875rem;line-height:1.5;margin-top:5px}.registration-panel{padding:28px;min-width:0}.reg-step-meta{display:flex;justify-content:space-between;gap:10px;font-size:.8125rem;color:#58585a;letter-spacing:.6px}.reg-progress{height:4px;background:#9dd4d630;border-radius:5px;margin:18px 0 30px;overflow:hidden}.reg-progress i{display:block;height:100%;background:#4cbbbc;transition:width .3s}.reg-lead{font-size:1.125rem;color:#58585a;margin:0 0 24px}.registration-panel .field>span{font-size:1rem;color:#0e3a5c}.registration-panel input,.registration-panel select{font-size:1.125rem}.registration-panel .form-actions{justify-content:space-between;border-top:1px solid #9dd4d651;padding-top:23px}.registration-guide{padding:23px 0;position:sticky;top:95px}.registration-guide .guide-symbol{margin-bottom:25px}.registration-guide>.eyebrow{display:block;line-height:1.7}.registration-guide h3{font:1.875rem/1.15 var(--heading);margin:17px 0}.registration-guide p{font-size:1rem;color:#58585a;line-height:1.8;margin:18px 0}.registration-guide>.btn{font-size:1rem}.registration-guide .guide-reference{font-size:.875rem;border-top:1px solid #9dd4d670;padding-top:25px;line-height:1.8}.same-record{background:#9dd4d61f;border-radius:10px;padding:22px;display:flex;gap:18px}.same-record p{font-size:1rem;margin:9px 0 0;color:#58585a}.same-record strong{font-size:1.0625rem}.check-field{display:flex;align-items:flex-start;gap:12px;font-size:1rem;line-height:1.65;margin:23px 0;cursor:pointer}.check-field input{width:20px!important;height:20px;min-height:20px!important;flex-shrink:0;margin-top:3px;accent-color:#00a9a9}.verification-box{background:#ffffff;padding:22px;border:1px solid #9dd4d65c;border-radius:10px}.verification-box p{font-size:1rem;color:#58585a;margin:12px 0}.verification-box .state-chip{margin:14px 0}.activity-facts{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.person-editor{border:1px solid #9dd4d665;border-radius:10px;margin:0 0 20px;padding:20px}.person-editor legend{font-size:.9375rem;padding:0 9px;color:#58585a}.person-checks{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.person-checks .check-field{margin:0}.person-checks .text-button{margin-left:auto;font-size:.9375rem}.ownership-total{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:20px;background:#9dd4d61f;border-radius:10px;margin-bottom:30px}.ownership-total>strong{font:2.5rem var(--heading);margin-left:auto}.registration-panel h3{font:1.75rem var(--heading);margin:20px 0 10px}.identity-row{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #9dd4d64f;flex-wrap:wrap}.identity-row>div{flex:1;min-width:150px}.identity-row strong{font-size:1.0625rem}.identity-row small{display:block;margin-top:5px;font-size:.9375rem;color:#58585a}.identity-row .btn{font-size:.9375rem}.ocr-card{border:1px solid #9dd4d665;border-radius:10px;padding:20px;margin-bottom:20px}.ocr-card>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.ocr-card dl{margin:20px 0}.ocr-card dl>div{display:flex;justify-content:space-between;padding:8px 0;font-size:.9375rem}.ocr-card dt{color:#58585a}.capture-guide{border:1px solid #9dd4d6;background:#9dd4d614;padding:25px;border-radius:12px;text-align:center}.capture-guide>span{border:2px dashed #4cbbbc;border-radius:40%;width:100px;height:120px;display:inline-grid;place-items:center}.capture-guide .i{width:48px;height:48px}.capture-guide small{font-size:.9375rem;color:#58585a}.preview-scenarios{margin-top:25px;padding:15px;border:1px solid #9dd4d65e;border-radius:8px;font-size:.9375rem}.preview-scenarios summary{cursor:pointer}.preview-scenarios .btn{margin-top:16px}.package-option{border:1px solid #9dd4d6;border-radius:10px;display:flex;align-items:center;gap:12px;padding:20px;margin:12px 0;cursor:pointer}.package-option.selected{border-color:#00a9a9;background:#9dd4d621;box-shadow:inset 3px 0 #4cbbbc}.package-option input{width:18px;height:18px;accent-color:#00a9a9}.package-option>div{flex:1}.package-option strong{display:block;font-size:1.125rem}.package-option small{display:block;font-size:.9375rem;line-height:1.5;margin-top:6px;color:#58585a}.package-option>b{font-size:1.0625rem;white-space:nowrap}.quote-box{margin-top:25px;background:#ffdd000f;border:1px solid #ffdd00;border-radius:10px;padding:22px}.quote-box>.eyebrow{display:block;margin-bottom:20px}.quote-box>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:1rem;line-height:1.6}.quote-box .quote-total{border-top:1px solid #ffdd00;margin-top:8px;font-size:1.25rem}.quote-box p{font-size:.875rem;color:#ffdd00;margin-top:10px}.review-checks>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #9dd4d658;font-size:1rem}.edd-panel{border-left:3px solid #ff5f00;background:#ff5f0010;padding:18px;margin-bottom:22px}.moa-preview{padding:25px;border:1px solid #9dd4d6;border-radius:4px;box-shadow:5px 5px 0 #9dd4d63e;background:#ffdd000f}.moa-preview>div{display:flex;justify-content:space-between;gap:15px;margin:18px 0}.moa-preview small{font-size:.875rem;display:block;color:#58585a;margin-top:25px}.tracking-result{text-align:center}.success-orb{width:62px;height:62px;border-radius:50%;background:#9dd4d642;color:#0e3a5c;display:inline-grid;place-items:center;margin-bottom:20px}.tracking-result h2{font-size:2.4rem;line-height:1.15}.tracking-result p{font-size:1rem;color:#58585a;margin:16px 0}.tracking-stages{list-style:none;padding:20px 0;margin:20px 0}.tracking-stages li{display:flex;align-items:flex-start;gap:16px;padding:18px 0;position:relative}.tracking-stages b{border:1px solid #9dd4d6;background:#ffffff;width:30px;height:30px;border-radius:50%;font-size:.9375rem;display:grid;place-items:center;flex-shrink:0}.tracking-stages .done b{background:#00a9a9;color:white}.tracking-stages strong{font-size:1.0625rem}.tracking-stages small{display:block;font-size:.9375rem;color:#58585a;line-height:1.6;margin-top:5px}.form-error:empty{min-height:0;margin:0}.v9-shell .notice{font-size:.9375rem;line-height:1.7;margin-top:25px}
@media(min-width:1650px){.registration-layout{grid-template-columns:210px minmax(0,1fr) 260px}}
@media(max-width:1250px){.registration-layout{grid-template-columns:165px minmax(0,1fr)}.registration-guide{grid-column:2;position:static;background:#9dd4d623;border:1px solid #9dd4d65e;border-radius:12px;padding:22px}.registration-guide>.guide-symbol{display:none}.registration-guide h3{margin:10px 0}.registration-guide .guide-reference{display:none}.company-grid{grid-template-columns:repeat(2,1fr)}.company-shortcuts{grid-template-columns:1fr 1fr}.login-form{padding:50px 8%;max-width:430px;box-sizing:border-box}.v9-shell .page-heading h1{font-size:2.75rem}.account-welcome{grid-template-columns:1.5fr 1fr;padding:28px}.account-route>b{display:none}}
@media(max-width:1023px){.v9-shell .app-body{margin-left:0}.v9-shell .workspace-main{padding:28px 24px 100px}.v9-shell .sidebar{width:260px}.v9-shell .topbar{height:68px}.v9-shell .page-heading h1{font-size:2.5rem}.customer-login{grid-template-columns:1fr}.login-story{padding:30px 28px}.login-story>a{margin-bottom:25px;padding:10px}.login-story>a img{width:50px}.login-story h1{font-size:42px;margin:20px 0}.login-story h1 br{display:none}.login-story>p{max-width:700px;font-size:1rem}.login-cards{display:none}.login-form{max-width:700px;padding:40px 28px;box-sizing:border-box}.login-form>.back{margin-bottom:30px}.login-form h2{font-size:2.75rem}.phase-rail{top:80px}}
@media(max-width:700px){.v9-shell .workspace-main{padding:24px 18px 100px}.v9-shell .page-heading{flex-direction:column;align-items:flex-start;gap:18px}.v9-shell .page-heading h1{font-size:2.5rem;line-height:1.1;overflow-wrap:anywhere}.v9-shell .page-heading p{font-size:1.0625rem}.v9-shell .topbar{padding:12px 18px}.v9-shell .breadcrumb{display:block;font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v9-shell .breadcrumb>span{display:none}.v9-shell .top-actions>.state-chip{display:none}.v9-shell .preview-bar{padding:12px 18px;font-size:.8125rem}.v9-shell .preview-bar>a{display:none}.v9-shell .panel{padding:22px 18px}.account-welcome{display:block;padding:25px}.account-welcome h2{font-size:2.25rem}.account-route{display:none}.company-grid{grid-template-columns:1fr}.company-add{min-height:170px}.company-tile{padding:23px 23px 0}.application-row{gap:12px;flex-wrap:wrap}.row-mark{display:none}.row-cta{display:none}.outside-services{display:block}.outside-services>.btn{margin-top:25px}.general-grid,.company-service-grid{grid-template-columns:1fr}.company-overview{grid-template-columns:1fr;padding:25px;gap:25px}.company-overview h2{font-size:2.25rem}.licence-summary{margin-right:7px}.company-shortcuts{gap:10px}.company-shortcuts>a{padding:16px 12px;display:block}.company-shortcuts strong{display:block;line-height:1.5;margin-top:10px}.company-shortcuts .i:last-child{display:none}.company-service{padding:20px 18px;gap:13px}.company-service>.i{display:none}.company-service strong{font-size:1.0625rem}.context-lock{flex-wrap:wrap}.person-record{flex-wrap:wrap}.payment-summary{align-items:flex-start;flex-direction:column}.registration-layout{display:block}.phase-rail{position:static;padding-top:0;display:flex;gap:13px;overflow-x:auto;margin:0 -18px 22px;padding:10px 18px 14px}.phase-rail>.eyebrow,.saved-card{display:none}.phase{display:none;margin:0;font-size:1rem}.phase.active{display:flex;white-space:nowrap}.phase.active:after{content:'of 7 phases';font-size:.875rem;font-weight:400;color:#58585a;margin-left:10px}.registration-panel{padding:22px 18px}.registration-guide{margin-top:20px;padding:22px}.reg-step-meta{font-size:.75rem}.reg-lead{font-size:1.0625rem}.registration-panel .field-grid{grid-template-columns:1fr;gap:0}.registration-panel .form-actions{gap:10px}.registration-panel .btn{font-size:1rem;padding:12px 15px}.registration-panel .document-row{flex-wrap:wrap}.document-row>.btn{margin-left:32px}.identity-row>.btn{margin-left:50px}.identity-row .avatar{width:38px;height:38px}.package-option{flex-wrap:wrap;padding:16px}.package-option>b{margin-left:30px}.quote-box{padding:18px}.quote-box>div{font-size:.9375rem;gap:10px}.quote-box strong{white-space:nowrap}.review-checks>div{align-items:flex-start;flex-direction:column}.ownership-total{padding:17px}.ownership-total>.state-chip{width:100%;justify-content:center}.person-checks{flex-direction:column;align-items:flex-start}.person-checks .text-button{margin:0}.ocr-card>div{flex-wrap:wrap}.tracking-result h2{font-size:2rem}.v9-shell .bottom-nav a{font-size:.8125rem}.customer-login .login-form{padding:35px 22px}.login-form .preview-access{padding:22px}.login-story{padding:25px 22px}.login-story h1{font-size:40px}.company-pickers{flex-direction:column}.company-pickers>.btn{justify-content:space-between}.sample-document{padding:25px}.moa-preview{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.company-tile,.reg-progress i{transition:none}}
@media(max-width:1023px){.login-story h1 br{display:block}}
.registration-guide>.text-button{display:block;font-size:.9375rem;margin-top:20px;text-align:left}

/* Customer preview uses the existing portal layout and brand treatment. */
.customer-signin .login-story h2 {
  color: white;
  font-size: clamp(38px, 5.8vw, 74px);
  line-height: 1;
}
.customer-signin .login-form h1 {
  font: 600 clamp(30px, 4.5vw, 42px)/1.14 Arial, sans-serif;
  letter-spacing: -1px;
}
.customer-signin .signin-account {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.customer-signin .signin-account small { display: block; }
.customer-signin .preview-access .btn { justify-content: center; gap: 8px; min-height: 48px; }
@media (max-width: 700px) {
  .customer-signin.customer-login .login-story { padding: 26px 22px; }
  .customer-signin.customer-login .login-story > a { margin-bottom: 16px; }
  .customer-signin.customer-login .login-form > .back { margin-bottom: 22px; }
  .customer-signin.customer-login .login-form { padding-top: 24px; }
}

.portal-detail-layout {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(230px, .48fr);
 align-items: start;
 gap: 22px;
}
.portal-account-services { margin-bottom: 22px; }
.portal-detail-layout .panel { margin: 0; min-width: 0; }
.portal-detail-layout .panel > h2 { margin-bottom: 12px; }
.portal-detail-layout .panel form { display: grid; gap: 16px; margin-top: 18px; }
.portal-detail-layout .panel form .btn { justify-self: start; }
.account-company-links .application-row { color: var(--ink); min-height: 52px; gap: 10px; }
.portal-text-link { color: var(--ink); display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; font-weight: 600; }
.portal-text-link:hover { text-decoration: underline; }
.profile-summary .avatar { margin-bottom: 14px; }
.journey-row { gap: 12px; border-radius: 8px; padding-inline: 8px; }
.journey-row:hover { background: #9dd4d61d; }
.journey-row > div { flex: 1; min-width: 0; }
.journey-row .state-chip { flex-shrink: 0; }
.journey-progress {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 list-style: none;
 gap: 8px;
 padding: 0;
 margin: 0 0 22px;
}
.journey-progress li {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 10px 12px;
 background: #9dd4d642;
 border: 1px solid transparent;
 border-radius: 8px;
 color: #58585a;
 font-size: .9rem;
 line-height: 1.4;
}
.journey-progress li > span { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border-radius: 50%; background: #ffffff; }
.journey-progress .reached { background: #9dd4d642; }
.journey-progress [aria-current="step"] { border-color: #00a9a9; color: var(--ink); font-weight: 700; }
.journey-progress [aria-current="step"] > span { color: white; background: var(--navy); }
.journey-details { display: grid; gap: 0; margin: 8px 0 18px; }
.journey-details > div { padding: 9px 0; border-bottom: 1px solid #9dd4d654; overflow-wrap: anywhere; }
.journey-details dt { color: #58585a; font-size: .875rem; }
.journey-details dd { margin: 2px 0 0; font-weight: 600; }
.journey-checklist { border: 1px solid #9dd4d663; border-radius: 8px; padding: 12px 16px; margin: 0; min-width: 0; }
.journey-checklist legend { padding-inline: 6px; font-weight: 600; }
.journey-checklist .check-field { margin-bottom: 8px; }
.journey-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.journey-evidence-list { padding-left: 22px; }
.journey-timeline-title { margin-top: 24px; }
@media (max-width: 850px) {
 .portal-detail-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
 .journey-progress li { align-items: flex-start; flex-direction: column; padding: 8px; }
 .journey-progress li > span { width: 24px; }
}

.v9-shell .company-breadcrumb .company-crumb-name::before { content: '/ '; }
@media (max-width: 700px) {
 .v9-shell .company-breadcrumb > a { display: none; }
 .v9-shell .company-breadcrumb .company-crumb-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ink);
  font-weight: 700;
 }
 .v9-shell .company-breadcrumb .company-crumb-name::before { content: none; }
}

.state-chip.danger { background: #fe3b1f1d; color: #fe3b1f; }
.document-status-row {
 display: grid;
 grid-template-columns: auto minmax(0, 1fr) auto;
}
.document-status-row .document-label, .document-status-row .status-row-actions { min-width: 0; }
.document-status-row .document-label { overflow-wrap: anywhere; }
.status-row-actions, .document-choice { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.status-row-actions { justify-content: flex-end; }
.document-choice { justify-content: space-between; padding-block: 6px; }
.document-choice .check-field { margin: 0; flex: 1 1 160px; }
.document-choice [data-document-status] { display: inline-flex; }
.company-status-strip .state-chip { align-self: flex-start; margin: 6px 0 0; }
@media (max-width: 600px) {
 .document-status-row { grid-template-columns: auto minmax(0, 1fr); }
 .document-status-row .status-row-actions { grid-column: 2; justify-content: flex-start; }
 .person-record .status-row-actions { flex-basis: 100%; justify-content: flex-start; }
}

.document-state, .document-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.document-expiry { color: #58585a; font-size: .875rem; white-space: nowrap; }
.document-expiry time { color: var(--ink); font-weight: 600; }
#document-replacement { display: grid; gap: 12px; margin-top: 16px; }
#document-replacement .btn { justify-self: start; }
@media (max-width: 1100px) {
 .document-status-row:has(.document-controls) { grid-template-columns: auto minmax(0, 1fr); }
 .document-status-row:has(.document-controls) .status-row-actions { grid-column: 2; justify-content: flex-start; }
}