/* CYBERBYTES DESIGN TOKENS — edit here to update the entire visual identity. */
/* October 2026: AI HealthCheck, six expertise domains, vendor evaluation and integrated About Us sections. */
:root{--ink:#17191c;--paper:#fff;--mist:#f2f3f4;--accent:#d93636;--accent-dark:#b52b2b;--muted:#5e636b;--line:#d9dce0;--dark-muted:#afb3ba;--font:Arial,Helvetica,sans-serif;--max:1248px;--gutter:40px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p,h1,h2,h3{margin:0}img{max-width:100%;display:block}.wrap{max-width:calc(var(--max) + var(--gutter)*2);padding:0 var(--gutter);margin:auto}.eyebrow,.mini-label{font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{margin-bottom:26px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.header{position:sticky;top:0;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);z-index:20}.nav-wrap{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;line-height:1.05}.brand img{width:42px;height:42px;object-fit:contain}.brand>span{font-size:1.55rem;letter-spacing:-.055em;font-weight:800}.brand small{display:block;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;margin-top:7px;font-weight:400}nav{display:flex;align-items:center;gap:38px;font-size:.875rem}nav a{padding:12px 0}nav a:hover{color:var(--accent)}.nav-contact{border-left:1px solid var(--line);padding-left:32px}.nav-contact span{margin-left:16px;font-size:1.2rem}.menu-toggle{display:none}.hero{background:var(--ink);color:#fff}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;min-height:715px;padding-right:0;max-width:calc(var(--max) + var(--gutter)*2)}.hero-copy{padding:74px 50px 28px 0;display:flex;flex-direction:column}.hero .eyebrow{color:#c2c6cb;display:flex;align-items:center;gap:12px;font-size:.75rem}.red-line{display:inline-block;width:23px;height:2px;background:var(--accent)}h1{font-size:clamp(3.2rem,5.7vw,5.1rem);line-height:1.06;font-weight:500;letter-spacing:-.06em;max-width:720px}h1 em{display:block;font-style:normal;color:#a9aeb6;margin-top:8px}.hero-intro{font-size:1.06rem;line-height:1.75;color:#c2c6cb;max-width:475px;margin-top:32px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 21px;background:var(--accent);color:#fff;font-size:.875rem;font-weight:700;min-height:52px;border:1px solid transparent;transition:background .2s}.button:hover{background:var(--accent-dark)}.button span{font-size:1.3rem;line-height:1}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:.875rem;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link:hover{color:#ff8b8b}.hero-bottom{margin-top:auto;padding-top:40px;display:flex;justify-content:space-between;color:#a0a5ad;font-size:.75rem;letter-spacing:.12em}.hero-bottom>span:last-child{font-size:1.6rem;line-height:1}.hero-visual{min-height:100%;position:relative;overflow:hidden;background:#101113}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.visual-caption{position:absolute;bottom:0;left:0;right:0;padding:80px 36px 35px;background:linear-gradient(transparent,rgba(0,0,0,.83))}.visual-caption span{font-size:.75rem;letter-spacing:.16em;color:#c8cbd0}.visual-caption p{font-size:1rem;max-width:250px;margin-top:10px}.discipline-strip{background:#202226;color:#c8cbd0;border-top:1px solid #393b40}.discipline-strip .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:76px;font-size:.75rem;letter-spacing:.16em}.discipline-strip i{font-style:normal;color:#61656b}.intro-section{padding-top:104px;padding-bottom:104px}.intro-section .eyebrow{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}h2{font-size:clamp(2rem,3.1vw,3.05rem);line-height:1.16;font-weight:500;letter-spacing:-.045em}.intro-grid>p{font-size:1.1rem;color:var(--muted);padding-top:3px}.expertise{padding:96px 0 104px;background:var(--mist)}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;margin-bottom:55px;align-items:end}.section-heading>.eyebrow{margin-bottom:20px}.section-heading>p{color:var(--muted);max-width:400px;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ccd0d5;border:1px solid #ccd0d5;align-items:stretch}.service-card{background:var(--paper);padding:30px;min-height:328px;scroll-margin-top:110px}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.index{font-size:.75rem;letter-spacing:.1em;color:var(--muted)}.service-top svg{width:32px;height:32px;color:var(--accent)}.service-card h3{font-size:1.42rem;line-height:1.24;letter-spacing:-.028em;font-weight:500;min-height:58px;max-width:290px}.service-card>p{font-size:.9375rem;color:var(--muted);margin:17px 0 24px;min-height:49px}.service-card summary{font-size:.875rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}summary::-webkit-details-marker{display:none}.service-card summary span{font-size:1.4rem;font-weight:400;color:var(--accent);transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.service-detail{padding-top:10px;font-size:.9375rem;color:var(--muted)}.service-detail ul{padding-left:19px;margin:20px 0}.service-detail li{margin-bottom:10px}.service-detail li::marker{color:var(--accent)}.outcome{border-left:2px solid var(--accent);padding:2px 0 2px 14px;margin:24px 0}.outcome span{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--ink)}.outcome p{margin-top:7px}.note{font-size:.8125rem!important;line-height:1.6}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 7px}.tags span{padding:4px 8px;background:var(--mist);font-size:.75rem;line-height:1.5;color:#454b52}.ai-section{background:var(--ink);color:#fff;padding:95px 0}.ai-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.ai-section .eyebrow{color:#ff9696}.ai-section h2{font-size:clamp(2.1rem,3.5vw,3.5rem)}.ai-section .text-link{margin-top:32px}.ai-body{color:#c6c9ce;font-size:1.06rem}.ai-points{padding:0;margin:28px 0 0;list-style:none}.ai-points li{display:flex;gap:24px;padding:15px 0;border-top:1px solid #41444b;font-size:.9375rem}.ai-points span{color:#ff9292;font-size:.75rem;padding-top:2px}.approach{padding-top:103px;padding-bottom:104px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);gap:36px}.steps article{padding-top:24px}.step-no{display:block;color:var(--accent);font-size:.75rem;margin-bottom:28px}.steps h3{font-size:1.3rem;font-weight:500;letter-spacing:-.02em;margin-bottom:14px}.steps p{font-size:.9375rem;color:var(--muted)}.about{background:var(--mist);padding:94px 0}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about-body{font-size:1.1rem;color:var(--muted)}.training{border-top:1px solid #cfd3d8;margin-top:32px;padding-top:26px}.mini-label{font-size:.75rem;color:var(--muted)}.training h3{font-size:1.25rem;line-height:1.35;letter-spacing:-.02em;font-weight:500;margin:14px 0}.training p{font-size:.9375rem;color:var(--muted)}.contact{padding-top:98px;padding-bottom:108px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.contact h3{font-size:clamp(2.6rem,4.5vw,4.4rem)}.contact-copy>p:first-child{color:var(--muted);font-size:1.1rem;margin-bottom:27px;max-width:440px}.contact-email,.contact-phone{display:block;margin-top:15px;overflow-wrap:anywhere}.contact-email:hover,.contact-phone:hover{color:var(--accent)}.location{display:block;margin-top:22px;font-size:.875rem;color:var(--muted)}.contact-pending{font-size:.875rem;border-left:2px solid var(--accent);padding:8px 0 8px 16px;color:var(--muted)}.footer{background:var(--ink);color:#fff;padding:46px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #41444b;padding-bottom:40px}.footer-top>p{color:#c6c9ce}.footer-top>a:last-child{font-size:.875rem}.footer-bottom{padding-top:24px;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;font-size:.75rem;color:#c1c5ca}.footer-note{font-size:.75rem;color:#a1a6ae;max-width:690px;margin-top:20px}.simple-page{padding-top:80px;padding-bottom:100px;max-width:900px}.simple-page h1{font-size:3.1rem;margin-bottom:32px}.simple-page h2{font-size:1.5rem;margin:34px 0 14px}.simple-page p{margin-bottom:18px;color:var(--muted)}.simple-page a{text-decoration:underline}
@media(min-width:1440px){.hero-grid{padding-right:40px}.hero-visual{border-right:1px solid #292c31}}
@media(max-width:1050px){:root{--gutter:28px}.hero-grid{grid-template-columns:1.1fr 1fr;min-height:660px}.hero-copy{padding-top:55px;padding-right:30px}h1{font-size:3.8rem}.intro-grid,.section-heading,.ai-grid,.about-grid,.contact{gap:55px}.service-card{padding:25px}.service-card h3{font-size:1.22rem}.steps{gap:22px}nav{gap:23px}.hero-actions{gap:20px}.button{padding:14px 16px;gap:15px}}
@media(max-width:760px){:root{--gutter:22px}html{scroll-padding-top:85px}.nav-wrap{min-height:78px}.brand>span{font-size:1.38rem}.brand img{width:36px;height:36px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;padding:12px 0;font-size:.875rem}.menu-toggle span{font-size:1.2rem}nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 22px;background:#fff;border-bottom:1px solid var(--line)}nav.is-open{display:flex}nav a{padding:13px 0;border:0}.hero-grid{display:flex;flex-direction:column;padding:0}.hero-copy{padding:48px 22px 24px}.hero .eyebrow{font-size:.75rem;margin-bottom:25px}h1{font-size:clamp(2.9rem,10vw,4.5rem);max-width:640px;line-height:1.08}.hero-intro{font-size:1rem;margin-top:27px;max-width:550px}.hero-actions{margin-top:26px;gap:25px}.hero-bottom{padding-top:35px}.hero-visual{height:340px;min-height:0}.hero-visual>img{object-position:center 48%}.visual-caption{padding:70px 22px 25px}.visual-caption p{max-width:none}.discipline-strip .wrap{gap:15px;flex-wrap:wrap;justify-content:center;padding-top:20px;padding-bottom:20px;font-size:.75rem}.discipline-strip i{display:none}.intro-section,.approach{padding-top:66px;padding-bottom:66px}.intro-grid,.section-heading,.ai-grid,.about-grid,.contact{grid-template-columns:1fr;gap:25px}.intro-grid>p,.about-body{font-size:1rem}.eyebrow{font-size:.75rem;margin-bottom:20px}h2{font-size:2.15rem}.expertise{padding:65px 0}.section-heading{margin-bottom:35px}.section-heading>p{max-width:550px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:23px;min-height:320px}.service-card h3{min-height:63px;font-size:1.2rem}.service-card>p{min-height:70px}.ai-section{padding:65px 0}.ai-grid{gap:35px}.ai-section h2{font-size:2.4rem}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.step-no{margin-bottom:18px}.about{padding:65px 0}.contact{padding-top:65px;padding-bottom:70px}.contact h3{font-size:2.7rem}.contact-copy>p:first-child{font-size:1rem}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top>p{width:100%;order:3}.footer-bottom{justify-content:flex-start}.footer{padding-top:35px}}
@media(max-width:440px){.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:25px}.service-card h3{min-height:0;max-width:none;font-size:1.4rem}.service-card>p{min-height:0}.service-top{margin-bottom:24px}.steps{gap:28px 20px}.hero-actions{gap:20px}.hero-visual{height:290px}.footer-top{gap:26px}.footer-top>a:last-child{font-size:.75rem}.brand small{font-size:.75rem}.discipline-strip .wrap{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.header{position:static}nav,.menu-toggle,.hero-actions,.contact .button,.footer-top>a:last-child{display:none}.hero-grid{min-height:0}.hero-copy{padding:30px 25px 30px 0}.hero-visual{height:440px}.hero{print-color-adjust:exact}.service-grid{display:block;background:none}.service-card{break-inside:avoid;border-bottom:1px solid #ccc}.service-card details{display:block}details>div{display:block!important}.wrap{padding:0 20px}.intro-section,.expertise,.ai-section,.approach,.about,.contact{padding-top:35px;padding-bottom:35px}.footer{print-color-adjust:exact}}

/* Additions retain the original visual system and responsive breakpoints. */
.healthcheck,.vendor-section{padding-top:96px;padding-bottom:96px;scroll-margin-top:110px}
.healthcheck-grid,.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.healthcheck .lead{font-size:1.15rem;color:var(--muted);max-width:470px;margin-bottom:28px}
.scope-note{font-size:.875rem;color:var(--muted);margin-top:24px;max-width:470px}
.deliverables{border-top:2px solid var(--accent);padding-top:24px}
.deliverables h3,.workflow>h3,.platform-plan h3{font-size:1.3rem;font-weight:500;letter-spacing:-.02em}
.deliverables ul,.platform-plan ul{padding-left:20px;margin:20px 0 0}
.deliverables li,.platform-plan li{padding-left:6px;margin-bottom:16px;color:var(--muted)}
.deliverables li::marker,.platform-plan li::marker{color:var(--accent)}
.workflow{margin-top:60px}.workflow-grid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0 0}
.workflow-grid li{border-top:1px solid var(--line);padding-top:22px}.workflow-grid .step-no{margin-bottom:12px}
.workflow-grid h4{font-size:1.12rem;font-weight:500;margin:0 0 10px}.workflow-grid p{font-size:.9375rem;color:var(--muted)}
.platform-section{background:var(--mist);padding:80px 0}.platform-grid{align-items:start}
.product-status{display:inline-block;border:1px solid #9ca2aa;padding:4px 10px;font-size:.75rem;letter-spacing:.04em;margin-bottom:20px}
.platform-body{color:var(--muted);margin-top:24px;margin-bottom:25px}.platform-plan{background:white;padding:32px;border:1px solid var(--line)}
.platform-plan .availability{font-size:.9375rem;color:var(--ink);border-top:1px solid var(--line);padding-top:22px;margin-top:25px}
.platform-plan .note{color:var(--muted);margin-top:18px}.platform-section .text-link:hover{color:var(--accent-dark)}
.dimension-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 38px}.dimension-list li{background:var(--mist);border:1px solid var(--line);padding:8px 14px;font-size:.8125rem}
.vendor-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;border-top:1px solid var(--line);padding-top:28px}
.vendor-stages h3{font-size:1.25rem;font-weight:500;margin-bottom:15px}.vendor-stages p{color:var(--muted);font-size:.9375rem}
.vendor-outcome{border-left:2px solid var(--accent);padding-left:24px;margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.vendor-outcome p{max-width:600px}.vendor-outcome .button{flex-shrink:0}
.hero .eyebrow{flex-wrap:wrap}.hero-grid>*{min-width:0}.platform-plan,.deliverables{min-width:0;overflow-wrap:anywhere}
@media(min-width:761px){nav{gap:25px}.nav-contact{padding-left:22px}}
@media(min-width:761px) and (max-width:1050px){nav{gap:15px;font-size:.8125rem}.nav-wrap{gap:18px}.nav-contact{padding-left:14px}.nav-contact span{margin-left:7px}}
@media(max-width:1050px){.healthcheck-grid,.platform-grid{gap:45px}.vendor-outcome{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.healthcheck,.vendor-section{padding-top:65px;padding-bottom:65px;scroll-margin-top:85px}.healthcheck-grid,.platform-grid{grid-template-columns:1fr;gap:32px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.platform-section{padding:65px 0}.platform-plan{padding:25px}.vendor-stages{grid-template-columns:1fr;gap:28px}.vendor-stages .step-no{margin-bottom:12px}.healthcheck .lead{font-size:1.05rem}.dimension-list{gap:8px}.vendor-outcome .button{max-width:100%;flex-shrink:1}}
@media(max-width:360px){.workflow-grid{grid-template-columns:1fr}.button{gap:14px}.hero .eyebrow{letter-spacing:.1em}}
@media print{.healthcheck,.vendor-section,.platform-section{padding-top:35px;padding-bottom:35px}.workflow-grid li,.vendor-stages article,.platform-plan{break-inside:avoid}.healthcheck .button,.platform-section .text-link,.vendor-outcome .button{display:none}}

/* Interlock PNGs retain their original transparent square canvas. */
.brand img{width:72px;height:72px;flex:0 0 72px;object-fit:contain}.brand{gap:4px}
@media(max-width:600px){.brand img{width:60px;height:60px;flex-basis:60px}}

/* About Us contains the enquiry area; the existing brand styling is retained. */
.about .contact{margin-top:60px;padding-top:52px;padding-bottom:0;border-top:1px solid var(--line)}
.contact h3{line-height:1.16;font-weight:500;letter-spacing:-.045em}.about-body{white-space:normal}.service-card{min-width:0}.service-detail{overflow-wrap:anywhere}
@media(max-width:760px){.about .contact{margin-top:40px;padding-top:35px}.vendor-outcome .button{white-space:normal}}
/* Leave room for the longer vendor-evaluation label on compact screens. */
@media(max-width:980px){.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;padding:12px 0;font-size:.875rem}.menu-toggle span{font-size:1.2rem}nav#navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 22px;background:#fff;border-bottom:1px solid var(--line)}nav#navigation.is-open{display:flex}nav#navigation a{padding:13px 0;border:0}}
@media print{.menu-toggle,nav#navigation{display:none!important}}

/* Full-width charcoal bands for HealthCheck and technical due diligence.
   Scoped tokens preserve the existing layout and the rest of the site. */
.dark-band{background:var(--ink);color:var(--paper);--muted:#c6c9ce;--line:#41444b;--mist:#24272c}
.dark-band .eyebrow{color:#ff9696}
.dark-band .step-no,.dark-band .deliverables li::marker{color:#ff9696}
.dark-band .dimension-list li{color:#e5e7eb}
.dark-band a:focus-visible{outline-color:#ff9696}
@media print{.dark-band{background:#fff;color:#17191c;--muted:#454b52;--line:#cfd3d8;--mist:#f2f3f4}.dark-band .eyebrow,.dark-band .step-no,.dark-band .deliverables li::marker{color:#a32222}.dark-band .dimension-list li{color:#17191c}}.hero h1 em {
  font-size: 0.35em;
  letter-spacing: normal;
  line-height: 1.35;
  margin-top: 18px;
}.contact-pending {
  white-space: pre-line;
}