/*
Blackwater AI Readiness Homepage presentation
Description: The reviewed assessment homepage, isolated within the Blackwater theme and aligned to BDS2.0.
Version: 1.2.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: blackwater-assessment
License: GPL-2.0-or-later
*/
@import url('assets/bds-tokens.css');

@font-face{font-family:'Space Grotesk';src:url('assets/space-grotesk-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('assets/space-grotesk-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url('assets/jost-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url('assets/jost-medium.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
  --page-rule:color-mix(in srgb,var(--bds-text-primary) 20%,transparent);
  --inverse-rule:color-mix(in srgb,var(--bds-surface-paper) 28%,transparent);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;background:var(--bds-surface-paper);color:var(--bds-text-primary);font:400 var(--bds-text-base)/1.6 var(--bds-font-body);letter-spacing:0;overflow-wrap:break-word}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--bds-font-heading);font-weight:700;line-height:1.15;letter-spacing:0}
h1{font-size:var(--bds-text-4xl)}
h2{font-size:var(--bds-text-3xl)}
h3{font-size:var(--bds-text-xl)}
strong,b{font-weight:500}
button,input,textarea{font:inherit;letter-spacing:0}
button{border:0;cursor:pointer}
a{color:var(--bds-link-primary);text-underline-offset:var(--bds-space-1)}
a:hover{text-decoration-thickness:2px}
button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--bds-link-primary);outline-offset:3px;box-shadow:0 0 0 3px var(--bds-surface-paper)}
.offer-panel :focus-visible,.method-section :focus-visible,.site-footer :focus-visible{outline-color:var(--bds-brand-light-blue);box-shadow:0 0 0 3px var(--bds-surface-inverse)}
img,svg{max-width:100%;height:auto}
button:disabled{cursor:not-allowed;background:var(--bds-surface-canvas);color:var(--bds-text-primary);border:1px solid var(--bds-text-secondary);transform:none}
sup{font-size:var(--bds-text-sm);vertical-align:super}
[hidden]{display:none!important}
.shell{width:calc(100% - 6rem);max-width:var(--bds-content-max);margin-inline:auto}
.section{padding-block:var(--bds-space-24)}
.eyebrow,.offer-label,.deliverables-intro,.deliverable>span:first-child,.sector-count,.workflow-list>.micro-label,.workflow-list>div>span,.step-number,.delivery-options summary>span:first-child{font:400 var(--bds-text-xl)/1.5 var(--bds-font-body);color:var(--bds-brand-blue);letter-spacing:0;text-transform:none}
.eyebrow{display:flex;align-items:center;gap:var(--bds-space-3);margin-bottom:var(--bds-space-6)}
.eyebrow-line{width:var(--bds-space-6);height:var(--bds-space-1);flex:none;background:var(--bds-brand-cyan)}
.micro-label{font-size:var(--bds-text-sm);font-weight:500;line-height:1.5;letter-spacing:0}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--bds-space-6);min-height:3.5rem;padding:var(--bds-space-4) var(--bds-space-6);background:var(--bds-action-primary);color:var(--bds-text-primary);font-size:var(--bds-text-base);font-weight:500;text-decoration:none;line-height:1.5;border-radius:var(--bds-radius-control);transition:background .2s,transform .2s}
.button:hover{background:var(--bds-action-hover);transform:translateY(-2px)}
.button:active{background:var(--bds-action-hover);transform:translateY(0)}
.button>span{font-size:var(--bds-text-xl);font-weight:400;line-height:1;flex:none}
.button-small{min-height:3rem;padding:var(--bds-space-3) var(--bds-space-4);font-size:var(--bds-text-sm)}
.text-link{display:inline-flex;gap:var(--bds-space-4);align-items:center;text-decoration:none;font-size:var(--bds-text-base);border-bottom:1px solid transparent;padding-bottom:var(--bds-space-1)}
.text-link:hover{border-color:currentColor}
.text-link span{font-size:var(--bds-text-xl)}
.skip-link{position:fixed;top:-6rem;left:var(--bds-space-4);padding:var(--bds-space-3) var(--bds-space-6);background:var(--bds-text-primary);color:var(--bds-surface-paper);z-index:100}
.skip-link:focus{top:var(--bds-space-4)}

