﻿.page-about{background:radial-gradient(circle at 12% 8%,rgba(96,172,120,0.08),transparent 26%),linear-gradient(180deg,#ffffff 0%,#f5f8f5 100%)}.page-about .container{max-width:1240px;margin:0 auto;padding-left:var(--s-4);padding-right:var(--s-4)}.page-about .section-kicker{display:inline-flex;align-items:center;gap:12px;margin:0;padding:0;border:0;background:transparent;color:#516070;font-family:var(--font-display);font-size:0.92rem;font-weight:700;letter-spacing:0.1em;line-height:1;text-transform:uppercase}.page-about .section-kicker::before{content:"";width:2px;height:18px;background:var(--c-brand);opacity:0.72}.on-icon-svg{display:inline-grid;place-items:center;width:100%;height:100%}.on-icon-svg svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.on-card-icon,.on-positioning__bullet{display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(96,172,120,0.22);background:rgba(96,172,120,0.08);color:#1f6f3f;box-shadow:0 10px 24px rgba(38,94,57,0.08),inset 0 1px 0 rgba(255,255,255,0.4)}.on-card-icon{width:48px;height:48px}.on-card-icon--small,.on-positioning__bullet{width:42px;height:42px}.on-card-icon--inverse{border-color:rgba(154,224,171,0.24);background:rgba(255,255,255,0.08);color:#8fd2a4;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12)}.on-hero{position:relative;overflow:clip;padding:calc(clamp(88px,11vw,148px) + 24px) 0 clamp(78px,10vw,130px);background:radial-gradient(circle at 78% 18%,rgba(104,191,129,0.18),transparent 22%),radial-gradient(circle at 14% 74%,rgba(66,121,83,0.18),transparent 30%),linear-gradient(135deg,#07110a 0%,#092015 44%,#0a2f1f 100%);color:#ffffff}.on-hero__grid,.on-company__shell,.on-positioning__shell,.on-final__shell{display:grid;gap:clamp(28px,3.6vw,48px);align-items:center}.on-hero__content{display:grid;gap:clamp(24px,3vw,36px);align-content:center;max-width:740px}.page-about .on-hero__kicker,.page-about .on-positioning__kicker,.page-about .on-final__kicker{color:#68bf81}.page-about .on-hero__kicker::before,.page-about .on-positioning__kicker::before,.page-about .on-final__kicker::before{background:currentColor}.on-hero h1,.on-company__content h2,.on-section-head h2,.on-positioning__content h2,.on-final__content h2{margin:0;color:var(--c-text);font-size:clamp(2.08rem,4vw,3.9rem);line-height:0.98;letter-spacing:-0.058em;text-wrap:balance}.on-hero h1{max-width:12ch;color:#ffffff;line-height:0.95}.on-hero__lead{max-width:56ch;margin:0;color:rgba(255,255,255,0.8);font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.72}.on-hero__media,.on-company__media{position:relative;margin:0}.on-hero__media{padding:30px 18px 10px 30px;align-self:stretch}.on-hero__media::before,.on-company__media::before{content:"";position:absolute;inset:0;border:1px solid rgba(104,191,129,0.18);background:linear-gradient(180deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 100%),rgba(10,22,15,0.12);box-shadow:0 26px 54px rgba(8,20,13,0.12)}.on-hero__media::before{inset:0 18px 18px 0;border-color:rgba(128,205,149,0.22);background:linear-gradient(180deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 100%),rgba(10,22,15,0.34);box-shadow:0 34px 70px rgba(6,18,12,0.24)}.on-hero__media::after{content:"";position:absolute;right:12px;top:8px;width:72%;height:84%;background:radial-gradient(circle,rgba(104,191,129,0.14) 0%,transparent 72%);pointer-events:none}.on-hero__media img,.on-company__media img{position:relative;z-index:1;display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,0.12);box-shadow:0 28px 60px rgba(18,23,34,0.16)}.on-hero__media img{max-width:620px;border-color:rgba(255,255,255,0.16);box-shadow:0 38px 82px rgba(8,20,13,0.24)}.on-section{position:relative;padding:clamp(72px,8vw,104px) 0}.on-section + .on-section,.on-hero + .on-section,.on-section + .on-final{border-top:1px solid rgba(18,23,34,0.04)}.on-section-head{display:grid;gap:16px;margin-bottom:clamp(34px,4vw,50px)}.on-section-head--center{max-width:780px;margin-inline:auto;text-align:center;justify-items:center}.on-section-head--center .on-section__kicker{display:flex;justify-content:center;justify-self:center;width:fit-content;margin-inline:auto;transform:translateX(-6px)}.on-section-head h2{font-size:clamp(2rem,3.1vw,3.2rem)}.on-section-head h2 span{color:var(--c-highlight)}.on-company__content,.on-positioning__content,.on-final__content{display:grid;gap:20px}.on-company__content p,.on-section-head p,.on-value-card p,.on-principle__body p,.on-audience__card p,.on-positioning__content p,.on-final__content p{margin:0;color:#5f6874;line-height:1.74}.on-company{background:linear-gradient(180deg,#ffffff 0%,#f8fbf8 100%)}.on-company__shell{gap:clamp(30px,4vw,56px);align-items:stretch}.on-company__content{padding:clamp(30px,3.3vw,40px);border:1px solid rgba(18,23,34,0.07);background:linear-gradient(180deg,rgba(251,252,250,0.98) 0%,rgba(244,247,244,0.94) 100%);box-shadow:0 24px 48px rgba(18,23,34,0.05);align-content:center}.on-company__content p:first-of-type{color:#15202c;font-size:1.08rem;line-height:1.82}.on-company__content p:not(:first-of-type){color:#566370;line-height:1.8}.on-company__media::before{inset:18px 0 0 18px;border-color:rgba(96,172,120,0.18);background:linear-gradient(180deg,rgba(255,255,255,0.75) 0%,rgba(241,247,242,0.92) 100%),rgba(96,172,120,0.06);box-shadow:0 32px 64px rgba(18,23,34,0.14)}.on-company__media img{min-height:500px;object-fit:cover;border-color:rgba(18,23,34,0.1);box-shadow:0 34px 68px rgba(18,23,34,0.16)}.on-values{background:linear-gradient(180deg,#ffffff 0%,#f9fbf8 100%)}.on-values__grid,.on-principles__grid,.on-audience__grid{display:grid;gap:24px}.on-value-card,.on-principle,.on-audience__card{position:relative;display:grid;align-content:start;gap:18px;min-height:100%;padding:38px 34px;background:#ffffff;border:1px solid rgba(18,23,34,0.08);border-top:3px solid rgba(16,19,27,0.9);box-shadow:0 20px 44px rgba(18,23,34,0.05);transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.on-value-card:hover,.on-principle:hover,.on-audience__card:hover{transform:translateY(-4px);border-color:rgba(96,172,120,0.24);box-shadow:0 26px 54px rgba(18,23,34,0.08)}.on-value-card h3,.on-principle__body h3,.on-audience__card h3{margin:0;color:var(--c-text);font-size:1.28rem;line-height:1.12;text-wrap:balance}.on-positioning{background:radial-gradient(circle at 18% 12%,rgba(104,191,129,0.18),transparent 24%),radial-gradient(circle at 84% 24%,rgba(83,152,104,0.14),transparent 28%),linear-gradient(145deg,#0a140f 0%,#11251b 52%,#153224 100%)}.on-positioning__shell{position:relative;overflow:hidden;gap:clamp(30px,3.8vw,46px);padding:clamp(42px,4.2vw,58px);border:1px solid rgba(255,255,255,0.08);box-shadow:0 28px 58px rgba(7,17,10,0.22)}.on-positioning__shell::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,0.08);pointer-events:none}.on-positioning__content h2,.on-final__content h2{color:#ffffff}.on-positioning__content p,.on-final__content p{color:rgba(255,255,255,0.76)}.on-positioning__content{gap:22px}.on-positioning__list{display:grid;gap:16px;margin:10px 0 0;padding:0;list-style:none}.on-positioning__list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:start;padding:18px 20px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12)}.on-positioning__list li span:last-child{color:#ffffff;line-height:1.64}.on-positioning__media{align-self:stretch;position:relative;margin:0;min-height:100%;padding:18px 0 0 18px}.on-positioning__media::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,0.12);background:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 100%),rgba(255,255,255,0.02);box-shadow:0 24px 46px rgba(6,11,8,0.18)}.on-positioning__media img{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:100%;object-fit:cover;border:1px solid rgba(255,255,255,0.12);box-shadow:0 28px 56px rgba(6,11,8,0.2)}.on-principles{background:linear-gradient(180deg,#ffffff 0%,#f6f9f6 100%)}.on-principle{grid-template-columns:72px minmax(0,1fr);gap:22px;min-height:100%;padding:42px 38px;background:linear-gradient(180deg,rgba(255,255,255,0.99) 0%,#fbfcfb 100%)}.on-principle__marker{display:grid;gap:16px;align-content:start}.on-principle__number{color:#2f7c49;font-family:var(--font-display);font-size:1.08rem;font-weight:700;letter-spacing:0.12em;line-height:1;text-transform:uppercase}.on-principle__body{display:grid;gap:14px}.on-principle .on-card-icon--small{width:46px;height:46px}.on-audience{background:linear-gradient(180deg,#f9fbf8 0%,#ffffff 100%)}.on-audience__card{gap:20px;padding:42px 38px;grid-template-rows:auto auto 1fr auto}.on-audience__card p{max-width:44ch}.on-audience__card .btn{margin-top:auto}.on-audience__card--companies{background:radial-gradient(circle at 84% 18%,rgba(104,191,129,0.12),transparent 24%),linear-gradient(145deg,#0b1510 0%,#102219 52%,#132b1f 100%);border-color:rgba(255,255,255,0.08);box-shadow:0 24px 48px rgba(7,17,10,0.16)}.on-audience__card--companies h3{color:#ffffff}.on-audience__card--companies p{color:rgba(255,255,255,0.76)}.on-audience__card--candidates{background:linear-gradient(180deg,rgba(255,255,255,0.99) 0%,#f5faf5 100%);border-color:rgba(96,172,120,0.24);box-shadow:0 24px 50px rgba(18,23,34,0.08)}.on-audience__card--candidates .btn--outline{border-color:rgba(18,23,34,0.18);background:#ffffff;color:var(--c-text);box-shadow:0 16px 30px rgba(18,23,34,0.06)}.on-audience__card--candidates .btn--outline:hover,.on-audience__card--candidates .btn--outline:focus-visible{border-color:rgba(96,172,120,0.28);background:#ffffff;color:var(--c-text)}.on-final{padding:clamp(56px,7.4vw,92px) 0}.on-final__shell{position:relative;overflow:hidden;gap:clamp(28px,3.6vw,40px);padding:clamp(46px,4.8vw,62px);background:radial-gradient(circle at 84% 18%,rgba(104,191,129,0.14),transparent 24%),linear-gradient(145deg,#0b1510 0%,#102219 52%,#132b1f 100%);border:1px solid rgba(255,255,255,0.08);box-shadow:0 28px 60px rgba(7,17,10,0.22)}.on-final__shell::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,0.08);pointer-events:none}.on-final__actions{display:flex;flex-wrap:wrap;gap:14px}.on-final__actions .btn{min-height:56px;padding-inline:24px}.on-final__actions .btn--primary{border-color:rgba(154,224,171,0.22);background:linear-gradient(135deg,#72c388 0%,#5aa66d 100%);box-shadow:0 18px 36px rgba(16,58,30,0.22)}.on-final__actions .btn--outline{border-color:rgba(255,255,255,0.34);background:rgba(255,255,255,0.03);color:#ffffff}.on-final__actions .btn--outline:hover,.on-final__actions .btn--outline:focus-visible{border-color:rgba(255,255,255,0.56);background:rgba(255,255,255,0.08);color:#ffffff}@media (min-width:860px){.on-hero__grid,.on-final__shell{grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr)}.on-company__shell{grid-template-columns:minmax(0,0.98fr) minmax(0,1.02fr);grid-template-areas:"media content";align-items:center}.on-company__media{grid-area:media}.on-company__content{grid-area:content}.on-company__media::before{inset:18px 18px 0 0}.on-positioning__shell{grid-template-columns:minmax(0,1.14fr) minmax(360px,0.86fr);align-items:stretch}.on-values__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.on-principles__grid,.on-audience__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.on-final__actions{align-self:center;justify-content:flex-end;padding-left:34px;border-left:1px solid rgba(255,255,255,0.12)}}@media (max-width:859px){.on-hero__media,.on-company__media{max-width:720px}}@media (max-width:699px){.on-hero{padding:72px 0 64px;background:var(--bg-hero-brand-mobile)}.on-hero h1,.on-company__content h2,.on-section-head h2,.on-positioning__content h2,.on-final__content h2{font-size:clamp(1.95rem,10vw,2.85rem)}.on-hero__media{padding:18px 0 0 18px}.on-hero__media::before{inset:0 14px 14px 0}.on-company__media::before{inset:12px 0 0 12px}.on-value-card,.on-principle,.on-audience__card,.on-positioning__shell,.on-company__content,.on-final__shell{padding-left:24px;padding-right:24px}.on-principle{grid-template-columns:1fr}.on-principle__marker{grid-template-columns:auto auto;align-items:center}.on-positioning__list li{grid-template-columns:1fr}.on-positioning__media{padding:14px 0 0 14px}.on-final__actions{display:grid}.on-final__actions .btn{width:100%;justify-content:center}}