/* A visual walkthrough, built around the original service examples. */
.chapter{padding:42px 0 70px}.chapter h2{font-size:clamp(32px,3.6vw,49px);margin:12px 0 26px}.hero{min-height:calc(100svh - 82px);padding-top:35px}.hero h1{font-size:clamp(44px,5.5vw,74px);margin:12px 0 20px}.story-title .lead{max-width:760px}.pain-map{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0 30px}.pain-map>div{padding:18px 0 0;border-top:2px solid #be974e}.pain-map span{display:block;color:#b8cad9;font-size:16px;margin-bottom:12px}.pain-map strong{font-size:19px;line-height:1.4;font-weight:500;display:block}.takeaway{margin:24px 0 0;padding:16px 20px;border-left:3px solid var(--gold);background:#0d2a42d9;color:#dfebf3;font-size:16px}.approval-chip{display:inline-block;padding:5px 12px;border:1px solid #c69e4e;border-radius:5px;color:var(--gold);font-size:14px;margin:8px 0 0}.example{margin:0;min-width:0}.example figcaption{margin-bottom:14px}.example figcaption span{display:block;font-size:12px;letter-spacing:.1em;color:var(--gold)}.example figcaption strong{display:block;font-size:20px;margin-top:5px;line-height:1.4}.image-button{display:block;width:100%;padding:0;border:1px solid #d6c28b;border-radius:9px;overflow:hidden;background:#f9fbfc;cursor:zoom-in;color:#12314b;text-align:left}.image-button img{display:block;width:100%;height:380px;object-fit:contain;background:#fff}.image-button>span{display:block;padding:10px 15px;font-size:14px;font-weight:700;border-top:1px solid #d7e0e7;background:#edf3f7}.image-button:hover{border-color:#ffc14d;box-shadow:0 0 0 2px #ffc14d40}.example-pair{display:grid;grid-template-columns:1fr 50px 1fr;gap:20px;align-items:center}.transform-arrow{color:var(--gold);font-size:40px;text-align:center}.brief-example .image-button img{height:280px}.showcase{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.showcase .image-button img{height:360px}.explain-step{display:flex;align-items:flex-start;gap:16px;margin:0 0 25px}.explain-step>b{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #b59149;border-radius:50%;color:var(--gold)}.explain h3{font-size:22px;letter-spacing:-.02em;margin:0 0 10px}.explain p{color:var(--muted);margin:0;font-size:16px}.artwork-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}.artwork-grid .image-button img{height:350px}.figure-note{color:var(--muted);font-size:14px;margin:10px 0 0}.channel-ribbon{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}.channel-ribbon span{border:1px solid #bd934666;color:#ffcf75;border-radius:5px;padding:6px 12px;font-size:14px}.slide-intro{font-size:18px;color:#d0dfe9;max-width:850px;margin-bottom:20px}.demo-switch{display:flex;gap:8px;margin-bottom:15px}.demo-switch button{border:1px solid #9baebd;border-radius:6px;padding:10px 16px;font-size:15px;background:transparent;color:white}.demo-switch button[aria-pressed=true]{background:var(--gold);color:#061e33;border-color:var(--gold)}.demo-window{background:#f4f8fb;color:#112d45;border-radius:12px;overflow:hidden;box-shadow:0 15px 50px #0004}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;background:#e2ecf3;border-bottom:1px solid #c5d5e1}.demo-top strong{display:block;font-size:22px}.demo-top span{display:block;font-size:13px;color:#526778}.demo-top label{font-size:13px;min-width:240px}.demo-top select{margin-top:4px;padding:7px 12px}.demo-layout{display:grid;grid-template-columns:1.15fr 1fr;min-height:320px}.demo-table-wrap{padding:18px 24px}.demo-table{width:100%;border-collapse:collapse;font-size:15px}.demo-table th{text-align:left;color:#53697b;font-size:13px;padding:10px 8px;border-bottom:1px solid #c5d5e1}.demo-table td{padding:13px 8px;border-bottom:1px solid #dce5ec}.demo-table .chosen{background:#e4f0f1}.demo-table button{border:1px solid #728d9e;border-radius:4px;background:white;padding:5px 9px;color:#123d56;font-size:14px}.demo-table-wrap>p{font-size:13px;color:#61798b;margin:18px 0 0}.score-cell{font-weight:700;color:#276770}.candidate-panel{padding:25px;background:white;border-left:1px solid #d5e1e9}.candidate-panel h3{font-size:23px;margin:0 0 8px}.candidate-panel .profile-sub{font-size:14px;color:#4c6b7c}.candidate-panel dl{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;font-size:15px;margin:16px 0}.candidate-panel dt{color:#557184}.candidate-panel dd{margin:0}.candidate-panel details{font-size:14px;border-top:1px solid #d7e3ec;padding-top:12px}.candidate-panel summary{cursor:pointer;font-weight:700;color:#164c65}.candidate-panel details p{margin:10px 0 0}.candidate-panel .sample-label{font-size:12px;text-transform:uppercase;color:#6b7580;letter-spacing:.08em}.dashboard-example .image-button img{height:390px}.finish-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:40px}.question-example{padding:28px;background:#f3f7fa;border-radius:12px;color:#15324a}.question-example .eyebrow{color:#805915;font-size:12px}.question-example h3{font-size:28px}.example-label{font-size:14px;color:#587183}.question-example blockquote{font-size:17px;margin:22px 0;padding-left:18px;border-left:3px solid #d6b569;line-height:1.65}.question-example .note{color:#537082}.client-decision{border-left:3px solid var(--gold);padding:8px 20px;margin-bottom:22px}.client-decision strong{color:var(--gold);font-size:13px;letter-spacing:.08em}.client-decision p{margin:8px 0 0;color:#d2e0e9}.finish-list{padding-left:32px;list-style:decimal;margin:0}.finish-list li{padding:10px 0 10px 12px}.finish-list li::marker{color:var(--gold);font-size:22px}.finish-list h3{font-size:22px;margin:0 0 8px}.finish-list p{color:var(--muted);margin:0}.offer-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:35px;align-items:center;margin-bottom:20px}.offer-price{padding:35px;background:#0f2d45;border:1px solid #c6a45d;border-radius:12px}.offer-price>span{font-size:13px;color:#bacbd8;letter-spacing:.1em}.offer-price>strong{display:block;font:600 clamp(42px,5vw,68px) Manrope,sans-serif;color:var(--gold);margin:15px 0}.offer-price p{font-size:19px}.offer-price small{display:block;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:14px}.scope-list{font-size:17px;line-height:1.7;margin:0;padding-left:27px}.scope-list li{padding:5px 0 5px 8px}.scope-list li::marker{color:var(--gold);font-weight:700}.optional-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px}.optional-columns p{font-size:15px}.optional-columns b{color:var(--gold)}.presenting .chapter{padding-top:35px}.presenting .hero.active{padding-bottom:100px}.chapter-picker{background:#0a253e;color:white;border:1px solid #637d91;max-width:235px;padding:9px 12px;margin:0;font-size:14px}.image-dialog{width:min(1150px,96vw);max-height:94svh;padding:0;background:#f5f8fa;color:#102b41;border:1px solid #d3b366;border-radius:12px}.image-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-top{position:sticky;top:0;background:#f5f8faf5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-bottom:1px solid #c9d7e0;z-index:2}.dialog-top h2{font-size:18px;letter-spacing:0;margin:0;line-height:1.4}.dialog-top button{background:#09253c;color:white;padding:8px 15px;border:0;border-radius:5px}.image-dialog>img{display:block;max-width:100%;height:auto;margin:0 auto}.image-dialog .zoom-hint{font-size:13px;padding:12px 22px;margin:0;color:#486477}.demo-row-button:focus-visible,.image-dialog button:focus-visible{outline-color:#956408}
@media(max-width:900px){.showcase{gap:25px}.demo-layout{grid-template-columns:1fr}.candidate-panel{border-left:0;border-top:1px solid #d5e1e9}.optional-columns{grid-template-columns:1fr;gap:0}.header-actions .chapter-picker{max-width:175px}.pain-map strong{font-size:17px}}
@media(max-width:650px){.example-pair,.showcase,.artwork-grid,.finish-layout,.offer-layout{grid-template-columns:1fr}.transform-arrow{transform:rotate(90deg)}.image-button img,.brief-example .image-button img,.artwork-grid .image-button img{height:auto;max-height:430px}.showcase .image-button img{height:auto}.pain-map{grid-template-columns:1fr;gap:14px;margin:12px 0 25px}.pain-map>div{padding-top:10px}.pain-map span{margin-bottom:4px;font-size:14px}.pain-map strong{font-size:16px}.hero h1{font-size:40px}.hero .lead{font-size:17px}.chapter{padding:30px 0 65px}.chapter h2{font-size:33px}.demo-top{flex-direction:column;align-items:stretch;padding:18px}.demo-table-wrap{padding:12px}.demo-table{font-size:14px}.demo-table td,.demo-table th{padding:12px 5px}.candidate-panel{padding:20px}.header-actions .chapter-picker{max-width:120px;font-size:12px;padding:8px}.header-actions{gap:7px}.header-row .brand>span{display:none}.question-example{padding:22px}.offer-price{padding:25px}.scope-list{font-size:16px}.presenting .hero.active{padding-top:25px}.takeaway{font-size:15px}.image-dialog{width:96vw}.dialog-top{padding:12px}.dialog-top h2{font-size:15px}}
@media print{.image-button{border-color:#aaa}.image-button span,.demo-switch,.chapter-picker,.image-dialog{display:none!important}.example-pair,.showcase,.artwork-grid{grid-template-columns:1fr 1fr}.transform-arrow{display:none}.takeaway,.offer-price,.question-example{background:white;color:#16334a}.scope-list{font-size:12px}.image-button img{height:270px}.pain-map strong,.explain p,.finish-list p{color:#17334b}}

/* Editorial visuals complement the actual service examples. */
.visual-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;align-items:center}.visual-hero h1{font-size:clamp(42px,4.5vw,62px)}.visual-hero .lead{font-size:19px}.editorial-image{margin:0;overflow:hidden;border:1px solid #bf9b514d;border-radius:14px;background:#102b42}.editorial-image img{display:block;width:100%;object-fit:cover}.editorial-image figcaption{padding:12px 18px;color:#d4e2ed;font-size:13px;line-height:1.5}.hero-illustration img{height:330px}.value-signature{padding:16px 0 0;border-top:1px solid #b79a5466;margin:22px 0 0}.value-signature span{font-size:16px;display:block;color:#d4e2ed}.value-signature strong{display:block;font-size:31px;color:var(--gold);margin-top:7px}.value-signature small{font-size:14px;font-weight:400;color:#d4e2ed}.completion-illustration{margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.completion-illustration img{height:190px;object-position:center 48%}.completion-illustration figcaption{font-size:22px;padding:25px;max-width:480px}.assessment-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;margin-bottom:25px}.assessment-feature img{height:255px}.assessment-feature h3{font-size:27px;margin:15px 0}.assessment-feature p{color:#d3e2ed;font-size:16px}.specialist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.specialist-grid article{border-top:1px solid #a58a5266;padding-top:14px}.specialist-grid h3{font-size:18px;color:#f4cc80;margin:0 0 8px}.specialist-grid p{font-size:15px;color:#c9dbe7;margin:0}.optional-link{display:inline-block;color:var(--gold);margin-top:12px;font-weight:600}.document-types{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.document-types li{padding:7px 0;border-bottom:1px solid #e0e8ee;font-size:13px;color:#294b60}.takeaway a{color:var(--gold)}
@media(max-width:900px){.visual-hero{gap:22px}.hero-illustration img{height:280px}.specialist-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.visual-hero,.assessment-feature,.completion-illustration{grid-template-columns:1fr}.hero-illustration img{height:220px}.visual-hero h1{font-size:40px}.value-signature strong{font-size:28px}.completion-illustration figcaption{font-size:17px;padding:15px}.assessment-feature img{height:230px}.specialist-grid{grid-template-columns:1fr;gap:18px}.document-types{grid-template-columns:1fr}.completion-illustration img{height:180px}}

.client-gallery .image-button img{height:auto;max-height:570px;object-fit:contain}.client-gallery{max-width:1150px;margin:auto}.client-gallery .image-button{background:white}

/* Brighter brand artwork and a more prominent, responsive masthead. */
body{background:#15344d}body:before{background:linear-gradient(90deg,#0a243b91,#163c534d),url('assets/tara-nawa-backdrop.jpg') center/cover;filter:brightness(1.35)}
.masthead{background:#102c43eb;border-bottom-color:#9fc1ce40}.header-row{min-height:126px;padding-block:10px;gap:24px}.brand img{width:102px;height:102px;flex:none}.brand{gap:15px}.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.social-links{display:flex;gap:8px;align-items:center}.social-links a{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;color:#26dce5;text-decoration:none;transition:background .15s,color .15s}.social-links svg{width:23px;height:23px;fill:currentColor}.social-links a:hover{background:#ffffff18;color:#a0fbff}.header-actions .button{padding:9px 16px}.hero{min-height:calc(100svh - 126px)}.presenting .chapter{min-height:calc(100svh - 126px)}.chapter{scroll-margin-top:135px}.pain-map span,.note{color:#d2e2ed}.present-controls{background:#12334df5}
@media(max-width:800px){.header-row{gap:12px;min-height:112px}.brand img{width:86px;height:86px}.brand>span{display:none}.header-tools{gap:7px}.social-links{gap:5px}.social-links a{width:32px;height:32px}.header-actions .button{padding:8px 11px}.header-actions .chapter-picker{max-width:190px}}
@media(max-width:500px){.header-row{align-items:center;gap:10px;min-height:115px}.brand img{width:78px;height:78px}.header-tools{flex:1;min-width:0}.header-actions{flex-wrap:nowrap;gap:6px;width:100%;justify-content:flex-end}.header-actions .chapter-picker{width:118px;max-width:118px;font-size:11px;padding:8px 5px}.header-actions #present{font-size:11px;padding:9px 7px;white-space:nowrap}.header-actions .contact-header{display:none}.social-links a{width:31px;height:31px}.social-links{gap:7px}.social-links svg{width:22px;height:22px}.hero{min-height:calc(100svh - 115px)}}
@media print{body{background:white}.header-tools{display:none}}

/* Grouped navy panels keep the bright artwork away from text. */
.chapter-panel{background:rgba(6,28,47,.93);border:1px solid rgba(178,207,223,.16);border-radius:18px;padding:30px;box-shadow:0 16px 45px #0003;min-width:0;backdrop-filter:blur(5px)}.chapter-panel>:first-child{margin-top:0}.chapter-panel>:last-child{margin-bottom:0}.presenting .chapter{padding-top:25px}.hero .chapter-panel{align-self:center}.chapter-panel .pain-map{gap:20px}.chapter-panel .visual-hero{gap:28px}.chapter-panel .hero-illustration img{height:300px}.chapter-panel .story-title h1{font-size:clamp(40px,4.3vw,59px)}.chapter-panel .support-detail{background:#12334a}.assessment-options{padding:22px 0;margin:12px 0 25px;border-top:1px solid #e6bc6555;border-bottom:1px solid #e6bc6555}.assessment-options>h3{font-size:23px;color:#f4cc80;margin-top:0}.assessment-list{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}.assessment-list h4{font-size:17px;color:#f4cc80;margin:0 0 7px}.assessment-list p,.assessment-report{font-size:15px;color:#d3e2ed;margin:0}.assessment-report{margin-top:20px;padding:14px 18px;background:#16394e;border-radius:8px}.retainer-note{font-size:15px;color:#d3e2ed;margin-top:20px;padding-top:18px;border-top:1px solid #ffffff25}.retainer-note strong{color:var(--gold)}
@media(max-width:650px){.chapter-panel{padding:20px 17px;border-radius:12px}.chapter-panel .story-title h1{font-size:35px}.chapter-panel .visual-hero{gap:20px}.chapter-panel .hero-illustration img{height:210px}.assessment-list{grid-template-columns:1fr;gap:18px}.chapter-panel .chapter h2{font-size:30px}.chapter-panel .demo-top label{min-width:0}.chapter-panel .demo-table-wrap{padding:8px}.chapter-panel .demo-table{font-size:12px}.chapter-panel .demo-table td,.chapter-panel .demo-table th{padding:10px 3px}.chapter-panel .demo-table button{font-size:12px;padding:4px 6px}.chapter-panel .candidate-panel dl{grid-template-columns:1fr}.chapter-panel .candidate-panel dd{margin-bottom:7px}}
@media print{.chapter-panel{background:white;border:0;box-shadow:none;padding:0;backdrop-filter:none}.assessment-list p,.assessment-report,.retainer-note{color:#15324a}.assessment-report{background:#eef3f7}}
/* Preserve every editorial image's full frame at all viewport widths. */
.chapter-panel .editorial-image img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto}

.audience-shortcuts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0;padding:18px;background:#153f52;border:1px solid #3fcbd17a;border-radius:10px}.audience-shortcuts>span{font-weight:600;font-size:15px;flex-basis:100%;color:#e2f5f6}.audience-shortcuts a{padding:10px 15px;background:#e6f5f5;color:#123648;border-radius:6px;text-decoration:none;font-weight:700;font-size:15px}.audience-shortcuts b{margin-left:10px}.compliance-banner{background:#123e4b;border-left:4px solid #43d2cf;border-radius:6px;padding:20px 24px;margin-bottom:25px}.compliance-banner strong{font:600 clamp(20px,2.4vw,27px) Manrope,sans-serif;color:#92efeb}.compliance-banner p{color:#e4f2f4;font-size:16px;margin:12px 0 0}.sector-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;margin:25px 0 30px}.sector-feature h3{font-size:26px}.sector-feature p{color:#d5e4ec}.sector-feature .button{font-size:15px}.document-meta{display:block;font-size:13px;color:#c1d5e2;margin-top:9px}.sector-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.sector-summary-grid article{border-top:1px solid #ffffff2e;padding-top:16px}.sector-summary-grid article>span{font-size:11px;letter-spacing:.1em;color:#7ddeda;font-weight:700}.sector-summary-grid h3{font-size:20px;margin:10px 0}.sector-summary-grid p{font-size:15px;color:#d3e0e9;margin:0}.sector-benefits{color:#d3e0e9;font-size:15px;margin:24px 0}.sop-summary{background:#143148;border:1px solid #d7b56680;border-radius:10px;padding:20px 24px;margin:24px 0}.sop-summary summary{font:700 20px Manrope,sans-serif;color:#ffcd72;cursor:pointer}.sop-summary>p{margin:18px 0 0;color:#d3e0e9}.sop-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.sop-grid h4{color:#ffe1a9;font-size:17px;margin:0 0 8px}.sop-grid p{font-size:15px;color:#d3e0e9;margin:0}.source-caption{font-size:12px;color:#b9cddd;margin-top:20px}.contact-sector-links{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.contact-sector-links a{color:#8be9e4}.public-sector h2{max-width:100%}
@media(max-width:650px){.sector-feature,.sector-summary-grid,.sop-grid{grid-template-columns:1fr}.audience-shortcuts{padding:14px;gap:10px}.audience-shortcuts a{width:100%;font-size:13px}.compliance-banner{padding:18px}.sop-summary{padding:18px}.sop-summary summary{font-size:18px}.sector-feature .button{font-size:13px}}
@media print{.compliance-banner,.audience-shortcuts,.sop-summary{background:#edf4f7;color:#123648}.sector-summary-grid p,.sop-grid p,.sector-benefits{color:#123648}}

/* Website links keep the presentation open in its own tab. */
.header-row{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;gap:22px}.brand-mark{display:flex;flex-direction:column;align-items:center;gap:3px}.brand .brand-mark{display:flex}.website-label{font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:0;color:#d8eaf3;white-space:nowrap}.jobportunities-link{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:5px;text-decoration:none}.jobportunities-link img{width:112px;height:84px;object-fit:contain}.brand:hover .website-label,.jobportunities-link:hover .website-label{color:var(--gold);text-decoration:underline}.brand-title{white-space:nowrap}
@media(max-width:1150px){.brand .brand-title{display:none}.header-row{gap:16px}}
@media(max-width:800px){.header-row{grid-template-columns:1fr 1fr;gap:10px;padding-block:10px}.header-tools{grid-row:1;grid-column:1/-1;align-items:center;width:100%}.header-actions{justify-content:center}.header-row>.brand{grid-row:2;justify-self:center}.jobportunities-link{grid-row:2}.brand img{width:78px;height:78px}.jobportunities-link img{width:96px;height:72px}.header-tools .header-actions{justify-content:center}.header-row .website-label{font-size:11px}.masthead{position:relative}.chapter{scroll-margin-top:16px}}
@media print{.jobportunities-link,.website-label{display:none}}
.header-row .brand>.brand-mark{display:flex}