/* Shared header and navigation. */
.review-bar{min-height:var(--bds-space-8);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--bds-space-2);padding:var(--bds-space-1) var(--bds-space-3);background:var(--bds-surface-canvas);color:var(--bds-text-primary);font-size:var(--bds-text-sm);line-height:1.5}
.review-dot{width:var(--bds-space-2);height:var(--bds-space-2);background:var(--bds-brand-cyan);border-radius:50%}
.review-divider{margin-inline:var(--bds-space-1)}
.site-header{position:sticky;top:0;background:var(--bds-surface-canvas);z-index:30;border-bottom:1px solid var(--page-rule)}
.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:7rem;gap:var(--bds-space-12)}
.brand{flex:none;display:block}
.brand img{display:block;width:14.5rem;height:auto}
.main-navigation{display:flex;align-items:center;gap:var(--bds-space-8)}
.main-navigation>a{display:flex;align-items:center;min-height:3rem;font-size:var(--bds-text-sm);text-decoration:none;color:var(--bds-text-primary)}
.main-navigation>a:hover{color:var(--bds-link-primary);text-decoration:underline}
.menu-toggle{min-width:3rem;min-height:3rem;background:none;color:var(--bds-text-primary);padding:var(--bds-space-2);font-size:var(--bds-text-sm);display:none;gap:var(--bds-space-3);align-items:center;border-radius:var(--bds-radius-control)}
.menu-bars{width:var(--bds-space-6);height:var(--bds-space-3);border-block:1px solid;display:block}
.admin-bar .site-header{top:32px}

/* Hero composition and the existing illustrative report. Compact text inside
   the role="img" report remains a labelled illustration, not page body text. */
.hero-section{position:relative;overflow:hidden;background:var(--bds-surface-canvas)}
.hero{display:grid;grid-template-columns:1.16fr 1fr;gap:var(--bds-space-16);padding-block:var(--bds-space-16);align-items:center}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero h1{max-width:44rem}
.highlight{position:relative;z-index:1;white-space:nowrap}
.highlight:after{content:'';position:absolute;z-index:-1;bottom:var(--bds-space-1);left:0;right:0;height:.2em;background:var(--bds-brand-light-blue);transform:rotate(-1.2deg)}
.hero-lead{font-size:var(--bds-text-lg);line-height:1.5;margin-top:var(--bds-space-8);max-width:34rem}
.hero-description{font-size:var(--bds-text-base);margin-top:var(--bds-space-4);max-width:34rem}
.hero-actions{display:flex;align-items:flex-start;gap:var(--bds-space-4);flex-direction:column;margin-top:var(--bds-space-8)}
.hero-facts{display:flex;align-items:center;gap:var(--bds-space-4);margin-top:var(--bds-space-8);font-size:var(--bds-text-sm);flex-wrap:wrap}
.hero-facts>span+span{border-left:1px solid var(--page-rule);padding-left:var(--bds-space-4)}
.hero-footnote{font-size:var(--bds-text-sm);margin-top:var(--bds-space-2);line-height:1.6}
.hero-footnote a{white-space:nowrap}
.hero-art{min-width:0;min-height:36rem;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--bds-space-6) var(--bds-space-4) var(--bds-space-16);isolation:isolate}
.hero-art:before{content:'';position:absolute;inset:8% -12% 4% -12%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bds-brand-light-blue) 32%,transparent),transparent 72%);z-index:-2;border-radius:50%}
.art-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--bds-brand-cyan) 35%,transparent);border-radius:50%;z-index:-1;pointer-events:none}
.orbit-one{width:120%;height:64%;transform:rotate(-34deg)}
.orbit-two{width:80%;height:108%;transform:rotate(-35deg)}
.art-cross{position:absolute;color:var(--bds-brand-blue);font:400 var(--bds-text-2xl) var(--bds-font-heading)}
.cross-one{left:-4%;top:8%}
.cross-two{right:-8%;bottom:16%}
.report-sheet{width:26rem;max-width:94%;background:var(--bds-surface-paper);padding:var(--bds-space-6) var(--bds-space-8) var(--bds-space-4);transform:rotate(-5deg);position:relative;box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--bds-text-primary) 15%,transparent),0 0 0 1px var(--page-rule);border-radius:var(--bds-radius-control)}
.report-sheet:after{position:absolute;content:'';inset:0 0 auto;height:var(--bds-space-1);background:var(--bds-brand-cyan)}
.report-masthead{display:flex;align-items:center;gap:var(--bds-space-2);font-size:.5rem;line-height:1.7}
.report-masthead b{font-weight:400;font-size:.5rem;color:var(--bds-text-secondary)}
.report-symbol{font:700 var(--bds-text-2xl)/1 var(--bds-font-heading);margin-right:var(--bds-space-2)}
.report-symbol>span{color:var(--bds-brand-cyan)}
.report-corner{margin-left:auto;font-size:var(--bds-text-xl);color:var(--bds-brand-blue)}
.report-title{padding-top:var(--bds-space-6);padding-bottom:var(--bds-space-6);border-bottom:1px solid var(--page-rule)}
.report-title>.micro-label{color:var(--bds-text-secondary);font-size:.5rem}
.report-title>strong{display:block;font:700 var(--bds-text-2xl)/1.15 var(--bds-font-heading);margin-top:var(--bds-space-3)}
.report-title>p{font-size:.625rem;color:var(--bds-text-secondary);margin-top:var(--bds-space-3)}
.report-workflows{padding-block:var(--bds-space-2)}
.report-row{display:grid;grid-template-columns:1rem 1fr auto;align-items:center;gap:var(--bds-space-2);font-size:.625rem;padding-block:var(--bds-space-3);border-bottom:1px solid var(--page-rule)}
.row-number{font-size:.5rem;color:var(--bds-text-secondary)}
.status{border-radius:var(--bds-radius-control);font-size:.5rem;line-height:1.5;padding:var(--bds-space-1)}
.status-blue{background:var(--bds-surface-canvas);color:var(--bds-link-primary)}
.status-amber{background:var(--bds-surface-canvas);color:var(--bds-status-warning)}
.status-grey{background:var(--bds-surface-canvas);color:var(--bds-text-primary)}
.report-readiness{padding-block:var(--bds-space-3)}
.report-readiness>.micro-label{font-size:.5rem;color:var(--bds-text-secondary)}
.report-readiness>div{display:flex;align-items:center;gap:var(--bds-space-3);margin-top:var(--bds-space-2);font-size:.625rem}
.report-readiness i{width:var(--bds-space-1);height:var(--bds-space-1);background:var(--bds-brand-cyan);border-radius:50%}
.report-roadmap{margin-top:var(--bds-space-2);background:var(--bds-surface-canvas);padding:var(--bds-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--bds-space-4)}
.report-roadmap .micro-label{font-size:.5rem}
.report-roadmap strong{font:700 var(--bds-text-base)/1.2 var(--bds-font-heading);display:block;margin-top:var(--bds-space-2)}
.report-roadmap svg{width:6rem;flex:none}
.report-roadmap circle{fill:var(--bds-surface-canvas)}
.report-roadmap svg *{stroke:var(--bds-brand-cyan)}
.report-bottom{display:flex;justify-content:space-between;margin-top:var(--bds-space-4);font-size:.5rem;color:var(--bds-text-secondary)}
.decision-note{position:absolute;right:0;bottom:var(--bds-space-8);transform:rotate(4deg);display:flex;gap:var(--bds-space-3);align-items:center;background:var(--bds-surface-inverse);color:var(--bds-surface-paper);padding:var(--bds-space-4) var(--bds-space-6);border-radius:var(--bds-radius-control);box-shadow:0 1rem 2rem color-mix(in srgb,var(--bds-text-primary) 15%,transparent)}
.note-icon{height:var(--bds-space-8);width:var(--bds-space-8);border:1px solid var(--bds-brand-light-blue);color:var(--bds-brand-light-blue);border-radius:50%;display:grid;place-items:center;font-size:var(--bds-text-base);flex:none}
.decision-note strong{display:block;font-size:var(--bds-text-sm)}
.decision-note div>span{display:block;color:var(--bds-surface-canvas);font-size:var(--bds-text-sm);margin-top:var(--bds-space-1)}
.art-caption{position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);width:100%;font-size:.625rem;text-align:center;color:var(--bds-text-primary)}

