/* Evolve Cybernetics — reference-led editorial design, 27 October 2026. */
:root{--ink:#14113e;--body:#4b4a68;--accent:#6651d5;--accent-light:#ece8fb;--paper:#fff;--muted:#f2f0fa;--line:#dcd7ec;--blue:#078fee;--purple:#7c35e8;--radius:5px;--brand-gradient:linear-gradient(105deg,#078fee 0%,#5262ed 49%,#7c35e8 100%)}
.evolve-design{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;overflow-x:clip}
.evolve-design .wrap{width:min(1180px,calc(100% - 112px))}
.evolve-design p{color:var(--body);line-height:1.8}
.evolve-design h1,.evolve-design h2,.evolve-design h3,.evolve-design h4{color:var(--ink);font-weight:500;letter-spacing:-.045em}
.evolve-design h1{font-size:clamp(42px,4.75vw,70px);line-height:1.045}
.evolve-design h2{font-size:clamp(31px,3.2vw,47px);line-height:1.12;max-width:900px}
.evolve-design h3{line-height:1.22}
.evolve-design .gradient-text,.evolve-design .hero h1 em{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal;font-weight:inherit}
.evolve-design .eyebrow{font-size:11px;color:#6450c9;letter-spacing:.075em;font-weight:600;line-height:1.65;margin-bottom:19px}
.evolve-design .utility{background:#f2f0fa;color:#68627e;font-size:8px;letter-spacing:.12em}
.evolve-design .utility .wrap{height:27px}
.evolve-design .site-header{height:104px;background:#fff;border-bottom:1px solid #ebe8f4;box-shadow:none}
.evolve-design .nav-wrap{gap:35px}
.evolve-design .brand{display:block;width:220px}
.evolve-design .brand-image{display:block;position:relative;overflow:hidden;width:220px;height:68px;background:white}
.evolve-design .brand-image img{position:absolute;width:279px;height:auto;max-width:none;left:-27px;top:-14px;object-fit:contain}
.evolve-design .brand-tagline{font-size:7px;letter-spacing:.14em;color:#5f5a76;margin-top:2px;text-align:center;display:block}
.evolve-design .site-header #navigation{gap:24px}
.evolve-design .site-header #navigation>a:not(.button){font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;max-width:none;color:var(--ink)}
.evolve-design .site-header #navigation a:hover{color:#6952d7}
.evolve-design .button{background:var(--brand-gradient);border:1px solid transparent;border-radius:999px;color:white;min-height:47px;padding:15px 24px;font-size:12px;line-height:1.4;gap:20px;font-weight:600;box-shadow:none;transition:transform .18s,box-shadow .18s}
.evolve-design .button:hover{color:white;transform:translateY(-2px);box-shadow:0 7px 20px #6552d523}
.evolve-design .button-outline{background:transparent;border:1px solid #c3bbe3;color:var(--ink)}
.evolve-design .button-outline:hover{background:white;color:var(--ink)}
.evolve-design .button-white{background:white;color:#4d36bc;border-color:white}
.evolve-design .button-white:hover{background:#f3f0ff;color:#4d36bc}
.evolve-design .text-link{color:#5341b2;border-bottom:1px solid #d9d2ee;font-size:12px;font-weight:600;line-height:1.7;gap:16px}
.evolve-design .text-link:hover{color:#0989e2;border-color:#0989e2}
.evolve-design .text-link span{color:#7057d7}
.evolve-design .hero.knowledge-hero{background:#f2f0fa;display:flex;flex-direction:column;align-items:stretch;min-height:0;color:var(--ink);padding:0 0 30px}
.evolve-design .knowledge-hero .hero-content{order:1;padding:67px 0 36px;display:grid;grid-template-columns:1.45fr 1fr;gap:0 55px;position:relative;z-index:1}
.evolve-design .hero .eyebrow{grid-column:1/-1;max-width:none;color:#6651cc;margin:0 0 23px;font-size:10px}
.evolve-design .hero .eyebrow i{display:none}
.evolve-design .hero h1{grid-column:1;grid-row:2;font-size:clamp(45px,4.75vw,68px);line-height:1.04;letter-spacing:-.055em;margin:0 0 27px;max-width:780px}
.evolve-design .hero-message{grid-column:2;grid-row:2/4;align-self:start;border-left:1px solid #ccc4e9;padding-left:30px;padding-top:3px}
.evolve-design .hero .hero-promise{font-size:20px;line-height:1.45;font-weight:500;max-width:none;color:var(--ink);margin:0 0 18px}
.evolve-design .hero .hero-explanation{font-size:14px;line-height:1.8;max-width:none;color:var(--body);margin:0}
.evolve-design .hero-actions{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:11px;margin:0;align-items:start}
.evolve-design .hero-actions .button{font-size:10px;padding:15px 18px;gap:13px;max-width:none}
.evolve-design .hero .hero-support{grid-column:1/-1;grid-row:4;color:#67617b;max-width:850px;font-size:11px;margin:28px 0 0}
.evolve-design .hero-photo{order:2;display:block;position:relative;inset:auto;width:min(1180px,calc(100% - 112px));height:auto;aspect-ratio:2.65;object-fit:cover;object-position:center 55%;opacity:1;margin:0 auto;border-radius:5px}
.evolve-design .hero-shade{display:none}
.evolve-design .image-caption{order:3;position:static;color:#706881;font-size:9px;letter-spacing:.04em;width:min(1180px,calc(100% - 112px));margin:10px auto 0;text-align:right}
.evolve-design .section{padding:85px 0;background:#fff}
.evolve-design .section-muted{background:#f2f0fa}
.evolve-design .section-heading{margin-bottom:34px;align-items:start}
.evolve-design .section .wrap>p{max-width:880px;font-size:16px}
.evolve-design .split{gap:65px;align-items:start}
.evolve-design .split p{font-size:16px;line-height:1.85}
.evolve-design .large-copy{font-size:22px!important;line-height:1.6!important;color:var(--ink)}
.evolve-design .page-intro{padding:77px 0;background:#f2f0fa;border-bottom:0}
.evolve-design .page-intro h1{max-width:1050px;font-size:clamp(40px,4.3vw,64px);line-height:1.075;margin:0 0 26px}
.evolve-design .page-intro .intro-text{font-size:17px;line-height:1.8;color:var(--body);max-width:850px}
.evolve-design .intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.evolve-design .intro-copy{min-width:0}
.evolve-design .design-intro h1{font-size:clamp(38px,3.8vw,57px);line-height:1.1;letter-spacing:-.05em}
.evolve-design .design-intro .intro-text{font-size:16px;line-height:1.8}
.evolve-design .design-figure{margin:0;overflow:hidden;border-radius:5px;min-width:0}
.evolve-design .design-figure img{display:block;width:100%;height:auto}
.evolve-design .intro-art{background:#fff;border:1px solid #e6e1f3}
.evolve-design .intro-art img{aspect-ratio:1.3;object-fit:cover;object-position:center}
.evolve-design .intro-art.dashboard-art img{object-fit:contain;aspect-ratio:1.3;background:#fff;padding:9px}
.evolve-design .design-caption{font-size:10px;line-height:1.55;color:#6a637f;padding:11px 15px;background:#fff;border-top:1px solid #e9e4f5}
.evolve-design .wide-visual{margin:38px 0 0;max-width:100%;background:#eeeaf8}
.evolve-design .wide-visual img{aspect-ratio:2.4;object-fit:cover;object-position:center}
.evolve-design .dashboard-wide{margin:40px 0 0;border:1px solid #e0daef;background:white;overflow:auto}
.evolve-design .dashboard-wide img{height:auto;max-width:none;object-fit:contain;width:100%;min-width:700px;padding:12px}
.evolve-design .dashboard-wide .design-caption{position:sticky;left:0}
.evolve-design .catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin-top:30px}
.evolve-design .catalogue-grid .service-card{padding:0 0 28px;background:white;border:1px solid #e3def0;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.evolve-design .catalogue-grid .service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2b19540e}
.evolve-design .service-art{border-radius:0;background:#f0edf9;margin:0 0 25px}
.evolve-design .service-art img{aspect-ratio:1.6;object-fit:cover}
.evolve-design .service-art.dashboard-art img{object-fit:contain;background:#edf2f8;padding:8px}
.evolve-design .service-card>.ks-number,.evolve-design .service-card>h3,.evolve-design .service-card>p{margin-left:25px;margin-right:25px}
.evolve-design .service-card>.ks-number{color:#7863cd;margin-bottom:15px;font-size:10px}
.evolve-design .catalogue-grid h3{font-size:25px;line-height:1.2;font-weight:500;margin-bottom:18px;letter-spacing:-.04em}
.evolve-design .catalogue-grid p{font-size:13px;line-height:1.75;margin-bottom:15px}
.evolve-design .catalogue-grid p:has(.text-link){margin-top:auto;margin-bottom:0;padding-top:5px}
.evolve-design .catalogue-grid strong{font-size:11px;color:#55469e;font-weight:600}
.evolve-design .ks-dimensions:not(.catalogue-grid),.evolve-design .ks-journey{gap:0 35px}
.evolve-design .ks-dimensions:not(.catalogue-grid) article,.evolve-design .ks-journey li{border-top:1px solid #d7cfeb;padding:27px 0}
.evolve-design .ks-dimensions:not(.catalogue-grid) h3{font-size:25px;font-weight:500;line-height:1.25}
.evolve-design .ks-dimensions:not(.catalogue-grid) p{font-size:14px;line-height:1.85}
.evolve-design .ks-number,.evolve-design .ks-journey .ks-number{color:#7762c7}
.evolve-design .ks-journey h3{color:#604bca;font-weight:500}
.evolve-design .ks-journey h4{color:var(--ink);letter-spacing:-.02em}
.evolve-design .ks-journey p{font-size:14px}
.evolve-design .ks-prose{max-width:820px}
.evolve-design .ks-prose p,.evolve-design .ks-wide-copy p{font-size:17px;line-height:1.9}
.evolve-design .ks-highlight,.evolve-design .ks-trust{background:#eeebfa;border-left:3px solid #6b53d3;color:var(--ink);border-radius:0 5px 5px 0}
.evolve-design .ks-highlight p{font-size:18px;color:var(--ink)}
.evolve-design .ks-trust h3{font-size:29px}
.evolve-design .ks-trust p{font-size:14px;color:var(--body)}
.evolve-design .ks-example{background:#f0edf9;border-top:2px solid #6c55d6;border-radius:4px}
.evolve-design .ks-diagram{background:#f7f5fc;border:1px solid #e1daef;border-radius:5px;overflow:hidden;margin-top:35px}
.evolve-design .ks-diagram figcaption{background:white;border-color:#e1daef;color:#67617d}
.evolve-design .ks-feature-pair h3,.evolve-design .ks-role-grid h3{font-size:29px}
.evolve-design .ks-role-grid>div{border-color:#6951d3}
.evolve-design .ks-stage-path span{background:#eeebf9;border-color:#8b78dd;color:#302260}
.evolve-design .ks-jump-links{gap:14px 22px;margin-top:26px}
.evolve-design .ks-jump-links a{border-color:#d7cfeb;color:#5c45bb;font-size:11px;line-height:1.7}
.evolve-design .knowledge-risk,.evolve-design .founder-strip,.evolve-design .readiness-band{background:#f2f0fa;color:var(--ink);padding:80px 0;border:0}
.evolve-design .knowledge-risk p,.evolve-design .founder-strip p,.evolve-design .readiness-band p{color:var(--body)}
.evolve-design .risk-questions li{border-color:#dcd4ef}
.evolve-design .risk-questions span{color:#7964cc}
.evolve-design .risk-questions h3{color:var(--ink)}
.evolve-design .founder-strip h2{font-size:clamp(32px,3.1vw,45px);line-height:1.15;color:var(--ink)}
.evolve-design .closing{background:#6652d3;padding:62px 0;color:#fff}
.evolve-design .ks-closing .closing-inner,.evolve-design .closing-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:24px 65px;align-items:center}
.evolve-design .closing-inner>div:first-child{grid-column:1;grid-row:1}
.evolve-design .closing-inner>.ks-actions,.evolve-design .closing-inner>div:nth-child(2){grid-column:1;grid-row:2;align-items:start;justify-self:start;gap:18px;display:flex;flex-wrap:wrap;padding-top:0}
.evolve-design .closing h2,.evolve-design .closing .gradient-text{color:#fff;background:none;-webkit-text-fill-color:#fff;font-size:clamp(31px,3.2vw,45px);line-height:1.13;font-weight:500;max-width:650px}
.evolve-design .closing p{color:#f0ebff!important;font-size:14px;line-height:1.8;max-width:650px}
.evolve-design .closing .eyebrow{color:#e0d5ff}
.evolve-design .closing .text-link,.evolve-design .closing-secondary{color:white;border-color:#b2a2f1}
.evolve-design .closing .button{margin:0}
.evolve-design .closing-art{grid-column:2;grid-row:1/3;background:white;border-radius:6px;align-self:stretch;display:flex;align-items:center;max-height:330px}
.evolve-design .closing-art img{width:100%;height:100%;object-fit:contain}
.evolve-design footer{background:#fff;color:var(--ink);border-top:1px solid #e8e3f4}
.evolve-design .footer-main{padding:60px 0 42px;gap:42px;grid-template-columns:1.1fr 1fr 1fr 1.1fr}
.evolve-design .footer-main a{color:#5d5574;font-size:12px;line-height:1.65}
.evolve-design .footer-main a:hover{color:#6c4ad5}
.evolve-design .footer-title{font-size:10px;color:#47345f;letter-spacing:.07em}
.evolve-design .footer-main p,.evolve-design .footer-brand-copy{color:#68617e;font-size:12px;line-height:1.8}
.evolve-design .footer-main .brand{width:200px}
.evolve-design .footer-main .brand-image{width:200px;height:61px}
.evolve-design .footer-main .brand-image img{width:253px;left:-25px;top:-12px}
.evolve-design .footer-note{border-color:#e2dcee!important}
.evolve-design .footer-bottom{border-color:#e5dff0;color:#6a627d;font-size:10px;padding:23px 0}
.evolve-design .footer-email,.evolve-design .text-button{color:#62557b}
.evolve-design .enquiry-form,.evolve-design .assessment-app{background:#f4f1fb;border:1px solid #e1daef;border-radius:6px;box-shadow:none}
.evolve-design input,.evolve-design textarea,.evolve-design select{border-color:#d6cdea;border-radius:4px;color:var(--ink);background:#fff}
.evolve-design .contact-topics li{border-color:#ded6ee}
.evolve-design .wheel-hub,.evolve-design .wheel-entry rect{fill:#6652d3;stroke:#6652d3}
.evolve-design .wheel-stage rect{stroke:#d8d0ef}
.evolve-design .wheel-label{fill:#171244}
.evolve-design .wheel-entry text,.evolve-design .wheel-entry .wheel-step,.evolve-design .wheel-entry .wheel-sub{fill:#fff}
.evolve-design .wheel-track{stroke:#e8e3f5}
.evolve-design .wheel-spoke{stroke:#d9d1ec}
.evolve-design .wheel-moving-arc{stroke:#8066dd}
.evolve-design .ks-learning-wheel{background:#f7f5fc}
.evolve-design [id]{scroll-margin-top:120px}
@media(min-width:1101px){.evolve-design .site-header #navigation{display:flex;position:static;flex-direction:row;padding:0;background:transparent;border:0;max-height:none;overflow:visible}.evolve-design .site-header .menu-button{display:none}.evolve-design .site-header #navigation .button-small{max-width:none;font-size:10px;white-space:nowrap;padding:14px 20px}}
@media(max-width:1100px){.evolve-design .wrap,.evolve-design .hero-photo,.evolve-design .image-caption{width:calc(100% - 64px)}.evolve-design .site-header{height:94px}.evolve-design .site-header .menu-button{display:flex;border:1px solid #dcd3ed;border-radius:50%;width:43px;height:43px;background:white;flex-direction:column;justify-content:center;align-items:center;gap:6px}.evolve-design .site-header .menu-button span{background:#30215d;width:17px;height:1px}.evolve-design .site-header #navigation{display:none;position:absolute;top:94px;left:0;right:0;padding:25px 32px;background:white;border-bottom:1px solid #dcd3ed;flex-direction:column;align-items:start;gap:23px;max-height:calc(100dvh - 94px);overflow:auto}.evolve-design .site-header #navigation.is-open{display:flex}.evolve-design .site-header #navigation>a:not(.button){font-size:15px}.evolve-design .knowledge-hero .hero-content{gap:0 34px}.evolve-design .hero h1{font-size:53px}.evolve-design .hero-message{padding-left:22px}.evolve-design .intro-grid{gap:35px}.evolve-design .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evolve-design .footer-main{grid-template-columns:1.15fr 1fr 1fr}.evolve-design .footer-note{grid-column:1/-1;border-top:1px solid #e2dcee;padding-top:25px}.evolve-design .split{gap:35px}}
@media(max-width:760px){.evolve-design .wrap,.evolve-design .hero-photo,.evolve-design .image-caption{width:calc(100% - 40px)}.evolve-design .utility .wrap>span:last-child{display:none}.evolve-design .utility .wrap{height:24px}.evolve-design .site-header{height:86px}.evolve-design .brand{width:192px}.evolve-design .brand-image{width:192px;height:58px}.evolve-design .brand-image img{width:243px;left:-24px;top:-12px}.evolve-design .brand-tagline{font-size:6px}.evolve-design .site-header #navigation{top:86px;padding:25px 20px;max-height:calc(100dvh - 86px)}.evolve-design .knowledge-hero .hero-content{display:block;padding:43px 0 29px}.evolve-design .hero h1{font-size:clamp(40px,7.8vw,58px);margin-bottom:26px;letter-spacing:-.055em}.evolve-design .hero .eyebrow{max-width:340px;font-size:9px;margin-bottom:23px}.evolve-design .hero-message{border:0;padding:0;margin:0 0 26px;max-width:600px}.evolve-design .hero .hero-promise{font-size:18px;margin-bottom:15px}.evolve-design .hero .hero-explanation{font-size:14px}.evolve-design .hero-actions{flex-direction:row;gap:10px}.evolve-design .hero-actions .button{font-size:10px;min-width:0;padding:14px 18px}.evolve-design .hero .hero-support{font-size:11px;margin-top:24px}.evolve-design .hero-photo{aspect-ratio:1.65}.evolve-design .image-caption{font-size:9px}.evolve-design .section,.evolve-design .knowledge-risk,.evolve-design .founder-strip{padding:58px 0}.evolve-design .section-heading{margin-bottom:27px}.evolve-design h2{font-size:34px}.evolve-design .page-intro{padding:47px 0}.evolve-design .intro-grid{grid-template-columns:1fr;gap:31px}.evolve-design .page-intro h1{font-size:42px}.evolve-design .design-intro .intro-text{font-size:15px}.evolve-design .intro-art img{aspect-ratio:1.6}.evolve-design .intro-art.dashboard-art img{aspect-ratio:1.65}.evolve-design .split,.evolve-design .ks-feature-pair,.evolve-design .ks-role-grid{grid-template-columns:1fr;gap:25px}.evolve-design .split p,.evolve-design .ks-prose p,.evolve-design .ks-wide-copy p{font-size:15px}.evolve-design .large-copy{font-size:19px!important}.evolve-design .catalogue-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.evolve-design .catalogue-grid h3{font-size:23px}.evolve-design .service-card>.ks-number,.evolve-design .service-card>h3,.evolve-design .service-card>p{margin-left:19px;margin-right:19px}.evolve-design .wide-visual img{aspect-ratio:1.6}.evolve-design .ks-closing .closing-inner,.evolve-design .closing-inner{display:flex;flex-direction:column;align-items:stretch;gap:25px}.evolve-design .closing-art{max-height:260px;align-self:stretch;margin-top:6px}.evolve-design .closing-art img{height:260px;object-fit:contain}.evolve-design .closing h2{font-size:35px}.evolve-design .footer-main{grid-template-columns:1fr 1fr;gap:35px}.evolve-design .footer-main>div:first-child{grid-column:1/-1}.evolve-design .footer-main{padding-top:45px}.evolve-design .footer-bottom{line-height:1.7}.evolve-design .ks-diagram img{min-width:600px}.evolve-design .ks-dimensions:not(.catalogue-grid),.evolve-design .ks-journey{grid-template-columns:1fr}.evolve-design [id]{scroll-margin-top:103px}}
@media(max-width:480px){.evolve-design .catalogue-grid{grid-template-columns:1fr}.evolve-design .catalogue-grid h3{font-size:27px}.evolve-design .service-art img{aspect-ratio:1.7}.evolve-design .hero h1{font-size:42px}.evolve-design .page-intro h1{font-size:38px}.evolve-design .hero h1 br{display:none}.evolve-design .hero h1 em::before{content:' '}.evolve-design .enquiry-form{padding:22px}.evolve-design .footer-main{gap:30px 24px}}
@media(prefers-reduced-motion:reduce){.evolve-design *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Final cascade corrections over the earlier website theme. */
.evolve-design .button:not(.button-outline):not(.button-white),.evolve-design .site-header #navigation .button{background:var(--brand-gradient);color:#fff}
.evolve-design .hero .hero-actions .button-outline{background:transparent;color:var(--ink);border-color:#c3bbe3}
.evolve-design .site-header #navigation>a:not(.button)>span{display:none}
/* Keep small white button labels legible across the complete gradient. */
:root{--button-gradient:linear-gradient(105deg,#096dc7 0%,#504edf 49%,#7730d3 100%)}
.evolve-design .button:not(.button-outline):not(.button-white),.evolve-design .site-header #navigation .button{background:var(--button-gradient)}
@media(max-width:760px){.evolve-design .nav-wrap{gap:16px}}
@media(max-width:480px){.evolve-design .hero h1{font-size:clamp(34px,10.8vw,42px)}}
