:root{--navy:#102A43;--navy2:#071C2C;--teal:#0EA5A8;--teal-text:#087B7E;--ink:#213547;--muted:#617487;--paper:#F5F8FA;--white:#fff;--line:#DDE6EC;--radius:24px;--shadow:0 24px 70px rgba(16,42,67,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"ABeeZee",Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:850px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:1000;background:#fff;padding:10px 14px;border-radius:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(221,230,236,.8);transition:box-shadow .25s}.site-header.scrolled{box-shadow:0 8px 32px rgba(16,42,67,.08)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo-link{display:flex}.logo-link img{width:180px}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{text-decoration:none;font-size:13px;transition:.2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--teal)}.nav-cta{padding:11px 17px;border-radius:999px;background:var(--navy);color:#fff!important}.nav-cta:hover{background:var(--navy2);transform:translateY(-1px)}.nav-toggle{display:none;border:0;background:none;width:42px;height:42px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:6px auto}.language-picker{position:relative}.language-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;cursor:pointer;font-size:12px}.language-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:145px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.language-picker.open .language-menu{display:grid}.language-menu button{border:0;background:none;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer}.language-menu button:hover{background:var(--paper);color:var(--teal)}
.hero{position:relative;overflow:hidden;padding:92px 0 0;background:linear-gradient(180deg,#fff,#f7fbfc)}.orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.orb-a{width:520px;height:520px;right:-180px;top:-180px;background:radial-gradient(circle,rgba(14,165,168,.16),transparent 67%);animation:float 9s ease-in-out infinite}.orb-b{width:300px;height:300px;left:-180px;bottom:30px;background:radial-gradient(circle,rgba(16,42,67,.08),transparent 70%);animation:float 11s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(24px) translateX(-10px)}}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:68px;align-items:center}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;color:var(--teal)}.hero h1,.page-hero h1,.proposal-intro h1{margin:0;color:var(--navy);font-size:clamp(48px,5.4vw,74px);line-height:1.03;letter-spacing:-.045em;font-weight:400}.hero h1 em{font-style:normal;color:var(--teal)}.hero-lead{max-width:690px;margin:28px 0;color:var(--muted);font-size:19px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:0;border-radius:999px;text-decoration:none;font-size:14px;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:var(--navy2);box-shadow:0 12px 28px rgba(7,28,44,.18)}.button-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.button-light{background:#fff;color:var(--navy)}.proof-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;font-size:12px}.proof-row span:before{content:'✓';margin-right:7px;color:var(--teal)}.command-card{padding:28px;background:rgba(255,255,255,.94);border:1px solid rgba(221,230,236,.95);border-radius:30px;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-2deg)}.command-head{display:flex;justify-content:space-between;gap:20px}.command-head small,.metrics span{color:var(--muted)}.command-head h2{margin:3px 0 0;color:var(--navy);font-size:20px;font-weight:400}.live{font-size:12px}.live i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(14,165,168,.4);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(14,165,168,0)}}.metrics{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;margin:26px 0}.metrics article{padding:18px;background:#F3F7F9;border:1px solid rgba(221,230,236,.8);border-radius:17px}.metrics span,.metrics small{display:block;font-size:10px}.metrics strong{display:block;margin:6px 0;color:var(--navy);font-size:28px;font-weight:400}.metrics small{color:#48878a}.workflow{padding-top:20px;border-top:1px solid var(--line)}.workflow-title{display:flex;justify-content:space-between;font-size:11px}.workflow-title small{color:var(--teal)}.workflow-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px}.workflow-line:before{content:'';position:absolute;top:13px;left:9%;right:9%;height:2px;background:linear-gradient(90deg,var(--teal) 65%,#dce8e8 65%);background-size:200% 100%;animation:flow 3s linear infinite}@keyframes flow{to{background-position:-200% 0}}.workflow-line div{position:relative;z-index:1;text-align:center}.workflow-line b{display:grid;place-items:center;width:27px;height:27px;margin:auto;border:2px solid var(--teal);border-radius:50%;background:#fff;color:var(--teal);font-size:10px}.workflow-line span{display:block;margin-top:7px;font-size:9px}.sector-strip{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:75px;padding:24px;border:1px solid #CBD9E2;border-radius:16px;background:#EEF5F7;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.sector-strip span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:9px;border:1.5px solid var(--teal);border-radius:50%}
.pillar-section{padding:38px 0 96px;background:#EEF5F7}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cddce4}.pillar{padding:32px 30px 0;border-right:1px solid #cddce4}.pillar:last-child{border:0}.pillar>span{font-size:11px;color:var(--teal)}.pillar h2{margin:18px 0 8px;color:var(--navy);font-size:38px;font-weight:400}.pillar p{margin:0;color:var(--muted)}.section{padding:112px 0}.section-heading{max-width:780px;margin-bottom:48px}.section-heading h2,.about h2,.experience h2,.contact h2,.pricing-note h2{margin:0 0 20px;color:var(--navy);font-size:clamp(36px,4vw,52px);line-height:1.1;letter-spacing:-.035em;font-weight:400}.section-heading>p:last-child,.experience p,.about p{color:var(--muted);font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{position:relative;overflow:hidden;padding:34px;background:#fff;border:1px solid #D8E3EA;border-radius:var(--radius);box-shadow:0 8px 26px rgba(16,42,67,.035);transition:.3s}.service-card:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--teal);transition:.35s}.service-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(16,42,67,.11)}.service-card:hover:after{right:0}.service-wide{grid-column:1/-1}.icon-box{float:right;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf8f8;color:var(--teal);font-size:20px}.service-card>span{color:var(--teal);font-size:11px}.service-card h3{margin:18px 0 9px;color:var(--navy);font-size:24px;font-weight:400}.service-card p{color:var(--muted)}.service-card ul{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.service-card li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.text-link{display:inline-block;margin-top:16px;text-decoration:none;color:var(--teal)}.section-dark{background:var(--navy2);color:#fff}.section-heading.light h2{color:#fff}.section-heading.light>p:last-child{color:#afc1cf}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #294255;border-left:1px solid #294255}.industry-grid article{min-height:220px;padding:30px;border-right:1px solid #294255;border-bottom:1px solid #294255;transition:.25s}.industry-grid article:hover{background:#0d2a3e;transform:translateY(-3px)}.industry-grid span{color:var(--teal);font-size:11px}.industry-grid h3{margin:65px 0 0;font-size:21px;font-weight:400}.experience{background:linear-gradient(135deg,#f8fbfc,#eef8f8)}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intelligence-card{padding:30px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.intelligence-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line)}.intelligence-head img{width:42px}.intelligence-head div{display:grid;flex:1}.intelligence-head small{color:var(--teal)}.intelligence-head strong{color:var(--navy);font-weight:400}.intelligence-head>span{font-size:22px;color:var(--teal)}.intelligence-feed p{display:flex;gap:10px;margin:0;padding:15px 0;border-bottom:1px solid var(--line)}.intelligence-feed i{color:var(--teal)}.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:.4fr 1.6fr;gap:80px}.brand-values{color:var(--navy)!important;font-size:25px!important}.contact{padding:88px 0;background:var(--teal-text);color:#fff}.contact-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.contact .eyebrow{color:#d6ffff}.contact h2{color:#fff;margin-bottom:12px}.contact p{max-width:690px;margin-bottom:0}
.page-hero{padding:110px 0 78px;background:radial-gradient(circle at 80% 20%,rgba(14,165,168,.13),transparent 30%),linear-gradient(#fff,#f6fafb)}.page-hero h1{font-size:clamp(48px,6vw,78px)}.page-hero p:not(.eyebrow){font-size:19px;color:var(--muted);margin:26px 0}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.price-card{padding:34px;border:1px solid var(--line);border-radius:24px;transition:.3s}.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.price-card span{color:var(--teal);font-size:11px}.price-card h2{margin:20px 0 10px;color:var(--navy);font-size:25px;font-weight:400}.price-card p{color:var(--muted)}.pricing-note{margin-top:70px;padding:48px;border-radius:28px;background:var(--paper);text-align:center}.pricing-note p{max-width:720px;margin:0 auto 24px;color:var(--muted)}
.proposal-shell{padding:80px 0 110px;background:linear-gradient(#fff,#f6fafb)}.proposal-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.proposal-intro{position:sticky;top:120px}.proposal-intro h1{font-size:clamp(42px,5vw,64px)}.proposal-intro>p:not(.eyebrow){color:var(--muted);font-size:18px}.proposal-benefits{margin-top:30px}.proposal-benefits p{display:flex;gap:10px}.proposal-benefits i{color:var(--teal)}.form-card{padding:36px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.progress-head{display:flex;align-items:center;gap:20px;margin-bottom:30px;font-size:12px;color:var(--muted)}.progress-bar{flex:1;height:5px;background:#e8eff3;border-radius:10px;overflow:hidden}.progress-bar i{display:block;width:25%;height:100%;background:var(--teal);transition:.3s}.form-step{display:none;border:0;padding:0;margin:0}.form-step.active{display:block;animation:fadeUp .35s ease}.form-step legend{width:100%;margin-bottom:25px;color:var(--navy);font-size:27px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid label,.form-step>label{display:grid;gap:8px}.full{grid-column:1/-1}.field-grid span,.form-step label>span{font-size:12px;color:var(--navy)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fbfdfe;padding:13px 14px;color:var(--ink);outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,165,168,.1)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:.2s}.choice-grid input:checked+span{border-color:var(--teal);background:#eefafa;color:var(--navy);box-shadow:0 0 0 2px rgba(14,165,168,.08)}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start}.consent input{width:auto;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.form-actions #prev-step,.form-actions #submit-form{display:none}.form-error{color:#b42318;font-size:12px}.form-success{display:none;text-align:center;padding:30px}.success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#eaf8f8;color:var(--teal);font-size:28px}.form-success h2{color:var(--navy);font-weight:400}
footer{padding:48px 0;background:#071521;color:#c7d3dc}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:74px;font-size:12px}.footer-grid img{width:60px}.footer-grid p{margin:0}.footer-tagline{text-align:center;font-size:22px!important;letter-spacing:.025em}.footer-tagline span{color:var(--teal)}.footer-grid p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}}
[dir=rtl] body{text-align:right}[dir=rtl] .language-menu{right:auto;left:0}[dir=rtl] .language-menu button{text-align:right}[dir=rtl] .service-card .icon-box{float:left}[dir=rtl] .proof-row span:before,[dir=rtl] .sector-strip span:before{margin-right:0;margin-left:7px}[dir=rtl] .footer-grid p:last-child{text-align:left}
@media(max-width:1000px){.site-nav{gap:14px}.site-nav a{font-size:12px}.industry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.hero-grid,.experience-grid,.about-grid,.proposal-layout{grid-template-columns:1fr}.proposal-intro{position:static}.command-card{transform:none}.site-nav{display:none;position:absolute;top:81px;left:0;right:0;padding:22px 20px;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.nav-toggle{display:block}.language-picker{width:100%}.language-button{width:100%;justify-content:center}.language-menu{position:static;margin-top:7px}.metrics{grid-template-columns:1fr}.contact-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:14px}.footer-tagline,.footer-grid p:last-child{text-align:left!important}.pillar-grid{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid #cddce4;padding-bottom:28px}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.nav-wrap{min-height:72px}.logo-link img{width:154px}.site-nav{top:71px}.hero{padding-top:55px}.hero h1{font-size:44px}.hero-lead{font-size:17px}.section{padding:80px 0}.service-grid,.industry-grid,.pricing-grid,.choice-grid,.field-grid{grid-template-columns:1fr}.service-wide,.full{grid-column:auto}.industry-grid article{min-height:180px}.industry-grid h3{margin-top:45px}.form-card{padding:24px}.footer-tagline{font-size:20px!important}.sector-strip{justify-content:flex-start}.sector-strip span{width:calc(50% - 10px);font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* =========================================================
   Kryvea layout refinement — balanced desktop composition
   ========================================================= */

/* Give major headings enough horizontal room while retaining strong left alignment. */
.section-heading{
  max-width:980px;
  margin-bottom:58px;
}
.section-heading h2{
  max-width:920px;
  text-wrap:balance;
}
.section-heading>p:last-child{
  max-width:760px;
}

/* Prevent the dark industry introduction from feeling compressed into one corner. */
.section-dark .section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  column-gap:76px;
  align-items:end;
  max-width:none;
}
.section-dark .section-heading .eyebrow{
  grid-column:1/-1;
}
.section-dark .section-heading h2{
  max-width:760px;
  margin-bottom:0;
}
.section-dark .section-heading>p:last-child{
  max-width:470px;
  margin:0 0 4px;
}

/* More balanced cards with slightly tighter titles. */
.service-card{
  min-height:330px;
}
.service-wide{
  min-height:230px;
}
.industry-grid{
  grid-template-columns:repeat(3,1fr);
}
.industry-grid article{
  min-height:235px;
  display:flex;
  flex-direction:column;
}
.industry-grid h3{
  margin-top:auto;
  padding-top:58px;
}

/* Business strategy approach */
.approach-section{
  background:#fff;
}
.approach-layout{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(520px,1.18fr);
  gap:100px;
  align-items:start;
}
.approach-intro{
  position:sticky;
  top:132px;
  max-width:500px;
}
.approach-intro h2{
  margin:0 0 24px;
  color:var(--navy);
  font-size:clamp(42px,4.2vw,58px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:400;
  text-wrap:balance;
}
.approach-intro h2 span{
  color:var(--teal);
}
.approach-intro>p:last-child{
  max-width:470px;
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
}
.approach-steps{
  border-top:1px solid var(--line);
}
.approach-steps article{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:24px;
  padding:32px 0;
  border-bottom:1px solid var(--line);
}
.approach-steps article>span{
  color:var(--teal);
  font-size:12px;
  padding-top:5px;
}
.approach-steps h3{
  margin:0 0 9px;
  color:var(--navy);
  font-size:25px;
  font-weight:400;
}
.approach-steps p{
  max-width:620px;
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

/* Keep the experience copy comfortably proportioned. */
.experience-grid{
  grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
  gap:92px;
}
.experience-grid>div:first-child{
  max-width:610px;
}

/* Stronger final CTA and footer tagline. */
.contact h2{
  max-width:760px;
}
.footer-tagline{
  font-size:28px!important;
  letter-spacing:.035em;
}

/* Desktop breathing room. */
@media(min-width:1180px){
  .container{
    width:min(1240px,calc(100% - 72px));
  }
}

@media(max-width:1000px){
  .section-dark .section-heading{
    grid-template-columns:1fr;
    gap:20px;
  }
  .section-dark .section-heading .eyebrow,
  .section-dark .section-heading h2,
  .section-dark .section-heading>p:last-child{
    grid-column:auto;
  }
  .industry-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .approach-layout{
    grid-template-columns:1fr;
    gap:48px;
  }
  .approach-intro{
    position:static;
    max-width:760px;
  }
}

@media(max-width:880px){
  .experience-grid{
    grid-template-columns:1fr;
    gap:46px;
  }
}

@media(max-width:620px){
  .section-heading{
    margin-bottom:38px;
  }
  .industry-grid{
    grid-template-columns:1fr;
  }
  .industry-grid article{
    min-height:180px;
  }
  .approach-intro h2{
    font-size:40px;
  }
  .approach-steps article{
    grid-template-columns:42px 1fr;
    gap:14px;
    padding:25px 0;
  }
  .footer-tagline{
    font-size:23px!important;
  }
}


/* =========================================================
   RUNTIME SAFETY FIX
   Core content remains visible even if JavaScript is delayed,
   cached incorrectly or blocked. Motion is progressive enhancement.
   ========================================================= */

.reveal{
  opacity:1!important;
  transform:none!important;
}

/* Keep a subtle entrance effect without hiding content first. */
@media (prefers-reduced-motion:no-preference){
  .reveal.visible{
    animation:kryveaReveal .55s ease both;
  }
}
@keyframes kryveaReveal{
  from{opacity:.75;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

/* Ensure language control always looks intentional. */
.language-button{
  min-width:112px;
  justify-content:center;
  color:var(--navy);
}
.language-menu{
  z-index:100;
}
.language-menu button{
  width:100%;
  color:var(--navy);
  font-size:12px;
}


/* =========================================================
   KRYVEA VISUAL V3 — industry photography + refined language
   ========================================================= */

.visual-industry-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border:0;
}
.visual-industry-grid .industry-card{
  position:relative;
  isolation:isolate;
  min-height:330px;
  overflow:hidden;
  border:1px solid rgba(148,184,198,.28);
  border-radius:22px;
  background-image:
    linear-gradient(180deg,rgba(7,28,44,.12) 0%,rgba(7,28,44,.42) 40%,rgba(7,28,44,.96) 100%),
    var(--industry-image);
  background-size:cover;
  background-position:center;
  box-shadow:0 18px 46px rgba(0,0,0,.13);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.visual-industry-grid .industry-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(110deg,rgba(14,165,168,.10),transparent 42%);
  opacity:.8;
}
.visual-industry-grid .industry-card:hover{
  transform:translateY(-7px);
  border-color:rgba(87,212,215,.65);
  box-shadow:0 28px 66px rgba(0,0,0,.22);
}
.visual-industry-grid .industry-card>span{
  position:absolute;
  top:24px;
  left:26px;
  color:#69d9db;
  font-size:11px;
  letter-spacing:.12em;
}
.visual-industry-grid .industry-card-copy{
  position:absolute;
  inset:auto 28px 27px;
}
.visual-industry-grid .industry-card h3{
  margin:0 0 10px;
  padding:0;
  color:#fff;
  font-size:24px;
  line-height:1.18;
  font-weight:400;
  text-wrap:balance;
}
.visual-industry-grid .industry-card p{
  max-width:330px;
  margin:0 0 16px;
  color:#bfd0da;
  font-size:13px;
  line-height:1.55;
}
.visual-industry-grid .industry-card b{
  display:inline-block;
  color:#65d4d6;
  font-size:11px;
  font-weight:400;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .25s ease;
}
.visual-industry-grid .industry-card:hover b{
  transform:translateX(5px);
}
.visual-industry-grid .industry-card-wide{
  grid-column:span 2;
}

/* Footer tagline on one line at the approved size. */
.footer-tagline{
  display:flex!important;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  gap:.28em;
  white-space:nowrap;
  font-size:28px!important;
  line-height:1.1;
  text-align:center;
}
.footer-tagline .footer-word{
  color:#c8d7df;
}
.footer-tagline .accent{
  color:var(--teal);
}

/* Sharper homepage transformation section language. */
.experience .eyebrow{
  letter-spacing:.17em;
}
.experience h2{
  max-width:620px;
}

/* Proposal CTA is framed as customer control, not a sales interaction. */
.contact .button{
  min-width:190px;
}

/* Keep photographed cards readable in RTL mode. */
html[dir="rtl"] .visual-industry-grid .industry-card>span{
  left:auto;
  right:26px;
}
html[dir="rtl"] .visual-industry-grid .industry-card-copy{
  text-align:right;
}

@media(max-width:980px){
  .visual-industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .visual-industry-grid .industry-card-wide{
    grid-column:span 2;
  }
}
@media(max-width:650px){
  .visual-industry-grid{
    grid-template-columns:1fr;
  }
  .visual-industry-grid .industry-card,
  .visual-industry-grid .industry-card-wide{
    grid-column:auto;
    min-height:300px;
  }
  .footer-tagline{
    font-size:clamp(18px,5.2vw,24px)!important;
    gap:.22em;
  }
}


/* =========================================================
   V4 AUTHENTIC INDUSTRY VISUALS
   Approved sector imagery and refined crop positioning
   ========================================================= */

.visual-industry-grid .industry-card{
  background-position:center 38%;
}
.visual-industry-grid .industry-card:nth-child(1){background-position:center 44%}
.visual-industry-grid .industry-card:nth-child(2){background-position:center 42%}
.visual-industry-grid .industry-card:nth-child(3){background-position:center 46%}
.visual-industry-grid .industry-card:nth-child(4){background-position:center 40%}
.visual-industry-grid .industry-card:nth-child(5){background-position:center 48%}
.visual-industry-grid .industry-card:nth-child(6){background-position:center 44%}
.visual-industry-grid .industry-card:nth-child(7){background-position:center 50%}

.visual-industry-grid .industry-card{
  background-image:
    linear-gradient(180deg,rgba(7,28,44,.04) 0%,rgba(7,28,44,.25) 42%,rgba(7,28,44,.96) 100%),
    var(--industry-image);
}
.visual-industry-grid .industry-card p{
  max-width:350px;
}


/* V5 final Project & Cost Management image position */
.visual-industry-grid .industry-card:nth-child(4){
  background-position:center 44%!important;
}


/* =========================================================
   FINAL APPROVED INDUSTRY IMAGE SET
   Matches the framing behavior of the latest GitHub build.
   ========================================================= */

.visual-industry-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.visual-industry-grid .industry-card{
  overflow:hidden!important;
  background-image:
    linear-gradient(180deg,rgba(7,28,44,.03) 0%,rgba(7,28,44,.28) 46%,rgba(7,28,44,.97) 100%),
    var(--industry-image)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:#071c2c!important;
  border:1px solid rgba(130,175,191,.35)!important;
  background-clip:padding-box!important;
}

.visual-industry-grid .industry-card::before{
  content:none!important;
}

.visual-industry-grid .industry-card::after{
  inset:0!important;
  border-radius:inherit!important;
}

/* Same crop positioning style as the latest GitHub package */
.visual-industry-grid .industry-card:nth-child(1){background-position:center 47%!important}
.visual-industry-grid .industry-card:nth-child(2){background-position:center 49%!important}
.visual-industry-grid .industry-card:nth-child(3){background-position:center 49%!important}
.visual-industry-grid .industry-card:nth-child(4){background-position:center 45%!important}
.visual-industry-grid .industry-card:nth-child(5){background-position:center 49%!important}
.visual-industry-grid .industry-card:nth-child(6){background-position:center 49%!important}

/* Infrastructure spans the full row and aligns with the cards above */
.visual-industry-grid .industry-card:nth-child(7),
.visual-industry-grid .industry-card-wide{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:330px!important;
  background-position:center 54%!important;
}

@media(max-width:980px){
  .visual-industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .visual-industry-grid .industry-card:nth-child(7),
  .visual-industry-grid .industry-card-wide{
    grid-column:1 / -1!important;
  }
}

@media(max-width:650px){
  .visual-industry-grid{
    grid-template-columns:1fr!important;
  }
  .visual-industry-grid .industry-card:nth-child(7),
  .visual-industry-grid .industry-card-wide{
    grid-column:auto!important;
  }
}


/* Final brand copy layout refinement */
.approach-intro h2{
  max-width:640px;
  text-wrap:balance;
}
.approach-intro h2 span{
  color:var(--teal);
}
.section-dark .section-heading h2{
  max-width:980px;
  text-wrap:balance;
}
@media(max-width:700px){
  .approach-intro h2{
    font-size:38px;
    line-height:1.08;
  }
}




/* =========================================================
   Kryvea hybrid update — original brand + editorial imagery
   ========================================================= */
.hero-editorial{position:relative;min-height:760px;padding:104px 0 0;background:#071c2c;color:#fff;isolation:isolate}
.hero-editorial .hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('assets/editorial/hero-office.webp') center/cover no-repeat}
.hero-editorial:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,28,44,.94) 0%,rgba(7,28,44,.82) 44%,rgba(7,28,44,.48) 72%,rgba(7,28,44,.32) 100%)}
.hero-editorial .hero-grid{padding-top:35px;padding-bottom:38px}
.hero-editorial h1{color:#fff;font-size:clamp(58px,6.4vw,94px)}
.hero-editorial .hero-lead{color:#e5edf2;max-width:720px}
.hero-editorial .eyebrow{color:#72d3d4}
.button-ghost-light{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.5);color:#fff;backdrop-filter:blur(8px)}
.button-ghost-light:hover{background:#fff;color:var(--navy)}
.hero-editorial .command-card{transform:none;background:rgba(255,255,255,.96)}
.metric-disclaimer{margin:15px 0 0;color:#617487;font-size:10px;line-height:1.5}
.hero-editorial .sector-strip{margin-top:26px;border-color:rgba(255,255,255,.25);background:rgba(7,28,44,.52);color:#fff;backdrop-filter:blur(10px)}
.hero-editorial .sector-strip span{font-size:9px}
.outcome-section{background:#f7fafc}
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.outcome-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}
.outcome-card strong{display:block;color:var(--teal);font-size:42px;font-weight:400;letter-spacing:-.045em}
.outcome-card h3{margin:14px 0 8px;color:var(--navy);font-weight:400}
.outcome-card p,.outcome-note{color:var(--muted)}
.outcome-note{max-width:850px;margin:20px 0 0;font-size:11px}
.about-editorial,.film-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
.about-copy h2,.film-grid h2{color:var(--navy);font-size:clamp(38px,4vw,58px);line-height:1.08;font-weight:400;letter-spacing:-.035em}
.about-copy p:not(.eyebrow),.film-grid p:not(.eyebrow){color:var(--muted);font-size:17px}
.about-photo,.film-poster{margin:0;overflow:hidden;border-radius:26px;background:#eef3f5}
.about-photo{aspect-ratio:4/3}
.about-photo img,.film-poster img{width:100%;height:100%;display:block;object-fit:cover}
.about-photo img{object-position:center center}
.film-section{background:#f7fafc}
.film-poster{position:relative;aspect-ratio:16/10}
.film-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:72px;height:72px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(7,28,44,.72);color:#fff;font-size:20px}
/* The footer is intentionally static. Animate neither the monogram nor the tagline. */
footer{border-top:3px solid var(--teal)}
.footer-grid img,.footer-tagline,.footer-tagline *{animation:none!important;transition:none!important;transform:none!important}
.footer-tagline .footer-word{color:#c7d3dc!important}
.footer-tagline .footer-word.accent{color:var(--teal)!important}
@media(max-width:880px){.hero-editorial{min-height:auto}.hero-editorial:after{background:rgba(7,28,44,.82)}.outcome-grid{grid-template-columns:1fr 1fr}.about-editorial,.film-grid{grid-template-columns:1fr}.about-photo{aspect-ratio:16/10}}
@media(max-width:620px){.hero-editorial h1{font-size:50px}.outcome-grid{grid-template-columns:1fr}.hero-editorial .sector-strip span{width:100%}.footer-grid img{width:54px}}

/* Final footer brand treatment: static original mark; teal-white-teal tagline */
.footer-tagline{font-size:clamp(1.25rem,1.55vw,1.8rem)!important;font-weight:500!important;letter-spacing:-.015em!important;line-height:1.2!important;}
.footer-tagline .footer-word:nth-child(1),
.footer-tagline .footer-word:nth-child(3){color:#0EA5A8!important;}
.footer-tagline .footer-word:nth-child(2){color:#F7FAFC!important;}
.footer-grid img,.footer-tagline,.footer-tagline *{animation:none!important;transition:none!important;transform:none!important;}


/* Final cohesive operating-system release */
.sector-clean-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}
.industry-card.industry-card-clean{min-height:285px;padding:28px;background:linear-gradient(145deg,#fff,#f7fafc);border:1px solid rgba(14,165,168,.24);border-radius:24px;color:#102A43;box-shadow:0 18px 50px rgba(7,28,44,.09);position:relative;overflow:hidden}
.industry-card.industry-card-clean:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#0EA5A8}
.industry-card.industry-card-clean:after{content:'';position:absolute;width:180px;height:180px;border:1px solid rgba(14,165,168,.16);border-radius:50%;right:-72px;top:-72px}
.industry-card.industry-card-clean>span{color:#0EA5A8;font-size:12px;letter-spacing:.16em}
.industry-card.industry-card-clean .industry-card-copy{position:relative;z-index:1;margin-top:58px;background:transparent}
.industry-card.industry-card-clean h3{color:#102A43;font-size:27px;line-height:1.08}
.industry-card.industry-card-clean p{color:#425B70;max-width:34ch}
.industry-card.industry-card-clean b{display:block;margin-top:22px;color:#0EA5A8;font-size:12px;letter-spacing:.04em}
.industry-card.industry-card-clean:hover{transform:translateY(-5px);border-color:#0EA5A8;box-shadow:0 24px 60px rgba(7,28,44,.14)}
.industry-card.industry-card-wide{grid-column:span 3;min-height:240px}
.operating-promise .pillar h2{font-size:clamp(34px,3.5vw,52px)}
@media(max-width:900px){.sector-clean-grid{grid-template-columns:1fr 1fr}.industry-card.industry-card-wide{grid-column:span 2}}
@media(max-width:620px){.sector-clean-grid{grid-template-columns:1fr}.industry-card.industry-card-wide{grid-column:auto}.industry-card.industry-card-clean{min-height:245px}}

/* Brighter, image-led sector cards */
.sector-image-grid { gap: 1.25rem; }
.industry-card.sector-image-card {
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  background: #F7FAFC;
  border: 1px solid rgba(221,230,236,.92);
  color: #102A43;
  box-shadow: 0 16px 40px rgba(7,28,44,.11);
}
.industry-card.sector-image-card::before,
.industry-card.sector-image-card::after { display: none; }
.sector-card-image { height: 190px; overflow: hidden; background: #DDE6EC; }
.sector-card-image img {
  width: 100%; height: 100%; display: block; object-fit: cover;
  filter: brightness(1.15) saturate(.88) contrast(.94);
  transform: scale(1.02);
  transition: transform .5s ease, filter .35s ease;
}
.sector-image-card .industry-card-copy {
  position: relative;
  display: block;
  padding: 1.35rem 1.5rem 1.55rem;
  background: linear-gradient(180deg,#fff 0%,#F7FAFC 100%);
  flex: 1;
}
.sector-image-card .industry-card-copy > span {
  display: block;
  margin-bottom: 1.2rem;
  color: #0EA5A8;
  font-size: .75rem;
  letter-spacing: .16em;
}
.sector-image-card h3 { margin: 0 0 .65rem; color: #102A43; }
.sector-image-card p { margin: 0; color: #425B70; }
.industry-card.sector-image-card:hover {
  transform: translateY(-5px);
  border-color: rgba(14,165,168,.62);
  box-shadow: 0 24px 54px rgba(7,28,44,.16);
}
.industry-card.sector-image-card:hover .sector-card-image img {
  transform: scale(1.06);
  filter: brightness(1.18) saturate(.92) contrast(.96);
}
.sector-card-wide { grid-column: span 3; }
.sector-card-wide .sector-card-image { height: 230px; }

.about-editorial {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,.9fr);
  gap: clamp(2rem,6vw,6rem);
  align-items: center;
}
.about-copy h2 { max-width: 17ch; }
.about-copy p { max-width: 58ch; }
.about-photo {
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  min-height: 500px;
  box-shadow: 0 22px 60px rgba(7,28,44,.14);
}
.about-photo img {
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
  display: block;
}

.footer-tagline {
  font-size: clamp(1.35rem,1.8vw,2rem)!important;
  font-weight: 500;
  letter-spacing: -.02em;
}

@media (max-width: 900px) {
  .sector-card-wide { grid-column: auto; }
  .about-editorial { grid-template-columns: 1fr; }
  .about-photo, .about-photo img { min-height: 360px; }
}

/* Final copy release refinements */
.footer-tagline {
  font-size: clamp(1.25rem, 1.6vw, 1.85rem) !important;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.footer-tagline .footer-word:nth-child(1),
.footer-tagline .footer-word:nth-child(3) {
  color: #0EA5A8 !important;
}
.footer-tagline .footer-word:nth-child(2) {
  color: #ffffff !important;
}
footer img,
.footer-tagline,
.footer-tagline * {
  animation: none !important;
  transform: none;
}

/* Launch edition: proposal next steps */
.next-steps-section{padding-top:1rem;background:#F7FAFC}
.next-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.next-steps-grid article{padding:1.6rem;border:1px solid #DDE6EC;border-radius:20px;background:#fff}
.next-steps-grid span{display:block;margin-bottom:1.5rem;color:#0EA5A8;font-size:.75rem;letter-spacing:.16em}
.next-steps-grid h3{margin:0 0 .65rem;color:#102A43}
.next-steps-grid p{margin:0;color:#425B70}
@media(max-width:800px){.next-steps-grid{grid-template-columns:1fr}}


/* =========================================================
   FINAL MOBILE NAVIGATION — single, stable implementation
   ========================================================= */
.mobile-nav-backdrop{display:none}
@media(max-width:900px){
  .site-header{z-index:2000;background:#fff;backdrop-filter:none}
  .nav-wrap{min-height:72px}
  .nav-toggle{display:block;position:relative;z-index:2002;flex:0 0 44px;width:44px;height:44px;padding:8px;border:0;background:transparent;cursor:pointer}
  .nav-toggle span{display:block;width:25px;height:2px;margin:6px auto;background:var(--navy);transition:transform .24s ease,opacity .2s ease}
  .nav-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}
  .nav-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}
  #site-navigation,.site-nav{
    display:flex!important;
    position:fixed!important;
    left:0!important;right:0!important;top:72px!important;bottom:0!important;
    width:100%!important;height:calc(100dvh - 72px)!important;
    padding:24px 22px max(32px,env(safe-area-inset-bottom))!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:0!important;overflow-y:auto!important;
    background:#fff!important;border:0!important;box-shadow:none!important;
    transform:translateY(-10px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:transform .24s ease,opacity .2s ease,visibility 0s linear .24s!important;
    z-index:2001!important;
  }
  #site-navigation.is-open,.site-nav.is-open{
    transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transition:transform .24s ease,opacity .2s ease,visibility 0s!important;
  }
  #site-navigation>a,.site-nav>a{
    display:flex!important;align-items:center!important;min-height:54px!important;width:100%!important;
    padding:13px 2px!important;border-bottom:1px solid rgba(16,42,67,.1)!important;
    color:var(--navy)!important;font-size:17px!important;line-height:1.3!important;text-align:left!important;text-decoration:none!important;
  }
  #site-navigation .nav-cta,.site-nav .nav-cta{
    justify-content:center!important;margin-top:22px!important;padding:14px 18px!important;border:0!important;background:var(--navy)!important;color:#fff!important;border-radius:999px!important;
  }
  .language-picker{width:100%!important;margin-top:18px!important;order:20}
  .language-button{width:100%!important;justify-content:space-between!important;padding:13px 15px!important;font-size:15px!important;border-radius:12px!important}
  .language-menu{position:static!important;display:none!important;width:100%!important;min-width:0!important;margin-top:8px!important;padding:6px!important;box-shadow:none!important;border-radius:12px!important}
  .language-picker.open .language-menu{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important}
  .language-menu button{padding:11px 10px!important;text-align:left!important;font-size:14px!important}
  html.menu-open,body.menu-open{overflow:hidden!important}
  [dir=rtl] #site-navigation>a,[dir=rtl] .site-nav>a,[dir=rtl] .language-menu button{text-align:right!important}
  [dir=rtl] .nav-toggle{margin-left:0;margin-right:auto}
}
@media(min-width:901px){
  #site-navigation,.site-nav{transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}


/* =========================================================
   KRYVEA LAUNCH 1.1
   Resources, capabilities and strategy-led approach
   ========================================================= */
.launch-approach{background:#f7fafc}
.approach-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.approach-card{min-height:300px;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(16,42,67,.07)}
.approach-card>span,.resource-hub-card>span,.example-card>span,.capability-panel>span{color:var(--teal);font-size:11px;letter-spacing:.12em}
.approach-card h3{margin:60px 0 14px;color:var(--navy);font-size:28px;font-weight:400}
.approach-card p{margin:0;color:var(--muted)}
.resource-preview{background:#fff}
.resource-preview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.resource-preview h2,.resource-hero h1{max-width:720px}
.resource-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.resource-link-grid a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:24px;border:1px solid var(--line);border-radius:18px;text-decoration:none;background:#f9fbfc;transition:.25s}
.resource-link-grid a:hover{transform:translateY(-3px);border-color:rgba(14,165,168,.5);box-shadow:0 16px 36px rgba(16,42,67,.09)}
.resource-link-grid small{color:var(--teal)}.resource-link-grid strong{font-weight:400;color:var(--navy)}
.resource-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.resource-hub-card{position:relative;display:block;min-height:310px;padding:36px;border:1px solid var(--line);border-radius:24px;text-decoration:none;background:#fff;box-shadow:0 15px 40px rgba(16,42,67,.07);transition:.25s}
.resource-hub-card:hover{transform:translateY(-5px);border-color:rgba(14,165,168,.55)}
.resource-hub-card h2{margin:72px 0 12px;color:var(--navy);font-size:30px;font-weight:400}
.resource-hub-card p{color:var(--muted)}.resource-hub-card b{position:absolute;bottom:30px;color:var(--teal);font-size:12px;font-weight:400}
.resource-download{background:linear-gradient(145deg,#102A43,#071C2C);color:#fff}.resource-download h2{color:#fff}.resource-download p{color:#bed0da}
.coming-soon{display:inline-block;margin-top:22px;padding:8px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#9edbdd;font-size:12px}
.capability-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.capability-panel{padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff}
.capability-panel h2{margin:52px 0 14px;color:var(--navy);font-size:28px;font-weight:400}
.capability-panel p{color:var(--muted)}
.capability-panel ul{padding:0;margin:25px 0 0;list-style:none;border-top:1px solid var(--line)}
.capability-panel li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.split-statement{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:end}.split-statement>p{font-size:19px;color:#bdd0da}
.cta-inline{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px;border:1px solid var(--line);border-radius:24px}
.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 22px}
.faq-item summary{cursor:pointer;padding:22px 36px 22px 0;color:var(--navy);font-size:17px;list-style:none;position:relative}
.faq-item summary::after{content:"+";position:absolute;right:0;color:var(--teal);font-size:24px}.faq-item[open] summary::after{content:"−"}
.faq-item p{margin:0;padding:0 36px 22px 0;color:var(--muted)}
.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example-card{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff}
.example-card h2{margin:18px 0 28px;color:var(--navy);font-size:26px;font-weight:400}.example-card h3{margin:20px 0 7px;color:var(--teal);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.example-card p{color:var(--muted)}
@media(max-width:980px){.approach-cards,.capability-columns,.example-grid{grid-template-columns:1fr}.resource-preview-grid,.split-statement{grid-template-columns:1fr;gap:42px}.resource-hub-grid{grid-template-columns:1fr}.cta-inline{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.resource-link-grid{grid-template-columns:1fr}.approach-card,.resource-hub-card,.capability-panel,.example-card{padding:25px}.cta-inline{padding:28px}}


/* =========================================================
   LAUNCH 1.1 REGENERATION FIXES
   Better footer spacing and PDF-brand consistency
   ========================================================= */

footer{
  padding:72px 0 28px!important;
}

footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.25fr .85fr .95fr .8fr!important;
  align-items:start!important;
  gap:48px!important;
}

footer .footer-grid>div{
  min-width:0;
}

footer .footer-grid h3{
  margin:0 0 18px!important;
  color:#4fd0d3!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

footer .footer-grid a,
footer .footer-grid p{
  display:block!important;
  margin:0 0 12px!important;
  line-height:1.55!important;
}

footer .footer-grid a{
  text-decoration:none!important;
}

footer .footer-grid a:hover{
  color:var(--teal)!important;
}

footer .footer-grid img{
  width:54px!important;
  height:auto!important;
  margin-bottom:16px!important;
}

footer .footer-tagline{
  justify-content:flex-start!important;
  margin:0 0 8px!important;
  font-size:24px!important;
}

footer .footer-grid>div:first-child>p:last-child{
  margin-top:5px!important;
}

footer .footer-grid>div:last-child p{
  margin-top:28px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
}

@media(max-width:980px){
  footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:42px 50px!important;
  }
}

@media(max-width:650px){
  footer{
    padding:56px 0 24px!important;
  }
  footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  footer .footer-tagline{
    font-size:21px!important;
  }
  footer .footer-grid>div:last-child p{
    margin-top:18px!important;
  }
}


/* =========================================================
   UNIFIED FOOTER — CAPABILITIES PAGE LAYOUT
   Applied consistently across the whole website
   ========================================================= */

footer{
  border-top:3px solid var(--teal)!important;
  padding:72px 0 34px!important;
}

footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.35fr .9fr .95fr .8fr!important;
  gap:64px!important;
  align-items:start!important;
}

footer .footer-grid>div{
  min-width:0!important;
}

footer .footer-grid>div:first-child{
  text-align:center!important;
}

footer .footer-grid>div:first-child img{
  display:block!important;
  width:58px!important;
  height:auto!important;
  margin:0 auto 22px!important;
}

footer .footer-tagline{
  display:block!important;
  margin:0 0 14px!important;
  font-size:24px!important;
  line-height:1.3!important;
  text-align:center!important;
}

footer .footer-grid>div:first-child>p:last-child{
  margin:0!important;
  text-align:center!important;
}

footer .footer-grid h3{
  margin:0 0 20px!important;
  color:var(--teal)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

footer .footer-grid a{
  display:block!important;
  margin:0 0 15px!important;
  line-height:1.45!important;
  text-decoration:none!important;
}

footer .footer-grid>div:last-child p{
  margin-top:30px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  text-align:right!important;
}

@media(max-width:980px){
  footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:46px 56px!important;
  }
  footer .footer-grid>div:first-child{
    text-align:left!important;
  }
  footer .footer-grid>div:first-child img{
    margin-left:0!important;
  }
  footer .footer-tagline,
  footer .footer-grid>div:first-child>p:last-child{
    text-align:left!important;
  }
}

@media(max-width:650px){
  footer{
    padding:56px 0 26px!important;
  }
  footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  footer .footer-grid>div:last-child p{
    text-align:left!important;
  }
}


/* Final footer alignment */
footer .footer-grid>div:first-child{
  text-align:left!important;
}
footer .footer-grid>div:first-child img{
  margin:0 0 22px 0!important;
}
footer .footer-tagline{
  text-align:left!important;
}
footer .footer-grid>div:first-child>p:last-child{
  text-align:left!important;
}


/* =========================================================
   FINAL GLOBAL FOOTER
   Identical across every website page
   ========================================================= */

footer{
  border-top:3px solid var(--teal)!important;
  padding:72px 0 34px!important;
}

footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.35fr .9fr .95fr .8fr!important;
  gap:64px!important;
  align-items:start!important;
}

footer .footer-grid>div{
  min-width:0!important;
  text-align:left!important;
}

footer .footer-grid>div:first-child{
  text-align:left!important;
}

footer .footer-grid>div:first-child img{
  display:block!important;
  width:58px!important;
  height:auto!important;
  margin:0 0 22px 0!important;
}

footer .footer-tagline{
  display:block!important;
  margin:0 0 14px!important;
  font-size:24px!important;
  line-height:1.3!important;
  text-align:left!important;
  white-space:normal!important;
}

footer .footer-grid>div:first-child>p:last-child{
  margin:0!important;
  text-align:left!important;
}

footer .footer-grid h3{
  margin:0 0 20px!important;
  color:var(--teal)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

footer .footer-grid a{
  display:block!important;
  margin:0 0 15px!important;
  line-height:1.45!important;
  text-decoration:none!important;
}

footer .footer-grid>div:last-child p{
  margin-top:30px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  text-align:right!important;
}

@media(max-width:980px){
  footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:46px 56px!important;
  }

  footer .footer-grid>div:last-child p{
    text-align:left!important;
  }
}

@media(max-width:650px){
  footer{
    padding:56px 0 26px!important;
  }

  footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }

  footer .footer-tagline{
    font-size:21px!important;
  }

  footer .footer-grid>div:last-child p{
    margin-top:18px!important;
    text-align:left!important;
  }
}


/* =========================================================
   FINAL FOOTER STANDARD
   Demo footer typography and sizing applied site-wide
   ========================================================= */

footer{
  border-top:3px solid #0ea5a8!important;
  background:#071c2c!important;
  color:#c7d6df!important;
  padding:72px 0 34px!important;
}

footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.35fr .9fr .95fr .8fr!important;
  gap:64px!important;
  align-items:start!important;
}

footer .footer-grid>div{
  min-width:0!important;
  text-align:left!important;
}

footer .footer-grid>div:first-child img{
  display:block!important;
  width:58px!important;
  height:auto!important;
  margin:0 0 22px 0!important;
}

footer .footer-tagline{
  display:block!important;
  margin:0 0 14px!important;
  color:#c7d6df!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:1.3!important;
  text-align:left!important;
  white-space:normal!important;
}

footer .footer-tagline span{
  color:#0ea5a8!important;
}

footer .footer-grid h3{
  margin:0 0 20px!important;
  color:#0ea5a8!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

footer .footer-grid a,
footer .footer-grid p{
  display:block!important;
  margin:0 0 15px!important;
  color:#d9e4ea!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.45!important;
  text-decoration:none!important;
}

footer .footer-grid a:hover{
  color:#0ea5a8!important;
}

footer .footer-grid>div:first-child>p:last-child{
  margin:0!important;
  color:#c7d6df!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:left!important;
}

footer .footer-grid>div:last-child p{
  margin-top:30px!important;
  margin-bottom:0!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  color:#c7d6df!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.45!important;
  text-align:right!important;
}

footer .footer-grid>div:last-child p *{
  font-size:12px!important;
}

@media(max-width:980px){
  footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:46px 56px!important;
  }

  footer .footer-grid>div:last-child p{
    text-align:left!important;
  }
}

@media(max-width:650px){
  footer{
    padding:56px 0 26px!important;
  }

  footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }

  footer .footer-tagline{
    font-size:21px!important;
  }

  footer .footer-grid a,
  footer .footer-grid p{
    font-size:13px!important;
  }

  footer .footer-grid>div:last-child p,
  footer .footer-grid>div:last-child p *{
    margin-top:18px!important;
    font-size:12px!important;
    text-align:left!important;
  }
}

/* ── Trust / Social Proof Section ─────────────────────────── */
.trust-section { background: #F7FAFC; }

.trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

.trust-card {
  background: #fff;
  border: 1px solid #DDE6EC;
  border-radius: 20px;
  padding: 36px 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 4px 20px rgba(16,42,67,0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.trust-card:hover {
  box-shadow: 0 8px 32px rgba(16,42,67,0.10);
  transform: translateY(-2px);
}

.trust-card blockquote {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.70;
  color: #425B70;
  position: relative;
}

.trust-card blockquote::before {
  content: '\201C';
  font-size: 56px;
  color: #0EA5A8;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  font-family: Georgia, serif;
}

.trust-card footer {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-top: 1px solid #DDE6EC;
  padding-top: 20px;
}

.trust-card footer strong {
  font-size: 14px;
  font-weight: 600;
  color: #102A43;
}

.trust-card footer span {
  font-size: 12px;
  color: #617487;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .trust-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}


/* =========================================================
   REVIEW FIXES — LAUNCH 1.2
   ========================================================= */

.transformation-preview .preview-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.transformation-preview .button-secondary{
  border-color:rgba(16,42,67,.18);
  background:#fff;
  color:var(--navy);
}

.transformation-preview .button-secondary:hover{
  border-color:rgba(14,165,168,.55);
  color:var(--navy);
}

@media(max-width:650px){
  .transformation-preview .preview-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .transformation-preview .preview-actions .button{
    justify-content:center;
    width:100%;
  }
}


/* =========================================================
   LAUNCH 1.3 — ENGINEERING STABILITY
   ========================================================= */

html,body{max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}
.about-editorial>*,
.about-photo,
.resource-preview-grid>*,
.approach-layout>*{min-width:0}
.about-photo,
.about-photo img{width:100%;min-height:0}
.about-photo{aspect-ratio:16/10}
.about-photo img{height:100%;object-fit:cover}

.hp-field{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}
.form-status{min-height:1.4em;color:var(--muted);margin-top:12px}
button[aria-busy="true"]{cursor:wait;opacity:.75}
button:disabled{cursor:not-allowed;opacity:.65}
:focus-visible{outline:3px solid #078185;outline-offset:3px}
.skip-link:focus{z-index:9999}
.privacy-copy{margin:36px 0;max-width:760px}
.privacy-copy h2{margin:28px 0 8px;color:var(--navy);font-size:22px}

@media(max-width:900px){
  .about-photo{aspect-ratio:16/10}
}
@media(max-width:650px){
  .about-photo{aspect-ratio:4/3}
  .hero-grid,.about-editorial,.resource-preview-grid,.approach-layout{max-width:100%}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .reveal{opacity:1!important;transform:none!important}
}


/* =========================================================
   KRYVEA V2.1 — PRODUCTION FEATURES, ORIGINAL VISUAL SYSTEM
   ========================================================= */

html,body{max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}

/* Correct dashboard text inside the light command card. */
.hero-editorial .command-card{color:var(--ink)}
.hero-editorial .command-card .command-head small,
.hero-editorial .command-card .live,
.hero-editorial .command-card .metrics span,
.hero-editorial .command-card .metrics small,
.hero-editorial .command-card .workflow-title,
.hero-editorial .command-card .workflow-line span{color:var(--muted)}
.hero-editorial .command-card .command-head h2,
.hero-editorial .command-card .metrics strong{color:var(--navy)}
.hero-editorial .command-card .workflow-title small{color:var(--teal)}
.hero-editorial .command-card .workflow-line b{color:var(--teal);border-color:var(--teal)}

/* Preserve the original teal and grey hierarchy. */
.page-hero>div>p:not(.eyebrow),
.section-heading>p,
.resource-hub-card p,
.example-card>p,
.capability-panel>p,
.cta-inline p,
.form-card label span{color:var(--muted)}
.resource-hub-card>span,
.resource-hub-card b,
.example-card>span,
.capability-panel>span{color:var(--teal)}

/* Restore richer interactive card behaviour. */
.resource-hub-card{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;
}
.resource-hub-card:hover{
  transform:translateY(-5px);
  border-color:rgba(14,165,168,.55);
  box-shadow:0 22px 52px rgba(16,42,67,.13);
}
.resource-hub-card:hover b{color:var(--navy)}
.resource-download:hover{background:#0b263a}

/* Production form and legal additions. */
.hp-field{
  position:absolute!important;width:1px!important;height:1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
.turnstile-container{margin:18px 0 6px;min-height:65px}
.form-status{min-height:1.4em;color:var(--muted);margin-top:12px}
.form-error a{color:inherit;font-weight:700}
button[aria-busy="true"]{cursor:wait;opacity:.75}
button:disabled{cursor:not-allowed;opacity:.65}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.legal-page h2{margin:34px 0 8px;color:var(--navy);font-size:24px}
.legal-page p{max-width:760px;color:var(--muted)}
.legal-note{margin-top:36px;padding:18px;border-left:3px solid var(--teal);background:var(--paper);font-size:13px}

/* Ensure 404 and legal buttons retain the proper navy/white treatment. */
.page-hero .button-primary{background:var(--navy);color:#fff}
.page-hero .button-primary:hover{background:var(--navy2)}
.page-hero .button-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}

/* Mobile overflow safeguards without flattening the design. */
.about-editorial>*,
.about-photo,
.resource-preview-grid>*,
.approach-layout>*{min-width:0}
.about-photo,.about-photo img{width:100%;min-height:0}
.about-photo img{height:100%;object-fit:cover}

@media(max-width:650px){
  .legal-page h1{font-size:42px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .reveal{opacity:1!important;transform:none!important}
}


/* =========================================================
   KRYVEA BRAND STANDARD — TAGLINE COLOUR SEQUENCE
   Transform = teal, Automate = white, Elevate = teal
   ========================================================= */

footer .footer-tagline{
  color:#fff!important;
}

footer .footer-tagline span{
  color:var(--teal)!important;
}


/* =========================================================
   V2.2.2 — CALMER EDITORIAL CTA
   ========================================================= */

.faq-editorial-cta .narrow{
  max-width:850px;
}

.faq-editorial-cta h2{
  margin:0 0 16px;
  color:#f5f8fa;
}

.faq-editorial-cta p{
  max-width:760px;
  margin:0 0 24px;
  color:#c7d6df;
}

.faq-editorial-cta .button{
  margin-top:0;
}


/* =========================================================
   V2.2.3 — CONTINUOUS DOWNLOAD DIRECTION INDICATOR
   ========================================================= */

.resource-download .download-action{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--teal)!important;
  opacity:1!important;
  visibility:visible!important;
  transition:color .2s ease,transform .2s ease;
}

.resource-download:hover .download-action,
.resource-download:focus-visible .download-action{
  color:#22d3d8!important;
  transform:translateX(2px);
}

.resource-download .download-arrow{
  display:inline-block;
  color:currentColor;
  font-size:1.08em;
  line-height:1;
  animation:kryvea-download-direction 1.15s ease-in-out infinite;
  will-change:transform,opacity;
}

@keyframes kryvea-download-direction{
  0%{
    transform:translateY(-3px);
    opacity:.35;
  }
  45%{
    transform:translateY(4px);
    opacity:1;
  }
  75%{
    transform:translateY(7px);
    opacity:.65;
  }
  100%{
    transform:translateY(-3px);
    opacity:.35;
  }
}

@media(prefers-reduced-motion:reduce){
  .resource-download .download-arrow{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}
.skip-link{position:fixed!important;left:16px!important;top:16px!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important}.skip-link:focus,.skip-link:focus-visible{width:auto!important;height:auto!important;padding:10px 14px!important;overflow:visible!important;clip:auto!important;clip-path:none!important;opacity:1!important;z-index:9999!important;background:#fff!important;color:var(--navy)!important;border:2px solid var(--teal-text)!important;border-radius:10px!important}.eyebrow,.site-nav a:hover,.site-nav a[aria-current="page"],.language-menu button:hover,.text-link,.resource-hub-card b,.faq-item summary::after,footer h3{color:var(--teal-text)}.hero h1 em,.pillar h2,.outcome-card strong,.icon-box,.footer-tagline span{color:var(--teal)}[aria-invalid="true"]{border-color:#b42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)!important}.responsible-technology{background:linear-gradient(180deg,#f8fbfc,#fff)}.responsible-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}.responsible-technology h2{margin:0 0 22px;color:var(--navy);font-size:clamp(36px,4vw,58px);line-height:1.08;font-weight:400;letter-spacing:-.035em}.responsible-lead{color:var(--teal-text);font-size:19px}.responsible-copy>p{margin:0 0 18px;color:var(--muted);font-size:17px}.responsible-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:30px 0 0;padding:0;list-style:none}.responsible-list li{position:relative;padding-left:20px;color:var(--navy)}.responsible-list li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--teal)}.responsible-capability .split-statement{align-items:start}.responsible-capability .split-statement>div:last-child p{color:#c7d6df}@media(max-width:800px){.responsible-grid{grid-template-columns:1fr;gap:34px}.responsible-list{grid-template-columns:1fr}}

/* =========================================================
   V2.2.5 — FINAL UI AND AUDIT REFINEMENTS
   ========================================================= */

.cta-premium{
  border-color:#cbd8e0;
  box-shadow:0 22px 58px rgba(16,42,67,.12);
  background:#fff;
}
.cta-premium .eyebrow{color:var(--teal-text)}
.cta-premium h2{
  color:var(--navy);
  font-size:clamp(32px,3.4vw,48px);
}
.cta-premium p{
  max-width:720px;
  color:#4f6476;
}
.cta-premium .button-primary{
  background:var(--navy2);
  box-shadow:0 10px 24px rgba(7,28,44,.16);
}
.cta-premium .button-primary:hover{
  background:var(--navy);
  box-shadow:0 16px 32px rgba(7,28,44,.22);
}

.resource-hub-card .explore-action{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--teal-text)!important;
  opacity:1!important;
  visibility:visible!important;
}
.resource-hub-card .explore-arrow{
  display:inline-block;
  color:var(--teal);
  animation:kryvea-explore-direction 1.3s ease-in-out infinite;
  will-change:transform,opacity;
}
.resource-hub-card:hover .explore-action,
.resource-hub-card:focus-visible .explore-action{
  color:var(--navy)!important;
}
.resource-hub-card:hover .explore-arrow,
.resource-hub-card:focus-visible .explore-arrow{
  color:var(--teal);
}
@keyframes kryvea-explore-direction{
  0%{transform:translateX(-2px);opacity:.4}
  45%{transform:translateX(5px);opacity:1}
  75%{transform:translateX(7px);opacity:.65}
  100%{transform:translateX(-2px);opacity:.4}
}

.field-error-text{
  display:block;
  margin-top:6px;
  color:#9f1c14;
  font-size:12px;
  line-height:1.4;
}

@media(prefers-reduced-motion:reduce){
  .resource-hub-card .explore-arrow{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}


/* =========================================================
   V2.2.6 — ACCESSIBILITY AND RELEASE HARDENING
   ========================================================= */

/* Functional small text uses the accessible teal. */
.page-hero .eyebrow,
.section-heading .eyebrow,
.pillar>span,
.outcome-card h3 + p,
.outcome-note,
.service-card>span,
.industry-card span,
.capability-panel>span,
.resource-hub-card>span,
.example-card>span,
.next-steps-grid article>span,
.command-head small,
.metrics span,
.metrics small,
.workflow-title small,
.form-progress,
.form-step label>span,
.download-action,
.explore-action,
.contact .eyebrow{
  color:var(--teal-text)!important;
}

/* Bright brand teal remains for large decorative emphasis only. */
.hero h1 em,
.pillar h2,
.outcome-card strong,
.footer-tagline span{
  color:var(--teal)!important;
}

/* Keyboard-visible checkbox/card focus. */
.choice-grid label{
  position:relative;
}
.choice-grid label:focus-within{
  outline:3px solid var(--teal-text);
  outline-offset:4px;
  box-shadow:0 0 0 5px rgba(8,123,126,.14);
}
.choice-grid input[type="checkbox"]:focus-visible{
  outline:2px solid var(--teal-text);
  outline-offset:3px;
}

/* Resource and interactive cards must have a clear keyboard state. */
.resource-hub-card:focus-visible,
.service-card:focus-within,
.industry-card:focus-within{
  outline:3px solid var(--teal-text);
  outline-offset:4px;
}

/* Preserve intrinsic monogram ratio at the displayed footer width. */
footer img[src*="kryvea-mark-reverse"]{
  height:auto;
}


/* =========================================================
   V2.2.7 — LAUNCH-CRITICAL ACCESSIBILITY FIXES
   ========================================================= */

/* Dark and teal sections need light, high-contrast labels. */
.contact .eyebrow{
  color:#D6FFFF!important;
}
.section-dark .section-heading.light .eyebrow,
.section-dark .eyebrow,
.resource-download>span,
.resource-download .download-action,
.resource-download .download-arrow{
  color:#78E2E4!important;
}

/* Do not let broad small-text rules override dark-background contrast. */
.contact .eyebrow,
.section-dark .eyebrow,
.resource-download>span,
.resource-download .download-action{
  text-shadow:none;
}

/* Checkbox group receives one group-level error and focus treatment. */
.form-step[data-step="2"][aria-invalid="true"]{
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(159,28,20,.14);
}
.form-step[data-step="2"][aria-invalid="true"] legend{
  color:#9F1C14;
}
.group-error-text{
  display:block;
  margin:12px 0 0;
  color:#9F1C14;
  font-size:12px;
  line-height:1.45;
}

/* Hidden language-menu controls must not enter the tab order visually. */
.language-menu[aria-hidden="true"]{
  display:none!important;
}
.language-picker.open .language-menu[aria-hidden="false"]{
  display:grid!important;
}


/* =========================================================
   V2.2.8 — FINAL CONTRAST AND FONT-LOADING PASS
   ========================================================= */
:root{--teal-aa:#066B6E}
.page-hero .eyebrow,
.example-card>span,
.example-card .eyebrow,
.approach-card>span,
.capability-panel>span,
.resource-hub-card:not(.resource-download)>span,
.service-card>span,
.industry-card-copy>span,
.next-steps-grid article>span,
.workflow-title small,
.workflow-line b,
.metrics small,
.metrics span,
.outcome-note,
.form-progress,
.form-step label>span{
  color:var(--teal-aa)!important;
}
.section-dark .eyebrow,
.contact .eyebrow,
.resource-download>span,
.resource-download .download-action{
  color:#78E2E4!important;
}


/* =========================================================
   V2.2.9 — MOTION, BUTTON ALIGNMENT AND FINAL POLISH
   ========================================================= */

/* All true buttons use clean, centred text and contain no arrows. */
.button,
.nav-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.25!important;
  text-wrap:balance;
}
.cta-inline .button,
.cta-premium .button{
  min-width:236px;
  padding-inline:28px;
}

/* Navigation-card arrows use the same restrained motion as Resources. */
.resource-link-grid a>span:last-child{
  display:inline-block;
  color:var(--teal);
  animation:kryvea-explore-direction 1.3s ease-in-out infinite;
  will-change:transform,opacity;
}
.resource-link-grid a:hover>span:last-child,
.resource-link-grid a:focus-visible>span:last-child{
  color:var(--teal-text);
}

/* Checklist items reveal sequentially when their group enters view. */
.proposal-benefits p,
.intelligence-feed p{
  opacity:0;
  transform:translateY(8px);
}
.proposal-benefits.checklist-active p,
.intelligence-feed.checklist-active p{
  animation:kryvea-checklist-reveal .48s ease forwards;
}
.proposal-benefits.checklist-active p:nth-child(1),
.intelligence-feed.checklist-active p:nth-child(1){animation-delay:.05s}
.proposal-benefits.checklist-active p:nth-child(2),
.intelligence-feed.checklist-active p:nth-child(2){animation-delay:.32s}
.proposal-benefits.checklist-active p:nth-child(3),
.intelligence-feed.checklist-active p:nth-child(3){animation-delay:.59s}
.intelligence-feed.checklist-active p:nth-child(4){animation-delay:.86s}
.proposal-benefits i,
.intelligence-feed i{
  display:inline-grid;
  place-items:center;
  transform-origin:center;
}
.proposal-benefits.checklist-active i,
.intelligence-feed.checklist-active i{
  animation:kryvea-check-pop .36s ease both;
}
.proposal-benefits.checklist-active p:nth-child(1) i,
.intelligence-feed.checklist-active p:nth-child(1) i{animation-delay:.14s}
.proposal-benefits.checklist-active p:nth-child(2) i,
.intelligence-feed.checklist-active p:nth-child(2) i{animation-delay:.41s}
.proposal-benefits.checklist-active p:nth-child(3) i,
.intelligence-feed.checklist-active p:nth-child(3) i{animation-delay:.68s}
.intelligence-feed.checklist-active p:nth-child(4) i{animation-delay:.95s}

@keyframes kryvea-checklist-reveal{
  to{opacity:1;transform:none}
}
@keyframes kryvea-check-pop{
  0%{transform:scale(.25);opacity:0}
  70%{transform:scale(1.18);opacity:1}
  100%{transform:scale(1);opacity:1}
}

/* Remaining text contrast identified in the final audit. */
.pillar p{
  color:#526779!important;
}
.metrics span,
.workflow-line span,
.demo-note{
  color:#526779!important;
}

@media(max-width:650px){
  .cta-inline .button,
  .cta-premium .button{
    width:100%;
    min-width:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .resource-link-grid a>span:last-child{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
  .proposal-benefits p,
  .intelligence-feed p{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  .proposal-benefits i,
  .intelligence-feed i{
    animation:none!important;
    transform:none!important;
  }
}


/* =========================================================
   V2.2.10 — CTA ALIGNMENT, CONTRAST AND RELEASE FIXES
   ========================================================= */

.faq-editorial-cta{
  padding:76px 0;
}
.faq-editorial-cta .faq-cta-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:52px;
  width:100%;
  padding:52px 58px;
  border:1px solid rgba(199,214,223,.34);
  border-radius:26px;
  background:rgba(7,28,44,.42);
  box-shadow:0 22px 54px rgba(0,0,0,.12);
}
.faq-editorial-cta .faq-cta-copy{
  max-width:760px;
}
.faq-editorial-cta .eyebrow{
  margin-bottom:14px;
  color:#78E2E4!important;
}
.faq-editorial-cta h2{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(32px,3.5vw,48px);
  line-height:1.08;
}
.faq-editorial-cta p:not(.eyebrow){
  max-width:700px;
  margin:0;
  color:#D3DEE5;
  font-size:17px;
  line-height:1.65;
}
.faq-editorial-cta .button{
  min-width:236px;
  align-self:center;
  justify-self:end;
  text-align:center;
}

/* Final audited contrast corrections. */
.pillar h2{
  color:#066B6E!important;
}
.example-card>span,
.example-card .eyebrow{
  color:#066B6E!important;
}
.contact .eyebrow{
  color:#FFFFFF!important;
}

@media(max-width:800px){
  .faq-editorial-cta .faq-cta-panel{
    grid-template-columns:1fr;
    gap:30px;
    padding:38px 28px;
  }
  .faq-editorial-cta .button{
    justify-self:start;
    width:100%;
    min-width:0;
  }
}


/* =========================================================
   V2.2.11 — FINAL LAYOUT, CONTRAST AND LIVE STATUS
   ========================================================= */

.faq-editorial-section{
  background:#f5f8fa;
}
.faq-contained-cta{
  background:linear-gradient(145deg,var(--navy),var(--navy2));
  border-color:rgba(255,255,255,.12);
  box-shadow:0 24px 60px rgba(7,28,44,.18);
}
.faq-contained-cta .eyebrow{
  color:#78E2E4!important;
}
.faq-contained-cta h2{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(34px,3.8vw,52px);
}
.faq-contained-cta p{
  margin:0;
  max-width:700px;
  color:#D8E4EA;
}
.faq-contained-cta .button{
  min-width:236px;
  background:#fff;
  color:var(--navy);
  text-align:center;
}
.faq-contained-cta .button:hover{
  background:#EAF8F8;
}

/* Remaining contrast corrections from the v2.2.10 audit. */
.example-card h3{
  color:#066B6E!important;
}
.contact .eyebrow{
  color:#E8FFFF!important;
}
.pillar h2{
  color:#087B7E!important;
}

/* Live status: restrained pulse and blink. */
.live{
  animation:kryvea-live-label 1.8s ease-in-out infinite;
}
.live i{
  animation:kryvea-live-dot 1.35s ease-in-out infinite!important;
}
@keyframes kryvea-live-label{
  0%,100%{opacity:.72}
  50%{opacity:1}
}
@keyframes kryvea-live-dot{
  0%,100%{opacity:.35;transform:scale(.78);box-shadow:0 0 0 0 rgba(14,165,168,.4)}
  50%{opacity:1;transform:scale(1);box-shadow:0 0 0 7px rgba(14,165,168,0)}
}

@media(max-width:800px){
  .faq-contained-cta{
    align-items:flex-start;
    flex-direction:column;
  }
  .faq-contained-cta .button{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  .live,.live i{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* V2.2.12 — proposal navigation and Turnstile safety */
[hidden]{
  display:none!important;
}
.form-actions{
  align-items:center;
}

/* =========================================================
   V2.2.18 — HOMEPAGE TYPOGRAPHY READABILITY PASS
   Increases small text without changing the approved layout.
   ========================================================= */

@media (min-width: 901px) {
  body[data-page="home"] .site-nav > a {
    font-size: 16.5px !important;
    font-weight: 500;
  }

  body[data-page="home"] .language-button,
  body[data-page="home"] .nav-cta {
    font-size: 16px !important;
  }

  body[data-page="home"] .hero-editorial .eyebrow {
    font-size: 13px !important;
    line-height: 1.4;
    letter-spacing: .18em;
  }

  body[data-page="home"] .hero-editorial .hero-lead {
    max-width: 690px !important;
    font-size: 21px !important;
    line-height: 1.58 !important;
  }

  body[data-page="home"] .hero-editorial .button {
    font-size: 16px !important;
  }

  body[data-page="home"] .command-card .command-head small {
    font-size: 13px !important;
    line-height: 1.4;
  }

  body[data-page="home"] .command-card .command-head h2 {
    font-size: 22px !important;
    line-height: 1.25;
  }

  body[data-page="home"] .command-card .live {
    font-size: 13px !important;
  }

  body[data-page="home"] .command-card .metrics span {
    font-size: 12.5px !important;
    line-height: 1.4;
  }

  body[data-page="home"] .command-card .metrics small {
    font-size: 12.5px !important;
    line-height: 1.45;
  }

  body[data-page="home"] .command-card .workflow-title {
    font-size: 13px !important;
  }

  body[data-page="home"] .command-card .workflow-title small {
    font-size: 12px !important;
  }

  body[data-page="home"] .command-card .workflow-line span {
    font-size: 12px !important;
    line-height: 1.35;
  }

  body[data-page="home"] .metric-disclaimer {
    font-size: 11.5px !important;
    line-height: 1.55;
  }

  body[data-page="home"] .hero-editorial .sector-strip span {
    font-size: 10.5px !important;
    line-height: 1.4;
    letter-spacing: .13em;
  }
}

@media (max-width: 900px) {
  body[data-page="home"] .hero-editorial .hero-lead {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }

  body[data-page="home"] .command-card .command-head small,
  body[data-page="home"] .command-card .live,
  body[data-page="home"] .command-card .metrics span,
  body[data-page="home"] .command-card .metrics small,
  body[data-page="home"] .command-card .workflow-title,
  body[data-page="home"] .command-card .workflow-line span {
    font-size: 12px !important;
  }

  body[data-page="home"] .metric-disclaimer {
    font-size: 11px !important;
  }

  body[data-page="home"] .hero-editorial .sector-strip span {
    font-size: 10px !important;
  }
}

/* =========================================================
   V2.2.19 — SITE-WIDE READABILITY, ALIGNMENT AND MOTION
   ========================================================= */

/* Eyebrow labels are readable and consistent across the website. */
.eyebrow,
.page-hero .eyebrow,
.section-heading .eyebrow,
.contact .eyebrow,
.faq-contained-cta .eyebrow,
.faq-editorial-cta .eyebrow {
  font-size: 14px !important;
  line-height: 1.45 !important;
  letter-spacing: .17em !important;
}

/* Number labels act as visible design anchors. */
.pillar > span,
.service-card > span,
.example-card > span,
.approach-card > span,
.capability-panel > span,
.next-steps-grid article > span,
.industry-card-copy > span,
.sector-image-card .industry-card-copy > span,
.resource-hub-card > span {
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}

/* Equal metric title and copy rows keep all hero percentages aligned. */
.hero-editorial .command-card .metrics article {
  display: grid !important;
  grid-template-rows: minmax(42px, auto) auto minmax(46px, auto) !important;
  align-content: start !important;
}
.hero-editorial .command-card .metrics span {
  min-height: 42px !important;
}
.hero-editorial .command-card .metrics strong {
  align-self: start !important;
  margin: 8px 0 12px !important;
}
.hero-editorial .command-card .metrics small {
  align-self: start !important;
}

/* Six sectors form two intentional, balanced rows on large screens. */
@media (min-width: 1001px) {
  .hero-editorial .sector-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 18px 28px !important;
    padding: 25px 30px !important;
  }
  .hero-editorial .sector-strip span {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .12em !important;
    white-space: normal !important;
  }
}

/* The intelligence-card star gently blinks without distracting motion. */
.intelligence-head > span {
  display: inline-block !important;
  animation: kryvea-star-blink 1.65s ease-in-out infinite !important;
  transform-origin: center;
}
@keyframes kryvea-star-blink {
  0%, 100% { opacity: .45; transform: scale(.9) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.12) rotate(8deg); }
}

/* Footer K marks are clear interactive home links. */
.footer-mark-link {
  display: inline-flex;
  border-radius: 8px;
}
.footer-mark-link:focus-visible {
  outline: 3px solid #78E2E4;
  outline-offset: 5px;
}

/* Preserve comfortable responsive proportions. */
@media (max-width: 900px) {
  .eyebrow,
  .page-hero .eyebrow,
  .section-heading .eyebrow {
    font-size: 13px !important;
  }
  .pillar > span,
  .service-card > span,
  .example-card > span,
  .approach-card > span,
  .capability-panel > span,
  .next-steps-grid article > span,
  .industry-card-copy > span {
    font-size: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .intelligence-head > span {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* =========================================================
   V2.2.20 — FINAL TYPOGRAPHY SCALE AND DASHBOARD BALANCE
   ========================================================= */

/* Give all primary section eyebrows the same confident scale. */
.eyebrow,
.page-hero .eyebrow,
.section-heading .eyebrow,
.resource-preview .eyebrow,
.responsible-capability .eyebrow,
.contact .eyebrow,
.faq-contained-cta .eyebrow,
.faq-editorial-cta .eyebrow {
  font-size: 16px !important;
  line-height: 1.45 !important;
  letter-spacing: .17em !important;
}

/* Primary homepage section headings use a consistent visual hierarchy. */
.resource-preview h2 {
  max-width: 760px !important;
  font-size: clamp(52px, 5vw, 76px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}
.resource-preview-grid > div:first-child > p:not(.eyebrow) {
  max-width: 660px !important;
  font-size: 21px !important;
  line-height: 1.65 !important;
}

/* Number labels remain visible across cards, steps and sectors. */
.pillar > span,
.service-card > span,
.example-card > span,
.approach-card > span,
.capability-panel > span,
.next-steps-grid article > span,
.industry-card-copy > span,
.sector-image-card .industry-card-copy > span,
.resource-hub-card > span {
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}

/* Hero dashboard: three equal cards with aligned content rows. */
.hero-editorial .command-card .metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.hero-editorial .command-card .metrics article {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 58px 72px minmax(72px, auto) !important;
  align-content: start !important;
  padding: 24px 22px !important;
}
.hero-editorial .command-card .metrics span {
  min-height: 58px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}
.hero-editorial .command-card .metrics strong {
  align-self: center !important;
  margin: 0 !important;
  font-size: 44px !important;
  line-height: 1 !important;
}
.hero-editorial .command-card .metrics small {
  align-self: start !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}
.hero-editorial .command-card .command-head small {
  font-size: 16px !important;
}
.hero-editorial .command-card .command-head h2 {
  font-size: 26px !important;
}
.hero-editorial .command-card .live,
.hero-editorial .command-card .workflow-title {
  font-size: 16px !important;
}
.hero-editorial .command-card .workflow-title small {
  font-size: 15px !important;
}
.hero-editorial .command-card .workflow-line b {
  width: 34px !important;
  height: 34px !important;
  font-size: 15px !important;
}
.hero-editorial .command-card .workflow-line:before {
  top: 16px !important;
}
.hero-editorial .command-card .workflow-line span {
  font-size: 15px !important;
  line-height: 1.35 !important;
}
.hero-editorial .metric-disclaimer {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Resource navigation cards become more readable. */
.resource-link-grid a {
  font-size: 18px !important;
}
.resource-link-grid a > span:first-child {
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* Balanced sector strip with readable labels. */
@media (min-width: 1001px) {
  .hero-editorial .sector-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 34px !important;
    padding: 28px 34px !important;
  }
  .hero-editorial .sector-strip span {
    font-size: 13px !important;
    line-height: 1.45 !important;
    letter-spacing: .12em !important;
  }
}

/* Responsive dashboard keeps equal sizing without crowding. */
@media (max-width: 1000px) {
  .hero-editorial .command-card .metrics {
    grid-template-columns: 1fr !important;
  }
  .hero-editorial .command-card .metrics article {
    grid-template-rows: auto auto auto !important;
  }
}

@media (max-width: 900px) {
  .eyebrow,
  .page-hero .eyebrow,
  .section-heading .eyebrow,
  .resource-preview .eyebrow {
    font-size: 14px !important;
  }
  .resource-preview h2 {
    font-size: clamp(42px, 11vw, 58px) !important;
  }
  .resource-preview-grid > div:first-child > p:not(.eyebrow) {
    font-size: 18px !important;
  }
}

/* =========================================================
   V2.2.21 — FINAL SMALL-TEXT AND CARD-BALANCE PASS
   ========================================================= */

/* Homepage sector strip: large enough to scan at laptop distance. */
@media (min-width: 1001px) {
  .hero-editorial .sector-strip span {
    font-size: 15px !important;
    line-height: 1.45 !important;
    letter-spacing: .10em !important;
    font-weight: 600 !important;
  }
  .hero-editorial .sector-strip span::before {
    width: 9px !important;
    height: 9px !important;
    margin-right: 12px !important;
  }
}

/* Capability/service cards: align number/title rows and enlarge list text. */
.capability-panel,
.service-card {
  display: flex !important;
  flex-direction: column !important;
}
.capability-panel > span,
.service-card > span {
  display: block !important;
  min-height: 30px !important;
  margin-bottom: 18px !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
}
.capability-panel h2,
.service-card h3 {
  min-height: 72px !important;
  margin-top: 0 !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
}
.capability-panel > p,
.service-card > p {
  min-height: 96px !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}
.capability-panel ul,
.service-card ul {
  margin-top: 22px !important;
}
.capability-panel li,
.service-card li {
  padding: 16px 0 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

/* Illustrative improvement note/disclaimer. */
.outcome-note,
.targets-note,
.improvement-note,
.metric-note,
.capabilities-note {
  font-size: 21px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

/* Hero KPI card: reduce percentage dominance and strengthen the labels/copy. */
.hero-editorial .command-card .metrics article {
  grid-template-rows: 64px 64px minmax(86px, auto) !important;
}
.hero-editorial .command-card .metrics span {
  min-height: 64px !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}
.hero-editorial .command-card .metrics strong {
  font-size: 38px !important;
  line-height: 1 !important;
}
.hero-editorial .command-card .metrics small {
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}
.hero-editorial .command-card .workflow-title,
.hero-editorial .command-card .workflow-title small,
.hero-editorial .command-card .workflow-line span {
  font-size: 17px !important;
}
.hero-editorial .metric-disclaimer {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Demo card labels and card list text. */
.demo-card-list li,
.industry-card small,
.challenge-card small,
.record-card span,
.record-card strong {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

@media (max-width: 900px) {
  .hero-editorial .sector-strip span {
    font-size: 13px !important;
  }
  .capability-panel li,
  .service-card li {
    font-size: 17px !important;
  }
  .hero-editorial .command-card .metrics strong {
    font-size: 36px !important;
  }
}

/* =========================================================
   V2.2.22 — PROPOSAL FORM READABILITY
   ========================================================= */
.form-progress {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
.form-step legend {
  font-size: 34px !important;
  line-height: 1.2 !important;
}
.field-grid span,
.form-step label > span {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}
.form-step input,
.form-step select,
.form-step textarea {
  min-height: 58px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}
.form-step select {
  padding-right: 46px !important;
}
.form-step .btn,
.form-actions .btn {
  font-size: 17px !important;
}
@media (max-width: 900px) {
  .form-step legend {
    font-size: 30px !important;
  }
  .field-grid span,
  .form-step label > span {
    font-size: 15px !important;
  }
  .form-step input,
  .form-step select,
  .form-step textarea {
    font-size: 17px !important;
  }
}

/* =========================================================
   V2.2.24 — CONSISTENT WEBSITE TYPOGRAPHY SYSTEM
   Establishes a clear hierarchy across headings, subheadings,
   eyebrows, body copy, card copy, labels and supporting notes.
   ========================================================= */

:root {
  --type-eyebrow: 16px;
  --type-label: 17px;
  --type-body: 18px;
  --type-body-large: 21px;
  --type-card-title: 30px;
  --type-section-title: clamp(48px, 5vw, 76px);
}

/* Eyebrows and small uppercase section identifiers. */
.eyebrow,
.page-hero .eyebrow,
.section-heading .eyebrow,
.resource-preview .eyebrow,
.responsible-capability .eyebrow,
.contact .eyebrow,
.faq-contained-cta .eyebrow,
.faq-editorial-cta .eyebrow,
.example-card h3,
.outcome-note-label {
  font-size: var(--type-eyebrow) !important;
  line-height: 1.45 !important;
  letter-spacing: .14em !important;
  font-weight: 600 !important;
}

/* Major section headings remain clearly larger than card headings. */
.section-heading h2,
.resource-preview h2,
.page-hero h1,
.responsible-technology h2 {
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
}

/* General supporting copy. */
.section-heading > p:not(.eyebrow),
.page-hero > div > p:not(.eyebrow),
.resource-preview-grid > div:first-child > p:not(.eyebrow),
.responsible-copy > p,
.cta-inline p {
  font-size: var(--type-body-large) !important;
  line-height: 1.65 !important;
}

/* Homepage sector strip: prominent enough to scan without competing with headings. */
@media (min-width: 1001px) {
  .hero-editorial .sector-strip {
    gap: 22px 38px !important;
    padding: 30px 38px !important;
  }
  .hero-editorial .sector-strip span {
    font-size: 17px !important;
    line-height: 1.4 !important;
    letter-spacing: .055em !important;
    font-weight: 600 !important;
  }
  .hero-editorial .sector-strip span::before {
    width: 10px !important;
    height: 10px !important;
    margin-right: 13px !important;
  }
}

/* Numbered pillars / process columns. */
.pillar > span,
.approach-card > span,
.next-steps-grid article > span,
.industry-card-copy > span,
.sector-image-card .industry-card-copy > span {
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}
.pillar h2,
.approach-card h2,
.next-steps-grid article h3 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}
.pillar p,
.approach-card p,
.next-steps-grid article p {
  font-size: 19px !important;
  line-height: 1.6 !important;
}

/* Capabilities and service cards: aligned hierarchy and readable lists. */
.capability-panel,
.service-card {
  display: flex !important;
  flex-direction: column !important;
}
.capability-panel > span,
.service-card > span {
  min-height: 30px !important;
  margin-bottom: 18px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}
.capability-panel h2,
.service-card h3 {
  min-height: 72px !important;
  margin: 0 0 16px !important;
  font-size: 31px !important;
  line-height: 1.18 !important;
}
.capability-panel > p,
.service-card > p {
  min-height: 96px !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
}
.capability-panel li,
.service-card li {
  padding: 17px 0 !important;
  font-size: 19px !important;
  line-height: 1.45 !important;
}

/* Transformation example cards. */
.example-card > span {
  font-size: 22px !important;
  font-weight: 600 !important;
}
.example-card h2 {
  font-size: 31px !important;
  line-height: 1.2 !important;
}
.example-card h3 {
  margin-top: 26px !important;
  font-size: 16px !important;
}
.example-card p {
  font-size: 19px !important;
  line-height: 1.62 !important;
}

/* Resource cards. */
.resource-hub-card > span {
  font-size: 22px !important;
  font-weight: 600 !important;
}
.resource-hub-card h2 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}
.resource-hub-card p {
  font-size: 19px !important;
  line-height: 1.6 !important;
}
.resource-hub-card b,
.resource-hub-card .explore-action {
  font-size: 17px !important;
}

/* FAQ uses a distinct question/answer scale. */
.faq-item summary {
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}
.faq-item p {
  font-size: 18px !important;
  line-height: 1.65 !important;
}

/* Notes and disclaimers should remain subordinate but readable. */
.outcome-note,
.targets-note,
.improvement-note,
.metric-note,
.capabilities-note,
.hero-editorial .metric-disclaimer {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Homepage KPI panel: labels and descriptions carry more weight than before. */
.hero-editorial .command-card .metrics span {
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}
.hero-editorial .command-card .metrics strong {
  font-size: 38px !important;
}
.hero-editorial .command-card .metrics small {
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

/* Form hierarchy. */
.form-progress {
  font-size: 17px !important;
}
.form-step legend {
  font-size: 36px !important;
}
.field-grid span,
.form-step label > span {
  font-size: 17px !important;
  font-weight: 500 !important;
}
.form-step input,
.form-step select,
.form-step textarea {
  font-size: 19px !important;
}

/* Footer hierarchy. */
footer h3 {
  font-size: 18px !important;
}
footer a,
footer p {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

@media (max-width: 900px) {
  :root {
    --type-eyebrow: 14px;
    --type-body: 17px;
    --type-body-large: 18px;
  }
  .hero-editorial .sector-strip span {
    font-size: 14px !important;
  }
  .pillar > span,
  .approach-card > span,
  .next-steps-grid article > span {
    font-size: 20px !important;
  }
  .capability-panel h2,
  .service-card h3,
  .example-card h2,
  .resource-hub-card h2 {
    font-size: 27px !important;
  }
  .capability-panel > p,
  .service-card > p,
  .capability-panel li,
  .service-card li,
  .example-card p,
  .resource-hub-card p {
    font-size: 17px !important;
  }
}

/* =========================================================
   V2.2.25 — FULL HTML TYPOGRAPHY & LAYOUT AUDIT
   Homepage-led type hierarchy, shared header sizing, widened
   three-column frames, readable supporting copy and card alignment.
   ========================================================= */

:root{
  --audit-nav:16px;
  --audit-eyebrow:16px;
  --audit-body:18px;
  --audit-body-lg:21px;
  --audit-card-title:30px;
  --audit-number:23px;
}

/* One standard header on every normal HTML page. */
.site-header{background:rgba(255,255,255,.96)!important}
.nav-wrap{min-height:92px!important;gap:30px!important}
.logo-link img{width:205px!important;height:auto!important}
.site-nav{gap:28px!important}
.site-nav>a{font-size:var(--audit-nav)!important;line-height:1.25!important;font-weight:400!important}
.language-button{font-size:15px!important;padding:11px 16px!important;min-height:48px!important}
.nav-cta{font-size:15px!important;padding:13px 21px!important;min-height:48px!important}

/* Stable page hierarchy. */
.eyebrow,.page-hero .eyebrow,.section-heading .eyebrow,.contact .eyebrow,
.resource-preview .eyebrow,.responsible-capability .eyebrow{
  font-size:var(--audit-eyebrow)!important;line-height:1.4!important;
  letter-spacing:.14em!important;font-weight:600!important
}
.page-hero>div>p:not(.eyebrow),.section-heading>p:not(.eyebrow),
.resource-preview-grid>div:first-child>p:not(.eyebrow),.responsible-copy>p{
  font-size:var(--audit-body-lg)!important;line-height:1.65!important
}
.button,.btn{font-size:16px!important}

/* Full-width three-item frames. These were visually cramped inside 1180px. */
.pillar-section .container,
.approach-layout>.approach-cards,
.capability-columns,
.example-grid{
  width:min(1480px,calc(100vw - 72px))!important;
  max-width:none!important;
  margin-left:50%!important;
  transform:translateX(-50%)!important
}
.pillar-grid,.approach-cards,.capability-columns,.example-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:30px!important
}
.pillar{padding:38px 42px 34px!important}
.approach-card,.capability-panel,.example-card{padding:38px!important}

/* Three pillars/process steps: clearly differentiated hierarchy. */
.pillar>span,.approach-card>span,.capability-panel>span,.example-card>span,
.next-steps-grid article>span,.resource-hub-card>span{
  font-size:var(--audit-number)!important;line-height:1.15!important;
  font-weight:600!important;letter-spacing:.06em!important
}
.pillar h2{font-size:clamp(42px,3.2vw,58px)!important;line-height:1.05!important}
.pillar p{font-size:20px!important;line-height:1.6!important}
.approach-card h3,.capability-panel h2,.example-card h2,.resource-hub-card h2{
  font-size:var(--audit-card-title)!important;line-height:1.2!important
}
.approach-card p,.capability-panel>p,.example-card p,.resource-hub-card p{
  font-size:19px!important;line-height:1.62!important
}

/* Capability list and service list readability. */
.capability-panel li,.service-card li{font-size:18px!important;line-height:1.5!important;padding:15px 0!important}
.service-card>p{font-size:18px!important;line-height:1.6!important}

/* Transformation example labels and copy. */
.example-card h3{font-size:16px!important;line-height:1.4!important;letter-spacing:.12em!important}

/* Resource and FAQ pages use the same readable scale as homepage cards. */
.resource-hub-card b,.explore-action,.download-action{font-size:17px!important}
.faq-item summary{font-size:21px!important;line-height:1.45!important;font-weight:500!important;padding:24px 42px 24px 0!important}
.faq-item p{font-size:19px!important;line-height:1.65!important;padding:0 42px 24px 0!important}

/* Homepage sector band. */
@media(min-width:1001px){
 .hero-editorial .sector-strip{padding:30px 38px!important;gap:24px 40px!important}
 .hero-editorial .sector-strip span{font-size:16px!important;line-height:1.4!important;letter-spacing:.06em!important;font-weight:600!important}
 .hero-editorial .sector-strip span:before{width:10px!important;height:10px!important;margin-right:13px!important}
}

/* Notes remain subordinate but comfortably readable. */
.outcome-note,.metric-disclaimer,.targets-note,.improvement-note{font-size:17px!important;line-height:1.65!important}

/* Keep forms aligned with the site type scale. */
.form-progress{font-size:16px!important}.form-step legend{font-size:34px!important}
.field-grid span,.form-step label>span{font-size:16px!important}
.form-step input,.form-step select,.form-step textarea{font-size:18px!important}

/* Standard footer scale. */
footer h3{font-size:18px!important}footer a,footer p{font-size:15px!important;line-height:1.55!important}

@media(max-width:1000px){
 .site-nav>a{font-size:15px!important}
 .pillar-section .container,.approach-layout>.approach-cards,.capability-columns,.example-grid{
   width:min(100% - 40px,1180px)!important;margin-left:auto!important;transform:none!important
 }
 .pillar-grid,.approach-cards,.capability-columns,.example-grid{grid-template-columns:1fr!important}
}
@media(max-width:880px){
 .nav-wrap{min-height:78px!important}.logo-link img{width:174px!important}
 .site-nav{top:77px!important}.site-nav>a{font-size:17px!important;padding:11px 0!important}
}
@media(max-width:620px){
 :root{--audit-eyebrow:14px;--audit-body:17px;--audit-body-lg:18px;--audit-card-title:27px;--audit-number:20px}
 .pillar{padding:30px 24px!important}.approach-card,.capability-panel,.example-card{padding:28px!important}
}

/* =========================================================
   V2.2.26 — FULL SITE COMPOSITION, BALANCE & READABILITY AUDIT
   Homepage hero is the visual reference: balanced columns,
   clear hierarchy, readable sectors and wider horizontal cards.
   ========================================================= */
:root{--k-page-max:1440px;--k-feature-max:1520px;--k-nav-size:17px;--k-eyebrow-size:17px;--k-body-size:19px;--k-body-large:21px}
.container{width:min(calc(100% - 64px),var(--k-page-max))!important}.container.narrow{width:min(calc(100% - 64px),1180px)!important}
.site-header{background:rgba(255,255,255,.97)!important}.nav-wrap{min-height:94px!important;gap:30px!important}.logo-link img{width:205px!important;height:auto!important}.site-nav{gap:29px!important}.site-nav>a{font-size:var(--k-nav-size)!important;line-height:1.25!important;font-weight:400!important}.language-button,.nav-cta{font-size:16px!important;min-height:50px!important}.language-button{padding:11px 17px!important}.nav-cta{padding:13px 23px!important}
.eyebrow,.page-hero .eyebrow,.section-heading .eyebrow,.resource-preview .eyebrow,.contact .eyebrow{font-size:var(--k-eyebrow-size)!important;line-height:1.4!important;letter-spacing:.14em!important;font-weight:600!important}.page-hero{padding-top:112px!important;padding-bottom:112px!important}.page-hero h1{max-width:1050px!important;font-size:clamp(58px,6vw,92px)!important;line-height:1.02!important;letter-spacing:-.045em!important}.page-hero>div>p:not(.eyebrow),.section-heading>p:not(.eyebrow),.legal-page p,.legal-page li{font-size:var(--k-body-size)!important;line-height:1.7!important}.button{font-size:17px!important}
@media(min-width:1001px){body[data-page="home"] .hero-editorial .sector-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 44px!important;padding:30px 40px!important}body[data-page="home"] .hero-editorial .sector-strip span{display:flex!important;align-items:center!important;min-width:0!important;font-size:18px!important;line-height:1.35!important;letter-spacing:.045em!important;font-weight:600!important;white-space:normal!important}body[data-page="home"] .hero-editorial .sector-strip span::before{flex:0 0 auto!important;width:11px!important;height:11px!important;margin-right:14px!important;border-width:2px!important}}
.pillar-section .container,.approach-layout>.approach-cards,.capability-columns,.example-grid,.next-steps-section>.container{width:min(calc(100vw - 80px),var(--k-feature-max))!important;max-width:none!important}.pillar-grid,.approach-cards,.capability-columns,.example-grid,.next-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;align-items:stretch!important}.pillar,.approach-card,.capability-panel,.example-card,.next-steps-grid article{padding:36px 38px!important;min-width:0!important}.next-steps-grid article{display:grid!important;grid-template-rows:34px minmax(90px,auto) auto!important;align-content:start!important;min-height:0!important}.next-steps-grid article>span{align-self:start!important;margin:0 0 20px!important}.next-steps-grid article h3{align-self:start!important;min-height:0!important;margin:0 0 18px!important;font-size:31px!important;line-height:1.18!important}.next-steps-grid article p{align-self:start!important;margin:0!important;font-size:18px!important;line-height:1.58!important}
body[data-page="proposal"] .proposal-shell{padding:86px 0 92px!important}body[data-page="proposal"] .proposal-layout{width:min(calc(100% - 64px),1420px)!important;grid-template-columns:minmax(360px,.84fr) minmax(640px,1.16fr)!important;gap:72px!important;align-items:start!important}body[data-page="proposal"] .proposal-intro{position:sticky!important;top:126px!important;padding-top:12px!important}body[data-page="proposal"] .proposal-intro h1{font-size:clamp(54px,5vw,76px)!important}body[data-page="proposal"] .proposal-intro>p:not(.eyebrow){max-width:510px!important;font-size:20px!important;line-height:1.65!important}body[data-page="proposal"] .proposal-benefits{margin-top:30px!important}body[data-page="proposal"] .proposal-benefits p{margin:15px 0!important;font-size:18px!important}body[data-page="proposal"] .form-card{padding:32px 36px!important;border-radius:26px!important}body[data-page="proposal"] .field-grid{gap:20px 22px!important}body[data-page="proposal"] .form-step legend{margin-bottom:24px!important;font-size:34px!important}body[data-page="proposal"] .form-step input,body[data-page="proposal"] .form-step select{min-height:56px!important}body[data-page="proposal"] .form-actions{margin-top:22px!important}body[data-page="proposal"] .next-steps-section{padding-top:92px!important;padding-bottom:104px!important}body[data-page="proposal"] .next-steps-section .section-heading{max-width:var(--k-feature-max)!important;margin-left:auto!important;margin-right:auto!important}body[data-page="proposal"] .next-steps-grid{margin-top:42px!important}
.capability-panel h2,.example-card h2,.resource-hub-card h2{font-size:31px!important;line-height:1.2!important}.capability-panel>p,.example-card p,.resource-hub-card p{font-size:19px!important;line-height:1.62!important}.capability-panel li{font-size:18px!important;line-height:1.5!important}.resource-hub-grid{gap:30px!important}.resource-hub-card{padding:38px!important}.resource-hub-card p{color:#526779!important}
.faq-list{max-width:1180px!important}.faq-item summary{padding:27px 48px 27px 0!important;font-size:22px!important;line-height:1.4!important}.faq-item p{max-width:1020px!important;padding:0 48px 28px 0!important;font-size:19px!important;line-height:1.68!important}
.legal-page{padding-top:96px!important;padding-bottom:110px!important}.legal-page h2{font-size:34px!important;line-height:1.2!important;margin-top:52px!important}.legal-page h3{font-size:24px!important}
@media(max-width:1100px){.pillar-section .container,.approach-layout>.approach-cards,.capability-columns,.example-grid,.next-steps-section>.container{width:min(calc(100% - 48px),1180px)!important}body[data-page="proposal"] .proposal-layout{grid-template-columns:1fr!important;gap:50px!important}body[data-page="proposal"] .proposal-intro{position:static!important;max-width:760px!important}}
@media(max-width:900px){:root{--k-nav-size:16px;--k-eyebrow-size:15px;--k-body-size:18px;--k-body-large:19px}.pillar-grid,.approach-cards,.capability-columns,.example-grid,.next-steps-grid{grid-template-columns:1fr!important}.next-steps-grid article{grid-template-rows:auto!important}body[data-page="home"] .hero-editorial .sector-strip span{font-size:16px!important}}
@media(max-width:620px){.container,.container.narrow{width:min(calc(100% - 30px),1180px)!important}.page-hero{padding-top:76px!important;padding-bottom:78px!important}.page-hero h1{font-size:48px!important}body[data-page="home"] .hero-editorial .sector-strip{grid-template-columns:1fr!important;padding:24px!important}body[data-page="home"] .hero-editorial .sector-strip span{font-size:15px!important}.pillar,.approach-card,.capability-panel,.example-card,.next-steps-grid article{padding:28px!important}body[data-page="proposal"] .proposal-layout{width:min(calc(100% - 30px),1180px)!important}body[data-page="proposal"] .form-card{padding:25px!important}}

/* =========================================================
   V2.2.27 — FINAL LOGO, NOTE & DEMO HERO ALIGNMENT
   ========================================================= */
body[data-page="home"] .outcome-note{
  width:100%!important;
  max-width:none!important;
  margin:34px auto 0!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:16px!important;
  line-height:1.55!important;
}
@media(max-width:1180px){
  body[data-page="home"] .outcome-note{
    max-width:980px!important;
    white-space:normal!important;
  }
}

/* =========================================================
   V2.2.28 — HOMEPAGE DETAIL CORRECTIONS
   Restores the preferred card and section composition.
   ========================================================= */

/* Service cards: number top-left, icon top-right on one row. */
.service-card {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 42px auto auto 1fr !important;
  align-content: start !important;
  padding: 38px !important;
}
.service-card > span {
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
  min-height: 0 !important;
  margin: 0 !important;
}
.service-card .icon-box {
  position: absolute !important;
  top: 36px !important;
  right: 36px !important;
  float: none !important;
  margin: 0 !important;
}
.service-card h3 {
  grid-row: 2 !important;
  margin: 22px 0 18px !important;
}
.service-card > p {
  grid-row: 3 !important;
}
.service-card ul {
  grid-row: 4 !important;
  align-self: end !important;
  width: 100% !important;
}

/* Every homepage section eyebrow uses the Kryvea teal. */
.experience .eyebrow,
.about .eyebrow,
.transformation-preview .eyebrow {
  color: var(--teal-aa) !important;
}

/* Restore the preferred Transformation in Practice placement. */
.transformation-preview {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}
.transformation-preview .resource-preview-grid {
  align-items: center !important;
  gap: 80px !important;
}
.transformation-preview .resource-preview-grid > div:first-child {
  align-self: center !important;
}
.transformation-preview .eyebrow {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
}
.transformation-preview .resource-link-grid {
  align-self: center !important;
  transform: none !important;
  margin-top: 0 !important;
}

/* Keep the original balanced desktop proportion. */
@media (min-width: 1001px) {
  .transformation-preview .resource-preview-grid {
    grid-template-columns: .8fr 1.2fr !important;
  }
}

/* Responsive card placement. */
@media (max-width: 900px) {
  .service-card {
    padding: 30px !important;
  }
  .service-card .icon-box {
    top: 28px !important;
    right: 28px !important;
  }
  .transformation-preview {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .transformation-preview .resource-preview-grid {
    gap: 48px !important;
  }
}


/* V2.2.33 — Kryvea client-login navigation */
.nav-login{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:10px 16px!important;
  border:1px solid rgba(8,38,63,.22)!important;
  border-radius:999px!important;
  color:var(--navy)!important;
  background:rgba(255,255,255,.82)!important;
  font-weight:600!important;
  white-space:nowrap!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;
}
.nav-login:hover,
.nav-login:focus-visible{
  color:var(--navy)!important;
  background:rgba(50,188,194,.12)!important;
  border-color:var(--teal)!important;
  transform:translateY(-1px)!important;
}
@media(max-width:880px){
  .site-nav .nav-login{
    width:100%!important;
    margin-top:4px!important;
    min-height:48px!important;
    background:#f5fafb!important;
  }
}


/* =========================================================
   V2.2.35 — PAGE HEADING POLISH + PRIVATE DEMO NAV
   ========================================================= */
.page-hero h1{
  max-width:940px!important;
  font-size:clamp(52px,5vw,78px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
}
.page-hero>div>p:not(.eyebrow){max-width:900px!important}
@media(max-width:900px){.page-hero h1{font-size:clamp(46px,8vw,64px)!important}}
@media(max-width:620px){.page-hero h1{font-size:42px!important;line-height:1.06!important}}