/* Editorial sections retain their original order and two-column composition. */
.principle-band{border-block:1px solid var(--page-rule);background:var(--bds-surface-paper)}
.principle-band>.shell{display:flex;align-items:center;justify-content:space-between;gap:var(--bds-space-6);min-height:7.5rem}
.principle-band p{font-size:var(--bds-text-base);line-height:1.5}
.principle-band .shell>span{font-size:var(--bds-text-sm);display:flex;align-items:center;gap:var(--bds-space-3)}
.principle-band .shell>span:before{content:'+';color:var(--bds-brand-blue);font:400 var(--bds-text-xl) var(--bds-font-heading)}
.opportunity-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--bds-space-24)}
.serif-word{font-family:inherit;font-style:normal}
.opportunity-copy .large-copy{font-size:var(--bds-text-xl);line-height:1.5;color:var(--bds-text-primary);margin-bottom:var(--bds-space-6)}
.opportunity-copy>p{color:var(--bds-text-secondary);font-size:var(--bds-text-base);margin-bottom:var(--bds-space-4)}
.opportunity-copy .text-link{margin-top:var(--bds-space-3)}
.assessment-section{background:var(--bds-surface-canvas);border-block:1px solid var(--page-rule)}
.section-heading{display:flex;justify-content:space-between;gap:var(--bds-space-8);align-items:flex-end;margin-bottom:var(--bds-space-12)}
.section-heading>p{font-size:var(--bds-text-base);line-height:1.6;padding-bottom:var(--bds-space-1)}
.assessment-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:var(--bds-space-16);align-items:start}
.offer-panel{background:var(--bds-surface-inverse);color:var(--bds-surface-paper);padding:var(--bds-space-8);position:relative;overflow:hidden;border-radius:var(--bds-radius-card)}
.offer-label{display:block;color:var(--bds-brand-light-blue)}
.offer-price{font:700 var(--bds-text-4xl)/1.15 var(--bds-font-heading);margin-top:var(--bds-space-6)}
.offer-price span{font:400 var(--bds-text-lg)/1.5 var(--bds-font-body);color:var(--bds-surface-paper)}
.offer-timing{font-size:var(--bds-text-lg);margin-top:var(--bds-space-3)}
.offer-rule{height:1px;background:var(--inverse-rule);margin-block:var(--bds-space-6)}
.offer-description{font-size:var(--bds-text-lg);max-width:18rem}
.scope-list{list-style:none;margin:var(--bds-space-6) 0 var(--bds-space-8);padding:0;font-size:var(--bds-text-base);line-height:1.5}
.scope-list li{margin-top:var(--bds-space-3);display:flex;gap:var(--bds-space-3);align-items:baseline}
.scope-list strong{font:700 var(--bds-text-lg) var(--bds-font-heading);color:var(--bds-brand-light-blue);min-width:var(--bds-space-6)}
.offer-panel .button{width:100%}
.offer-fineprint{font-size:var(--bds-text-sm);line-height:1.6;color:var(--bds-surface-canvas);margin-top:var(--bds-space-6)}
.deliverables-intro{margin:0 0 var(--bds-space-2)}
.deliverable{display:grid;grid-template-columns:2rem 1fr 1.5rem;gap:var(--bds-space-4);border-bottom:1px solid var(--page-rule);padding-block:var(--bds-space-6)}
.deliverable p{font-size:var(--bds-text-base);margin-top:var(--bds-space-3);max-width:28rem}
.deliverable-mark{font-size:var(--bds-text-xl);color:var(--bds-brand-blue)}
.deliverables-note{display:flex;gap:var(--bds-space-3);font-size:var(--bds-text-sm);line-height:1.6;margin-top:var(--bds-space-6)}
.deliverables-note>span{font-size:var(--bds-text-xl);line-height:1}

