/* Arkvera additions layered on the Webflow stylesheet */
.ak-section { padding: 100px 0; background: var(--white); }
.ak-section.ak-dark { background: var(--purple-brand); color: var(--white); }
.ak-section.ak-dark .tag { color: #c9b27c; }
.ak-section.ak-dark p { color: rgba(255,255,255,.78); }
.ak-section.ak-where { padding-bottom: 20px; }
.ak-head { display: flex; flex-direction: column; gap: 12px; max-width: 640px; }
.ak-head h2 { font-size: 48px; }
.ak-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; }
.ak-lede p { font-size: 20px; line-height: 1.5; margin: 0; }
.ak-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 56px;
  border-top: 1px solid var(--neutral-lighter); }
.ak-card { padding: 28px 28px 36px 0; border-bottom: 1px solid var(--neutral-lighter);
  display: flex; flex-direction: column; gap: 12px; }
.ak-card + .ak-card { padding-left: 0; }
.ak-grid .ak-card:not(:nth-child(3n+1)) { padding-left: 28px; border-left: 1px solid var(--neutral-lighter); }
.ak-card p { color: var(--neutral); margin: 0; }
.ak-num { font-family: "Roboto Mono", monospace; font-size: 14px; color: var(--neutral-light); }
.ak-dark .ak-num { color: #c9b27c; }
.ak-actions { margin-top: 40px; }
.ak-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 56px; }
.ak-step { border-top: 1px solid rgba(255,255,255,.25); padding-top: 24px;
  display: flex; flex-direction: column; gap: 12px; }
.ak-step p { margin: 0; font-size: 17px; line-height: 1.5; }
.chips { text-decoration: none; color: inherit; transition: opacity .3s; }
a.chips:hover { opacity: .75; }
.ak-disclosure { margin-bottom: 12px; }
/* contact form */
.ak-form { display: flex; flex-direction: column; gap: 18px; }
.ak-form label { display: flex; flex-direction: column; gap: 6px; font-size: 14px;
  font-family: "Roboto Mono", monospace; text-transform: uppercase; color: var(--neutral-dark); flex: 1; }
.ak-form input, .ak-form select, .ak-form textarea { font: 17px/1.4 Inter, sans-serif; color: var(--black);
  text-transform: none; border: 1px solid var(--neutral-lighter); border-radius: 8px; padding: 12px 14px;
  background: var(--white); width: 100%; box-sizing: border-box; }
.ak-form input:focus, .ak-form select:focus, .ak-form textarea:focus {
  outline: 2px solid var(--purple-brand); outline-offset: 1px; border-color: transparent; }
.ak-row { display: flex; gap: 18px; }
.ak-form button { align-self: flex-start; border: 0; cursor: pointer; padding: 12px 28px; color: #fff; }
.ak-form button:hover { background: var(--purple-brand); }
.ak-hp { position: absolute; left: -9999px; }
#start .ak-split { align-items: start; }
.ak-note { color: var(--neutral); margin-top: 8px; }
@media (max-width: 991px) {
  .ak-split { grid-template-columns: 1fr; gap: 24px; }
  .ak-grid { grid-template-columns: 1fr 1fr; }
  .ak-grid .ak-card:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; }
  .ak-grid .ak-card:nth-child(2n) { padding-left: 24px; border-left: 1px solid var(--neutral-lighter); }
  .ak-steps { grid-template-columns: 1fr; }
  .ak-head h2 { font-size: 38px; }
}
@media (max-width: 600px) {
  .ak-section { padding: 64px 0; }
  .ak-grid { grid-template-columns: 1fr; }
  .ak-grid .ak-card:nth-child(2n) { padding-left: 0; border-left: 0; }
  .ak-row { flex-direction: column; }
  .ak-head h2 { font-size: 32px; }
}
/* spacing fixes after template cleanup */
.homepage-v1-factor-focus-section .about-us-v1-faq-content-wrapper { margin-top: 96px; }
.blog-v1-latest-article-container { max-width: 1440px; margin: 0 auto; padding: 80px 6.9% 96px; }
.blog-v1-latest-article-container h2 { margin-bottom: 32px; }
.linkedin-embed-grid { display: flex; justify-content: center; }
.linkedin-dev-card { width: 100%; max-width: 560px; }
#start { padding-top: 24px; }
@media (max-width: 600px) { .homepage-v1-hero-section .hero-grid { display: none; } }
/* LinkedIn logo on contact: half size */
.contact-us-headquarters-address-wrapper .image-2 { width: 145px; max-width: 100%; height: auto; padding-right: 0; }
/* hero note under primary button (2026-09-26 messaging update) */
.ak-hero-note { margin: -1rem 0 0; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.72); max-width: 520px; }
.homepage-v1-testimonial-avatar-text-wrapper a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ak-hero-note { text-shadow: 0 1px 3px rgba(0,0,0,.55); color: rgba(255,255,255,.85); }
/* founder bio + published work (restored 2026-09-26) */
.ak-split.ak-top { align-items: start; }
.ak-bio p { font-size: 18px; line-height: 1.6; margin: 0 0 18px; color: var(--neutral-dark); }
.ak-bio a, .ak-textlink { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ak-dark .ak-textlink { color: #fff; }
.ak-btns { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.ak-section .ak-head p { margin: 0; }
.ak-grove { padding: 72px 0; border-top: 1px solid var(--neutral-lighter); }
.ak-grove .ak-split { align-items: center; }
/* 2026-09-26: What We Do statement at a readable size */
.ak-statement { font-size: 36px; line-height: 1.3; max-width: 820px; }
@media (max-width: 991px) { .ak-statement { font-size: 30px; } }
@media (max-width: 600px) { .ak-statement { font-size: 24px; } }
/* 2026-09-26: Partners, Redchip card */
.ak-partner-next { margin-top: 96px; padding-top: 96px; border-top: 1px solid var(--neutral-lighter); }
.ak-rc-panel { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; min-height: 360px;
  padding: 40px; border-radius: 12px; background: var(--purple-brand); color: #fff; text-decoration: none;
  transition: opacity .3s; }
.ak-rc-panel:hover { opacity: .92; }
.ak-rc-name { font-size: 40px; line-height: 1.1; letter-spacing: -.02em; }
.ak-rc-tag { font-size: 18px; color: rgba(255,255,255,.78); }
.ak-rc-link { margin-top: 16px; font-family: "Roboto Mono", monospace; font-size: 14px; color: #c9b27c; }
@media (max-width: 991px) { .ak-partner-next { margin-top: 60px; padding-top: 60px; } .ak-rc-panel { min-height: 240px; } }
/* 2026-09-26: About CTA, background fills the section, padding under the button */
.cta-v2-section { padding-bottom: 96px; }
.cta-v2-ornamen._1 { width: 100%; height: 100%; object-fit: cover; inset: 0; }
@media (max-width: 600px) { .cta-v2-section { padding-bottom: 64px; } }