/* Review refinements: brand colour, dimensional accents and compact rhythm. */
:root{--brand:#02a1ae;--teal:#007681;--teal-bright:#02a1ae;--gold:#d5bf91;--header-height:80px}
body{padding-top:80px}.container{max-width:1060px;width:calc(100% - 224px)}
.site-header{position:fixed;inset:0 0 auto;height:var(--header-height);min-height:0;transition:height .28s ease,box-shadow .28s ease;background:rgba(255,255,255,.97)}
.header-inner{width:calc(100% - 112px);max-width:1180px;height:var(--header-height);min-height:0;transition:height .28s ease}
.site-header .brand{width:188px;transition:width .28s ease}.site-header .button-small{transition:padding .28s ease,min-height .28s ease;min-height:40px}
.site-header.is-compact{--header-height:54px;box-shadow:0 3px 16px #10273909}.site-header.is-compact .brand{width:148px}.site-header.is-compact .button-small{min-height:32px;padding:7px 15px}
html{scroll-padding-top:72px}.hero-copy{width:760px;max-width:72%}.hero-description{max-width:660px;font-size:1rem}.hero-description span{display:block}.hero-shade{background:linear-gradient(90deg,rgba(5,21,32,.97),rgba(5,21,32,.82) 36%,rgba(5,21,32,.18) 75%)}
.hero h1 span{color:var(--brand)}.hero .eyebrow{color:var(--gold)}.hero .button-teal,.button-teal{background:var(--brand);color:#061f2b}.hero .button-teal:hover,.button-teal:hover{background:#2ab5bf}
.hero-signature{font-size:.95rem;font-weight:700;white-space:nowrap;color:#f4ead7;right:38px;bottom:30px;text-shadow:0 1px 7px #061824}
.hero-foot{font-size:.8rem}.hero-foot span:first-child{font-weight:600;color:var(--teal)}
.minute-section{padding:44px 0 48px}.minute-heading{margin-bottom:27px}.minute-heading h2{font-size:2rem}.foundation-strip{gap:28px}.foundation-strip article{grid-template-columns:25px 1fr;gap:0 8px}.foundation-strip p{font-size:1rem;line-height:1.45;max-width:none}
.section{padding-block:56px}.split-heading{gap:45px;grid-template-columns:1fr 1.15fr;margin-bottom:30px}.split-heading>p{max-width:none;font-size:1rem;line-height:1.5}.section-heading h2{font-size:2.55rem}
.connected-section,.service-section{isolation:isolate;position:relative;background:#f8fafa;overflow:hidden}.connected-section::before,.service-section::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/connected-business.png') center 55%/cover no-repeat;opacity:.055;pointer-events:none}.service-section::before{background-position:center 80%;transform:scaleX(-1);opacity:.045}
.connection-grid{gap:28px}.column-top{margin-bottom:17px}.connection-column p{font-size:1rem;line-height:1.5;margin:12px 0 17px}.capability-caption{font-size:.8rem;color:var(--teal)}.column-number{color:#82662f}.bead-icon{display:grid;place-items:center;position:relative;background:url('assets/dimensional-bead.png') center/contain no-repeat;color:#fff7e7;width:60px;height:60px;flex:0 0 60px;filter:drop-shadow(0 4px 4px #163c4520)}.bead-icon svg{width:28px;height:28px;stroke-width:1.5;filter:drop-shadow(0 1px 1px #003a43)}
.joined-up{gap:45px;grid-template-columns:1fr 1.15fr;margin-top:28px;padding-top:24px}.joined-up>p{font-size:1rem;line-height:1.5}.joined-up h3{font-size:1.3rem}.joined-up .small-caps{color:var(--teal)}
.sectors-section .eyebrow,.scenario-label,.sector-outcome .small-caps,.flow-count,.flow-steps li>span,.sector-scope>span{color:var(--gold)}.sector-tabs button[aria-selected=true]{color:#34cfda;border-bottom-color:var(--brand)}.sector-outcome{border-left-color:var(--gold)}.flow-steps li>span{border-color:#d5bf9170}.sectors-section .section-heading{margin-bottom:22px}.sector-tabs{margin-bottom:24px}.sector-panel{row-gap:22px}.sector-challenge,.sector-outcome p{font-size:1rem;line-height:1.5}.flow-steps p{font-size:.9rem}.sector-scope p{font-size:.88rem}
.approach-grid{gap:55px;grid-template-columns:1fr 1.1fr}.approach-intro h2{font-size:2.45rem;line-height:1.19}.approach-intro>p:not(.eyebrow){font-size:1rem;line-height:1.5;margin-top:22px}.approach-principles li{padding-block:16px}.approach-principles li p{font-size:1rem;line-height:1.45}.principle-mark{color:#94763c}.origin-note{background:#edf5f4;border-left:2px solid #bea570;padding:21px 22px;margin-top:22px}.origin-note p{font-size:1rem;line-height:1.5}.origin-link{font-size:.9rem}
.service-stages{gap:22px}.service-stages li{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-content:start;padding-top:17px}.service-stages .stage-no{font-size:.88rem;line-height:1.35;padding-top:2px;margin:0;color:#82662f;grid-column:1}.service-stages h3{grid-column:2;font-size:1rem;line-height:1.35;margin:0}.service-stages p{grid-column:1/-1;font-size:1rem;line-height:1.45;margin:13px 0 15px}.service-stages .stage-result{grid-column:1/-1;font-size:.8rem;padding-top:12px}.hosting-row{grid-template-columns:1fr 1.15fr;gap:45px;margin-top:26px;padding-top:23px}.hosting-row>p{font-size:1rem;line-height:1.5}
.control-grid{grid-template-columns:1fr 1.1fr;gap:55px}.control-grid h2{font-size:2.45rem}.control-grid>div>p:not(.eyebrow){max-width:none;font-size:1rem;line-height:1.5;margin-top:20px}.control-list article{gap:18px;padding:0 0 18px;margin:0 0 18px;align-items:start}.control-list article:last-child{margin:0;padding:0;border:0}.control-list .bead-icon{width:52px;height:52px;flex-basis:52px}.control-list .bead-icon svg{width:25px;height:25px}.control-list p{font-size:1rem;line-height:1.45;margin-top:7px}
.questions-grid{grid-template-columns:.75fr 1.25fr;gap:45px}.questions-list details>div,.questions-list details p{font-size:1rem;line-height:1.5}.questions-list summary{font-size:1rem;padding-block:17px}.questions-section{padding-top:48px}
.conversation-section{position:relative;isolation:isolate;overflow:hidden;background:#091e2c;padding:50px 0}.conversation-section::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/connected-business.png') right 57%/cover no-repeat;opacity:.65}.conversation-section::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,22,34,.97),rgba(5,22,34,.9) 47%,rgba(5,22,34,.72));pointer-events:none}.conversation-grid{gap:55px;grid-template-columns:1.25fr .85fr}.conversation-section .eyebrow,.conversation-aside .small-caps,.conversation-aside li::before{color:var(--gold)}.conversation-grid>div>p:not(.eyebrow){font-size:1rem;line-height:1.5}.conversation-aside{border-color:#d5bf9170}.conversation-aside li{font-size:.93rem}.contact-address{font-size:.88rem}.footer-top .brand{width:160px}.text-link::after{content:none}
@media(min-width:1100px){.hero-description span{white-space:nowrap}.hero-copy{max-width:76%}.connected-section .split-heading>p{white-space:nowrap}}
@media(max-width:1099px){.container{width:calc(100% - 112px)}.header-inner{width:calc(100% - 80px)}.hero-copy{max-width:78%;width:730px}.hero-description{max-width:600px}.split-heading{gap:30px;grid-template-columns:1fr 1.1fr}.connected-section .split-heading>p br{display:none}.section-heading h2{font-size:2.2rem}.approach-grid,.control-grid{gap:35px}.approach-intro h2,.control-grid h2{font-size:2.15rem}.service-stages{grid-template-columns:repeat(2,1fr);gap:23px 30px}.conversation-grid{gap:35px}.hero-signature{font-size:.88rem}}
@media(max-width:859px){.container{width:calc(100% - 80px)}.header-inner{width:calc(100% - 48px)}.site-header .brand{width:145px}.site-header.is-compact .brand{width:128px}.hero-copy{max-width:83%;padding-left:32px}.hero-description{max-width:540px}.hero-signature{right:25px;font-size:.82rem}.foundation-strip p{font-size:.94rem}.foundation-strip article{display:block}.foundation-strip .strip-index{margin-bottom:9px}.split-heading{grid-template-columns:1fr;gap:17px}.split-heading>p{max-width:560px}.connection-grid{gap:22px}.connection-column h3{font-size:1rem}.connection-column p{font-size:.94rem}.approach-grid,.control-grid{grid-template-columns:1fr 1fr;gap:28px}.approach-intro h2,.control-grid h2{font-size:2rem}.approach-principles li p,.origin-note p{font-size:.94rem}.origin-note{padding:18px}.control-list article{gap:13px}.control-list p{font-size:.94rem}.conversation-grid{grid-template-columns:1.15fr .85fr;gap:25px}}
@media(max-width:759px){body{padding-top:68px}:root{--header-height:68px}.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px)}.site-header .brand{width:158px}.site-header.is-compact{--header-height:50px}.site-header.is-compact .brand{width:132px}.main-nav{top:var(--header-height)}.hero-copy{max-width:100%;width:100%;padding:34px 24px 0}.hero-description{font-size:1rem;max-width:460px;line-height:1.5}.hero-description span+span{margin-top:5px}.hero-shade{background:linear-gradient(180deg,rgba(5,21,32,.98),rgba(5,21,32,.89) 45%,rgba(5,21,32,.18) 85%)}.hero-signature{font-size:.78rem;left:20px;right:20px;bottom:24px;text-align:center;white-space:normal;text-wrap:balance}.hero-foot{font-size:.8rem}.minute-section{padding:35px 0 40px}.minute-heading h2{font-size:1.85rem}.foundation-strip{gap:18px}.foundation-strip article{display:grid;grid-template-columns:26px 1fr}.foundation-strip .strip-index{margin:0}.foundation-strip p{font-size:1rem}.section{padding:42px 0}.section-heading h2{font-size:2rem}.split-heading>p{margin-top:0}.connection-column{padding:21px 0 0 70px;min-height:140px}.column-top{top:21px}.bead-icon{width:53px;height:53px;flex-basis:53px}.bead-icon svg{width:26px;height:26px}.connection-column h3{font-size:1.1rem}.connection-column p{font-size:1rem;margin-top:9px}.joined-up,.hosting-row{grid-template-columns:1fr;gap:15px}.joined-up>p,.hosting-row>p{font-size:1rem}.approach-grid,.control-grid,.questions-grid,.conversation-grid{grid-template-columns:1fr;gap:26px}.approach-intro h2,.control-grid h2{font-size:2rem}.approach-principles li p,.origin-note p{font-size:1rem}.approach-principles li{padding-block:15px}.control-list p{font-size:1rem}.control-list article{gap:16px;padding-bottom:17px;margin-bottom:17px}.control-list .bead-icon{width:48px;height:48px;flex-basis:48px}.service-stages{gap:24px 22px}.service-stages li{grid-template-columns:24px 1fr;gap:0 6px}.service-stages h3{font-size:.95rem}.service-stages p{font-size:1rem}.questions-list summary{font-size:.95rem}.conversation-section{padding:42px 0}.conversation-section::before{background-position:65% center}.conversation-section::after{background:rgba(5,22,34,.86)}.conversation-aside{padding-top:24px}.connected-section::before,.service-section::before{background-position:65% center;opacity:.04}.hero-actions .button{gap:0}}
@media(max-width:379px){.container,.header-inner{width:calc(100% - 32px)}.hero-copy{padding-inline:20px}.hero-description{font-size:.95rem}.hero-signature{font-size:.75rem;left:12px;right:12px}.service-stages{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-header,.header-inner,.site-header .brand,.site-header .button-small{transition:none}}
@media print{body{padding-top:0}.site-header{position:static}.container{width:100%;max-width:none}.connected-section::before,.service-section::before,.conversation-section::before,.conversation-section::after{display:none}.hero-description span{white-space:normal}.bead-icon{background:none;filter:none;color:#102739}.bead-icon svg{filter:none}}
/* Final review: a wider origin story and a more compact sector explorer. */
.hero-foot span:last-child{font-weight:700;color:#876629}
.approach-grid>.origin-note{grid-column:1/-1;margin-top:0;padding:20px 24px}
.approach-grid{row-gap:25px}
.approach-grid>.origin-note p{max-width:none;margin:9px 0 11px}
.sectors-section{padding-block:40px}
.sectors-section .section-heading{margin-bottom:15px}
.sectors-section .eyebrow{margin-bottom:12px}
.sectors-section .section-heading h2{font-size:2.2rem;line-height:1.15}
.sector-tabs{margin-bottom:18px}
.sector-tabs button{padding-block:12px}
.sector-panel{row-gap:16px;column-gap:45px}
.scenario-label{margin-bottom:0}
.sector-story h3{font-size:1.65rem;line-height:1.2;margin-top:10px}
.sector-challenge{margin-top:12px;font-size:.95rem;line-height:1.45}
.sector-outcome{margin-top:16px}
.sector-outcome p{font-size:.95rem;line-height:1.45;margin-top:6px}
.flow-heading{padding-bottom:10px}
.flow-steps li,.flow-steps li:last-child{min-height:0;padding:8px 0}
.flow-steps h4{font-size:.9rem;margin-top:0}
.flow-steps p{font-size:.875rem;line-height:1.4;margin-top:3px}
.flow-steps li:not(:last-child)::before{top:39px}
.sector-scope{padding:12px 17px;gap:16px}
.sector-scope p{font-size:.85rem;line-height:1.4}
.sector-disclaimer{margin-top:12px;line-height:1.4}
@media(max-width:759px){.sectors-section{padding-block:36px}.sectors-section .section-heading h2{font-size:2rem}.sector-panel{gap:22px}.sector-story h3{font-size:1.55rem}.sector-challenge,.sector-outcome p{font-size:1rem}.flow-steps li,.flow-steps li:last-child{padding-block:11px}.flow-steps h4{font-size:1rem}.flow-steps p{font-size:.9rem}.approach-grid>.origin-note{padding:19px 20px}.sector-scope p{font-size:.9rem}}
/* Desktop framing: preferred 90% proportions at normal browser zoom. */
@media screen and (min-width:760px){
  .hero-stage{--hero-content-width:min(1060px,calc(100vw - 80px))}
  .hero-copy{width:var(--hero-content-width);max-width:none;margin-inline:auto;padding-inline:0}
  .hero-signature{right:calc((100% - var(--hero-content-width))/2)}
}
@media screen and (min-width:860px){.hero-stage{--hero-content-width:min(1060px,calc(100vw - 112px))}}
@media screen and (min-width:1100px){
  html{font-size:90%}
  :root{--header-height:72px}
  body{padding-top:72px}
  .container{max-width:954px;width:calc(100% - 202px)}
  .header-inner{max-width:1062px;width:calc(100% - 101px)}
  .site-header .brand{width:169px}
  .site-header .button-small{min-height:36px;padding:9px 19px}
  .site-header.is-compact{--header-height:49px}
  .site-header.is-compact .brand{width:133px}
  .hero{padding-top:20px}
  .hero-stage{--hero-content-width:min(954px,calc(100vw - 202px));max-width:1188px;width:calc(100% - 50px);min-height:513px}
  .hero-copy{padding-block:50px 61px}
  .hero h1{font-size:4.5rem}
  .hero .eyebrow{margin-bottom:23px}
  .hero-description{margin-top:23px}
  .hero-actions{margin-top:27px;gap:25px}
  .hero-actions .button{min-height:47px;padding:11px 21px}
  .hero-signature{bottom:27px}
  .hero-foot{padding-block:18px}
}
@media screen and (min-width:1100px) and (max-height:800px){
  .hero-stage{min-height:459px}
  .hero-copy{padding-block:38px 44px}
  .hero h1{font-size:4rem}
  .hero-description{margin-top:20px}
  .hero-actions{margin-top:23px}
}