/* Tabs have text weight and an underline as well as a colour cue. */
.sector-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--page-rule)}
.sector-tabs button{min-height:3rem;background:none;color:var(--bds-text-secondary);border-bottom:var(--bds-space-1) solid transparent;padding:var(--bds-space-4);text-align:left;font-size:var(--bds-text-base);display:flex;align-items:center;justify-content:space-between;gap:var(--bds-space-3);line-height:1.5}
.sector-tabs button:first-child{padding-left:0}
.sector-tabs button:last-child{padding-right:0}
.sector-tabs button>span{font-size:var(--bds-text-xl)}
.sector-tabs button[aria-selected=true]{color:var(--bds-text-primary);border-color:var(--bds-brand-cyan);font-weight:500}
.sector-tabs button:hover{color:var(--bds-link-primary);background:var(--bds-surface-canvas)}
.sector-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--bds-space-24);padding-block:var(--bds-space-12) var(--bds-space-6)}
.sector-story{max-width:28rem}
.sector-story h3{font-size:var(--bds-text-2xl);margin-top:var(--bds-space-4)}
.sector-story p{color:var(--bds-text-secondary);font-size:var(--bds-text-base);margin-top:var(--bds-space-6)}
.sector-story .text-link{margin-top:var(--bds-space-6)}
.workflow-list>.micro-label{margin:0 0 var(--bds-space-2)}
.workflow-list>div{position:relative;padding:var(--bds-space-6) 0 var(--bds-space-6) var(--bds-space-12);border-bottom:1px solid var(--page-rule)}
.workflow-list>div>span{position:absolute;left:0;top:var(--bds-space-6)}
.workflow-list strong{font-size:var(--bds-text-lg)}
.workflow-list p{font-size:var(--bds-text-sm);color:var(--bds-text-secondary);margin-top:var(--bds-space-1)}
.sector-disclaimer{font-size:var(--bds-text-sm);color:var(--bds-text-secondary);max-width:44rem;margin-top:var(--bds-space-3)}

