.advantages-modern{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8faff 0%,#eef4ff 52%,#fff 100%)}
.advantages-modern:before,.advantages-modern:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.advantages-modern:before{width:330px;height:330px;right:-130px;top:-150px;background:#1d6de90d;border:1px solid #1d6de91c}
.advantages-modern:after{width:220px;height:220px;left:-100px;bottom:-120px;background:#f8b93418}
.advantages-modern .section-title{margin-bottom:10px;font-size:clamp(30px,3vw,42px)}
.advantages-lead{max-width:680px;margin:0 auto;color:var(--muted);text-align:center}
.advantages-modern .values{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:38px}
.advantages-modern .value{position:relative;overflow:hidden;min-height:260px;padding:30px 26px;text-align:left;border:1px solid #214578;border-radius:18px;background:linear-gradient(145deg,#061d49 0%,#03143b 72%,#08275e 100%);box-shadow:0 18px 44px #03143b29;backdrop-filter:blur(10px);transition:.3s}
.advantages-modern .value:nth-child(1),.advantages-modern .value:nth-child(2){grid-column:span 3}
.advantages-modern .value:nth-child(n+3){grid-column:span 2}
.advantages-modern .value:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--card-accent),transparent)}
.advantages-modern .value:nth-child(1){--card-accent:#2563eb}.advantages-modern .value:nth-child(2){--card-accent:#8b5cf6}.advantages-modern .value:nth-child(3){--card-accent:#06b6d4}.advantages-modern .value:nth-child(4){--card-accent:#f59e0b}.advantages-modern .value:nth-child(5){--card-accent:#10b981}
.advantages-modern .value:hover{transform:translateY(-9px);border-color:var(--card-accent);background:linear-gradient(145deg,#09285e 0%,#041943 68%,#0b3274 100%);box-shadow:0 26px 58px color-mix(in srgb,var(--card-accent) 22%,#03143b)}
.advantages-modern .value>i{width:62px;height:62px;margin:0;border:1px solid color-mix(in srgb,var(--card-accent) 40%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card-accent) 18%,#071a42);color:color-mix(in srgb,var(--card-accent) 72%,white);font-size:31px;transition:.3s}
.advantages-modern .value:hover>i{color:#fff;background:var(--card-accent);transform:rotate(-5deg) scale(1.05)}
.advantages-modern .value h3{margin:22px 0 9px;color:#fff;font-size:19px}.advantages-modern .value p{color:#bccbe1;font-size:13px;line-height:1.75}
.value-number{position:absolute;right:22px;top:18px;color:#fff;font-size:36px;font-weight:800;letter-spacing:-.08em;opacity:.9}
.value-arrow{position:absolute;right:22px;bottom:18px;color:var(--card-accent);font-size:21px;opacity:0;transform:translateX(-8px);transition:.3s}.value-arrow i{display:inline;width:auto;height:auto;margin:0;background:none;color:inherit}.advantages-modern .value:hover .value-arrow{opacity:1;transform:none}
@media(max-width:850px){.advantages-modern .values{grid-template-columns:repeat(2,1fr)}.advantages-modern .value:nth-child(n){grid-column:span 1}}
@media(max-width:520px){.advantages-modern .values{grid-template-columns:1fr}.advantages-modern .value{min-height:230px}}

/* About page design system — aligned with the Home page. */
body{background:#fff;color:var(--ink);font-family:Figtree,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.75}
.section{padding:82px 0}
.label,.hero-label{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}
.section-head{text-align:center}
.section-title,.intro h2{margin:8px 0 14px;color:var(--ink);font-size:clamp(30px,3vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1.15}
.section-under{display:block;width:52px;height:3px;margin:16px auto 20px;border-radius:10px;background:var(--blue)}

.hero{isolation:isolate;min-height:370px;padding:56px 0 64px;background:linear-gradient(90deg,#020b26f7 0%,#03143bf0 45%,#03143b8c 100%),url('../about/office-team.png') center 42%/cover;color:#fff}
.hero:after{position:absolute;z-index:-1;inset:0;content:"";background:radial-gradient(circle at 88% 30%,#1973e83d,transparent 31%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.hero .wrap{position:relative;z-index:1}
.crumb{margin-bottom:34px;color:#aebbd2;font-size:12px;font-weight:600}
.hero-label{margin-bottom:8px;color:var(--yellow)}
.hero h1{max-width:650px;margin:0;color:#fff;font-size:clamp(43px,4.7vw,62px);font-weight:800;letter-spacing:-.045em;line-height:1.08}
.hero h2{max-width:680px;margin:10px 0 13px;color:#fff;font-size:clamp(18px,2vw,23px);font-weight:600;letter-spacing:-.015em;line-height:1.4}
.goldline{width:52px;height:3px;background:var(--yellow)}
.hero p{max-width:650px;margin-top:18px;color:#c8d3e6;font-size:16px;line-height:1.75}

.intro{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:78px}
.intro .label{text-align:left}
.intro-copy{color:var(--muted);font-size:15px;line-height:1.8}
.office:before{position:absolute;z-index:-1;inset:-18px 18px 18px -18px;content:"";border:1px solid #d9e6f8;border-radius:20px;background:#f5f8fd}
.office>img{height:390px;border-radius:18px;box-shadow:0 22px 55px #061d4930}
.team-badge{right:22px;bottom:-32px;width:min(310px,calc(100% - 32px));padding:20px 22px;border:1px solid #ffffff1f;border-radius:14px;background:linear-gradient(135deg,#03143b,#092b68);box-shadow:0 18px 40px #00143f45}
.team-badge b{font-size:15px}
.team-badge span{margin-top:2px;line-height:1.5}
.team-badge i{color:#7fb1ff}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
.stat{--stat-accent:#2563eb;position:relative;min-width:0;gap:10px;padding:14px 12px;border:1px solid #e1e9f5;border-radius:12px;background:#fff;box-shadow:0 8px 22px #153b760c}
.stat:nth-child(2){--stat-accent:#f97316}.stat:nth-child(3){--stat-accent:#8b5cf6}
.stat:before{position:absolute;inset:0 auto 0 0;width:3px;border-radius:12px 0 0 12px;background:var(--stat-accent);content:""}
.stat i{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--stat-accent) 10%,white);color:var(--stat-accent);font-size:22px}
.stat b{color:var(--ink);font-size:20px;letter-spacing:-.025em;line-height:1.15}
.stat small{display:block;margin-top:2px;font-size:10px;line-height:1.35}

.vm{padding:0 0 82px}
.vm .label{margin-bottom:18px}
.vm-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:0}
.vm-card{min-height:230px;padding:32px;border:1px solid #e1e9f5;border-radius:16px;box-shadow:0 14px 36px #08265c12}
.vm-card.dark{border-color:#1d4c8b;background:radial-gradient(circle at 0 0,#17468599,transparent 38%),linear-gradient(145deg,#03143b,#08285f)}
.vm-card h3{margin:2px 0 10px;font-size:20px;font-weight:800;letter-spacing:-.02em}
.vm-card p,.mission-list{font-size:14px;line-height:1.75}
.mission-icon{border-radius:14px;background:#eff5ff;color:var(--blue)}
.vm-card.dark .mission-icon{border:1px solid #72a7f24a;background:#ffffff14;color:#8fbbff}
.mission-list li{position:relative;margin:7px 0;padding-left:26px}
.mission-list i{position:absolute;top:4px;left:0;font-size:17px}

.advantages-modern{padding:82px 0;background:linear-gradient(145deg,#f8faff 0%,#eef4ff 52%,#fff 100%)}
.advantages-modern .section-title{margin:8px 0 14px;font-size:clamp(30px,3vw,40px)}
.advantages-lead{font-size:15px;line-height:1.75}
.advantages-modern .values{gap:18px;margin-top:38px}
.advantages-modern .value{min-height:250px;border-radius:16px}
.advantages-modern .value h3{font-size:18px;font-weight:800}
.value-number{font-family:Figtree,ui-sans-serif,system-ui,sans-serif}

.journey-section{background:#fff}
.journey{gap:0;margin-top:44px}
.milestone{padding:0 18px}
.milestone:after{top:29px;left:63%;width:74%;border-color:#a9c6ee}
.milestone i{width:60px;height:60px;border:1px solid #dce8f9;background:#f2f7ff;color:var(--blue);font-size:28px;box-shadow:0 10px 24px #1762d812}
.milestone h3{margin-top:15px;color:var(--blue);font-size:18px;font-weight:800}
.milestone b{margin-top:2px;color:var(--ink);font-size:13px}
.milestone p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.cta{margin-top:52px;padding:27px 30px;border:1px solid #75a7ff47;border-radius:14px;background:linear-gradient(100deg,var(--blue),color-mix(in srgb,var(--blue) 72%,#052b8a));box-shadow:0 18px 45px #08265c2e}
.cta-icon{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border-radius:50%;background:#ffffff1c;box-shadow:inset 0 0 0 1px #ffffff24}
.cta .cta-icon i{color:#fff;font-size:30px}
.cta h3{font-size:20px;font-weight:700;line-height:1.35}
.cta p{margin-top:4px;font-size:13px}

@media(max-width:850px){
    .section{padding:68px 0}.hero{min-height:340px}.intro{grid-template-columns:1fr;gap:55px}.office{max-width:680px}.stats{max-width:580px}.vm{padding-bottom:68px}.vm-grid{grid-template-columns:1fr}.vm-card{min-height:0}.advantages-modern{padding:68px 0}.journey{grid-template-columns:repeat(2,1fr);gap:28px 16px}.milestone:after{display:none}.milestone:last-child{grid-column:1/-1;max-width:50%;width:100%;margin:auto}
}
@media(max-width:520px){
    .section{padding:60px 0}.hero{min-height:390px;padding:40px 0 48px;background-position:62% center}.crumb{margin-bottom:40px}.hero h1{font-size:40px}.hero h2{font-size:18px}.hero p{font-size:14px}.intro{gap:58px}.intro h2,.section-title,.advantages-modern .section-title{font-size:30px}.office:before{inset:-10px 10px 10px -10px}.office>img{height:280px}.team-badge{right:10px;bottom:-42px}.stats{grid-template-columns:1fr;gap:10px}.stat{padding:13px 15px}.vm{padding-top:15px}.vm-card{flex-direction:column;padding:25px}.advantages-modern{padding:60px 0}.advantages-modern .value{min-height:225px}.journey{grid-template-columns:1fr;gap:24px}.milestone:last-child{grid-column:auto;max-width:none}.milestone{padding:20px;border:1px solid #e3eaf5;border-radius:14px;background:#fff;box-shadow:0 10px 26px #08265c0d}.cta{align-items:center;gap:15px;margin-top:34px;padding:23px}.cta-icon{flex-basis:50px;width:50px;height:50px}.cta h3{font-size:18px}.cta p{font-size:12px}.cta .btn{margin-top:4px}
}