/* The service story follows the existing KLEFF matrix in the same document. */
.site-navigation { display:flex; align-items:center; gap:32px; margin-left:auto; }
.site-navigation a { display:flex; align-items:center; min-height:44px; color:#aebdce; font-size:12px; transition:color .18s; }
.site-navigation a:hover { color:#fff; }
.site-header .header-link { margin-left:22px; }
.site-menu-toggle { align-items:center; gap:12px; padding:8px 0 8px 12px; border:0; background:transparent; font-size:11px; min-height:44px; }
.site-menu-toggle span { font-size:19px; font-weight:300; }
.network-next { display:none; align-items:center; gap:18px; color:#d2e0ef; font-size:12px; line-height:1.6; }
.network-next>span:first-child { font-size:25px; font-weight:300; }
.network-next small { display:block; color:#8da0b7; font-size:10px; }
.network-next:hover { color:#fff; }
.network-story[data-phase="organised"] .network-guide { display:none; }
.network-story[data-phase="organised"] .network-next { display:flex; }
.kleff-content { background:#0a0e14; color:#e7edf4; }
.kleff-content h2,.kleff-content h3 { margin:0; font-weight:400; text-wrap:balance; }
.kleff-content p { text-wrap:pretty; }
.kleff-content a:focus-visible,.kleff-content summary:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.content-section { padding:112px 0; border-top:1px solid #acbfd21c; scroll-margin-top:86px; }
.content-shell { width:min(1320px,91%); margin-inline:auto; }
.section-kicker { display:flex; align-items:center; gap:13px; margin:0 0 25px; color:#9eb0c5; text-transform:uppercase; font-size:10px; line-height:1.6; letter-spacing:2px; }
.section-kicker::before { content:''; width:28px; height:1px; background:currentColor; flex:none; }
.kleff-content h2 { font-size:clamp(38px,4.3vw,68px); line-height:1.08; letter-spacing:-2.1px; }
.kleff-content h3 { font-size:23px; line-height:1.25; letter-spacing:-.4px; }
.kleff-content p { font-size:16px; line-height:1.8; }
.kleff-content .section-kicker { font-size:10px; line-height:1.6; }
.content-intro { position:relative; padding-top:105px; background:radial-gradient(ellipse at 12% 0,#1d2c3e55,transparent 55%),#0a0e14; }
.intro-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:8vw; align-items:end; }
.intro-grid h2 { max-width:720px; font-size:clamp(44px,5.25vw,82px); line-height:1.04; letter-spacing:-3px; background:linear-gradient(145deg,#f5f8fc,#9daec2); -webkit-background-clip:text; background-clip:text; color:transparent; }
.intro-grid p { color:#afbdcd; max-width:550px; }
.intro-copy p+p { margin-top:16px; }
.content-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:29px; }
.content-button { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:48px; padding:14px 21px; background:#dce6f0; color:#14202e; border:1px solid #dce6f0; font-size:12px; line-height:1.5; transition:background .18s,transform .18s; }
.content-button:hover { background:#fff; transform:translateY(-2px); }
.content-link { display:inline-flex; align-items:center; gap:14px; min-height:44px; border-bottom:1px solid #9dafc44d; color:#c1ccda; font-size:12px; line-height:1.5; }
.content-link:hover { color:#fff; border-color:currentColor; }
.friction-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:80px; border-top:1px solid #8eabc22b; }
.friction-grid article { padding:27px 30px 0 0; }
.friction-grid article+article { padding-left:30px; border-left:1px solid #8eabc22b; }
.friction-grid article>span { color:#71869e; font-size:10px; letter-spacing:1px; }
.friction-grid h3 { font-size:22px; margin:16px 0 12px; }
.friction-grid p { font-size:14px; line-height:1.8; color:#96a8bd; max-width:350px; }
.scan-section { background:#e7e9e8; color:#1b2836; border-color:#e7e9e8; }
.scan-section .section-kicker { color:#5e7284; }
.section-heading { display:grid; grid-template-columns:1.15fr 1fr; column-gap:8vw; row-gap:22px; align-items:end; margin-bottom:55px; }
.section-heading>.section-kicker { grid-column:1/-1; margin-bottom:0; }
.section-heading>div .section-kicker { margin-bottom:20px; }
.section-heading p:not(.section-kicker) { max-width:520px; color:#a7b6c8; }
.scan-section .section-heading p:not(.section-kicker) { color:#556372; }
.scan-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:45px; }
.scan-steps article { border-top:1px solid #263f5740; padding-top:23px; }
.scan-steps article>span { display:block; color:#74899a; font-size:12px; letter-spacing:1px; margin-bottom:31px; }
.scan-steps h3 { font-size:27px; margin-bottom:15px; }
.scan-steps p { font-size:14px; color:#536171; line-height:1.85; max-width:360px; }
.scan-deliverable { display:grid; grid-template-columns:.8fr 1.35fr; gap:6vw; margin-top:72px; padding:40px; background:#f5f6f4; border:1px solid #20394c22; box-shadow:0 18px 60px #152d4310; }
.deliverable-intro h3 { font-size:clamp(27px,2.7vw,39px); line-height:1.15; letter-spacing:-1px; margin-bottom:18px; }
.deliverable-intro p:not(.section-kicker) { font-size:13px; color:#657280; line-height:1.8; }
.kleff-content .example-label { margin-top:22px; font-size:11px; line-height:1.7; }
.project-list { list-style:none; margin:0; padding:0; }
.project-list li { position:relative; padding:17px 0 17px 36px; border-top:1px solid #21394f25; }
.project-list li:last-child { padding-bottom:0; }
.project-number { position:absolute; left:0; top:20px; color:#7e8f9b; font-size:10px; }
.project-name { display:block; margin:0; font-weight:500; font-size:16px; line-height:1.4; color:#213247; }
.kleff-content .project-value { display:block; font-size:12px; line-height:1.7; color:#657584; margin-top:5px; }
.kleff-content .financial-note { max-width:970px; margin-top:29px; font-size:12px; line-height:1.8; color:#62727f; }
.automation-section { background:#0b111a; }
.delivery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin:50px 0 65px; }
.delivery-grid article { border-top:1px solid #9eb7cd40; padding-top:24px; }
.delivery-grid .content-number { display:block; color:#829ab4; font-size:12px; margin-bottom:24px; }
.delivery-grid h3 { margin-bottom:16px; font-size:25px; }
.delivery-grid p { color:#a1b3c7; font-size:14px; line-height:1.8; }
.automation-examples { margin-bottom:25px; }
.automation-list { border-top:1px solid #8ca8c238; }
.automation-list details { border-bottom:1px solid #8ca8c238; }
.automation-list summary { display:grid; grid-template-columns:55px minmax(0,1fr) 34px; align-items:center; gap:24px; padding:27px 0; cursor:pointer; list-style:none; }
.automation-list summary::-webkit-details-marker { display:none; }
.automation-number { color:#738aa2; font-size:11px; letter-spacing:1px; }
.automation-list summary h3 { font-size:clamp(23px,2.8vw,39px); letter-spacing:-.8px; line-height:1.3; }
.automation-list summary:hover h3 { color:#fff; }
.automation-plus { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #8da5bc4d; border-radius:50%; color:#aebed0; font-size:20px; font-weight:300; transition:transform .2s; }
.automation-list details[open] .automation-plus { transform:rotate(45deg); }
.automation-detail { display:grid; grid-template-columns:1.15fr 1fr; align-items:start; gap:7vw; padding:0 58px 31px 79px; }
.automation-detail p { color:#a1b3c7; font-size:15px; max-width:620px; }
.automation-route { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-top:3px; color:#9bb0c4; font-size:11px; line-height:1.6; }
.automation-route span { display:inline-flex; align-items:center; min-height:34px; padding:7px 11px; border:1px solid #9eb7cd35; color:#c3d0de; background:#13203066; }
.automation-route .route-arrow { min-height:0; padding:0; border:0; background:none; color:#6f88a0; }
.principles-section { background:#111a25; }
.principles-section .section-heading h2 { grid-column:1/-1; max-width:850px; }
.principles-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px; margin-top:58px; }
.principles-grid article { padding-top:22px; border-top:1px solid #a1b8ce33; }
.principles-grid article>span { display:block; font-family:Georgia,serif; font-size:27px; font-weight:400; color:#7890a8; margin-bottom:28px; }
.principles-grid h3 { font-size:22px; line-height:1.3; margin-bottom:16px; }
.principles-grid p { font-size:14px; line-height:1.8; color:#a0b1c5; }
.team-section { background:#080c12; }
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:50px; }
.team-person { position:relative; padding-top:24px; border-top:1px solid #8fa8c238; }
.team-initial { display:flex; align-items:center; justify-content:center; width:58px; height:58px; border:1px solid #9ab2c83b; color:#8da1b6; font-size:23px; margin-bottom:35px; background:linear-gradient(145deg,#19253666,#080c12); }
.team-person h3 { font-size:clamp(33px,3.2vw,48px); letter-spacing:-1.2px; margin-bottom:13px; }
.kleff-content .team-role { font-size:12px; color:#b3c1d1; margin-bottom:16px; }
.team-person p:not(.team-role) { color:#8196ae; font-size:14px; max-width:330px; }
.team-actions { margin-top:48px; }
.contact-section { background:#e7e9e8; color:#14202c; }
.contact-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:8vw; align-items:end; }
.contact-grid .section-heading { display:block; margin:0; }
.contact-grid .section-kicker { margin-bottom:24px; }
.contact-section .section-kicker { color:#576d80; }
.contact-section p { color:#5b6c7b; max-width:650px; margin-top:24px; }
.contact-section .content-button { background:#152435; border-color:#152435; color:#f0f5fa; }
.contact-section .content-link { color:#30495d; border-color:#61798b77; }
.contact-links { display:flex; flex-wrap:wrap; gap:24px; margin-top:24px; font-size:14px; }
.content-section :is(h2,h3,p,li,a,summary) { overflow-wrap:break-word; }
@media(min-width:1800px) { .content-shell { width:min(1480px,89%); } .content-section { padding-block:140px; } }
@media(max-width:1100px) {
 .site-navigation { gap:23px; } .site-header .header-link { margin-left:0; }
 .content-section { padding-block:85px; }
 .content-shell { width:calc(100% - 56px); }
 .intro-grid { gap:5vw; }
 .section-heading { column-gap:5vw; }
 .friction-grid article { padding-right:22px; } .friction-grid article+article { padding-left:22px; }
 .scan-deliverable { padding:30px; gap:38px; }
 .principles-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px 45px; }
 .principles-grid article>span { margin-bottom:18px; }
}
@media(max-width:900px) {
 .site-header { gap:18px; }
 .site-header .header-link { margin-left:auto; }
 .site-menu-toggle:not([hidden]) { display:inline-flex; }
 .site-navigation { position:absolute; top:100%; left:0; right:0; padding:14px 28px 20px; background:#0c131e; border-bottom:1px solid #8ca4ba38; display:grid; gap:0; margin:0; }
 .site-navigation a { padding-block:8px; min-height:47px; font-size:14px; }
 .intro-grid { grid-template-columns:1fr; gap:26px; }
 .intro-grid h2 { max-width:740px; }
 .intro-grid p { max-width:640px; }
 .friction-grid { margin-top:55px; }
 .friction-grid h3 { font-size:20px; }
 .scan-deliverable { grid-template-columns:1fr; gap:30px; }
 .deliverable-intro { max-width:580px; }
 .automation-detail { grid-template-columns:1fr; gap:22px; }
}
@media(max-width:760px) {
 .delivery-grid { grid-template-columns:1fr; gap:28px; margin:36px 0 44px; }
 .delivery-grid .content-number { margin-bottom:15px; }
 .delivery-grid h3 { font-size:25px; }
 .delivery-grid p { font-size:14px; }
 .site-header { gap:13px; }
 .site-header .header-link { font-size:10px; gap:9px; }
 .site-header .header-link span:last-child { font-size:17px; }
 .site-menu-toggle { padding-left:0; gap:8px; font-size:10px; }
 .site-menu-toggle span { font-size:17px; }
 .site-navigation { padding-inline:20px; }
 .network-next { margin-bottom:10px; gap:12px; }
 .network-next small { display:none; }
 .content-shell { width:calc(100% - 40px); }
 .content-section { padding-block:66px; scroll-margin-top:63px; }
 .section-kicker { margin-bottom:20px; font-size:9px; letter-spacing:1.5px; }
 .kleff-content .section-kicker { font-size:9px; }
 .kleff-content h2 { font-size:clamp(35px,9vw,54px); letter-spacing:-1.4px; }
 .intro-grid h2 { font-size:clamp(42px,10.8vw,64px); letter-spacing:-1.9px; }
 .kleff-content p { font-size:15px; line-height:1.8; }
 .content-actions { gap:18px; margin-top:23px; }
 .content-button { padding:13px 17px; font-size:12px; min-height:46px; }
 .friction-grid { grid-template-columns:1fr; border:0; margin-top:42px; }
 .friction-grid article,.friction-grid article+article { display:grid; grid-template-columns:30px 1fr; gap:0 10px; padding:23px 0; border-left:0; border-top:1px solid #8eabc22b; }
 .friction-grid article>span { margin-top:5px; grid-row:1 / 3; }
 .friction-grid h3 { font-size:23px; margin:0 0 11px; }
 .friction-grid p { max-width:none; font-size:14px; }
 .section-heading { grid-template-columns:1fr; gap:22px; margin-bottom:36px; }
 .section-heading>.section-kicker { margin-bottom:0; }
 .section-heading p:not(.section-kicker) { max-width:none; }
 .scan-steps { grid-template-columns:1fr; gap:28px; margin-top:35px; }
 .scan-steps article { display:grid; grid-template-columns:33px 1fr; column-gap:10px; padding-top:22px; }
 .scan-steps article>span { grid-row:1 / 3; margin:4px 0 0; }
 .scan-steps h3 { font-size:26px; margin-bottom:12px; }
 .scan-steps p { max-width:none; font-size:14px; }
 .scan-deliverable { margin-top:42px; padding:25px 20px; gap:28px; }
 .deliverable-intro h3 { font-size:29px; }
 .project-list li { padding-left:30px; }
 .project-name { font-size:15px; } .project-value { font-size:12px; }
 .kleff-content .financial-note { font-size:12px; margin-top:22px; }
 .automation-list summary { grid-template-columns:25px minmax(0,1fr) 29px; gap:14px; padding:22px 0; }
 .automation-list summary h3 { font-size:24px; letter-spacing:-.5px; }
 .automation-plus { width:27px; height:27px; font-size:18px; }
 .automation-detail { padding:0 0 26px 39px; gap:18px; }
 .automation-detail p { font-size:14px; }
 .automation-route { gap:7px; font-size:10px; }
 .automation-route span { padding:5px 8px; min-height:30px; }
 .principles-grid { gap:30px 25px; margin-top:35px; }
 .principles-grid h3 { font-size:21px; }
 .principles-grid p { font-size:13px; }
 .team-grid { grid-template-columns:1fr; gap:29px; margin-top:35px; }
 .team-person { display:grid; grid-template-columns:58px 1fr; gap:0 20px; }
 .team-initial { grid-column:1; grid-row:1 / 4; margin:0; }
 .team-person h3 { font-size:35px; margin-bottom:9px; }
 .team-person p { grid-column:2; }
 .kleff-content .team-role { margin-bottom:10px; }
 .team-actions { margin-top:36px; }
 .contact-grid { grid-template-columns:1fr; gap:24px; }
 .contact-section p { margin-top:20px; }
}
@media(max-width:380px) { .site-header .wordmark { width:115px; } .site-header { gap:10px; } .principles-grid { grid-template-columns:1fr; } .content-shell { width:calc(100% - 36px); } }
@media(prefers-reduced-motion:reduce) { .content-button,.site-navigation a,.automation-plus { transition:none; } }
.contact-grid{align-items:start}
.contact-form{margin-top:32px}
.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-form legend{font-size:22px;margin-bottom:24px;letter-spacing:-.4px}
.contact-form label{display:block;font-size:12px;color:#32485b;margin-bottom:8px;line-height:1.6}
.contact-form label>span{color:#617588}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;min-height:45px;border:1px solid #8d9eaa;background:#f7f9f7;color:#182b3d;border-radius:3px;font:16px/1.5 Arial,sans-serif;padding:10px 12px;box-shadow:none}
.contact-form textarea{resize:vertical;min-height:112px;max-height:400px}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #344e68;outline-offset:2px}
.contact-form [aria-invalid=true]{border-color:#a33030!important}
.contact-form .field-error{display:block;min-height:16px;font-size:11px;line-height:1.5;color:#942b2b;margin:5px 0 9px}
.contact-form .contact-consent{display:flex;align-items:start;gap:12px;margin-top:16px}
.contact-consent input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:#263e54}
.contact-form .contact-consent span{color:#334b60;font-size:12px}
.kleff-content .contact-privacy{font-size:11px;line-height:1.6;margin:0 0 20px;color:#596e7d}
.contact-form .contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.kleff-content .contact-result{font-size:14px;color:#225742;margin:18px 0 0;line-height:1.6}
.kleff-content .contact-result.is-error{color:#922e2e}
.contact-form fieldset:disabled{opacity:.65}
.contact-form button:disabled{cursor:wait}
@media(max-width:500px){.contact-fields{grid-template-columns:1fr;gap:8px}.contact-form legend{font-size:21px}}