/* Dark process band: all introduction roles use light blue. */
.method-section{background:var(--bds-surface-inverse);color:var(--bds-surface-paper);position:relative;overflow:hidden;padding-bottom:0}
.method-heading{position:relative;z-index:1}
.method-section .eyebrow,.method-section .step-number{color:var(--bds-brand-light-blue)}
.method-heading h2>span{color:var(--bds-brand-light-blue)}
.method-heading:after{content:'↗';position:absolute;font:400 14rem/1 var(--bds-font-heading);right:12%;top:-1rem;color:color-mix(in srgb,var(--bds-brand-light-blue) 25%,transparent);z-index:-1}
.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bds-space-16);margin-top:var(--bds-space-16);padding-bottom:var(--bds-space-16)}
.step-number{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--bds-space-4);border-bottom:1px solid var(--inverse-rule)}
.step-number span{font-size:var(--bds-text-xl)}
.method-steps h3{margin-top:var(--bds-space-6)}
.method-steps p{font-size:var(--bds-text-base);color:var(--bds-surface-canvas);margin-top:var(--bds-space-4)}
.method-bottom{display:flex;align-items:center;gap:var(--bds-space-4);border-top:1px solid var(--inverse-rule);min-height:6rem;font-size:var(--bds-text-sm);padding-block:var(--bds-space-6)}
.small-cross{color:var(--bds-brand-light-blue);font:400 var(--bds-text-2xl) var(--bds-font-heading)}
.method-bottom>span:last-child{margin-left:auto;font-size:var(--bds-text-sm);color:var(--bds-surface-canvas)}

.delivery-grid,.faq-grid{display:grid;grid-template-columns:.95fr 1.2fr;gap:var(--bds-space-24)}
.delivery-intro>p:not(.eyebrow){font-size:var(--bds-text-base);color:var(--bds-text-secondary);margin-top:var(--bds-space-6);max-width:24rem}
.delivery-intro>.delivery-small{font-size:var(--bds-text-sm)!important}
.delivery-options details{border-top:1px solid var(--page-rule)}
.delivery-options details:last-child{border-bottom:1px solid var(--page-rule)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.delivery-options summary{display:flex;align-items:center;gap:var(--bds-space-4);padding-block:var(--bds-space-6);min-height:3rem}
.delivery-options summary>span:first-child{min-width:var(--bds-space-8)}
.delivery-options h3{font-size:var(--bds-text-xl);line-height:1.2}
.details-toggle{font-family:var(--bds-font-heading);font-size:var(--bds-text-xl);font-weight:400;margin-left:auto;line-height:1;flex:none;transition:transform .2s;color:var(--bds-link-primary)}
details[open] .details-toggle{transform:rotate(45deg)}
.delivery-options details>p{margin:0 var(--bds-space-8) var(--bds-space-6) var(--bds-space-12);color:var(--bds-text-secondary);font-size:var(--bds-text-base)}
.faq-section{padding-top:0}
.faqs{border-top:1px solid var(--page-rule)}
.faqs details{border-bottom:1px solid var(--page-rule)}
.faqs summary{display:flex;gap:var(--bds-space-6);align-items:center;font-size:var(--bds-text-base);line-height:1.5;padding-block:var(--bds-space-6);min-height:3rem}
.faqs details>p{padding:0 var(--bds-space-8) var(--bds-space-6) 0;font-size:var(--bds-text-base);color:var(--bds-text-secondary)}
.delivery-options summary:hover,.faqs summary:hover{color:var(--bds-link-primary)}

.closing-section{background:var(--bds-surface-canvas);border-top:1px solid var(--page-rule);padding-block:var(--bds-space-24);position:relative;overflow:hidden}
.closing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--bds-space-16);align-items:end;position:relative;z-index:1}
.closing-section h2{font-size:var(--bds-text-4xl)}
.closing-section h2>span{color:var(--bds-brand-blue)}
.closing-section p:not(.eyebrow){font-size:var(--bds-text-base);margin-top:var(--bds-space-6)}
.closing-action>.button{width:100%;max-width:28rem}
.closing-action>p{font-size:var(--bds-text-sm)!important;margin-top:var(--bds-space-4)!important}
.closing-arrow{font:400 10rem/1 var(--bds-font-heading);color:var(--bds-brand-cyan);display:block;margin-bottom:var(--bds-space-4);position:relative;left:-1rem}
.site-footer{background:var(--bds-surface-inverse);color:var(--bds-surface-paper);padding-top:var(--bds-space-16)}
.footer-main{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:var(--bds-space-16);padding-bottom:var(--bds-space-12)}
.footer-main>p{font-size:var(--bds-text-xl);line-height:1.5;font-family:var(--bds-font-body);font-weight:500}
.footer-main nav{display:flex;flex-direction:column;align-items:start;gap:var(--bds-space-2)}
.footer-main nav a{display:flex;align-items:center;min-height:3rem;font-size:var(--bds-text-sm);text-decoration:none;color:var(--bds-surface-paper)}
.footer-main nav a:hover{text-decoration:underline;color:var(--bds-brand-light-blue)}
.footer-bottom{min-height:5rem;display:flex;align-items:center;gap:var(--bds-space-8);justify-content:space-between;border-top:1px solid var(--inverse-rule);font-size:var(--bds-text-sm);color:var(--bds-surface-canvas);padding-block:var(--bds-space-4)}
.footer-bottom>a{min-height:3rem;color:var(--bds-brand-light-blue);text-decoration:none;display:flex;gap:var(--bds-space-4);align-items:center}
.footer-bottom>a>span{font-size:var(--bds-text-lg)}
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:var(--bds-space-3) var(--bds-space-6);padding-bottom:var(--bds-space-6);font-size:var(--bds-text-sm)}
.footer-legal>a,.footer-legal .bw-cookie-settings,.footer-legal .cmplz-show-banner{display:inline-flex;align-items:center;min-height:3rem;margin:0;padding:var(--bds-space-2) 0;background:transparent;color:var(--bds-brand-light-blue);border:0;border-radius:var(--bds-radius-control);font:inherit;line-height:1.5;text-decoration:underline;text-underline-offset:var(--bds-space-1)}
.footer-legal>a:hover,.footer-legal .bw-cookie-settings:hover,.footer-legal .cmplz-show-banner:hover{color:var(--bds-surface-paper);text-decoration-thickness:2px}
.footer-legal .bw-cookie-settings-status{color:var(--bds-surface-canvas)}

