.keyboard-ghosts .key-ghost:nth-child(-n+6){visibility:hidden}
.keyboard-number-row{position:absolute;z-index:1;inset:0 0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:80px;gap:12px;height:80px;pointer-events:none;opacity:.15}
.keyboard-number-row>span{--key-blue:var(--blue);position:relative;isolation:isolate;min-width:0;padding:18px;border:1px solid #091630;border-radius:12px;background-color:#020814;color:#3b73cb;font-size:16px;font-weight:400;box-shadow:0 2px 2px #000f,0 8px 12px -3px #000d,0 20px 34px -12px #000d,inset 0 -2px 1px #000f}
.keyboard-number-row>span::before{content:"";position:absolute;z-index:-1;inset:3px 3px 7px;border:1px solid color-mix(in srgb,var(--key-blue) 56%,#02070b);border-radius:7px;background-color:#153b78;background-image:radial-gradient(110% 115% at 50% 100%,color-mix(in srgb,var(--key-blue) 42%,#02070b),color-mix(in srgb,var(--key-blue) 16%,#02070b));box-shadow:inset 0 1px 1px #79a9ff47,inset 0 -1px 2px #000b,inset 1px 0 1px #457eec24;pointer-events:none}
.keyboard-number-row>span::after{content:"";position:absolute;z-index:-1;left:7px;right:7px;bottom:3px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#081831,#020711)}
.who-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:center;gap:clamp(32px,4vw,76px);min-height:clamp(620px,80svh,820px);padding:48px var(--edge) 64px;background:var(--canvas);isolation:isolate}
.who-art{position:relative;width:calc(100% + 36px);max-width:1040px;margin-left:-36px;aspect-ratio:1016/773;min-width:0;perspective:1100px}
.who-scene{position:relative;width:100%;height:100%}
.who-live-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.who-scene[data-renderer="webgl"] .who-fallback{opacity:0;visibility:hidden;transition:opacity 1.8s ease-in-out,visibility 0s 1.8s}
.who-scene:not([data-renderer="webgl"]) .who-live-canvas{visibility:hidden}
.who-scene[data-renderer="fallback"] .who-live-canvas{display:none}
.who-fallback{display:block;position:absolute;width:29%;height:56%;inset:22% 35.5% auto;object-fit:contain}
.who-copy{min-width:0;max-width:510px;padding-block:30px;transition:opacity 1.8s ease-in-out,transform 2.1s cubic-bezier(.2,.8,.2,1)}
.who-copy:focus-within{transition:none}
.who-section.is-armed .who-live-canvas{opacity:0;transition:opacity 1.8s ease-in-out}
.who-section.is-armed.is-revealed .who-live-canvas{opacity:1}

.who-copy h2,.pillars-intro h2{font-size:clamp(40px,3.7vw,60px);font-weight:600;line-height:1.12;letter-spacing:-.035em}
.who-copy>p,.pillars-intro>p{color:var(--muted);font-size:clamp(16px,1.3vw,20px);line-height:1.55;letter-spacing:-.018em;text-wrap:pretty}
.who-copy>p{margin:24px 0 0}
.who-copy>p+p{margin-top:25px}
.who-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;margin-top:32px;padding:0 22px;border:1px solid #244875;border-radius:9px;background:transparent;color:var(--text);font-size:13px;font-weight:600;line-height:1.4;transition:background-color .22s ease,border-color .22s ease,transform .22s ease}
.who-cta:hover{background:#0a1929;border-color:#4e78ab}.who-cta:active{transform:translateY(1px)}.who-cta:focus-visible{outline-offset:6px}
.who-art{transition:translate 2.1s cubic-bezier(.2,.8,.2,1)}
.who-section.is-armed:not(.is-revealed) .who-art{translate:0 18px}

.who-section.is-armed:not(.is-revealed) .who-copy{opacity:0;transform:translateY(18px)}

.pillars-intro,.pillars-grid{transition:opacity 1.8s ease-in-out,translate 2.1s cubic-bezier(.2,.8,.2,1)}
.pillars-grid{transition-delay:.24s}
.pillars-section.is-reveal-armed:not(.is-revealed) .pillars-intro,.pillars-section.is-reveal-armed:not(.is-revealed) .pillars-grid{opacity:0;translate:0 22px}
.pillars-section:focus-within .pillars-intro,.pillars-section:focus-within .pillars-grid{transition:none}
@media(prefers-reduced-motion:reduce){.pillars-intro,.pillars-grid{opacity:1!important;translate:none!important;transition:none!important}}


.about-page-header{flex-wrap:wrap}.about-page-header .brand{color:var(--text)}.about-page-header>.button{min-width:0}
.about-document{max-width:1200px;margin:0 auto;padding-bottom:72px}.about-document .content-section{background:transparent;padding-inline:var(--edge)}.about-document h1{font-size:clamp(32px,4vw,48px);line-height:1.2}.about-document .about-introduction>p{max-width:64ch}.about-document .product-feature{padding:28px}.about-document .product-feature h3{font-size:36px}.about-document .expertise-row{gap:32px}.about-document .contact-section{border-bottom:1px solid var(--line)}
@media(min-width:1800px){.who-section{gap:64px;padding-block:64px 80px}.who-art{width:calc(100% + 56px);margin-left:-56px}.who-copy{max-width:580px}}
@media(max-width:1000px) and (min-width:901px){.who-section{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px}.who-art{width:calc(100% + 24px);margin-left:-24px}.who-copy h2,.pillars-intro h2{font-size:36px}.who-copy>p,.pillars-intro>p{font-size:16px}}
@media(max-width:900px){.who-section{grid-template-columns:minmax(0,1fr);gap:0;padding:32px var(--edge) 72px;min-height:0}.who-art{width:min(100%,760px);margin:0 auto;aspect-ratio:1016/773}.who-copy{max-width:640px;justify-self:center;padding:8px 0 0}.who-copy h2,.pillars-intro h2{font-size:42px}.who-copy>p,.pillars-intro>p{font-size:18px}}
@media(max-width:760px){.keyboard-number-row{height:46px;grid-auto-rows:46px;gap:10px}.keyboard-number-row>span{padding:12px 8px;font-size:13px;border-radius:8px}.who-section{padding:24px 24px 56px}.who-art{width:100%;margin:0}.who-copy{padding-top:12px}.who-copy h2,.pillars-intro h2{font-size:36px}.who-copy>p,.pillars-intro>p{font-size:16px;line-height:1.65}.who-copy>p{margin-top:22px}.who-copy>p+p{margin-top:20px}.who-cta{margin-top:28px;min-height:48px;padding-inline:18px;font-size:12px;gap:28px}.about-page-header{gap:12px}.about-page-header>.button{font-size:11px;padding-inline:12px}.about-document .product-feature{padding:24px}.about-document .contact-email{font-size:19px}}
@media(prefers-reduced-motion:reduce){.who-section *,.who-section *::before,.who-section *::after{animation:none!important;transition:none!important}.who-section.is-armed .who-art,.who-section.is-armed .who-copy{opacity:1!important;translate:none!important;transform:none!important}.who-scene{transform:none!important}}