/* About page */
.about-page .about-hero{padding:84px 0 78px}
.about-page .about-hero.catalog-hero{color:#284b6d;background:radial-gradient(ellipse 55% 78% at 84% 46%,rgba(195,229,255,.76),transparent 69%),radial-gradient(ellipse 42% 58% at 7% 92%,rgba(218,238,255,.78),transparent 74%),linear-gradient(135deg,#fcfeff 0%,#f4f9ff 50%,#edf6ff 100%)}
.about-page .about-hero.catalog-hero::after{opacity:.55;background-image:linear-gradient(rgba(70,155,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(70,155,220,.08) 1px,transparent 1px)}
.about-page .about-hero .shell{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(36px,5vw,72px);align-items:center}
.about-page .about-hero h1{margin:12px 0 22px;color:#123e69;font-size:clamp(52px,6.4vw,92px);line-height:1.04;letter-spacing:-.06em}
.about-page .about-hero h1 span{display:block;color:#79dcff;text-shadow:0 0 38px rgba(93,209,255,.2)}
.about-page .about-hero h1.about-hero__company{font-size:clamp(30px,3.6vw,46px);line-height:1.28;letter-spacing:-.01em}
.about-page .about-hero p{max-width:640px;color:#607d99;font-size:16px;line-height:1.85}
.about-page .about-hero .hero-actions{margin:28px 0 0}
.about-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin-top:34px;border-top:1px solid #dbe9f4}
.about-hero__meta>div{padding:18px 16px 0 0}
.about-hero__meta>div+div{padding-left:18px;border-left:1px solid #e3edf5}
.about-hero__meta strong{display:block;color:#19436e;font-family:var(--font-mono);font-size:clamp(22px,2.4vw,30px);font-weight:600;line-height:1;letter-spacing:-.02em}
.about-hero__meta span{display:block;margin-top:8px;color:#748ca3;font-size:11px;letter-spacing:.04em}

.about-page .about-profile{position:relative;min-width:0;overflow:hidden;padding:24px;background:rgba(255,255,255,.86);border:1px solid #d7e8f5;border-radius:14px;box-shadow:0 18px 42px rgba(25,93,141,.1)}
.about-page .about-profile::after{position:absolute;top:-90px;right:-70px;width:190px;height:190px;content:"";pointer-events:none;border:1px solid rgba(67,151,221,.16);border-radius:50%;box-shadow:0 0 0 28px rgba(73,163,225,.03)}
.about-page .about-profile__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;color:#2588e8;border-bottom:1px solid #e2ecf4;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.about-page .about-profile__head span:last-child{color:#24a994}
.about-page .about-profile__name{position:relative;padding:20px 0 16px;border-bottom:1px solid #eef4f9}
.about-page .about-profile__name small{display:block;color:#6d8499;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}
.about-page .about-profile__name strong{display:block;margin-top:9px;color:#1e4b74;font-size:17px;font-weight:600;line-height:1.5;letter-spacing:.01em}
.about-page .about-profile__rows{position:relative}
.about-page .about-profile__row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid #eef4f9;font-size:12.5px;line-height:1.55}
.about-page .about-profile__row span{color:#7a93a8}
.about-page .about-profile__row strong{color:#274b63;font-weight:600}
.about-page .about-profile__tags{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.about-page .about-profile__tags span{padding:6px 9px;color:#315f86;background:#f2f8fd;border:1px solid #deebf5;border-radius:3px;font-family:var(--font-mono);font-size:10px;line-height:1.2}
.about-page .about-profile__foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;color:#7a93a8;border-top:1px solid #e2ecf4;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}
.about-page .about-profile__foot span:last-child{color:#24a994}

.about-intro__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,5vw,64px);align-items:start}
.about-intro__copy{min-width:0}
.about-intro__copy h2{margin-bottom:18px;color:#173e66;font-size:clamp(30px,3.6vw,46px);line-height:1.18;text-wrap:balance}
.about-intro__copy p{color:#5f7c94;font-size:14.5px;line-height:1.9}
.about-intro__lead{color:#2b5478!important;font-size:17px!important;line-height:1.85!important}
.about-quote{margin-top:28px;padding:20px 22px;color:#315d82;background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #d9ebf7;border-left:3px solid #2992d5;font-size:13.5px;line-height:1.8}
.about-quote strong{display:block;margin-bottom:4px;color:#1976d2;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em}
.about-facts{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;overflow:hidden;background:#dceaf4;border:1px solid #dceaf4;border-radius:12px}
.about-fact{min-height:154px;padding:24px 22px;background:#fff}
.about-fact:nth-child(2),.about-fact:nth-child(3){background:#f8fbfe}
.about-fact span{color:#2588e8;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}
.about-fact h3{margin:14px 0 8px;color:#1e4b74;font-size:17px}
.about-fact p{margin:0;color:#6b8399;font-size:12px;line-height:1.72}

.history-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:42px 0 0;list-style:none}
.history-rail::before{position:absolute;top:21px;right:10%;left:10%;height:1px;content:"";background:linear-gradient(90deg,rgba(73,160,225,.08),rgba(36,132,214,.55),rgba(73,160,225,.08))}
.history-step{position:relative;padding:22px 18px 20px;background:#fff;border:1px solid #e2ecf4;border-radius:14px;box-shadow:0 10px 26px rgba(25,93,141,.045);transition:transform .22s,border-color .22s,box-shadow .22s}
.history-step::before{position:absolute;top:-27px;left:50%;width:9px;height:9px;content:"";background:#fff;border:2px solid #4a9fe0;border-radius:50%;box-shadow:0 0 0 4px #eef7ff;transform:translateX(-50%)}
.history-step:hover{border-color:#a9d2f1;box-shadow:0 16px 32px rgba(25,93,141,.09);transform:translateY(-4px)}
.history-step__year{display:inline-block;padding:3px 7px;color:#2588e8;background:#eef7ff;border-radius:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em}
.history-step h3{margin:12px 0 8px;color:#1e4b74;font-size:16px;line-height:1.35}
.history-step p{margin:0;color:#6b8399;font-size:12px;line-height:1.72}

.about-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-product{display:flex;flex-direction:column;min-height:252px;padding:26px;background:#fff;border:1px solid #e2ecf4;border-radius:14px;box-shadow:0 10px 26px rgba(25,93,141,.045);transition:transform .22s,border-color .22s,box-shadow .22s}
.about-product:hover{border-color:#a9d2f1;box-shadow:0 18px 38px rgba(25,93,141,.1);transform:translateY(-4px)}
.about-product__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.about-product__id{color:#2682c6;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em}
.about-product__tag{padding:4px 8px;color:#4d718d;background:#f0f7fc;border-radius:2px;font-size:10.5px;white-space:nowrap}
.about-product h3{margin:20px 0 10px;color:#1e4b74;font-size:21px;line-height:1.35}
.about-product p{margin:0 0 20px;color:#66839a;font-size:13px;line-height:1.75}
.about-product a{margin-top:auto;color:#1976d2;font-size:13px;font-weight:650}
.about-product a:hover{color:#0f5fa8}
.about-product--custom{display:grid;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:36px;align-items:center;min-height:0;padding:24px 28px;background:linear-gradient(135deg,#f1f9ff,#fff);border-color:#cfe6f6}
.about-product--custom .about-product__top{grid-column:1/-1}
.about-product--custom h3{grid-column:1;margin:6px 0 0;white-space:nowrap}
.about-product--custom p{grid-column:2;margin:6px 0 0}
.about-product--custom a{grid-column:3;margin-top:6px;white-space:nowrap}

.copyright-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.copyright-shot{margin:0;padding:10px;background:#f7fbfe;border:1px solid #e1edf6;border-radius:12px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.copyright-shot:hover{transform:translateY(-3px);border-color:#b7d9ef;box-shadow:0 18px 36px rgba(13,70,110,.08)}
.copyright-shot img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:#fff;border-radius:6px}

.about-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.about-value{position:relative;overflow:hidden;padding:26px 22px;background:#fff;border:1px solid #e2ecf4;border-radius:14px;transition:transform .22s,border-color .22s,box-shadow .22s}
.about-value::before{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:linear-gradient(90deg,#197bd6,#8bd7ff);transform:scaleX(0);transform-origin:left;transition:transform .26s ease}
.about-value:hover{border-color:#a9d2f1;box-shadow:0 16px 32px rgba(25,93,141,.09);transform:translateY(-4px)}
.about-value:hover::before{transform:scaleX(1)}
.about-value span{color:#2588e8;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}
.about-value h3{margin:18px 0 9px;color:#1e4b74;font-size:18px}
.about-value p{margin:0;color:#6b8399;font-size:12.5px;line-height:1.75}

@media(max-width:1080px){
.about-page .about-hero .shell{grid-template-columns:1fr;align-items:start}
.about-profile{max-width:660px}
.about-intro__grid{grid-template-columns:1fr;gap:36px}
.about-products{grid-template-columns:1fr 1fr}
.about-values{grid-template-columns:1fr 1fr}
.history-rail{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0}
.history-rail::before,.history-step::before{display:none}
.copyright-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
.about-page .about-hero{padding-block:56px 60px}
.about-page .about-hero h1{font-size:clamp(44px,12vw,64px)}
.about-hero__meta{grid-template-columns:1fr;margin-top:28px}
.about-hero__meta>div{padding:14px 0;border-bottom:1px solid #dbe9f4}
.about-hero__meta>div+div{padding-left:0;border-left:0}
.about-hero__meta>div:last-child{border-bottom:0}
.about-hero__meta strong{font-size:22px}
.about-facts{grid-template-columns:1fr}
.about-fact{min-height:0}
.about-products{grid-template-columns:1fr}
.about-product{min-height:0}
.about-product--custom{grid-template-columns:1fr;row-gap:4px;padding:24px}
.about-product--custom h3,.about-product--custom p,.about-product--custom a{grid-column:1;white-space:normal}
.about-product--custom p{margin-bottom:12px}
.about-values{grid-template-columns:1fr}
.history-rail{grid-template-columns:1fr}
.copyright-grid{grid-template-columns:1fr}
.copyright-stat{flex-direction:row;align-items:baseline;gap:8px}
}
@media(max-width:480px){
.about-page .about-hero h1{font-size:42px}
.about-profile{padding:20px}
.about-profile__row{grid-template-columns:1fr;gap:2px}
.about-profile__row span{font-size:10px}
.about-intro__copy h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
.about-product,.about-value{transition:none}
.about-value::before{transition:none}
}