/* Accessible form controls and the staging preview dialog. */
dialog{width:min(40rem,calc(100% - 2rem));max-height:calc(100dvh - 3rem);border:1px solid var(--page-rule);border-radius:var(--bds-radius-card);background:var(--bds-surface-paper);color:var(--bds-text-primary);padding:var(--bds-space-12);box-shadow:0 1.5rem 5rem color-mix(in srgb,var(--bds-surface-inverse) 20%,transparent);overflow-y:auto}
dialog::backdrop{background:color-mix(in srgb,var(--bds-surface-inverse) 80%,transparent);backdrop-filter:blur(3px)}
body:has(dialog[open]){overflow:hidden}
.dialog-close{position:absolute;right:var(--bds-space-2);top:var(--bds-space-2);background:none;color:var(--bds-text-primary);font-size:var(--bds-text-2xl);line-height:1;width:3rem;height:3rem;border-radius:var(--bds-radius-control)}
.dialog-close:hover{background:var(--bds-surface-canvas)}
dialog .eyebrow{padding-right:var(--bds-space-6);margin-bottom:var(--bds-space-4)}
dialog h2{font-size:var(--bds-text-2xl)}
.dialog-intro{font-size:var(--bds-text-base);color:var(--bds-text-secondary);margin-top:var(--bds-space-6)}
.preview-notice{font-size:var(--bds-text-sm);padding:var(--bds-space-4);background:var(--bds-surface-canvas);margin-top:var(--bds-space-6);color:var(--bds-text-primary);border-radius:var(--bds-radius-control)}
form{margin-top:var(--bds-space-6)}
form label{display:flex;flex-direction:column;gap:var(--bds-space-2);font-size:var(--bds-text-sm);margin-top:var(--bds-space-4);font-weight:500}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--bds-space-4)}
.form-grid>label{margin-top:0}
input,textarea{width:100%;min-height:3rem;padding:var(--bds-space-3);border:1px solid var(--bds-text-secondary);background:var(--bds-surface-paper);color:var(--bds-text-primary);border-radius:var(--bds-radius-control);font-size:var(--bds-text-base);line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--bds-text-secondary);opacity:1}
textarea{resize:vertical}
input:focus,textarea:focus{border-color:var(--bds-link-primary)}
input:user-invalid,textarea:user-invalid{border-color:var(--bds-status-error);border-width:2px}
input:disabled,textarea:disabled{background:var(--bds-surface-canvas);color:var(--bds-text-primary);cursor:not-allowed}
form .button{width:100%;margin-top:var(--bds-space-6)}
.form-status{font-size:var(--bds-text-sm);color:var(--bds-link-primary);margin-top:var(--bds-space-3);min-height:var(--bds-space-6)}
.generic-content{padding-block:var(--bds-space-24);min-height:60vh}
.generic-content h1{margin-bottom:var(--bds-space-8)}
.generic-content article>*+*{margin-top:var(--bds-space-6)}

