/* About page: "Who We Are" — photo + stat card on the left, copy on the right. Scoped to .about-who. */
.about-who { position: relative; isolation: isolate; overflow-x: clip; padding: clamp(64px, 8vw, 110px) 0; background: linear-gradient(180deg, #fff 0%, #f5f8fd 100%); font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.about-who::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(40% 45% at 0% 15%, rgba(31, 111, 255, .08), transparent 70%), radial-gradient(35% 40% at 100% 100%, rgba(255, 106, 31, .08), transparent 70%); }
.about-who *, .about-who *::before, .about-who *::after { box-sizing: border-box; }
.about-who__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 6vw, 88px); align-items: center; }

/* photo with offset frame + overlapping stat card */
.about-who__media { position: relative; width: 100%; max-width: 500px; margin: 0 auto 0 0; padding: 0 0 46px 26px; }
.about-who__media::before { content: ""; position: absolute; z-index: -1; left: 0; top: 30px; right: 30px; bottom: 16px; border-radius: 26px; background: linear-gradient(140deg, #0b3c8a, #1f6fff); opacity: .1; }
.about-who__media::after { content: ""; position: absolute; z-index: -1; right: -14px; top: -14px; width: 120px; height: 120px; border-radius: 20px; background-image: radial-gradient(rgba(255, 106, 31, .55) 2px, transparent 2.5px); background-size: 16px 16px; }
.about-who__photo { overflow: hidden; border-radius: 24px; border: 6px solid #fff; box-shadow: 0 34px 70px -34px rgba(11, 60, 138, .55); aspect-ratio: 9 / 10; background: #e8eef8; }
.about-who__photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.about-who__media:hover .about-who__photo img { transform: scale(1.04); }

.about-who__stat { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; gap: 16px; max-width: 320px; padding: 18px 22px 18px 18px; border-radius: 18px; background: #fff; border: 1px solid #e3eaf5; box-shadow: 0 24px 48px -22px rgba(11, 28, 57, .4); }
.about-who__stat::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 4px; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, #ff6a1f, #1f6fff); }
.about-who__stat-ico { flex: none; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; color: #fff; font-size: 21px; background: linear-gradient(140deg, #ff9a52, #ff5f13 55%, #c2410c); box-shadow: 0 12px 24px -10px rgba(255, 95, 19, .7); }
.about-who .about-who__stat p { margin: 0; }
.about-who .about-who__stat-num { font: 800 34px/1 "Barlow", sans-serif; letter-spacing: -.02em; color: #c2410c; }
.about-who .about-who__stat-label { margin-top: 4px; font: 700 15px/1.3 "Barlow", sans-serif; color: #073965; }
.about-who .about-who__stat-tags { margin-top: 6px; font: 500 12.5px/1.4 "Barlow", sans-serif; color: #6b7280; }

/* copy */
.about-who__copy { max-width: 620px; }
.about-who__kicker { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; padding: 7px 15px; border-radius: 999px; background: #eaf1ff; border: 1px solid #d3e2ff; font: 700 12.5px/1 "Barlow", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #0b3c8a; }
.about-who__kicker::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff6a1f; }
.about-who h2 { margin: 0 0 16px; font: 800 clamp(30px, 3.4vw, 44px)/1.12 "Barlow", sans-serif; letter-spacing: -.02em; color: #073965; text-transform: none; }
.about-who h2::after { content: ""; display: block; width: 64px; height: 4px; margin-top: 14px; border-radius: 4px; background: linear-gradient(90deg, #ff6a1f, #1f6fff); }
.about-who .about-who__lead { margin: 0 0 22px; font: 600 clamp(18px, 1.6vw, 20px)/1.55 "Barlow", sans-serif; color: #14213d; }
.about-who__text p { margin: 0 0 14px; font-size: 16px; line-height: 1.75; color: #4b5563; }
.about-who .about-who__approach { position: relative; margin: 8px 0 26px; padding: 16px 20px 16px 22px; border-radius: 14px; background: #fff; border: 1px solid #e3eaf5; border-left: 4px solid #ff6a1f; box-shadow: 0 14px 30px -24px rgba(11, 60, 138, .5); font: 600 16px/1.6 "Barlow", sans-serif; color: #073965; }

/* CTA */
.about-who__cta { display: inline-flex; align-items: center; gap: 12px; min-height: 50px; padding: 6px 7px 6px 22px; border-radius: 999px; background: linear-gradient(100deg, #c2410c, #ff6a1f); color: #fff; font: 700 16px/1.2 "Barlow", sans-serif; text-decoration: none; box-shadow: 0 14px 28px -12px rgba(194, 65, 12, .6); transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s; }
.about-who__cta:hover, .about-who__cta:focus-visible { color: #fff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 18px 34px -12px rgba(194, 65, 12, .7); }
.about-who__cta:focus-visible { outline: 3px solid #1f6fff; outline-offset: 3px; }
.about-who__cta-arrow { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #fff; color: #c2410c; font-size: 18px; transition: transform .3s cubic-bezier(.2, .7, .2, 1); }
.about-who__cta:hover .about-who__cta-arrow { transform: translateX(4px); }

@media (max-width: 991px) {
    .about-who__grid { grid-template-columns: minmax(0, 1fr); }
    .about-who__media { margin: 0 auto; width: 100%; }
    .about-who__copy { max-width: none; }
}
@media (max-width: 575px) {
    .about-who__media { padding: 0 0 54px 12px; }
    .about-who__media::after { right: -6px; width: 80px; height: 80px; }
    .about-who__stat { left: 0; right: 12px; max-width: none; padding: 14px 16px 14px 14px; }
    .about-who .about-who__stat-num { font-size: 28px; }
    .about-who__text p { font-size: 15.5px; }
    .about-who__cta { width: 100%; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) { .about-who__photo img, .about-who__cta, .about-who__cta-arrow { transition: none; } .about-who__media:hover .about-who__photo img { transform: none; } }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
#vision_missin { scroll-margin-top: 100px; }
/* desktop: columns start together; the photo stays beside the copy while reading */
@media (min-width: 992px) {
    .about-who__grid { align-items: start; }
    .about-who__media { position: sticky; top: 120px; margin-top: 8px; }
}

/* About page: Vision & Mission — dark photo band with two glass cards. Scoped to .about-vm. */
.about-vm { position: relative; isolation: isolate; overflow: hidden; padding: clamp(64px, 8vw, 110px) 0; color: #fff; font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #061a3d var(--vm-bg) center / cover no-repeat; }
.about-vm::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 55% at 100% 0%, rgba(31, 111, 255, .35), transparent 70%), radial-gradient(45% 50% at 0% 100%, rgba(255, 106, 31, .22), transparent 70%), linear-gradient(160deg, rgba(4, 16, 40, .94) 0%, rgba(8, 34, 80, .9) 100%); }
.about-vm *, .about-vm *::before, .about-vm *::after { box-sizing: border-box; }
.about-vm__head { max-width: 760px; margin: 0 auto clamp(34px, 4vw, 52px); text-align: center; }
.about-vm__kicker { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; padding: 7px 15px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); font: 700 12.5px/1 "Barlow", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #ffc092; }
.about-vm__kicker::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff6a1f; }
.about-vm h2 { margin: 0 0 14px; font: 800 clamp(30px, 3.4vw, 44px)/1.12 "Barlow", sans-serif; letter-spacing: -.02em; color: #fff; text-transform: none; }
.about-vm h2::after { content: ""; display: block; width: 64px; height: 4px; margin: 14px auto 0; border-radius: 4px; background: linear-gradient(90deg, #ff6a1f, #1f6fff); }
.about-vm__head p { margin: 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.65; color: rgba(255, 255, 255, .82); }

.about-vm__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; max-width: 1140px; margin: 0 auto; }
.about-vm__card { position: relative; display: flex; flex-direction: column; overflow: hidden; padding: clamp(26px, 3vw, 38px); border-radius: 22px; border: 1px solid rgba(255, 255, 255, .16); background: linear-gradient(150deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04)); backdrop-filter: blur(10px); box-shadow: 0 34px 70px -40px rgba(0, 0, 0, .8); transition: transform .35s cubic-bezier(.2, .7, .2, 1), border-color .3s; }
.about-vm__card::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #ff6a1f, #1f6fff); }
.about-vm__card:hover { transform: translateY(-5px); border-color: rgba(255, 178, 122, .45); }
.about-vm__top { display: flex; align-items: center; gap: 14px; margin: 0 0 16px; }
.about-vm__ico { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #fff; font-size: 20px; background: linear-gradient(140deg, #ff9a52, #ff5f13 55%, #c2410c); box-shadow: 0 12px 24px -10px rgba(255, 95, 19, .7); }
.about-vm__label { font: 700 12.5px/1.3 "Barlow", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #ffb27a; }
.about-vm h3 { margin: 0 0 14px; font: 800 clamp(22px, 2.1vw, 28px)/1.2 "Barlow", sans-serif; letter-spacing: -.01em; color: #fff; text-transform: none; }
.about-vm .about-vm__lead { margin: 0 0 14px; font: 600 17px/1.6 "Barlow", sans-serif; color: #eef3ff; }
.about-vm__text p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.72; color: rgba(222, 232, 250, .82); }
.about-vm .about-vm__close { margin: 6px 0 22px; padding: 13px 16px; border-radius: 12px; border: 1px solid rgba(255, 138, 61, .32); background: linear-gradient(100deg, rgba(255, 138, 61, .16), rgba(255, 138, 61, .04)); font: 700 15.5px/1.5 "Barlow", sans-serif; color: #fff; }
.about-vm__stat { display: flex; align-items: baseline; gap: 12px; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .12); }
.about-vm__stat-num { font: 800 40px/1 "Barlow", sans-serif; letter-spacing: -.02em; color: #ff8a3d; }
.about-vm__stat-label { font: 700 13px/1.3 "Barlow", sans-serif; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }

.about-vm__foot { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: clamp(30px, 4vw, 46px); text-align: center; }
.about-vm .about-vm__tags { margin: 0; font: 600 15px/1.5 "Barlow", sans-serif; letter-spacing: .02em; color: rgba(255, 255, 255, .78); }

@media (max-width: 991px) { .about-vm__grid { grid-template-columns: minmax(0, 1fr); max-width: 680px; } }
@media (max-width: 575px) {
    .about-vm__card { padding: 24px 20px; border-radius: 18px; }
    .about-vm__text p { font-size: 15px; }
    .about-vm__stat-num { font-size: 34px; }
    .about-vm__foot .about-who__cta { width: 100%; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) { .about-vm__card { transition: none; } .about-vm__card:hover { transform: none; } }

/* About page: "Deovate in Numbers" — same card look (dark band + icon shield + rounded base), now with aligned rows:
   title (2-line slot) → number → line → text → note pinned to the bottom. Scoped to .about-numbers. */
.about-numbers .row > [class*="col-"] { display: flex; }
.about-numbers.counter-facts .counter, .about-numbers .counter-facts .counter { display: flex; flex-direction: column; width: 100%; max-width: 300px; height: 100%; min-height: 0; margin: 0 auto; padding: 10px 22px 46px; border-radius: 22px 22px 120px 120px; box-shadow: 0 18px 36px -22px rgba(11, 28, 57, .45); transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s; overflow: hidden; }
.about-numbers .counter-facts .counter::before { border-radius: 22px 22px 0 0; }
/* light sweep across the dark band on hover */
.about-numbers .counter-facts .counter::after { content: ""; position: absolute; top: 0; left: -60%; width: 45%; height: 105px; pointer-events: none; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .16), transparent); transform: skewX(-20deg); transition: left .8s cubic-bezier(.2, .7, .2, 1); }
.about-numbers .counter-facts .counter:hover { transform: translateY(-8px); box-shadow: 0 30px 50px -24px rgba(11, 28, 57, .55); }
.about-numbers .counter-facts .counter:hover::after { left: 120%; }
.about-numbers .counter-facts .counter .counter-icon { flex: none; transition: transform .45s cubic-bezier(.2, .8, .2, 1.3); }
.about-numbers .counter-facts .counter:hover .counter-icon { transform: translateY(-24px) scale(1.04); }

.about-numbers .counter-content { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; }
.about-numbers .counter-facts .counter h3 { display: flex; align-items: center; justify-content: center; min-height: 2.6em; margin: 4px 0 6px; font-size: 16px; line-height: 1.3; }
.about-numbers .about-numbers__num { position: relative; display: flex; align-items: baseline; justify-content: center; gap: 2px; margin: 0 0 14px; padding-bottom: 12px; }
.about-numbers .counter-facts .counter .counter-value { display: inline; font-size: 40px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; color: #14213d; }
.about-numbers .about-numbers__suffix { font-size: 28px; font-weight: 700; line-height: 1; color: #ef5a15; }
.about-numbers .about-numbers__num::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 48px; height: 3px; margin-left: -24px; border-radius: 3px; background: linear-gradient(90deg, #ff6a1f, #1f6fff); }
.about-numbers .about-numbers__text { margin: 0 0 14px; font-size: 14.5px; line-height: 1.6; color: #4b5563; }
.about-numbers .about-numbers__note { margin: auto 0 0; padding: 7px 12px; border-radius: 999px; background: #fff3ec; border: 1px solid #fbd5c0; font-size: 12.5px; font-weight: 700; line-height: 1.35; color: #c2410c; }

/* entrance (JS adds .is-ready, then .is-in when the section is seen) */
.about-numbers.is-ready .counter-icon { opacity: 0; transform: translateY(-20px) scale(.6); }
.about-numbers.is-in .counter-icon { opacity: 1; transform: translateY(-20px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .8, .2, 1.3); transition-delay: calc(var(--i, 0) * 120ms + 150ms); }
.about-numbers.is-in .counter:hover .counter-icon { transform: translateY(-24px) scale(1.04); transition-delay: 0s; }
.about-numbers.is-ready .about-numbers__num::after { width: 0; margin-left: 0; }
.about-numbers.is-in .about-numbers__num::after { width: 48px; margin-left: -24px; transition: width .7s cubic-bezier(.2, .7, .2, 1), margin-left .7s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--i, 0) * 120ms + 600ms); }
.about-numbers.is-ready .about-numbers__note { opacity: 0; transform: translateY(8px); }
.about-numbers.is-in .about-numbers__note { opacity: 1; transform: none; transition: opacity .5s ease, transform .5s ease; transition-delay: calc(var(--i, 0) * 120ms + 900ms); }

@media (max-width: 1199px) { .about-numbers .row > [class*="col-"] { margin-bottom: 8px; } .about-numbers.counter-facts .counter, .about-numbers .counter-facts .counter { margin-bottom: 0; } }
@media (prefers-reduced-motion: reduce) {
    .about-numbers .counter, .about-numbers .counter-icon, .about-numbers .about-numbers__note, .about-numbers .about-numbers__num::after { transition: none !important; }
    .about-numbers.is-ready .counter-icon, .about-numbers.is-ready .about-numbers__note { opacity: 1; }
    .about-numbers .counter-facts .counter:hover { transform: none; }
}

/* About page: Core Values — 2-up premium cards: icon + big number on the left, copy on the right. Scoped to .about-values. */
.about-values { position: relative; isolation: isolate; overflow: hidden; padding: clamp(64px, 8vw, 110px) 0; background: linear-gradient(180deg, #f5f8fd 0%, #fff 60%); font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.about-values::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(40% 35% at 100% 0%, rgba(31, 111, 255, .08), transparent 70%), radial-gradient(40% 35% at 0% 100%, rgba(255, 106, 31, .08), transparent 70%); }
.about-values *, .about-values *::before, .about-values *::after { box-sizing: border-box; }
.about-values__head { max-width: 760px; margin: 0 auto clamp(34px, 4vw, 54px); text-align: center; }
.about-values h2 { margin: 0 0 14px; font: 800 clamp(30px, 3.4vw, 44px)/1.12 "Barlow", sans-serif; letter-spacing: -.02em; color: #073965; text-transform: none; }
.about-values h2::after { content: ""; display: block; width: 64px; height: 4px; margin: 14px auto 0; border-radius: 4px; background: linear-gradient(90deg, #ff6a1f, #1f6fff); }
.about-values__head p { margin: 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.65; color: #4b5563; }

.about-values__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.about-values__card { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 22px; padding: 30px 30px 28px 26px; border: 1px solid #e3eaf5; border-radius: 22px; background: #fff; box-shadow: 0 22px 44px -34px rgba(11, 60, 138, .5); overflow: hidden; transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s, border-color .3s; }
.about-values__card::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #ff6a1f, #1f6fff); transform: scaleX(.12); transform-origin: left; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.about-values__card::after { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(31, 111, 255, .08), transparent 70%); transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.about-values__card:hover { transform: translateY(-6px); border-color: #c4d5f3; box-shadow: 0 32px 56px -32px rgba(11, 60, 138, .55); }
.about-values__card:hover::before, .about-values__card:focus-within::before { transform: scaleX(1); }
.about-values__card:hover::after { transform: scale(1.4); }

.about-values__side { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.about-values__ico { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; color: #fff; font-size: 24px; background: linear-gradient(140deg, #0b3c8a 0%, #1f6fff 100%); box-shadow: 0 14px 28px -12px rgba(31, 111, 255, .7); transition: transform .45s cubic-bezier(.2, .8, .2, 1.3), background .4s; }
.about-values__card:hover .about-values__ico { transform: rotate(-8deg) scale(1.06); background: linear-gradient(140deg, #ff9a52, #ff5f13 55%, #c2410c); box-shadow: 0 14px 28px -12px rgba(255, 95, 19, .7); }
.about-values__num { font: 800 34px/1 "Barlow", sans-serif; letter-spacing: -.03em; color: rgba(11, 60, 138, .12); transition: color .4s; }
.about-values__card:hover .about-values__num { color: rgba(255, 106, 31, .35); }

.about-values__body { position: relative; z-index: 1; display: flex; flex-direction: column; }
.about-values .about-values__label { margin: 4px 0 6px; font: 700 12px/1.3 "Barlow", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #c2410c; }
.about-values h3 { margin: 0 0 12px; font: 800 clamp(20px, 1.8vw, 24px)/1.2 "Barlow", sans-serif; letter-spacing: -.01em; color: #073965; text-transform: none; }
.about-values__body p { margin: 0 0 10px; font-size: 15.5px; line-height: 1.7; color: #4b5563; }
.about-values .about-values__lead { font-weight: 600; color: #14213d; }
.about-values .about-values__close { margin: auto 0 0; padding: 12px 16px; border-radius: 12px; border: 1px solid #fbd5c0; border-left: 4px solid #ff6a1f; background: #fff7f2; font-weight: 700; line-height: 1.5; color: #073965; }
.about-values__body > p:nth-last-child(2) { margin-bottom: 16px; }

/* footer */
.about-values__foot { max-width: 760px; margin: clamp(36px, 4vw, 52px) auto 0; text-align: center; }
.about-values .about-values__statement { margin: 0 0 22px; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.65; font-weight: 600; color: #14213d; }
.about-values__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 18px; }
.about-values__cta-2 { display: inline-flex; align-items: center; min-height: 50px; padding: 0 22px; border: 2px solid #0b3c8a; border-radius: 999px; font: 700 16px/1.2 "Barlow", sans-serif; color: #0b3c8a; text-decoration: none; transition: background-color .25s, color .25s, transform .25s; }
.about-values__cta-2:hover, .about-values__cta-2:focus-visible { background: #0b3c8a; color: #fff; text-decoration: none; transform: translateY(-2px); }
.about-values .about-values__tags { margin: 18px 0 0; font-size: 14.5px; font-weight: 600; color: #6b7280; }
#roadmap { scroll-margin-top: 100px; }

/* scroll reveal (JS adds .is-ready on the section, .is-in per card) */
.about-values.is-ready .about-values__card, .about-values.is-ready .about-values__foot { opacity: 0; transform: translate3d(0, 34px, 0); }
.about-values.is-ready .about-values__card.is-in, .about-values.is-ready .about-values__foot.is-in { opacity: 1; transform: none; transition: opacity .6s ease, transform .75s cubic-bezier(.2, .7, .2, 1), box-shadow .4s, border-color .3s; transition-delay: calc(var(--i, 0) % 2 * 120ms), calc(var(--i, 0) % 2 * 120ms), 0s, 0s; }
.about-values.is-ready .about-values__card.is-in:hover { transform: translateY(-6px); transition-delay: 0s; }
.about-values.is-ready .about-values__card .about-values__ico { transform: scale(.5) rotate(-20deg); opacity: 0; }
.about-values.is-ready .about-values__card.is-in .about-values__ico { transform: none; opacity: 1; transition: transform .6s cubic-bezier(.2, .8, .2, 1.3), opacity .4s ease, background .4s; transition-delay: calc(var(--i, 0) % 2 * 120ms + 250ms); }
.about-values.is-ready .about-values__card.is-in:hover .about-values__ico { transform: rotate(-8deg) scale(1.06); transition-delay: 0s; }

@media (max-width: 991px) { .about-values__grid { grid-template-columns: minmax(0, 1fr); max-width: 720px; margin: 0 auto; } }
@media (max-width: 575px) {
    .about-values__card { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 24px 20px; }
    .about-values__side { flex-direction: row; justify-content: space-between; }
    .about-values__ico { width: 54px; height: 54px; font-size: 21px; }
    .about-values__body p { font-size: 15px; }
    .about-values__cta a { width: 100%; justify-content: center; }
}
@media (hover: none) { .about-values__card:hover, .about-values.is-ready .about-values__card.is-in:hover { transform: none; } }

/* About page: Founder — existing phone + tablet design; styles for the bio lead, expertise list and quote. */
.about-founder .founder-tablet-body p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.75; color: #4b5563; }
.about-founder .founder-tablet-body .about-founder__lead { font-size: 17px; font-weight: 600; color: #14213d; }
.about-founder .about-founder__h { margin: 22px 0 14px; font: 800 13px/1.2 "Barlow", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #c2410c; }
.about-founder__skills { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.about-founder__skills li { display: flex; align-items: flex-start; gap: 12px; padding: 14px 14px; border: 1px solid #e3eaf5; border-radius: 14px; background: #fff; transition: transform .3s cubic-bezier(.2, .7, .2, 1), border-color .3s, box-shadow .3s; }
.about-founder__skills li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.about-founder__skills li:hover { transform: translateY(-3px); border-color: #c4d5f3; box-shadow: 0 16px 30px -22px rgba(11, 60, 138, .5); }
.about-founder__ico { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: #fff; font-size: 16px; background: linear-gradient(140deg, #0b3c8a, #1f6fff); transition: transform .35s cubic-bezier(.2, .8, .2, 1.3), background .3s; }
.about-founder__skills li:hover .about-founder__ico { transform: rotate(-8deg) scale(1.06); background: linear-gradient(140deg, #ff9a52, #ff5f13 55%, #c2410c); }
.about-founder__skills strong { display: block; margin: 1px 0 3px; font: 700 15.5px/1.3 "Barlow", sans-serif; color: #073965; }
.about-founder__skills span:not(.about-founder__ico) { display: block; font-size: 14px; line-height: 1.55; color: #4b5563; }
.about-founder .about-founder__quote { position: relative; margin: 22px 0 0; padding: 20px 22px 20px 58px; border-radius: 16px; background: linear-gradient(135deg, #0b3c8a, #1450c8); box-shadow: 0 18px 36px -22px rgba(11, 60, 138, .7); }
.about-founder .about-founder__quote::before { content: "\201C"; position: absolute; left: 16px; top: 4px; font: 800 56px/1 Georgia, serif; color: #ff8a3d; }
.about-founder .about-founder__quote p { margin: 0; font: 600 italic 17px/1.55 "Barlow", sans-serif; color: #fff; }
@media (max-width: 767px) { .about-founder__skills { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .about-founder__skills li, .about-founder__ico { transition: none; } .about-founder__skills li:hover { transform: none; } }
/* the founder tablet grows with its content (no hidden inner scroll) */
.about-founder .app-tablet-screen { min-height: 0; max-height: none; }
.about-founder .founder-tablet-body { overflow: visible; }

/* About page: Office & Culture — same glass card; readable paragraph rhythm + a highlighted closing line */
.office_area .about-office__text p { margin: 0 0 14px; font-size: 15.5px; line-height: 1.75; color: rgba(255, 255, 255, .8); }
.office_area .about-office__text .about-office__short { font-weight: 700; color: #ffc092; }
.office_area .about-office__text .about-office__close { margin: 20px 0 0; padding: 14px 18px; border-radius: 12px; border: 1px solid rgba(255, 138, 61, .32); border-left: 4px solid #ff8a3d; background: linear-gradient(100deg, rgba(255, 138, 61, .16), rgba(255, 138, 61, .04)); font-weight: 600; color: #fff; }

/* About page: Key Advantages — existing office-item cards; label, pinned closing line and footer. Scoped to .about-adv. */
.about-adv .office-item { display: flex; flex-direction: column; }
.about-adv .office-content { display: flex; flex-direction: column; flex: 1 1 auto; }
.about-adv .office-content p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.65; }
.about-adv .office-content .about-adv__label { margin: 0 0 6px; font: 700 12px/1.3 "Barlow", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #c2410c; }
.about-adv .office-content h4 { margin-bottom: 12px; }
.about-adv .office-content .about-adv__close { margin: auto 0 0; padding-top: 12px; border-top: 1px solid #e3eaf5; font-weight: 700; color: #073965; }
.about-adv .office-content > p:nth-last-child(2) { margin-bottom: 14px; }
.about-adv__foot { max-width: 780px; margin: clamp(36px, 4vw, 52px) auto 0; text-align: center; font-family: "Barlow", system-ui, sans-serif; }
.about-adv .about-adv__statement { margin: 0 0 22px; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.65; font-weight: 600; color: #14213d; }
.about-adv__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 18px; }
.about-adv .about-adv__tags { margin: 18px 0 0; font-size: 14.5px; font-weight: 600; color: #6b7280; }
@media (max-width: 575px) { .about-adv__cta a { width: 100%; justify-content: center; } }

/* CTA band: optional services line under the button (shared _cta_section, set via staticContent.tags) */
.call-2-acction .c2a .c2a-tags { margin: 18px 0 0; font: 600 14.5px/1.5 "Barlow", sans-serif; letter-spacing: .02em; color: rgba(255, 255, 255, .82); }