.zow-portal{--zow-blue:var(--zf-color-brand,#2765e8);--zow-navy:#0c2148;--zow-ink:var(--zf-color-heading,#101828);--zow-body:var(--zf-color-body,#334155);--zow-muted:var(--zf-color-muted,#475569);--zow-quiet:var(--zf-color-soft,#5b6b82);--zow-field-border:var(--zf-color-field-border,#cbd5e1);--zow-line:#dbe4f0;max-width:1180px;margin:48px auto;padding:0 20px;color:var(--zow-body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.zoffis-website-portal .zf-content article>h1:first-child{display:none!important}
.zoffis-website-portal .zf-content{padding-top:0}
.zow-portal *{box-sizing:border-box}
.zow-portal h1,.zow-portal h2,.zow-portal h3,.zow-portal h4,.zow-portal h5,.zow-portal h6{color:var(--zow-ink)}
.zow-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#3b82f6}
.zow-card,.zow-project-head{margin-top:24px;padding:30px;border:1px solid var(--zow-line);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.06)}
.zow-portal>.zow-project-head:first-child,.zow-portal>.zow-offer:first-child{margin-top:0}
.zow-offer{display:grid;grid-template-columns:1.2fr .8fr;gap:44px}
.zow-offer h2,.zow-section-title h2,.zow-project-head h2{margin:8px 0 6px;font-size:27px}
.zow-offer li{margin:10px 0}
.zow-offer form,.zow-intake,.zow-review{display:grid;gap:18px}
.zow-portal label{display:grid;gap:7px}
.zow-portal label>span{font-weight:650}
.zow-portal input,.zow-portal select,.zow-portal textarea{width:100%;padding:13px 14px;border:1px solid var(--zow-field-border);border-radius:10px;background:#fff;color:var(--zow-ink);font:inherit}
.zow-portal input:focus,.zow-portal select:focus,.zow-portal textarea:focus{outline:3px solid rgba(39,101,232,.15);border-color:var(--zow-blue)}
.zow-portal small{color:var(--zow-muted)}
.zow-check{display:flex!important;align-items:flex-start;gap:10px;padding:14px;border-radius:10px;background:#f8fafc}
.zow-check input{width:auto;margin-top:3px}
.zow-check span{font-weight:500!important}
.zow-primary,.zow-secondary{display:inline-flex;justify-content:center;align-items:center;padding:13px 18px;border:0;border-radius:10px;background:var(--zow-blue);color:#fff!important;font-weight:750;text-decoration:none;cursor:pointer}
.zow-secondary{background:#fff;color:var(--zow-blue)!important;border:1px solid var(--zow-blue)}
.zow-primary:disabled,.zow-secondary:disabled{opacity:.45;cursor:not-allowed}
.zow-preview-banner,.zow-notice{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;border-radius:12px;background:#fff7ed;border:1px solid #fdba74}
.zow-preview-banner span{color:#9a3412}
.zow-notice.is-success{display:none!important}
.zow-notice.is-error{background:#fef2f2;border-color:#fecaca}
.zow-simple-status{max-width:900px;width:100%;margin:0 auto 12px;padding:22px 30px;border:1px solid var(--zow-line);border-radius:16px 16px 10px 10px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.zow-simple-status>div:first-child{display:flex;align-items:baseline;gap:12px}
.zow-simple-status small{font-weight:800;letter-spacing:.08em}
.zow-simple-status strong{font-size:20px}
.zow-simple-status span{margin-left:auto;color:var(--zow-muted);font-weight:700}
.zow-simple-status-bar{height:9px;margin-top:14px;overflow:hidden;border-radius:99px;background:#e2e8f0}
.zow-simple-status-bar i{display:block;height:100%;border-radius:inherit;background:var(--zow-blue)}
.zow-project-head{display:flex;align-items:center;justify-content:space-between;gap:28px}
.zow-project-head p{margin:0;color:var(--zow-muted)}
.zow-status{min-width:280px}
.zow-status small,.zow-status strong{display:block}
.zow-status>div{height:8px;margin:10px 0 5px;overflow:hidden;border-radius:99px;background:#e2e8f0}
.zow-status i{display:block;height:100%;border-radius:inherit;background:var(--zow-blue)}
.zow-status span{color:var(--zow-muted);font-size:12px}
.zow-steps,.zow-intake-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}
.zow-steps span{padding:10px;border-radius:9px;background:#f1f5f9;color:var(--zow-muted);font-size:12px;font-weight:700;text-align:center}
.zow-steps .is-complete,.zow-steps .is-active{background:#e8f0ff;color:#1d4ed8}
.zow-intake-progress span{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px solid var(--zow-line);border-radius:10px;background:#fff;color:var(--zow-muted);font-size:12px;font-weight:700}
.zow-intake-progress b{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#eef2f7;color:var(--zow-muted)}
.zow-intake-progress .is-active{border-color:#7aa5ff;background:#f5f8ff;color:#1d4ed8}
.zow-intake-progress .is-active b{background:var(--zow-blue);color:#fff}
.zow-intake-progress .is-complete{color:#166534}
.zow-intake-progress .is-complete b{background:#dcfce7;color:#166534}
.zow-section-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.zow-section-title>span{display:grid;flex:0 0 36px;height:36px;place-items:center;border-radius:10px;background:#e8f0ff;color:#1d4ed8;font-weight:800}
.zow-section-title p{margin:0;color:var(--zow-muted)}
.zow-step-card{max-width:900px;width:100%;margin:0 auto;padding:34px}
.zow-step-card h3{margin:26px 0 12px}
.zow-step-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;border-top:1px solid #edf1f6}
.zow-step-actions .zow-primary{min-width:190px}
.zow-edit-brief{margin-top:20px}
.zow-grid-two,.zow-grid-three,.zow-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.zow-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.zow-domain-note{display:flex;gap:10px;margin:16px 0;padding:14px;border-left:4px solid #f59e0b;background:#fffbeb}
.zow-path-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;border:0}
.zow-path-choice legend{grid-column:1/-1;margin-bottom:2px;font-weight:700}
.zow-path-choice label{display:block;position:relative}
.zow-path-choice input{position:absolute;width:1px;opacity:0}
.zow-path-choice label>span{display:flex!important;min-height:112px;padding:18px;border:2px solid var(--zow-line);border-radius:14px;flex-direction:column;gap:7px;background:#fff;font-weight:500!important;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.zow-path-choice input:focus+span{box-shadow:0 0 0 3px rgba(39,101,232,.16)}
.zow-path-choice input:checked+span{border-color:var(--zow-blue);background:#f5f8ff}
.zow-path-choice strong{font-size:17px}
.zow-path-panel{margin-top:18px;padding:22px;border:1px solid #dbe4f0;border-radius:16px;background:#fbfdff}
.zow-path-panel[hidden]{display:none!important}
.zow-path-panel-head{margin-bottom:18px}
.zow-path-panel-head h3{margin:0 0 5px}
.zow-path-panel-head p{margin:0;color:var(--zow-muted)}
.zow-security-note{display:flex;gap:10px;margin-top:18px;padding:14px;border-radius:11px;background:#eff6ff;color:#244a86}
.zow-security-note strong{color:#173f91}
.zow-existing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.zow-existing-summary>div{padding:18px;border-radius:12px;background:#f8fafc}
.zow-existing-summary small,.zow-existing-summary strong{display:block;overflow-wrap:anywhere}
.zow-existing-summary strong{margin-top:6px}
.zow-page-sections{display:grid;gap:18px}
.zow-page-section{padding:0;border:1px solid var(--zow-line);border-radius:16px;background:#fbfdff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.zow-page-section.is-open{border-color:#9bbcff;box-shadow:0 10px 28px rgba(39,101,232,.08)}
.zow-page-section-head{display:flex;width:100%;align-items:flex-start;gap:13px;margin:0;padding:22px 24px;border:0;background:transparent;color:var(--zow-ink);font:inherit;text-align:left;cursor:pointer}
.zow-page-section-head>span{display:grid;flex:0 0 32px;height:32px;place-items:center;border-radius:9px;background:#e8f0ff;color:#1d4ed8;font-weight:800}
.zow-page-section-head h3{margin:1px 0 4px;font-size:19px}
.zow-page-section-head p{margin:0;color:var(--zow-muted);line-height:1.5}
.zow-page-section-head>div{min-width:0}
.zow-section-state{display:flex;align-items:center;gap:7px;margin-left:auto;align-self:center;white-space:nowrap;color:var(--zow-muted);font-size:13px}
.zow-section-state i,.zow-section-state b{display:none;font-style:normal}
.zow-section-state em{font-size:30px;font-style:normal;line-height:1;transform:rotate(90deg);transition:transform .2s ease}
.zow-page-section.is-open .zow-section-state em{transform:rotate(-90deg)}
.zow-page-section.is-complete .zow-section-state i,.zow-page-section.is-complete .zow-section-state b{display:inline}
.zow-page-section.is-complete .zow-section-state{color:#15803d}
.zow-page-section.is-complete .zow-page-section-head>span{background:#dcfce7;color:#15803d}
.zow-content-accordion-body{padding:4px 24px 24px;border-top:1px solid #e8eef6;background:#fff}
.zow-content-accordion-body[hidden]{display:none!important}
.zow-page-name-field{margin:18px 0 4px;padding:16px 18px;border:1px solid #d9e4f2;border-radius:12px;background:#f8fbff}
.zow-page-name-field label{max-width:430px}
.zow-page-name-field small{display:block;margin-top:8px;line-height:1.5}
.zow-bubble-block,.zow-about-suggestion{padding:18px 0}
.zow-bubble-block+.zow-bubble-block{border-top:1px solid #edf1f6}
.zow-bubble-block>p,.zow-about-suggestion>p{margin:2px 0 12px;color:var(--zow-muted);font-size:14px}
.zow-suggestion-bubbles,.zow-selected-bubbles{display:flex;flex-wrap:wrap;gap:9px}
.zow-suggestion-bubbles button{padding:9px 12px;border:1px solid #bfd1f8;border-radius:999px;background:#fff;color:#1d4ed8;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.zow-suggestion-bubbles button:hover{border-color:var(--zow-blue);background:#f5f8ff}
.zow-suggestion-bubbles button.is-selected{opacity:.45;text-decoration:line-through}
.zow-content-chip{display:inline-flex;max-width:100%;align-items:center;gap:8px;padding:9px 9px 9px 13px;border-radius:999px;background:#eaf1ff;color:#173f91;font-size:13px;font-weight:650}
.zow-content-chip>span{overflow-wrap:anywhere}
.zow-content-chip button{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:#52657f;font:inherit;font-size:18px;line-height:1;cursor:pointer}
.zow-chip-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;max-width:720px;margin-top:13px}
.zow-chip-composer .zow-secondary{white-space:nowrap}
.zow-bubble-block>small{display:block;margin-top:8px}
.zow-about-suggestion textarea{min-height:230px;resize:vertical;line-height:1.65}
.zow-about-suggestion small{display:block;margin-top:7px}
.zow-content-section-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;border-top:1px solid #edf1f6}
.zow-improve-page{gap:8px}
.zow-improve-page svg{flex:0 0 18px;width:18px;height:18px;stroke-width:1.9}
.zow-section-error{margin:12px 0 0;padding:11px 13px;border-radius:9px;background:#fef2f2;color:#b42318;font-size:13px;font-weight:650}
.zow-contact-section{background:#fff}
.zow-contact-fields{display:grid;gap:14px}
.zow-contact-group{padding:18px;border:1px solid #e7edf5;border-radius:13px;background:#f8fafc}
.zow-contact-group>p{margin:2px 0 12px;color:var(--zow-muted);font-size:14px}
.zow-field-title{display:block;margin-bottom:7px;font-weight:650}
.zow-repeat-list{display:grid;gap:8px}
.zow-repeat-list>div{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;max-width:620px}
.zow-repeat-list button{width:42px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:var(--zow-muted);font-size:22px;cursor:pointer}
.zow-repeat-list button:hover{border-color:var(--zow-quiet);color:var(--zow-body)}
.zow-add-row{margin-top:8px;padding:7px 0;border:0;background:transparent;color:var(--zow-blue);font:inherit;font-weight:700;cursor:pointer}
.zow-contact-methods{display:flex;flex-wrap:wrap;gap:10px;padding:0;border:0}
.zow-contact-methods legend{width:100%;margin-bottom:3px;font-weight:650}
.zow-contact-methods label{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--zow-line);border-radius:10px;background:#fff}
.zow-contact-methods input{width:auto}
.zow-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;border:0}
.zow-palette-grid legend,.zow-provider-grid legend{grid-column:1/-1;margin-bottom:3px;font-weight:700}
.zow-palette-grid label{display:block;position:relative}
.zow-palette-grid input{position:absolute;width:1px;opacity:0}
.zow-palette-grid label>span{display:flex!important;align-items:center;gap:10px;padding:13px;border:2px solid var(--zow-line);border-radius:12px;font-weight:600!important;cursor:pointer}
.zow-palette-grid input:checked+span{border-color:var(--zow-blue);background:#f5f8ff}
.zow-palette-grid i{display:flex;flex:0 0 50px;height:28px;overflow:hidden;border:1px solid #d5dce7;border-radius:8px;background:linear-gradient(90deg,var(--one) 0 50%,var(--two) 50%)}
.zow-custom-colours{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:16px;padding:16px;border-radius:12px;background:#f8fafc}
.zow-custom-colours input[type=color]{height:50px;padding:5px}
.zow-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;border:0}
.zow-provider-grid label{display:block;position:relative}
.zow-provider-grid input{position:absolute;width:1px;opacity:0}
.zow-provider-grid label>span{display:flex!important;min-height:145px;padding:18px;border:2px solid var(--zow-line);border-radius:14px;flex-direction:column;gap:8px;font-weight:500!important;cursor:pointer}
.zow-provider-grid input:checked+span{border-color:var(--zow-blue);background:#f5f8ff}
.zow-provider-grid b{font-size:23px}
.zow-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.zow-account-grid label{grid-template-rows:auto 50px minmax(34px,auto)}
.zow-account-grid input{height:50px}
.zow-plan-grid,.zow-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.zow-plan-grid label,.zow-concepts label{display:block;position:relative}
.zow-plan-grid input,.zow-concepts input{position:absolute;width:1px;opacity:0}
.zow-plan-grid label>span,.zow-concept-card{display:flex!important;min-height:170px;padding:18px;border:2px solid var(--zow-line);border-radius:14px;flex-direction:column;gap:8px;font-weight:500!important;cursor:pointer}
.zow-plan-grid input:checked+span,.zow-concepts input:checked+span{border-color:var(--zow-blue);background:#f5f8ff}
.zow-plan-grid b{font-size:24px}
.zow-plan-grid small{line-height:1.5}
.zow-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.zow-summary-grid>div{padding:18px;border-radius:12px;background:#f8fafc}
.zow-summary-grid small,.zow-summary-grid strong,.zow-summary-grid span{display:block}
.zow-summary-grid strong{margin:6px 0}
.zow-concept-card{min-height:120px}
.zow-concept-card a{margin-top:auto;color:var(--zow-blue)}
.zow-review>div{display:flex;gap:10px}
.zow-gate{max-width:650px;margin:60px auto;text-align:center}
@media(max-width:850px){.zow-offer{grid-template-columns:1fr}.zow-project-head{align-items:flex-start;flex-direction:column}.zow-status{width:100%;min-width:0}.zow-grid-three,.zow-plan-grid,.zow-concepts,.zow-summary-grid,.zow-palette-grid,.zow-provider-grid,.zow-existing-summary{grid-template-columns:1fr}.zow-steps,.zow-intake-progress{grid-template-columns:1fr 1fr}.zow-intake-progress span{justify-content:flex-start}}
@media(max-width:560px){.zow-portal{padding:0 12px;margin:24px auto}.zow-card,.zow-project-head,.zow-step-card{padding:22px}.zow-page-section-head{padding:18px}.zow-content-accordion-body{padding:2px 18px 18px}.zow-section-state b{display:none!important}.zow-simple-status{padding:18px 22px}.zow-simple-status>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.zow-simple-status span{margin-left:0}.zow-grid-two,.zow-account-grid,.zow-custom-colours,.zow-chip-composer,.zow-path-choice{grid-template-columns:1fr}.zow-review>div,.zow-step-actions,.zow-content-section-actions{align-items:stretch;flex-direction:column-reverse}.zow-step-actions .zow-primary{min-width:0}.zow-path-panel{padding:18px}.zow-security-note{flex-direction:column}}