@media(max-width:71.875rem){
  .shell{width:calc(100% - 4rem)}
  .brand img{width:12rem}
  .main-navigation{gap:var(--bds-space-6)}
  .nav-row{gap:var(--bds-space-12)}
  .hero{gap:var(--bds-space-8)}
  .hero h1{font-size:var(--bds-text-3xl)}
  .hero-art{min-height:34rem;padding-inline:var(--bds-space-2)}
  .report-sheet{padding:var(--bds-space-6)}
  .opportunity-grid,.sector-panel,.delivery-grid,.faq-grid{gap:var(--bds-space-12)}
  .assessment-grid{gap:var(--bds-space-8)}
  .offer-panel{padding:var(--bds-space-6)}
  .method-steps{gap:var(--bds-space-8)}
  .method-heading:after{right:4%}
  .closing-grid,.footer-main{gap:var(--bds-space-8)}
}
@media(max-width:58.125rem){
  .main-navigation{gap:var(--bds-space-4)}
  .brand img{width:11rem}
  .nav-row{gap:var(--bds-space-12)}
  .hero{grid-template-columns:1.12fr 1fr}
  .report-sheet{padding:var(--bds-space-4)}
  .report-title>strong{font-size:var(--bds-text-xl)}
  .report-row{grid-template-columns:.75rem 1fr auto;font-size:.5rem;gap:var(--bds-space-1)}
  .report-roadmap{padding:var(--bds-space-3);gap:var(--bds-space-2)}
  .report-roadmap svg{width:4rem}
  .report-roadmap strong{font-size:var(--bds-text-sm)}
  .decision-note{padding:var(--bds-space-4);bottom:var(--bds-space-8);right:-1rem;gap:var(--bds-space-2)}
  .principle-band>.shell{gap:var(--bds-space-4)}
  .section-heading{align-items:start;flex-direction:column;gap:var(--bds-space-6)}
  .section-heading h2,.opportunity-grid h2,.delivery-intro h2,.faq-grid h2{font-size:var(--bds-text-2xl)}
  .assessment-grid{grid-template-columns:.9fr 1.1fr}
  .deliverable{gap:var(--bds-space-3)}
  .deliverable h3,.delivery-options h3{font-size:var(--bds-text-lg)}
  .sector-tabs button{font-size:var(--bds-text-sm);padding-inline:var(--bds-space-2)}
  .method-heading:after{right:0}
  .method-bottom{flex-wrap:wrap}
  .method-bottom>span:last-child{margin-left:var(--bds-space-12)}
  .closing-section h2{font-size:var(--bds-text-3xl)}
  .footer-main{grid-template-columns:1fr 1fr .9fr}
  .footer-main>p{font-size:var(--bds-text-lg)}
}
@media(max-width:47.5rem){
  html{scroll-padding-top:7rem}
  .shell{width:calc(100% - 2.5rem)}
  .section{padding-block:var(--bds-space-16)}
  .review-bar{font-size:var(--bds-text-sm);gap:var(--bds-space-1)}
  .nav-row{min-height:6rem;gap:var(--bds-space-8);position:relative}
  .brand img{width:12rem}
  .menu-toggle:not([hidden]){display:flex}
  .js .main-navigation{display:none;position:absolute;left:-1.25rem;right:-1.25rem;top:6rem;padding:var(--bds-space-6) 1.25rem var(--bds-space-8);background:var(--bds-surface-canvas);border-bottom:1px solid var(--page-rule);box-shadow:0 .75rem 1rem color-mix(in srgb,var(--bds-surface-inverse) 8%,transparent);align-items:stretch;gap:0}
  .js .main-navigation.is-open{display:flex;flex-direction:column}
  .main-navigation>a{font-size:var(--bds-text-base);padding-block:var(--bds-space-3)}
  .main-navigation>.button{margin-top:var(--bds-space-4);align-self:start}
  .no-js .nav-row{flex-wrap:wrap;padding-block:var(--bds-space-4)}
  .no-js .main-navigation{flex-wrap:wrap}
  .admin-bar .site-header{top:46px}
  .hero{grid-template-columns:1fr;gap:var(--bds-space-8);padding-top:var(--bds-space-12);padding-bottom:var(--bds-space-16)}
  .hero h1{font-size:var(--bds-text-3xl);max-width:42rem}
  .hero-lead,.hero-description{max-width:36rem}
  .hero-art{width:min(30rem,100%);margin:auto;min-height:35rem;padding:var(--bds-space-6) var(--bds-space-6) var(--bds-space-16)}
  .report-sheet{width:24rem;max-width:94%;padding:var(--bds-space-6)}
  .report-title>strong{font-size:var(--bds-text-2xl)}
  .report-row{grid-template-columns:1rem 1fr auto;font-size:.625rem;gap:var(--bds-space-2)}
  .report-roadmap{padding:var(--bds-space-4);gap:var(--bds-space-3)}
  .report-roadmap strong{font-size:var(--bds-text-base)}
  .report-roadmap svg{width:5rem}
  .decision-note{right:0;bottom:var(--bds-space-6);padding:var(--bds-space-4);gap:var(--bds-space-3)}
  .art-caption{bottom:-1rem}
  .cross-one{left:0}
  .cross-two{right:0}
  .orbit-one{width:104%}
  .orbit-two{height:96%}
  .principle-band>.shell{display:grid;grid-template-columns:1fr 1fr;gap:var(--bds-space-6) var(--bds-space-4);padding-block:var(--bds-space-6)}
  .opportunity-grid,.assessment-grid,.sector-panel,.delivery-grid,.faq-grid{grid-template-columns:1fr;gap:var(--bds-space-8)}
  .opportunity-copy .large-copy{font-size:var(--bds-text-xl)}
  .section-heading{margin-bottom:var(--bds-space-8)}
  .offer-panel{padding:var(--bds-space-8)}
  .offer-description{max-width:none}
  .deliverable{gap:var(--bds-space-4)}
  .deliverable h3{font-size:var(--bds-text-xl)}
  .sector-tabs{grid-template-columns:1fr 1fr;gap:var(--bds-space-1) var(--bds-space-4)}
  .sector-tabs button{font-size:var(--bds-text-sm);padding:var(--bds-space-4) 0;gap:var(--bds-space-2)}
  .sector-panel{padding-block:var(--bds-space-8) var(--bds-space-6)}
  .sector-story{max-width:none}
  .sector-story p{max-width:32rem}
  .workflow-list strong{font-size:var(--bds-text-lg)}
  .method-section{padding-bottom:0}
  .method-heading h2{font-size:var(--bds-text-2xl)}
  .method-heading:after{content:none}
  .method-steps{grid-template-columns:1fr;gap:var(--bds-space-8);margin-top:var(--bds-space-12);padding-bottom:var(--bds-space-12)}
  .method-steps p{max-width:36rem}
  .method-bottom{display:grid;grid-template-columns:1.5rem 1fr;gap:var(--bds-space-2) var(--bds-space-3)}
  .method-bottom>span:last-child{grid-column:2;margin-left:0}
  .small-cross{font-size:var(--bds-text-xl)}
  .delivery-intro>p:not(.eyebrow){max-width:36rem}
  .delivery-options h3{font-size:var(--bds-text-lg)}
  .faq-section{padding-top:0}
  .closing-section{padding-block:var(--bds-space-16)}
  .closing-grid{grid-template-columns:1fr;gap:var(--bds-space-8)}
  .closing-arrow{display:none}
  .closing-action>.button{max-width:28rem}
  .site-footer{padding-top:var(--bds-space-12)}
  .footer-main{grid-template-columns:1fr 1fr;gap:var(--bds-space-8) var(--bds-space-6);padding-bottom:var(--bds-space-8)}
  .footer-main>.brand{grid-column:1/-1}
  .footer-main .brand img{width:13rem}
  .footer-bottom{flex-wrap:wrap;gap:var(--bds-space-3) var(--bds-space-6);padding-block:var(--bds-space-6)}
  .footer-bottom>span:nth-child(2){order:3;flex:1 1 100%}
  .footer-bottom>a{margin-left:auto}
  .form-grid{grid-template-columns:1fr;gap:var(--bds-space-4)}
  dialog{padding:var(--bds-space-12) var(--bds-space-6) var(--bds-space-6)}
  .generic-content{padding-block:var(--bds-space-12)}
}
@media(max-width:23.75rem){
  .shell{width:calc(100% - 2rem)}
  .brand img{width:10.5rem}
  .hero h1{font-size:var(--bds-text-2xl)}
  .hero-art{min-height:33rem;padding-inline:var(--bds-space-2)}
  .report-sheet{padding:var(--bds-space-4)}
  .report-title>strong{font-size:var(--bds-text-xl)}
  .report-row{font-size:.5rem;gap:var(--bds-space-1)}
  .report-roadmap svg{width:4rem}
  .report-roadmap strong{font-size:var(--bds-text-sm)}
  .decision-note{padding:var(--bds-space-3);gap:var(--bds-space-2)}
  .offer-panel{padding:var(--bds-space-6)}
  .deliverable{gap:var(--bds-space-3)}
  .deliverable h3{font-size:var(--bds-text-lg)}
  .closing-section h2{font-size:var(--bds-text-2xl)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .button:hover{transform:none}
}
@media print{
  .review-bar,.site-header,.hero-art,dialog,.site-footer,.hero-actions,.closing-section{display:none!important}
  .shell{width:100%}
  .section{padding-block:var(--bds-space-6)}
  .sector-panel[hidden]{display:grid!important}
  .hero{display:block;padding-block:var(--bds-space-6)}
  .offer-panel,.method-section{background:var(--bds-surface-canvas)!important;color:var(--bds-text-primary)!important}
  .offer-panel *, .method-section *{color:var(--bds-text-primary)!important}
  body{font-size:var(--bds-text-sm);background:var(--bds-surface-paper)}
  h1{font-size:var(--bds-text-2xl)}
  h2{font-size:var(--bds-text-xl)}
}
