:root{--ink:#172033;--muted:#687086;--paper:#f5f6fa;--card:#fff;--line:#dfe3eb;--navy:#151d31;--purple:#6f3f9e;--shadow:0 18px 50px rgba(23,32,51,.10);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}.colour-ribbon{height:7px;background:linear-gradient(90deg,#e93f87,#ec2227,#f47b20,#ffd23f,#72be44,#13b7a7,#1389cf,#6a4fa3)}.site-header{height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand-button{display:flex;align-items:center;gap:15px;border:0;background:none;cursor:pointer;color:var(--navy);font-weight:800;font-size:1.1rem}.brand-button img{width:150px;height:48px;object-fit:contain}.site-header nav{display:flex;gap:6px;flex-wrap:wrap}.nav-btn{border:0;background:transparent;padding:10px 14px;border-radius:999px;color:#4c556b;cursor:pointer;font-weight:700}.nav-btn:hover,.nav-btn.active{background:#f0edf7;color:var(--purple)}.view{display:none}.view.active{display:block}.home-view{min-height:calc(100vh - 85px);position:relative;overflow:hidden;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 35%),linear-gradient(135deg,#171b35,#28264c 54%,#5a2f78);color:#fff;display:none;place-items:center;padding:70px 24px}.home-view.active{display:grid}.home-content{max-width:940px;text-align:center;position:relative;z-index:2}.hero-logo{width:min(420px,74vw);filter:drop-shadow(0 10px 25px rgba(0,0,0,.22));margin-bottom:24px}.hub-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}.hub-kicker{color:#d8c8eb}.home-content h1{font-family:"Segoe Script","Brush Script MT",cursive;font-weight:500;font-size:clamp(2.1rem,5vw,4.8rem);line-height:1.18;margin:18px auto 24px;max-width:1000px}.home-copy{font-size:1.1rem;color:#e8e3ef}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}.energy-orbit{position:absolute;inset:0}.energy-orbit span{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(4px);opacity:.42;animation:float 9s ease-in-out infinite}.energy-orbit span:nth-child(1){background:#e83e8c;left:-60px;top:5%}.energy-orbit span:nth-child(2){background:#ed1c24;left:12%;bottom:-100px;animation-delay:-2s}.energy-orbit span:nth-child(3){background:#f47b20;right:8%;top:-80px;animation-delay:-4s}.energy-orbit span:nth-child(4){background:#ffd43b;right:-100px;bottom:8%;animation-delay:-6s}.energy-orbit span:nth-child(5){background:#6abe45;left:27%;top:-160px}.energy-orbit span:nth-child(6){background:#1bb6a8;right:29%;bottom:-170px;animation-delay:-3s}.energy-orbit span:nth-child(7){background:#168bc6;left:-120px;bottom:30%;animation-delay:-5s}.energy-orbit span:nth-child(8){background:#6d4aa0;right:18%;top:34%;animation-delay:-7s}@keyframes float{50%{transform:translateY(22px) translateX(14px) scale(1.08)}}.shell-view{max-width:1240px;margin:auto;padding:44px 24px 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{font-size:clamp(2rem,4vw,3.4rem);margin:4px 0 8px}.page-head p{margin:0;color:var(--muted)}.eyebrow{color:var(--purple)}button,.file-button{border:0;border-radius:12px;padding:12px 17px;font-weight:800;cursor:pointer}.primary{background:var(--navy);color:#fff}.primary:hover{background:#292f4a}.secondary,.file-button{background:#eef0f5;color:var(--ink)}.secondary.light{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}.ghost{background:transparent;color:var(--muted)}.large{padding:15px 24px;font-size:1rem}.stepper{margin:20px 0 30px}.step-track{height:7px;background:#e1e4eb;border-radius:99px;overflow:hidden}.step-track div{height:100%;width:20%;background:linear-gradient(90deg,#e93f87,#f47b20,#72be44,#1389cf,#6a4fa3);transition:.3s}.stepper ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:10px 0 0;margin:0;color:#7c8393;font-size:.78rem}.stepper li.active{color:var(--purple);font-weight:800}.form-step{display:none}.form-step.active{display:block}.section-title{display:flex;gap:15px;align-items:center;margin:0 0 18px}.section-title>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff}.section-title h2{margin:0}.section-title p{margin:3px 0 0;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,3vw,32px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid .full{grid-column:1/-1}label,legend{font-weight:750;font-size:.92rem;color:#333c50}input,select,textarea{width:100%;margin-top:8px;padding:12px 13px;border:1px solid #ccd2dc;border-radius:10px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(111,63,158,.14);border-color:var(--purple)}fieldset{border:0;padding:0;margin:0}.choice{display:block;font-weight:500;margin-top:8px}.choice input,.chapter input,.toggle input,.confirm input{width:auto;margin:0}.stack{display:grid;gap:16px}.product-head,.product-line,.conditional{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:15px;padding:17px}.product-head{background:linear-gradient(110deg,#f7f1fb,#fff)}.product-head h3,.product-head p{margin:0}.product-head label{width:130px}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chapter{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:15px}.chapter.required{background:#f5f2fb}.chapter small{margin-left:auto;color:var(--purple)}.toggle{display:flex;align-items:center;gap:10px}.toggle span{width:38px;height:22px;border-radius:99px;background:#c6cbd5;position:relative}.toggle span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.toggle input{position:absolute;opacity:0}.toggle input:checked+span{background:var(--purple)}.toggle input:checked+span:after{left:19px}.summary-chip,.pill{background:#f0edf7;color:#5c357e;border-radius:999px;padding:9px 13px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar input[type=search]{max-width:420px;margin:0}.toolbar select{max-width:220px;margin:0}.file-button input{display:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;color:#7b8291}.icon-btn,.link-btn{padding:7px 10px;background:transparent;color:var(--purple)}.help{color:var(--muted);margin-bottom:0}.upload-zone{border:2px dashed #c8cdda;border-radius:16px;padding:20px}.upload-zone span,.upload-zone small{display:block;margin-top:8px;color:var(--muted)}.review-grid,.customer-grid,.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.review-card h3{margin-top:0}.review-card dl,.dialog-body dl{display:grid;grid-template-columns:140px 1fr;gap:9px}.review-card dt,.dialog-body dt{color:var(--muted)}.review-card dd,.dialog-body dd{margin:0;font-weight:700}.confirm{display:block;margin:22px 0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.message{min-height:28px;color:#b42318;margin-top:10px}.confirmation{text-align:center;background:#fff;border-radius:24px;padding:48px;box-shadow:var(--shadow)}.success{margin:auto;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#e9f8ee;color:#198754;font-size:2rem}.reference{display:block;font-size:1.3rem;margin:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stat strong{display:block;font-size:2rem}.stat span{color:var(--muted)}.progress-count{font-weight:900}.progress-count.complete{color:#16834b}.progress-count.incomplete{color:#c15a16}.empty{text-align:center;color:var(--muted);padding:30px}.customer-card{border:1px solid var(--line);border-radius:17px;padding:20px}.customer-card h3{margin:0}.customer-card p{color:var(--muted)}.card-actions{display:flex;gap:8px}.report-grid{margin-top:20px}.bars{display:flex;align-items:flex-end;gap:12px;min-height:210px;padding-top:25px}.bar{flex:1;text-align:center}.bar i{display:block;background:linear-gradient(#6f3f9e,#168bc6);border-radius:8px 8px 0 0;min-height:5px}.bar span{font-size:.75rem;color:var(--muted)}.ranking>div,.activity-feed>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}dialog{border:0;border-radius:22px;padding:0;max-width:900px;width:min(92vw,900px);box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(17,22,36,.62)}.dialog-close{position:absolute;right:14px;top:12px;background:transparent;font-size:1.8rem}.dialog-body,#customerForm{padding:32px}.delegate-checklist{margin-top:22px}.delegate-checklist label{display:grid;grid-template-columns:32px 1fr 1fr;gap:10px;padding:12px;border-bottom:1px solid var(--line);align-items:center}.delegate-checklist input{width:auto;margin:0}.danger{background:#feeceb;color:#a61b16}.hidden{display:none!important}@media(max-width:900px){.site-header{height:auto;padding:12px 18px;align-items:flex-start}.site-header nav{justify-content:flex-end}.brand-button img{width:110px}.form-grid,.review-grid,.customer-grid,.report-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.chapter-grid{grid-template-columns:1fr}}@media(max-width:620px){.site-header{display:block}.site-header nav{margin-top:8px;justify-content:flex-start}.nav-btn{padding:8px 9px;font-size:.82rem}.shell-view{padding:28px 14px 60px}.page-head{display:block}.page-head>button{margin-top:15px}.stats{grid-template-columns:1fr 1fr}.product-head,.product-line,.conditional{align-items:flex-start;flex-direction:column}.form-actions{flex-wrap:wrap}.stepper ol{font-size:0}.stepper li:before{content:attr(data-short);font-size:.72rem}.home-content h1{font-size:2.2rem}}

/* Premium homepage refresh */
.home-view{min-height:calc(100vh - 85px);position:relative;overflow:hidden;background:#eef3f7;color:var(--ink);display:none;padding:clamp(48px,7vw,96px) clamp(24px,6vw,88px)}
.home-view.active{display:block}
.home-aura{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 18%,rgba(111,63,158,.12),transparent 27%),radial-gradient(circle at 12% 84%,rgba(19,137,207,.09),transparent 23%)}
.home-layout{position:relative;z-index:1;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);gap:clamp(52px,8vw,120px);align-items:center}
.home-copy-panel{max-width:760px}
.hero-logo{width:min(330px,70vw);height:auto;filter:none;margin:16px 0 40px;display:block}
.hub-kicker{margin:0;color:#756d63;font-size:.72rem;letter-spacing:.24em}
.home-copy-panel h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0 0 28px;color:#192137;max-width:830px}
.home-copy{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.75;color:#625f5a;max-width:650px;margin:0}
.hero-actions{display:flex;justify-content:flex-start;align-items:center;gap:24px;margin-top:38px;flex-wrap:wrap}
.home-view .primary{background:#171f34;border-radius:2px;padding:16px 26px;box-shadow:0 12px 30px rgba(23,31,52,.14)}
.home-view .primary:hover{background:#2a3248;transform:translateY(-1px)}
.text-action{background:transparent;color:#232a3d;padding:12px 0;border-radius:0;border-bottom:1px solid #9b9388;font-weight:700}
.text-action span{display:inline-block;margin-left:8px;transition:transform .2s}.text-action:hover span{transform:translateX(4px)}
.home-showcase{position:relative;background:#171f34;color:#fff;padding:clamp(34px,5vw,64px);min-height:520px;box-shadow:0 34px 80px rgba(23,31,52,.2);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.home-showcase:before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-175px;top:-150px}
.spectrum-mark{position:absolute;top:0;left:0;right:0;height:7px;display:grid;grid-template-columns:repeat(8,1fr)}
.spectrum-mark i:nth-child(1){background:#e93f87}.spectrum-mark i:nth-child(2){background:#ec2227}.spectrum-mark i:nth-child(3){background:#f47b20}.spectrum-mark i:nth-child(4){background:#ffd23f}.spectrum-mark i:nth-child(5){background:#72be44}.spectrum-mark i:nth-child(6){background:#13b7a7}.spectrum-mark i:nth-child(7){background:#1389cf}.spectrum-mark i:nth-child(8){background:#6a4fa3}
.showcase-label{position:relative;margin:0 0 12px;color:#aaaec0;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:800}
.home-showcase h2{position:relative;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3.3rem);font-weight:400;line-height:1.1;margin:0 0 38px}
.showcase-list{position:relative;border-top:1px solid rgba(255,255,255,.16)}
.showcase-list>div{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.13);align-items:start}
.showcase-list span{font-family:Georgia,"Times New Roman",serif;color:#b9a8cf;font-size:1.15rem}.showcase-list p{margin:0;color:#cfd2dc;line-height:1.45}.showcase-list strong{display:block;color:#fff;margin-bottom:3px}
.auto-quantity{min-width:145px;text-align:right;padding-left:20px;border-left:1px solid #d8d0df}.auto-quantity span,.auto-quantity small{display:block;color:var(--muted)}.auto-quantity strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:2.5rem;font-weight:400;line-height:1;color:var(--navy);margin:5px 0}.auto-quantity small{font-size:.72rem}
@media(max-width:920px){.home-layout{grid-template-columns:1fr}.home-copy-panel{max-width:none}.home-showcase{min-height:430px}.home-copy-panel h1{max-width:760px}}
@media(max-width:620px){.home-view{padding:42px 20px 60px}.hero-logo{width:240px;margin-bottom:30px}.home-copy-panel h1{font-size:1.85rem}.home-showcase{padding:34px 26px;min-height:400px}.product-head{align-items:flex-start}.auto-quantity{min-width:100px}}


/* Requested header and homepage text adjustments */
.site-header{height:92px}
.brand-button img{width:300px;height:84px;object-fit:contain}
.brand-button span{font-size:1rem;white-space:nowrap}
.home-view{padding-top:36px}
.home-layout{align-items:start}
.home-copy-panel{padding-top:0}
.home-copy-panel h1{font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1.18;margin-top:0}
@media(max-width:900px){.brand-button img{width:220px;height:64px}.brand-button span{font-size:.9rem}}
@media(max-width:620px){.home-view{padding-top:26px}.home-copy-panel h1{font-size:1.55rem}}


/* Unified brand lock-up */
.site-header{
  height:118px;
  padding:0 18px;
}
.brand-button{
  display:flex;
  align-items:center;
  gap:6px;              /* logo and badge become one item */
  flex:0 0 auto;
}
.brand-button img{
  width:305px;
  height:auto;
  display:block;
}
.hub-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:10px 16px;
  background:linear-gradient(180deg,#20293f,#171f34);
  color:#fff;
  border-radius:3px;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(23,31,52,.15);
}
.site-header nav{
  margin-left:18px;
  flex:1;
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-end;
  gap:4px;
}
.nav-btn{padding:10px 12px;}
@media(max-width:900px){
 .brand-button{gap:4px;}
 .brand-button img{width:235px;}
 .hub-badge{font-size:.64rem;padding:8px 10px;}
 .site-header nav{flex-wrap:wrap;}
}

/* Corrected single-piece brand lock-up.
   The logo SVGs have also been cropped to remove their large transparent artboard. */
.site-header{
  height:96px;
  padding:0 18px;
}
.brand-button{
  display:inline-flex;
  align-items:stretch;
  gap:0;
  flex:0 0 auto;
  padding:0;
  overflow:hidden;
  border-radius:3px;
}
.brand-button img{
  width:auto;
  height:60px;
  object-fit:contain;
  display:block;
  margin:0;
}
.hub-badge{
  min-height:60px;
  margin:0;
  padding:0 16px;
  border-radius:0 3px 3px 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#20293f,#171f34);
  color:#fff;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:none;
}
.site-header nav{
  margin-left:16px;
  flex:1 1 auto;
  flex-wrap:nowrap;
  justify-content:flex-end;
  gap:3px;
}
.nav-btn{
  padding:9px 10px;
  white-space:nowrap;
}
@media(max-width:900px){
  .site-header{height:auto}
  .brand-button img{height:48px;width:auto}
  .hub-badge{min-height:48px;padding:0 10px;font-size:.62rem}
  .site-header nav{flex-wrap:wrap}
}


/* Final unified brand panel: logo and product name inside one navy rectangle */
.site-header{
  height:96px;
  padding:0 18px;
}
.brand-button{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  margin:0;
  padding:9px 16px 9px 12px;
  border:0;
  border-radius:4px;
  overflow:hidden;
  background:linear-gradient(180deg,#20293f,#171f34);
  color:#fff;
  box-shadow:0 5px 14px rgba(23,31,52,.16);
}
.brand-button img{
  display:block;
  width:190px;
  height:48px;
  margin:0;
  object-fit:contain;
  flex:0 0 auto;
}
.hub-badge{
  display:inline-flex;
  align-items:center;
  min-height:auto;
  margin:0;
  padding:0 0 0 12px;
  border-left:1px solid rgba(255,255,255,.30);
  border-radius:0;
  background:none;
  color:#fff;
  box-shadow:none;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.25;
  text-transform:uppercase;
  white-space:nowrap;
}
.site-header nav{
  margin-left:14px;
  flex:1 1 auto;
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-end;
  gap:3px;
}
.nav-btn{
  padding:9px 10px;
  white-space:nowrap;
}
@media(max-width:900px){
  .site-header{height:auto}
  .brand-button{gap:8px;padding:7px 10px}
  .brand-button img{width:145px;height:40px}
  .hub-badge{padding-left:8px;font-size:.60rem;letter-spacing:.10em}
  .site-header nav{flex-wrap:wrap}
}


/* Ordering workflow refinements */
.chapter-selector{display:grid;gap:8px}.chapter-dropdown{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.chapter-dropdown summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:800}.chapter-dropdown summary::-webkit-details-marker{display:none}.chapter-dropdown summary:after{content:"▾";color:var(--purple);font-size:1.1rem}.chapter-dropdown[open] summary:after{transform:rotate(180deg)}.chapter-dropdown summary small{margin-left:auto;color:var(--muted);font-weight:600}.chapter-options{display:grid;gap:10px;padding:0 14px 14px;border-top:1px solid var(--line)}.chapter-options .chapter:first-child{margin-top:14px}.po-field{display:grid;align-content:start}.po-choice{margin-top:10px}.po-choice input{width:auto;margin:0 7px 0 0}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card{padding:0;overflow:hidden}.review-card h3{margin:0;padding:14px 18px;background:linear-gradient(180deg,#20293f,#171f34);color:#fff;font-size:1rem;letter-spacing:.02em}.review-card dl{padding:18px;margin:0}.review-card:nth-child(3){grid-column:1/-1}.review-table-wrap{overflow:auto;padding:8px 18px 18px}.review-delegates th:first-child,.review-delegates td:first-child{width:48px;text-align:center}.review-delegates td{font-weight:600}.review-delegates tbody tr:nth-child(even){background:#f7f8fb}@media(max-width:900px){.review-card:nth-child(3){grid-column:auto}.chapter-dropdown summary{align-items:flex-start;flex-direction:column}.chapter-dropdown summary small{margin-left:0}}


/* Page 2 profile quantities and previous learner digital profiles */
.quantity-card{display:grid;gap:6px;max-width:420px;font-weight:700}
.quantity-card input{max-width:150px}
.quantity-card small{font-weight:400;color:var(--muted)}
.existing-digital-section{border-top:1px solid var(--line);padding-top:12px}


/* Final ordering form refinements */
.page-two-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:16px;align-items:stretch}
.page-two-top .quantity-card,.pdf-return-panel{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fff}
.page-two-top .quantity-card{display:flex;flex-direction:column;justify-content:center}
.page-two-top .quantity-card small{display:block;margin-top:8px;color:var(--muted);font-weight:500;line-height:1.45}
.pdf-return-panel{justify-self:stretch}
.pdf-return-panel legend{margin-bottom:10px}
.pdf-return-panel .choice{display:flex;align-items:center;gap:9px;margin-top:10px}
@media(max-width:900px){.page-two-top{grid-template-columns:1fr}}

/* Secure accounts, organisation access and retained order lifecycle */
.account-controls{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding-left:10px;border-left:1px solid var(--line);white-space:nowrap}
.account-controls span{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;font-weight:800;color:#4f5667}
.account-controls button{padding:8px 10px;background:#eef0f5;color:var(--ink);font-size:.78rem}
.auth-layout{max-width:980px;margin:30px auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:48px;align-items:center}
.auth-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,5vw,4.3rem);font-weight:400;line-height:1.05;margin:8px 0 22px}
.auth-copy p:not(.eyebrow){font-size:1.08rem;line-height:1.7;color:var(--muted)}
.auth-card{display:grid;gap:15px}.auth-card h2,.auth-card p{margin:0}.auth-card button{margin-top:4px}.auth-card small,#clientUserForm small{display:block;margin-top:7px;color:var(--muted);font-weight:500;line-height:1.45}
.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:900;white-space:nowrap}
.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.status-new{background:#e9edf4;color:#45536c}.status-in_progress{background:#ffead0;color:#8a490e}.status-overdue{background:#fde5e5;color:#9f2525}.status-complete{background:#dff3e6;color:#126638}.status-archived{background:#e8e4ed;color:#5d5068}

/* Subtle order-row colours make the dashboard easier to scan by status. */
#ordersTable .order-row td{transition:background-color .18s ease}
#ordersTable .order-row td:first-child{border-left:5px solid transparent}
#ordersTable .order-row-new td{background:#f5f7fb}
#ordersTable .order-row-new td:first-child{border-left-color:#74819a}
#ordersTable .order-row-in_progress td{background:#fff8ed}
#ordersTable .order-row-in_progress td:first-child{border-left-color:#e28a2b}
#ordersTable .order-row-overdue td{background:#fff1f1}
#ordersTable .order-row-overdue td:first-child{border-left-color:#c83d3d}
#ordersTable .order-row-complete td{background:#eef9f1}
#ordersTable .order-row-complete td:first-child{border-left-color:#2b9a5a}
#ordersTable .order-row-archived td{background:#f3f1f6;color:#77727e}
#ordersTable .order-row-archived td:first-child{border-left-color:#81728e}
#ordersTable .order-row-archived .link-btn{color:#665b70}
#ordersTable .order-row:hover td{filter:brightness(.985)}
.order-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.order-dialog-head h2{margin-top:0}
.activity-feed span small{display:block;margin-top:3px;color:var(--muted);font-weight:500}
.client-users{list-style:none;padding:0;margin:18px 0;border-top:1px solid var(--line)}
.client-users li{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.87rem}
.client-users li span{color:var(--muted)}.client-users li small{grid-column:1/-1;color:#9b5318}
.customer-card .card-actions{flex-wrap:wrap}
@media(max-width:980px){.auth-layout{grid-template-columns:1fr;gap:24px}.account-controls{width:100%;margin:6px 0 0;padding:8px 0 0;border-left:0;border-top:1px solid var(--line)}}

/* Secure client invitations and account controls */
#clientUserForm{padding:32px}
.client-users li.client-user{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px}
.client-user-identity{display:grid;gap:3px;min-width:0}
.client-user-identity span{overflow-wrap:anywhere}
.client-users .client-user-identity small{color:var(--muted);font-size:.74rem;grid-column:auto}
.client-user-controls{display:grid;justify-items:end;gap:7px}
.client-user-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.client-user-actions .link-btn{font-size:.72rem;padding:5px 7px}
.client-user-actions .link-btn:disabled{opacity:.45;cursor:not-allowed}
.danger-text{color:#a61b16!important}
.client-user-inactive{opacity:.72}
.account-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:900;white-space:nowrap}
.account-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.account-status-active{background:#dff3e6;color:#126638}
.account-status-pending{background:#e7effa;color:#315c91}
.account-status-expired{background:#ffead0;color:#8a490e}
.account-status-inactive{background:#ececf0;color:#5f6570}
#generatedAccessLink{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;overflow-wrap:anywhere}
@media(max-width:620px){.client-users li.client-user{grid-template-columns:1fr}.client-user-controls{justify-items:start}.client-user-actions{justify-content:flex-start}}

/* Consistent radio-style order controls and final submission area */
.pdf-return-panel{border:1px solid var(--line);background:#fff}
.pdf-return-panel legend{font-size:1rem;color:#29213a}
.pdf-return-panel .choice{display:flex;align-items:center;gap:11px;min-height:42px;padding:7px 2px;margin-top:4px;cursor:pointer;font-weight:700}
.pdf-return-panel .choice:hover{color:#5c357e}

.pdf-return-panel input[type="radio"],
.completion-choice input[type="radio"],
.confirm input[type="checkbox"],
.po-details-confirm input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  width:23px;
  height:23px;
  min-width:23px;
  margin:0;
  border:2px solid #6f3f9e;
  border-radius:50%;
  background:#fff;
  cursor:pointer;
  vertical-align:middle;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.pdf-return-panel input[type="radio"]:checked,
.completion-choice input[type="radio"]:checked,
.confirm input[type="checkbox"]:checked,
.po-details-confirm input[type="checkbox"]:checked{
  background:radial-gradient(circle at center,#6f3f9e 0 5px,#fff 5.5px);
  border-color:#6f3f9e;
}
.pdf-return-panel input[type="radio"]:focus-visible,
.completion-choice input[type="radio"]:focus-visible,
.confirm input[type="checkbox"]:focus-visible,
.po-details-confirm input[type="checkbox"]:focus-visible{
  outline:3px solid rgba(111,63,158,.22);
  outline-offset:3px;
}

.delegate-checklist .delegate-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:18px;align-items:center;min-height:68px;padding:12px;border-bottom:1px solid var(--line)}
.delegate-identity{display:grid;gap:4px}.delegate-identity small{color:var(--muted);font-weight:500}
.completion-choice{display:flex;align-items:center;gap:18px}
.completion-choice legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.completion-choice label{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px;cursor:pointer;font-weight:700;white-space:nowrap}
.completion-choice input[type="radio"]:disabled{cursor:not-allowed;opacity:.65}

.conditional-table{display:block}
.conditional-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
.conditional-heading h3{margin:0 0 5px}.conditional-heading p{margin:0;color:var(--muted);max-width:720px}
.conditional-table .pill{display:inline-block;margin-top:14px}

/* Purchase-order verification and reusable customer invoice details */
.po-details-prompt,.customer-invoice-heading{display:grid;gap:5px;border-radius:14px;padding:15px 17px;background:#f5f2fb;border:1px solid #d9cbea;color:#392650}
.po-details-prompt span,.customer-invoice-heading span{color:var(--muted);font-size:.88rem;font-weight:550;line-height:1.45}
.po-details-confirm{display:flex;align-items:flex-start;gap:11px;margin:0;padding:15px 17px;border:1px solid #cfc0e2;border-radius:14px;background:#fbf9fd;font-weight:750;line-height:1.45;cursor:pointer}
.po-details-confirm input{flex:0 0 23px;margin-top:0}
.review-empty{padding:18px;margin:0;color:var(--muted)}

.staff-user-list{display:grid;gap:0}
.staff-user-card{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:18px;padding:17px 4px;border-bottom:1px solid var(--line)}
.staff-user-card:last-child{border-bottom:0}

.review-submit-area{display:flex;align-items:center;justify-content:flex-end;gap:18px;width:min(100%,720px);margin:26px 0 0 auto;padding:18px;border:2px solid #cbb9d9;border-radius:16px;background:linear-gradient(110deg,#f5effa,#fff);box-shadow:0 12px 32px rgba(49,35,68,.08)}
.review-submit-area .confirm{display:flex;align-items:center;gap:13px;flex:1;margin:0;padding:0;cursor:pointer;font-size:1rem;line-height:1.4}
.review-submit-area #submitBtn{min-width:170px}
.order-navigation{justify-content:flex-start}
@media(max-width:700px){.review-submit-area{align-items:stretch;flex-direction:column}.review-submit-area #submitBtn{width:100%}.delegate-checklist .delegate-row,.staff-user-card{grid-template-columns:1fr}.completion-choice{align-items:flex-start;flex-direction:column;gap:2px}.conditional-heading{flex-direction:column}.conditional-heading button{width:100%}}

/* Warmer, more colourful True Colours interface */
:root{
  --ink:#20243a;
  --muted:#6d7184;
  --paper:#f7f6fb;
  --card:#fff;
  --line:#e5e0ec;
  --navy:#20243a;
  --purple:#7545a7;
  --purple-deep:#5e318d;
  --purple-soft:#f1eafa;
  --pink:#db4d88;
  --orange:#ed7a2c;
  --yellow:#efbd2d;
  --green:#61a94f;
  --teal:#239f98;
  --blue:#3185c5;
  --shadow:0 16px 42px rgba(49,37,70,.08);
  --shadow-hover:0 22px 50px rgba(73,48,98,.13);
  --radius:20px;
}

body{
  font-family:"Avenir Next",Avenir,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 7% 4%,rgba(219,77,136,.055),transparent 21rem),
    radial-gradient(circle at 94% 12%,rgba(49,133,197,.065),transparent 24rem),
    var(--paper);
}

h1,h2,h3,.page-head h1,.section-title h2{
  font-family:"Avenir Next",Avenir,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.025em;
}

.colour-ribbon{
  height:8px;
  box-shadow:0 2px 10px rgba(91,56,116,.12);
}

.site-header{
  background:rgba(255,255,255,.95);
  border-bottom:0;
  box-shadow:0 8px 26px rgba(39,33,57,.075);
  backdrop-filter:blur(12px);
}

.nav-btn{
  color:#575c70;
  border:1px solid transparent;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.nav-btn:hover{
  background:#f5f0fa;
  color:var(--purple-deep);
  transform:translateY(-1px);
}

.nav-btn.active{
  color:var(--purple-deep);
  background:linear-gradient(135deg,#f2eafa,#edf3fb);
  border-color:#ded1ea;
}

.shell-view{
  max-width:1320px;
  padding-top:52px;
}

.page-head{
  align-items:center;
  margin-bottom:30px;
}

.page-head h1{
  color:#22243a;
  font-size:clamp(2.25rem,4vw,3.55rem);
  line-height:1.05;
}

.eyebrow{
  color:var(--purple);
  letter-spacing:.16em;
}

.card{
  border-color:rgba(113,79,139,.16);
  box-shadow:var(--shadow);
}

.form-step>.card{
  position:relative;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(120deg,rgba(219,77,136,.42),rgba(237,122,44,.32),rgba(35,159,152,.32),rgba(117,69,167,.42)) border-box;
  border:1px solid transparent;
}

.section-title>b{
  box-shadow:0 8px 20px rgba(48,38,65,.15);
}

.form-step[data-step="0"] .section-title>b{background:linear-gradient(135deg,var(--purple),var(--pink))}
.form-step[data-step="1"] .section-title>b{background:linear-gradient(135deg,var(--blue),var(--purple))}
.form-step[data-step="2"] .section-title>b{background:linear-gradient(135deg,var(--teal),var(--blue))}
.form-step[data-step="3"] .section-title>b{background:linear-gradient(135deg,var(--orange),var(--pink))}
.form-step[data-step="4"] .section-title>b{background:linear-gradient(135deg,var(--green),var(--teal))}

button,.file-button{
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}

button:not(:disabled):hover,.file-button:hover{
  transform:translateY(-1px);
}

.primary{
  background:linear-gradient(135deg,var(--purple),var(--purple-deep));
  box-shadow:0 8px 18px rgba(104,54,145,.18);
}

.primary:hover{
  background:linear-gradient(135deg,#8051b2,#60338e);
  box-shadow:0 11px 24px rgba(104,54,145,.24);
}

.secondary,.file-button{
  background:#f0edf6;
  color:#39334b;
}

.ghost{
  color:#625379;
  background:#faf8fc;
}

.danger-outline{
  color:#a22c32;
  background:#fff7f7;
  border:1px solid #e8b8bb;
  box-shadow:none;
}

.danger-outline:hover{
  color:#861f25;
  background:#feecec;
  border-color:#da969b;
}

button:disabled{
  cursor:not-allowed;
  opacity:.55;
  transform:none!important;
  box-shadow:none!important;
}

input,select,textarea{
  border-color:#d8d2df;
  background:#fffefd;
}

input:hover,select:hover,textarea:hover{
  border-color:#bdb0ca;
}

input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(117,69,167,.14);
  border-color:var(--purple);
  box-shadow:0 0 0 1px rgba(117,69,167,.06);
}

.step-track{
  background:#e7e2ed;
}

.stepper li.active{
  color:var(--purple-deep);
}

.product-line,.conditional,.page-two-top .quantity-card,.pdf-return-panel,.chapter-dropdown{
  border-color:#e2dbe8;
}

.product-line{
  background:linear-gradient(105deg,#fff 62%,#faf6fd);
}

.product-line:hover{
  border-color:#cdbddd;
  box-shadow:0 8px 20px rgba(88,56,112,.055);
}

.toggle input:checked+span{
  background:linear-gradient(90deg,var(--purple),var(--pink));
}

.pill,.summary-chip{
  background:linear-gradient(135deg,#f0e8f8,#eaf2fa);
  color:#5f3980;
  border:1px solid #dfd3e8;
}

.stats{
  gap:18px;
}

.stat{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(91,64,112,.14);
  box-shadow:0 10px 28px rgba(49,37,70,.055);
}

.stat:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--purple);
}

.stat:nth-child(1){background:linear-gradient(135deg,#fff,#f7f0fb)}
.stat:nth-child(1):before{background:var(--purple)}
.stat:nth-child(2){background:linear-gradient(135deg,#fff,#eef6fb)}
.stat:nth-child(2):before{background:var(--blue)}
.stat:nth-child(3){background:linear-gradient(135deg,#fff,#eef8f4)}
.stat:nth-child(3):before{background:var(--teal)}
.stat:nth-child(4){background:linear-gradient(135deg,#fff,#fff7ea)}
.stat:nth-child(4):before{background:var(--orange)}

.stat strong{
  color:#28243c;
}

.toolbar input[type=search],.toolbar select{
  background:#fff;
  border-color:#ded7e6;
}

#adminView>.card,#customersView>.card,#staffUsersView>.card{
  border-top:4px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--green),var(--teal),var(--blue),var(--purple)) border-box;
}

th{
  color:#69677a;
  background:#faf8fc;
}

tbody tr{
  transition:transform .16s ease,box-shadow .16s ease;
}

.customer-grid{
  gap:22px;
}

.customer-card{
  position:relative;
  overflow:hidden;
  border:1px solid #e2dce8;
  background:linear-gradient(145deg,#fff 70%,#faf6fc);
  box-shadow:0 10px 26px rgba(47,37,62,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.customer-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--purple),var(--pink));
}

.customer-card:nth-child(4n+2):before{background:linear-gradient(90deg,var(--orange),var(--yellow))}
.customer-card:nth-child(4n+3):before{background:linear-gradient(90deg,var(--green),var(--teal))}
.customer-card:nth-child(4n+4):before{background:linear-gradient(90deg,var(--blue),var(--purple))}

.customer-card:hover{
  transform:translateY(-2px);
  border-color:#d3c5df;
  box-shadow:var(--shadow-hover);
}

.customer-card-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.customer-card-heading .eyebrow{
  margin:4px 0 7px;
}

.order-count{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#f1edf6;
  color:#665873;
  font-size:.76rem;
  white-space:nowrap;
}

.order-count strong{
  color:var(--purple-deep);
}

.client-users{
  border-color:#e6e0ea;
}

.client-user{
  border-radius:12px;
}

.client-user:hover{
  background:#faf8fc;
}

.staff-user-card{
  position:relative;
  padding:18px 14px 18px 20px;
  border-radius:14px;
}

.staff-user-card:before{
  content:"";
  position:absolute;
  left:4px;
  top:17px;
  bottom:17px;
  width:4px;
  border-radius:99px;
  background:linear-gradient(var(--blue),var(--purple));
}

.staff-user-card:hover{
  background:#faf8fc;
}

dialog{
  border-top:7px solid var(--purple);
  box-shadow:0 34px 90px rgba(35,27,48,.28);
}

dialog::backdrop{
  background:rgba(29,25,43,.58);
  backdrop-filter:blur(3px);
}

.order-dialog-head{
  padding-bottom:15px;
  border-bottom:1px solid #e9e3ed;
}

.delegate-checklist{
  padding:18px;
  border-radius:16px;
  background:linear-gradient(145deg,#faf7fc,#f5f8fb);
  border:1px solid #e2d9e9;
}

.delegate-checklist h3{
  margin:0 0 8px;
}

.delegate-checklist .delegate-row{
  border-color:#e1dbe6;
}

.completion-choice{
  padding:4px;
  border-radius:13px;
  background:#fff;
  border:1px solid #ddd4e5;
  gap:7px;
}

.completion-choice label{
  border-radius:9px;
  padding:7px 10px;
  color:#696277;
}

.completion-choice label:has(input:checked){
  background:#f1eafa;
  color:#59337c;
}

.completion-choice .completion-complete:has(input:checked){
  background:#e7f5ed;
  color:#17663e;
}

.completion-choice input[type="radio"]{
  width:20px;
  height:20px;
  min-width:20px;
}

.completion-choice input[type="radio"]:checked{
  background:radial-gradient(circle at center,var(--purple) 0 4px,#fff 4.5px);
}

.completion-choice .completion-complete input[type="radio"]:checked{
  border-color:#238553;
  background:radial-gradient(circle at center,#238553 0 4px,#fff 4.5px);
}

.review-card h3{
  background:linear-gradient(110deg,#27243d,#63378e);
}

.review-submit-area{
  border-color:#cdb9df;
  background:linear-gradient(110deg,#f2eafa,#fff 58%,#edf6fb);
}

.archive-order{
  color:#604478;
  border:1px solid #d9cce4;
}

.activity-feed>div{
  border-color:#e8e3eb;
}

@media(min-width:1120px){
  .customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .shell-view{padding-top:38px}
  .site-header{box-shadow:0 6px 20px rgba(39,33,57,.075)}
}

@media(max-width:700px){
  .page-head h1{font-size:2.25rem}
  .completion-choice{width:100%}
  .completion-choice label{width:100%;white-space:normal}
  .customer-card-heading{align-items:flex-start;flex-direction:column}
}

/* My Orders dashboard v1 – visual refresh only */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.orders-dashboard{
  --dash-ink:#2d2840;
  --dash-muted:#746d80;
  --dash-line:#e7e1eb;
  --dash-surface:#ffffff;
  --dash-soft:#f8f6fa;
  max-width:1500px;
}

.dashboard-head{
  align-items:flex-end;
  gap:24px;
  margin-bottom:24px;
}

.dashboard-head h1{
  margin-bottom:8px;
}

.dashboard-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}

.dashboard-updated{
  color:var(--dash-muted);
  font-size:.85rem;
  white-space:nowrap;
}

.dashboard-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0 0 18px;
}

.dashboard-stat{
  min-height:142px;
  padding:22px;
  border:1px solid var(--dash-line);
  border-radius:20px;
  background:var(--dash-surface);
  box-shadow:0 10px 30px rgba(38,31,53,.06);
  position:relative;
  overflow:hidden;
}

.dashboard-stat::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--stat-accent,#6c4a8c);
}

.dashboard-stat::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  border-radius:50%;
  right:-42px;
  top:-46px;
  background:var(--stat-glow,rgba(108,74,140,.08));
}

.dashboard-stat .stat-label{
  display:block;
  color:var(--dash-muted);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.dashboard-stat strong{
  display:block;
  margin:14px 0 6px;
  color:var(--dash-ink);
  font-size:2.3rem;
  line-height:1;
}

.dashboard-stat small{
  color:var(--dash-muted);
  font-size:.9rem;
}

.stat-purple{--stat-accent:#76509a;--stat-glow:rgba(118,80,154,.10)}
.stat-blue{--stat-accent:#2780a7;--stat-glow:rgba(39,128,167,.10)}
.stat-orange{--stat-accent:#d9872b;--stat-glow:rgba(217,135,43,.11)}
.stat-red{--stat-accent:#c94d57;--stat-glow:rgba(201,77,87,.11)}
.stat-green{--stat-accent:#329364;--stat-glow:rgba(50,147,100,.11)}

.attention-panel{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
  padding:18px 20px;
  border:1px solid #ecd7b8;
  border-radius:18px;
  background:linear-gradient(110deg,#fff8ec,#fff 58%,#fbf5ff);
  box-shadow:0 8px 24px rgba(96,67,25,.055);
}

.attention-heading{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:210px;
}

.attention-heading>div{
  display:grid;
  gap:3px;
}

.attention-heading strong{
  color:#5f4221;
  font-size:1rem;
}

.attention-heading span:not(.attention-icon){
  color:#826c53;
  font-size:.86rem;
}

.attention-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#f6b957;
  color:#4e3215;
  font-weight:900;
  box-shadow:inset 0 -2px 0 rgba(78,50,21,.12);
}

.attention-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.attention-link{
  display:grid;
  gap:2px;
  min-width:170px;
  padding:11px 14px;
  border:1px solid #eadcc8;
  border-radius:13px;
  background:rgba(255,255,255,.88);
  color:var(--dash-ink);
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.attention-link:hover{
  transform:translateY(-1px);
  border-color:#cdb893;
  box-shadow:0 7px 18px rgba(92,64,31,.09);
}

.attention-link strong{font-size:.92rem}
.attention-link span{color:var(--dash-muted);font-size:.78rem}

.orders-card{
  padding:0;
  overflow:hidden;
  border:1px solid var(--dash-line);
  border-radius:22px;
  box-shadow:0 16px 42px rgba(38,31,53,.07);
}

.orders-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px 15px;
}

.orders-card-head h2{
  margin:0 0 4px;
  color:var(--dash-ink);
  font-size:1.25rem;
}

.orders-card-head p{
  margin:0;
  color:var(--dash-muted);
  font-size:.9rem;
}

.result-count{
  padding:7px 11px;
  border-radius:999px;
  background:#f2edf6;
  color:#604478;
  font-size:.82rem;
  font-weight:750;
  white-space:nowrap;
}

.dashboard-toolbar{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 210px;
  gap:12px;
  margin:0;
  padding:0 24px 18px;
  border-bottom:1px solid var(--dash-line);
}

.search-field{
  position:relative;
}

.search-field::before{
  content:"⌕";
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-52%);
  color:#8c8395;
  font-size:1.15rem;
  pointer-events:none;
}

.dashboard-toolbar input,
.dashboard-toolbar select{
  width:100%;
  min-height:45px;
  border:1px solid #dcd4e2;
  border-radius:12px;
  background:#fff;
}

.dashboard-toolbar input{
  padding-left:42px;
}

.dashboard-toolbar input:focus,
.dashboard-toolbar select:focus{
  border-color:#8e6cab;
  box-shadow:0 0 0 3px rgba(118,80,154,.12);
}

.orders-table-wrap{
  overflow-x:auto;
}

.orders-table{
  width:100%;
  min-width:1040px;
  border-collapse:separate;
  border-spacing:0;
}

.orders-table thead th{
  padding:13px 16px;
  background:#faf8fb;
  color:#777080;
  border-bottom:1px solid var(--dash-line);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
  text-align:left;
  white-space:nowrap;
}

.orders-table thead th:first-child,
.orders-table tbody td:first-child{padding-left:24px}
.orders-table thead th:last-child,
.orders-table tbody td:last-child{padding-right:24px}

.orders-table tbody td{
  padding:17px 16px;
  border-bottom:1px solid #eee9f0;
  vertical-align:middle;
  color:var(--dash-ink);
}

.orders-table tbody tr{
  position:relative;
  background:#fff;
  transition:background .15s ease,box-shadow .15s ease;
}

.orders-table tbody tr:hover{
  background:#fcfafc;
  box-shadow:inset 4px 0 0 #8261a0;
}

.orders-table tbody tr:last-child td{border-bottom:0}

.order-reference{
  display:block;
  padding:0;
  border:0;
  background:transparent;
  color:#654184;
  font-size:.92rem;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}

.order-reference:hover{text-decoration:underline}

.order-referral,
.order-session{
  display:block;
  margin-top:4px;
  color:#827a89;
  font-size:.78rem;
}

.order-client{
  display:block;
  font-size:.92rem;
}

.order-date{
  font-size:.88rem;
  white-space:nowrap;
}

.progress-summary{
  width:150px;
}

.progress-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  font-size:.78rem;
}

.progress-meta strong{color:#4d4655}
.progress-meta span{color:#857e8b}

.mini-progress{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#ece7ef;
}

.mini-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#a783bf;
}

.mini-progress.started i{background:linear-gradient(90deg,#6b91b8,#7660a1)}
.mini-progress.complete i{background:linear-gradient(90deg,#319568,#56ad7d)}

.document-count{
  display:inline-grid;
  place-items:center;
  min-width:31px;
  height:31px;
  padding:0 8px;
  border-radius:10px;
  background:#f2eef4;
  color:#5e5666;
  font-size:.82rem;
  font-weight:800;
}

.row-open-button{
  padding:8px 11px;
  border:1px solid #dcd3e2;
  border-radius:10px;
  background:#fff;
  color:#654184;
  font-size:.8rem;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
}

.row-open-button:hover{
  border-color:#9e82b4;
  background:#f8f3fb;
}

.order-row-overdue{background:linear-gradient(90deg,rgba(201,77,87,.045),#fff 13%)}
.order-row-new{background:linear-gradient(90deg,rgba(217,135,43,.04),#fff 13%)}
.order-row-complete{background:linear-gradient(90deg,rgba(50,147,100,.035),#fff 13%)}
.order-row-archived{opacity:.78}

.orders-card>.message{
  margin:0 24px 20px;
}

.orders-card .empty{
  margin:0;
  padding:40px 24px;
  text-align:center;
  color:var(--dash-muted);
}

@media(max-width:1100px){
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attention-panel{align-items:flex-start;flex-direction:column}
  .attention-actions{justify-content:flex-start;width:100%}
}

@media(max-width:760px){
  .dashboard-head{align-items:flex-start;flex-direction:column}
  .dashboard-head-actions{justify-content:flex-start;width:100%}
  .dashboard-stats{grid-template-columns:1fr}
  .dashboard-stat{min-height:124px}
  .dashboard-toolbar{grid-template-columns:1fr;padding-inline:16px}
  .orders-card-head{align-items:flex-start;padding-inline:16px}
  .orders-table thead th:first-child,
  .orders-table tbody td:first-child{padding-left:16px}
  .orders-table thead th:last-child,
  .orders-table tbody td:last-child{padding-right:16px}
  .attention-actions{display:grid;grid-template-columns:1fr}
  .attention-link{width:100%}
}


/* Dashboard V2: unmistakable visual review header */
.dashboard-review-banner{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  padding:10px 16px;
  border-radius:14px;
  background:#242033;
  color:#fff;
  box-shadow:0 10px 24px rgba(36,32,51,.18);
}
.dashboard-review-banner span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  padding:5px 9px;
  border-radius:999px;
  background:#ffcf4a;
  color:#242033;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}
.dashboard-review-banner strong{font-size:.98rem}
.dashboard-review-banner small{margin-left:auto;color:rgba(255,255,255,.75)}
.dashboard-hero{
  position:relative;
  overflow:hidden;
  padding:30px 32px;
  border-radius:24px;
  background:linear-gradient(120deg,#5e3f7d 0%,#7b4f96 48%,#2f7ea0 100%);
  color:#fff;
  box-shadow:0 18px 46px rgba(64,43,86,.20);
}
.dashboard-hero::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  right:-100px;
  top:-120px;
  background:rgba(255,255,255,.10);
}
.dashboard-hero .eyebrow,
.dashboard-hero h1,
.dashboard-hero p{color:#fff}
.dashboard-hero .primary{
  position:relative;
  z-index:1;
  background:#fff;
  color:#4f3667;
  border-color:#fff;
  box-shadow:0 8px 20px rgba(28,20,38,.18);
}
.dashboard-hero .dashboard-updated{color:rgba(255,255,255,.80)}
@media (max-width:700px){
  .dashboard-review-banner{align-items:flex-start;flex-wrap:wrap}
  .dashboard-review-banner small{width:100%;margin-left:60px}
  .dashboard-hero{padding:24px 20px}
}
/* Coloured page banners across the Hub */

.page-head:not(.dashboard-hero){
  position:relative;
  overflow:hidden;
  padding:28px 30px;
  margin-bottom:26px;
  border-radius:22px;
  background:linear-gradient(120deg,#5e3f7d 0%,#7b4f96 48%,#2f7ea0 100%);
  color:#fff;
  box-shadow:0 18px 46px rgba(64,43,86,.18);
}

.page-head:not(.dashboard-hero)::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:7px;
  background:linear-gradient(
    90deg,
    #db4d88,
    #ec2227,
    #ed7a2c,
    #efbd2d,
    #61a94f,
    #239f98,
    #3185c5,
    #7545a7
  );
}

.page-head:not(.dashboard-hero)::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-90px;
  top:-115px;
  border-radius:50%;
  background:rgba(255,255,255,.09);
  pointer-events:none;
}

.page-head:not(.dashboard-hero) > *{
  position:relative;
  z-index:1;
}

.page-head:not(.dashboard-hero) h1,
.page-head:not(.dashboard-hero) p,
.page-head:not(.dashboard-hero) .eyebrow{
  color:#fff;
}

.page-head:not(.dashboard-hero) .primary{
  background:#fff;
  color:#56376f;
}


/* Home page Pricing option and downloadable Pricing page */
.home-option-grid{display:grid;grid-template-columns:minmax(280px,440px);gap:16px;margin-top:34px}
.home-option-card{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;text-align:left;background:rgba(255,255,255,.82);border:1px solid rgba(117,69,167,.18);border-radius:16px;color:var(--ink);box-shadow:0 12px 30px rgba(49,37,70,.09);backdrop-filter:blur(10px)}
.home-option-card:hover{background:#fff;border-color:#cab8da;box-shadow:0 18px 38px rgba(73,48,98,.14)}
.home-option-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-size:1.3rem;font-weight:900;box-shadow:0 8px 18px rgba(104,54,145,.2)}
.home-option-card strong,.home-option-card small{display:block}.home-option-card strong{font-size:1.05rem}.home-option-card small{margin-top:4px;color:var(--muted);font-weight:600;line-height:1.35}.home-option-arrow{font-size:1.35rem;color:var(--purple);transition:transform .18s ease}.home-option-card:hover .home-option-arrow{transform:translateX(4px)}
.download-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:800;white-space:nowrap}
.pricing-page-head{align-items:flex-end}.pricing-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px;background:linear-gradient(120deg,#fff 50%,#f4eef9)}
.pricing-intro>div:first-child{display:grid;gap:7px}.pricing-intro span{color:var(--muted)}.pricing-effective{display:grid;gap:5px;text-align:right;white-space:nowrap}.pricing-effective strong{font-size:1.15rem;color:var(--purple-deep)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.price-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(113,79,139,.17);border-radius:20px;padding:24px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.price-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--purple),var(--pink))}.price-card:nth-child(3n+2):before{background:linear-gradient(90deg,var(--orange),var(--yellow))}.price-card:nth-child(3n):before{background:linear-gradient(90deg,var(--teal),var(--blue))}.price-card:hover{transform:translateY(-2px);border-color:#d0c1dc;box-shadow:var(--shadow-hover)}
.price-card.featured{background:linear-gradient(145deg,#fff 55%,#f5eefb)}.price-category{margin:3px 0 10px;color:var(--purple);text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:900}.price-card h2{min-height:58px;margin:0 0 20px;font-size:1.25rem;line-height:1.25}.price-card dl{display:grid;gap:0;margin:0}.price-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line)}.price-card dt{color:var(--muted);font-size:.82rem}.price-card dd{margin:0;text-align:right;font-weight:900}.price-card dl>div:nth-child(2) dd{color:var(--purple-deep);font-size:1.12rem}
.pricing-notes{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:18px;margin-top:22px}.other-item,.shipping-note{margin:0}.other-item{display:flex;align-items:center;justify-content:space-between;gap:20px}.other-item h2,.shipping-note h2{margin:4px 0 7px}.other-item p,.shipping-note p{color:var(--muted);line-height:1.55;margin-bottom:0}.other-item>strong{font-size:1.7rem;color:var(--purple-deep);text-align:right}.other-item small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}.shipping-note strong{display:block;margin-top:15px;color:#267346}
.pricing-download-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;padding:28px 32px;border-radius:20px;background:linear-gradient(135deg,#20243a,#3d2b55);color:#fff;box-shadow:0 18px 42px rgba(32,36,58,.18)}.pricing-download-panel h2{margin:4px 0 7px}.pricing-download-panel p:not(.eyebrow){margin:0;color:#d9d7e1}.pricing-download-panel .eyebrow{color:#d9b9f1}.pricing-download-panel .primary{background:#fff;color:#332443;box-shadow:none}.pricing-download-panel .primary:hover{background:#f3eef7}
@media(max-width:1000px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pricing-page-head,.pricing-intro,.pricing-download-panel{align-items:stretch;flex-direction:column}.pricing-page-head .download-button{margin-top:18px}.pricing-effective{text-align:left}.pricing-grid,.pricing-notes{grid-template-columns:1fr}.price-card h2{min-height:0}.pricing-download-panel .download-button{width:100%}}

/* Unified operational home page */
.home-view{min-height:auto;position:relative;overflow:visible;background:transparent;color:var(--ink);display:none;padding:44px 24px 80px}
.home-view.active{display:block}
.home-page-head{align-items:flex-end}
.home-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
.hub-action-card{width:100%;min-height:132px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hub-action-card:hover{transform:translateY(-2px);border-color:#cbb7dd;box-shadow:0 22px 54px rgba(50,38,72,.14)}
.hub-action-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--purple),#d33e87);color:#fff;font-size:1.45rem;font-weight:900;box-shadow:0 10px 24px rgba(104,54,145,.22)}
.hub-action-copy strong,.hub-action-copy small{display:block}.hub-action-copy strong{font-size:1.16rem}.hub-action-copy small{margin-top:7px;color:var(--muted);font-weight:600;line-height:1.45}.hub-action-arrow{font-size:1.45rem;color:var(--purple);transition:transform .18s ease}.hub-action-card:hover .hub-action-arrow{transform:translateX(4px)}
.home-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:38px;align-items:center;background:linear-gradient(120deg,#fff 52%,#f4eef9)}
.home-summary h2{margin:5px 0 10px;font-size:clamp(1.55rem,2.5vw,2.25rem)}.home-summary p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.65}
.home-process{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-process div{padding:18px 16px;border:1px solid rgba(111,63,158,.14);border-radius:16px;background:rgba(255,255,255,.78)}.home-process span,.home-process strong,.home-process small{display:block}.home-process span{color:var(--purple);font-weight:900;font-size:.75rem;letter-spacing:.1em}.home-process strong{margin-top:14px}.home-process small{margin-top:5px;color:var(--muted);line-height:1.35}
@media(max-width:850px){.home-dashboard-grid,.home-summary{grid-template-columns:1fr}.home-process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.home-view{padding:28px 14px 60px}.home-dashboard-grid{grid-template-columns:1fr}.hub-action-card{min-height:112px;padding:19px;grid-template-columns:48px minmax(0,1fr) auto}.hub-action-icon{width:48px;height:48px}.home-process{grid-template-columns:1fr}.home-page-head .primary{width:100%}}
/* Completion-first My Orders dialog */
.completion-first-dialog { max-width: 980px; }
.profile-progress-hero { margin: 1.25rem 0; padding: 1.25rem; border: 1px solid rgba(85,58,145,.16); border-radius: 18px; background: linear-gradient(135deg, rgba(85,58,145,.08), rgba(33,128,141,.08)); }
.profile-progress-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.profile-progress-heading h3 { margin:.15rem 0 0; }
.profile-progress-heading > strong { font-size:1.8rem; color:#553a91; }
.dialog-progress-track { height:12px; margin:1rem 0; overflow:hidden; border-radius:999px; background:rgba(31,42,55,.12); }
.dialog-progress-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg, #553a91, #21808d); transition:width .2s ease; }
.progress-counts { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }
.progress-counts > div { padding:.8rem; border-radius:12px; background:rgba(255,255,255,.75); }
.progress-counts strong,.progress-counts span { display:block; }
.progress-counts strong { font-size:1.35rem; }
.progress-counts span { font-size:.82rem; color:#5f6875; }
.progress-counts .outstanding-count strong { color:#b85c16; }
.priority-checklist { margin-top:1.25rem; }
.delegate-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.delegate-section-head h3 { margin:0; }
.delegate-progress-actions { display:flex; gap:.6rem; flex-wrap:wrap; }
.delegate-group { margin-top:1rem; padding:1rem; border:1px solid rgba(31,42,55,.12); border-radius:14px; background:#fff; }
.delegate-group h4 { display:flex; justify-content:space-between; margin:0 0 .75rem; }
.delegate-group h4 span { min-width:2rem; padding:.15rem .5rem; border-radius:999px; text-align:center; background:rgba(184,92,22,.12); color:#9a4c13; }
.completed-group h4 span { background:rgba(33,128,91,.12); color:#176c4b; }
.delegate-row { display:grid; grid-template-columns:auto minmax(180px,1fr) auto minmax(230px,auto); gap:.8rem; align-items:center; padding:.85rem; border-radius:12px; }
.delegate-row + .delegate-row { border-top:1px solid rgba(31,42,55,.08); }
.delegate-row.is-outstanding { background:rgba(245,158,11,.055); }
.delegate-row.is-complete { background:rgba(34,197,94,.055); }
.delegate-status-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; font-weight:800; }
.is-outstanding .delegate-status-icon { background:#fff1dc; color:#b85c16; }
.is-complete .delegate-status-icon { background:#dcf7e8; color:#176c4b; }
.delegate-state-label { font-size:.8rem; font-weight:700; white-space:nowrap; }
.is-outstanding .delegate-state-label { color:#9a4c13; }
.is-complete .delegate-state-label { color:#176c4b; }
.empty-group { margin:0; color:#687280; }
.order-details-panel,.activity-panel { margin-top:1rem; border:1px solid rgba(31,42,55,.12); border-radius:14px; background:#fff; }
.order-details-panel summary,.activity-panel summary { cursor:pointer; padding:1rem; font-weight:750; }
.order-details-panel dl,.activity-panel .activity-feed { margin:0; padding:0 1rem 1rem; }
.secondary-order-actions { margin-top:1rem; }
@media (max-width:760px) {
  .progress-counts { grid-template-columns:1fr; }
  .delegate-section-head { display:block; }
  .delegate-progress-actions { margin-top:.75rem; }
  .delegate-row { grid-template-columns:auto 1fr; }
  .delegate-state-label,.completion-choice { grid-column:2; }
}


/* Disabled forthcoming profile chapters */
.chapter.coming-soon{
  background:#f3f3f5;
  border-color:#d7d8dd;
  color:#8a8d96;
  cursor:not-allowed;
}
.chapter.coming-soon input{
  cursor:not-allowed;
  opacity:.55;
}
.chapter.coming-soon small{
  color:#7c7f88;
  font-weight:800;
}


/* Profile type selection */
.profile-type-selector{display:grid;gap:8px}
.profile-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-type-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:18px;border:1px solid #ded7e6;border-radius:15px;background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.profile-type-card:hover{border-color:#bca8cc;box-shadow:0 8px 20px rgba(88,56,112,.06)}
.profile-type-card.selected{border-color:#8d68aa;background:linear-gradient(135deg,#f7f1fb,#fff);box-shadow:0 0 0 3px rgba(117,69,167,.10)}
.profile-type-card input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--purple)}
.profile-type-card strong,.profile-type-card small{display:block}
.profile-type-card small{margin-top:6px;color:var(--muted);font-weight:550;line-height:1.45}
.profile-type-card.transformational{border-left:5px solid var(--blue)}
.chapter-selector.profile-type-not-applicable{display:none}
@media(max-width:760px){.profile-type-options{grid-template-columns:1fr}}

/* Public website and secure Hub separation */
.public-home-view{padding:0;background:transparent}
.public-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(42px,7vw,96px);align-items:center;padding:clamp(64px,8vw,110px) clamp(24px,6vw,88px);position:relative;overflow:hidden;background:linear-gradient(125deg,#20243a 0%,#433057 52%,#2f7898 100%);color:#fff}
.public-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(219,77,136,.30),transparent 26rem),radial-gradient(circle at 87% 85%,rgba(35,159,152,.25),transparent 25rem);pointer-events:none}
.public-hero::after{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,#db4d88,#ec2227,#ed7a2c,#efbd2d,#61a94f,#239f98,#3185c5,#7545a7)}
.public-hero-content,.public-hero-panel{position:relative;z-index:1}
.public-hero-content{max-width:780px}
.public-hero .eyebrow{color:#e8c9f2}
.public-hero h1{max-width:760px;margin:10px 0 24px;font-size:clamp(2.65rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em;color:#fff}
.public-hero-copy{max-width:680px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7}
.public-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.public-hero .primary{background:#fff;color:#4b3262;box-shadow:0 12px 30px rgba(18,15,28,.22)}
.public-hero .primary:hover{background:#f5f0f8}
.public-hero .secondary.light{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.38)}
.public-hero-panel{min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;padding:42px;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:rgba(17,20,38,.42);box-shadow:0 30px 70px rgba(13,12,22,.24);backdrop-filter:blur(12px)}
.public-panel-kicker{color:#cfc5d8;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900}
.public-hero-panel h2{margin:12px 0 28px;color:#fff;font-size:clamp(2rem,3vw,3.2rem);line-height:1.05}
.public-panel-list{border-top:1px solid rgba(255,255,255,.16)}
.public-panel-list>div{display:grid;gap:4px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.public-panel-list strong{font-size:1rem}.public-panel-list span{color:rgba(255,255,255,.72);font-size:.9rem}
.public-section{max-width:1320px;margin:auto}
.public-section-heading{max-width:720px;margin-bottom:28px}
.public-section-heading h2{margin:5px 0 9px;font-size:clamp(2rem,4vw,3.4rem)}
.public-section-heading>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.65}
.public-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.public-feature-card{min-height:170px;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding:25px;text-align:left;border:1px solid rgba(113,79,139,.16);border-radius:20px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.public-feature-card:hover{transform:translateY(-2px);border-color:#c9b8d7;box-shadow:var(--shadow-hover)}
.public-feature-card.secure-card{background:linear-gradient(145deg,#fff 58%,#f3ecf8)}
.public-feature-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:900;font-size:1.15rem;box-shadow:0 9px 22px rgba(104,54,145,.20)}
.public-feature-card strong,.public-feature-card small,.public-feature-card em{display:block}
.public-feature-card strong{font-size:1.15rem}.public-feature-card small{margin-top:8px;color:var(--muted);font-weight:600;line-height:1.5}.public-feature-card em{margin-top:13px;color:var(--purple-deep);font-size:.76rem;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.public-content-view{max-width:1320px}
.public-content-grid,.contact-layout,.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.public-content-grid .card,.contact-layout .card,.resource-card{min-height:250px}
.public-content-grid h2,.contact-layout h2,.resource-card h2{margin:7px 0 12px}.public-content-grid p:not(.eyebrow),.contact-layout p:not(.eyebrow),.resource-card p{color:var(--muted);line-height:1.65}
.public-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;background:linear-gradient(115deg,#fff 55%,#f0e8f7)}
.public-callout h2{margin:5px 0 8px}.public-callout p:not(.eyebrow){margin:0;color:var(--muted)}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.resource-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0e8f7;color:var(--purple-deep);font-weight:900}.resource-card strong{display:block;margin-top:18px;color:var(--purple-deep);font-size:.82rem}
.contact-layout .primary{margin-top:14px}.public-placeholder{padding:14px;border-radius:12px;background:#f4f1f6;font-weight:750}
.dashboard-landing-head{background:linear-gradient(120deg,#5e3f7d 0%,#7b4f96 48%,#2f7ea0 100%)!important}
.sign-in-nav{border-color:#d9cbe4;background:#f5f0f8;color:var(--purple-deep)}
@media(max-width:960px){.public-hero{grid-template-columns:1fr}.public-hero-panel{min-height:360px}.resource-grid{grid-template-columns:1fr}.public-card-grid{grid-template-columns:1fr}}
@media(max-width:700px){.public-hero{padding:58px 20px}.public-hero h1{font-size:2.7rem}.public-hero-panel{padding:28px;min-height:330px}.public-section{padding:38px 14px 60px}.public-content-grid,.contact-layout{grid-template-columns:1fr}.public-callout{align-items:stretch;flex-direction:column}.public-callout .primary{width:100%}.public-feature-card{grid-template-columns:50px 1fr;padding:20px}.public-feature-icon{width:50px;height:50px}}

/* Cosmetic refinement: lighter form typography and readable Hub brand lock-up */
label,
legend{
  font-weight:560;
  color:#45495b;
}

input,
select,
textarea{
  font-weight:400;
  letter-spacing:0;
  color:#25293a;
}

input::placeholder,
textarea::placeholder{
  font-weight:400;
  color:#9195a3;
}

.form-grid label,
.quantity-card,
.upload-zone,
.chapter-selector>label{
  line-height:1.4;
}

.choice,
.toggle,
.chapter{
  font-weight:500;
}

/* Keep the light logo fully legible while softening the original dark block. */
.site-header .brand-button{
  gap:12px;
  padding:9px 15px 9px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:linear-gradient(135deg,#302a45 0%,#3e3f61 58%,#315f73 100%);
  box-shadow:0 8px 22px rgba(44,39,64,.16);
  transition:transform .18s ease,box-shadow .18s ease;
}

.site-header .brand-button:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 27px rgba(44,39,64,.21);
}

.site-header .brand-button img{
  width:184px;
  height:46px;
  opacity:1;
  filter:none;
  object-fit:contain;
}

.site-header .hub-badge{
  padding-left:12px;
  border-left:1px solid rgba(255,255,255,.34);
  color:#fff;
  font-size:.67rem;
  font-weight:650;
  letter-spacing:.12em;
  line-height:1.3;
}

@media(max-width:900px){
  .site-header .brand-button{padding:7px 10px;border-radius:11px}
  .site-header .brand-button img{width:145px;height:38px}
  .site-header .hub-badge{font-size:.57rem;padding-left:8px}
}

/* Transformational Leadership Profile eligibility note */
.leadership-price-card{grid-column:span 1;background:linear-gradient(145deg,#fff 50%,#f5eefb)}
.leadership-eligibility{margin:-8px 0 18px;padding:11px 12px;border:1px solid #e6d6a9;border-radius:11px;background:#fff8e8;color:#5f4a20;font-size:.82rem;line-height:1.42}
.leadership-eligibility strong{color:#7d5510}


/* Pricing page hierarchy: Discovery chapters grouped separately from Leadership */
.pricing-section{margin-top:28px}
.pricing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px;padding:0 2px}
.pricing-section-heading h2{margin:4px 0 7px;font-size:clamp(1.55rem,2.5vw,2.15rem);color:var(--ink)}
.pricing-section-heading p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}
.discovery-pricing-section{padding:24px;border:1px solid #ded4e7;border-radius:22px;background:linear-gradient(145deg,#fbf8fd,#fff);box-shadow:0 12px 34px rgba(55,39,75,.06)}
.discovery-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.discovery-base-card{border:2px solid #8b68aa;background:linear-gradient(145deg,#fff 55%,#f3eafa)}
.discovery-base-card:before{height:7px;background:linear-gradient(90deg,var(--purple),var(--blue))}
.discovery-chapter-card{margin-left:0;background:#fff}
.discovery-chapter-card .price-category{color:#6d5b78}
.discovery-chapter-card:before{background:#b7a5c4}
.discovery-combined-card:before{background:linear-gradient(90deg,var(--purple),var(--pink))}
.leadership-pricing-section{padding:24px;border:1px solid #c9dce8;border-radius:22px;background:linear-gradient(145deg,#f4f9fc,#fff);box-shadow:0 12px 34px rgba(36,91,118,.07)}
.leadership-section-heading .eyebrow{color:#27799d}
.leadership-standalone-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:32px;align-items:center;max-width:none;border:2px solid #5c9ab7;border-left:8px solid #2f7ea0;background:#fff}
.leadership-standalone-card:before{background:linear-gradient(90deg,#2f7ea0,#6f3f9e)}
.leadership-standalone-card h2{min-height:0;margin-bottom:12px}
.leadership-standalone-card dl{border-left:1px solid #d9e6ed;padding-left:28px}
.leadership-eligibility{margin:0;padding:12px 14px}
.additional-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media(max-width:1000px){.discovery-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leadership-standalone-card{grid-template-columns:1fr}.leadership-standalone-card dl{border-left:0;border-top:1px solid #d9e6ed;padding:18px 0 0}}
@media(max-width:700px){.pricing-section{padding:19px}.discovery-pricing-grid,.additional-pricing-grid{grid-template-columns:1fr}.pricing-section-heading{align-items:flex-start;flex-direction:column}}

/* Sprint 1 - Clearly visible typography refresh (visual only) */
:root{
  --font-body:"Avenir Next",Avenir,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body,button,input,select,textarea{
  font-family:var(--font-body);
}

body{
  font-weight:400;
  line-height:1.55;
}

h1,h2,h3,h4,.page-head h1,.section-title h2{
  font-weight:600;
}

/* Form labels are deliberately lighter and quieter. */
label,legend{
  font-weight:400;
  color:#4f5567;
  letter-spacing:0;
}

/* User-entered and selected values stay clearly readable without boldness. */
input,select,textarea,
label input,label select,label textarea{
  font-weight:400;
  color:#25293a;
  line-height:1.5;
}

/* Choice labels remain clear but no longer heavy. */
.choice,.toggle,.chapter,.po-details-confirm,.confirm,
.quantity-card,.pdf-return-panel .choice{
  font-weight:400;
}

/* Supporting copy is visibly softer. */
.help,small,.form-grid small,.quantity-card small,.product-head p,
.section-title p,.page-head p,.public-feature-card small,
.hub-action-copy small,.resource-card p{
  font-weight:400;
  color:#737789;
}

/* Reserve stronger weight for actions and important information. */
button,.file-button,.nav-btn{
  font-weight:600;
}

th{
  font-weight:600;
}

td,.review-card dd,.dialog-body dd,.delegate-identity,
.customer-card p,.activity-feed,.order-client,.order-date{
  font-weight:400;
}

.review-card dt,.dialog-body dt{
  font-weight:400;
}

.review-card dd strong,.dialog-body dd strong,.stat strong,
.dashboard-stat strong,.progress-count,.status-badge,
.account-status,.pill,.summary-chip{
  font-weight:600;
}

.eyebrow,.hub-kicker,.price-category{
  font-weight:600;
  letter-spacing:.12em;
}

.brand-button,.hub-badge{
  font-weight:600;
}

/* =========================================================
   Sprint 2.1 - Light Brand Refresh
   Neutral surfaces with the eight Insights colours as accents.
   Visual only: no layout or behavioural changes.
   ========================================================= */
:root{
  --tc-pink:#e93f87;
  --tc-red:#ec2227;
  --tc-orange:#f47b20;
  --tc-yellow:#ffd23f;
  --tc-green:#72be44;
  --tc-teal:#13b7a7;
  --tc-blue:#1389cf;
  --tc-purple:#6a4fa3;
  --paper:#f7f8fa;
  --card:#ffffff;
  --ink:#252a38;
  --muted:#687083;
  --line:#e3e7ed;
  --navy:#252a38;
  --purple:#6a4fa3;
  --purple-deep:#563d87;
  --shadow:0 8px 24px rgba(31,42,55,.065);
  --shadow-hover:0 14px 34px rgba(31,42,55,.10);
}

body{
  background:#f7f8fa;
  color:var(--ink);
}

/* Light, restrained application header */
.site-header{
  min-height:82px;
  height:auto;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e7eaf0;
  box-shadow:0 4px 16px rgba(31,42,55,.055);
}

.brand-button{
  background:#fff;
  color:#263044;
  border:1px solid #dfe4eb;
  border-radius:12px;
  box-shadow:0 4px 14px rgba(31,42,55,.065);
  padding:8px 13px;
}

.brand-button img{
  filter:none;
}

.hub-badge{
  color:#384154;
  border-left:1px solid #d9dee6;
  font-weight:650;
  letter-spacing:.11em;
}

/* Keep all eight Insights accents visible but understated */
.colour-ribbon{
  height:5px;
  background:linear-gradient(90deg,
    var(--tc-pink) 0 12.5%,
    var(--tc-red) 12.5% 25%,
    var(--tc-orange) 25% 37.5%,
    var(--tc-yellow) 37.5% 50%,
    var(--tc-green) 50% 62.5%,
    var(--tc-teal) 62.5% 75%,
    var(--tc-blue) 75% 87.5%,
    var(--tc-purple) 87.5% 100%);
  box-shadow:none;
}

.nav-btn{
  color:#565f70;
  font-weight:600;
}
.nav-btn:hover{
  background:#f3f5f8;
  color:#30384a;
}
.nav-btn.active{
  background:#f1eff8;
  border-color:#ded8ec;
  color:#55407a;
}

/* Replace heavy purple-blue page blocks with light panels */
.page-head:not(.dashboard-hero),
.dashboard-hero{
  color:var(--ink);
  background:#fff;
  border:1px solid #e1e5eb;
  border-radius:20px;
  box-shadow:0 8px 26px rgba(31,42,55,.065);
}

.page-head:not(.dashboard-hero)::before,
.dashboard-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,
    var(--tc-pink),var(--tc-red),var(--tc-orange),var(--tc-yellow),
    var(--tc-green),var(--tc-teal),var(--tc-blue),var(--tc-purple));
}

.page-head:not(.dashboard-hero)::after,
.dashboard-hero::after{
  width:210px;
  height:210px;
  right:-100px;
  top:-130px;
  background:rgba(106,79,163,.045);
}

.page-head:not(.dashboard-hero) h1,
.page-head:not(.dashboard-hero) p,
.page-head:not(.dashboard-hero) .eyebrow,
.dashboard-hero h1,
.dashboard-hero p,
.dashboard-hero .eyebrow{
  color:inherit;
}

.page-head:not(.dashboard-hero) .eyebrow,
.dashboard-hero .eyebrow{
  color:#6b568c;
}

.page-head:not(.dashboard-hero) .primary,
.dashboard-hero .primary{
  background:#fff;
  color:#4f3c70;
  border:1px solid #cfc6dc;
  box-shadow:none;
}
.page-head:not(.dashboard-hero) .primary:hover,
.dashboard-hero .primary:hover{
  background:#f5f2f9;
  border-color:#aa9bbb;
}
.dashboard-hero .dashboard-updated{color:var(--muted)}

/* Cards and forms: white, quieter and more professional */
.card,
.price-card,
.customer-card,
.dashboard-stat,
.orders-card,
.hub-action-card,
.review-card,
.product-line,
.conditional,
.page-two-top .quantity-card,
.pdf-return-panel,
.chapter-dropdown{
  background:#fff;
  border-color:#e1e5eb;
  box-shadow:var(--shadow);
}

.form-step>.card{
  background:#fff;
  border:1px solid #e1e5eb;
}

.card:hover,
.price-card:hover,
.customer-card:hover,
.hub-action-card:hover{
  box-shadow:var(--shadow-hover);
}

/* Use colour as a narrow accent, never a large fill */
.stat:before,.dashboard-stat::before{width:4px}
.dashboard-stat::after{opacity:.45}
.customer-card:before,.price-card:before{height:4px}

.review-card h3{
  background:#f6f4f8;
  color:#393246;
  border-bottom:1px solid #e5e0ea;
}

.section-title>b{
  background:#fff!important;
  color:#514169;
  border:2px solid #d8cfe2;
  box-shadow:none;
}
.form-step[data-step="0"] .section-title>b{border-color:var(--tc-pink)}
.form-step[data-step="1"] .section-title>b{border-color:var(--tc-blue)}
.form-step[data-step="2"] .section-title>b{border-color:var(--tc-teal)}
.form-step[data-step="3"] .section-title>b{border-color:var(--tc-orange)}
.form-step[data-step="4"] .section-title>b{border-color:var(--tc-green)}

/* Calm inputs */
input,select,textarea{
  background:#fff;
  border-color:#d9dee6;
  box-shadow:none;
}
input:hover,select:hover,textarea:hover{border-color:#b9c1cd}
input:focus,select:focus,textarea:focus{
  border-color:#6a4fa3;
  outline:3px solid rgba(106,79,163,.10);
  box-shadow:none;
}

/* Lighter buttons while retaining clear hierarchy */
.primary{
  background:#4f3c70;
  color:#fff;
  box-shadow:0 5px 14px rgba(79,60,112,.16);
}
.primary:hover{background:#43325f;box-shadow:0 7px 18px rgba(79,60,112,.20)}
.secondary,.file-button{
  background:#fff;
  color:#3f4757;
  border:1px solid #d9dee6;
}
.secondary:hover,.file-button:hover{background:#f5f7f9;border-color:#bdc5cf}
.ghost{background:transparent;color:#596275}

/* Home and public panels */
.home-summary,
.pricing-intro{
  background:#fff;
}
.hub-action-icon,
.home-option-icon{
  background:#fff;
  color:#5a467c;
  border:1px solid #d9d1e3;
  box-shadow:none;
}
.hub-action-card:nth-child(8n+1) .hub-action-icon{border-color:var(--tc-pink);color:#b72c6c}
.hub-action-card:nth-child(8n+2) .hub-action-icon{border-color:var(--tc-red);color:#b51d22}
.hub-action-card:nth-child(8n+3) .hub-action-icon{border-color:var(--tc-orange);color:#b95712}
.hub-action-card:nth-child(8n+4) .hub-action-icon{border-color:var(--tc-yellow);color:#8c6810}
.hub-action-card:nth-child(8n+5) .hub-action-icon{border-color:var(--tc-green);color:#437f2e}
.hub-action-card:nth-child(8n+6) .hub-action-icon{border-color:var(--tc-teal);color:#167c75}
.hub-action-card:nth-child(8n+7) .hub-action-icon{border-color:var(--tc-blue);color:#176c9b}
.hub-action-card:nth-child(8n+8) .hub-action-icon{border-color:var(--tc-purple);color:#584186}

/* Pricing page sections now remain distinct without dark blocks */
.pricing-section,
.leadership-pricing-section,
.discovery-pricing-section,
.additional-pricing-section{
  background:transparent;
}
.pricing-section-heading,
.leadership-section-heading{
  background:#fff;
  border:1px solid #e1e5eb;
  box-shadow:var(--shadow);
}

.pricing-download-panel{
  background:#fff;
  color:var(--ink);
  border:1px solid #e1e5eb;
  box-shadow:var(--shadow);
}
.pricing-download-panel p:not(.eyebrow){color:var(--muted)}
.pricing-download-panel .eyebrow{color:#6a4fa3}
.pricing-download-panel .primary{background:#4f3c70;color:#fff;border-color:#4f3c70}

/* Dialogs and operational panels */
dialog{border-top:5px solid var(--tc-purple);box-shadow:0 24px 65px rgba(31,42,55,.22)}
.profile-progress-hero,
.delegate-checklist{
  background:#fafbfc;
  border-color:#e1e5eb;
}
.attention-panel{
  background:#fff;
  border-color:#eadfcf;
  box-shadow:var(--shadow);
}
.dashboard-review-banner{
  background:#fff;
  color:var(--ink);
  border:1px solid #e1e5eb;
  box-shadow:var(--shadow);
}
.dashboard-review-banner small{color:var(--muted)}

@media(max-width:900px){
  .brand-button{max-width:100%}
}


/* Sprint 2.2 - clean dashboard header: no large colour block */
#adminView .dashboard-clean-head{
  position:relative;
  overflow:visible;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 28px;
  padding:8px 2px 22px;
  color:#202938 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #dde3ea !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#adminView .dashboard-clean-head::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  top:auto;
  height:3px;
  background:linear-gradient(90deg,
    var(--tc-pink) 0 12.5%,
    var(--tc-red) 12.5% 25%,
    var(--tc-orange) 25% 37.5%,
    var(--tc-yellow) 37.5% 50%,
    var(--tc-green) 50% 62.5%,
    var(--tc-teal) 62.5% 75%,
    var(--tc-blue) 75% 87.5%,
    var(--tc-purple) 87.5% 100%);
  opacity:.78;
}
#adminView .dashboard-clean-head::after{display:none !important}
#adminView .dashboard-clean-head h1{
  margin:4px 0 7px;
  color:#202938 !important;
  font-size:clamp(2rem,3.5vw,3rem);
  font-weight:600;
}
#adminView .dashboard-clean-head p{color:#687385 !important}
#adminView .dashboard-clean-head .eyebrow{color:#6b568c !important}
#adminView .dashboard-clean-head .dashboard-updated{color:#7a8493 !important}
#adminView .dashboard-clean-head .primary{
  background:#fff !important;
  color:#4f3c70 !important;
  border:1px solid #cfc6dc !important;
  box-shadow:none !important;
}
#adminView .dashboard-clean-head .primary:hover{background:#f7f5fa !important}
#adminView .dashboard-review-banner{display:none !important}
@media(max-width:760px){
  #adminView .dashboard-clean-head{align-items:flex-start;flex-direction:column;padding-top:2px}
}

/* Sprint 2.3 - remove the remaining large colour blocks */
.public-hero{
  min-height:auto;
  padding:clamp(56px,7vw,92px) clamp(24px,6vw,88px);
  background:#f7f8fa !important;
  color:var(--ink) !important;
  border-bottom:1px solid #e1e5eb;
}
.public-hero::before{
  display:none !important;
}
.public-hero::after{
  height:5px;
  background:linear-gradient(90deg,
    var(--tc-pink) 0 12.5%,
    var(--tc-red) 12.5% 25%,
    var(--tc-orange) 25% 37.5%,
    var(--tc-yellow) 37.5% 50%,
    var(--tc-green) 50% 62.5%,
    var(--tc-teal) 62.5% 75%,
    var(--tc-blue) 75% 87.5%,
    var(--tc-purple) 87.5% 100%);
}
.public-hero .eyebrow{color:#6b568c !important}
.public-hero h1{color:#202938 !important;font-size:clamp(2.5rem,5vw,4.8rem)}
.public-hero-copy{color:#687385 !important}
.public-hero .primary{
  background:#4f3c70 !important;
  color:#fff !important;
  border:1px solid #4f3c70 !important;
  box-shadow:0 5px 14px rgba(79,60,112,.16) !important;
}
.public-hero .secondary.light{
  background:#fff !important;
  color:#3f4757 !important;
  border:1px solid #d9dee6 !important;
}
.public-hero-panel{
  min-height:auto;
  padding:34px;
  color:var(--ink) !important;
  background:#fff !important;
  border:1px solid #e1e5eb !important;
  box-shadow:0 10px 30px rgba(31,42,55,.07) !important;
  backdrop-filter:none;
}
.public-panel-kicker{color:#6b568c !important}
.public-hero-panel h2{color:#202938 !important}
.public-panel-list{border-top-color:#e1e5eb !important}
.public-panel-list>div{border-bottom-color:#e7ebf0 !important}
.public-panel-list strong{color:#30394a !important}
.public-panel-list span{color:#6d7787 !important}

#dashboardView .dashboard-landing-head{
  position:relative;
  overflow:visible;
  margin:0 0 28px;
  padding:8px 2px 22px;
  color:#202938 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #dde3ea !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#dashboardView .dashboard-landing-head::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:auto;
  bottom:-1px;
  height:3px;
  background:linear-gradient(90deg,
    var(--tc-pink) 0 12.5%,
    var(--tc-red) 12.5% 25%,
    var(--tc-orange) 25% 37.5%,
    var(--tc-yellow) 37.5% 50%,
    var(--tc-green) 50% 62.5%,
    var(--tc-teal) 62.5% 75%,
    var(--tc-blue) 75% 87.5%,
    var(--tc-purple) 87.5% 100%);
  opacity:.78;
}
#dashboardView .dashboard-landing-head::after{display:none !important}
#dashboardView .dashboard-landing-head h1{color:#202938 !important;font-weight:600}
#dashboardView .dashboard-landing-head p{color:#687385 !important}
#dashboardView .dashboard-landing-head .eyebrow{color:#6b568c !important}

/* =========================================================
   Sprint 2.4 - restrained colour accents (Home + About)
   Reintroduces brand colour deliberately, in a few places,
   after Sprint 2.3 removed it almost entirely. Keeps the
   neutral, professional surfaces from 2.1/2.3 — colour is
   used as accent only, never as a large block or wash that
   would compete with body text.
   ========================================================= */

/* Soft twin glow behind the hero — much lower-key than the
   original saturated gradient, but warmer than flat grey. */
.public-hero{
  background:
    radial-gradient(circle at 8% 12%, rgba(233,63,135,.09), transparent 42%),
    radial-gradient(circle at 92% 88%, rgba(19,183,167,.11), transparent 40%),
    #f7f8fa !important;
}
.public-hero::after{height:6px}

/* A thin coloured top edge on each public feature/content card,
   cycling through the brand's eight-colour spectrum two at a
   time — the same idea already used on the pricing cards,
   extended to the Home and About cards. */
.public-feature-card,
.public-content-grid .card{position:relative;overflow:hidden}
.public-feature-card::before,
.public-content-grid .card::before{
  content:"";position:absolute;inset:0 0 auto;height:4px;
  background:linear-gradient(90deg,var(--tc-pink),var(--tc-red));
}
.public-feature-card:nth-child(2)::before,
.public-content-grid .card:nth-child(2)::before{
  background:linear-gradient(90deg,var(--tc-orange),var(--tc-yellow));
}
.public-feature-card:nth-child(3)::before,
.public-content-grid .card:nth-child(3)::before{
  background:linear-gradient(90deg,var(--tc-green),var(--tc-teal));
}
.public-feature-card:nth-child(4)::before,
.public-content-grid .card:nth-child(4)::before{
  background:linear-gradient(90deg,var(--tc-blue),var(--tc-purple));
}

/* A small coloured marker per item in the hero's People /
   Potential / Performance panel — literal colour differentiating
   each one, rather than three uniformly grey rows. */
.public-panel-list>div{position:relative;padding-left:20px !important}
.public-panel-list>div::before{
  content:"";position:absolute;left:0;top:22px;width:9px;height:9px;
  border-radius:50%;
}
.public-panel-list>div:nth-child(1)::before{background:var(--tc-pink)}
.public-panel-list>div:nth-child(2)::before{background:var(--tc-teal)}
.public-panel-list>div:nth-child(3)::before{background:var(--tc-orange)}
